/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
color: var(--primary-color);
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.social-buttons {
    display: inline-grid;
    min-width: 45px;
    position: fixed;
    right: 15px;
    text-align: center;
    top: 40%;
    z-index: 99999;
}
.social-button-content {
    display: inline-grid;
}
.social-buttons a {
    cursor: pointer;
    padding: 8px 0;
    position: relative;
}
.social-buttons img {
    background: #43a1f3;
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 1.9;
    position: relative;
    text-align: center;
    width: 40px;
    z-index: 999;
}
.alo-circle {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    background-color: transparent;
    border: 2px solid #0089b9;
    border-radius: 100%;
    height: 50px;
    opacity: .1;
    position: absolute;
    right: -3px;
    top: 3px;
    width: 50px;
}
.social-buttons a span {
    -webkit-animation: headerAnimation .7s 1;
    animation: headerAnimation .7s 1;
    background: #67b634;
    border-radius: 2px;
    color: #fff;
    display: none;
    margin-left: 10px;
    min-width: 180px;
    padding: 9px;
    position: absolute;
    right: 52px;
    text-align: center;
    top: 9px;
    transition: all .2s ease-in-out 0s;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 999;
}
.social-buttons .viber span {
    background-color: #7d3daf;
}
.social-buttons .zalo span {
    background-color: #22a9e0;
}
.social-buttons .sms span {
    background-color: #119949;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
div#dang-ky {
    background: transparent;
    box-shadow: none;
}
.row__popup-dang-ky img {
    border-radius: 20px;
}
.row__popup-dang-ky__left {
	z-index: 9;
}
div#dang-ky .row__popup-dang-ky__right {
    background-color: rgb(143, 25, 45);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 30px !important;
    position: relative;
    z-index: 1;
}
button.mfp-close {
	display: none;
}
.off-canvas button.mfp-close {
	display: block;
}
div#dang-ky .row__popup-dang-ky__right:before {
    position: absolute;
    left: -152px;
    top: 0;
    bottom: 0;
    content: "";
    width: 152px;
    height: 100%;
    background-color: rgb(143, 25, 45);
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
div#dang-ky form.wpcf7-form {
    margin-bottom: 0;
}
.footer-2 ::-webkit-input-placeholder {
  color: #fff;
}

.footer-2 :-ms-input-placeholder {
  color: #fff;
}
.footer-2 ::placeholder {
  color: #fff;
}
.footer-2 input[type='tel'], 
.footer-2 input[type='number'], 
.footer-2 input[type='email'], 
.footer-2 input[type='text'],
.footer-2 input[type='tel']:focus, 
.footer-2 input[type='number']:focus, 
.footer-2 input[type='email']:focus, 
.footer-2 input[type='text']:focus {
    background: transparent;
    color: #fff;
}
.sec__dang-ky input[type='email'],
.sec__dang-ky input[type='number'],
.sec__dang-ky input[type='tel'], 
.sec__dang-ky input[type='text'], 
.sec__dang-ky textarea, 
.sec__dang-ky select {
    margin-bottom: 0;
}
.btn__dang-ky {
        background: rgba(251, 238, 143, 1);
    background: -webkit-radial-gradient(circle, rgba(251, 238, 143, 1), rgba(218, 192, 6, 1.0));
    background: radial-gradient(circle, rgba(251, 238, 143, 1), rgba(218, 192, 6, 1.0));
        animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@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)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}
