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

body{
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
}



.brand-module {
    padding-bottom: 80px;
    padding-top: 70px;
    margin-bottom: 30px;
    background: url(resources/images/uq6NHP.webp) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}
.no-gutters.size-5{
    position: relative;
    z-index: 2;
}
.brand-module:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 51%);
    z-index: 1;
}

.brand-module .element {
    position: relative;
    transition: width .3s;
    overflow: hidden
}

.brand-module .element:hover img,
.brand-module .element.selected img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}
.blog-sidebar.sticky-top{
    top: 63px;
    z-index: 9;
}
.header_middle .logo{
   height: 97px;
    background: #fff;
    position: absolute;
    top: -35px;
    border: 5px solid #e53631;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 0px 2px 2px 1px #fff;
}
.brand-module .item__sub{
    font-size: 35px !important;
}
.brand-module .item__title{
    color: #ddd !important;
}
.product_info_content img{
    height: auto !important;
}
@media(min-width:992px) {
    .brand-module .element {
        border-left: 2px solid transparent;
        border-right: 2px solid transparent
    }

    .brand-module .element:first-of-type {
        border-left: 0
    }

    .brand-module .element:last-of-type {
        border-right: 0
    }

}

.brand-module picture {
    display: block
}

@media(max-width:991.98px) {
    .brand-module picture {
        display: block;
        width: 100%;
        aspect-ratio: 2/1;
        transition: padding-bottom .3s
    }

    .brand-module picture img {
        width: 100%;
        height: 100%
    }

}

.brand-module picture img {
    width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media(min-width:992px) {
    .brand-module picture img {
        -o-object-position: left;
        object-position: left
    }

}

.brand-module .overlay {
    background: rgb(245 245 245 / 50%);
    display: table;
    width: 100%;
    height: 100%
}

.brand-module .content-wrapper {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    height: 100%
}

.brand-module .content-wrapper svg {
    width: auto
}

@media(min-width:992px) {
    .brand-module .content-wrapper svg {
        width: 45%
    }

}

@media(min-width:1200px) {
    .brand-module .content-wrapper svg {
        width: auto
    }

}

.brand-module .content {
    display: none;
    margin-left: auto;
    margin-right: auto;
    width: 295px
}

@media(min-width:992px) {
    .brand-module .content {
        width: 249px
    }

}

.brand-module .content p {
    font-family: "ZF Prometo", Verdana, sans-serif;
    font-weight: 400;
    color: #000;
    padding-top: 20px
}

@media(min-width:992px) {
    .brand-module .content p {
        padding-top: 40px
    }

}

.brand-module .content a {
    margin-top: 30px
}

@media(min-width:992px) {
    .brand-module .content a {
        margin-top: 40px
    }

}

.brand-module .content a,
.brand-module .content p {
    opacity: 0;
    transform: translateY(50%);
    transition: all .3s
}

.brand-module .content.animate a,
.brand-module .content.animate p {
    opacity: 1;
    transform: translateY(0)
}

@media(max-width:991.98px) {
    /*.brand-module .selected picture {
        padding-bottom: 100% !important
    }*/

}

.brand-module .size-1 .element,
.brand-module .size-2 .element,
.brand-module .size-3 .element,
.brand-module .size-4 .element,
.brand-module .size-5 .element {
    width: 100%
}

.brand-module .size-1 img,
.brand-module .size-2 img,
.brand-module .size-3 img,
.brand-module .size-4 img,
.brand-module .size-5 img {
    height: 690px
}

@media(max-width:991.98px) {
    .brand-module .size-2 .element,
    .brand-module .size-3 .element,
    .brand-module .size-4 .element,
    .brand-module .size-5 .element {
        margin-bottom: 4px
    }

}

.brand-module .size-1 picture {
    display: block;
    width: 100%;
    aspect-ratio: 2/1
}

.brand-module .size-1 picture img {
    width: 100%;
    height: 100%
}

@media(min-width:992px) {
    .brand-module .size-2 .element {
        width: 50%
    }

}

@media(min-width:992px) {
    .brand-module .size-2 img {
        height: 555px
    }

}

.brand-module .size-2.hovered .element {
    width: 33.333333%
}

.brand-module .size-2.hovered .element.selected {
    width: 66.666666%
}

@media(min-width:992px) {
    .brand-module .size-3 .element {
        width: 33.333333%
    }

}

@media(min-width:992px) {
    .brand-module .size-3 img {
        height: 555px
    }

}

.brand-module .size-3.hovered .element {
    width: 25%
}

.brand-module .size-3.hovered .element.selected {
    width: 50%
}

@media(min-width:992px) {
    .brand-module .size-4 .element {
        width: 25%
    }

}

@media(min-width:992px) {
    .brand-module .size-4 img {
        height: 555px
    }

}

.brand-module .size-4.hovered .element {
    width: 22.5%
}

.brand-module .size-4.hovered .element.selected {
    width: 32.5%
}

@media(min-width:992px) {
    .brand-module .size-5 .element {
        width:16.66666%
    }

}

@media(min-width:992px) {
    .brand-module .size-5 img {
        height: 555px
    }

}

.brand-module .size-5.hovered .element {
    width: 14%
}

.brand-module .size-5.hovered .element.selected {
    width: 28%
}

.brand-module .mobile-plus {
    margin-top: 20px;
    opacity: .9;
    display: block
}

@media(min-width:992px) {
    .brand-module .mobile-plus {
        display: none
    }

}

.brand-module .mobile-plus span {
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, .8);
    margin: auto;
    border-radius: 50%;
    color: #e53631;
    font-size: 25px;
    padding-bottom: 4px
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .brand-module picture img {
        background-position-x: left !important;
        -webkit-filter: unset;
        filter: unset
    }

}

