@charset "utf-8";
*{margin:0;padding:0}
body{margin:auto;font-family:"Roboto",Arial,Helvetica,sans-serif;overflow-x:hidden;max-width: 100%;overflow-x: hidden;background: none;}
#wrapper{max-width:100%;margin:auto;z-index:9999;background:#fff;overflow-x: hidden;}
#clear{clear:both}
#header{background:#333;}
#headertop{margin: auto;float: left;box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 10%);width: 100%;z-index: 100;transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);top: 0px;left: 0px;background:linear-gradient(270deg, #ff7f04, #ef3535);}
#headertop_home{margin: auto;float: left;box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 10%);width: 100%;z-index: 100;transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);background:#f62401;}
#logo{float:left;}
#hotline{float:left;}
#slogan{width:800px;float:left;padding:10px 25px;}
#menu{width:70%;margin:auto;float:right;margin-top:25px;margin: 25px;float: left;max-width: 1030px;}
#menutop{background:#1065b5;height:30px;width:100%;margin:auto;float:left;font-size:12px;color:#fff;}
.submenu{width:1240px;margin:auto;}
#menutop{height:30px;float:left;width:100%;}
#menu1{height:30px;float:left;margin-top:27px;margin-right: 80px;}
/* Mobile Header */
#headermobile {
    background: #fff;
    height: 60px;
    top: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
#headermobile .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    height: 100%;
}
#headermobile .col-home, #headermobile .col-logo, #headermobile .col-menu {
    flex: 1;
    display: flex;
    align-items: center;
}
#headermobile .col-home {
    justify-content: flex-start;
}
#headermobile .col-logo {
    justify-content: center;
}
#headermobile .col-menu {
    justify-content: flex-end;
}
#headermobile .home-icon {
    color: #fff;
    font-size: 24px;
}
#headermobile .logomobile {
   
}
#headermobile .icon-head-menu {
    cursor: pointer;
}
#headermobile .fa-bars {
    color: #fff;
    font-size: 24px;
}
#headermobile .l-menu-mobile {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    list-style: none;
    padding: 60px 0 0;
    margin: 0;
    overflow-y: auto;
    z-index: 9998;
}
#headermobile .l-menu-mobile.active {
    display: block;
}
#headermobile .close-menu {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 24px;
    color: #cd3301;
    cursor: pointer;
}
#headermobile .i-menu-mobile a {
    display: block;
    padding: 10px 20px;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid #eee;
}
#headermobile .i-menu-mobile a:hover {
    background: #f5f5f5;
}
#headermobile .i-menu-mobile.showsub > a::after {
    content: '+';
    float: right;
    color: #cd3301;
}
#headermobile .submenu2 {
    display: none;
    list-style: none;
    padding: 0;
    background: #f9f9f9;
}
#headermobile .submenu2.active {
    display: block;
}
#headermobile .submenu2 li a {
    padding: 10px 40px;
    color: #666;
    font-size: 14px;
}
#headermobile .contact-section {
    padding: 15px 20px;
    border-top: 1px solid #eee;
}
#headermobile .contact-section p {
    margin: 0;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
}
#headermobile .contact-section p a {
    color: #cd3301;
    text-decoration: none;
}

/* Desktop Header */
#headertop_home .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#logo img {
    width:200px;
}
#menu .submenu ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}
#menu .submenu ul li {
    position: relative;
    margin: 0 10px;
}
#menu .submenu ul li a {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    padding: 10px 15px;
}
#menu .uldmtl li:first-child a {
	border-bottom:1px solid #fff;
    color: #fff;
    border-radius: 20px;
    transition: background 0.3s;
}
#menu .uldmtl li:hover a {
    color: #f14f21;
}
#menu .uldmtl2 {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #cd3301;
    border-radius: 15px;
    padding: 10px 0;
    min-width: 160px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
