body p {
    font-size: 14px;
    line-height: 20px;
}
body a:hover {
    text-decoration:none;
}

.fixed-buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    justify-content: space-around;
    align-items: center; 
    background-color: #fff;
   
    z-index: 1000;
    display: none;
}

.select-contact-siderbar .icon-box {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    font-size: 14px;
    padding: 5px 0;
    border-bottom: 1px dotted #e6e6e6;
}
.select-contact-siderbar a:hover {
    color:#d81b1b
}
.contact-siderbar p {
margin-bottom:0
}
.contact-siderbar ul {
	padding-left: 20px;
}
.contact-siderbar ul li {
list-style: disc;
margin-bottom: 5px;
}
.padding-10 {
    padding: 10px !important;
}
.select-contact-siderbar {
    padding-left: 0px !important;
}
.wpcf7 p {
    font-size: 14px;
}
.wpcf7 p a {
    color:cadetblue;
}
.wpcf7 p a:hover {
    color:#d81b1b;
}
.form-flat .flex p{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
.form-flat .wpcf7-form-control-wrap {
    min-width: calc(100% - 50px);
}
.form-flat .wpcf7-form-control-wrap input{
    border-radius: 0 !important;
}
.form-flat input{ margin-bottom: 0;}
.form-flat .wpcf7-submit{
    border-radius: 0;
    width: 50px;
    padding: 0 10px;
    display: flex;
    background-color:#d81b1b !important;
    margin: 0;
    transition: all .3s ease-in-out;
}
.form-flat .wpcf7-submit:hover {
    transition: all .3s ease-in-out;
    background-color:#fff !important;
    color: #d81b1b;
}
.form-flat .wpcf7-spinner,
.wpcf7-not-valid-tip {
    display: none !important;
}
.form-flat .wpcf7-not-valid {
    color: #ea2a26 !important;
}
.wpcf7 form .wpcf7-response-output {
    border: 0;
    font-size: 14px;
    margin: 10px 0 0 0 !important;
}
.wpcf7 form {margin-bottom: 0;}
header.nav>li>a{
    position: relative;
}
.header-nav.nav>li>a::after{
    width: 0%;
    content: '';
    height: 1px;
    background-color: #ea2a26;
    transition: all .3s ease-in-out;
    bottom: 2px;
    left: 0;
    position: absolute;
}
.header-nav.nav>li>a:hover::after,
.header-nav.nav>li.active>a::after{
    width: 100%;
    transition: all .3s ease-in-out;
}
.blog-post {
    width: 100%;
    border: 1px solid #fff;
    display: inline-block;
    height: 200px;
    border-radius: 5px;
    transition: 0.3sease-in-out;
    padding: 10px;
    box-shadow: 0px 2px 16px rgb(0 0 0 / 10%);
}
.blog-post:hover {
    transition: 0.3sease-in-out;
    border: 1px solid #f10a0a;
}
.blog-post .blog-avatar, .team-avatar {
    overflow: hidden;
}
.blog-post .blog-avatar img:hover, .team-avatar:hover img {
    transform: scale(1.1);
}
.blog-post .blog-avatar img, .team-avatar img {
    transition: all 0.3s;
}
.blog-post .blog-content {
    width: calc(100% - 190px);
    float: left;
    height: 180px;
    padding-left: 20px;
    position: relative;
}
.blog-post .blog-content h5 {
    font-size: 15px;
    color: #000;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    line-height: 23px;
}
.blog-post .blog-description p {
    color: #333;
    font-size: 14px;
}
.blog-post .blog-date {
    color: #333;
    font-size: 13px;
    position: absolute;
    bottom: 10px;
    left: 20px;
}
.blog-post .blog-btn {
    border: 1px solid #f10a0a;
    display: inline-block;
    padding: 5px;
    font-size: 13px;
    color: #f10a0a;
    position: absolute;
    bottom: 6px;
    right: 0px;
}   
.blog-btn:hover {
    color: #fff;
    background: #f10a0a;
}
.blog-post .blog-avatar {
    width: 290px;
    height: 180px;
    float: left;
}
.blog-new .tab-panels {
    padding:0;
    border:0
}
.blog-new .tabbed-content .nav{
    margin: 30px auto;
    display: inline-block;
    border-bottom: 1px solid #d5d5d5;
    width: auto;
}
.blog-new .tabbed-content .tab a{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    padding: 0 10px 15px;
    color: #999;
    cursor: pointer;
    position: relative;
    transition: ease-in-out.3s;
    display: inline-block;
    min-width: 150px;
    text-align: center;
}

.blog-new .tabbed-content .tab {
    margin:0
}
.blog-new .tabbed-content .tab a:hover:before, .blog-new .tabbed-content .tab.active a:before {
    width: 104px;
}
.blog-new .tabbed-content .tab.active a {
    background-image: -webkit-linear-gradient(0deg, #f54609 0%, #ffba00 100%);
    background-image: -ms-linear-gradient(0deg, #f54609 0%, #ffba00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.blog-new .tabbed-content .tab a:before {
    content: '';
    background-image: -moz-linear-gradient(0deg, #f54609 0%, #ffba00 100%) !important;
    background-image: -webkit-linear-gradient(0deg, #f54609 0%, #ffba00 100%) !important;
    background-image: -ms-linear-gradient(0deg, #f54609 0%, #ffba00 100%) !important;
    width: 0;
    height: 3px !important;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1.5px;
    position: absolute;
    transition: all .4s ease-in-out;
}
.news-item{
    position: relative;
}
.news-item-col:nth-child(n+2) .news-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.news-item-col:nth-child(n+2) .imgbox, .news-list .news-item-col:nth-child(n+2) .info {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.news-item time {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    left: 0;
    width: 90px;
    background: rgb(0 90 173 / 50%);
    height: 25px;
    color: #fff;
}
.news-item .info {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 15px;
    background: #f5f5f5;
}
.news-item .info h3 a {
    font-size: 15px;
    color:#111;
}
.news-item p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 6px 0;
    line-height: 1.6;
    height: 68px;
    overflow: hidden;
    font-size: 14px;
}
.news-item .imgbox a {
    display: block;
    position: relative;
    transition: all .3s ease-in-out;
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.news-item .imgbox a img {
    width: 100%;
    transition: all .3s ease-in-out;
}
.news-item:hover .imgbox a img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.news-item .info .btn-viewmore {
    font-weight: 500;
    color: #ec2224;
    transition: all .3s ease-in-out;
}
.news-item:hover .btn-viewmore {
    transform: translate(20px);
    transition: all .3s ease-in-out;
}
.news-item:hover h3 a,
.news-item .info h3 a:hover,
.news-item-col:first-child .news-item:hover h3 a {
    color: #ec2224;
}
.news-item-col:first-child .info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: 0 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), color-stop(70%, rgba(0, 0, 0, .25)), to(hsla(0, 0%, 100%, 0)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, .25) 70%, hsla(0, 0%, 100%, 0));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .25) 70%, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .25) 70%, hsla(0, 0%, 100%, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
}
.news-item-col:first-child .info h3 a{
    color:#e6e6e6
}
.news-item-col:first-child .info p,
.news-item-col:first-child .info .btn-viewmore{
    display: none;
}

.news-item .btn-viewmore i { margin-left: 5px;}
div#top-bar {
    background: linear-gradient(90deg, #ffac00, #ea2a26);
}
.nav-small.nav>li.html{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
    font-size: 14px !important;
}
.nav-small.nav>li.html a { margin-left:5px;
    font-size: 14px !important;
}
.product .box-text-products {
    text-align: center;
}
.introduction .icon-box {
    box-shadow: 0 0 10px 0 rgb(43 52 59 / 10%);
    background-color: #fff;
    transition: all .3s;
    min-height: 180px;
    padding:20px 10px 0;
}
.introduction .icon-box:hover {
    transform: translateY(-10px);
}
.introduction .icon-box svg {
    fill: #93c919;
}
.title-headline .section-title {
    padding: 15px 0 15px 30px;
    border-left: 6px solid #ff5e14;
    line-height: 1.2;
    border-bottom: 0;
}
.title-headline .section-title-normal span{
    border:0
}
.title-headline .section-title {
    line-height: 40px;
    margin-bottom: 30px;
    color: #2c378f;
    font-size: 35px;
    font-weight: 700;
    margin-top: 0;
    text-transform: uppercase;
}
.section-about .readmore {
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #044bb5;
    color: #044bb5;
    position: relative;
    font-weight: 500;
}
.section-about .icon-box{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
}
.section-about .icon-box-text p span {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}
.section-about .icon-box-text p{
    margin:0
}
.section-title-container .section-title b{
    background-color: transparent;
}
.footer.footer-2 {
    border-color: #ea2a26;
}
.social-icons .icon.button {
    opacity:1 !important
}
.footer-2 p{
    margin-bottom: 10px;
    font-size:14px !important
}
.footer .social-icons {
    display:block
}
.footer-2 .widget-title {
    background: transparent !important;
    font-size: 18px;
    color: #000;
    padding: 0;
    margin-bottom: 20px;
    font-weight: 600;
}
.footer-2 .widget .menu-item a {
    color: #000;
    transition: all .3sease 0s;
    font-weight: 400;
}
.footer-2 .widget .menu-item a:hover {
    color: #ec2224;
}
.footer-2 li.menu-item {
    background: url(../images/icon-list-footer.png) 0 12px no-repeat;
    padding-left: 20px;
}
#footer .footer-secondary {
    display: none;
}
#footer .copyright-footer {
    color:#fff
}
#footer .back-to-top.button.icon.circle{
    border-color: #044bb5;
    color: #fff;
    background-color: #044bb5;
}
.news-item .imgbox a img, .news-item, .news-item .imgbox{
    width: 100%;
    height:100%
}
.post-sidebar {
    border:0 !important
}
.post-sidebar .widget ul li{
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #f1f1f1;
    border-top:0;
}
.post-sidebar ul.product_list_widget li{
    padding-left: 75px;
}
.post-sidebar ul.product_list_widget li img {
    left:10px;
}
.single-featured_item .header-nav li {
    margin-left:7px;
    margin-bottom: 0;
}
.single-featured_item .nav-divided>li {
    margin: 0 .7em;
}
.single-featured_item .header-nav .nav-dropdown li{
    margin-left:0;
}
.footer-1 .col {
    padding-bottom: 0;
}
.footer-1 .featured-box{
    margin-bottom: 15px;
}
.title-h3 {
    margin-bottom: -20px !important;
}
.logged-in .widget_text#text-2 {
    position:sticky;
    top:102px
}
.widget_text#text-2 {
    top:70px
}
/* header.header, header .header-wrapper {
    z-index: 9999;
} */
/*****RESPONSIVE****/
@media only screen and (max-width: 1258px){
    .blog-post .blog-avatar { width: 230px }
    .section-content .row .col {padding-bottom: 0;}
}
@media only screen and (max-width: 992px){
    .blog-wrapper .large-3{
        min-width: 100%;
    }
    .blog-wrapper .large-9{
        min-width: 100%;
    }
}
@media only screen and (max-width: 736px){
    .footer-2 .col {
        min-width: 100%;
    }
    .getdata-2-col-full {
        grid-template-columns: none;
    }
    .single-product .product-main .col{
        min-width: 100%;
    }
    .single-product .product-main .col .product-info {
        margin-top: 20px;
    }
    .single-product .small-columns-4 .flickity-slider>.col, .single-product .small-columns-4>.col {
        min-width: auto;
    }
    .single-custom-button{
        margin-bottom: 20px;
        justify-content: center;
    }
}
@media only screen and (max-width: 538px){
    .blog-post .media{
        flex-wrap: wrap;
    }
    .blog-post .blog-avatar {
        width: 100%;
    }
    .blog-post .blog-content {
        width:100%;
        padding:0; 
        margin-top: 10px;
    }
    .blog-post{
        height: auto;
    }
    .blog-post .blog-avatar img {width: 100%;}
    .blog-post .blog-date { left:0}
    .blog-new .tabbed-content .nav {
        margin:0 0 20px
    }
    .introduction .icon-box p {
        margin-bottom: 10px;
    }
    .introduction .icon-box p:last-child {
        margin-bottom:0;
    }
    .introduction .icon-box {
        min-height: 220px;
        padding: 20px 10px;
    }
    .title-h3 {
        margin-bottom: 0px !important;
    }
    .portfolio-element-wrapper .col-inner{
        height: 100%;
    }
    .portfolio-element-wrapper .portfolio-box .box-text, .portfolio-element-wrapper .product-small.box, .portfolio-element-wrapper .portfolio-box {
        height:100%;
        min-height: 140x;
    }
    .icon_footer .icon-box-img {
        width:40px !important
    }
    .section-footer-top .footer-top .icon_footer p {
        font-size:14px
    }
    .section-footer-top .icon_footer .icon-inner { width:40px; height: 40px;}
    
    
    .fixed-buttons img {
		    max-width: 30px;
		   }
		   .image-svg {
		    width: 30px;
		   }
		   .fixed-buttons {
			    display: flex;
			    background: #fff;
		   }
		   .fixed-buttons .button {
			display: flex;
		    flex-direction: column;
		    align-items: center;
		    text-decoration: none;
		    color: #333;
		    font-size: 14px;
		    text-align: center;
		    flex: 1; 
		    border-right: 1px solid red !important; 
		    padding: 10px 0; 
		    margin: 0 5px; 
			    background: transparent;
			  border: none;
			}
			.fixed-buttons .button:last-child {
				border-right: none !important
			}

			#button-contact-vr {
				display: none;
			
			}
			
			.fixed-buttons .button .icon {
			    font-size: 24px;
			    margin-bottom: 5px;
			}
			
			.fixed-buttons .button .text {
			    font-size: 12px;
			}
			
			/* Màu sắc cho từng nút */
			.fixed-buttons .call-now .icon {
			    color: #4CAF50;
			    display:block;
			    width:30px;
			    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
			}
			
			.fixed-buttons .zalo .icon {
			    color: #0084ff;
			}
			
			.fixed-buttons .quote .icon {
			    color: #ff9800;
			}
}
@-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}

@keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}