@media (min-width:1200px) {
    .brand-module .content-wrapper svg {
        width: auto;
    }

}

@media (min-width:992px) {
    .brand-module .content-wrapper svg {
        width: 45%;
    }

}

.brand-module .content-wrapper svg {
    width: auto;
}

.svg--fill-white,
.button.button-secondary.white svg,
.main-content a.button.button-secondary.white svg,
.svg--fill-white svg,
.button.button-secondary.white svg svg,
.main-content a.button.button-secondary.white svg svg {
    fill: #fff;
}

.overlay {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.brand-module .size-5.hovered .element.selected {
    width: 28%;
}

.brand-module .content a, .brand-module .content p {
    opacity: 0;
    transform: translateY(50%);
    transition: all .3s;
    font-size: 15px;
    line-height: 22px;
}
.banner_style3 .banner_thumb a img{
    width: 100%;
    height: auto;
}
.video-block{
/*    background: #c5c9ca;*/
    padding:  30px 30px 15px 30px;
    margin: 0 0 20px;
}
.video-block__gr__caption{
   
    padding: 20px;
    color: #fff;
    text-align: center;
}
.video-block__gr__caption p{
    font-size: 15px;
    margin-bottom: 20px;
}
.video-block__gr__caption h4{
/*   max-width: 250px;*/
    

}
.video-block__gr__caption h4 a{
    font-size: 25px;
    line-height: 1.2;
    color: #3535a7;
}
.video-block__gr__caption h4 a:hover{
    color: #e53631;
}
.video-block__gr__caption .view-more{
    margin-top: 15px;
}
.video-block__gr__caption .view-more a{
    background-color: #fff;
    color: #041566;
    padding: 7px 15px;
}
.video-block__gr__img span{
    width: 75px;
    height: 75px;
    top: 35%;
    z-index: 2;
}
.title-blog{
    background: #404040;
}
.title-blog .title_content{
    background: transparent;
    color: #fff;
    padding: 10px 10px 0;
}
.title-blog.title_style2:before{
    display: none !important;
}
/*.blog-slider .owl-nav{
    background: transparent;
}
.blog-slider .owl-nav i{
    background: #ccc;
    padding: 6px;
    margin: 0 4px;
    color: #fff;
}
.blog-slide .owl-nav{
    right:  36px;
}*/
.article-blog__caption .time-post i{
    margin-right: 5px;
}
.article-blog__caption h4{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.article-blog__caption h4 a{
    font-weight: 700;
}
.article-blog__caption .view-more a{
    color: #e53631;
}
.blog-home{
    margin: 30px 0;
    background: #fff;
    padding: 20px 0;
}
.home_section_bg{
    padding-bottom: 1px;
}
.footer-map iframe{
    height: 250px;
}
.box-info{
    padding: 0 100px;
     -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
}
.box-info__gr{
    background: #191a1c;
    min-height: 115px;
    line-height: 22px;
    padding: 23px 30px
}
.box-info__gr a{
    color: #fff;
}
.box-info__gr a span.content{
    width: 85%;
    display: inline-block;
}
.box-info__gr a span.icon{
    background: rgba(255, 255, 255, .05);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 10px;
    padding: 22px;
}
.box-info__gr a span.content{
    font-size: 15px;
}
.box-info__gr a span.icon i{
    font-size: 20px;
    color: #fff;
}
.box-info__gr--center{
    background: #e53631;
    margin:  0 -30px;
}
.button, .main-content a.button {
    font-weight: 400;
    color: #fff;
    background-color: #e53631;
    border-radius: 35px;
    border: 0;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    line-height: 24px;
    padding: 13px 30px 15px;
    text-align: center;
    transition: all .25s ease-out;
    height: auto;
    text-transform: none;
}

.button:focus:not(:focus-visible), .button:hover, .main-content a.button:focus:not(:focus-visible), .main-content a.button:hover {
    color: #fff;
    background-color: #3535a7;
    outline: 0;
}
.content-wrapper img.logo{
    width: 100px;
    height: auto !important;
}
.intro-brand__img img{
    width: 100%;
    height: auto;
}
.intro-brand__img a:after{
    content: '';
    position: absolute;
    background: rgb(0 0 0 / 34%);
    top:  0;
    left: 0;
    width: 100%;
    height: 100%;
}
.intro-brand__img a span.icon{
    z-index: 9;
}
.advantage-group{
    padding: 30px 40px 40px 40px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 37%);
    border-radius: 10px 10px 10px 10px;
    height: 100%;
    margin-bottom: 15px;
}
.advantage-group__icon{
    margin-bottom: 20px;
}
.advantage-group__icon i{
    color: #e53631;
    webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    font-size: 40px;
}
.advantage-group__des{
    color: #676767;
    font-size: 18px;
    text-align: center;
}
.advantage-group:hover i{
    transform: rotate(360deg);
}
.brand-info{
    margin:  50px 0 20px 0;
}
.group-contact h4{
    font-size: 25px;
    margin-bottom: 25px;
}
#contact_form i{
    position: absolute;
    right: 15px;
    top:  18px;
    color: #e53631;
    font-size: 18px;
}
#contact_form .form-group{
    margin-bottom: 15px;
}
#contact_form .form-group input,#contact_form .form-group textarea{
    padding: 15px 20px 13px 22px;
    color: #595959;
}
#contact_form .form-group textarea{
    height: 200px;
}
#contact_form .form-group input:focus,
#contact_form .form-group textarea:focus,
#form_order .form-group input:focus,
#form_order .form-group textarea:focus{
    outline: none;
    border-color:  #e53631;
    box-shadow: none;
}
#contact_form button{
    padding: 14px 35px 14px 35px;
    margin: 3px 0px 0px 0px;
    color: #FFFFFF;
    background-color: #e53631;
    font-size: 16px;
    font-weight: 700;
}
#contact_form button:hover{
    background: #000;
}


