/*
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.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
li.html.header-button-1 a{
    background-image: linear-gradient(to bottom right, #f3e1a5, #ead084, #f3e1a5, #ead084, #f3e1a5);
    border-radius: 5px;
    border: 1px solid #000;
    padding: 14px 5px 10px 5px;
    padding: 2px 10px;
    color: #000;
    font-weight: 500;
}
.primary, input[type=submit], input[type=submit].button{
	    background: linear-gradient(135deg, #997124 0%, #D4AF37 25%, #F5E2A1 50%, #D4AF37 75%, #997124 100%);
}
.off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content{
       background: linear-gradient(135deg, #F5E2A1 0%, #D4AF37 25%, #997124  50%, #D4AF37 75%, #997124 100%);
}
a.button{
	font-weight: 500;
}
a.button.primary.btnmain{
	background-image: linear-gradient(to bottom right, #f3e1a5, #ead084, #f3e1a5, #ead084, #f3e1a5);
	font-weight: 500;
	color:#000;
}
.groupfbye {
 background: linear-gradient(
    135deg,
    #997124 0%,
    #D4AF37 25%,
    #F5E2A1 50%,
    #D4AF37 75%,
    #997124 100%
  );
    /* background: #0d2405; */
    height: 144px;
    width: 55px;
    top: 35%;
    left: 0;
    position: fixed;
    z-index: 999;
    padding: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    z-index: 99;
    border: 1px solid #fff;
}
.groupfbye a i {
    padding: 8px;
    font-size: 14pt;
    color: #000;
}
#footer .social-icons.follow-icons>a.icon{
    color: #333 !important;
    border:none !important;
}
.line3 {
    border-bottom: 1px solid #333;
    text-align: center;
    margin-bottom: 4px;
    margin-top: 4px;
}
.sub-title{
	position: relative;
	font-weight: 400;
}
.sub-title:before {
    content: "";
    width: 50px;
    height: 1px;
    background: #122007;
    display: inline-block;
    left: 0;
    top: 50%;
    margin-right: 10px;
}
.img1 img{
	  border-top-left-radius: 180px; 
    border-top-right-radius: 180px;
}
.img1_s {
	    margin-bottom: -60px;
	        background-color: #fff;
	        padding:8px;
}
.bn180>.col-inner,
.bn180 .is-border,
.bn180 .box-image{
	border-top-left-radius: 180px;
    border-top-right-radius: 180px;
}
.absolute-footer{
    display: none
}
#footer{
   
}
.bg11>.col-inner{
        background-image: linear-gradient(to bottom right, #f3e1a5, #ead084, #f3e1a5, #ead084, #f3e1a5);
}
input.wpcf7-form-control{
    box-shadow: none;
    min-height: 43px;

    font-weight: 400;
}
textarea.wpcf7-form-control.wpcf7-textarea{
    font-weight: 400;
}
.wpcf7-spinner{
    display: none
}
.dark .nav-sidebar.nav-vertical>li+li, .dark .nav-vertical-fly-out>li+li{
    border:none;
}
#footer .social-icons.follow-icons>a.icon{
    border-width: 1px !important;
	background: linear-gradient(
    135deg,
    #997124 0%,
    #D4AF37 25%,
    #F5E2A1 50%,
    #D4AF37 75%,
    #997124 100%
  ) !important;
	width:35px;
	height:35px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}
#footer .social-icons.follow-icons>a.icon i{
	font-size:15px;
}
.dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical-fly-out>li>a, .dark .nav-vertical>li>ul li a, .dark .nav>li.html, .dark .nav>li>a, .nav-dark .is-outline, .nav-dark .nav>li>a, .nav-dark .nav>li>button, .nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark>li>a{
    color:#fff;
}
#header .social-icons.follow-icons a.icon {
    color: #333
   
}
#header  .social-icons.follow-icons a.icon i{
     color: #333 !important;
}

