/*
 * Theme Name: NR Global
 * Description: Công nghệ thông tin ngày càng phát triển, nó giúp con người mua thực hiện công việc mua bán, tìm kiếm thông tin sản phẩm ngày càng hiệu quả hơn. Thay vì phải chạy đến tận nơi bán sản phẩm để tìm hiểu thông tin hay mua một sản phẩm nào đó, bạn chỉ việc ngồi ở nhà và với một thiết bị được kết nối internet là bạn có thể có tất cả. Có thể nói website là một công cụ hữu hiệu nhất trong hoạt động quảng bá thương hiệu, sản phẩm, dịch vụ một cách hiệu quả. Bạn là một người kinh doanh thì việc thiết kế một website là điều vô cùng cần thiết và cấp bách trong thời buổi công nghệ này, đó là sợi dây liên kết giữa doanh nghiệp và khách hàng, giúp cho doanh nghiệp quảng bá thương hiệu, sản phẩm và dịch vụ của mình đến với mọi người một cách nhanh chóng, hiệu quả, dễ dàng và trực quan nhất.
 * Theme URI: https://nrglobal.vn
 * Version: 12.0
 * Theme Author: info@nrglobal.vn
 * Author: Cristian Dev
 * Author URI: info@nrglobal.vn
 * Textdomain: gaumap
 */
:root{
    --cl-0: #66463b;
    --cl-1: #e7b834;
}
body,a,
#qodef-page-footer .widget a,
#qodef-page-footer .widget a:hover{
    color: var(--cl-0);
}
body.single-product .qodef-grid>.qodef-grid-inner>.qodef-grid-item{
    padding: 100px 15px 0;
}
#qodef-page-footer .widget.widget_text p i{
    width: 20px;
    text-align: center;
}
.qodef-banner.qodef-layout--link-button .qodef-m-title{
    text-shadow: 1px 0 #000, 0px 0 #000, 0 1px #000, 0 0px #000, 1px 1px #000, -1px -1px #000, 1px 1px #000, -1px 1px #000;
    font-size: 16px;
    text-align: center;
}
#qodef-page-footer-top-area{
    
    background-color: #edddcd;
}
#qodef-page-inner {
    padding: 0 0 0 0;
}
#qodef-page-footer-top-area{
    padding: 50px 0 !important;
}
.footer-map iframe{
    height: 230px;
}
#qodef-page-footer .widget{
    color: var(--cl-0);
}
.qodef-woo-product-list .qodef-woo-product-image-inner{
    background-color: transparent;
}
.qodef-woo-product-list .qodef-woo-product-image{
    overflow: hidden;
}
.qodef-woo-product-list .qodef-woo-product-image img{
        -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.qodef-woo-product-inner:hover .qodef-woo-product-image img{
        -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

@media only screen and (max-width: 1024px) {
    #qodef-page-inner {
        padding: 0 0;
    }
}

.qodef-page-title {
    height: 50px;
}

@media only screen and (max-width: 1024px) {
    .qodef-page-title {
        height: 50px;
    }
}

h1 {
    color: #54291a;
    font-family: Tahoma;
}

h2 {
    color: #66463b;
    font-family: Verdana;
}

h3 {
    color: #635041;
    font-family: Tahoma;
}

h4 {
    color: #938880;
    font-family: Tahoma;
}

h5 {
    color: #5b441e;
    font-family: Tahoma;
}

h6 {
    color: #70573a;
    font-family: Tahoma;
}

a,
p a {
    letter-spacing: 0px;
}

.qodef-header--standard #qodef-page-header-inner {
    padding-left: 50px;
    padding-right: 50px;
}
 @font-face {
    font-family: eicons;
    src: url(resources/fonts/eicons.eot?5.10.0);
    src: url(resources/fonts/eicons.eot?5.10.0#iefix) format("embedded-opentype"), url(resources/fonts/eicons.woff2?5.10.0) format("woff2"), url(resources/fonts/eicons.woff?5.10.0) format("woff"), url(resources/fonts/eicons.ttf?5.10.0) format("truetype"), url(https://simiehome.com/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.svg?5.10.0#eicon) format("svg");
    font-weight: 400;
    font-style: normal
}

body:not([class*=konsept-core]) #qodef-page-header .qodef-header-logo-link img{
    max-height: 60px;
}

#gallery-1 {
    margin: auto;
}

#gallery-1 .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 33%;
}

#gallery-1 img {
    border: 2px solid #cfcfcf;
}