#accordian {
    color: #fff;
    background: #fff;
}

#accordian h3 {
    background: #fff;
    color: #000;
    font-size: 22px;
    margin-bottom: 0;
    position: relative;
    padding-bottom: 0;
}

#accordian h3 a {
    padding: 0 10px;
    font-size: 17px;
    line-height: 34px;
    display: block;
    color: #000;
    font-weight: 400;
    text-decoration: none;
}
#accordian h3 a.arrow{
    width: 20px;
    height: 20px;
}

#accordian h3 a:hover,
#accordian li.active h3  a,
#accordian ul li ul li.active > a,
#accordian li.current h3  a,
#accordian ul li ul li.current > a,
#accordian ul li ul li ul li.current a {
    color: #e53631
}

#accordian h3:hover {
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}

#accordian i {
    margin-right: 10px;
}

#accordian li {
    list-style-type: none;
    position: relative;
    padding-top: 0;
}

#accordian li span {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    z-index: 9;
}

#accordian ul ul li a,
#accordian h4 {
    color: #000;
    text-decoration: none;
    font-size: 15px;
    line-height: 27px;
    display: block;
    padding: 5px 17px;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    position: relative;
}

#accordian ul ul li a:not(.arrow):hover {
    border-left: 5px solid #e53631;
}

