/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.text-justify {text-align: justify;}.img-tien-ich .box-image,.my-gallery .image-cover{border:.5px solid white}
.header:not(.transparent) .header-nav-main.nav>li.active:last-child>a{color:#082a48}.header:not(.transparent) .header-nav-main.nav>li:last-child>a:hover{color:#ac1c23!important}
/*animation menu left*/
.nav-sidebar>li{opacity:0;transform:translateY(-15px);transition:transform .3s,opacity .3s}.mfp-ready .nav-sidebar>li,.nav-sidebar.active>li,.active .nav-sidebar>li{opacity:1;transform:none;border-top:unset!important}.nav-sidebar>li,[data-animate-delay="200"],[data-animate]+[data-animate]{transition-delay:.2s}.nav-sidebar>li+li,[data-animate-delay="300"]{transition-delay:.3s}.nav-sidebar>li+li+li,[data-animate-delay="400"],[data-animate]+[data-animate]+[data-animate]{transition-delay:.4s}.nav-sidebar>li+li+li+li,[data-animate-delay="500"]{transition-delay:.5s}.nav-sidebar>li+li+li+li+li,[data-animate-delay="600"],[data-animate]+[data-animate]+[data-animate]+[data-animate]{transition-delay:.6s}.nav-sidebar>li+li+li+li+li+li,[data-animate-delay="700"]{transition-delay:.7s}.nav-sidebar>li+li+li+li+li+li+li,[data-animate-delay="800"],[data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate]{transition-delay:.8s}.nav-sidebar>li+li+li+li+li+li+li+li,[data-animate-delay="900"]{transition-delay:.9s}.nav-sidebar>li+li+li+li+li+li+li+li+li,[data-animate-delay="1000"]{transition-delay:1s}
/*shake button + text typing*/
.my-shake{transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px;animation:myshake 1.5s ease infinite alternate}@keyframes myshake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}
.section-baogia .wpcf7-response-output,.section-baogia input[type=text]{color:#801024}
/*CSS button btn*/
.custom-btn{width:200px;height:40px;padding:1px 25px;border:1.5px solid;font-family:'roboto',sans-serif;font-weight:500;background:transparent;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block}
/* btn 66 */
.btn-66{background:var(--primary-color);color:#fff;z-index:1}.btn-66:after{position:absolute;content:"";width:0;height:100%;top:0;left:0;direction:rtl;z-index:-1;background:#e0e5ec;transition:all .3s ease}.btn-66:hover{color:#000}.btn-66:hover:after{left:auto;right:0;width:100%}.btn-66:active{top:2px}
/*btn 67*/
.btn-67{background:#000;color:#fff;z-index:1}.btn-67:after{position:absolute;content:"";width:0;height:100%;top:0;right:0;z-index:-1;background:#801024;transition:all .3s ease}.btn-67:hover{color:#000}.btn-67:hover:after{left:0;width:100%}.btn-67:active{top:2px}
/*btn 68*/
.btn-68{background:var(--primary-color);color:#fff;z-index:1}.btn-68:after{position:absolute;content:"";width:0;height:100%;top:0;left:0;direction:rtl;z-index:-1;background:#e0e5ec;transition:all .3s ease}.btn-68:hover:after{left:auto;right:0;width:100%}.btn-68{overflow:hidden;transition:all .3s ease}.btn-68:hover{color:var(--primary-color)}.btn-68:before{position:absolute;content:'';display:inline-block;top:-180px;left:0;width:30px;height:100%;background-color:#fff;animation:shiny-btn1 3s ease-in-out infinite}.btn-68:active{box-shadow:4px 4px 6px 0 #ffffff4d,-4px -4px 6px 0 #747d8833,inset -4px -4px 6px 0 #ffffff33,inset 4px 4px 6px 0 #00000033}@-webkit-keyframes shiny-btn1{0%{-webkit-transform:scale(0) rotate(45deg);opacity:0}80%{-webkit-transform:scale(0) rotate(45deg);opacity:.5}81%{-webkit-transform:scale(4) rotate(45deg);opacity:1}100%{-webkit-transform:scale(50) rotate(45deg);opacity:0}}
/*Form bao gia ngang*/
.section-baogia,.section-baogia .section-bg{box-shadow:inset 0 -1vw 15vw 0 rgba(0,40,70,.9);mix-blend-mode:multiply}
.wpcf7-spinner{display:none}.row-bao-gia .wpcf7 p>span>input{background:transparent!important}.row-bao-gia #icon-form{color:#fff}.row-bao-gia .wpcf7 input::placeholder{color:#fff}.row-bao-gia .flex-col.ml-half{margin-left:0}@media only screen and (min-width: 850px){.row-bao-gia .flex-col.flex-grow{margin-right:12px}}@media only screen and (max-width: 549px){.submit-btn-custom{width:100%}}.wpcf7 p{position:relative}#icon-form{position:absolute;color:#666;z-index:1;font-size:18px;top:8px;left:10px}.contact-input{padding-left:40px!important}
/*Form - date input*/
@media (max-width: 849px) {input[type=date] {-webkit-appearance:none;-moz-appearance: none;appearance: none}}
/*color listing gold*/
.color-listing ul li.bullet-star:before{color:#FFEB3B}.gold-listing ul li.bullet-star:before{color:#FF9800}
/*my custom slide*/
.my-custom-slider .flickity-slider>div:not(.col){width:50%!important}.my-custom-slider .flickity-slider>.row:not(.is-selected){opacity:1}.my-custom-slider .flickity-slider>.row:not(.is-selected) .icon-box{opacity:.39}@media only screen and (max-width:849px){.my-custom-slider .flickity-slider>div:not(.col){width:60%!important}.my-custom-slider .flickity-button.flickity-prev-next-button.previous>svg,.my-custom-slider-1 .flickity-button.flickity-prev-next-button.previous>svg,.my-custom-slider-2 .flickity-button.flickity-prev-next-button.previous>svg{left:0}.my-custom-slider .flickity-button.flickity-prev-next-button.next>svg,.my-custom-slider-1 .flickity-button.flickity-prev-next-button.next>svg,.my-custom-slider-2 .flickity-button.flickity-prev-next-button.next>svg{left:100%}}@media only screen and (max-width:549px){.my-custom-slider .flickity-slider>div:not(.col){width:95%!important}}
/*end my custom slide*/
/*Chenf icon slide css*/
.my-custom-slider .icon svg,.my-custom-slider-1 .icon svg,.my-custom-slider-2 .icon svg{visibility:hidden}.my-custom-slider .icon .icon-inner:hover::before,.my-custom-slider-1 .icon .icon-inner:hover::before,.my-custom-slider-2 .icon .icon-inner:hover::before{color:#fff;border:2px solid var(--primary-color);background-color:var(--primary-color)}.slider-wrapper .flickity-prev-next-button{opacity:1}.slider-nav-circle .flickity-prev-next-button svg,.slider-nav-circle .flickity-prev-next-button .arrow{border-radius:0;border:2px solid currentColor}
.my-custom-slider .flickity-prev-next-button{display:block;}





.form-dk{
    border: 5px solid #ea721f;
    border-radius: 15px;
    padding: 0px 30px 30px;
    background-color: #162546;
    background-image: url(https://swancityland.com/mua-ban-cho-thue/wp-content/uploads/2023/10/bg-sparkling-1.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
}
.p-con {
    font-size: 18px;
    padding: 10px !important;
}
.h-con {
    text-decoration: underline;
    float: left;
    text-align: left;
    font-weight: 800;
    padding: 15px;
    margin-top: -20px;
    font-size: 19px;
}
.form-dk input, .form-dk select {
    background: transparent;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
    color: #fff;
    height: 50px;
    border-radius: 10px;
}
.col-dk {
    border: 1px solid #fff;
    border-radius: 15px;
}
.form-dk .col {
    padding: 0;
    margin-bottom: 15px;
}
.form-dk input::placeholder{
	color: #fff;
}
.form-dk input:focus, .form-dk select:focus{
    background: #162546;
    color: #fff;
    box-shadow: none;
    color: #fff;
    border-radius: 13px;
}
.form-dk option {
    color: #111;
}
.form-dk input[type=submit] {
    background-color: #b20000 !important;
    width: 100%;
    border-radius: 15px;
}
.e-con {
    text-align: center;
    background: #ea721f;
    max-width: max-content;
    padding: 5px 30px;
    border-radius: 0px 0px 15px 15px;
    margin-top: -1px;
}
.e-con h3{
    margin-bottom: 0;
    font-size: 17px;
    color: #fff;
}
.e-con p{
    font-size: 14px;
}
.add-plus {
    position: fixed;
    z-index: 999;
    bottom: 0;
    font-size: 15px;
    left: 2%;
    -webkit-transition: all 1.25s ease;
    -moz-transition: all 1.25s ease;
    -o-transition: all 1.25s ease;
    transition: all 1.25s ease;
    cursor: pointer;
    text-align: left;
    letter-spacing: 1px;
    width: auto;
    justify-content: flex-start;
    padding: 15px 10px;
    display: -webkit-flex;
    align-items: center;
    height: 45px;
    background: #072c4f;
    color: #fff;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
}
.my-icon-top {
    margin-top: -40px;
    margin-bottom: 10px;
    visibility: hidden;
    transition: all .2s linear;
}
.my-icon-bottom {
    visibility: visible;
}
#test-my-custom-button.add-plus:hover > .icon-bao-gia > .my-icon-top {
    margin-top: 31px!important;
    visibility: visible;
    transition: all .2s linear;
}
.add-plus a{
    color: #fff;
    margin-top: 9px;
}
.title-pop p{
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 15px;
    color: #ffffff;
    line-height: 28px;
	text-align: center;
}
.my-text-typing {
    animation: tp-typing 4s steps(20) infinite;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    border-right: 0.15em solid #fff;
}
@keyframes tp-typing {
	0% {
    width: 0;
}
50% {
    width: 100%;
}
55%, 65%, 75% {
    opacity: 1;
}
60%, 70% {
    opacity: 0;
}
80% {
    width: 100%;
}
100% {
    width: 0;
}
}
.pum-overlay.pum-overlay-disabled {
    visibility: unset;
}
.pulse{
    animation-name: pulse;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes pulse{
	0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
}