#gallery-1 .gallery-caption {
    margin-left: 0;
}

body.page {
    background-color: rgba(221, 221, 221, 0.75);
}

#qodef-page-inner {
    padding: 04;
}

@media only screen and (max-width: 1024px) {
    #qodef-page-inner {
        padding: 08;
    }
}

#qodef-top-area-inner {
    height: 40px;
}

.qodef-page-title {
    height: 420px;
}

.qodef-page-title .qodef-m-title {
    color: rgba(61, 61, 61, 0);
}

@media only screen and (max-width: 1024px) {
    .qodef-page-title {
        height: 300px;
    }
}
.qodef-header--standard #qodef-page-header-inner {
    padding-left: 50px;
    padding-right: 50px;
}

.qodef-page-title.qodef-title--standard .qodef-m-subtitle {
    color: #353535;
}
body.page #qodef-page-inner {
    position: relative;
    padding: 100px 0 130px;
}
div.pagination li{
    list-style: none;
}
body .pagination > li > a, .pagination > li > span{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: 0 3px;
}
.pagination > li > span,
body .pagination > li > a:hover, .pagination > li > span:hover,
body .pagination > li > a:focus, .pagination > li > span:focus{
    background-color: #000 !important;
    color: #fff;
}
body .pagination > li > a, .pagination > li > span{
     border: 1px solid #000 !important;
}  

 #gallery-1 {
   margin: 0 -10px;
}

#gallery-1 .gallery-item {
    float: left;
    margin-bottom: 10px;
    margin-top: 0;
    text-align: center;
    width: 33%;
    padding: 0 6px;
}

#gallery-1 img {
    border: 2px solid #cfcfcf;
}

#gallery-1 .gallery-caption {
    margin-left: 0;
} 

body.single #qodef-page-inner{
    padding: 0 15px;
}
body.archive #qodef-page-inner{
    position: relative;
    padding: 40px 0 130px;
}
.feedback-cats{
    text-align: center;
}
.feedback-cats ul li{
    display: inline-block;
    margin-bottom: 7px;
}
.feedback-cats ul li a{
    border: 1px solid #8b8b8b;
    display: block;
    margin: 0 5px;
    padding: 6px 18px;
}
.feedback-cats ul li.active a,
.feedback-cats ul li:hover a{
    background-color: #000;
    color: #fff;
}
.elementor-8098 .elementor-element.elementor-element-d7c236a{
    text-align: center;
}
.swiper-container-gal{
    overflow-x: hidden;
}
.page-title {
    min-height: 400px;
    background-attachment: fixed !important;
    background-size: cover !important;
}
.page-title .box-title {
    max-width: 345px;
    padding: 5px 25px;
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
    top: 12rem;
    text-transform: uppercase;
}
.page-title .box-title h1 {
    margin-bottom: 10px !important;
    color: #000;
}
.page-title .box-title .qodef-title-separator {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 5px;
    background-color: #000;
    margin: 0;
}
.contact-info h5 {
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 0 !important;
    color: #000;
}
.contact-info__detaill p i {
    width: 20px;
    text-align: center;
}
#contact_form .form-group input {
    height: 50px;
    background-color: #fff;
}
#main{
    padding: 50px 0 0 0;
}
.form-contact button{
    background-color: #000;
    color: #fff;
}
.form-contact button:hover,
.form-contact button:focus{
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
}
.swal2-popup .swal2-styled.swal2-confirm{
    background-color: #000 !important;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link{
    border-radius:  100% !important;
}
body .pagination > li > a{
    color: #000;
}
.list-product{
    height: 300px;
    background-color: rgba(221,221,221,0);
}
.main-product{
        position: relative;
    padding: 100px 0 130px;
}
body:not(.home) #qodef-page-outer{
    background-color: #fff;
}

.qodef-woo-product-price-holder ins span,
.qodef-woo-product-price-holder bdi{
    color:#000;
}
.qodef-woo-product-price-holder del{
    margin-left: 5px;
}
.qodef-woo-product-price-holder del span{
    text-decoration: line-through;
    font-size: 13px;
}
.qodef-woo-product-price-holder del{
    order: 2;
}
.qodef-woo-product-price-holder ins{
    order: 1;
}
#qodef-woo-page.qodef--single .woocommerce-tabs .wc-tabs li{
    border: none;
}
.woocommerce-product-gallery__trigger:before,
.woocommerce-product-gallery__trigger:after{
    display: none !important;
}
.single-cart p{
    border: none !important;
    padding: 0 !important;
}
.single-cart a.single_add_to_cart_button{
    height: auto !important;
    line-height: unset !important;
    padding: 13px 25px !important;
}
.single-cart input[type="number"]{
    position: relative;
    height: 52px;
    width: 36px;
    padding: 0;
    margin: 0 5px;
    border: none;
    font-size: 18px !important;
    line-height: 52px;
    outline: 0;
    border: none !important;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-family: "EB Garamond",serif;
    font-size: 24px;
    line-height: 52px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: 0 0;
    color: #1d1d1d;
    font-weight: 400 !important;
}