#accordian ul ul {
    display: none;
}

#accordian li.active>ul {
    display: block;
}

#accordian ul ul ul {
    margin-left: 15px;
    border-left: 1px dotted #e53631;
}

#accordian li a.arrow:after,
.side-bar__category li a.arrows:after {
    content: "\f0da ";
    font-family: fontawesome;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 17px;
}

#accordian li ul li a.arrow:after {
    right: 29px;
}

#accordian li.active a.arrow:after {
    content: "\f0d7 ";
}

#accordian li.active li a.arrow:after {
    content: "\f0da ";
}

#accordian li.active li.active a.arrow:after {
    content: "\f0d7 ";
}
#accordian .widget_title{
    margin-bottom: 2px;
}
body.single .blog_sidebar_widget{
    padding: 15px;
}
#accordian .widget_title h3{
    padding-bottom: 10px;
}
.wiget-brand .widget_title{
    background: #e53631;
    color: #fff;
}
.wiget-brand .widget_title{
   padding: 10px ;
}
.wiget-brand .widget_title h3{
    padding-bottom: 0;
    border-bottom: none;
    font-size: 22px;
}
.widget-brand__gr a img{
    max-width: 100%;
    height: auto;
    max-height: 90px;
}
.widget-brand__gr .brand-logo{
    height: 100px;
    margin-bottom: 15px;
    padding: 5px;

}
.box-contact{
    box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 10%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 65px 65px 27px 65px
}
.blog_page_contact .box-info-contact{
    background-color: #33383E;
    
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 85px 37px 0px 47px;
    position: relative;
}
.blog_page_contact .box-info-contact:after{
    content: '';
    background-image: url(resources//images/contact-us-info-bg.png);
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-size: contain;
}
.box-info__item{
    margin-bottom: 20px;
    color: #fff;
}
.box-info__item .icon{
    background-color: #e53631;
    margin-right: 31px;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    padding: 25px;
}
.box-info__item .icon i{
    font-size: 25px;
    color: #fff;
}
.box-info__item .content b{
    font-size: 18px;
}
.box-info__item .phone{
    background: #ff3333;
}
.box-info__item .email{
    background: #235789;
}
.box-info__item ul{
    text-align: center;
}
.box-info__item ul li{
    display: inline-block;
}
.box-info__item ul li{
    font-size: 20px;
    margin:  0 10px;
    border-radius: 5px;
}
.box-info__item ul li a{
    width: 40px;
    height: 40px;
    border-radius: 5px;
}
.box-info__item ul li a:hover{
    color: #fff;
}
.box-info__item ul li a i{
    border-radius: 100%;
}
.box-info__item ul li:first-child{
    background: #3b5998;
}
.box-info__item ul li:last-child{
    background: #0077b5;
}
.about-us {
    padding: 50px 0;
}
.about-us__sub{
    color: #e53631;
    font-size: 17px;
    font-weight: 500;
    line-height: 27px;
    margin-bottom: 9px;
    text-align: left
}
.about-us__sub span{
    position: relative;
}
.about-us__sub span:after{
    background: #e53631;
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    width: 25px;
    height: 2px;
    right:  -35px;
}
.about-us__title{
    color: #333333;
    font-size: 44px;
    line-height: 55px;
    margin-bottom: 15px;
    text-align: left;
} 
.about-us__img{
    max-width: 500px;
    margin:  auto;
}
.about-over{
    background-color: #252628;
    background-position: center center;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 93px 30px 306px 30px;
}
.about-over__gr{
    margin-bottom: 15px;
}
.about-over__gr__icon{
    height: 60px;
    width: 60px;
    margin-right: 25px;
} 
.about-over__gr__icon i{
    color: #e53631;
    font-size: 60px;
}
.about-over__gr__content{
    padding-top:  10px;
}
.about-over__gr__content .number{
    font-size: 50px;
    margin-top: 0px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 700;
} 
.about-over__gr__content .description{
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 0px;
    color: #fff;
}
.wrap-intro{
    margin-top: -251px;
    margin-bottom: 100px
}
.wrap-intro .intro-box{
    background-color: #ffffff;
    margin-bottom: 20px;
    padding: 66px 75px 30px 73px;
}
.wrap-intro .intro-box h2{
    color: #333333;
    font-size: 52px;
    line-height: 63px;
    text-shadow: 0px 0px 0px rgb(0 0 0 / 30%);
    margin-bottom: 15px;
    text-align: left;
    font-weight: 700;
}
.wrap-intro__des{
    font-size: 29px;
    line-height: 40px;
    color: #333333
}
.wrap-intro__content{
    line-height: 30px;
}
.wrap-intro__content .elementor-drop-cap{
    color: #e53631;
    border-color: #e53631;
    margin-right: 17px;
    padding: 0px;
    border-radius: 0%;
    border-width: 5px 5px 5px 5px;
    border: 3px solid;
    background-color: transparent;
    float: left;
    text-align: center;
    line-height: 1;
    font-size: 50px;
    padding:  10px;


}
.wrap-intro__content .elementor-drop-cap .elementor-drop-cap-letter{
    font-size: 70px;
    font-weight: 900;
    width: 1em;
    height: 1em;
}
.wrap-vision{
    background-color: #343A40;
    background-position: center center;
    background-repeat: no-repeat;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 48px;
    margin-bottom: 0px;
    padding: 30px 30px 100px 30px;
    position:  relative;
    background-size: cover;
}
.wrap-vision h2{
    color: #FFFFFF;
    font-size: 52px;
    line-height: 1.5em;
    font-weight: 700;

}
.wrap-vision__gr{
    margin-bottom: 15px;
}
.wrap-vision__gr .icon{
    background-color: #e53631;
    color: #FFFFFF;
    font-size: 50px;
    display: inline-block;
    padding: 0.5em;
}
.wrap-vision__gr__caption h5{
    font-size: 29px;
    line-height: 40px;
    color: #fff;
    margin: 20px 0;
}
.wrap-vision__gr__caption p{
    margin-bottom: 15px;
    color: #fff;
    font-size: 16px;
}
.wrap-why{
    padding: 50px 30px;
}
.wrap-why h2{
    font-size: 52px;
    color: #333333;
    line-height: 50px;
    font-weight: 700;
    margin-bottom: 50px;
}
.why-group{
    margin-bottom: 15px;
}
.why-group__img{
    margin-bottom: 20px;
    background-color: #e53631;
    border-radius: 100%;
    width: 122px;
    height: 122px;
    margin:  auto;
}
.why-group__img img{
    width: 50px;
    height: auto;
}
.why-group__caption{

}
.why-group__caption h5{
    font-size: 20px;
    margin-bottom: 6px;
    color: #333333;
    line-height: 40px;
    font-weight: 700;
}
.why-group__caption p{
        font-size: 15px;
    line-height: 1.6em;
    letter-spacing: -0.7px;
}
.wrap-feedbacks{
    background-color: #F3F3F3;
    padding: 100px 0px 80px 0px
}
.wrap-feedbacks__title{
    padding: 15px 0px 39px 0px;
    background-image: url(resources/images/slider1-art3.png);
    background-position: top center;
    background-repeat: no-repeat;
}
.wrap-feedbacks__title span{
    color: #e53631;
    font-size: 17px;
    font-weight: 500;
    line-height: 27px;
    margin-bottom: 9px;
    text-align: center;
    position: relative;
}
.wrap-feedbacks__title span:before{
   content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    width: 25px;
    height: 2px;
    background: #e53631;
    left:  -40px;
}
.wrap-feedbacks__title span:after{
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    width: 25px;
    height: 2px;
    background: #e53631;
    right:  -40px;
}
.wrap-feedbacks__title h2{
    color: #333333;
    font-size: 48px;
    line-height: 55px;
    margin-bottom: 16px;
    text-align: center;
}
.group-team{
    margin-bottom: 20px;
    padding: 20px 20px 20px 20px;
}
.group-team__avatar{
    width: 30%;
    height: 150px;
    padding: 20px 20px 20px 20px;
    border-radius: 100%
}
.group-team__avatar img{
    border-radius: 100%;
    width: 150px;
    height: 150px;
    object-fit: cover;
}
.group-team__info{
    width: calc(100% - 30%);
    padding: 1px 1px 1px 17px;
}
.group-team__info .team-name{
    font-size: 24px;
    line-height: 0.9em;
    color: #000000;
    margin-bottom: 0px;
}
.group-team__info .team-info{
    font-size: 16px;
    font-weight: 500;
    line-height: 2em;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 4px;
}
.group-team__info .team-des{
    font-size: 12px;
    line-height: 1.6em;
    color: #000000;
    margin-bottom: 0px;
}
.main-page__order button:not(.close), .main-page__order button:not(.close):focus{
    margin: auto;
    background:#e53631;
    border-color: #e53631;
    outline: none;
}
.main-page__order button:not(.close):hover{
    background: #e53631;
    border-color: #e53631;
    outline: none;
}
.main-page__order .modal-header{
    background: #e53631;
}
.main-page__order h5{
    font-weight: bold;
    text-align: center;
    color: #fff;
    width: 100%;
    font-size: 16px;
}
.main-page__order button.close{
    position: absolute;
    right: -7px;
    top: -10px;
    width: 35px !important;
    height: 35px;
    background: #e53631;
    opacity: 1;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    min-width: 35px;
    left: auto;
}

.swal2-popup .swal2-styled.swal2-confirm{
    background-color: #e53631 !important;
}
.form-group{
    margin-bottom: 15px;
}
.header_middle .logo a img{
    max-height: 120px;
}
.header-company h1{
    font-size: 30px;
    margin-bottom: 0;
}
.menu-top ul li{
    display: inline-block;
    padding: 0 7px;
    position: relative;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
}
.menu-top ul li:after{
    content: '';
    position: absolute;
    right: -2px;
    top: 5px;
    width: 1px;
    height: 15px;
    border-right: 1px solid #fff;

}
.menu-top ul li:last-child:after{
    border:  none;
}
.menu-top ul li a:hover{
    color: #000;
}
.side-nav {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 10
}

.side-nav>ul {
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: row;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    background-color: #e53631
}

.side-nav>ul li {
    border-color: rgba(0, 0, 0, .05);
    border-style: solid;
    border-width: 0 2px 0 0;
    flex-grow: 1;
    flex-basis: 0
}

.side-nav>ul li:last-child {
    border-width: 0
}

.side-nav>ul li a {
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    padding: 11px;
    display: block
}

.side-nav>ul li .icon {
    display: block;
    width: 100%;
    height: 24px;
    text-align: center;
    margin: 0 0 5px 0
}

.side-nav>ul li svg {
    vertical-align: middle;
    fill: #fff;
    max-width: 24px;
    max-height: 24px
}

.side-nav>ul li .svg--aspect-1-1 {
    width: 24px;
    height: 24px
}

.side-nav>ul li .svg--aspect-5-4 {
    width: 24px;
    height: 19px
}

.side-nav>ul li .svg--aspect-13-15 {
    width: 21px;
    height: 24px
}
.side-nav>ul li i{
    font-size: 25px;
}
/*.sidenavi-contact span.icon img{
    border-radius: 100%;
}*/
.title-product h2{
    margin-bottom: 0;
    padding-bottom: 7px;
    position: relative;
    font-family: inherit;
}
.title-product h2:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 80%;
    border-bottom: 2px solid #3535a7;
}
.title_style2::before{
    display: none;
}
.advantage-brand{
    margin-top: 80px;
}
.brand-mobile{
    margin-bottom: 28px;
    padding-bottom: 80px;
    padding-top: 70px;
    background: url(resources/images/uq6NHP.webp) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}
