/*
 * 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: https://nrglobal.vn
 * Textdomain: gaumap
 */

html body, html .title-bold  {
    font-family: 'Roboto', sans-serif !important;
}

img.alignright
{
    float  : right;
    margin : 0 0 1em 1em
}

img.alignleft
{
    float  : left;
    margin : 0 1em 1em 0
}

img.aligncenter
{
    display      : block;
    margin-left  : auto;
    margin-right : auto
}

a img.alignright
{
    float  : right;
    margin : 0 0 1em 1em
}

a img.alignleft
{
    float  : left;
    margin : 0 1em 1em 0
}

a img.aligncenter
{
    display      : block;
    margin-left  : auto;
    margin-right : auto
}

.row-eq-height
{
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display : flex;
}

.red
{
    color : #ff0000 !important;
}

.white
{
    color : #ffffff !important;
}

.w-100
{
    width : 100% !important;
}

.w-40
{
    width : 40% !important;
}

.w-50
{
    width : 50% !important;
}

.d-block
{
    display : block;
}

.gm-widget
{
    margin-bottom : 30px;
}

.gm-widget__header, .gm-widget__footer
{
    padding : 5px 15px;
}

.gm-widget__header
{
    /*background-color : #3b91f6;*/
    background-color : #7eb208;
}

.gm-widget__header__title
{
    font-size   : 24px;
    line-height : 40px;
    position    : relative;
    color       : #ffffff;
    margin      : 0;
    padding     : 0;
}

.gm-widget__body
{
    padding          : 15px;
    border           : solid 1px silver;
    background-color : #ffffff;
}

.gm-widget__body__list
{
    margin       : 0;
    padding-left : 15px;
    list-style   : none;
}

.gm-widget__body__list .label
{
    color       : #7eb208;
    font-weight : bold;
}

.gm-widget__body__list li
{
    margin-bottom : 15px;
}

.gm-widget__body__list li:last-child
{
    margin-bottom : 0;
}

.gm-widget__footer
{

}

html #testimonials {
    min-height: 300px;
    background: url(../wp-content/themes/nrglobal/resources/assets/images/home/bg_testimonial.jpg) center no-repeat;
}

body.single {
    padding-top: 0 !important;
}

html .heading-page {
    min-height: 250px;
    background-position: center;
    background-color: #333;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
}

html .heading-page:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    content: "";
}

html .heading-page .heading-page-content {
    position: relative;
    z-index: 111;
}

.logo-main {
    max-width: 210px;
    max-height: 65px;
}
.header-bottom{
    background-color: #781515   ;
}
html .header-bottom .header-bottom-content {
    z-index: 9999 !important;
}

html .menu > ul > li > a {
    color: #fff;
    font-family: 'Roboto', sans-serif !important;
}

html #contact_form .error {
    padding: 3px 0;
    font-style: italic;
    color: #ff0000;
    font-size: 14px;
    background: none;
}

html .menu ul li.active a:after {
    max-width: 100%;
}
.header-top__box ul li{
    display: inline-block;
    padding: 0 10px;
}
.header-top__box ul li:first-child{
    padding-left: 0;
}
.header-top__box ul li:last-child{
    padding-right: 0;
}
.header-top__box .contact-about a{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: #333333;
    text-align: center;
    padding:  12px 24px;
}
.header-top__box ul li.frm-search form{
    background-color: #c2c3c4;
}
.header-top__box ul li.frm-search button{
    color: #333;
    opacity: 0.6;
    width: 35px;
}
.header-top__box ul li.frm-search input{
    border:  none;
    font-size: 15px;
    background-color: transparent;
    padding:  10px;
    color: #333333;
}

.tp-bgimg.defaultimg{
    position: relative !important;
}
.tp-bgimg.defaultimg:after{
    content:  '';
    position: absolute;
    top:  0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 61%);
}
.wrap-category{
    background-color: #444444;
    padding:  30px;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.group-category__caption{
    padding: 15px;
    background-color: #1b75bc;
    height: 140px;
    overflow: hidden;
}
.group-category__caption__title{
    padding-right: 20px;
    padding-left: 45px;
}
.group-category__caption__title h2{
    line-height: 22px;
    margin-bottom: 10px;
}
.group-category__caption__title a{
    font-size: 18px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif !important;
}
.group-category__caption__title h2 a{
    font-size: 22px
}
.group-category__caption__icon i {
    color: #fff;
    font-size: 20px;
}

.box-info {
    background: #333333;
    padding: 20px;
    color: #fff;
    line-height: 25px;
    font-size: 16px;
    height: 100%;
}
.title-regular a{
    color: #000;
}
.box-info .title:hover a{
    color: #fff;
}
.box-info a.read-more-regular{
    background-color: transparent;
}
.footer .footer-top{
    background-color: #781515;
}
.footer-top-content__info .img-footer{
    margin-top: -21px
}
.footer-top-content__info .contact p{
    margin-bottom: 25px;
}
.footer-top-content__info .contact p a{
    color: #f78d49;
    font-size: 20px;
}
.footer-top-content__info .contact p.phone i{
    font-size: 30px;
    margin-right: 10px;
    font-weight: 600;
}
.footer-top-content__info .contact .button-contact a{
    background-color: #f78d49;
    color: #fff;
    font-weight: 500;
    padding: 12px 24px;
    font-size: 15px;
    text-align: center;
}
.footer-top-content__info .contact .button-contact a i{
    margin-right: 10px;
}
.footer-top-content__info .copyright,
.footer-top-content__info .copyright a{
    font-size: 10px;
    color: #fff;
}
.footer-top-content__social{
    margin-top:  60px;
    margin-bottom: 20px;
}
.footer-top-content__social ul li{
    display: inline-block;
    padding:  0 15px;
}
.footer-top-content__social ul li a i{
    font-size: 25px;
    color: #fff;
}
.footer-top-content__register h5{
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 1rem;
}
#frm_reg button{
    background-color:  #f78d49;
    border-color:   #f78d49;
}
.footer-top-content__fanpage{
    padding-top: 60px;
}
#back-to-top{
    bottom: 80px !important;
}
.swal-button-container{
    display: block !important;
    text-align: center !important;
}
.swal-button{
    background-color: #781515 !important;
}
.header-bottom-mobile{
    background-color: #781515;
}
.hamburger,
#hamburger{
    background-color: #490c0c;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
    background-color: #fff;
}
.figure-hover img{
    width: 100%;
    height: auto;
}
#hamburger:before, #hamburger:after, #hamburger span{
    right: 26px !important;
}
.swal-text{
    text-align: center !important;
}
@media screen and (min-width: 768px) {
    .header-top__box ul li:last-child a{
        background-color: #7e1616;
        font-size: 20px;
        color: #fff;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (max-width: 767px) {
    .logo .logo-main {
        max-width: 150px !important;
        max-height: 63px;
    }
    .header-top__box ul li{
        padding: 0 5px;
    }
    .header-top__box .contact-about a{
        padding: 12px 15px;
    }
    .group-category__caption{
        height: auto;
        overflow: visible;
    }
    .wrap-category{
        padding: 30px 0;
    }
}