.single-cart input[type="number"]::-webkit-outer-spin-button,
.single-cart input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.single-cart input[type="number"] {
  -moz-appearance: textfield;
}

.woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after {
    font: normal normal normal 19px/1 FontAwesome !important;
    content: "\f021 " !important;
    top: 19px !important;
    right: 4px !important;
}
.woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after {
    font-family: WooCommerce;
    content: "\e017" !important;
    margin-left: 0.53em;
    vertical-align: bottom;
}
#qodef-woo-page .product .added_to_cart{
    display: block;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    border: 1px solid #8b8b8b;
    padding: 13px 25px;
    max-width: 397px;
}#qodef-woo-page .product .added_to_cart:hover{
    text-decoration: none;
}
#qodef-woo-page .product .added_to_cart:after{
    display: none;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{
    width: 80px !important;
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{
    width: 100px !important;
}
#add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th{
    padding-left: 10px !important;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt:not(.variable,.single_add_to_cart_button), .woocommerce button.button.alt:not(.variable,.single_add_to_cart_button), .woocommerce input.button.alt{
    background-color: #000 !important;

}
#qodef-woo-page.qodef--checkout #customer_details .form-row{
    width: 100% !important;
    display: block !important;
}
.woocommerce-billing-fields__field-wrapper .form-row-first,
.woocommerce-billing-fields__field-wrapper .form-row-last,
.woocommerce form .form-row label,
.woocommerce-billing-fields__field-wrapper  span{
    width: 100% !important;
    display: block !important;
}
.woocommerce form .form-row label span{
    display: inline-block !important;
    width: auto !important;
}
.woocommerce-additional-fields__field-wrapper span{
    width: 100%;
}
#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input,
.wc_payment_method label{
    display: inline !important;
}
.woocommerce-page div.woocommerce .shop_table td:first-child, .woocommerce-page div.woocommerce .shop_table th:first-child{
    padding-left: 15px !important;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
    width: 48% !important;
    flex: 0 0 48% !important;
    max-width: 48% !important;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-overview li{
    padding: 15px !important;
}
.qodef-header-navigation ul li .qodef-drop-down-second{
    height: auto !important;
}
/*#qodef-page-header-inner,
.qodef-header-navigation,
.qodef-header-navigation>ul,
.qodef-header-navigation>ul li{
    position: unset !important;
}*/
.gird-menu{
    width: 100vw !important;
    padding: 0 0 15px 0 !important;

}
.#qodef-woo-page .product .button.single_add_to_cart_button, .qodef-woo-shortcode .product .button.single_add_to_cart_button{
    background-color: transparent !important;

}
.navigation,
.navigation ul,
.navigation ul li,
.navigation ul li a {
    list-style: none;
    line-height: 0;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*.navigation ul li ul li {
    -webkit-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.21);
    box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.21);
}*/

.navigation ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.navigation:after,
.navigation > ul:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.navigation > ul > li {
    display: table-cell;
    width: 1%;
}

.navigation > ul > li > a {
    color: #000;
    display: block;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    padding: 0 30px;
    white-space: nowrap;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden;
    font-weight: 400;
    height: 35px;
    padding-top: 4px;
    font-family: "Josefin Sans",sans-serif;
}

.navigation ul li:first-child a {
    margin-left: 0
}

.navigation ul li:last-child a {
    margin-right: 0;
}



.navigation > ul > li.active {
    background-color: #DF0000;
}

.navigation > ul > li.active > a:hover:before,
.navigation > ul > li.active > a:focus:before,
.navigation > ul > li.active > a:active:before {
    display: none;
}

.navigation ul ul {
    position: absolute;
    left: -9999px;
    top: 40px;
    width: 200px;
    z-index: 999;
    padding-top: 15px;
    opacity: 0;
    -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
    -o-transition: top 0.2s ease, opacity 0.2s ease-in;
    transition: top 0.2s ease, opacity 0.2s ease-in;
}

