@charset "UTF-8";
        /*
Theme Name: TraiGaMinhTri
Theme URI: https://dandev.net/themes/trigaminhtri/
Author: DANDEV
Author URI: https://dandev.net/
Description: Themes for website traigaminhtri.com
Requires PHP: 7.3
Version: 1.0
Text Domain: traigaminhtri
*/
        
        .hc-404-page {
            font-family: "Open Sans", sans-serif;
            padding: 2em 0;
        }
        
        .hc-404-page .content-404 {
            background-color: #009995;
        }
        
        .hc-404-page .info {
            padding-top: 80px;
            padding-bottom: 50px;
            color: #fff;
            text-align: center;
        }
        
        .hc-404-page .info .title {
            font-weight: bold;
            font-size: 40px;
            text-transform: uppercase;
            margin-bottom: 20px;
        }
        
        .hc-404-page .info .desc {
            font-size: 18px;
            line-height: 28px;
        }
        
        .hc-404-page .info a {
            color: #f1ed3d;
            text-transform: uppercase;
            text-decoration: none;
            display: inline-block;
            margin-top: 10px;
            -webkit-transition: color 0.3s ease;
            -moz-transition: color 0.3s ease;
            -ms-transition: color 0.3s ease;
            -o-transition: color 0.3s ease;
            transition: color 0.3s ease;
        }
        
        .hc-404-page .info a:hover {
            color: #ffc000
        }
        
        @media screen and (max-width: 767px) {
            .hc-404-page .info {
                padding-top: 40px;
                padding-bottom: 30px;
            }
        }
        
        .contact .form-group .form-control {
            border-radius: 0
        }
        
        .contact .form-group textarea.form-control {
            padding-top: 12px
        }
        
        .contact p {
            color: #707070
        }
        
        .contact h2.title-head {
            text-transform: inherit;
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 10px
        }
        
        .contact h2 {
            font-size: 21px;
            color: #252525;
            margin-top: 5px;
            margin-bottom: 30px;
            font-weight: 400
        }
        
        .contact .dq-flex {
            margin-bottom: 5px;
            align-items: flex-start
        }
        
        .contact .dq-flex .icon.f-left {
            margin-right: 5px;
            white-space: nowrap
        }
        
        .contact .info-contact>p {
            color: #636363
        }
        
        .contact .info-contact .widget-menu {
            margin-bottom: 30px;
            overflow: hidden;
            font-size: 1.07143em
        }
        
        .contact .info-contact .widget-menu li {
            display: block;
            padding-bottom: 10px
        }
        
        .contact .info-contact .widget-menu li .block_icon {
            display: block;
            float: left;
            padding: 0px;
            width: 18px;
            line-height: 1;
            color: #252525;
            margin-left: 2px;
            transform: translateY(4px);
            -webkit-transform: translateY(4px);
            -moz-transform: translateY(4px)
        }
        
        .contact .info-contact .widget-menu li p,
        .contact .info-contact .widget-menu li a {
            display: inline;
            width: calc(100% - 37px);
            line-height: 20px;
            margin: 0px;
            color: #636363
        }
        
        .contact .info-contact .widget-menu li a {
            color: #636363
        }
        
        .contact .info-contact .widget-menu li a:hover {
            color: #80bb35
        }
        
        .contact .info-contact .widget-menu li a.mail {
            color: #0072bc
        }
        
        .contact .info-contact .widget-menu li a.mail:hover {
            color: #80bb35
        }
        
        .contact .contact-box-info {
            margin: 10px 0
        }
        
        .contact .contact-box-info .item {
            color: #707070;
            padding: 10px 0;
            border-bottom: 1px solid #ebebeb
        }
        
        .contact .contact-box-info .item .fa {
            width: 40px;
            height: 40px;
            background: #80bb35;
            color: #fff;
            float: left;
            text-align: center;
            justify-content: center;
            line-height: 40px;
            border-radius: 50%
        }
        
        .contact .contact-box-info .item>div {
            margin-bottom: 20px
        }
        
        .contact .contact-box-info .item .info {
            padding-left: 50px
        }
        
        .contact .contact-box-info .item .info a {
            color: #fe9705;
            display: inline-block
        }
        
        .contact .contact-box-info .item .info a:hover {
            color: #80bb35
        }
        
        .contact .contact-box-info .item:last-child {
            border: none
        }
        
        .contact .contact-box-info .item h3 {
            font-weight: 400;
            font-size: 14px;
            color: #333;
            text-transform: uppercase;
            margin-top: 5px
        }
        
        .contact .contact-box-info .item p {
            position: relative;
            margin-bottom: 5px
        }
        
        .contact .contact-box-info .item p .fa {
            position: absolute;
            left: 0;
            top: 4px;
            color: #707070
        }
        
        .contact .contact-box-info a {
            display: block;
            color: #707070
        }
        
        .contact .contact-box-info a:hover {
            color: #80bb35
        }
        
        .info label {
            display: block;
            margin-bottom: 2px;
            font-weight: 700;
            max-width: 100%;
        }
        
        .btn,
        input[type="submit"] {
            display: inline-block;
            height: 40px;
            line-height: 40px;
            padding: 0 20px;
            text-align: center;
            white-space: nowrap;
            outline: none !important;
            cursor: pointer;
            border: none;
            font-weight: 400;
            border-radius: 0;
            letter-spacing: 0;
            -webkit-transition: background-color 0.1s ease-in;
            -moz-transition: background-color 0.1s ease-in;
            -ms-transition: background-color 0.1s ease-in;
            -o-transition: background-color 0.1s ease-in;
            transition: background-color 0.1s ease-in;
            -webkit-border-radius: 0;
            border-radius: 0;
            border-radius: 5px;
        }
        
        .btn.btn-primary,
        input.btn-primary[type="submit"] {
            background: #80bb35;
            color: #fff;
            border: none;
        }
        
        .contact form {
            margin-bottom: 30px;
        }
        
        .style-jzuxwtxa_control-preloader {
            width: 36px;
            height: 72px;
            /* margin-left: -18px; */
            position: absolute;
            opacity: 0;
            overflow: hidden;
            transform-origin: 100% 50%;
            animation: style-jzuxwtxa_semi-rotate 1s linear infinite;
            z-index: 999;
            /* margin: 20% auto; */
            left: 30%;
            top: 30%;
        }
        
        .style-jzuxwtxa_control-preloader::before,
        .style-jzuxwtxa_control-preloader::after {
            content: '';
            top: 0;
            left: 0;
            right: -100%;
            bottom: 0;
            border: 3px solid currentColor;
            border-color: currentColor transparent transparent currentColor;
            border-radius: 50%;
            position: absolute;
            transform: rotate(-45deg);
            animation: style-jzuxwtxa_inner-rotate 0.5s linear infinite alternate;
        }
        
        .style-jzuxwtxa_control-preloader::before {
            color: #7fccf7;
        }
        
        .style-jzuxwtxa_control-preloader::after {
            color: #3899ec;
            opacity: 0;
        }
        
        @keyframes style-jzuxwtxa_semi-rotate {
            0% {
                transform: rotate(180deg);
                animation-timing-function: ease-out;
            }
            45% {
                transform: rotate(198deg);
            }
            55% {
                transform: rotate(234deg);
            }
            100% {
                transform: rotate(540deg);
            }
        }
        
        @keyframes style-jzuxwtxa_inner-rotate {
            %to {
                transform: rotate(115deg);
                opacity: 1;
            }
        }
        
        .woocommerce-cart-form .custom.custom-btn-number {
            border: 1px solid #ccc;
            width: 100px;
            padding: 3px;
        }
        
        .woocommerce-cart-form .custom.custom-btn-number .qtyminus,
        .woocommerce-cart-form .custom.custom-btn-number .qtyplus {
            font-weight: 700;
            border: none;
            color: #363636;
            cursor: pointer;
        }
        
        .woocommerce-cart-form .custom.custom-btn-number .input-text.qty {
            border: none;
            width: calc(100% - 25px);
            display: inline-block;
            margin: 0;
            padding: 0 3px;
        }
        
        .woocommerce #respond input#submit.alt,
        .woocommerce a.button.alt,
        .woocommerce button.button.alt,
        .woocommerce input.button.alt {
            background-color: #80bb35;
        }
        
        .detail blockquote {
            color: #000;
            line-height: 25px;
            padding: 8px;
            border: dashed 1px #0994c8;
            border-radius: 5px;
            margin-top: 15px;
            background: #f7f8f9;
        }
        
        .tiktok .sticker-hotline-mobile2 {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            z-index: 20;
            -webkit-transition: all .5s ease;
            width: 60px;
            height: 60px;
            -webkit-box-shadow: 0 0 0 8px rgb(219 33 40 / 0%);
            -moz-box-shadow: 0 0 0 8px rgba(219, 33, 40, 0);
            box-shadow: 0 0 0 8px rgb(219 33 40 / 0%);
            transition: bottom 2s ease 0s;
            margin: 0 0 10px;
        }
        
        .tiktok .sticker-hotline-mobile2 a {
            text-align: center;
            display: block;
            width: 100%;
            -webkit-box-shadow: 0 0 0 4px rgb(219 33 40 / 0%);
            -moz-box-shadow: 0 0 0 4px rgba(219, 33, 40, 0);
            box-shadow: 0 0 0 4px rgb(219 33 40 / 0%);
            height: 60px;
            position: absolute;
            z-index: 20;
        }
        
        .tiktok .sticker-hotline-mobile2 a .nki-call-chatbox {
            display: block;
            position: absolute;
            font-size: 40px;
            padding-top: 10px;
            text-align: center;
            color: #fff;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background-color: #fff;
            height: 60px;
            width: 60px;
            z-index: 20;
            box-shadow: 0 3px 3px rgb(0 0 0 / 16%);
        }
        
        .tiktok .sticker-hotline-mobile2 a .nki-call-chatbox img {
            width: 40px;
        }
        
        .tiktok .sticker-hotline-mobile2 a .slide-tooltip {
            display: inline-block;
            color: #fff;
            border: 0;
            border-radius: 28px;
            height: 60px;
            position: absolute;
            top: 0;
            right: 10px;
            width: 0;
            overflow: hidden;
            -webkit-transition: all 1s;
            transition: all 1s;
            background-color: #d90100;
            -moz-box-shadow: 0 0 5px #888;
            -webkit-box-shadow: 0 0 5px #888;
            box-shadow: 0 0 5px #888;
            white-space: nowrap;
            opacity: 0;
            font-size: 20px;
            font-weight: 600;
            line-height: 1.3em;
            z-index: 19;
            text-align: left;
            width: 240px;
            padding: 3px 10px 0 20px;
            opacity: 1;
        }
