.section .section-title h2 {    font-size: 36px;    margin: 0;    font-family: 'Old Standard TT', serif;    font-weight: 400;    height: 122px;    line-height: 148px;     background-repeat: no-repeat;    background-position: center top;    margin-bottom: 20px;    color: #4c4f62}@media (max-width: 767px) {    .section .section-title h2 {        font-size: 22px    }}.products.owl-carousel .owl-nav .owl-prev, .products.owl-carousel .owl-nav .owl-next {    top: calc(50% - 60px)}.section-slider .view-about {    background: #001a4b;    color: #fff;    width: 40px;    height: 40px;    border-radius: 0;    padding: 0;    left: 50%;    bottom: -20px;    z-index: 99;    transform: translateX(-50%);    -webkit-transform: translateX(-50%);    -moz-transform: translateX(-50%)}.section-slider .view-about:hover {    background: #5acbc2}.home-slider {    overflow: hidden}.home-slider .item {    position: relative}.home-slider .owl-dots {    text-align: right !important;    padding-right: 35px;    bottom: 18px !important}.home-slider.owl-carousel .owl-nav .owl-next {    right: 15px !important;    background: transparent;    top: 50%}.home-slider.owl-carousel .owl-nav .owl-prev {    left: 15px !important;    background: transparent;    top: 50%}.home-slider.owl-carousel .owl-nav .owl-prev:before, .home-slider.owl-carousel .owl-nav .owl-next:before {    font-size: 40px;    background: transparent}@media (max-width: 480px) {    .xs-full {        width: 100%;        padding: 0    }}.section-about {padding: 90px 0 15px 0;}.section-about .info {font-size: 16px;line-height: 32px;color: #787b8a;text-align: left;}.section-about .bg_title_about {    background-repeat: no-repeat;    background-position: center}.section-featured {    padding: 80px 0 95px}.section-featured label {    font-weight: 400;    margin-bottom: 5px}.section-featured span.qtyminus {    position: absolute;    left: 8px;    top: 8px;    width: 30px;    text-align: center;    cursor: pointer}.section-featured span.qtyplus {    position: absolute;    right: 8px;    top: 8px;    width: 30px;    text-align: center;    cursor: pointer}.section-featured .custom.custom-btn-number {    width: 279px;    position: relative}.section-featured .custom.custom-btn-number input {    text-align: center}.section-featured .product-name {    font-size: 30px;    color: #44403e}.section-featured .detail-header-info {    margin-bottom: 20px;    color: #787b8a}.section-featured .detail-header-info span {    color: #5acbc2}.section-featured .detail-header-info span.line {    color: #333;    padding: 0 10px}.section-featured .product-price {    font-size: 30px;    font-weight: 600}.section-featured span.price.product-price-old {    font-size: 21px;    margin-left: 10px;    text-decoration: line-through;    color: #898989}.section-featured .price-box {    padding-bottom: 20px;    margin-bottom: 24px;    border-bottom: 1px solid #ebebeb}.section-featured .description {    color: #787b8a;    line-height: 32px;    padding-bottom: 20px;    border-bottom: 1px solid #ebebeb}.section-featured .description ul {    list-style: none}.section-featured .description ul li {    position: relative;    padding-left: 16px}.section-featured .description ul li:before {    display: block;    width: 6px;    height: 6px;    position: absolute;    content: '';    border-radius: 50%;    left: 0;    top: 11.5px;    background: #5acbc2}.section-featured .swatch-element label {    padding: 0 15px;    border-radius: 15px;    line-height: 28px;    height: 30px !important;    border: none;    text-transform: inherit;    border: 1px solid #5acbc2;    color: #5acbc2}.section-featured .swatch .color input:checked + label:after {    display: none}.section-featured .swatch .header {    line-height: 30px;    display: block;    width: 100%;    margin-bottom: 5px}.section-featured .form-detail-action .btn {    font-size: 14px;    height: 55px;    line-height: 55px;    font-weight: 600;    border-radius: 28px;    min-width: 220px}.section-featured .form-detail-action .btn.btn-primary2 {    background: #f85232;    margin-left: 8px}#dichvu .form-group label {    width: 160px;    display: block;    float: left;    font-weight: 400;    color: #787b8a;    line-height: 40px}#dichvu .form-group input, #dichvu .form-group textarea {    width: calc(100% - 161px)}#dichvu .form-group input::-webkit-input-placeholder, #dichvu .form-group textarea::-webkit-input-placeholder {    color: #c3c4ca}#dichvu .wrap-modal-dv {    width: 770px;    padding-bottom: 20px}#dichvu .wrap-modal-dv form {    padding: 0 40px}#dichvu .btn {    font-size: 14px;    width: calc((100% - 173px) / 2)}#dichvu .btn-primary {    margin-left: 161px;    margin-right: 8px}@media (max-width: 991px) {    .section-about .section-title.a-center {        background-size: contain    }    .section-about {        padding: 50px 0    }    #dichvu .wrap-modal-dv {        width: 80%;        min-width: 310px    }    #dichvu .form-group label {        width: 110px    }    #dichvu .form-group input, #dichvu .form-group textarea {        width: calc(100% - 110px)    }    #dichvu .wrap-modal-dv form {        padding: 0    }    #dichvu .btn-primary {        margin-left: 110px    }    #dichvu .btn {        width: calc((100% - 122px) / 2)    }}@media (max-width: 767px) {    .wrap-modal-dv .modal-title h3 {        font-size: 18px    }    #dichvu .form-group label {        width: 100%;        line-height: 24px    }    #dichvu .form-group input, #dichvu .form-group textarea {        width: 100%;        line-height: 35px    }    #dichvu .form-group input {        height: 35px;        line-height: 35px;        min-height: 35px    }    .form-group {        padding: 0 0 10px    }    #dichvu .btn {        margin-left: 0;        margin-bottom: 10px;        width: 100%    }    #dichvu .form-group textarea {        height: 100px    }    #dichvu #btnclose {        display: none    }    #dichvu .wrap-modal-dv {        padding-bottom: 0    }}.section-testimonial {background: #6c8241 !important;text-align: center;padding: 60px 0}.section-testimonial .section-title h2 {color: white;}.section-testimonial .owl-nav {    position: relative;    width: 190px;    display: inline-block}.section-testimonial .owl-carousel .owl-nav .owl-prev, .section-testimonial .owl-carousel .owl-nav .owl-next {    bottom: 28px;    top: auto;    border: none;    background: none}.section-testimonial .owl-carousel .owl-nav .owl-prev:before, .section-testimonial .owl-carousel .owl-nav .owl-next:before {    border: none;    font-size: 25px}.section-testimonial .testimonial-item {color: #ffffff;line-height: 32px;font-size: 16px;padding: 0 10px;/* font-family: Arial */}.section-testimonial .testimonial-item img { width:65px;    border-radius: 50%;    border: 2px solid #dea90c;}.section-testimonial .testimonial-item h4 {    font-weight: 600;    font-size: 16px;    color: #dea90c;    margin: 30px 0;    font-family: Arial}.section-testimonial .testimonial-item h4 span {color: #ffffff;font-weight: 400}.google-map {    width: 100%}.google-map .map {    width: 100%;    height: 400px;    background: #dedede}.main_contact {background-repeat: no-repeat;width: 100%;height: 100%;position: relative;display: block;overflow: hidden;background-size: cover;}@media (max-width: 991px) {    .main_contact {        background-position: top    }}.main_contact .map_page {    color: #9ea2a5;    line-height: 26px}.main_contact .map_page a {    color: #9ea2a5}.main_contact .map_page a:hover {    color: #fff}.main_contact .map_page h4.footer-head-line {    color: #fff;    font-size: 24px}.main_contact .map_page .des_contact {    font-size: 14px;    font-family: 'Arial', sans-serif;    color: #fff;    padding-bottom: 5px}.main_contact .map_page .title-head-contact {    font-size: 16px;    font-weight: 600;    color: #fff}.main_contact .map_page .text-box li {    position: relative;    padding-left: 50px;    line-height: 33px;    margin-bottom: 12px}.main_contact .map_page .text-box li .fa, .main_contact .map_page .text-box li .fas {    width: 35px;    height: 35px;    text-align: center;    line-height: 35px;    background: #dea90c;    position: absolute;    color: #fff;    left: 0;    border-radius: 50%;    text-align: center}.main_contact .section_maps {/* width: 60% !important; *//* float: right; *//* position: absolute; *//* right: 0; *//* top: 0 */}@media (max-width: 991px) {    .main_contact .section_maps {        position: initial;        width: 120% !important; height: 50%;       left: 0    }}.social-footer label {    font-weight: 400;    float: left;    margin-right: 5px}.social-footer ul.inline-list.social-icons {    float: left}.social-footer .icon-fallback-text {    font-size: 18px;    margin: 0 5px}.social-footer .fallback-text {    display: none}.owl-theme .owl-dots .owl-dot span {    display: none}.ekko-lightbox .modal-header {    display: none}.section-album .owl-carousel .owl-dots {    bottom: -30px}.section-album .owl-carousel .owl-dots .owl-dot {    background: #e1e1e1}.section-album .owl-carousel .owl-dots .owl-dot.active {    background: #5acbc2}.section-album .bg-gray {    margin-bottom: 8px;    background: #f7f7f7;    padding: 30px 0}.section-album .section-title h2 {    margin-bottom: 5px;    letter-spacing: .5px}.section-album .section-title h2:before {    display: none}.section-album .section-title h2:after {    display: none}.section-album img {    display: inline-block !important}.section-album .al-item {    text-align: center}.section-album .al-item a {    display: none;    width: 40px;    height: 40px;    background: transparent;    color: #fff;    font-size: 20px;    border-radius: 50%;    line-height: 40px;    text-align: center;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    -webkit-transform: translate(-50%, -50%);    -moz-transform: translate(-50%, -50%)}.section-album .al-item:hover a {    display: block;    z-index: 99}.section-album .al-item:hover:before {    content: "";    width: 100%;    height: 100%;    display: block;    background: #5acbc2;    opacity: 0.7;    position: absolute;    top: 0;    left: 0;    z-index: 10}@media (max-width: 767px) {    .section-album .container-fluid.a-center {        padding: 0    }    .section-album .al-item {        text-align: center;        margin-bottom: 15px    }    .section-album .bg-gray {        margin-bottom: 15px    }}@media (max-width: 767px) {    .ekko-lightbox .modal-body {        position: relative;        padding: 15px    }}@media (min-width: 1200px) {    .container {        width: 1200px    }}.section-congdung {    padding: 60px 0 60px}.section-congdung .section-title h2 {}.section-congdung .congdung-item {    margin-bottom: 40px}.section-congdung .congdung-item h3 {color: #48572b;font-size: 20px;font-weight: 400}.section-congdung .congdung-item p {    color: #787b8a;    line-height: 32px;    font-size: 16px;    padding: 0 15px;    font-family: Arial}@media (min-width: 1200px) {    .section-congdung .f370 {         }    .section-congdung .f430 {    }}.section-chitiet {    padding: 60px 0}.section-chitiet .section-title h2 {    background-image: url(//bizweb.dktcdn.net/100/263/474/themes/734438/assets/chitiet_title.png?1567669995192)}.section-chitiet .line {    width: 50px;    height: 4px;    border-radius: 2px;    background: #5acbc2}.section-chitiet img {    display: inline-block}.section-chitiet h3 {    margin-top: 60px;    font-size: 28px;    color: #4c4f62;    font-weight: 400;    font-family: 'Old Standard TT', serif}.section-chitiet p {    color: #787b8a;    line-height: 32px;    font-size: 16px;    padding-right: 10px;    font-family: Arial}@media (max-width: 767px) {    .section-about {        padding: 40px 0    }    .section-about .section-title.a-center {        background-size: contain    }    .section-chitiet .line {        display: none    }    .section .section-title h2 {        height: 80px;        line-height: 120px    }    .section-congdung {        padding: 40px 0    }    .section-about .info {        font-size: 14px;        line-height: 25px    }    .section-congdung .congdung-item p {        line-height: 25PX;        font-size: 14px    }    .section-chitiet h3 {        margin-top: 30px;        font-size: 22px;        text-align: center    }    .section-chitiet p {        line-height: 24px;        font-size: 14px;        text-align: center    }    .section-featured .product-name {        font-size: 22px;        color: #44403e    }    .section-featured .detail-header-info span.line {        display: block;        height: 0;        opacity: 0    }    .section-featured .product-price {        font-size: 26px    }    .section-featured span.price.product-price-old {        font-size: 18px    }    .section-featured .description {        line-height: 24px    }    .section-featured .description ul li:before {        top: 7.5px    }    .section-featured .form-detail-action .btn {        min-width: 100%;        margin-bottom: 10px;        margin-left: 0 !important    }    .section-featured {        padding: 40px 0    }    .section-testimonial {        padding: 40px 0 20px    }    .section-testimonial .testimonial-item {        line-height: 24px;        font-size: 14px;        padding: 0    }    .section-testimonial .testimonial-item h4 span {        display: block    }    .section-testimonial .testimonial-item h4 span i {        display: none    }    .section-testimonial .testimonial-item h4 {        font-weight: 600;        font-size: 14px;        margin: 10px 0    }    .main_contact .map_page {        padding-top: 30px !important    }    .google-map .map {        width: 100%;        height: 300px    }}.suntory-alo-phone {    top: auto !important;    background-color: transparent;    cursor: pointer;    height: 40px;    position: fixed;    transition: visibility 0.5s ease 0s;    width: 40px;    z-index: 100 !important;    display: none;    left: 10px;    bottom: calc(50% - 20px)}@media (max-width: 1200px) {    .suntory-alo-phone {        display: block !important    }}.suntory-alo-phone.top-left {    bottom: auto !important;    top: 10px !important}.suntory-alo-phone.top-right {    left: auto !important;    right: 10px !important;    bottom: auto !important;    top: 10px !important}.suntory-alo-phone.center-right {    left: auto !important;    right: 10px !important}.suntory-alo-phone.bottom-left {    bottom: 10px !important}.suntory-alo-phone.bottom-right {    left: auto !important;    right: 10px !important;    bottom: 10px !important}.suntory-alo-ph-circle {    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;    transform-origin: 50% 50% 0;    transition: all 0.5s ease 0s;    width: 100px;    display: none}.suntory-alo-ph-circle-fill {    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;    transform-origin: 50% 50% 0;    transition: all 0.5s ease 0s;    width: 70px}.suntory-alo-ph-img-circle {    border: 2px solid transparent;    border-radius: 100%;    height: 40px;    opacity: 0.7;    transform-origin: 50% 50% 0;    width: 40px}.suntory-alo-phone.suntory-alo-hover, .suntory-alo-phone:hover {    opacity: 1}.suntory-alo-phone.suntory-alo-active .suntory-alo-ph-circle {    animation: 1.1s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important}.suntory-alo-phone.suntory-alo-static .suntory-alo-ph-circle {    animation: 2.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important}.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone:hover .suntory-alo-ph-circle {    border-color: #00aff2;    opacity: 0.5}.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle {    border-color: red;    opacity: 1}.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {    border-color: #5acbc2;    opacity: 1}.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone:hover .suntory-alo-ph-circle-fill {    background-color: rgba(0, 175, 242, 0.9)}.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle-fill {    background-color: red}.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {    background-color: #f56a15}.suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone:hover .suntory-alo-ph-img-circle {    background-color: #00aff2}.suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-img-circle {    background-color: red}.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {    background-color: #5acbc2}@keyframes suntory-alo-circle-anim {    0% {        opacity: 0.1;        transform: rotate(0deg) scale(0.5) skew(1deg)    }    30% {        opacity: 0.5;        transform: rotate(0deg) scale(0.7) skew(1deg)    }    100% {        opacity: 0.6;        transform: rotate(0deg) scale(1) skew(1deg)    }}@keyframes suntory-alo-circle-img-anim {    0% {        transform: rotate(0deg) 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(0deg) scale(1) skew(1deg)    }    100% {        transform: rotate(0deg) scale(1) skew(1deg)    }}@keyframes suntory-alo-circle-fill-anim {    0% {        opacity: 0.2;        transform: rotate(0deg) scale(0.7) skew(1deg)    }    50% {        opacity: 0.2;        transform: rotate(0deg) scale(1) skew(1deg)    }    100% {        opacity: 0.2;        transform: rotate(0deg) scale(0.7) skew(1deg)    }}.suntory-alo-ph-img-circle i {    animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;    font-size: 18px;    line-height: 36px;    padding-left: 10px;    color: #fff}@keyframes suntory-alo-ring-ring {    0% {        transform: rotate(0deg) 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(0deg) scale(1) skew(1deg)    }    100% {        transform: rotate(0deg) scale(1) skew(1deg)    }}@media (max-width: 768px) {    .suntory-alo-phone {        display: block    }}L
div#btn-order {
    margin-top: 25px;
}