.col-menu ol li{

}
.popup {
    width: 100%;
    display: flex;
}
.popup img{
	    
}
a.button._s.primary.is-small.btnmain {
    border-radius: 100px;
    position: fixed;
    bottom: 65px;
    right: 0;
    z-index: 999;
	text-transform: none;
}
a.button.booking_s.primary.is-small.btnmain{
	text-transform: none;
}
td {
    color: #000;
}
.col-menu p{
	   
}
.col-menu table tr,
.col-menu td{
	  
}
table.table_wax tr,
table.table_wax tr td,
table.table_wax tr td span{
	
}
table.table_wax tr:nth-child(2n){
	  
}
.button i, button i{
	top:0
}
.header-wrapper.stuck .header-bg-color {
    
}
.hotline_fixed-number {
    position: fixed;
    z-index: 101;
    bottom: 15px;
    left: 15px;
    width: 229px;
    height: 50px;
    background: #fff;
    padding: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 25px;
    z-index: 999;
    border: 1px #f6efd3 solid;
    font-size: 23px;
    font-weight: bold;
    color: red;
    padding-left: 55px;
    padding-top: 5px;
}
span.gdt {
    font-size: 12px;
    text-align: center;
    width: 100%;
    margin: 0 15px;
    color: #ceaa35;
    text-transform: uppercase;
    line-height: 0;
    margin-top: -30px;
    position: relative;
    top: -10px;
}
.hotline_fixed-number a {
    color: #000;
    margin: 0 15px;
    line-height: 1;
    display: block;
    font-size: 16px;
    margin-top: -15px;
}
.hotline_fixed::before {
    content: "";
    width: 70px;
    height: 70px;
    border: 1px solid #ead185;
    position: absolute;
    margin: auto -11px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: cssAnimation 1s infinite alternate ease;
    -moz-animation: cssAnimation 1s infinite alternate ease;
    -o-animation: cssAnimation 1s infinite alternate ease;
}
.hotline_fixed::after {
    content: "";
    width: 60px;
    height: 60px;
    border: 1px solid #ceaa35;
    position: absolute;
    margin: auto -6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: cssAnimation 1s infinite alternate ease 0.5s;
    -moz-animation: cssAnimation 1s infinite alternate ease 0.5s;
    -o-animation: cssAnimation 1s infinite alternate ease 0.5s;
}
.hotline_fixed {
    position: fixed;
    z-index: 101;
    bottom: 15px;
    left: 15px;
    width: 50px;
    height: 50px;
    background: #f9efd4;
    padding: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 9999;
}
.hotline_fixed a {
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
        background: linear-gradient(135deg, #997124 0%, #D4AF37 25%, #F5E2A1 50%, #D4AF37 75%, #997124 100%);
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 102;
    animation: 1s ease-in-out 0s normal none infinite running quick-alo-circle-img-anim;
}
.hotline_fixed svg {
    width: 20px;
    height: 20px;
    color: #000 !important;
    font-size: 20px;
    margin-top: 10px;
}
@-webkit-keyframes cssAnimation {
  from {
    -webkit-transform:scale(0,0);
    opacity:0;
  }
  to {
    -webkit-transform:scale(1,1);
    opacity:0.5;
  }
}

@-moz-keyframes cssAnimation {
  from {
    -moz-transform:scale(0,0);
    opacity:0;
  }
  to {
    -moz-transform:scale(1,1);
    opacity:0.5;
  }
}

@-o-keyframes cssAnimation {
  from {
    -o-transform:scale(0,0);
    opacity:0;
  }
  to {
    -o-transform:scale(1,1);
    opacity:0.5;
  }
}

@-moz-keyframes quick-alo-circle-anim {
  0% {
    -moz-transform:rotate(0) scale(.5) skew(1deg);
    opacity:.1;
    -moz-opacity:.1;
    -webkit-opacity:.1;
    -o-opacity:.1;
  }
  30% {
    -moz-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.5;
    -moz-opacity:.5;
    -webkit-opacity:.5;
    -o-opacity:.5;
  }
  100% {
    -moz-transform:rotate(0) scale(1) skew(1deg);
    opacity:.6;
    -moz-opacity:.6;
    -webkit-opacity:.6;
    -o-opacity:.1;
  }
}

@-webkit-keyframes quick-alo-circle-anim {
  0% {
    -webkit-transform:rotate(0) scale(.5) skew(1deg);
    -webkit-opacity:.1;
  }
  30% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    -webkit-opacity:.5;
  }
  100% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
    -webkit-opacity:.1;
  }
}