.navigation ul ul ul {
    width: auto;
}

.navigation.align-right ul ul {
    text-align: right;
}

.navigation > ul > li > ul::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    top: -1px;
    left: 30%;
}

.navigation.align-right > ul > li > ul::after {
    left: auto;
    right: 20px;
}

.navigation ul ul ul::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-right-color: #fff;
    top: 12px;
    left: -8px;
}

.navigation.align-right ul ul ul::after {
    border-right-color: transparent;
    border-left-color: #387002;
    left: auto;
    right: -4px;
}

.navigation > ul > li:hover > ul {
    top: 75px;
    left: -25px;
    opacity: 1;
}

.navigation.align-right > ul > li:hover > ul {
    left: auto;
    right: 0;
}

.navigation ul ul ul {
    padding-top: 0;
    padding-left: 6px;
}

.navigation.align-right ul ul ul {
    padding-right: 6px;
}

.navigation ul ul > li:hover > ul {
    left: 179px;
    top: 0;
    opacity: 1;
}

.navigation.align-right ul ul > li:hover > ul {
    left: auto;
    right: 100%;
    opacity: 1;
}

.navigation ul ul li a {
        background-color: #fff;
    border-bottom: 1px solid #fff;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    text-decoration: none;
    padding: 0 10px 0 25px;
    line-height: 36px;
    width: 200px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
}

.navigation ul ul li:last-child a {
    border-bottom: none;
}