.customize__reviews {
    padding: 15px;
}
.reviews__title {
    padding: 7px 15px;
    display: inline-block;
    background-color: #00b91f;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    margin-bottom: 5px;
}
.woocommerce #reviews.dandev__reviews #comments ol.commentlist li .comment-text.no__border {
    border: none;
    padding: 0;
}
.woocommerce #reviews.dandev__reviews #comments ol.commentlist ul.children {
    display: block;
    position: relative;
    margin: 5px 0 15px 0;
    padding: 10px 15px 0 12px;
    clear: both;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    background: #f8f8f8;
    border: 1px solid #dfdfdf;
}

.woocommerce #reviews.dandev__reviews #comments ol.commentlist ul.children:after,
.woocommerce #reviews.dandev__reviews #comments ol.commentlist ul.children:before {
    top: -21px;
    left: 18px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.woocommerce #reviews.dandev__reviews #comments ol.commentlist ul.children:before {
    border-color: rgba(238, 238, 238, 0);
    border-bottom-color: #f8f8f8;
    border-width: 11px;
    margin-left: -11px;
    z-index: 1;
}
.woocommerce #reviews.dandev__reviews #comments ol.commentlist ul.children:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #dfdfdf;
    border-width: 10px;
    margin-left: -10px;
}
.woocommerce #reviews.dandev__reviews #comments ol.commentlist li .comment-text.no__border .star-rating {
    color: #23527c;
}