#menu .uldmtl li:hover .uldmtl2 {
    display: block;
}
#menu .uldmtl2 li a {
    color: #fff;
    padding: 8px 20px;
    font-size: 14px;
}
#menu .uldmtl2 li:hover a {
    background: #b12b01;
}
.clear {
    clear: both;
}
.thongbao{background-color:#428acd;height:auto;text-align:center;color:#FFF;font-size:16px;padding:10px 30px;padding-right:50px;width:1286px;z-index:9000;position:relative;line-height:1.4;float:left;}
.top-slide{background:#fff}
button.btn_pink_sm{width:auto;background:#bd0103;border:1px solid #bd0103;color:#fff;padding:8px;font-size:12px;cursor:pointer;}
button.btn_pink_sm:hover{background:#bd0103;}
button.btn_gray_sm{width:auto;background:#b1b3b5;border:1px solid #b1b3b5;color:#fff;padding:10px;font-size:12px;cursor:pointer;}
button.btn_gray_sm:hover{background:#c2c3c4;}
.w100per{width:100%;}
.posrel{position:relative;}
.fleft{float:right;}
.fright{float:left;background:#fff;}
.paddingtop5{height:31px;}
.cred{color:#e87210;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs24{font-size:24px;}
.fw700{font-weight:700;}
.gach{text-decoration:line-through;}
a{color:#3b5998;text-decoration:none;}
h1{font-size:18px}
h3{padding:5px 0px 0px 0px;font-size:16px;line-height:20px;margin-bottom:15px;font-weight: 700;}
h4{padding: 10px 0px;}
h5{font-size:12px}
#leftcontent{width:100%;background:#FFF;margin-right:10px;float:left;box-sizing:border-box;}
.nopadding{padding:0px!important;}
.titlelink{float:left;color:#000;font-size:14px;margin-left: 5px;}
button.btn_blue_sm, .btn_blue_sm{width:auto;background:#0095da;border:1px solid #0095da;color:#fff;padding:5px 10px;font-size:14px;font-weight:400;cursor:pointer;font-family:'Roboto Condensed',Roboto, Tahoma,Helvetica,Verdana,Arial;}
button.btn_blue_sm:hover, .btn_blue_sm:hover{background:#2980b9;color:#fff;}
.box-main-content{float:left;width:100%;margin:20px 0px;position:relative;}
#showsub:hover > ul,.showsub:hover > ul{float:left;height:auto;visibility:visible;}
#showsub a:hover,.showsub a:hover{color:#CD2122;}
.submenu1{visibility:hidden;background:#2b2b2b;padding-left:0!important;position:absolute;top:175px;width:220px!important;border-left:5px solid #fffc00;z-index:9999;transition:all 200ms linear;}
.submenu1 a{color:#0080af;}
.submenu1 a:hover{color:#f6ff00;}
.submenu1 .subullimenu{line-height:30px;;float:left;overflow:hidden;border-bottom:1px solid #1260ab;width:210px !important;height:46px!important;padding:10px 0px 0px 10px!important;}
.submenu1 .subullimenu a{font-size:12px;color:#373c40;float:left;width:100%!important;font-size:12px!important;}
.submenu1 .subullimenu a:hover{color:#428acd;}
.submenu2{visibility:hidden;background:#fff;padding-left:0!important;position:absolute;top: 204px;border-left:2px solid #428acd;z-index:9999;transition:all 200ms linear;}
.submenu2 a{color:#0080af;}
.submenu2 a:hover{color:#f6ff00;}
.submenu2 .subullimenu{overflow:hidden;border-bottom:1px solid #ececec;width:205px !important;}
.submenu2 .subullimenu a{color:#373c40;width:100%!important;font-size:14px!important;}
.submenu2 .subullimenu a:hover{color:#428acd;}
.subullimenu a:hover{color:#CD2122;}
.sidebarmenu ul a:hover{color:red}
.subullimenu{width:187px!important;}
#contain #menu{clear:left}
#menu ul{list-style-type:none;line-height:22px;float:left;margin-bottom:0px;}
#menu li{float:left;padding:5px 0px 0px 0px;height:34px;color:#828282;text-align:center;}
#menu li:first-child{list-style:none;}
#menu li.end{border:none}
#menu ul a{text-decoration:none;color:#000;font-size:12px;}
#menu ul a:hover{color:#fff;}
#menu ul:hover{color:#fff;}
#menu ul a:hover{color:#fff;}
#menu-text {font-size: 14px;font-weight: bold;line-height: 25px;}
#menu .search{text-align:right;border:0;padding-left:500px}
#menu1 ul{list-style-type:none;padding-left:93px;line-height:32px;padding-top:4px;float:left;}
#menu1 li{display:inline;padding-left:10px;width:86px;float:left;margin-left:10px;}
#menu1 li.end{border:none}
#menu1 ul a{text-decoration:none;color:#fff;font-size:12px;font-weight:700}
#menu1 ul a:hover{color:#1c8cf4}
#menu1 .search{text-align:right;border:0;padding-left:500px}
#contain #menutop{clear:left}
#menutop ul{list-style-type:none;line-height:22px;float:left;height:40px;width:1240px;color:#fff;}
#menutop li{display:inline;margin:4px 10px;float:left;}
#menutop li.end{border:none}
#menutop ul a{text-decoration:none;color:#ababab;font-size:15px;}
#menutop ul a:hover{color:#cae700;}
#content{width:100%;z-index:9999;margin:auto;background:#bc0827;float:left;}
#content1{width:1170px;float:left;}
#content1 .boxsp_01{float:left;text-align:center;font-weight:700;padding:22px;width:210px;border: 1px solid #fff;}
#content1 .boxsp_01:hover{border:solid 1px #cecece;}
#left{width:225px;float:left;margin-right: 15px;}
#box_01{float:left;width:100%;}
#box_02{width:230px;float:left;margin-top:10px;}
#box_03{width:20%;float:left;margin-top:10px;}
#box_04{width:230px;float:left;}
#box_01 .topbox230{height:31px;font-weight:700;font-size:12px;padding:15px;padding-bottom:0;background: #e10000;border-bottom:1px solid #e7e7e7;text-align:center;}
#box_02 .midbox230{height:31px;font-weight:700;font-size:12px;padding:15px;padding-bottom:0;background: #e10000;text-align:center;}
#box_03 .tygiabox230{height:31px;font-weight:700;padding-bottom:0;background:#e10000;text-align:center;margin-bottom:24px;}
#box_04 .thongkebox230{height:30px;font-weight:700;font-size:12px;padding:5px;padding-bottom:0;background: #e10000;}
#box_02 .colcontact{width:230px}
#box_04 .thongke{width:230px}
#left .boxsp_230{float:left;width:230px;background-color:#eee;}
#left .colcontact{float:left;width:230px;background-color:#eee;height: 230px;}
#left .tygia{float:left;width:230px;background-color:#eee;}
#left .thongke{float:left;width:200px;background-color:#eee;}
.boxsp_230 ul{list-style-type:none;line-height:32px;float:left;margin-bottom:0px;}
.colcontact ul{list-style-type:none;line-height:37px;float:left;width:200px;font-size:12px;padding-left:20px;}
.boxsp_230 li{display:inline;padding:10px 0 10px 0px;float:left;width:273px;text-transform: uppercase;border-top: 1px solid #f7f7f7;}
.colcontact li{display:inline;float:left;width:200px}
.boxsp_230 ul a{text-decoration:none;font-size:13px;color:#4a4848}
.boxsp_230 a:hover{color:#ff9a12}
.ulcate li{padding-left:20px!important;width:100%!important;}
.ulcate .act a{color:#ff9a12;font-weight:bold;}
#indexcate{width: 100%;margin: auto;background: #fff;float: left;}
#right{width:1170px;margin: auto;}
#slide{margin:auto;}
#boxslide{height:400px;background:#e5e5e3;}
#boxproduce{height:670px;background:#e5e5e3;width:100%;}
#boxduan{width:100%;max-width:1240px;margin:auto;}
#boxduan .title_home{line-height:40px;text-align:center;text-transform:uppercase;height:80px;font-size:24px;margin-top:30px;margin-bottom:40px;font-weight: 700;padding: 0px 30px;}
#boxquytrinh{background:#fff;width:100%;}
#boxquytrinh .spnew .filters {width: 100%;display: flex;flex-wrap: wrap;}
#boxquytrinh .spnew .filters .filters_item {display: inline-block;margin-bottom: 10px;width: calc(100% / 6 - 10px);margin-right: 10px;float: left;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .12), 0 -1px 3px 0 rgba(0, 0, 0, .08);transform: translateY(-2px);transition: all 0.5s ease;}
#boxquytrinh .spnew .filters label {font-size: 12px;display: block;text-align: left;text-transform: capitalize;color: #5B5858;display: none;}
#boxquytrinh .menu_cate {font-size: 16px;font-weight:700;padding:10px 0px;}
#boxquytrinh .spnew select {background: #fff;font-size: 16px;box-sizing: border-box;max-width: 100%;border: 1px solid #eee;padding: 6px 10px;padding-right: 30px; background-position: calc(100% - 20px) calc(1em - 5px), calc(100% - 15px) calc(1em - 5px), 100% 0;width: 100%;}
#bg_roma{background-image: url(https://pqtrip.vn/images/banners/552_1742548927.jpg) no-repeat top center;background-size: 633px 560px;}
#boxquytrinh .title_home{color:#f4511e;border-bottom: 2px solid #f4511e;line-height:30px;text-align:center;text-transform:uppercase;height:30px;font-size:20px;font-weight: 700;}
#boxquytrinh .title_magiamgia{color:#f4511e;line-height:30px;text-align:center;text-transform:uppercase;background:url(/static/21062023/frontend/image/b3.png) no-repeat center 40px;height:60px;font-size:20px;font-weight: 700;margin-top:10px;margin-bottom:10px;}
#boxquytrinh .title_home_new{line-height:40px;text-align:center;text-transform:uppercase;background:url(/static/21062023/frontend/image/b3.png) no-repeat center 60px;height:80px;font-size:24px;font-weight: 700;margin-top:30px;margin-bottom:5px;}
#boxfooter{height:250px;background:#202020;width:100%;}
#footer .footer_des{text-align: justify;padding-right:50px;}
#box_content{float:left;width:100%;font-size:12px;text-align: center;margin: auto;}
.boxsp_01.boxsp_01 h2{padding:14px 10px 0;font-size:14px;line-height:25px;margin-bottom:10px;width:227px;font-weight:500;min-height:50px;}
.box01 .spnew{float: left;margin:5px 0px 15px;}
.box01 .title_home{line-height:40px;text-align:center;text-transform:uppercase;height:80px;font-size:24px;margin-top:30px;margin-bottom:40px;font-weight: 700;padding: 0px 20px;}
.newcontent ul li{margin-left:20px;}
.newcontent img{margin-bottom:15px;}
.newcontent h2{font-size: 22px;font-weight:700;margin-top:20px;}
.newcontent h3{font-size: 18px;font-weight: 700;}
.newcontent h4{font-size: 16px;font-weight: 700;border-left:3px solid #ff0000;padding-left:10px;}
.haicot .new1 {
    position: relative;
    overflow: hidden;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .12), 0 -1px 3px 0 rgba(0, 0, 0, .08);
    transform: translateY(-2px);
    transition: all 0.5s ease;
}
#boxquytrinh .line_h1{width:5%; border-bottom:2px solid #cd3301;;margin: auto;}
#boxquytrinh .title_hsnl{line-height: 40px;text-align: center;text-transform: uppercase;font-size: 24px;font-weight: 700; margin-top:20px;margin-bottom:10px;color: #cd3301;}

#boxquytrinh .news-tabs{width:100%;text-align:center;margin: 20px 0px;}
#boxquytrinh .news-tabs .news_cat{display: inline-block;padding: 10px 40px;border-right: 1px solid #cecece;cursor: pointer;}
#boxquytrinh .active span{color: #cd3301; border-bottom: 2px solid;font-size: 18px;text-transform: uppercase;}
#boxquytrinh .news-tabs span{text-transform: uppercase;font-size: 18px;font-weight: 600;line-height: 30px;}

.info_news .title_new{font-size:14px; text-align: left;}
.info_news .title_des{font-size:12px; text-align: justify;float: left;padding:0px 10px 10px 10px;}

        #muc_luc {
            padding: 10px;
            font-weight: 700;
            width: 100%;
            box-shadow: 0px 0px 3px rgb(0 0 0 / 10%);
            border-radius: 5px;
            background: #f3f3f3;
            border: 1px solid #ebebeb;
            float: left;
            margin-bottom: 15px;
            position: relative;
        }
        #muc_luc .toggle-btn {
			color: #cd3301;
			border: none;
			cursor: pointer;
			font-size: 12px;
			position: absolute;
			left:80px;
			top: 2px;
			transition: background 0.3s ease;
			font-weight: 500;background: none;
        }
        #muc_luc_chi_tiet {
            float: left;
            font-size: 14px;
            width: 100%;
            padding: 10px;
            margin-top: 5px;
            max-height: 0;
            overflow-y: auto;
            line-height: 30px;
            background: #fff;
            margin-left: -11px;
            transition: max-height 0.3s ease, opacity 0.3s ease;
            opacity: 0;
            overflow: hidden;
        }
        #muc_luc_chi_tiet:not(.hidden) {
            max-height: 250px;
            opacity: 1;
            padding: 10px;
        }
		        .related-news {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin-top: 20px;
        }
        .related-news-item {
            flex: 1 1 calc(33.33% - 20px);
            box-sizing: border-box;
        }
        .related-news-item img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 5px;
            transition: transform 0.3s ease;
        }
        .related-news-item img:hover {
            transform: scale(1.05);
        }
        .related-news-item h3 {
            font-size: 14px;
            margin: 10px 0 0;
            line-height: 20px;
        }
        .related-news-item a {
            text-decoration: none;
            color: #333;
        }
        .related-news-item a:hover {
            color: #007bff;
        }
        #muc_luc {
            position: relative;
            transition: all 0.3s ease;
            background: #fff;
            z-index: 1000;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            padding: 15px;
            margin-bottom: 20px;
        }
        #muc_luc.sticky {
            position: fixed;
            top: 20px;
            width: 150px!important;
            box-shadow: 0 4px 10px rgba(0,0,0,0.15);
            border: 1px solid #d0d0d0;
            border-radius: 8px;
			left: 30px;
        }
        #muc_luc > div:first-child {
            font-weight: bold;
            font-size: 16px;
            color: #333;
            display: flex;
            align-items: center;
        }
        #muc_luc > div:first-child i {
            margin-right: 8px;
            color: #007bff;
        }
        .toggle-btn {
            background: #007bff;
            color: #fff;
            border: none;
            padding: 5px 10px;
            border-radius: 4px;
            cursor: pointer;
            margin-left: 10px;
            font-size: 14px;
            transition: background 0.3s ease;
        }
        .toggle-btn:hover {
            background: #0056b3;
        }
        #muc_luc_chi_tiet {
            max-height: 300px;
            overflow-y: auto;
            margin-top: 10px;
            padding: 10px;
            background: #f9f9f9;
            border-radius: 5px;
        }
        #muc_luc_chi_tiet ul {
            list-style-type: decimal;
            padding-left: 20px;
        }
        #muc_luc_chi_tiet li {
            margin-bottom: 8px;
        }
        #muc_luc_chi_tiet a {
            text-decoration: none;
            color: #333;
            font-size: 14px;
        }
        #muc_luc_chi_tiet a:hover {
            color: #007bff;
        }
        .hidden {
            display: none;
        }
        @media (max-width: 767px) {
            .related-news-item {
                flex: 1 1 100%;
            }
            .related-news-item img {
                height: 200px;
            }
            #muc_luc.sticky {width: calc(100% - 40px);left: 10px;top:80px; }
        }
#muc_luc_chi_tiet ul{margin-bottom:0px;}
#muc_luc_chi_tiet ul li{margin-left:20px;}
#muc_luc_chi_tiet a:hover{color:#ff9a12;transition:.3s;font-weight: 700;}
.newcontent img{margin: 0px;border-radius:5px;transition:all .2s ease-out;position:relative;box-shadow:0 1px 4px 0 rgba(0,0,0,.1), 0 0 6px 0 rgba(0,0,0,.1), 0 2px 2px -2px rgba(0,0,0,.15);margin-bottom:10px;}
#line_box img{margin: 0px;border-radius:5px;}
#line_box #muc_luc{margin-top:10px;}
#line_box h2{font-size: 20px;font-weight:700;padding:10px 0px;}
#line_box h3{font-size: 18px;font-weight: 700;}
#line_box h4{font-size: 16px;font-weight: 700;}
#line_box ul{margin-bottom:0px;}
#line_box ul li{margin-left:20px;list-style: none;}
#line_box a:hover{color:#ff9a12;transition:.3s;font-weight: 700;}
#muc_luc_chi_tiet{float: left;font-size:14px;width:100%;padding:10px 10px 0px 10px;margin-top:5px;max-height:250px;overflow:scroll;line-height: 30px;background:#fff;margin-left:-11px;}
#muc_luc{padding: 5px 0px 5px 10px;
    font-weight: 700;
    width: 100%;
    box-shadow: 0px 0px 3px rgb(0 0 0 / 10%);
    border-radius: 5px;
    background: #f3f3f3;
    border: 1px solid #e1e1e1;
    float: left;
    margin-bottom: 15px;}
#box_content .spnew{background: linear-gradient(270deg, #ff7f04, #ef3535);width: 100%;margin: auto;text-align: center;float: left;box-shadow: 0px 0px 5px rgb(0 0 0 / 9%);margin: 15px 0px;padding: 10px;border-radius: 5px;}
#box_content .spnew1{width: 100%;margin: auto;text-align: center;float: left;margin: 10px 0px;}
#box_content .boxsp_01{float:left;text-align:center;font-weight:700;border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;border-top:1px solid #f5f5f5;-webkit-box-shadow:0 3px 6px 0 #888;box-shadow:0 3px 6px 0 #888;border-radius:2px;margin-bottom:30px;min-height:380px;}
#box_content .boxsp_01 title_sp{padding-bottom:18px;font-size:14px;font-weight: normal;}
#box_content .boxsp_01 .title2{font-weight:500;padding-bottom:10px;padding-top:10px;}
#box_content .boxsp_01 .title2 span{color:#ed1b4a;padding-left:5px;font-size:16px;}
#box_content .boxsp_01 .title2 a{color:#ff0030;}
#box_content .boxsp_01:hover{background:#f6f6f6;}
#box_content .boxsp_01 a{text-decoration:none;color:#fff}
#content1 .boxsp_01 a{text-decoration:none;color:#fff}
#box_content .boxkh_01{float:left;width:230px;height:180px;margin:10px 0 0 10px;text-align:center;font-weight:700}
#box_content .boxsp_img{float:left;text-align:center;font-weight:bold;margin-top:0px;position:relative;background:#fafafa;}
.boxsp_detail{float:left;padding:20px 0 0 0;width:100%;}
#box_content .new{border-bottom:1px dashed #e6e6e6;padding-bottom:5px;padding-top:10px;float:left;text-align:justify;margin-right:10px;width:100%;}
#box_content .box_tin{margin-left:10px;width:100%;line-height:25px;font-size:14px;}
#box_content .box_tin li{list-style:none;text-decoration:none}
#box_content .box_tin li a{list-style:none;text-decoration:none}
#box_content .nextpage{float:right;color:#3489b8;font-weight:700;font-size:11px;padding:20px 15px 20px 0}
#intro{line-height:25px;float:left;text-align:justify;width:100%;font-size:16px;margin-bottom:20px;background:#fff;}
#line_box{width:100%;float:left;font-weight:700;margin-top:20px;}
#leftlinebox{width:70%;float:left;}
#rightlinebox{float:left;}
#rightlinebox li{padding-left: 20px;}
#rightlinebox .lienhetv{text-transform: none;font-size: 16px;font-weight: 600;padding:10px;}
#rightlinebox .boxhot{background: #fff;text-align: center;float: left;margin-top: 10px;border-radius: 8px;padding:0px 20px;width: 360px;}
#rightlinebox .avatar img{width: 100px;height: 100px;border-radius: 50%;}
#rightlinebox .text{color: #222;text-align: center;margin:10px 0px;line-height: 20px;}
#rightlinebox .buy_fast .item{border: 1px solid #eee;padding: 5px 0;margin-bottom: 10px;}
#rightlinebox .buy_fast .item input{border: none;height: 30px;line-height: 30px;background: white;outline: none;color: #333333;width: 100%;box-sizing: border-box;padding: 0px 10px;border-radius: 3px;}
#rightlinebox .buy_fast .item textarea {border: none;background: white;outline: none;color: #333333;width: 100%;box-sizing: border-box;padding: 0px 10px;border-radius: 3px;}
#rightlinebox .buy_fast .title{text-transform: none;font-size: 18px;font-weight: 600;padding-top: 20px;text-align: center;margin-bottom: 10px;}
#rightlinebox .buy_fast_body {padding: 10px 0px;}
#rightlinebox .button-buy-fast {border: none;color: #fff;cursor: pointer;font-size: 24px;text-transform: uppercase;transition: 0.5s;display: block;border-radius: 3px;margin: 10px auto 0px;outline: none;fill: white;width: 50px;height: 50px;background: #cc3300;padding: 10px;box-sizing: border-box;clip-path: circle(50% at 50% 50%);}
#rightlinebox .or_spre{text-align: center;padding-bottom: 10px;border-bottom: 1px solid #ccc; padding-top: 10px;margin-top: 10px;font-size: 16px;}
#rightlinebox .butlh{display: inline-block;width: 100%;background:#cc3300;color: #fff;text-align: center;padding:10px;font-size: 16px;line-height: 22px;box-sizing: border-box;}
#line_box .more{padding-bottom:5px;width:100px;float:right;width:75px;font-size:11px;color:#3489b8}
#contact{line-height:30px;float:left;margin-bottom:30px;}
#contact li{list-style:none;float:left}
.w125{float:left;width:100px}
w285{float:left;width:500px}
.text_h3{margin:20px 0 10px 0px;font-weight:700;color:#3489b8}
.input_contact{float:left;width:674px}
.input_contact li{float:left;width:674px;list-style:none}
#footer{width:100%;float:left;color:#000;font-size:12px;line-height:25px;z-index:0;background:#f5f5f5;border-top:1px solid #f34729;margin-top: 20px;}
#footer .ti_footer{font-weight: 700;}
#footer .ti_footer span{padding-bottom: 5px;}
.navigation{float:left;padding:20px 0 10px;text-align:center;width:100%}
.navigation a{color:#9D241D;line-height:21px;margin:0 2px}
.navigation a.active span{background:url(../image/icon_page.png) no-repeat scroll 2px 0 transparent;color:#FFF}
.navigation a span{background:url(../image/icon_page.png) no-repeat scroll 1px 0 transparent;height:23px;padding:3px 8px}
#tbltygia{border:medium none;height:120px;padding:2px;width:230px}
#tygia{color:#000;font-size:10px}
.xam{background-color:#EDF7ED}
#tbltygia td{padding:4px}
tr.VangCaption td{color:#457A02;font-weight:700;text-align:center}
.VangUnit{color:#457A02;float:right;font-size:11px;font-weight:400;line-height:20px;margin-right:1px;padding:0 10px}
.VangTime{clear:both;color:#457A02;font-size:11px;font-weight:400;line-height:20px;padding:2px 0 5px;text-align:center}
.VangNguon{font-size:11px;font-weight:400;line-height:20px;padding-bottom:6px;padding-left:5px}
#search{float:left;background:#FFF;margin-top:37px;margin-left:90px;border:1px solid #f67f19;border-radius:5px;}
.iconhotline{margin-top:30px;float:left;margin-left:50px;}
.icongiohang{color:#0b8acd;border-radius:50%;border:1px solid #0b8acd;padding:8px;font-size:20px;margin-top:44px;margin-left:50px;}
#search input.inputtext{width:400px;border:none;height:40px;float:left;font-size:12px;color:#A5A5A5;font-style:italic;padding:20px;border-left:1px solid #c5c5c5;}
.txt_link{text-decoration:none;color:#0080AF;}
.tieude{font-weight:bold;float:left;text-transform:uppercase;}
.tieude h1{font-size:14px;float:left;padding:14px;font-weight:normal;}
.tieude h1.active{background:#333;color:#FFF;border-top-right-radius:3px;border-top-left-radius:3px;}
.tieude h1:hover{background:#333;color:#FFF;cursor:pointer;border-top-left-radius:3px;border-top-right-radius:3px;}
.tieude h1 a:hover{color:#FFF;}
.an{display:none;}
h1.shop-page-title {background:linear-gradient(to right, #ffbc00, #ff9a12);padding: 18px 10px 12px 10px;border: 1px solid #ececec;text-transform: uppercase;font-size: 14px;margin:0px 0px 20px;color:#fff;}
#box_content .boxsp_02{float:left;text-align:center;font-weight:700;padding:5px;width:190px;background:#fff;margin:0 10px;-webkit-box-shadow:0 3px 6px 0 #888;box-shadow:0 3px 6px 0 #888;border-radius:2px;height:430px;}
#box_content .boxsp_02 a{text-decoration:none;color:#fff}
#box_content .boxsp_02:hover{background:#f6f6f6;}
.hcdd{float:left;width:280px;height:440px;margin-right:10px;-webkit-box-shadow:0 3px 6px 0 #888;box-shadow:0 3px 6px 0 #888;}
.tbdh select{width:100px;padding:5px;font-size:12px;} 
.tbdh input[type=number] {text-transform:uppercase;width:40px;padding:5px 0px 5px 15px;}
/* header mobie */
.header-menu-mobie{position:relative;height:60px;padding:0px;width:15%;float:right;}
.header-menu-mobie .icon-head-menu{float:right;height:60px;padding-top:8px;vertical-align:middle;text-align:center;width:60px;font-size:16px;cursor:pointer}
.header-menu-mobie .icon-head-menu span{border: 1px solid #cd3301;}
.header-menu-mobie .icon-head-menu .fa-circle{font-size:20px}
.header-menu-mobie .icon-head-menu:hover{opacity:.8}
.l-menu-moblie{position:absolute;top:110%;right:-5px;z-index:9999;width:195px;visibility:hidden;transition:all 400ms ease;background:#f1f1f1;color:#333;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .12), 0 -1px 3px 0 rgba(0, 0, 0, .08);}
.icon-head-menu:hover+.l-menu-moblie,.l-menu-moblie:hover{visibility:visible}
.l-menu-moblie .i-menu-moblie{float:left;list-style:none;width:100%;margin-bottom:1px;background:#fff;color:#333}
.l-menu-moblie .i-menu-moblie:hover,.l-menu-moblie .i-menu-moblie.act{background:#cd3301;color:#fff}
.l-menu-moblie .i-menu-moblie .i-mb-title{float:left;width:100%;padding:10px 20px;font-size:14px}
.l-menu-moblie .i-menu-moblie .i-mb-title:hover{color:#FFF;text-decoration:none;}
.i-menu-moblie .l-mb2{float:left;width:100%;display:none;text-decoration:none;}
.i-menu-moblie .l-mb2 .i-mb2{float:left;text-decoration:none;width:100%;background:#fff;color:#333;padding:10px 20px;font-size:15px;border-bottom:1px solid #dfdfdf}
.i-menu-moblie .l-mb2 .i-mb2:hover{background:#f1f1f1}
.i-menu-moblie.act .l-mb2{display:block}
/* END header mobie */
#next_step{float:left;fill: #cd3301;}
.box01{width:100%;margin:auto;background:#fafafa;float:left;}
.mautin{width:100%;text-align:center;margin: 40px 0px 10px 0px;font-size:26px;color:#ed1b4a;}
.mautin2{width:100%;text-align:center;margin: 40px 0px 30px 0px;font-size:24px;color:#176fbb;}
.mautin3{width:100%;text-align:center;margin: 40px 0px 30px 0px;font-size:24px;color:#ed1b4a;}
.mautin4{margin:0px;font-size: 30px;color: #fff;background: url(/static/21062023/frontend/image/linebottom.png) repeat-x scroll top left;width: 100%;height:30px;padding: 0;font-weight: 400;}
.bacot{margin: 0px 15px;position: relative;float: left;text-align: center;color: #fff;box-sizing: border-box;box-shadow: 0 1px 11px #8a8a8a42; border-top: 3px solid #cd3301;}
.bacot h2 a{color:#373c40;font-size:15px;line-height:30px;font-weight:normal;}
.bacot h2 a.m2{color:#000;font-weight:normal;font-size:14px;line-height:30px;}
.bacot .sp1{text-align:justify;float:left;color:#373c40;font-size:14px;line-height:25px;min-height:106px;margin-bottom:15px;}
.bacot .sp2{color:#7e8387;font-size:14px;padding:10px;background:#7e8387;border-radius:2px;width:100px;}
.bacot .sp2 a{color:#FFF;}
.bacot .sp3{color:#fff;font-size:14px;padding:10px;background:#e5e5e3;border-radius:2px;width:100px;}
.bacot .sp3 a{color:#373c40;}
.bacot .sp4{float:left;color:#fff;font-size:14px;border-radius:2px;width:100%;text-align:center;min-height:50px;}
.bacot .sp5{float:left;color:#373c40;font-size:14px;line-height:25px;margin:0px 10px 10px;text-align:justify;}
.bacot .sp4 a{color:#373c40;}
.bacot .div1{width: 100%;text-align: center;transform: translate(0px, -47px);}
.bacot .icon{display: inline-block;width: 90px;height: 90px;padding: 20px;border: 3px solid #cd3301;box-sizing: border-box;background: #fff;transform: rotate(45deg) translate(0px, 0px);border-radius: 10px;}
.bacot .title{line-height: 30px;padding: 0px 10px;font-size:16px;margin:40px 0px 0px;padding-bottom: 5px;margin-bottom: 20px;position: relative;font-weight: 600;text-transform: uppercase;color: #000000;}
.bacot .mota{padding: 0px 15px;font-size: 17px;color: #626262;line-height: 26px;}
.bacot svg{animation: roll-1 8s running infinite;width:40px;height:40px;transform: rotate(-45deg);fill: #cd3301;animation: roll-1 8s infinite linear;}
.bacot .div1:hover{}
.bacot .cs-block{color:#333;padding:0px 10px 0px 10px;min-height:290px;font-size:12px;float:left;}
.bacot .cs-block h3{text-align:center;width:100%;font-size:22px;font-weight:normal;}
.bacot .cs-block p{text-align:left;font-size:13px;font-weight:normal;line-height:24px;margin-bottom:0px;}
.bacot .cs-block p a{color:#000;}
.bacot .div1 img{webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all 1.3s ease-out}
.bacot .div1 img:hover{}
.bacot .block_title{text-align: center;font-size: 32px;font-weight: 600;color: #222222;text-transform: uppercase;position: relative;margin-bottom: 60px;}
#item_1{transition-delay: 0.2s;transition: all 1s ease;}
#item_2{transition-delay: 0.2s;transition: all 1.4s ease;}
#item_3{transition-delay: 0.2s;transition: all 1.8s ease;}
.h2a{text-align:center;margin:40px 0px 35px 0px;font-size:26px;color:#373c40;font-weight:500;clear:both;}
.h2b{
	text-align:center;
	margin:40px 0px 30px 0px;
	font-size:30px;
	color:#373c40;
	font-weight:500;
	background: url(/static/21062023/frontend/image/linebottom.png) repeat-x scroll top left;
    width: 100%;
    height: 32px;
    padding: 0;
    margin: 0;
    font-weight: 400;}
	.taisaoht {
    width: 100%;
    float: left;
    background: #000000bf;
    font-weight: 700;
}
.taisaoht p {
    padding-top: 50px;
    font-size: 22px;
    font-weight: normal;
    margin: auto;
    width: 100%;
    float: left;
}
.taisaoht ul {
    width: 100%;
    list-style: none;
    float: left;
    margin:30px 0px 30px 0px;
}
.taisaoht .bghinh {
    background: url(../image/bg01.jpg) no-repeat right;
    width: 100%;
    min-height:180px;
    text-align: center;
    margin: auto;
    /* background-attachment: fixed; */
}
.taisaoht li {
    width:18%;
    display: inline-block;
    position: relative;
	text-shadow: 2px 2px 4px #000000;
}
.taisaoht li span {
    font-size: 50px;
    font-weight: 600;
	border-bottom: 1px solid #d03000;
	padding-bottom:10px;
	color: #d03000;
}
.taisaoht p {
    padding-top: 20px;
    font-size:16px;
    font-weight: normal;
    margin: auto;
    width: 100%;
    float: left;
}
.box_hoptac {
    width: 100%;
    color: #FFF;
    text-align: center;
    background: #154c75;
}
#boxduan .bacot{min-height:395px;}
.bacotf .cs-block{color:#333;font-size:14px;}
.bacotf .cs-block a{color:#333;font-size:14px;}
.bacotf .cs-block h3{font-size:14px;color:#000;}
.htkh{text-decoration:none;color:#e8e8e1;font-weight:normal;}
.sdt{float:left;font-size:26px;color:#ff0000;margin:10px 0px;width: 100%;}
.sdt2{float:left;font-size:26px;color:#ff0000;}
.bot{width:100%;background:#e9e9e9;text-align:center;color:#686868;font-size:13px;padding:13px 0px 10px;float:left;}
#backtotop{position:fixed;bottom:40px;right:10px;z-index:99999;display:none;cursor:pointer;opacity:0.8;}
#backtotop:hover{opacity:1;}
.icondetail{display:block;float:left;font-weight:400;box-sizing:border-box;border:1px dotted #ddd;padding:12px;width:45px;height:45px;font-size:20px;border-radius:5px;color:#999;}
.discount{position:absolute;top:6px;right:6px;background:url('/static/21062023/frontend/image/discount.png') no-repeat 0px 0px;width:50px;height:50px;color:#FFF;font-weight:bold;padding-top:12px;font-size:12px;}
.size1{position:absolute;bottom:6px;width:52px;height:24px;padding:5px 10px 5px 5px;color:#000;font-size:12px;opacity:0.5;background:#ececec;left:5px;}
.size2{position:absolute;bottom:6px;width:52px;height:24px;padding:5px 10px 5px 5px;color:#000;font-size:12px;opacity:0.5;background:#ececec;left:57px;}
.size3{position:absolute;bottom:6px;width:52px;height:24px;padding:5px 10px 5px 5px;color:#000;font-size:12px;opacity:0.5;background:#ececec;left:110px;}
.size4{position:absolute;bottom:6px;width:52px;height:24px;padding:5px 10px 5px 5px;color:#000;font-size:12px;opacity:0.5;background:#ececec;left:163px;}
.size5{position:absolute;bottom:6px;width:52px;height:24px;padding:5px 10px 5px 5px;color:#000;font-size:12px;opacity:0.5;background:#ececec;left:216px;}
.giagocgiam{color: #9b9b9b;margin-bottom: 10px;text-decoration: line-through;text-align: left;float: left;font-size: 18px;font-weight: normal;padding: 20px 0px 0px 20px;}
.sogiam{font-size: 12px;padding: 5px;background: #ff0000;color: #fff;border-radius: 10px;margin: 20px 15px;float: left;}
.giagoc{color:#ee4d2d;border-radius:1px;margin:10px;font-weight:700;font-size:26px;}
.giagiam{padding: 8px 0px;color:#ff6334;border-radius: 1px;margin-top: 5px;text-align: right;font-size: 32px;font-weight: 400;padding-top: 10px;}
.chongia{border:1px solid #e42127;background:url(/static/21062023/frontend/image/icon-check.png) right bottom no-repeat #f7f7f7!important;opacity:1!important;}
.chongiachitiet{border:1px solid #e42127;background:url(/static/21062023/frontend/image/icon-check.png) right bottom no-repeat #f7f7f7!important;border-radius:2px;padding:5px 10px 5px 5px;margin-left:5px;font-size:16px;}
.chongiachitiet0{border:1px solid #e42127;border-radius:2px;padding:5px 10px 5px 5px;margin-left:5px;font-size:16px;}
.tenmuc{background:#ff7600;padding:12px;font-size:14px;float:left;}

.dmtl{float:left;padding:10px;color:#FFF;background:#F4373E;width:220px;position:relative;text-align:center;}

.service{background:#0777bc;border-bottom:solid 1px #ebebeb;color:#fff;}
.service .image{width:100%;text-align:center;}
.service .info h5{font-size:14px;line-height:20px;color:#898989;text-align:center;}
.padding_medium{padding-right:0px;}

.chucnang{float: left;margin-top:25px;margin-left:85px;width:330px;font-size:12px;}
.chucnang i{width:100%;text-align:center;margin:5px 0px 10px 0px;font-size:30px;color:#fdbe10;}
.ulmxh{float:right!important;list-style:none!important;}
.ulmxh li{list-style:none!important;padding:13px 22px!important;margin:0px!important;}
.mnutopsp{width:98.333%;list-style:none;margin:15px 0px 10px 0px;float:left;background:#fff;}
.mnutopsp li{border:1px solid #eee;padding:10px;text-align:center;}
.mnutopsp li.active,.mnutopsp li:hover{background:#dd3334;color:#FFF;}
.uldmtl{height:auto!important;}
.uldmtl li{display:inline;list-style:none;padding:18px 0px 17px 20px;position:relative;float:left;}
.uldmtl li:hover{border-bottom:1px solid #fff;transition-property:background;transition-duration: 1s;border-radius: 20px;}
.uldmtl li a{color:#fff;}
.uldmtl2{visibility:hidden;position:absolute;top:66%;left:0%;background: -webkit-linear-gradient(to bottom, #f5f5f5, #ebebeb);background: -o-linear-gradient(to bottom, #f5f5f5, #ebebeb);background: -moz-linear-gradient(to bottom, #f5f5f5, #ebebeb);background: linear-gradient(to bottom, #f5f5f5, #ebebeb);}
.uldmtl2 li{padding:19.5px;float:left;background:none;}
.uldmtl2 li img{float:left;margin-bottom:10px;margin-right:5px;}
.uldmtl li:hover > .uldmtl2{visibility:visible;transition:all 200ms ease;height:auto!important;z-index:8000;}

/* Zalo */
@import url("//fonts.googleapis.com/css?family=Montserrat|Open+Sans:400,300,600,700&subset=latin,vietnamese");
.zalo-alo-phone{
	position:fixed;visibility:hidden;
	background-color:transparent;width:200px;
	height:200px;cursor:pointer;z-index:200000!important;
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateZ(0);
	-webkit-transition:visibility .5s;
	-moz-transition:visibility .5s;
	-o-transition:visibility .5s;transition:visibility .5s;
	right:150px;
	top:30px
}
.zalo-alo-phone.zalo-alo-show{
	visibility:visible
}
@-webkit-keyframes fadeInRight{
	0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeOutRight{
	0%{opacity:1}
	100%{
		opacity:0;-webkit-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0)
		}
	}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.zalo-alo-phone.zalo-alo-static{opacity:.6}
.zalo-alo-phone.zalo-alo-hover,.zalo-alo-phone:hover{opacity:1}
.zalo-alo-ph-circle{
	width:160px;
	height:160px;
	top:20px;
	left:20px;
	position:absolute;background-color:transparent;-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid rgba(30,30,30,0.4);
	border:2px solid #bfebfc 9;
	opacity:.1;
	-webkit-animation:zalo-alo-circle-anim 1.2s infinite ease-in-out;
	-moz-animation:zalo-alo-circle-anim 1.2s infinite ease-in-out;
	-ms-animation:zalo-alo-circle-anim 1.2s infinite ease-in-out;
	-o-animation:zalo-alo-circle-anim 1.2s infinite ease-in-out;
	animation:zalo-alo-circle-anim 1.2s infinite ease-in-out;
	-webkit-transition:all .5s;-moz-transition:all .5s;
	-o-transition:all .5s;transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;transform-origin:50% 50%
}
.zalo-alo-phone.zalo-alo-active .zalo-alo-ph-circle{
	-webkit-animation:zalo-alo-circle-anim 1.1s infinite ease-in-out !important;
	-moz-animation:zalo-alo-circle-anim 1.1s infinite ease-in-out !important;
	-ms-animation:zalo-alo-circle-anim 1.1s infinite ease-in-out !important;
	-o-animation:zalo-alo-circle-anim 1.1s infinite ease-in-out !important;
	animation:zalo-alo-circle-anim 1.1s infinite ease-in-out !important
}
.zalo-alo-phone.zalo-alo-static .zalo-alo-ph-circle{
	-webkit-animation:zalo-alo-circle-anim 2.2s infinite ease-in-out !important;
	-moz-animation:zalo-alo-circle-anim 2.2s infinite ease-in-out !important;
	-ms-animation:zalo-alo-circle-anim 2.2s infinite ease-in-out !important;
	-o-animation:zalo-alo-circle-anim 2.2s infinite ease-in-out !important;
	animation:zalo-alo-circle-anim 2.2s infinite ease-in-out !important
}
.zalo-alo-phone.zalo-alo-hover .zalo-alo-ph-circle,.zalo-alo-phone:hover .zalo-alo-ph-circle{border-color:#00aff2;opacity:.5}
.zalo-alo-phone.zalo-alo-green.zalo-alo-hover .zalo-alo-ph-circle,.zalo-alo-phone.zalo-alo-green:hover .zalo-alo-ph-circle{
	border-color:#75eb50;
	border-color:#baf5a7 9;
	opacity:.5
}
.zalo-alo-phone.zalo-alo-green .zalo-alo-ph-circle{border-color:#03a9f4;border-color:#bfebfc 9;opacity:.5}
.zalo-alo-phone.zalo-alo-gray.zalo-alo-hover .zalo-alo-ph-circle,.zalo-alo-phone.zalo-alo-gray:hover .zalo-alo-ph-circle{
	border-color:#ccc;opacity:.5
}
.zalo-alo-phone.zalo-alo-gray .zalo-alo-ph-circle{border-color:#75eb50;opacity:.5}
.zalo-alo-ph-circle-fill{
	width:100px;
	height:100px;
	top:50px;
	left:50px;
	position:absolute;background-color:#000;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;
	-webkit-animation:zalo-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:zalo-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation:zalo-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation:zalo-alo-circle-fill-anim 2.3s infinite ease-in-out;
	animation:zalo-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-transition:all .5s;-moz-transition:all .5s;
	-o-transition:all .5s;transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	transform-origin:50% 50%
}
.zalo-alo-phone.zalo-alo-active .zalo-alo-ph-circle-fill{
	-webkit-animation:zalo-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-moz-animation:zalo-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-ms-animation:zalo-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-o-animation:zalo-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	animation:zalo-alo-circle-fill-anim 1.7s infinite ease-in-out !important
}
.zalo-alo-phone.zalo-alo-static .zalo-alo-ph-circle-fill{
	-webkit-animation:zalo-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-moz-animation:zalo-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-ms-animation:zalo-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-o-animation:zalo-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	animation:zalo-alo-circle-fill-anim 2.3s infinite ease-in-out !important;opacity:0 !important
}
.zalo-alo-phone.zalo-alo-hover .zalo-alo-ph-circle-fill,.zalo-alo-phone:hover .zalo-alo-ph-circle-fill{
	background-color:rgba(0,175,242,0.5);
	background-color:#00aff2 9;opacity:.75 !important
}
.zalo-alo-phone.zalo-alo-green.zalo-alo-hover .zalo-alo-ph-circle-fill,.zalo-alo-phone.zalo-alo-green:hover .zalo-alo-ph-circle-fill{
	background-color:rgba(117,235,80,0.5);
	background-color:#baf5a7 9;opacity:.75 !important
}
.zalo-alo-phone.zalo-alo-green .zalo-alo-ph-circle-fill{
	background-color:#03a9f4;
	background-color:#a6e3fa 9;opacity:.75 !important
}.zalo-alo-phone.zalo-alo-gray.zalo-alo-hover .zalo-alo-ph-circle-fill,.zalo-alo-phone.zalo-alo-gray:hover .zalo-alo-ph-circle-fill{
	background-color:rgba(204,204,204,0.5);
	background-color:#ccc 9;opacity:.75 !important
}
.zalo-alo-phone.zalo-alo-gray .zalo-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);opacity:.75 !important}
.zalo-alo-ph-img-circle{
	width:60px;height:60px;top:70px;left:70px;
	position:absolute;
	background:rgba(30,30,30,0.1) url("../image/butzalo.png") no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-animation:zalo-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:zalo-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:zalo-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:zalo-alo-circle-img-anim 1s infinite ease-in-out;animation:zalo-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.zalo-alo-phone.zalo-alo-active .zalo-alo-ph-img-circle{-webkit-animation:zalo-alo-circle-img-anim 1s infinite ease-in-out !important;-moz-animation:zalo-alo-circle-img-anim 1s infinite ease-in-out !important;-ms-animation:zalo-alo-circle-img-anim 1s infinite ease-in-out !important;-o-animation:zalo-alo-circle-img-anim 1s infinite ease-in-out !important;animation:zalo-alo-circle-img-anim 1s infinite ease-in-out !important}.zalo-alo-phone.zalo-alo-static .zalo-alo-ph-img-circle{-webkit-animation:zalo-alo-circle-img-anim 0s infinite ease-in-out !important;-moz-animation:zalo-alo-circle-img-anim 0s infinite ease-in-out !important;-ms-animation:zalo-alo-circle-img-anim 0s infinite ease-in-out !important;-o-animation:zalo-alo-circle-img-anim 0s infinite ease-in-out !important;animation:zalo-alo-circle-img-anim 0s infinite ease-in-out !important}.zalo-alo-phone.zalo-alo-hover .zalo-alo-ph-img-circle,.zalo-alo-phone:hover .zalo-alo-ph-img-circle{background-color:#00aff2}.zalo-alo-phone.zalo-alo-green.zalo-alo-hover .zalo-alo-ph-img-circle,.zalo-alo-phone.zalo-alo-green:hover .zalo-alo-ph-img-circle{background-color:#75eb50;background-color:#75eb50 9}.zalo-alo-phone.zalo-alo-green .zalo-alo-ph-img-circle{background-color:#00aff2;background-color:#03a9f4}.zalo-alo-phone.zalo-alo-gray.zalo-alo-hover .zalo-alo-ph-img-circle,.zalo-alo-phone.zalo-alo-gray:hover .zalo-alo-ph-img-circle{background-color:#ccc}.zalo-alo-phone.zalo-alo-gray .zalo-alo-ph-img-circle{background-color:#75eb50}@-moz-keyframes zalo-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes zalo-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes zalo-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes zalo-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes zalo-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes zalo-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes zalo-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes zalo-alo-circle-img-anim{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)}}@-o-keyframes zalo-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}@-moz-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-o-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-moz-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-o-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-moz-keyframes zalo-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-webkit-keyframes zalo-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-o-keyframes zalo-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@keyframes zalo-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes zalo-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes zalo-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes zalo-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@keyframes zalo-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes zalo-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes zalo-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes zalo-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@keyframes zalo-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}#zalo-alo-wrapper{position:fixed;width:100%;bottom:0;top:0;left:0;z-index:2000000;overflow:visible;display:none;color:#383838}#zalo-alo-wrapper.night-mode{color:#fff}.zalo-alo-popup-close{-webkit-border-radius:2px !important;-moz-border-radius:2px !important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:absolute !important;right:-15px !important;top:-15px !important;height:30px !important;width:30px !important;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII=");background-position:center center;background-repeat:no-repeat;cursor:pointer !important;-webkit-transition:.3s ease-out !important;-moz-transition:.3s ease-out !important;-o-transition:.3s ease-out !important;transition:.3s ease-out !important}#zalo-alo-wrapper.night-mode .zalo-alo-popup-close{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2REUyNDQxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY2REUyNDMxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56uyuzAAABfUlEQVR42sSXvU7DMBDHYxCdw8IDMMCWTDwCdClznLcJr9BUfYs+ALDSqXMisTD3S4K1MBx3kS1ZVuqvNslf+kuRfL5f5OTsMwOAyEFX6DH6Ef2AvkXHYuwH/YVeod/Rr+g/a0YCGxyjC/QW3LUTc2JTbhOUo9cQrrXI4Qy+RM/hfJqLnEYwBSzg/FrocB1cQneaHQNn0L0yyWOinKg0PtE3Ubfaou+bEhRvUEB/KuRSj2x1muc51HVtzUgxnHNbGLFGBJ7YIquqgjRNjXAaS5KkiXXQhMBTl0gT3BNKKgn84RrdBg+AkpaR5z7cAAhEwEBo850JfPCdJeGBUNLhIqQYGWOtz17yXWp1edVlD1nqZQi07Zv7/lzTUOgJ8NJpA5FQU2JP+LPcMvfGIyXLnBISnGJdt8xBDom+j8Ud+k49FvtqBPix1mc2ROszaLM3WHurN/SbE4Ab34Zev8K82Opc017MMV5hmOel7Um5tF2LsW/l0vYm/GtL+C/AAAHy+OD95QLeAAAAAElFTkSuQmCC")}
#zalo-alo-wrapper .zalo-alo-popup-close:hover{opacity:.6 !important}
.zalo-alo-popup{
	display:inline-block;position:relative;-webkit-border-radius:16px;
	-moz-border-radius:16px;border-radius:16px;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyIUPNCUUwAAAA1JREFUCNdj+P///2cACe8D8SyfS4EAAAAASUVORK5CYII=");
	-webkit-transition:.6s ease-out;-moz-transition:.6s ease-out;
	-o-transition:.6s ease-out;transition:.6s ease-out;
	margin:0 auto;z-index:200001;text-align:center;padding:60px 75px
}
#zalo-alo-wrapper.night-mode .zalo-alo-popup{
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=")}
#zalo-alo-wrapper .zalo-alo-overlay{
	position:fixed;width:100%;
	height:100%;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=");top:0;left:0;z-index:200000}.zalo-alo-popup h3{font-size:24px;margin:0 0 40px;font-family:'Open Sans';font-weight:300;white-space:nowrap}.night-mode .zalo-alo-popup h3{font-size:23px}.night-mode .zalo-alo-message{padding-bottom:0}.zalo-alo-message{height:32px;padding:18px 0 13px 0;text-align:center;clear:both;font-size:14px}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-input-wrapper .label,#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-input-wrapper .label + .input{float:left;width:49%}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-input-wrapper .input{padding:0 13px}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-input-wrapper label{color:#616161;font-size:18px;height:28px;line-height:28px;padding-right:15px}.zalo-alo-number{color:#00bed5;font-size:28px;font-family:Montserrat,"Lucida Console",Monaco,monospace,sans-serif;font-weight:normal;background-color:transparent;border:none;border-width:0;display:inline-block;border-bottom:#00bed5 solid 1px;padding-bottom:10px;margin:0 auto;width:221px}zalo-alo-number::-ms-clear{display:none;width:0;height:0}.night-mode .zalo-alo-number{border:#00bed5 solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:13px 31px}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-input-wrapper input[type="text"].valid-invalid{color:#ff496b}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-input-wrapper input[type="text"]:focus{outline:0}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#d1d1d1}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#d1d1d1}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1}#zalo-alo-wrapper.night-mode .zalo-alo-popup .zalo-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#60615f}#zalo-alo-wrapper.night-mode .zalo-alo-popup .zalo-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f}#zalo-alo-wrapper.night-mode .zalo-alo-popup .zalo-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#60615f}#zalo-alo-wrapper.night-mode .zalo-alo-popup .zalo-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-submit{border:none;border-width:0;padding:20px 40px;background-color:#333;-webkit-border-radius:68px;-moz-border-radius:68px;-webkit-border-radius:68px;-moz-border-radius:68px;border-radius:68px;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:20px;color:#fff;cursor:pointer;outline:none !important}#zalo-alo-wrapper.night-mode .zalo-alo-popup .zalo-alo-submit{background-color:#00bed5}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-submitavtive,#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-submitvisited{outline:none !important}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-submit-moz-focus-inner{border:0}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-submit:hover{background-color:#00aff2;background-color:#00aff2}.zalo-alo-blur{-webkit-filter:blur(3px);-ms-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);filter:blur(3px);filter:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48L3N2Zz4jYmx1cg==#blur")}#zalo-countdown{padding-top:20px;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:28px;font-weight:300}.zalo-alo-request-time{font-family:"Open Sans",Arial,Helvetica,sans-serif;padding:6px 12px;font-size:18px;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}#zalo-alo-wrapper.night-mode .zalo-alo-request-time{color:#fff;background-color:#515350;border:1px solid #606260}#zalo-alo-wrapper.night-mode .zalo-alo-popup h3{margin-bottom:15px}#zalo-alo-wrapper.night-mode .zalo-alo-form .zalo-alo-select-wrapper{margin-bottom:35px}.zalo-alo-table{display:table;width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0}.zalo-alo-cell{display:table-cell;vertical-align:middle;text-align:center}.valid-invalid-message{font-size:13px;color:#ff496b}.valid-invalid-message:before{content:"* "}
/* !Zalo */

/* hotline */
@import url("//fonts.googleapis.com/css?family=Montserrat|Open+Sans:400,300,600,700&subset=latin,vietnamese");
.coccoc-alo-phone{
	position:fixed;visibility:hidden;
	background-color:transparent;width:200px;
	height:200px;cursor:pointer;z-index:200000!important;
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateZ(0);
	-webkit-transition:visibility .5s;
	-moz-transition:visibility .5s;
	-o-transition:visibility .5s;transition:visibility .5s;
	right:150px;
	top:30px
}
.coccoc-alo-phone.coccoc-alo-show{
	visibility:visible
}
@-webkit-keyframes fadeInRight{
	0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeOutRight{
	0%{opacity:1}
	100%{
		opacity:0;-webkit-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0)
		}
	}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.coccoc-alo-phone.coccoc-alo-static{opacity:.6}
.coccoc-alo-phone.coccoc-alo-hover,.coccoc-alo-phone:hover{opacity:1}
.coccoc-alo-ph-circle{
	width:160px;
	height:160px;
	top:20px;
	left:20px;
	position:absolute;background-color:transparent;-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid rgba(30,30,30,0.4);
	border:2px solid #bfebfc 9;
	opacity:.1;
	-webkit-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	-moz-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	-ms-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	-o-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	-webkit-transition:all .5s;-moz-transition:all .5s;
	-o-transition:all .5s;transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;transform-origin:50% 50%
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle{
	-webkit-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
	-moz-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
	-ms-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
	-o-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
	animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle{
	-webkit-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
	-moz-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
	-ms-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
	-o-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
	animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone:hover .coccoc-alo-ph-circle{border-color:#00aff2;opacity:.5}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle{
	border-color:#75eb50;
	border-color:#baf5a7 9;
	opacity:.5
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle{border-color:#F20000;border-color:#bfebfc 9;opacity:.5}
.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle{
	border-color:#ccc;opacity:.5
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle{border-color:#75eb50;opacity:.5}
.coccoc-alo-ph-circle-fill{
	width:100px;
	height:100px;
	top:50px;
	left:50px;
	position:absolute;background-color:#000;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;
	-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
	animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-transition:all .5s;-moz-transition:all .5s;
	-o-transition:all .5s;transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	transform-origin:50% 50%
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle-fill{
	-webkit-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-moz-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-ms-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-o-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle-fill{
	-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;opacity:0 !important
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill{
	background-color:rgba(0,175,242,0.5);
	background-color:#00aff2 9;opacity:.75 !important
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill{
	background-color:rgba(117,235,80,0.5);
	background-color:#baf5a7 9;opacity:.75 !important
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill{
	background-color:#F20000;
	background-color:#a6e3fa 9;opacity:.75 !important
}.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle-fill{
	background-color:rgba(204,204,204,0.5);
	background-color:#ccc 9;opacity:.75 !important
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);opacity:.75 !important}
.coccoc-alo-ph-img-circle{
	width:60px;height:60px;top:70px;left:70px;
	position:absolute;
	background:rgba(30,30,30,0.1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==") no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone:hover .coccoc-alo-ph-img-circle{background-color:#00aff2}.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle{background-color:#75eb50;background-color:#75eb50 9}.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle{background-color:#00aff2;background-color:#F20000}.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-img-circle{background-color:#ccc}.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-img-circle{background-color:#75eb50}@-moz-keyframes coccoc-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes coccoc-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-o-keyframes coccoc-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes coccoc-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes coccoc-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes coccoc-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes coccoc-alo-circle-img-anim{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)}}@-o-keyframes coccoc-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}@-moz-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-o-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-moz-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-o-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-moz-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-webkit-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-o-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}#coccoc-alo-wrapper{position:fixed;width:100%;bottom:0;top:0;left:0;z-index:2000000;overflow:visible;display:none;color:#383838}#coccoc-alo-wrapper.night-mode{color:#fff}.coccoc-alo-popup-close{-webkit-border-radius:2px !important;-moz-border-radius:2px !important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:absolute !important;right:-15px !important;top:-15px !important;height:30px !important;width:30px !important;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII=");background-position:center center;background-repeat:no-repeat;cursor:pointer !important;-webkit-transition:.3s ease-out !important;-moz-transition:.3s ease-out !important;-o-transition:.3s ease-out !important;transition:.3s ease-out !important}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup-close{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2REUyNDQxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY2REUyNDMxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56uyuzAAABfUlEQVR42sSXvU7DMBDHYxCdw8IDMMCWTDwCdClznLcJr9BUfYs+ALDSqXMisTD3S4K1MBx3kS1ZVuqvNslf+kuRfL5f5OTsMwOAyEFX6DH6Ef2AvkXHYuwH/YVeod/Rr+g/a0YCGxyjC/QW3LUTc2JTbhOUo9cQrrXI4Qy+RM/hfJqLnEYwBSzg/FrocB1cQneaHQNn0L0yyWOinKg0PtE3Ubfaou+bEhRvUEB/KuRSj2x1muc51HVtzUgxnHNbGLFGBJ7YIquqgjRNjXAaS5KkiXXQhMBTl0gT3BNKKgn84RrdBg+AkpaR5z7cAAhEwEBo850JfPCdJeGBUNLhIqQYGWOtz17yXWp1edVlD1nqZQi07Zv7/lzTUOgJ8NJpA5FQU2JP+LPcMvfGIyXLnBISnGJdt8xBDom+j8Ud+k49FvtqBPix1mc2ROszaLM3WHurN/SbE4Ab34Zev8K82Opc017MMV5hmOel7Um5tF2LsW/l0vYm/GtL+C/AAAHy+OD95QLeAAAAAElFTkSuQmCC")}
#coccoc-alo-wrapper .coccoc-alo-popup-close:hover{opacity:.6 !important}
.coccoc-alo-popup{
	display:inline-block;position:relative;-webkit-border-radius:16px;
	-moz-border-radius:16px;border-radius:16px;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyIUPNCUUwAAAA1JREFUCNdj+P///2cACe8D8SyfS4EAAAAASUVORK5CYII=");
	-webkit-transition:.6s ease-out;-moz-transition:.6s ease-out;
	-o-transition:.6s ease-out;transition:.6s ease-out;
	margin:0 auto;z-index:200001;text-align:center;padding:60px 75px
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup{
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=")}
#coccoc-alo-wrapper .coccoc-alo-overlay{
	position:fixed;width:100%;
	height:100%;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=");top:0;left:0;z-index:200000}.coccoc-alo-popup h3{font-size:24px;margin:0 0 40px;font-family:'Open Sans';font-weight:300;white-space:nowrap}.night-mode .coccoc-alo-popup h3{font-size:23px}.night-mode .coccoc-alo-message{padding-bottom:0}.coccoc-alo-message{height:32px;padding:18px 0 13px 0;text-align:center;clear:both;font-size:14px}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label,#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label + .input{float:left;width:49%}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .input{padding:0 13px}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper label{color:#616161;font-size:18px;height:28px;line-height:28px;padding-right:15px}.coccoc-alo-number{color:#00bed5;font-size:28px;font-family:Montserrat,"Lucida Console",Monaco,monospace,sans-serif;font-weight:normal;background-color:transparent;border:none;border-width:0;display:inline-block;border-bottom:#00bed5 solid 1px;padding-bottom:10px;margin:0 auto;width:221px}coccoc-alo-number::-ms-clear{display:none;width:0;height:0}.night-mode .coccoc-alo-number{border:#00bed5 solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:13px 31px}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"].valid-invalid{color:#ff496b}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]:focus{outline:0}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit{border:none;border-width:0;padding:20px 40px;background-color:#333;-webkit-border-radius:68px;-moz-border-radius:68px;-webkit-border-radius:68px;-moz-border-radius:68px;border-radius:68px;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:20px;color:#fff;cursor:pointer;outline:none !important}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-submit{background-color:#00bed5}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitavtive,#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitvisited{outline:none !important}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit-moz-focus-inner{border:0}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit:hover{background-color:#00aff2;background-color:#00aff2}.coccoc-alo-blur{-webkit-filter:blur(3px);-ms-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);filter:blur(3px);filter:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48L3N2Zz4jYmx1cg==#blur")}#coccoc-countdown{padding-top:20px;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:28px;font-weight:300}.coccoc-alo-request-time{font-family:"Open Sans",Arial,Helvetica,sans-serif;padding:6px 12px;font-size:18px;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}#coccoc-alo-wrapper.night-mode .coccoc-alo-request-time{color:#fff;background-color:#515350;border:1px solid #606260}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup h3{margin-bottom:15px}#coccoc-alo-wrapper.night-mode .coccoc-alo-form .coccoc-alo-select-wrapper{margin-bottom:35px}.coccoc-alo-table{display:table;width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0}.coccoc-alo-cell{display:table-cell;vertical-align:middle;text-align:center}.valid-invalid-message{font-size:13px;color:#ff496b}.valid-invalid-message:before{content:"* "}
/* !hotline */
@keyframes roll-1 {
10% {
    transform: rotateY(0) scale(1);
}
20% {
    transform: rotateY(180deg) scale(1.2);
}
30% {
    transform: rotateY(0) scale(1);
}
}
.codesp{position:absolute;right:10px;bottom:0px;padding:0px 0px 7px 10px;opacity:0.7;color:#dd3334;font-size:12px;font-weight:normal;}

.datatab1{width:100%;float: left;}
.spnew .h2{line-height:40px;text-align:center;background:url(/static/21062023/frontend/image/b2.png) no-repeat center 50px;height:80px;font-size:24px;color;margin-bottom:20px;font-weight:normal;}
.spnew .h2 a{color:#000;}
.sale-per{position:absolute;top:10px;right:10px;z-index:100;}
.sale-per-detail{position:absolute;top:10px;right:10px;z-index:100;}
.sale-per span,.sale-per-detail span{background:#f98e04;padding:0;font-size:12px;color:#fff;border-radius:100%;width:40px;height:40px;line-height:40px;display:block;}
.sale-per-right{position:absolute;top:10px;right:10px;z-index:100;}
.sale-per-right{position:absolute;top:10px;right:10px;z-index:100;    background-image: url(/static/21062023/frontend/image/icon-hot.png); background-size: contain;}
.sale-per-right span{padding:6px 0 0;font-size:13px;color:#fff;border-radius:100%;width:40px;height:40px;line-height:14px;display:block;vertical-align:middle;}
#search .sc{float:left;padding:12px 12px 7px;width:90px;}
#search .slcs{width:70px;border:none;font-size:12px;}
.cot1-sp{width:20%;float:left;}
.cot1-sp .boxsp_230 li{width:90%;}
.cot2-sp{width:70%;float:right;}
.spcate{width:100%;float:left;}
.cot2-sp .th1{background: #ff9a12;padding:18px 10px 12px 10px;border:1px solid #ececec;text-transform:uppercase;font-size:14px;margin:0px 0px 10px;color: #fff;}
.cot2-sp .th2{font-size:22px;font-weight:700;line-height:24px;}
.cot2-sp .intro{padding: 20px;font-size: 16px;margin-bottom: 15px;line-height: 26px;background: #fff;text-align: justify;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .12), 0 -1px 3px 0 rgba(0, 0, 0, .08);transform: translateY(-2px);transition: all 0.5s ease;}
* box spotlight */
a:before,a:after{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.gutter-0{margin-left:0;margin-right:0;margin:auto;margin-top:10px;}
.gutter-0 > [class*='col-']{padding-right:0px;padding-left:0px;padding:10px;}
#section_quicklink .item{display:block;background-size:cover;background-repeat:no-repeat;background-position:center center;height:295px;position:relative}
#section_quicklink .item:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:#323232;opacity:0}
#section_quicklink .item:before,#section_quicklink .item .title,#section_quicklink .item .corner{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#section_quicklink .title{margin:0;text-align:center;position:absolute;width:100%;text-align:center;bottom:0px;left:0;font-size:20px;text-transform:uppercase;font-weight:500;color:#fff;background:rgb(16 166 225 / 53%);padding:23px;}
#section_quicklink .item .corner{width:0;height:0;border-style:solid;border-width:0 0 67px 67px;border-color:transparent transparent #fbcc38;position:absolute;right:0;bottom:0;z-index:2;color:#fff}
#section_quicklink .item .corner:before{content:'+';text-align:center;position:absolute;bottom:-70px;right:10px;font-size:25px;}
#section_quicklink .item:hover:before{opacity:0.5;}
#section_quicklink .item:hover .title{bottom:100px;color:#fff;}
#section_quicklink .item:hover .corner{border-color:transparent transparent #f9b004 transparent;color:#2f2f2f;}
/* !box spotlight */
#product-spec{ border-top:1px solid #f2f2f2;margin-bottom:30px;width:100%;}
#product-spec tr td{background-color:#fafafa;border:1px solid #f2f2f2;padding:4px 10px;height:30px;line-height:30px;font-size:14px;font-weight:normal;}
.flitemhead{background:#f5f5f5;padding:10px;color:#4267b2;}
.flitem{background:#fff;padding:12px 10px;}
.flprice{margin:5px 0px;}
.ui-widget-header{background-color:#f4f4f4!important;}
.ui-widget-content .ui-state-default{border-radius:50%;background:#81ab00!important;}
.tagitem{float:left;margin:10px 5px 10px 10px;font-size:14px;}
.logoload{position:absolute;top:40%;left:40%}
.preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:#FFF;z-index:1000;overflow:hidden}
/* track scroll */
::-webkit-scrollbar{-webkit-appearance:none;width:7px}
::-webkit-scrollbar-thumb{background:#322f31}
::-webkit-scrollbar-track{background:#fff}
body{scrollbar-face-color:#322f31;scrollbar-track-color:#fff}

.btn btn-warning btn-ve{}

#tabtop a:hover,#tabtop .act{color:#d03000 ;border-bottom:1px solid #d03000 ;}
.spnew a:hover{color:#d03000 !important;}
.itemcarttop{background:#3c3c3c;color:#fff;padding:10px}
.itemcartbot{padding:10px;line-height:30px;}
.itemcart1{padding:10px;margin:10px 0;border-bottom:1px solid #ececec;line-height:30px;}
.itemcart1:last-child{border:none}
.entry{border:1px #d1d1d1 solid;height:30px;line-height:27px;width:30px;margin-left:-1px;display:inline-block;cursor:pointer;position:relative;font-size:12px;color:#4c4c4c;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none}

.h-auto{height:auto!important;}
.show-more::before{height:55px;margin-top:-45px;content:-webkit-gradient(linear,0% 100%,0% 0%,from(#fff),color-stop(.2,#fff),to(rgba(255,255,255,0)));display:block}
.readmore{width:90px;display:block;overflow:hidden;position:relative;line-height:40px;font-size:14px;color:#288ad6;margin:10px auto;cursor:pointer}
.readmore:after{content:'';width:0;right:0;border-top:6px solid #288ad6;border-left:6px solid transparent;border-right:6px solid transparent;display:inline-block;vertical-align:middle;margin:-2px 0 0 5px}

.ui-widget-content .ui-state-default{background:#f6f6f6!important;border-radius:0px;}
#content{background:#fff;}
.box_thongtin{clear: both;margin-bottom: 10px;font-size: 14px;display: flex;justify-content: start;align-items: start;width: 100%;float: left;background: #fff;border-radius: 15px;overflow: hidden;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);padding: 15px;}
.box_thongtin .coll{width:250px;}
.box_thongtin .colr{width:100%;}
.box_thongtin .colr ul{margin-left:40px;}
.box_thongtin h2{font-size:18px;font-weight:700;}
.box_thongtin .colr .title{font-size:16px;font-weight:700;border-bottom:1px solid #ececec;margin-bottom:15px;float: left;width: 100%;padding: 10px 0px;}
.box_datve{background: #f8f8f8;clear:both;width:100%;padding:15px;border:1px solid #ececec;border-radius:8px;margin-top:10px;margin-bottom:20px;font-size:16px;}
.box_datve .cont{display:flex;justify-content:space-between;align-items:start;margin-bottom:15px;}
.box_datve h2{font-size:18px;font-weight:700;margin-bottom: 20px;}
.box_datve .col1{width:30%;display:flex;flex-direction:column;}
.box_datve .col1 p{margin-bottom:10px;font-weight:700;font-size: 14px;}
.box_datve .col2{width:33%;}
.box_datve .col2 p{margin-bottom:10px;font-weight:700;font-size: 14px;}
.box_datve .col2 .cont{display:flex;justify-content:space-between;align-items:start;}
.box_datve .col2 .cont .cum{display:flex;flex-direction:column;}
.box_datve .minus, .box_datve .plus, .box_datve .qty{outline:none;height:3rem;border:1px solid#e7e7e7;color:#222529;border-radius:0;cursor:pointer;width:30px;}
.box_datve .minus{margin-right:-5px;}
.box_datve .plus{margin-left:-5px;}
.box_datve .qty{width:50px;text-align: center;padding:5px;font-size:14px;}
.box_datve .col3{width:30%;}
.box_datve .col3 p{margin-bottom:10px;font-weight:700;font-size: 14px;}
.box_datve .txtd{width:100%;height:30px;margin-bottom:5px;padding:5px;font-size:14px;}
.box_datve .txtt{width:25%;height:30px;margin-bottom:5px;padding:5px;font-size:14px;}
.box_datve .txt1{width:100%;height:30px;margin-bottom:5px;padding:5px;font-size:14px;}
.box_datve .txtare1{width:100%;height:90px;margin-bottom:5px;}
.box_datve .col1a{width:67%;}
.box_datve .col2a{width:30%;text-align: center;}
.box_datve .col2a .giave{color:#ff0000;font-size:20px;font-weight:700;margin-bottom: 10px;}
.box_datve .col2a .btn-ve{}
.box_datve .col1a p{margin-bottom:10px;font-weight:700;font-size: 14px;}
#box_content .tool_dl{min-height:60px;margin:0px 10px 10px;}
.tool_dl{font-size:14px;margin:10px;}
.tool_dl p{margin-bottom:10px;font-weight:300;}
.tool_more{display:flex;justify-content:space-between;margin:0px 10px;font-size:13px;}
.tool_more .gia{display:flex;align-items:start;}
.tool_more .gia img{margin-right:5px!important;}
.tool_more .giagoc{font-size:13px;margin-left: 5px;}
._cursor{cursor:pointer;height:100%;position:relative;}
.box-top-sp{width:100%;display:flex;justify-content:space-between;align-items:center;margin:15px 0px;}
.box-top-sp .tool_list{margin:10px 0px;float:left;}
.box-top-sp .tool_list p{margin-bottom:5px;font-weight:300;}
.tool_list{width:100%;margin-bottom:10px;}
.tool_list .tool{width:25%;margin-top:10px;}
.dflex1{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;}
.dflex{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;}
.h2tool{font-size:18px;font-weight:700;margin-bottom:20px;}
.vehicle_note .col-md-6{width:100%;}
.vehicle_note .col-md-6 p{font-weight:300;}
.box_thongtin .colr .lichtrinh{display:flex;}
.box_thongtin .colr .lichtrinh1{width:100px;margin-right:10px;border-right: 1px solid #ececec;padding-right:10px;}
.box_thongtin .colr .lichtrinh1 .ngaytour{color:#000;border:1px solid #bfbfbf;padding:10px;border-radius:5px;margin-bottom:10px;text-align:center;cursor:pointer;}
.box_thongtin .colr .lichtrinh1 .ngaytour:hover,.box_thongtin .colr .lichtrinh1 .ngaytouract{color:#ff0000;border:1px solid #ff0000;}
.box_thongtin .colr .lichtrinh2{width:calc(100% - 100px);}
.phongcont{box-shadow:rgba(0, 0, 0, 0.1) 0px 5px 10px;border-radius:5px;background: #fff;}
.phong{display:flex;}
.phong .cot1{width:15%;}
.phong .cot3{width:15%;display:flex;flex-direction:column;justify-content:center;align-items: center}
.phong .cot2{width:70%;padding-left:10px;}
.phong .cot2 .info{display:flex;font-size:14px;}
.phong .cot2 .info2{font-size:14px;margin-top:10px;}
.phong .cot2 .info1{justify-content:space-between;font-size: 14px;}
.phong .cot2 .tool_dl{text-align:left;margin-top:0px;margin-bottom:0px;margin-right:0px;font-size:14px;display:flex;line-height: 30px;}
.phong .cot2 .tool_dl p{margin-bottom:5px;font-weight:400;margin-right:15px;}
.phong .cot3 a{color:rgb(69 169 251);font-size:14px;}
.phong_note{border-top:1px solid #ececec;padding-bottom:15px;}
.phong_note .col1a{padding-left:10px;padding-top:10px;font-size:12px;color: red;}
.phong_note .col2a{padding-top:10px;display:flex;justify-content:space-between;align-items:center;flex-direction: column}
.phong_note .btn-ve{}
#boxModalHotel .box_datve .txtt{width:48%;}
.phong_modal p img{}
.more_pic{width:100%;display:flex;z-index:2;position:absolute;line-height:21px;justify-content:center;height:100%;color:#fff;font-size:22px;background-color:rgb(253 190 16 / 30%);font-weight:bold;text-align:center;align-items:center;}
.sticky{position:fixed;top:104px;width:110px!important;height:40px;z-index:99999;}
.invisible{visibility:hidden;height:0px;}
.sticky #muc_luc_chi_tiet{width: 450px;box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);    margin-top: 10px;background: #fff;}
.breadcrumbs_inner {
    pointer-events: none; /* Tắt sự kiện chuột trên nền */
}
.title_right{color: #fff;background:linear-gradient(270deg, #ff7f04, #ef3535);padding: 10px;font-size: 14px;border-radius: 3px;text-align: center;font-weight: 700;}
.breadcrumb_cate {
    pointer-events: auto; /* Bật sự kiện chuột trên liên kết */
}
.category-tags a:hover {
    background: #cd3301;
    color: #fff;
}
.breadcrumbs_wrapper
{
	display: inline-grid;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    padding: 10px 20px;
    width: 100%;
    box-sizing: border-box;
	float:left;
}
.breadcrumbs_wrapper .breadcrumb_cate
{
    text-align: center;
	color:#fff;
}

.breadcrumbs_wrapper h1
{
	color: #fff;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
}

.breadcrumbs_wrapper .breadcrumb_item
{
color: #fff;
    text-decoration: none;
}


#down_hsnl
{
	color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    width: 100%;
    float: left;
}
#boxquytrinh .down_hsnl
{
	color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    font-weight: 600;
    background: #cd3301;
    width: 230px;
    margin: auto;
    margin-top: 20px;
    border-radius: 5px;
	padding:15px 0px;
}
.breadcrumbs_inner
{
	float: left;
    width: 100%;
    font-size: 12px;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
.breadcrumbs_inner {
    position: relative; /* Đảm bảo phần tử có ngữ cảnh định vị */
    width: 100%; /* Điều chỉnh kích thước theo nhu cầu */
    height: 300px; /* Đặt chiều cao cụ thể, bạn có thể thay đổi */
    background-size: cover; /* Đảm bảo hình nền phủ toàn bộ */
    background-position: center; /* Căn giữa hình nền */
}

.breadcrumbs_inner:after {
    content: ''; /* Bắt buộc để pseudo-element hiển thị */
    position: absolute; /* Đặt vị trí tuyệt đối để phủ lên */
    top: 0;
    left: 0;
    width: 100%; /* Phủ toàn bộ chiều ngang */
    height: 100%; /* Phủ toàn bộ chiều cao */
    background-image: url('/static/21062023/frontend/image/bgbanner.png');
    background-size: cover; /* Đảm bảo hình phủ vừa khít */
    background-position: center; /* Căn giữa hình phủ */
    z-index: 1; /* Đảm bảo hình phủ nằm trên hình nền */
}
/* Video Grid */
.video-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Mặc định 3 cột */
    gap:20px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* Tỷ lệ 16:9 */
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: none;
}
.pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 20px 0;
}
.pagination button {
    padding: 5px 10px;
    cursor: pointer;
	color: #000;
}
.pagination button.active {
    background: #cd3301;
    color: white;
}		  
    .video-grid, .video-container, .image-container {
        display: block !important;
    }
    .video-container {
        position: relative;
        padding-bottom: 56.25%; /* Tỷ lệ 16:9 cho video */
        height: 0;
        overflow: hidden;
    }
    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .tab-content {
        display: none;
    }
    .tab-content.active {
        display: block;
    }
    .news_cat {
        cursor: pointer;
    }
    .news_cat.active {
        color: #ff0000;
    }
    .image-container img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .pagination {
        text-align: center;
        margin-top: 20px;
        display: flex;
        justify-content: center;
        gap: 10px;
    }
    .pagination a {
        display: inline-block;
        padding: 8px 16px;
        border: 1px solid #ccc;
        border-radius: 5px;
        text-decoration: none;
        color: #333;
        background-color: #f8f8f8;
        transition: all 0.3s ease;
    }
    .pagination a.active {
        background-color: #ff0000;
        color: #fff;
        border-color: #ff0000;
    }
    .pagination a:hover:not(.disabled) {
        background-color: #ddd;
        border-color: #bbb;
    }
    .pagination a.disabled {
        color: #aaa;
        background-color: #f0f0f0;
        border-color: #ccc;
        cursor: not-allowed;
    }

.block-servicesCmWrap .list_item_str{
	padding-top:35px;
    position: relative;
    z-index: 2;
}

.block-servicesCmWrap .list_item_str .title{
	text-transform: uppercase;
    font-size: 32px;
    font-weight: 700;
    color: #898989;
    line-height: 54px;
	padding-left: 20px;
}

.block-servicesCmWrap .list_item_str .title span{
	color: #d03000;
    display: inline-block;
    position: relative;
}

.block-servicesCmWrap .summary{
	font-size: 16px;
    line-height: 26px;
    color: #444444;
    padding-left: 30px;
}

.block-servicesCmWrap .list_item_str .item{
    margin-bottom:35px;
    max-width:100%;
	opacity: 1;
    visibility: visible;	
	float: left;
}

.block-servicesCmWrap .list_item_str .item#item_1{
	transition: all 1s ease;
	transition-delay: 0.2s;
}

.block-servicesCmWrap .list_item_str .item#item_2{
	transition: all 1.4s ease;
	transition-delay: 0.2s;
}

.block-servicesCmWrap .list_item_str .item#item_3{
	transition: all 1.8s ease;
    transform: translate(0);
    transition-delay: 0.4s;
}

.block-servicesCmWrap .list_item_str .item .stt{
	width: 60px;
    height: 60px;
    float: left;
    text-align: center;
    line-height:65px;
    background: linear-gradient(to right, #ff6c00, #cd3301);;
    color: #fff;
    font-size:60px;
    overflow: hidden;
    font-weight: 700;
    transform: rotate(45deg);
    border-radius: 5px;
	margin: 10px;
}

.block-servicesCmWrap .list_item_str .item .stt span{
	transform: rotate(-45deg);
    display: inline-block;
}

.block-servicesCmWrap .list_item_str #item_2 .stt{
	font-size:60px;
    width:60px;
    height:60px;
    line-height:60px;
}

.block-servicesCmWrap .list_item_str #item_2{
	margin-left: 0px;
}

.block-servicesCmWrap .list_item_str #item_3 .stt {
    font-size:60px;
    width:60px;
    height:60px;
    line-height: 60px;
}

.block-servicesCmWrap .list_item_str .item .item_r{
	width: calc(100% - 100px);
    float: right;
    text-align: left;
}

.block-servicesCmWrap .list_item_str .item .item_r .item_title{
	font-size: 22px;
    color: #d03000;
    text-transform: uppercase;
    font-weight: 600;
    font-style: italic;
}

.block-servicesCmWrap .list_item_str .item .item_r .item_sum{
	color: #313131;
    margin-top: 5px;
    font-size: 16px;
    line-height: 20px;
}


.block-servicesCmWrap .list_item_str .item .cls::after {
    content: '';
    display: block;
    clear: both;
}

.block-servicesCmHome .nddvxd {
    color: #373c40;
    line-height: 24px;
    text-align: justify;
}

.block-servicesCmHome .desc {font-weight: 700;}

#boxquytrinh  .gallery img{overflow: hidden;}
#boxquytrinh  .gallery {display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;margin: 20px auto;}

        .gallery img {
            width: 100%;
            height: 150px;
            object-fit: cover;
            cursor: pointer;
            transition: transform 0.3s;
        }

        .gallery img:hover {
            transform: scale(1.05);
        }

        .modal {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.9);
			z-index: 1000;
        }

        .modal-content {
			margin: auto;
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 700px;
        }

        .close {
			z-index: 1000;
			position: absolute;
			top: 10%;
			right: 35px;
			color: #fff;
			font-size:30px;
			cursor: pointer;
			opacity: 1.2;
        }

        .pagination {
            text-align: center;
            margin: 20px 0;
			width: 100%;
        }

        .pagination button {
            padding: 8px 16px;
            margin: 0 5px;
            cursor: pointer;
            background-color: #f0f0f0;
            border: none;
            border-radius: 4px;
        }

        .pagination button.active {
            background-color: #4CAF50;
            color: white;
        }

        .pagination button:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }


		.prev, .next {
			z-index: 1000;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			background: none;
			border: none;
			color: white;
			font-size: 40px;
			cursor: pointer;
			padding: 0 20px;
		}

		.prev {
			left: 10px;
		}

		.next {
			right: 10px;
		}

		.caption {
			position: absolute;
			bottom: 20px;
			left: 50%;
			transform: translateX(-50%);
			color: white;
			text-align: center;
			font-size: 16px;
		}
	.gallery:hover img {
    opacity: 0.8; /* Làm mờ nhẹ hình ảnh khi hover */
}

/* Tạo biểu tượng kính lúp */
.gallery::after {
    content: '\1F50D'; /* Unicode của biểu tượng kính lúp */
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none; /* Đảm bảo biểu tượng không cản trở sự kiện click */
}

.gallery:hover::after {
    opacity: 1; /* Hiển thị biểu tượng khi hover */
}

#boxquytrinh .row_form {
    width:100%;
    margin-right: 20px;
    float: left;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 1px 11px #8a8a8a42;
}

#boxquytrinh .row_form .title_form {
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    margin-bottom: 10px;
	font-weight: 700;
}

#boxquytrinh .contact_table .mbl {
    margin-bottom: 20px;
    text-align: left;
}

#boxquytrinh .contact_table label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
}

#boxquytrinh .contact_table .txtinput {
    width: 100%;
    border: 1px solid #DBDCDE;
    padding-left: 10px;
    height: 40px;
    line-height: 35px;
    box-sizing: border-box;
    font-size: 15px;
}

#boxquytrinh .contact_table #message {
    width: 100%;
    border: 1px solid #DBDCDE;
    padding-left: 10px;
    height: 150px;
    box-sizing: border-box;
    padding-top: 10px;
}

#boxquytrinh .mbl:last-child a {
    display: inline-block;
    padding: 12px 50px;
    color: #fff;
    background:#cc3300;
    border-radius: 60px;
    font-size: 16px;
    text-transform: uppercase;
    transition: 0.5s;
    letter-spacing: 2.5px;
}

#boxquytrinh .note_contact {
    width:100%;
    float: right;
    padding-left: 20px;
    box-sizing: border-box;
    padding-top: 30px;
}

#boxquytrinh .address {
    color: #000000;
    background: #FFF;
	font-size: 16px;
    line-height: 28px;
	padding: 10px;
}

.note_contact .title{
    text-transform: uppercase;
    font-size: 20px;
}

#boxquytrinh .note_contact .adress_item h2 {
    font-size: 18px;
}

.contact .note_contact p {
    font-size: 14px;
    line-height: 26px;
    color: #444;
}

.contact .note_contact h3 {
    font-size: 22px;
    margin-top: 20px;
    color: red;
}


#boxquytrinh .furnitures_home {
    position: relative;
    box-sizing: border-box;
    margin-top: 30px;
}

#boxquytrinh .block_title {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    color: #222222;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 60px;
}

#boxquytrinh .furn-content {
    font-size: 15px;
}

#boxquytrinh .furn-content .furn-inner {
    display: flex;
    flex: 1;
}

#boxquytrinh .furn-content .row {
    width:100%;
    margin: 0 10px;
    box-shadow: 0 1px 11px #8a8a8a42;
}

#boxquytrinh .furn-content .row .step {
    padding: 30px;
    box-sizing: border-box;
}

#boxquytrinh .furn-content .row .step .step_title {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

#boxquytrinh .furn-content .row .step p {
    line-height: 30px;
}

#boxquytrinh .furn-content .row .step p input {
    display: inline-block;
    width: 20px;
    float: left;
    line-height: 30px;
    height: 14px;
    transform: translate(0px, 8px);
}

#boxquytrinh .furn-content .row .step p .quotation-label {
    float: left;
    width: calc(100% - 30px);
	font-weight: normal;
}

#boxquytrinh .furn-content .row .step .quotation-label {
    display: inline-block;
    margin-left: 10px;
}

#boxquytrinh .furn-content .dbutton {
    text-align: center;
    padding: 30px;
    box-sizing: border-box;
}
#boxquytrinh .furn-content .dbutton a{
	display: inline-block;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 50px;
    background: #cd3301;
    border-radius: 5px;
    font-weight: 700;
}

#boxquytrinh .furn-content .title_c {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    position: relative;
}

#boxquytrinh .furn-content .result_content .result_left {
    width:100%;
    box-sizing: border-box;
    float: left;
    line-height:28px;
}

#boxquytrinh .furn-content .result_content .result_left .title_r{
    font-weight:700;
}

#boxquytrinh .furn-content .result_content .result_left .detail_name {
    display: inline-block;
    position: relative;
    padding-left: 15px;
}

#boxquytrinh .furn-content .result_content .result_left .result_design{
    width:100%;
    padding:20px;
	box-shadow: 0 1px 11px #8a8a8a42;
	margin-bottom: 20px;
}

#boxquytrinh .furn-content .row .step p input {
    display: inline-block;
    width: 20px;
    float: left;
    line-height: 30px;
    height: 14px;
    transform: translate(0px, 8px);
}

#boxquytrinh .furn-content .row .step4 input {
    width: 100% !important;
    margin-bottom: 15px;
    border: 1px solid #eee;
    height: 40px !important;
    padding: 0 10px;
    box-sizing: border-box;
}

        .tab-container {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-bottom: 20px;
        }
        .tab {
            padding: 10px 20px;
            border: 1px solid #e73939;
            background-color: #fff;
            color: #e73939;
            cursor: pointer;
            border-radius: 3px;
        }
        .tab.active {
            background-color: #e73939;
            color: #fff;
        }
        .form-container {
            display: none;
            max-width: 600px;
            margin: 0 auto;
        }
        .form-container.active {
            display: block;
        }
        .result-container {
            max-width: 600px;
            margin: 20px auto;
            padding: 10px;
            border: 1px solid #aaa;
            border-radius: 3px;
            background-color: #fff;
        }
        h1 {
            text-align: center;
        }

.step_title {
    font-weight: bold;
    margin-bottom: 10px;
}

.furn-inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.fleft, .fright {
    flex: 1;
    margin-right:0px;
}

.fright {
    margin-right: 0;
}

.dbutton {
    text-align: center;
}

.calculate-btn {
    background-color: #d35400;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}

.title_c {
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0;
}

.result_design {
    margin-bottom: 20px;
}

.title_r {
    font-weight: bold;
    margin-bottom: 10px;
}

.result_detail {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    align-items: center;
}

.detail_name {
    color: #555;
    flex: 0 0 40%; /* Đảm bảo nhãn chiếm một phần cố định */
	padding: 5px;
}
.additional-info{
display: flex; gap: 20px; margin-top: 20px;float: left;    margin-bottom: 20px;
}

.result_left_bg{display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;}
	
.result_left_bg .cost-section{flex: 2;}
.result_left_bg .info-section{flex: 1; background: #fff; padding: 15px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
#bg-section{flex: 1; background: #fff; padding: 15px; border-radius: 5px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
#bg-section .item{border: 1px solid #eee;padding: 5px 0;margin-bottom: 10px;}
#bg-section .item input{border: none;height: 30px;line-height: 30px;background: white;outline: none;color: #333333;width: 100%;box-sizing: border-box;padding: 0px 10px;border-radius: 3px;}
#bg-section .item textarea {border: none;background: white;outline: none;color: #333333;width: 100%;box-sizing: border-box;padding: 0px 10px;border-radius: 3px;}

.g-album._cursor {
    width: 100%;
    border-radius: 8px;
    background-color: #F4F8FA;
    float: left;
    position: relative;
    overflow: visible;
}

.g-album._cursor .main-image {
    position: relative;
    width: 100%;
    height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.g-album._cursor .main-image .image-container {
    display: flex;
    width: 100%;
    height: 100%;
    gap: 0px;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.g-album._cursor .main-image .image-container img {
    height: 100%;
    object-fit: cover;
    background-color: #cececec;
}

/* Khi có 3 ảnh, áp dụng tỷ lệ 25%-50%-25% */
.g-album._cursor .main-image .image-container img#leftImage,
.g-album._cursor .main-image .image-container img#rightImage {
    width: 20%;
    opacity: 0.2;
    background: rgba(255, 255, 255, 0.5);
}

.g-album._cursor .main-image .image-container img#centerImage {
    width: 60%;
}

/* Khi chỉ có 1 ảnh, ảnh giữa chiếm 100% */
.g-album._cursor .main-image .image-container:has(img#centerImage:not(:siblings)) img#centerImage {
    width: 100%;
}

.g-album._cursor .main-image .prev,
.g-album._cursor .main-image .next {
    position: absolute;
    top: 50%;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    font-size: 24px;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
}

.g-album._cursor .main-image .prev {
    left: 10px;
}

.g-album._cursor .main-image .next {
    right: 10px;
}

.g-album._cursor .thumbnail-container {
    display: flex !important;
    gap: 10px;
    overflow-x: auto;
    padding: 20px 0px 0px;
    background: #000;
    justify-content: center;
    visibility: visible !important;
    height: auto !important;
}

.g-album._cursor .thumbnail {
    flex: 0 0 100px;
    width: 100px;
    height: 100px;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.3s, border 0.3s;
    border: 2px solid transparent;
    display: block !important;
    visibility: visible !important;
}

.g-album._cursor .thumbnail.active {
    opacity: 1;
    border: 2px solid #fff;
}

.g-album._cursor .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
    display: block !important;
    visibility: visible !important;
}

/* Hiệu ứng slide từ phải qua trái */
@keyframes slideInFromRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

#leftlinebox {
    width:78.5%;
    float: left;
}
#leftlinebox .leftbox_top{width: 100%;float: left;margin-bottom: 20px;background: #fff;border-radius: 15px;overflow: hidden;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);padding: 15px;}

#leftlinebox .leftbox_top .boxsp_img{width:40%;float:left;}
#leftlinebox .leftbox_top .boxsp_ttsp{padding:0px 0px 0px 20px;width:60%;float: left;}
#leftlinebox .leftbox_top .boxsp_img img{opacity:1;background:#fff;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);border-radius: 15px;}

#rightlinebox.sticky-contact.sticky-active {
    width: 360px; /* Giữ chiều rộng cố định khi sticky */
}

#rightlinebox {
    width:20%; /* Đảm bảo chiều rộng cố định */
    float: right;
    padding: 0; /* Xóa padding mặc định */
}

.tm-box .tm-featured-right {
	display: grid;
    grid-template-columns: repeat(1, 4fr);;
}
#leftlinebox .news {width:100%;margin-bottom: 10px;background: #fff;border-radius: 15px;overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    margin-bottom: 20px;
    border: 1px solid #f0f0f0;}
#rightlinebox .article-item {
    display: flex; /* Sử dụng flex để chia 2 cột */
    width: 100%;
    padding: 10px; /* Khoảng cách bên trong mỗi bài viết */
    border-top: 1px solid #f7f7f7; /* Đường viền phân cách giữa các bài viết */
    box-sizing: border-box;
    align-items: center; /* Căn giữa theo chiều dọc */
}

#rightlinebox .article-item .image-column {
    width: 35%; /* Cột 1: Hình ảnh chiếm 35% */
    margin-right: 10px; /* Khoảng cách giữa cột 1 và cột 2 */
}

#rightlinebox .article-item .image-column img {
    width: 100%; /* Hình ảnh chiếm toàn bộ chiều rộng của cột */
    height: 80px; /* Chiều cao cố định để đồng bộ */
    object-fit: cover; /* Đảm bảo ảnh không bị méo */
    border-radius: 5px; /* Bo góc nhẹ cho ảnh */
}

#rightlinebox .article-item .content-column {
    width: 65%; /* Cột 2: Tiêu đề và mô tả chiếm 65% */
    display: flex;
    flex-direction: column; /* Xếp tiêu đề và mô tả theo cột */
}

#rightlinebox .article-item .content-column a {
    font-size: 14px; /* Kích thước chữ tiêu đề */
    font-weight: 700; /* In đậm tiêu đề */
    color: #000; /* Màu den cho tiêu đề */
    line-height: 18px; /* Khoảng cách dòng nhỏ để tránh xuống dòng nhiều */
    text-decoration: none; /* Bỏ gạch chân */
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Giới hạn tiêu đề 2 dòng */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#rightlinebox .article-item .content-column a:hover {
    color: #ff9a12; /* Màu cam khi hover, đồng bộ với giao diện */
}

#rightlinebox .article-item .content-column p {
    font-size: 12px; /* Kích thước chữ mô tả nhỏ hơn */
    color: #666; /* Màu xám cho mô tả */
    line-height: 16px; /* Khoảng cách dòng nhỏ để tránh xuống dòng nhiều */
    margin-top: 5px; /* Khoảng cách giữa tiêu đề và mô tả */
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Giới hạn mô tả 2 dòng */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.related-news .row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Khoảng cách giữa các bài viết */
}

.related-news .related-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.related-news .related-item .image-column img {
    transition: transform 0.3s ease;
}

.related-news .related-item .image-column img:hover {
    transform: scale(1.05); /* Hiệu ứng phóng to khi hover */
}

.related-news .related-item .content-column a:hover {
    color: #ff9a12; /* Màu cam khi hover, đồng bộ với giao diện */
}

/* Responsive cho mobile */
@media (max-width: 767px) {
    .related-news .row {
        flex-direction: column;
    }

    .related-news .related-item {
        width: 100%; /* Chiếm toàn bộ chiều rộng trên mobile */
    }

    .related-news .related-item .image-column img {
        height: 200px; /* Tăng chiều cao ảnh trên mobile để rõ hơn */
    }
}

       .news-categories ul {
            list-style: none;
            padding: 0;
        }
        .news-categories li {
            margin-bottom: 10px;
        }
        .news-categories a {
            text-decoration: none;
            color: #333;
        }
        .news-categories a:hover {
            color: #007bff;
        }
        .news-category {
            margin-bottom: 10px;
            font-style: italic;
        }
        .related-news {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin-top: 20px;
        }
        .related-news-item {
            flex: 1;
        }
        .related-news-item img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 5px;
        }
        .related-news-item h3 {
            font-size: 14px;
            margin: 10px 0 0;
            line-height: 20px;
        }
        .related-news-item a {
            text-decoration: none;
            color: #333;
        }
        .related-news-item a:hover {
            color: #007bff;
        }
		
		#img_cover img{
			height: 200px;
			object-fit: cover;
			width: 100%;
		}
		
		#boxquytrinh img{height:auto!important;}
		
		            .related-news-item img {
                width: 100%;
                height: 150px;
                object-fit: cover;
                display: block;
            }
            .related-news-item {
                display: flex;
                margin-bottom: 15px;
            }
            .related-news-item h3 {
                margin: 0;
                font-size: 14px;
                line-height: 1.2;
            }
/* popup đăng nhập khi vào web */		
		#loginPopup {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: #000 !important;
			display: none;
			justify-content: center;
			align-items: center;
			z-index: 9999;
		}
		#loginForm {
			background: #fff;
			padding: 20px;
			border-radius: 5px;
			text-align: center;
		}
		#loginForm input {
			margin: 10px 0;
			padding: 8px;
			width: 200px;
		}
		#loginForm button {
			padding: 8px 16px;
			background: #007bff;
			color: #fff;
			border: none;
			border-radius: 3px;
			cursor: pointer;
		}
		#loginError {
			color: red;
			display: none;
			margin-top: 10px;
		}
		

/* Row chứa các bài viết */
.col-lg-12 > .row, 
.col-lg-12 {  /* nếu không có row, thêm display flex/grid nếu cần */
display: grid;
  grid-template-columns: repeat(4, 1fr);   /* 4 cột bằng nhau */
  gap: 15px;                               /* khoảng cách giữa các item */
}

.new1 {
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

.new1:hover {
    transform: translateY(-5px);
}

.new1 img {
    width: 100%;
    height: 220px;     /* chiều cao ảnh cố định, đẹp hơn */
    object-fit: cover; /* giữ tỉ lệ, crop đẹp */
    display: block;
}

.title_new a {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 20px;
    display: block;
    min-height: 50px; /* đảm bảo chiều cao đều */
    transition: color 0.3s;
	padding: 10px;
}

.title_new a:hover {
    color: #e74c3c; /* hoặc màu chủ đạo của bạn */
    text-decoration: none;
}

/* Responsive điều chỉnh */
@media (max-width: 991px) {
    .haicot {
        margin-bottom: 15px;
    }
    .new1 img {
        height: 180px;
    }
}

/* Reset cơ bản & container */
#boxquytrinh, #box_content, .container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  box-sizing: border-box;
}
#wrapper_news{
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  box-sizing: border-box;
}
/* Tiêu đề */
.title_home {
  margin: 20px 0 30px;
  padding: 10px 0;
}

/* Grid voucher */
.voucher-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  gap: 15px;
  padding:1px;
}

/* Card chung */
.voucher-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transition: transform 0.2s;
}

.voucher-card:hover {
  transform: translateY(-5px);
}

/* Header */
.voucher-header {
  padding: 12px;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  color: white;
}

.voucher-freeship { background: #00c853; }
.voucher-sale     { background: #ff0000; }
.voucher-xu       { background: #ffa000; }

/* Body */
.voucher-body {
  padding: 20px 15px;
  text-align: center;
}

.voucher-value {
  font-size:18px;
  font-weight: 900;
  color: #ff0600;
  margin-bottom: 8px;
}

.voucher-title {
  font-size:14px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
}

.voucher-desc {
  font-size: 14px;
  color: #666;
  line-height: 1.4;
}

.voucher-progress {
  height: 6px;
  background: #eee;
  border-radius: 3px;
  margin: 15px 0;
  overflow: hidden;
}

.voucher-progress span {
  display: block;
  height: 100%;
  width: 75%; /* bạn có thể chỉnh % tiến độ */
  background: linear-gradient(90deg, #ffca28, #ff7d00);
}

.voucher-exp {
  font-size: 13px;
  color: #888;
  margin:0px 0 10px;
}

.voucher-note {
  font-size: 13px;
  color: #555;
  margin: 10px 0 0px;
  font-style: italic;
}

/* Button */
.voucher-btn {
  display: inline-block;
  width: 100%;
  padding: 14px;
  background:linear-gradient(90deg, #ff5e3a, #ff9900);
  color: white;
  font-weight: bold;
  text-decoration: none;
  border-radius: 8px;
  transition: background 0.2s;
}

.voucher-btn:hover {
  background:#ff6c00;
  color: #fff;
}
.voucher-btn a:hover {
  color: #fff;
}
/* Responsive nhỏ */
@media (max-width: 600px) {
  .voucher-grid {
    grid-template-columns: 1fr;
  }
  .title_home {
    font-size: 20px;
  }
}

.product-grid{
display:grid;
grid-template-columns:repeat(5,2fr);
gap:15px;
margin-top:20px;
width: 100%;
}

.product-item{
width:100%;
}

.product-card{
background:#fff;
border-radius:10px;
overflow:hidden;
box-shadow:0 2px 8px rgba(0,0,0,0.08);
transition:all .3s;
height:100%;
display:flex;
flex-direction:column;
}

.product-card:hover{
transform: translateY(-8px);
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.14);
border: 1px solid #ee4d2d;
}

.product-image{
text-align:center;
}

.product-image img{
width:100%;
height:200px;
object-fit:contain;
}
.product-image:hover img{
transform: scale(1.1);
transition: transform 0.4s ease;
}
.product-title{
    font-size: 14px;
    font-weight: 600;
    color: #222;
    margin: 12px 12px 6px;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-title a{
color:#333;
text-decoration:none;
}

.product-price{
text-align:center;
margin-bottom:10px;
}

.price-old{
text-decoration:line-through;
color:#999;
font-size:13px;
}

.price-new{
background:#ff5722;
color:#fff;
font-size:12px;
font-weight:700;
padding:8px;
border-radius:5px;
display:inline-block;
margin-top:5px;
}

.btn-detail{
display:block;
text-align:center;
font-size:12px;
font-weight:700;
color:#ff5722;
padding-bottom:15px;
text-decoration:none;
}

.badge{
top:10px;
right:10px;
background:red;
color:#fff;
font-size:11px;
padding:3px 6px;
border-radius:3px;
}

.sale-per{
position:absolute;
top:10px;
left:10px;
background:#ff3b3b;
color:#fff;
font-size:12px;
padding:4px 6px;
border-radius:4px;
}

/* ===== KHỐI BÀI VIẾT SEO ===== */
.seo-content{
    margin: 15px auto;
    padding: 20px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.06);
    line-height: 1.8;
    color: #333;
    font-size: 16px;
}

.seo-content h1{
    font-size:26px;
    line-height: 1.35;
    font-weight: 800;
    color: #1f2937;
    margin: 0 0 18px;
}

.seo-content h2{
    font-size: 24px;
    line-height: 1.4;
    font-weight: 700;
    color: #e65100;
    margin: 32px 0 14px;
    padding-left: 14px;
    border-left: 5px solid #ff6a00;
}

.seo-content h3{
    font-size: 19px;
    line-height: 1.45;
    font-weight: 700;
    color: #1f2937;
    margin: 22px 0 10px;
}

.seo-content p{
    margin: 0 0 14px;
}

.seo-content a{
    color: #ee4d2d;
    text-decoration: none;
}

.seo-content a:hover{
    text-decoration: underline;
}

.seo-content ul,
.seo-content ol{
    margin: 0 0 16px 22px;
}

.seo-content li{
    margin-bottom: 8px;
}

.seo-content img{
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.seo-content table{
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0 20px;
    overflow: hidden;
    border-radius: 10px;
}

.seo-content table th,
.seo-content table td{
    border: 1px solid #e5e7eb;
    padding: 12px 14px;
    text-align: left;
}

.seo-content table th{
    background: #fff3eb;
    color: #b45309;
    font-weight: 700;
}

.seo-content blockquote{
    margin: 18px 0;
    padding: 14px 18px;
    background: #fff7ed;
    border-left: 4px solid #fb923c;
    border-radius: 8px;
    color: #7c2d12;
}

/* ===== BOX FAQ ===== */
.faq-box{
    margin-top: 20px;
    border: 1px solid #ececec;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.faq-box h3{
    margin: 0;
    padding: 16px 18px 8px;
    font-size: 18px;
    color: #111827;
}

.faq-box p{
    margin: 0;
    padding: 0 18px 16px;
    color: #4b5563;
    border-bottom: 1px solid #f1f1f1;
}

.faq-box h3:not(:first-child){
    border-top: 1px solid #f3f4f6;
    padding-top: 18px;
}

/* ===== KHỐI NHẤN MẠNH NỘI DUNG ===== */
.seo-highlight{
    background: linear-gradient(135deg, #fff7ed 0%, #fff1f2 100%);
    border: 1px solid #fed7aa;
    border-radius: 12px;
    padding: 18px 20px;
    margin: 18px 0 24px;
}

.seo-highlight strong{
    color: #c2410c;
}

/* ===== BẢNG MÀU / BOX GỢI Ý ===== */
.seo-note{
    background: #eff6ff;
    border-left: 4px solid #3b82f6;
    padding: 14px 16px;
    border-radius: 8px;
    margin: 16px 0;
    color: #1e3a8a;
}

.seo-warning{
    background: #fff1f2;
    border-left: 4px solid #f43f5e;
    padding: 14px 16px;
    border-radius: 8px;
    margin: 16px 0;
    color: #9f1239;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px){
    .seo-content{
        margin: 20px 12px;
        padding: 22px 18px;
        font-size: 15px;
    }

    .seo-content h1{
        font-size: 26px;
    }

    .seo-content h2{
        font-size: 21px;
    }

    .seo-content h3{
        font-size: 17px;
    }
}

@media (max-width: 576px){
    .seo-content{
        padding: 18px 14px;
        border-radius: 10px;
    }

    .seo-content h1{
        font-size: 23px;
    }

    .seo-content h2{
        font-size: 19px;
        padding-left: 10px;
        border-left-width: 4px;
    }

    .seo-content h3{
        font-size: 16px;
    }

    .faq-box h3{
        font-size: 16px;
        padding: 14px 14px 8px;
    }

    .faq-box p{
        padding: 0 14px 14px;
        font-size: 14px;
    }
}

.faq-accordion{
    margin-top: 20px;
}

.faq-accordion details{
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 10px;
    margin-bottom: 12px;
    overflow: hidden;
}

.faq-accordion summary{
    list-style: none;
    cursor: pointer;
    padding: 16px 18px;
    font-weight: 700;
    color: #111827;
    position: relative;
}

.faq-accordion summary::-webkit-details-marker{
    display: none;
}

.faq-accordion summary:after{
    content: "+";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    color: #ee4d2d;
    font-weight: 700;
}

.faq-accordion details[open] summary:after{
    content: "−";
}

.faq-accordion p{
    padding: 0 18px 16px;
    margin: 0;
    color: #4b5563;
    line-height: 1.7;
}

  .hidden-voucher {
    display: none !important;
  }

  .load-more-container {
    text-align: center;
    margin: 30px 0 40px;
  }

  .load-more-btn {
    background: linear-gradient(90deg, #ff5e3a, #ff9900);
    color: white;
    border: none;
    padding: 14px 36px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(255, 94, 58, 0.4);
    transition: all 0.3s ease;
  }
   .load-more-btn-right {
    background: linear-gradient(90deg, #ff5e3a, #ff9900);
    color: white;
    border: none;
    padding:10px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(255, 94, 58, 0.4);
    transition: all 0.3s ease;
	width:100%;
  } 
  .cart-more-btn {
    background: linear-gradient(90deg, #ff5e3a, #ff9900);
    color: white;
    border: none;
    padding: 14px 36px;
    font-size: 18px;
    font-weight: bold;
    border-radius:10px;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(255, 94, 58, 0.4);
    transition: all 0.3s ease;
	float:left;
  }
   .cart-more-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(255, 94, 58, 0.5);
  } 
  .load-more-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(255, 94, 58, 0.5);
  }

  .load-more-btn:active {
    transform: translateY(1px);
  }
  
  .voucher-progress{
    position: relative;
    height: 8px;
    background: #ececec;
    border-radius: 999px;
    overflow: hidden;
}

.voucher-progress::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: var(--progress-width, 72%);
    background: linear-gradient(90deg, #ffb300 0%, #ff8a00 100%);
    border-radius: 999px;
    animation: voucherBarPulse var(--pulse-speed, 2.2s) ease-in-out infinite;
    transform-origin: left center;
}

.voucher-progress::after{
    content: "";
    position: absolute;
    top: 0;
    left: -35%;
    width: 28%;
    height: 100%;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.75) 50%,
        rgba(255,255,255,0) 100%
    );
    animation: voucherShine var(--shine-speed, 1.8s) linear infinite;
    animation-delay: var(--shine-delay, 0s);
}

@keyframes voucherShine{
    0%{ left: -35%; }
    100%{ left: 110%; }
}

@keyframes voucherBarPulse{
    0%,100%{
        filter: brightness(1);
        transform: scaleX(1);
    }
    50%{
        filter: brightness(1.08);
        transform: scaleX(1.02);
    }
}
.voucher-btn{
    transition: all .25s ease;
}

.voucher-btn.is-changing{
    transform: scale(0.98);
    opacity: .88;
}

.voucher-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
	font-size: 14px;
}

.voucher-btn::after{
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 3h7v7'/><path d='M10 14L21 3'/><path d='M21 14v7h-7'/><path d='M3 10v11h11'/></svg>");
}

.voucher-exp{
    display: inline-flex;
    align-items: center;
    gap:5px;
    color: #666;
}

.voucher-exp::before{
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0.75;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M12 7v5l3 2'/></svg>");
}
.voucher-progress-wrap{
    display: flex;
    align-items: center;
    gap: 8px;
}

.voucher-progress{
    position: relative;
    flex: 1;
    height: 6px;
    background: #ececec;
    border-radius: 999px;
    overflow: hidden;
}

.voucher-progress::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: var(--progress-width, 72%);
    background: linear-gradient(90deg, #f59e0b 0%, #ef4444 100%);
    border-radius: 999px;
}

.voucher-percent{
    min-width:15px;
    font-size: 10px;
    font-weight: 600;
    color: #777;
    text-align: right;
}
.voucher-card{
    position: relative;
}

.voucher-badges{
    position: absolute;
    top:5px;
    right:5px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap:10px;
    z-index: 5;
}

.voucher-badge{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height:30px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size:8px;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    box-shadow: 0 4px 10px rgba(0,0,0,.12);
}

.voucher-badge.badge-hot{
    background: linear-gradient(90deg, #ff6a00, #ff8a00);
}

.voucher-badge.badge-limit{
    background: linear-gradient(90deg, #ef4444, #f97316);
}

.voucher-badge.badge-trend{
    background: linear-gradient(90deg, #06b6d4, #0ea5e9);
}

.voucher-badge.badge-green{
    background: linear-gradient(90deg, #10b981, #22c55e);
}

        .container_cate { max-width: 1280px; margin: 0 auto; padding: 0 15px; }
        .row_cate { display: flex; flex-wrap: wrap; gap: 24px; margin: 24px 0; }
        .row_cate .spnew_cate{background: #fff;border-left:solid 2px #ee4d2d;box-shadow: 0px 0px 5px rgb(0 0 0 / 9%);width: 100%;float: left;padding: 10px 10px 10px 5px;}
        .spnew_cate{margin: 20px 0px;background: #fff;border-left:solid 2px #ee4d2d;box-shadow: 0px 0px 5px rgb(0 0 0 / 9%);width: 100%;float: left;padding: 10px 10px 10px 5px;}

        .tm-sidebar { flex: 0 0 280px; max-width: 280px; }
        .tm-sidebar-sticky { position: sticky; top: 20px; z-index: 10; }

        .tm-main-content { flex: 1; min-width: 0;padding-top: 20px; }

        /* Box sidebar chung */
        .tm-box {
            background: #fff;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0,0,0,0.06);
            margin-bottom: 20px;
            border: 1px solid #f0f0f0;
        }
        .tm-box-header {
            background: linear-gradient(135deg, #ff7600, #ee4d2d);
            color: white;
            padding: 16px 20px;
            font-size: 15px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        /* Danh mục - bung ra hết */
        .tm-category-list {
            padding: 12px 0;
        }
        .tm-category-item {
            padding: 10px 20px;
            border-bottom: 1px solid #f0f0f0;
        }
        .tm-category-item a {
            display: block;
            color: #333;
            font-weight: 500;
            text-decoration: none;
            transition: color 0.2s;
        }
        .tm-category-item a:hover,
        .tm-category-item.active a {
            color: #ee4d2d;
            font-weight: 600;
        }
        .tm-subcategory {
            padding-left: 32px;
            font-size: 0.95rem;
            color: #555;
        }
        .tm-subcategory a { font-weight: 400; }

        /* Lọc nhanh */
        .tm-filter-head {
            font-weight: 600;
            color: #222;
            margin: 20px 20px 10px;
            font-size: 14px;
            text-transform: uppercase;
        }
        .tm-filter-item { padding: 0 20px 20px; }
        #slider-range { margin: 10px 0 20px; height: 6px; background: #e0e0e0; border-radius: 3px; }
        .ui-slider .ui-slider-range { background: #ee4d2d; }
        .ui-slider .ui-slider-handle {
            background: #ee4d2d; border: 2px solid white; box-shadow: 0 2px 6px rgba(0,0,0,0.15);
            width: 18px; height: 18px; top: -6px; margin-left: -9px; border-radius: 50%;
        }
        .tm-price-display {
            text-align: center; font-weight: 600; color: #ee4d2d; margin-top: 8px;
        }
        select {
            width: 100%; height: 42px; padding: 0 16px;
            border: 1px solid #ddd; border-radius: 8px; font-size: 14px;
        }
        select:focus { border-color: #ee4d2d; outline: none; box-shadow: 0 0 0 3px rgba(238,77,45,0.15); }

        /* Dịch vụ nổi bật */
        .tm-featured-list .tm-featured-item {
            display: flex; align-items: center; padding:15px;
            border-bottom: 1px solid #f0f0f0; transition: background 0.2s;
        }
        .tm-featured-list .tm-featured-item:hover { background: #fff8f5; }
        .tm-featured-list img {
            width:200px; height: 90px; object-fit: contain;
            border-radius: 12px; border: 1px solid #eee; margin-right: 16px;
        }
        .tm-featured-list a { font-size: 14px; font-weight: 500; color: #222; line-height: 1.4; }
        .tm-featured-list a:hover { color: #ee4d2d; }

        /* Grid sản phẩm - 4 cột */
        .tm-section-title {
            font-size: 1.6rem; font-weight: 700; color: #111;
            margin: 0 0 24px; padding-bottom: 12px;
            border-bottom: 3px solid #ee4d2d;
			text-transform: uppercase;
        }
        .tm-products-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }
        .tm-product-card {
            background: white; border-radius: 15px; overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.08);
            transition: all 0.25s ease; border: 1px solid #eee;
        }
        .tm-product-card:hover {
			transform: translateY(-8px);
			box-shadow: 0 16px 32px rgba(0, 0, 0, 0.14);
			border: 1px solid #ee4d2d;
        }
        .tm-product-card__image {
            position: relative; padding-top: 100%; overflow: hidden; background: #f8f9fa;
        }
        .tm-product-card__image img {
            position: absolute; inset: 0; width: 100%; height: 100%;
            object-fit: contain; transition: transform 0.4s ease;
        }
        .tm-product-card:hover .tm-product-card__image img { transform: scale(1.1); }
        .tm-product-card__name a{color: #333;}
        .tm-product-card__name {
            font-size: 14px !important; font-weight: 500; color: #222;
            margin: 12px 12px 6px; line-height: 1.4;overflow: hidden;
            display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
        }
        .tm-product-card__price {
            padding: 0 12px 12px; font-size: 1.15rem; font-weight: 700; color: #ee4d2d;text-align:center;
        }
        .tm-product-card__price-new { background: #ff5722;color: #fff;font-size: 12px;font-weight: 700;padding: 8px;border-radius: 5px;display: inline-block;margin-top: 5px;}
        .tm-product-card__price-old {
            font-size: 0.9rem; color: #999; text-decoration: line-through; margin-left: 8px;
        }
        .tm-product-card__btn {
            display: block; margin: 0 12px 16px; color:#ff5722;     font-size: 12px;text-align: center;
            border-radius: 8px; font-weight: 600; text-decoration: none;
            transition: background 0.2s;
        }

        /* Pagination */
        .tm-pagination { text-align: center; margin: 40px 0; }
        .tm-pagination a, .tm-pagination span {
            padding: 10px 16px; margin: 0 6px; border-radius: 8px;
            text-decoration: none; font-weight: 500;
        }
        .tm-pagination .active {
            background: #ee4d2d; color: white;
        }
        .tm-pagination a {
            background: #f0f0f0; color: #333;
        }
        .tm-pagination a:hover { background: #ee4d2d; color: white; }

        /* Responsive grid */
        @media (max-width: 1024px) {
            .tm-products-grid { grid-template-columns: repeat(3, 1fr); }
        }
        @media (max-width: 768px) {
            .row_cate { flex-direction: column; }
            .tm-sidebar { display: none; }
            .tm-products-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
        }
		.tm-price-range-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tm-price-option {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 10px 12px;
    border-radius: 8px;
    background: #f8f9fa;
    transition: all 0.2s;
    font-size: 14px;
    color: #333;
}

.tm-price-option:hover {
    background: #fff0e6;
}

.tm-price-option input[type="radio"] {
    margin-right: 12px;
    accent-color: #ee4d2d; /* màu Shopee */
    width: 18px;
    height: 18px;
}

.tm-price-option span {
    flex: 1;
}

.tm-price-option input:checked + span {
    font-weight: 600;
    color: #ee4d2d;
}

.mobile-toolbar-filter{
    display: none;
}

@media (max-width: 768px){
    .mobile-toolbar-filter{
        display: flex;
        gap: 10px;
    }

    .mobile-filter-col{
        flex: 1;
        min-width: 0;
    }

    .mobile-select{
        width: 100%;
        height: 42px;
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        padding: 0 12px;
        font-size: 14px;
        color: #333;
        background: #fff;
        outline: none;
        box-shadow: none;
    }

    .mobile-select:focus{
        border-color: #ff5a1f;
    }
}
.vbox-voucher-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 15px;
  margin: 15px;
}

.vbox-voucher-card {
  display: flex;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(0,0,0,0.08);
}

.vbox-header {
  flex: 0 0 80px;         /* header dọc hẹp hơn, gọn */
  padding: 12px 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: bold;
  font-size: 15px;
  position: relative;
}

.vbox-freeship { background: #00c853; }
.vbox-sale     { background: #ff5722; }
.vbox-hoan     { background: #ffa000; }

.vbox-hot-tag {
  position: absolute;
  top: 6px;
  right: 4px;
  background: #ff1744;
  font-size: 9px;
  padding: 2px 6px;
  border-radius: 8px;
}

.vbox-body {
  flex: 1;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.vbox-value {
  font-size: 24px;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  margin-bottom: 2px;
}

.vbox-title {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 4px;
}

.vbox-desc {
  font-size: 12px;
  color: #555;
}

.vbox-progress-wrap {
  height: 5px;
  background: #eee;
  border-radius: 3px;
  margin: 6px 0;
}

.vbox-progress {
  height: 100%;
  background: #ffb300;
  border-radius: 3px;
}

.vbox-meta {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: #666;
  margin: 4px 0;
}

.vbox-percent { font-weight: bold; }
.vbox-exp { color: #e53935; }

.vbox-btn {
  background: #ee4d2d;
  color: white;
  font-size: 13px;
  font-weight: bold;
  padding: 8px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  margin-top: 4px;
}

.vbox-note {
  font-size: 10px;
  color: #888;
  text-align: center;
  margin-top: 2px;
}

.product-note-aff{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:14px;
    line-height:1.4;
    color:#555;
}

.product-note-aff svg{
    width:20px;
    height:20px;
    flex:0 0 auto;
    color:#ff6a00;
}

        .news-categories ul {
            list-style: none;
            padding: 0;
        }
        .news-categories li {
            margin-bottom: 10px;
        }
        .news-categories a {
            text-decoration: none;
            color: #333;
        }
        .news-categories a:hover {
            color: #007bff;
        }
        .news-category {
            margin-bottom: 20px;
            font-style: italic;
            padding: 10px;
            background: #f1f1f1;
        }
		
		/* Ẩn trên Desktop - Chỉ hiển thị trên Mobile */
.tm-box-mobile-only {
    display: none;
}

/* Hiển thị trên Mobile */
@media (max-width: 991px) {        /* Bạn có thể chỉnh thành 1024px hoặc 767px tùy theme */
    .tm-box-mobile-only {
        display: block;
    }
}

/* =========================
   TOPMUA ARTICLE CSS
   Desktop default
========================= */

.tpm-article-wrap {
  max-width: 1000px;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.7;
  color: #222;
}

.tpm-article-wrap * {
  box-sizing: border-box;
}

.tpm-hero-box {
  background: linear-gradient(135deg, #fff7f2, #fffdfb);
  border: 1px solid #ffe1d2;
  border-radius: 14px;
  padding: 20px 22px;
  margin-bottom: 24px;
}

.tpm-main-title {
  font-size: 32px;
  line-height: 1.35;
  margin: 0 0 12px;
  color: #1f1f1f;
}

.tpm-intro-text {
  margin: 0;
  font-size: 16px;
  color: #444;
}

.tpm-box,
.tpm-table-box,
.tpm-note-box {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 14px;
  padding: 20px;
  margin-bottom: 24px;
}

.tpm-section-title {
  font-size: 24px;
  line-height: 1.4;
  margin: 0 0 14px;
  color: #222;
}

.tpm-toc-list,
.tpm-normal-list {
  margin: 0;
  padding-left: 20px;
}

.tpm-toc-list li,
.tpm-normal-list li {
  margin-bottom: 8px;
}

.tpm-toc-list a {
  color: #e85d04;
  text-decoration: none;
  font-weight: 600;
}

.tpm-toc-list a:hover {
  text-decoration: underline;
}

.tpm-table-wrap {
  overflow-x: auto;
}

.tpm-compare-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
}

.tpm-compare-table thead tr {
  background: #fff4ec;
}

.tpm-compare-table th,
.tpm-compare-table td {
  border: 1px solid #eee;
  padding: 12px;
  text-align: left;
  vertical-align: top;
  font-size: 15px;
}

.tpm-top-title-wrap {
  margin-bottom: 16px;
}

.tpm-product-card {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 14px;
  padding: 22px;
  margin-bottom: 22px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.tpm-product-image-col {
  flex: 0 0 260px;
  max-width: 260px;
  width: 100%;
}

.tpm-product-image-box {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #f0f0f0;
  background: #fff;
  padding: 8px;
}

.tpm-product-image-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.tpm-product-content {
  flex: 1;
  min-width: 260px;
}

.tpm-product-content h3 {
  font-size: 22px;
  line-height: 1.4;
  margin: 0 0 12px;
  color: #111;
}

.tpm-product-content p {
  margin: 0 0 10px;
  font-size: 16px;
  color: #222;
}

.tpm-btn-aff {
  display: inline-block;
  margin-top: 6px;
  background: linear-gradient(90deg, #ff6a2f, #ff9800);
  color: #fff;
  text-decoration: none;
  padding: 12px 20px;
  border-radius: 8px;
  font-weight: 700;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.tpm-btn-aff:hover {
  opacity: 0.95;
  transform: translateY(-1px);
}

.tpm-conclusion-box {
  background: linear-gradient(135deg, #fff8ef, #fff2e8);
  border: 1px solid #ffd8bf;
  border-radius: 14px;
  padding: 22px;
  margin-bottom: 24px;
}

.tpm-choice-item {
  margin-bottom: 12px;
  padding: 12px 14px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ffe7d6;
}

.tpm-choice-item:last-child {
  margin-bottom: 0;
}

.tpm-faq-title {
  font-size: 18px;
  margin: 0 0 8px;
  color: #111;
}

.tpm-note-box {
  background: #f8f8f8;
  border-color: #ececec;
}

.tpm-note-box p {
  margin: 0 0 8px;
  font-size: 15px;
  color: #444;
}

.tpm-note-box p:last-child {
  margin-bottom: 0;
}

/* =========================
   Tablet
========================= */
@media (max-width: 991px) {
  .tpm-article-wrap {
    max-width: 100%;
  }

  .tpm-main-title {
    font-size: 28px;
  }

  .tpm-section-title {
    font-size: 22px;
  }

  .tpm-product-image-col {
    flex: 0 0 220px;
    max-width: 220px;
  }
}

/* =========================
   Mobile
========================= */
@media (max-width: 768px) {
  .tpm-hero-box,
  .tpm-box,
  .tpm-table-box,
  .tpm-note-box,
  .tpm-conclusion-box,
  .tpm-product-card {
    padding: 16px;
    border-radius: 12px;
  }

  .tpm-main-title {
    font-size: 24px;
    line-height: 1.35;
  }

  .tpm-intro-text,
  .tpm-product-content p,
  .tpm-note-box p,
  .tpm-compare-table th,
  .tpm-compare-table td {
    font-size: 15px;
  }

  .tpm-section-title {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .tpm-product-card {
    display: block;
  }

  .tpm-product-image-col {
    max-width: 100%;
    width: 100%;
    margin-bottom: 16px;
  }

  .tpm-product-image-box {
    max-width: 100%;
  }

  .tpm-product-content {
    min-width: 100%;
  }

  .tpm-product-content h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .tpm-btn-aff {
    width: 100%;
    text-align: center;
    padding: 13px 16px;
  }

  .tpm-toc-list,
  .tpm-normal-list {
    padding-left: 18px;
  }

  .tpm-compare-table {
    min-width: 680px;
  }
}

/* =========================
   Small mobile
========================= */
@media (max-width: 480px) {
  .tpm-article-wrap {
    line-height: 1.65;
  }

  .tpm-main-title {
    font-size: 22px;
  }

  .tpm-section-title {
    font-size: 19px;
  }

  .tpm-product-content h3 {
    font-size: 18px;
  }

  .tpm-hero-box,
  .tpm-box,
  .tpm-table-box,
  .tpm-note-box,
  .tpm-conclusion-box,
  .tpm-product-card {
    padding: 14px;
  }
}