.navigation ul ul li a::before {
    font: normal normal normal 10px/1 FontAwesome;
    content: "\f101";
    position: absolute;
    top: 14px;
    left: 10px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.navigation ul ul li:hover > a,
.navigation ul ul li > a:hover,
.navigation ul ul li > a:focus {
    color: #000;
}

.navigation ul ul li.active > a {
    background-color: #DF0000;
    color: #fff;
}

.navigation ul ul li:hover > a::before,
.navigation ul ul li > a:hover:before,
.navigation ul ul li > a:focus:before {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.navigation ul ul li.active > a::before {
    color: #fff;
}
.qodef-header-navigation{
    height: auto;
}
#qodef-page-header-inner,
.navigation,
.navigation > ul,
.navigation ul li.menu-gird{
    position: unset !important;
}
.navigation ul li.menu-gird > .box-gird{
    opacity: 0;
    width: 100vw;
    background: #fff;
    position: absolute;
    left: 0;
    top: 100%;
     border-top: 1px solid #f1f1f1;
    padding: 10px 0;
    border-bottom: 1px solid #f1f1f1;
    -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
    -o-transition: top 0.2s ease, opacity 0.2s ease-in;
    transition: top 0.2s ease, opacity 0.2s ease-in;
	display: none;
}
.navigation ul li.menu-gird:hover > .box-gird{
    opacity: 1;
	display: block;
}
.navigation > ul > li.menu-gird > .box-gird > ul.sub-menu{
    max-width: 1140px;
    width: 100%;
    opacity: 1;
    margin: auto;
    position: static;
   
/*     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; */
}

.navigation > ul > li.menu-gird > .box-gird > ul > li{
    display: inline-grid;
    margin-bottom: 15px;
}
.navigation > ul > li.menu-gird > .box-gird > ul > li > a{
    color: #000;
    font-weight: 600;
    font-family: "Josefin Sans",sans-serif;
}
.navigation ul li.menu-gird ul ul a,
.navigation ul ul li a{
    font-family: "EB Garamond",serif;
    color: #8b8b8b;
}
.navigation ul li.menu-gird ul ul a:hover,
.navigation ul ul li a:hover{
    color: #000;
}
.navigation ul li.menu-gird ul li a::before{
    display: none;
}
.navigation ul li.menu-gird ul ul{
        position: static;
    opacity: 1;
    padding-left: 0;
    margin-left: 0;
}
#qodef-page-header.fixed{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    height: 80px;
}
.qodef-opener-icon.qodef-source--icon-pack{
    display: none;
}
.cart-close{
    position: absolute;
    z-index: 99;
    left: 20px;
    top: 10px;
}
#qodef-woo-page.qodef--single .single_add_to_cart_button,{
    background-color: transparent !important;
}
.qodef-woo-product-additional-icons p,
.qodef-woo-product-additional-icons .qodef-quantity-buttons,
.qodef-woo-product-additional-icons .ajax_add_to_cart,
.qodef-woo-product-additional-icons .added_to_cart,
body:not(.single) #qodef-woo-page .product .button.single_add_to_cart_button{
    border: none !important;
    padding: 0 !important;
}
.qodef-woo-product-additional-icons input[type="number"]{
    display: none;
}
body:not([class*=konsept-core]) .qodef-header-navigation>ul>li{
	height: 102px;
	vertical-align: middle
}
.section-pro{
    padding: 0 15px;
}
.video-wrapper {
    width: 100%;
    margin: 0 auto;
}
.youtube {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.youtube iframe, .youtube object, .youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.view-more a{
    padding: 10px 25px;
    color: #000;
    border: 1px solid #000;
    border-radius: 4px;
}
.view-more a:hover{
    color: #fff;
    border: 1px solid #e7b834;
    background-color: #e7b834;
}
.about-home .short-description{
    color: #000;
}
.design-block__img,
.design-block__decorate,
.slider-blog .item .blog-img{
    overflow: hidden;
}
.design-block__img img, .design-block__decorate img,
.slider-blog .item img{
    height: auto;
        -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.design-block__img:hover img, .design-block__decorate:hover img,
.slider-blog .item:hover img{
        -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.design-block__decorate img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.design-block__caption{
    padding: 65px;
}
.design-block__caption h2{
    text-transform: none;
    letter-spacing: 4px;
}
.blog-caption h4 a,
.blog-caption .preview{
    color: #000;
}
.slider-blog .owl-dots .owl-dot span{
    width: 50px;
    height: 5px;
}
.slider-blog .owl-dots .owl-dot.active span, .slider-blog .owl-dots .owl-dot:hover span{
    background-color: #e7b834;
}
.contact-block .block-form{
    background: #F6F7F8;
    height: 100%;
    padding: 60px;
    position: relative;
    margin-right: -25px;
}
.block-form__hotline{
    padding: 10px 20px;
    width: auto;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    background: #66463b;
    position: absolute;
    right: 60px;
    top: 0;
    color: #fff;
    text-transform: uppercase;
}
.block-form__des{
    font-size: 20px;
    color: #000;
}
.frm-contact input{
    background-color: #fff;
}
.frm-contact button,.frm-contact button:focus,.frm-contact button:active,
.frm-contact button:hover{
    background-color: #000 !important;
    border-color: #000 !important;
    font-size: 16px;
    font-weight: 600;
    padding: 4px 25px;
    color: #fff;
    outline: none;
    float: right;
    margin-right: 15px;
    box-shadow: none;
}
.frm-contact textarea{
    color: #000;
    font-size: 17px;
}

.windows8 .wBall {
    position: absolute;
    width: 76px;
    height: 76px;
    opacity: 0;
    -moz-transform: rotate(225deg);
    -moz-animation: orbit 4.95s infinite;
    -webkit-transform: rotate(225deg);
    -webkit-animation: orbit 4.95s infinite;
    -ms-transform: rotate(225deg);
    -ms-animation: orbit 4.95s infinite;
    -o-transform: rotate(225deg);
    -o-animation: orbit 4.95s infinite;
    transform: rotate(225deg);
    animation: orbit 4.95s infinite;
}

.windows8 .wBall .wInnerBall {
    background-color: #f7941e;
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.windows8 #wBall_1 {
    -moz-animation-delay: 1.08s;
    -webkit-animation-delay: 1.08s;
    -ms-animation-delay: 1.08s;
    -o-animation-delay: 1.08s;
    animation-delay: 1.08s;
}

.windows8 #wBall_2 {
    -moz-animation-delay: 0.22s;
    -webkit-animation-delay: 0.22s;
    -ms-animation-delay: 0.22s;
    -o-animation-delay: 0.22s;
    animation-delay: 0.22s;
}

.windows8 #wBall_3 {
    -moz-animation-delay: 0.43s;
    -webkit-animation-delay: 0.43s;
    -ms-animation-delay: 0.43s;
    -o-animation-delay: 0.43s;
    animation-delay: 0.43s;
}

.windows8 #wBall_4 {
    -moz-animation-delay: 0.65s;
    -webkit-animation-delay: 0.65s;
    -ms-animation-delay: 0.65s;
    -o-animation-delay: 0.65s;
    animation-delay: 0.65s;
}