@-o-keyframes quick-alo-circle-anim {
  0% {
    -o-transform:rotate(0) kscale(.5) skew(1deg);
    -o-opacity:.1;
  }
  30% {
    -o-transform:rotate(0) scale(.7) skew(1deg);
    -o-opacity:.5;
  }
  100% {
    -o-transform:rotate(0) scale(1) skew(1deg);
    -o-opacity:.1;
  }
}

@-moz-keyframes quick-alo-circle-fill-anim {
  0% {
    -moz-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
  50% {
    -moz-transform:rotate(0) -moz-scale(1) skew(1deg);
    opacity:.2;
  }
  100% {
    -moz-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
}

@-webkit-keyframes quick-alo-circle-fill-anim {
  0% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
  50% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
    opacity:.2;
  }
  100% {
    -webkit-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
}

@-o-keyframes quick-alo-circle-fill-anim {
  0% {
    -o-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
  50% {
    -o-transform:rotate(0) scale(1) skew(1deg);
    opacity:.2;
  }
  100% {
    -o-transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
}

@-moz-keyframes quick-alo-circle-img-anim {
  0% {
    transform:rotate(0) scale(1) skew(1deg);
  }
  10% {
    -moz-transform:rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -moz-transform:rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -moz-transform:rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -moz-transform:rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -moz-transform:rotate(0) scale(1) skew(1deg);
  }
  100% {
    -moz-transform:rotate(0) scale(1) skew(1deg);
  }
}

@-webkit-keyframes quick-alo-circle-img-anim {
  0% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform:rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform:rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform:rotate(0) scale(1) skew(1deg);
  }
}

@-o-keyframes quick-alo-circle-img-anim {
  0% {
    -o-transform:rotate(0) scale(1) skew(1deg);
  }
  10% {
    -o-transform:rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -o-transform:rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -o-transform:rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -o-transform:rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -o-transform:rotate(0) scale(1) skew(1deg);
  }
  100% {
    -o-transform:rotate(0) scale(1) skew(1deg);
  }
}

@-moz-keyframes fadeInRight {
  0% {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    -ms-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0);
  }
  100% {
    opacity:1;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    -ms-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0);
  }
  100% {
    opacity:1;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
  }
}

@-o-keyframes fadeInRight {
  0% {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    -ms-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0);
  }
  100% {
    opacity:1;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    -ms-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0);
  }
  100% {
    opacity:1;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
  }
}

@-moz-keyframes fadeOutRight {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    -ms-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0);
  }
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    -ms-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0);
  }
}

@-o-keyframes fadeOutRight {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    -ms-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
    -ms-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0);
  }
}

@-moz-keyframes quick-alo-circle-anim {
  0% {
    transform:rotate(0) scale(.5) skew(1deg);
    opacity:.1;
  }
  30% {
    transform:rotate(0) scale(.7) skew(1deg);
    opacity:.5;
  }
  100% {
    transform:rotate(0) scale(1) skew(1deg);
    opacity:.1;
  }
}

@-webkit-keyframes quick-alo-circle-anim {
  0% {
    transform:rotate(0) scale(.5) skew(1deg);
    opacity:.1;
  }
  30% {
    transform:rotate(0) scale(.7) skew(1deg);
    opacity:.5;
  }
  100% {
    transform:rotate(0) scale(1) skew(1deg);
    opacity:.1;
  }
}

@-o-keyframes quick-alo-circle-anim {
  0% {
    transform:rotate(0) scale(.5) skew(1deg);
    opacity:.1;
  }
  30% {
    transform:rotate(0) scale(.7) skew(1deg);
    opacity:.5;
  }
  100% {
    transform:rotate(0) scale(1) skew(1deg);
    opacity:.1;
  }
}