.brand_carousel .item-brand{
    min-height: 250px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.brand_carousel .item-brand:after{
    content: '';
    position: absolute;
    top:  0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(245 245 245 / 50%);
    z-index: 1;
}
.brand_carousel .item-brand a{
    position: relative;
    z-index: 2;
}
.brand_carousel .item-brand img.logo{
    max-height: 100px;
}
.headline{
    position: relative;
    z-index: 2;
    margin-bottom: 50px;
}
.headline:before,
.headline:after{
    content: "";
    display: flex;
    flex-grow: 1;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjJweCIgdmlld0JveD0iMCAwIDEwIDMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+DQogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0NS4yICg0MzUxNCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+DQogICAgPHRpdGxlPnBhdHRlcm4tZG90c0AxeDwvdGl0bGU+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+PC9kZWZzPg0KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0icGF0dGVybi1kb3RzIiBmaWxsPSJ3aGl0ZSI+DQogICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBjeD0iNSIgY3k9IjEuNSIgcj0iMS41Ij48L2NpcmNsZT4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==);
    background-position: center;
    background-repeat: repeat-x;
    min-width: 26px;
}
.headline span {
    margin: 0 12px;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
}
/*body.tax-brand .title-product h2{
    padding: 12px;
}*/
.menu_position ul{
    text-align: center;
}   
.introduce__box {
    margin-left: auto;
    text-align: center;
}
.introduce__box .item__title,
.brand-module .item__title {
    font-size: 55px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    line-height: normal;
    color: rgba(0, 0, 0, 0.23);
}
.introduce__box .item__sub,
.brand-module .item__sub{
    margin-top: -50px;
    display: block;
    font-weight: bold;
    font-size: 30px;
    line-height: normal;
    color: #000000;
}
.btn__primary {
    color: #fff !important;
    background-color: #3535a7;
    border-color: #3535a7;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-weight: 600;
}
.btn__primary:hover {
    color: #000 !important;
    background-image: linear-gradient(to bottom right, #3535a7 , #fff , #3535a7);
    border-color: #000;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.product_content__order{
    background: #e53631;
    padding:0 5px;
    border-radius: 5px;
    color: #fff !important;
    font-size: 12px;
}
.product_content__order:hover{
    background: #3535a7;
}
.menu-top ul a{
    font-size: 14px;
}
.h_middle_three .call_support *{
    color: #fff;
}
.blog_page_map iframe{
    height: 385px !important;
}
.video-block__gr__img a{
    border-radius: 10px;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden;
}
.video-block__gr__img a:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0/30%)
}
.video-block__gr__img a > img{
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.brand-module h2{
    position: relative;
    z-index: 9;
}

.search-result{
    position: absolute;
    left: 0;
    background: #fff;
    width: calc(100% - 128px);
    z-index: 9;
    top: 108%;
}
.search-result ul{
      max-height: 378px;
    overflow-y: auto;
}
.search-result ul li{
    border-bottom: 1px solid #54545447;
    padding: 10px;
    cursor: pointer;
}
.group-product__info h4{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-transform: capitalize;
}
.group-product__info h4 a{
    font-weight: 500;
}
.group-product__info h4 a:hover{
    color: #000;
}
.search-result ul::-webkit-scrollbar {
    width: 10px;
    background-color: #545454;
    position: absolute;
    right: 15px;
    top:  100%;
}

.search-result ul::-webkit-scrollbar-thumb {
    background-color: #e53631;
}

.search-result ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}
.group-product__logo{
    width: 14%;
}
.group-product__logo img{
    height: 75px !important;
    object-fit: cover;
}
.group-product__info{
    width: 86%;
    padding:  0 10px;
}
.frm-search--sm {
    position: absolute;
    left: -23px;
    top: -17px;
    width: calc(100% - 40px);
}
.frm-search--sm button{
    min-width: auto;
}
.frm-search--sm .search_box{
    margin-bottom: 0;
}
.frm-search--sm .search_box input{
    color: #fff;
}