.windows8 #wBall_5 {
    -moz-animation-delay: 0.86s;
    -webkit-animation-delay: 0.86s;
    -ms-animation-delay: 0.86s;
    -o-animation-delay: 0.86s;
    animation-delay: 0.86s;
}

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 0%;
    }

    30% {
        opacity: 1;
        -moz-transform: rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin: 7%;
    }

    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 30%;
    }

    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 39%;
    }

    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 70%;
    }

    76% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }

}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 0%;
    }

    30% {
        opacity: 1;
        -webkit-transform: rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin: 7%;
    }

    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 30%;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 39%;
    }

    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 70%;
    }

    76% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }

}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 0%;
    }

    30% {
        opacity: 1;
        -ms-transform: rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin: 7%;
    }

    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 30%;
    }

    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 39%;
    }

    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 70%;
    }

    76% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }

}

@-o-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -o-transform: rotate(180deg);
        -o-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -o-transform: rotate(300deg);
        -o-animation-timing-function: linear;
        -o-origin: 0%;
    }

    30% {
        opacity: 1;
        -o-transform: rotate(410deg);
        -o-animation-timing-function: ease-in-out;
        -o-origin: 7%;
    }

    39% {
        opacity: 1;
        -o-transform: rotate(645deg);
        -o-animation-timing-function: linear;
        -o-origin: 30%;
    }

    70% {
        opacity: 1;
        -o-transform: rotate(770deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 39%;
    }

    75% {
        opacity: 1;
        -o-transform: rotate(900deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 70%;
    }

    76% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }

}

@keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin: 0%;
    }

    30% {
        opacity: 1;
        transform: rotate(410deg);
        animation-timing-function: ease-in-out;
        origin: 7%;
    }

    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin: 30%;
    }

    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin: 39%;
    }

    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin: 70%;
    }

    76% {
        opacity: 0;
        transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        transform: rotate(900deg);
    }

}

@-webkit-keyframes shakeit {
    0% {
        -webkit-transform: rotate(0deg) translate(2px, 1px);
    }

    10% {
        -webkit-transform: rotate(1deg) translate(1px, 2px);
    }

    20% {
        -webkit-transform: rotate(-1deg) translate(3px, 0px);
    }

    30% {
        -webkit-transform: rotate(0deg) translate(0px, -2px);
    }

    40% {
        -webkit-transform: rotate(-1deg) translate(-1px, 1px);
    }

    50% {
        -webkit-transform: rotate(1deg) translate(1px, -2px);
    }

    60% {
        -webkit-transform: rotate(0deg) translate(3px, -1px);
    }

    70% {
        -webkit-transform: rotate(1deg) translate(-2px, -1px);
    }

    80% {
        -webkit-transform: rotate(-1deg) translate(1px, 1px);
    }

    90% {
        -webkit-transform: rotate(0deg) translate(-2px, -2px);
    }

    100% {
        -webkit-transform: rotate(1deg) translate(-1px, 2px);
    }

}

@keyframes shakeit {
    0% {
        transform: rotate(0deg) translate(2px, 1px);
    }

    10% {
        transform: rotate(1deg) translate(1px, 2px);
    }

    20% {
        transform: rotate(-1deg) translate(3px, 0px);
    }

    30% {
        transform: rotate(0deg) translate(0px, -2px);
    }

    40% {
        transform: rotate(-1deg) translate(-1px, 1px);
    }

    50% {
        transform: rotate(1deg) translate(1px, -2px);
    }

    60% {
        transform: rotate(0deg) translate(3px, -1px);
    }

    70% {
        transform: rotate(1deg) translate(-2px, -1px);
    }

    80% {
        transform: rotate(-1deg) translate(1px, 1px);
    }

    90% {
        transform: rotate(0deg) translate(-2px, -2px);
    }

    100% {
        transform: rotate(1deg) translate(-1px, 2px);
    }

}
.weight-product ul {
    margin: 0 -7.5px 25px;
}