@keyframes quick-alo-circle-anim {
  0% {
    transform:rotate(0) scale(.5) skew(1deg);
    opacity:.1;
  }
  30% {
    transform:rotate(0) scale(.7) skew(1deg);
    opacity:.5;
  }
  100% {
    transform:rotate(0) scale(1) skew(1deg);
    opacity:.1;
  }
}

@-moz-keyframes quick-alo-circle-fill-anim {
  0% {
    transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
  50% {
    transform:rotate(0) scale(1) skew(1deg);
    opacity:.2;
  }
  100% {
    transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
}

@-webkit-keyframes quick-alo-circle-fill-anim {
  0% {
    transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
  50% {
    transform:rotate(0) scale(1) skew(1deg);
    opacity:.2;
  }
  100% {
    transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
}

@-o-keyframes quick-alo-circle-fill-anim {
  0% {
    transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
  50% {
    transform:rotate(0) scale(1) skew(1deg);
    opacity:.2;
  }
  100% {
    transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
}

@keyframes quick-alo-circle-fill-anim {
  0% {
    transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
  50% {
    transform:rotate(0) scale(1) skew(1deg);
    opacity:.2;
  }
  100% {
    transform:rotate(0) scale(.7) skew(1deg);
    opacity:.2;
  }
}

@-moz-keyframes quick-alo-circle-img-anim {
  0% {
    transform:rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform:rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform:rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform:rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform:rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform:rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform:rotate(0) scale(1) skew(1deg);
  }
}

@-webkit-keyframes quick-alo-circle-img-anim {
  0% {
    transform:rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform:rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform:rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform:rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform:rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform:rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform:rotate(0) scale(1) skew(1deg);
  }
}

@-o-keyframes quick-alo-circle-img-anim {
  0% {
    transform:rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform:rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform:rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform:rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform:rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform:rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform:rotate(0) scale(1) skew(1deg);
  }
}

@keyframes quick-alo-circle-img-anim {
  0% {
    transform:rotate(0) scale(1) skew(1deg);
  }
  10% {
    transform:rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    transform:rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    transform:rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    transform:rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    transform:rotate(0) scale(1) skew(1deg);
  }
  100% {
    transform:rotate(0) scale(1) skew(1deg);
  }
}
.social-fixed li.zl a {
    background: #1890ff;
    padding: 8px;
    line-height: 1;
}
.social-fixed li.yt a {
    background: red;
}
.social-fixed {
list-style:none;
    position: fixed;
    right: 10px;
    z-index: 9999;
    margin: 0;
    padding: 0;
    bottom: 100px;
}
.social-fixed li {
    margin-bottom: 5px;
}
.social-fixed a {
    width: 32px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    background: #4267b2;
    color: #fff;
    border-radius: 50%;
}
.social-fixed .so-img a {
    background: transparent;
}
a.button.booking_s.primary.is-small.btnmain {
    border-radius: 100px;
    position: fixed;
    bottom: 5px;
    right: 0;
    z-index: 999;
}

@media only screen and (max-width: 48em) {
	#logo {
    width: auto !important;
}
	.header-top {
    min-height: 38px;
}
		.popup img{
				width: 100%;
	}
	.popup {
			width: 100%;
			display: flex;
			flex-direction: column;
	}
	a.button.booking_s.primary.is-small.btnmain {
        border-radius: 100px;
        position: fixed;
        bottom: 71px;
        left: 5px;
        z-index: 999;
        right: unset;
        padding: 2px 15px !important;
}
a.button._s.primary.is-small.btnmain{
              border-radius: 100px;
        position: fixed;
        bottom: 121px !important;
        left: 5px;
        z-index: 999;
        right: unset;
        padding: 2px 15px !important;
        right: unset !important;
}
.groupfbye a i {
    padding: 5px;
}
    .transparent .header-main {
        height: 91px !important;
    }
    .groupfbye {
        top: 50%;
       padding: 10px 5px;
           width: 40px;
    }
    #footer *{
        text-align: center;
    }
     #footer a.ux-menu-link__link.flex {
        display: inline;
    }

}