.frm-search--sm input::placeholder {
  color: #fff;
}

.frm-search--sm input::-ms-input-placeholder { /* Edge 12 -18 */
  color: #fff;
}
.search-result--sm{
    width: 100% !important;
}
.frm-search--sm .price_box{
    text-align: left !important;
}
/*.side-bar__category ul {
    border: 1px solid #eee;
    border-top: none;
    background-color: #fff;
}*/

.side-bar__category > ul > li {
    padding: 10px !important;
    border-bottom: 1px solid #eee;
    position: relative;
}
.side-bar__category > ul ul li{
    border-bottom: 1px solid #eee;
}
.side-bar__category > ul ul li{
    text-transform: capitalize;
}

.side-bar__category ul li span {
    position: absolute;
    top: 12px !important;
    right: 18px !important;
}

.side-bar__category ul li span i {
    font-size: 18px;
}

.side-bar__category ul li a {
    color: #000;
    font-size: 16px;
    display: block;
}

.side-bar__category ul li a:hover,
.side-bar__category ul li.actives a {
    color: #e53631 !important;
}

.side-bar__category ul ul.child-menu {
    display: none;
    position: absolute;
    width: 250px;
    left: 100%;
    top: 0;
    z-index: 99;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 5px 2px 12px 0px rgba(50, 50, 50, 0.4);
    -webkit-box-shadow: 5px 2px 12px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 5px 2px 12px 0px rgba(50, 50, 50, 0.4);
}