.weight-product ul li {
    display: inline-block;
    padding: 0 7.5px;
}
.weight-product ul li span {
    color: #000;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 6px 15px;
    display: block;
    font-size: 14px;
    cursor: pointer;
}
.weight-product ul li.active span, .weight-product ul li:hover span {
    color: #fff;
    border-color: #000;
    background: #000;
}
.price-variable span.price{
    font-size: 22px !important;
    color: #ff0000 !important;
}
.cart-variable .quantity,
.qodef-quantity-buttons{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ddd;
    padding: 0 20px;
}
.cart-variable .quantity > span{
    width: 30px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.group-cart-vid button.variable{
    border: 1px solid #8b8b8b !important;
    font-family: "EB Garamond",serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    font-style: italic !important;
    color: #1d1d1d !important;
    text-transform: capitalize !important;
    background-color: transparent !important;
    padding: 16px 25px !important;
}
.group-cart-vid button.variable.added{
    display: block !important;
}
.slider-about .owl-dots{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}
.slider-about.owl-theme .owl-dots .owl-dot span{
    background-color: #ccc;
}
.slider-about.owl-theme .owl-dots .owl-dot.active span, .slider-about.owl-theme .owl-dots .owl-dot:hover span{
    background-color: #fff;
}
.box-description{
    padding-left: calc((100vw - 1250px)/2);
}
.box-description__title {
    color: var(--cl-1);
    position: relative;
    padding-top: 15px;
    font-size: 27px;
}
.box-description__title:after{
    content: "";
    display: inherit;
    width: 1000px;
    border-top: 1px solid;
    right: 0;
    position: absolute;
    top: 0;
}
.box-description__content{
    color: #000;
    margin-top: 15px;
}
.box-description__view{
    margin-top: 30px;
}
.box-description__view a{
    background-color: var(--cl-1);
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    position: relative;
}
.box-description__view a:after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    background-image: url(resources/images/icon_view.png);
    width: 12px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.box-description__view a:hover{
    color: #000;
}
.sc_home-project-item .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(231 184 52 / 80%);
    -webkit-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.sc_home-project-item .content div.fs-13 {
    overflow: hidden;
}
.sc_home-project-item .title {
    position: absolute;
    top: 15px;
    width: 100%;
    padding: 0 15px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}
.sc_home-project-item .title a {
    color: #fff;
}
.refLink a {
    position: absolute;
    bottom: 20px;
    left: 15px;
    color: #fff;
}
.refLink a:hover{
    color: #fff;
}
.sc_home-project-item .content .refLink a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    background-image: url(resources/images/icon_view.png);
    width: 12px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.sc_home-project-item:hover .content {
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.slider-show .owl-nav
 {
    position: static;
}


.slider-show .owl-nav [class*=owl-]
 {
    color: var(--cl-1);
    font-size: 35px;
    background: transparent;
}


.slider-show .owl-nav [class*=owl-]:hover
 {
    background: transparent;
}


.slider-show .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: 0px;
}


.slider-show .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}
.block-content .flex-row-reverse .box-description{
    padding-left: 0;
    padding-right: calc((100vw - 1250px)/2); 
}
.block-content .flex-row-reverse .box-description__title:after{
    left: 0;
    right: auto;
}
.testominal-home{
    background-color: #161616;
    padding-top: 40px;
    padding-bottom: 40px;
}
.testominal-home h2,
.gallery-block h2,
.procedure-main h2{
    color: var(--cl-1);
    margin-bottom: 20px;
    position: relative;
    font-size: 30px;
    letter-spacing: unset;
    text-align: center;
    text-transform: none;
}
.testominal-home h2 span{
    padding-bottom: 20px;
}
.testominal-home h2 span:after{
    display: block;
    content: "";
    width: 150px;
    height: 1px;
    background-color: var(--cl-1);
    margin: 15px auto 0;
}

.sc_home-customer-item {
    margin-top: 50px;
}
.sc_home-customer-content {
    background-color: #fff;
    position: relative;
    padding: 30px;
    z-index: 10;
    margin-bottom: 50px;
}
.sc_home-customer-quote {
    color: var(--cl-1);
    font-size: 20px;
    margin-bottom: 10px;
}
.sc_home-customer-content a {
    color: var(--cl-1);
    border-bottom: 1px solid;
}
.sc_home-customer-content a:hover{
    color: var(--cl-0);
}
.sc_home-customer-content:after {
    content: "";
    display: inline-block;
    border-right: 30px solid var(--cl-1);
    border-bottom: 30px solid transparent;
    position: absolute;
    top: 100%;
    left: 0;
}
.sc_home-customer-intro img {
    width: 50px!important;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    margin-left: 25px;
    margin-right: 15px;
}
.cl {
    color: var(--cl-1);
}
.fw-500 {
    font-weight: 500;
}
.cl5 {
    color: #999;
}
.fs-12 {
    font-size: 12px;
}
.slider-testominal .owl-dots .owl-dot.active span, .slider-testominal .owl-dots .owl-dot:hover span,
.slider-product .owl-dots .owl-dot.active span, .slider-product .owl-dots .owl-dot:hover span{
    background-color: var(--cl-1);
}
.gallery-block .row{
    margin: 0 -7.5px;
}
.gallery-block .row .col-6{
    padding: 0 7.5px;
    margin-bottom: 15px;
}
.gallery-block h2,
.procedure-main h2{
    color: var(--cl-0);
}
.youtube {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.youtube iframe, .youtube object, .youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.qodef-woo-product-price-holder ins span, .qodef-woo-product-price-holder ins span bdi,
.price ins span bdi{
    color: #ff0000;
    font-weight: 700;
}

@media screen and (min-width:1200px){
    .section-pro .qodef-woo-product-list ul.products.columns-3>.product{
        width: 25%;
    }
}

@media screen and (max-width:1024px){
    #hamburger{
        display: block;
        background-color: transparent;
        top: 25px;
    }
    #hamburger:before, #hamburger:after, #hamburger span{
        display: none;
    }
    .qodef-woo-side-area-cart{
        margin-right: 25px;
    }
}