.sec__vi-tri .vi-tri__left .col-inner {
    z-index: 999;
}
.vi-tri__right .col-inner {
    padding: 20px;
    background-color: #fff;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    position: relative;
    z-index: 0;
}
.vi-tri__right {
    z-index: -1;
}
.vi-tri__right .col-inner:before {
    position: absolute;
    left: -252px;
    top: 0;
    bottom: 0;
    content: "";
    width: 252px;
    height: 100%;
    background-color: #fff;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.sec__phuong-thuc .title-custom h2,
.sec__vi-tri .title-custom h2 {
    background: rgba(251, 238, 143, 1.0);
    background: -webkit-radial-gradient(circle, rgba(251, 238, 143, 1.0), rgba(218, 192, 7, 1.0));
    background: radial-gradient(circle, rgba(251, 238, 143, 1.0), rgba(218, 192, 7, 1.0));
    color: rgb(0, 0, 0);
    font-size: 55px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
    -webkit-text-stroke: 1px rgb(255, 255, 255);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sec__phuong-thuc .ladi-line .ladi-line-container,
.sec__vi-tri .ladi-line .ladi-line-container {
    border-top: 1px solid rgb(232, 226, 48);
    border-right: 1px solid rgb(232, 226, 48);
    border-bottom: 1px solid rgb(232, 226, 48);
    border-left: 0px !important;
}
.row__title h2 {
    margin-bottom: 0;
}
.sec__gioi-thieu h2 {
    margin-bottom: 0;
}
.gioi-thieu__left .col-inner {
    background-color: rgb(246, 222, 122);
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 25px 35px;
    position: relative;
}
.gioi-thieu__left .col-inner:before {
    position: absolute;
    right: -252px;
    top: 0;
    bottom: 0;
    content: "";
    width: 252px;
    height: 100%;
    background-color: rgb(246, 222, 122);
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.gioi-thieu__right .col-inner {
    z-index: 999;
}
.sec__vi-tri .vi-tri__left .img-inner {
    border-color: var(--primary-color);
}
.vi-tri__left .img-inner,
.gioi-thieu__right .col-inner .img-inner {
    border: 5px solid #fff;
    border-radius: 30px;
}
.vi-tri__left .col-inner img,
.gioi-thieu__right .col-inner img {
    border-radius: 30px;
    padding: 10px;
}
.title-custom h2 {
    background: rgba(246, 222, 122, 1);
    background: -webkit-linear-gradient(180deg, rgba(246, 222, 122, 1), rgba(143, 25, 45, 1));
    background: linear-gradient(180deg, rgba(246, 222, 122, 1), rgba(143, 25, 45, 1));
    color: rgb(0, 0, 0);
    font-size: 55px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
    -webkit-text-stroke: 1px rgb(199, 31, 22);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ladi-group {
    position: relative;
    width: 152px;
}
.ladi-element.ladi-element-center {
    position: absolute;
    width: 35px;
    height: 17px;
    top: 0px;
    left: 55px;
}
.ladi-element.ladi-element-left {
    position: absolute;
    width: 55px;
    height: 17px;
    top: 1px;
    left: 0px;
}
.ladi-element.ladi-element-right {
    position: absolute;
    width: 55px;
    height: 17px;
    top: 1px;
    right: 7px;
}

.ladi-shape {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.ladi-line {
    width: 100%;
    padding: 8px 0px;
    position: relative;
}
.ladi-line .ladi-line-container {
    border-bottom: 0!important;
    border-right: 0!important;
    width: 100%;
    height: 100%;
    border-top: 1px solid rgb(143, 25, 45);
    border-right: 1px solid rgb(143, 25, 45);
    border-bottom: 1px solid rgb(143, 25, 45);
    border-left: 0px !important;
}
.btn-custom {
    background: linear-gradient(270deg,#81bb56 -4.75%,#5eb4a0 60.15%,#4bb0e3 106.01%);
    border-radius: 0.25rem;
    color: #fff;
    margin-bottom: 0;
}
.footer .icon-box {
    margin-bottom: 20px;
}
.footer .icon-box .icon-box-text p {
    margin-bottom: 0;
}
.footer .wpcf7 .col {
    padding-bottom: 0 !important;
}
.footer .wpcf7 textarea {
    min-height: 110px;
}
.footer .wpcf7-form {
    margin-bottom: 0;
}
.row__footer-form {
    position: relative;
}
.row__footer-form > .col {
        background-color: #fff;
    border-radius: 1.25rem;
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
    padding: 30px !important;
    position: relative;
    z-index: 1;
}
.row__footer-form:after {
    background: url(../images/bg_border.png) no-repeat 50%;
    background-size: 100% 99%;
    bottom: 1.25rem;
    content: "";
    left: -2rem;
    position: absolute;
    right: -2rem;
    top: -2.5rem;
    display: block;
}
.wpcf7-form-control.wpcf7-submit.btn-bang-gia {
    background: rgba(251, 238, 143, 1);
    background: -webkit-radial-gradient(circle, rgba(251, 238, 143, 1), rgba(218, 192, 6, 1.0));
    background: radial-gradient(circle, rgba(251, 238, 143, 1), rgba(218, 192, 6, 1.0));
    border-radius: 0.25rem;
    color: #000;
    padding: 0px 52px;
    font-size: 20px;
    margin-bottom: 0;
}
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea, select {
    box-shadow: none;
    height: 45px;
    border-radius: 3px;
    margin-bottom: 15px;
    font-weight: 400;
}
input[type=email]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    opacity: 1 !important;
    outline: 0;
    color: #333;
    background-color: #fff;
}
.sec__news {
    background: #1d3d17 url(../images/bg_newshome.png) no-repeat 50%/cover !important;
    background-position-y: inherit;
    margin-top: -1px;
    position: relative;
}
.sec__news:before {
    background: linear-gradient(180deg,#184906,#114907 10.58%,rgba(15,73,8,.53) 43.62%,rgba(12,73,8,.53) 68.84%,rgba(6,73,9,0) 119.31%);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.box-blog-post .is-divider {
    display: none;
}
#dang-ky button.mfp-close {
    display: none;
}
@media (max-width: 849px) {
    div#dang-ky .row__popup-dang-ky__right:before {
        content: none;
    }
    div#dang-ky .row__popup-dang-ky__right {
        border-radius: 20px;
    }
	.home .row__footer-form {
        margin-top: -77px;
    }
    .number-alt-font p {
        font-size: 81px;
        line-height: 100px;
    }
    .row__footer-form:after {
        content: none;
    }
}
@media (max-width: 549px) {
    .btn__dang-ky {
        padding-left: 15px;
        padding-right: 15px;
        line-height: 30px !important;
        min-height: 45px;
        margin: 0 !important;
    }
    .btn__dang-ky span {
        font-size: 15px;
    }
    .sec__vi-tri .vi-tri__left .col-inner {
        padding-bottom: 1px;
    }
    .sec__vi-tri .vi-tri__left .img-inner {
        margin: 0px 10px 10px 10px;
    }
    .gioi-thieu__right .col-inner .img-inner {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .sec__vi-tri .row.row-collapse .col.vi-tri__left,
    .sec__vi-tri .row.row-collapse .col.vi-tri__right,
    .sec__gioi-thieu .row.row-collapse .col.gioi-thieu__right,
    .sec__gioi-thieu .row.row-collapse .col.gioi-thieu__left {
        margin-left: 10px;
        margin-right: 10px;
    }
    .gioi-thieu__right .col-inner {
        background-color: rgb(246, 222, 122);
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        padding-bottom: 2px;
    }
    .gioi-thieu__left .col-inner:before,
    .vi-tri__right .col-inner:before {
        content: none;
    }
    .vi-tri__right .col-inner {
        padding: 20px;
        border-bottom-right-radius: 0;
        border-top-left-radius: 30px;
    }
    .gioi-thieu__left .col-inner {
        padding: 20px;
        border-top-right-radius: 30px;
        border-bottom-left-radius: 0;
    }
    .sec__phuong-thuc .title-custom h2,
    .title-custom h2,
    .sec__vi-tri .title-custom h2 {
        font-size: 30px;
    }
	.section-title.section-title-center .section-title-main {
        font-size: 22px;
    }
    .sec__vi-tri .vi-tri__left .col-inner {
        background-color: #fff;
    }
    .sec__vi-tri .vi-tri__left .col-inner {
        background-color: #fff;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }
}
@media (max-width: 480px) {
	
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.relatedcat ul > li {
	list-style: none;
}
@media (min-width: 849px) {
    .relatedcat ul {
        display: flex;
        margin: 0 -10px;
    }
    .relatedcat ul > li {
        list-style: none;
        width: 33.3333%;
        padding: 0 10px;
    }
    .relatedcat ul > li img {
        object-fit: cover;
        width: 100%;
        height: 150px;
        border-radius: 5px;
        transition: transform .5s;
    }
    .relatedcat ul > li > a {
        line-height: 20px;
        display: block;
        margin-top: 10px;
    }
}
.suntory-alo-phone{background-color:transparent;cursor:pointer;height:120px;position:fixed;-webkit-transition:visibility 0.5s ease 0s;transition:visibility 0.5s ease 0s;width:120px;z-index:200 !important;left:0px;bottom:0px;}
.suntory-alo-phone .suntory-alo-ph-circle{-webkit-animation:1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;animation:1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;background-color:transparent;border:2px solid rgba(30, 30, 30, 0.4);border-radius:100%;height:100px;left:0px;opacity:0.1;position:absolute;top:0px;-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;width:100px;}
.suntory-alo-phone .suntory-alo-ph-circle{border-color:#ff3301;opacity:1;}
.suntory-alo-phone .suntory-alo-ph-img-circle{border:2px solid transparent;border-radius:100%;height:50px;left:25px;opacity:0.7;position:absolute;top:25px;-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;width:50px;}
.suntory-alo-phone .suntory-alo-ph-img-circle{background-color:#ff3301;}
.suntory-alo-phone .suntory-alo-ph-img-circle i{-webkit-animation:1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;animation:1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;font-size:30px;line-height:50px;padding-left:10px;color:#fff;}
.suntory-alo-phone .suntory-alo-ph-circle-fill{-webkit-animation:2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;animation:2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;border:2px solid transparent;border-radius:100%;height:70px;left:15px;position:absolute;top:15px;-webkit-transform-origin:50% 50% 0;transform-origin:50% 50% 0;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;width:70px;}
.suntory-alo-phone .suntory-alo-ph-circle-fill{background-color:#ff3301;}
.suntory-alo-phone .phone-number{position:absolute;top:35px;left:82px;color:#ffffff;background-color:rgba(255, 51, 1, 0.67);padding:6px 10px;border-radius:3px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:100%;}
.suntory-alo-phone:hover .phone-number{left:78px;visibility:visible;opacity:1;}
@-webkit-keyframes suntory-alo-circle-anim {
0%{opacity:0.1;-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);transform:rotate(0deg) scale(0.5) skew(1deg);}
30%{opacity:0.5;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
100%{opacity:0.6;-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
}
@keyframes suntory-alo-circle-anim {
0%{opacity:0.1;-webkit-transform:rotate(0deg) scale(0.5) skew(1deg);transform:rotate(0deg) scale(0.5) skew(1deg);}
30%{opacity:0.5;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
100%{opacity:0.6;-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
}
@-webkit-keyframes suntory-alo-circle-fill-anim {
0%{opacity:0.2;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
50%{opacity:0.2;-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
100%{opacity:0.2;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
}
@keyframes suntory-alo-circle-fill-anim {
0%{opacity:0.2;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
50%{opacity:0.2;-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
100%{opacity:0.2;-webkit-transform:rotate(0deg) scale(0.7) skew(1deg);transform:rotate(0deg) scale(0.7) skew(1deg);}
}
@-webkit-keyframes suntory-alo-circle-img-anim {
0%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg);}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg);}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg);}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg);}
50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
}
@keyframes suntory-alo-circle-img-anim {
0%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg);}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg);}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);transform:rotate(-25deg) scale(1) skew(1deg);}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);transform:rotate(25deg) scale(1) skew(1deg);}
50%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
100%{-webkit-transform:rotate(0deg) scale(1) skew(1deg);transform:rotate(0deg) scale(1) skew(1deg);}
}
.suntory-alo-phone .suntory-alo-ph-img-circle img {
    -webkit-animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
    animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
	filter: brightness(0) invert(1);
	width: 30px;
    position: absolute;
    top: 10px;
    left: 7px;
}
.mobile-hotline {
    display: none;
}
@media (max-width: 849px) {
	.suntory-alo-phone .phone-number {
		display: none;
	}
}
#gtranslate_wrapper,
.gtranslate_wrapper,
#gt-wrapper-88833343 {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}