.side-bar__category ul > li:hover > ul.child-menu,
.side-bar__category ul ul li:hover ul.child-menu {
    display: block !important;
}
.side-bar__category > ul > li:last-child{
    border-bottom: none;
}

@media(min-width:1200px) {
    .side-nav {
        bottom: auto;
        top: 30%;
        width: auto;
        right: -500px
    }

    .side-nav ul {
        background-color: transparent;
        box-shadow: none;
        display: block;
        position: relative;
        right: calc(554px - 100%);
        transition: all .3s 0s ease;
        width: 100%
    }

    .side-nav ul li {
        background-color: #e53631;
        border-width: 0;
        position: relative;
        right: 0;
        transition: all .3s 0s ease;
        width: 100%
    }

    .side-nav ul li::after {
        border-bottom: 1px dotted #fff;
        bottom: 0;
        content: '.5';
        height: 1px;
        left: 0;
        margin-left: 0;
        position: absolute;
        transition: all .3s 0s ease;
        width: 54px
    }

    .side-nav ul li:last-child {
        border-width: 0
    }

    .side-nav ul li:last-child::after {
        display: none
    }

    .side-nav ul li a {
        color: #fff;
        align-items: center;
        display: flex;
        font-size: 16px;
        padding: 10px 10px 10px 0;
        text-align: left
    }

    .side-nav ul li .icon {
        flex-shrink: 0;
        width: 54px;
        height: auto;
        margin: 0;
        padding: 2px 0
    }

    .side-nav ul li svg {
        max-width: none;
        max-height: none
    }

    .side-nav ul li .svg--aspect-1-1 {
        width: 30px;
        height: 30px
    }

    .side-nav ul li .svg--aspect-5-4 {
        width: 30px;
        height: 24px;
        margin: 3px 0
    }

    .side-nav ul li .svg--aspect-13-15 {
        width: 26px;
        height: 30px
    }

    html:not(.scrolled) .side-nav ul {
        right: 500px
    }

    html:not(.scrolled) .side-nav ul li:after {
        width: 100%
    }

    html.scrolled .side-nav ul li:hover {
        right: calc(100% - 54px)
    }

    html.scrolled .side-nav ul li:hover:after {
        margin-left: calc(100% - 54px)
    }
}


