/*
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.   ***************/
@font-face{font-family:Urban; src:url(assets/fonts/UrbanInline.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Quentin; src:url(assets/fonts/Quentin.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}

blockquote, dl, figure, form, ol, p, pre, ul {margin-bottom: 0.8em;}

.absolute-footer{display: none;}

.font-Urban{font-family: Urban}
.font-Quentin{font-family: Quentin}

.breadcrumb-wrap{padding: 10px}
.breadcrumb-wrap p{margin-bottom: 0; font-size: 15px;}
.breadcrumb-wrap .separator{padding: 0 7px;}

#header {box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 6px 0px;border-bottom: 1px solid gray;}

.phone-text {line-height: 17px; display: flex !important; align-items: center; font-size: 16px !important; color: #ffffff !important; padding: 10px 0px; border-radius: 10px; }
.phone-text svg {margin-right: 9px;fill: #fff; }
@media (max-width: 1199px) {
    .phone-text {font-size: 16px !important; }
}

.booking-call .phone-number{font-weight: bold; font-size: 20px;}

.home-sub-heading{font-size: 77px;line-height: 1.5em; margin-bottom: 0; color:#fff; text-shadow: 0 0 26px #ff4e5b,0 0 26px rgba(185,20,94,.52);}
.home-main-heading{font-size: 149px;font-weight: 400;text-transform: uppercase;text-decoration: none;letter-spacing: 5.96px;margin-bottom: 20px;color: #fff;text-shadow: 0 0 26px #ff4e5b,0 0 26px rgba(185,20,94,.52);}
.sub-heading{font-size: 36px; color: #ff4e5b !important; line-height: 1.5em; margin-bottom: 0; text-shadow: 0 0 26px #ff4e5b,0 0 26px rgba(185,20,94,.52);}

#custom-search-form select{background-color: #ffffff40;border: 1px solid #ffffff;border-radius: 20px;color: #fff;height: 45px;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");}
#custom-search-form select option{color: #333;}
#custom-search-form button{background: #ff4e5b; padding: 5px 10px; color: #ffffff; text-align: center; display: flex; align-items: center; border-radius: 20px; justify-content: center; width: 100%; margin-right: 0; margin-bottom: 0; height: 45px;}
#custom-search-form button svg{width: 1em;margin-right: 10px;}

.pixta-slider .flickity-prev-next-button svg{background-color: #fff;border-radius: 50%;font-size: .85em;}
.pixta-slider .flickity-prev-next-button.previous{left: 0;}
.pixta-slider .flickity-prev-next-button.next{right: 0;}
.pixta-slider .flickity-page-dots .dot.is-selected{color: #fff;}
.pixta-slider .flickity-page-dots .dot{background-color: #ccc;}

.pixta-collections-wrap .collections-feature{margin-bottom: 15px;}
.pixta-collections-wrap .collections-feature img{height: 200px;object-fit: cover;width: 100%}
.pixta-collections-wrap p{font-size: 14px;}

.aheto-heading__bg-title{position: absolute;left: 50%; top: 50%;transform: translate(-50%, -50%);;color: #ffffff;font-size: 16vw;line-height: 1em;letter-spacing: 11.32px;font-family: Quentin;margin: 0;text-shadow: 0 0 26px #ff4e5b,0 0 26px rgba(185,20,94,.52);white-space: nowrap;text-align: center;}

.datmuahang-wrap{background-color: #1F1F29;}
.datmuahang-wrap h3{color: #fff; margin-bottom: 15px; text-transform: uppercase;}
.datmuahang-wrap p,
.datmuahang-wrap a{color: #fff}
.datmuahang-wrap .wpcf7-form-control-wrap input,
.datmuahang-wrap .wpcf7-form-control-wrap select{border-radius: 5px;}
.datmuahang-wrap .wpcf7-submit{width: 100%;margin-right: 0;border-radius: 5px;}
.datmuahang-wrap .wpcf7-spinner{display: none;}

.html_topbar_right{width: 100%;}
#searchform{position: relative;}
#searchform svg{width: 16px;color: #000;position: absolute;top: 50%;transform: translateY(-50%);left: 15px;}
#searchform > input{width: 85%;height: 40px;padding-left: 40px;padding-right: 15px;margin-bottom: 0;border: unset;border-radius: 25px;box-shadow: unset;}
#search-results {max-height: 300px; overflow-y: auto; background-color: #fff; position: absolute; width: 100%; z-index: 9999; } 
#search-results ul {list-style-type: none; padding: 0; margin: 0; } 
#search-results ul li {padding: 10px; border-bottom: 1px solid #eee; } 
#search-results ul li a {text-decoration: none; color: #333; } 
#search-results ul li:hover {background-color: #f0f0f0; }

.mobile-nav .mobile-nav__item{padding-left: 0;margin-bottom: 20px !important;}
.mobile-nav .mobile-nav__item > div{display: flex;align-items: center;}
.mobile-nav .mobile-nav__item span{margin-right: 15px;}
.mobile-nav .mobile-nav__item a{padding: 0;}

.mobile-search {position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 9999999; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transform: translate(-110%,0); -moz-transform: translate(-110%,0); -ms-transform: translate(-110%,0); -o-transform: translate(-110%,0); transform: translate(-110%,0);}
.mobile-search.opened {-webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); }
.mobile-search-wrap{background: #000;max-width: 100%;position: relative;height: 100%;padding: 15px;}
.mobile-search #searchform > input {width: 100%}
.mobile-search .mobile-search-wrap > h3{color: #fff;text-align: center;font-size: 21px;margin-bottom: 20px;border-bottom: 1px solid #fff;padding-bottom: 10px;}
.mobile-search .mobile-search-wrap a.menu_close{position: absolute;right: 15px;color: #fff;font-size: 17px;}

#tab_tab-3-title p{columns: 2;}
#tab_tab-3-title p img{margin-bottom: 15px;}

@media (max-width: 860px) {
    .home-sub-heading {font-size: 45px;}
    .home-main-heading {font-size: 80px;}

    #tab_tab-3-title p{columns: 1;}
}

@media (max-width: 576px) {
    .home-sub-heading {font-size: 26px;}
    .home-main-heading {font-size: 38px;}

    .collections-info-img-mobile .col-inner img{height: 300px; object-fit: cover;}
}