/*
 * 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: 15.2
 * Theme Author: info@nrglobal.vn
 * Author: Cristian Dev
 * Author URI: info@nrglobal.vn
 * Textdomain: nrglobal
 */

/*html{
	overflow: auto;
}*/
body{
    height: 100%;
}
.menu.call_showin .flex_row{
    align-items: center;
}

.whyus-mar-home{
    padding: 45px 0px 55px 0px;
}
.whyus-mar-home .why-title{
    margin-bottom: 30px;
}
.whyus-mar-home .why-title h2{
    color: #fff;
    font-size: 32px;
    line-height: 45px;
}
.whyus-mar-home .container{
    max-width: calc(100% - 100px);
}
.main-reason__box{
    padding: 16px 13px 26px 13px;
    border: 1px solid #FFFFFF36;
    border-radius: 20px;
    margin-bottom: 25px;
}
.main-reason__box:hover{
    border-color: #fff;
}
.main-reason__box h4{
    color: var(--reason-color-mar);
    margin-bottom: 10px;
    font-size: 16px;
}
.box-reason__caption{
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.main-reason--left .main-reason__box:nth-child(odd){
    position: relative;
    right: -60px;
}
.main-reason--right .main-reason__box:nth-child(odd){
    position: relative;
    left: 60px;
}
.main-reason__img img{
    max-height: 475px;
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.fadeInUp {
     -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}


@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

}
.d-none{
    display: none;
}
.social{
    margin-left: 0;
    display: flex;
    align-items: center;
}
.social li{
    padding: 0 3px;
}
.social li a{
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 100%;
}
.social li a:active,
.social li a:focus{
    color: #fff;
}
#page-breadcrumb a, #page-breadcrumb span{
    color: #000;
}
div.pagination ul.pagination span,
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus{
    background-color: #e78d1d !important;
    color: #fff !important;
}
.swal2-popup .swal2-styled.swal2-confirm{
    background-color: #5d0f05e6 !important;
}

.reservation {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  padding: 50px 0;
}

.reservation h1 {
  padding-top: 130px;
}

.reservation .breadcrumbs {
  padding-bottom: 50px;
}

.reservation .form.form-group {
  padding: 15px 20px;
  background: #e7e4e1;
  border-radius: 10px;
  font-family: VL-SOFIAPROSOFT-LIGHT;
}

.reservation .form-control {
  background: transparent;
  border: none;
  border-bottom: 1px solid #737373;
  background: transparent;
  padding-left: 0;
  padding-bottom: 0;
  border-radius: 0;
}

.reservation .ho-tro {
  font-size: 36px;
  padding: 45px 0 15px 0;
}

.reservation .phone {
  display: inline-flex;
  align-items: center;
  padding-bottom: 60px;
}

.reservation .phone .icon {
  width: 60px;
  padding-right: 10px;
}

.reservation .phone-number .p {
  margin-bottom: 0;
  font-size: 24px;
}

.reservation .uib-clear {
  display: none;
}
#order_form .label{
    color: #000;
}
#order_form input,
#order_form textarea{
    background: transparent;
    box-shadow: none;
}
#order_form button{
    padding: 10px 20px;
    background: #5d0f05e6;
    border-radius: 10px;
    border: none;
    margin: auto;
}
.img_{
    border-radius: 10px;
}
.product-cat{
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
}
.product-cat li{
    border-radius: 15px 15px 0 0;
    padding: 5px 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: solid 1px #fff;
    border-bottom: 0;
}
.product-cat li.active,
.product-cat li:hover{
    border: solid 1px #e78d1d;
    border-bottom: 0;
}
.product-cat li.active a,
.product-cat li:hover a{
    color: #e78d1d;
}
.product-cat li a{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    float: left;
    text-align: center;
    white-space: nowrap;
}
.language-sm{
    padding: 10px;
}
#responsive-menu .content{
    margin-bottom: 15px;
}
.main-reason--right .main-reason__box:nth-child(odd) {
    position: relative;
    left: -75px;
}
.item{
    background: transparent;
}
header:before, header:after{
    background-color: transparent;
}
.info.scroll_y a:hover{
    color: #fff !important;
}
.language .gtranslate_wrapper{
	display: flex;
}
.gtranslate_wrapper a[title="Korean"]{
	order: 1
}
.gtranslate_wrapper a[title="English"]{
	order: 2
}
.gtranslate_wrapper a[title="Vietnamese"]{
	order: 3
}
.btn-contact-bar1 {
    z-index: 999;
    display: flex;
    position: fixed;
    right: 10px;
    bottom: 150px;
    align-items: flex-end;
}
.item-contact-box {
    z-index: 999;
    transition: .25s cubic-bezier(.4, 0, .2, 1);
}
.item-contact {
    display: flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
}
.item-contact img{
    border-radius: 100%;
}
.icon-contact{
    background: #fff;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.item-contact .tada {
    width: 45px;
    height: 45px;
    margin-top: 5px;
    color: white;
    font-size: 25px;
    border: 8px solid transparent;
    -webkit-animation: tada 1s infinite ease-in-out;
    animation: tada 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@-webkit-keyframes tada {
    0% {
        transform: scaleX(1);
    }
    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate(
                -3deg
        );
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.3, 1.3, 1.3) rotate(
                3deg
        );
    }
    40%, 60%, 80% {
        transform: scale3d(1.3, 1.3, 1.3) rotate(
                -3deg
        );
    }
    100% {
        transform: scaleX(1);
    }
}
.price_pro{
    background-size: cover;
}


@media only screen and (min-width:768px) {
    .d-md-block{
        display: block !important;
    }
}

@media only screen and (max-width:767px) {
    .whyus-mar-home .why-title h2{
        font-size: 19px !important;
    }
    .main-reason__box h4{
        font-size: 17px !important;
    }
    .main-reason--left .main-reason__box:nth-child(odd), .main-reason--right .main-reason__box:nth-child(odd){
        position: static;
    }
    .col-12{
        padding: 0 15px !important;
    }
    .whyus-mar-home .container{
        max-width: 100% !important;
        width: 100% !important;
    }
    .diachi_top,
    .hotline,
    .menu {
        display: none !important;
        overflow: hidden;
    }
    .breadCrumbs{
            padding:  0 !important;
    }
    .section-slider img.img-responsive{
        min-height: auto;
    }
    #responsive-menu .content>ul>li:last-child{
        display: block !important;
    }
    .thucdon .name_td{
        font-size: 25px;
    }
}