@media only screen and (min-width: 768px){
    .blog_page_contact .col-md-8{
        padding-right: 0;
    }
    .blog_page_contact .col-md-4{
        padding-left: 0;
        padding-right: 0;
    }
}
@media only screen and (max-width: 767px){
    body{
        overflow-x: hidden;
    }
    /*.headline span {
        font-size: 16px;
    }*/
    body.tax-brand .title-product h2:after{
        border-top: 44px solid transparent !important
    }
   /* .title-product h2:after{
        top:  0;
    }*/
    body.search .title-product h2{
        padding: 20px;
    }
    .box-info__gr{
        padding: 23px 15px;
    }
    .video-block{
        padding: 30px 0;
    }
    .header_middle .logo{
        height: 60px;
        top: -14px;
    }
    .call_support{
        left: 0 !important;
    }
    .group-product{
        display: block !important;
    }
    .group-product__info h4 a{
        font-size: 13px;
    }
    .group-product__info .price_box span{
        font-size: 11px;
    }
    .group-product__info .price_box span.current_price{
        font-size: 12px;
    }
    .group-product__logo{
        display: none;
    }
    .group-product__info{
        padding: 0;
        width: 100%;
    }
    .search-result ul li{
        padding: 5px;
    }
    .group-product__info h4{
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 375px){
    .headline span {
        font-size: 14px;
    }

@media only screen and (max-width: 320px){
    .call_support.position-absolute p{
        font-size: 11px;
    }

}