@media screen and (max-width:767px){
    .testominal-home h2, .gallery-block h2,
    .qodef-h2, h2{
        font-size: 22px;
    }
    .block-content .box-description{
        padding-left: 0;
        padding-right: 0;
    }
    .single-cart a.single_add_to_cart_button{
        margin-top: 20px;
        width: 100%;
        text-align: center;
    }
    #qodef-woo-page .quantity{
        margin: auto;
    }
    .single-cart a.added_to_car{
        max-width: 100%;
    }
    #qodef-woo-page .qodef-woo-product-title, .qodef-woo-shortcode .qodef-woo-product-title{
        text-align: center;
        margin-bottom: 20px;
        letter-spacing: 3px;
    }
     #qodef-woo-page .qodef-woo-product-title, .qodef-woo-shortcode .qodef-woo-product-title{
        text-align: center;
        margin-bottom: 20px;
        letter-spacing: 3px;
    }
     .qodef-woo-thumbnails-wrapper{
        margin-top: 7px;
     }
    .qodef-woo-thumbnails-wrapper .slick-slide{
        padding: 7px;
       
    }
    .qodef-woo-thumbnails-wrapper .slick-slide > div{
         margin-bottom: 7px;
    }
    .contact-block .block-form{
        padding: 60px 15px !important;
    }
    .block-form h2{
        letter-spacing: 2px;
    }
    .contact-block .block-form{
        margin-right: 0;
    }
    h2{
        letter-spacing: 0 !important;
    }
    .qodef-content-grid{
        width: 100% !important;
        padding: 30px 15px !important;
    }
    body.single .woocommerce .products ul, .woocommerce ul.products{
        margin: 0 -15px !important;
        display: block;
    }
    body.single .qodef-woo-product-list ul.products.columns-4>.product{
        width: 50% !important;
    }
}
@media only screen and (max-width: 480px) {
    .main-product{
        width: 100%;
    }
    #qodef-page-sidebar{
        padding: 0 15px;
    }
    .qodef-woo-product-list .qodef-woo-product-image{
        min-height: unset;
    }
    .qodef-woo-product-list .qodef-woo-product-content{
        margin-top: 15px;
    }
    body.archive #qodef-page-inner{
        padding-top: 0;
    }
    .qodef-woo-results{
        padding-left: 17px; 
    }
}
@media only screen and (max-width: 375px) {
    .group-cart-vid button.variable{
        margin-top: 15px !important;
    }
    .add-to-cart-pro{
        justify-content: center;
    }
    
}
/* --- CSS SỬA LỖI RADIO BUTTON XUỐNG DÒNG --- */

/* 1. Đoạn này giữ nguyên để đưa mỗi lựa chọn (Option 1, Option 2,...) xuống dòng */
.wpcf7-form .wpcf7-radio .wpcf7-list-item {
  display: block;
  margin-left: 0;
  margin-bottom: 10px; /* Thêm khoảng cách giữa các lựa chọn */
}

/* 2. Đoạn MỚI: Dùng Flexbox để đưa nút radio và chữ nằm CÙNG HÀNG */
.wpcf7-form .wpcf7-radio .wpcf7-list-item label {
  display: flex;        /* Sắp xếp các phần tử bên trong theo chiều ngang */
  align-items: center;  /* Căn giữa nút radio và chữ theo chiều dọc cho đẹp */
  cursor: pointer;      /* Biến con trỏ thành hình bàn tay khi di chuột vào */
}

/* 3. Đoạn MỚI (Tùy chọn): Thêm một chút khoảng cách giữa nút radio và chữ */
.wpcf7-form .wpcf7-radio .wpcf7-list-item input[type="radio"] {
    margin-right: 8px;
}