div#btn-order .btn:hover {
    color: #f5f5f5;
    background: #6c8241;
}

section#news_by_category-0 .container {
    width: 100%;
}

section#news_by_category-0 .card {
    /* height: 386px; */
margin-bottom: 30px;padding-bottom: 30px;}


section#news_by_category-0 div#news-slider {
    margin-top: 30px;
}
div#news-slider .item img {
    margin: 0px !important;
}
div#block4 {
    padding: 30px 0;
}
.header-icon .fancyboxs {
    background: #48572b;
    border-radius: 20px;
    color: white;
}


.custom-btn {
  width: 200px;
  height: 50px;
  color: #fff;
  border-radius: 5px;
  padding: 10px 25px;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
}
.btn-7 {background: linear-gradient(0deg, rgba(255,151,0,1) 0%, rgba(251,75,2,1) 100%);line-height: 52px;padding: 0;border: none;}
.btn-7 span {
  position: relative;
  display: block;
  width: 100%;
  font-size: 19px;
  height: 100%;
  text-transform: uppercase;
}
.btn-7:before,
.btn-7:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  background: rgba(251,75,2,1);
  box-shadow:
   -7px -7px 20px 0px rgba(255,255,255,.9),
   -4px -4px 5px 0px rgba(255,255,255,.9),
   7px 7px 20px 0px rgba(0,0,0,.2),
   4px 4px 5px 0px rgba(0,0,0,.3);
  transition: all 0.3s ease;
}
.btn-7:before{
   height: 0%;
   width: 2px;
}
.btn-7:after {
  width: 0%;
  height: 2px;
}
.btn-7:hover{
  color: rgba(251,75,2,1);
  background: transparent;
}
.btn-7:hover:before {
  height: 100%;
}
.btn-7:hover:after {
  width: 100%;
}
.btn-7 span:before,
.btn-7 span:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: rgba(251,75,2,1);
  box-shadow:
   -7px -7px 20px 0px rgba(255,255,255,.9),
   -4px -4px 5px 0px rgba(255,255,255,.9),
   7px 7px 20px 0px rgba(0,0,0,.2),
   4px 4px 5px 0px rgba(0,0,0,.3);
  transition: all 0.3s ease;
}
.btn-7 span:before {
  width: 2px;
  height: 0%;
}
.btn-7 span:after {
  height: 2px;
  width: 0%;
}
.btn-7 span:hover:before {
  height: 100%;
}
.btn-7 span:hover:after {
  width: 100%;
}
.header-icon .custom-btn:hover {
    background: white;
}