/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@import url(css/font-awesome.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@font-face{
    font-family: "SFUFuturaBook";
    src: url(fonts/SFUFuturaBook.TTF);
}
@font-face{
    font-family: "UTM Zirkon";
    src: url(fonts/UTM-Zirkon.ttf);
}
@font-face{
    font-family: "UTM-Avo";
    src: url(fonts/UTM-Avo.ttf);
}
@font-face{
    font-family: "UTM-AvoBold";
    src: url(fonts/UTM-AvoBold.ttf);
}
@font-face{
    font-family: "SVN-Gilroy Regular";
    src: url(fonts/SVN-GilroyRegular.otf);
}
.Zirkon{
    font-family: "UTM Zirkon";
}
.Montserrat{
    font-family: "Montserrat";
}
.text__primary {
    color: rgb(174, 132, 97);
}
#wrapper, #main{
    background: url('/wp-content/uploads/2022/07/bg_home.jpg') no-repeat fixed center center / cover;
}

.box_icon_home .icon img{
    border-radius: 50%;
    border: 2px solid #000;
}
.section_map p{
    margin-bottom: 0px;
}
.icon-box-left .icon-box-img, .icon-box-right .icon-box-img{
    max-width: 50%;
}
.box_icon_left{
    background-color: rgba(0, 0, 0, .7);
    padding: 20px;
    align-items: center;
}
.bd5-black img{
    border: 5px solid #000;
}
.item_slide{
    background-color: rgb(50, 50, 50);
    margin-top: 0px !important;
}

.list__item .post-item .col-inner, .main_detail{
    background-color: #fff;
}
.main_detail .entry-header{
    padding-top: 30px;
}
.header-bottom {
    background-color: transparent;
}
.header-bottom .container{
    background: #000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAANcCAYAAACe7cU9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RjgyM0FDRjc4NTVFMTExQURCRUEwRDE2OEU2QjI4MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NDBENTY2NDVFMjgxMUUxOEYyN0RERTkzNTlCQjM3MCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NDBENTY2MzVFMjgxMUUxOEYyN0RERTkzNTlCQjM3MCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4ODIzQUNGNzg1NUUxMTFBREJFQTBEMTY4RTZCMjgzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGODIzQUNGNzg1NUUxMTFBREJFQTBEMTY4RTZCMjgzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+sD/S8AAAAG1JREFUeNrsz7EOgCAMBNCr/v/op6rRCDV1KMFUYHM5hpfLtR2Aqi4TADF2ZzU25zBO4zLSIM9ydspt7ietb1PdlYS6GwWOBgnNjhBCCCGEEEII+Z2vJ8GyBOk1lWCv3Y2C/iD64GTMngp6CzAA8Uw7zZmpz8kAAAAASUVORK5CYII=) repeat-x top;
    padding-left: 0;
    padding-right: 0;
    border-radius: 10px;
}
.header-bottom .container > .flex-col {
    width: 100%;
}
.header-bottom .container > .flex-col > ul{
    justify-content: space-evenly;
}
.header-bottom .container > .flex-col > ul > li{
    margin: 0;
    padding: 0px;
    border-right: 1px solid #000;
    flex: 1 1 auto;
    text-align: center;
}
.header-bottom .container > .flex-col > ul > li:last-child{
    border-right: 0px;
}
.header-bottom .container > .flex-col > ul > li > a{
    display: block;
}
.header-bottom .container > .flex-col > ul > li.active > a{
    background-color: #e41a25
}
.header-bottom .container > .flex-col > ul > li:hover > a, .header-bottom .container > .flex-col > ul > li:focus > a
{
    background-color: #fff;
	color: #222;
}
.header-bottom .container > .flex-col > ul > li:first-child:hover > a{
	border-radius: 10px 0 0 10px;
}
.header-bottom .container > .flex-col > ul > li:last-child:hover > a{
	border-radius: 0 10px 10px 0;
}
#quick_action_bar {
    display: none;
  position: fixed;
  bottom: 0;
  padding: 10px;
  background: #E3C9B0;
  width: 100%;
  z-index: 99;
}
#quick_action_bar #quick_action_bar_container {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
#quick_action_bar_container a {
  color: #6d7a34;
  fill: #6d7a34;
}
#quick_action_bar_container a img{
	height: 36px;
}
.preloader-mobile {
	display: none;
	  position: fixed;
	  top: 0;
	  height: 100%;
	  width: 100%;
	  left: 0;
	  background: rgb(255, 255, 255, 1);
	  justify-content: center;
	  align-items: center;
	  z-index: 99999999999999;
}
.preloader-mobile img{
    width: 50%;
	display: none;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
#welcome-screen {
    position: fixed;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #fff;
}

#welcome-screen-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

#welcome-screen-foreground {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#welcome-screen-logo {
    position: relative;
    overflow: hidden;
    width: 120px;
    height: 120px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

#welcome-screen-logo-image {
    max-width: 100%;
    max-height: 100%;
}

#welcome-screen-logo-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
}

#welcome-screen.welcome-screen-state-bg-intro>#welcome-screen-foreground {
    display: none;
}

#welcome-screen.welcome-screen-state-outro {
    background: none;
}

.welcome-screen-state-logo-intro #welcome-screen-logo {
    animation: welcome-screen-logo-intro-logo 2000ms both ease-in-out;
}

@keyframes welcome-screen-logo-intro-logo {
    0% {
        opacity: 0;
        filter: blur(5px);
    }

    100% {
        opacity: 1;
        filter: blur(0px);
    }
}

.welcome-screen-state-outro #welcome-screen-logo {
    animation: welcome-screen-outro-logo 900ms 200ms both ease-in-out;
}

@keyframes welcome-screen-outro-logo {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.welcome-screen-state-bg-intro #welcome-screen-background {
    animation: welcome-screen-bg-intro-background 900ms both ease;
}

@keyframes welcome-screen-bg-intro-background {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.welcome-screen-state-outro #welcome-screen-background {
    animation: welcome-screen-outro-background 900ms reverse both ease;
}

@keyframes welcome-screen-outro-background {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.welcome-screen-state-loop #welcome-screen-logo-cover {
    animation: welcome-screen-loop-logo-cover 2200ms infinite ease-in-out;
    opacity: 0.85;
}

@keyframes welcome-screen-loop-logo-cover {
    0% {
        transform: translateX(-120px)
    }

    50% {
        transform: translateX(120px)
    }

    100% {
        transform: translateX(120px)
    }
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	#wrapper, #main{
		background: transparent;
		background-attachment: scroll;
		position: relative
	}
	#wrapper:before{
		background: url('/wp-content/uploads/2022/08/bg-mobile-moc-an.jpg') no-repeat top center / 100% auto;
		content: "";
		height: 100%;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: -1;
	}
    #quick_action_bar{
        display: block;
    }
	.home .preloader-mobile{
		display: flex;
	}
}