@import"https://fonts.googleapis.com/css2?family=Mulish&family=Roboto+Condensed&display=swap";:root{--color-main:#e03232}*{box-sizing:border-box}img{max-width:100%;height:auto}.hidden-seoh{visibility:hidden;height:0px;margin:0px;overflow:hidden}.hidden{display:none}body{background:#fff;color:#333;font-family:Tahoma,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;line-height:1.3125;overflow-x:hidden}header .top_header{background:#6d6d6d;color:#fff;height:35px;overflow:hidden;line-height:35px}header .box_header{display:flex;justify-content:space-between;align-items:center}header .mid_header{padding:15px 0}header .mid_header .row{align-items:center}header .hotline{border:2px solid #fff;background:#e62e04;border-left:0;border-top-right-radius:20px;-moz-border-top-right-radius:20px;-webkit-border-top-right-radius:20px;border-bottom-right-radius:20px;-moz-border-bottom-right-radius:20px;-webkit-border-bottom-right-radius:20px;padding:0 20px;height:27px;line-height:23px;font-weight:700;position:relative}header .hotline:before{content:"\f879";width:31px;height:31px;background:#e62e04;background-size:100% auto;-moz-background-size:100% auto;-webkit-background-size:100% auto;position:absolute;left:-20px;top:-4px;font-family:"Font Awesome 5 Free";border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:2px solid #fff;text-align:center;line-height:29px}header .logo a{display:block}header .search{position:relative;max-width:430px;margin:0 auto;width:100%}header .search input{width:100%;height:36px;padding:0 10px;border:1px solid #ccc}header .search p{position:absolute;right:0;top:0;bottom:0;background:var(--color-main);bottom:0;margin:0;padding:0 10px;display:flex;justify-content:center;align-items:center;color:#fff}header .popup_cart_hover{position:relative;padding-bottom:10px;margin-bottom:-10px}header .popup_cart_hover .cart-contents{background-size:auto 100%;position:relative;display:flex;line-height:17px;text-decoration:none;color:#333;align-items:center}header .popup_cart_hover .cart-contents i{font-size:25px;margin-right:11px;color:#6d6d6d}header .popup_cart_hover .cart-contents span{display:block;text-transform:uppercase}header .popup_cart_hover .cart-contents small{color:#999;display:flex}header .popup_cart_hover .cart-contents .qty_mobile_only{position:absolute;top:0;left:20px;background:var(--color-main);color:#fff;border-radius:50%;height:20px;width:20px;text-align:center;line-height:20px;display:none}header .popup_cart_hover:hover .popup_cart{display:block}header .popup_cart{display:none;z-index:99999;cursor:default;top:45px;position:absolute;right:0;border:1px solid #c7c7c7 !important;border-radius:3px;box-shadow:rgba(0,0,0,.129412) 0 2px 4px 0px !important;width:233px;background:#fff;padding:10px 5px 10px 5px}header .popup_cart:before,header .popup_cart:after{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}header .popup_cart:before{border-color:rgba(199,199,199,0);border-bottom-color:#c7c7c7;border-width:11px;margin-left:-11px}header .popup_cart:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px}header .popup_cart .cart_list{list-style:none;padding:10px;margin:0}.menu{background:var(--color-main)}.box_menu{display:flex;justify-content:space-between;position:relative}.mega_menu{width:100%}.mega_menu ul{padding:0;margin:0;display:flex;align-items:center;list-style:none}.mega_menu ul li a{font-weight:400;text-transform:uppercase;font-size:16px;padding:0 20px;color:#fff;text-decoration:none;font-weight:400;display:block;line-height:40px;font-family:"Roboto Condensed",sans-serif}.mega_menu ul li:hover a,.mega_menu ul li.active a{color:#333;background:#eee}.category{width:100%;max-width:273px}.click_open_mega{padding:0 10px;color:#fff;font-weight:400;line-height:40px;text-transform:uppercase;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;position:relative;display:flex;justify-content:space-between;align-items:center}.click_open_mega:hover{cursor:pointer}.click_open_mega i{font-size:24px;height:100%;width:35px;text-align:center;line-height:40px}.main-slider{display:flex;justify-content:space-between;width:100%;position:relative}.wrap_dm{width:273px;border:1px solid #ddd}.wrap_dm>ul{border-top:0;padding:0;margin:0;list-style:none}.wrap_dm>ul>li{border-bottom:1px solid #ddd}.wrap_dm>ul>li:last-child{border:none}.wrap_dm>ul>li:hover>a{color:var(--color-main)}.wrap_dm>ul>li:hover ul{opacity:1;visibility:visible;filter:alpha(opacity=100);transform:translate(0, 0);transition:all .4 .5s ease-out 0s;transition:all .2s ease-out 0s}.wrap_dm>ul>li>a{padding:10px 10px 10px 40px;display:block;text-decoration:none;position:relative;color:#333}.wrap_dm>ul>li>a i{position:absolute;height:100%;left:0;top:0;width:35px;background-size:24px auto !important;-moz-background-size:24px auto !important;-webkit-background-size:24px auto !important}.wrap_dm>ul>li ul{width:calc(100% - 273px);border:1px solid #ddd;border-left:5px solid var(--color-main);position:absolute;right:0;top:0;height:100%;z-index:123;background:#fff url(../images/logo.png) no-repeat right top 10%;opacity:0;visibility:hidden;filter:alpha(opacity=0);transition:all .45s ease-out 0s;transform:translate(50px, 0);display:flex;flex-wrap:wrap;padding:20px;margin:0;list-style:none;background-size:30%}.wrap_dm>ul>li ul li{width:40%}.wrap_dm>ul>li ul li a{display:block;padding:10px 0;text-decoration:none;color:#333}.wrap_dm>ul>li ul li:hover a{color:var(--color-main)}.slideshow{width:calc(100% - 273px);padding:10px 10px 0 10px}.slideshow .owl-carousel{height:100%}.slideshow .owl-carousel .owl-item img{height:100%;-o-object-fit:cover;object-fit:cover}.slideshow div,.slideshow a{height:100%;display:block}.uudiem{padding:30px 0;min-height:100px;box-shadow:0 1px 1px rgba(0,0,0,.2);margin-bottom:25px}.uudiem .imguudiem{width:78px;float:left}.uudiem .imguudiem img{width:68px}.uudiem .infouudiem{display:inline-block}.uudiem .infouudiem p{font-size:17px;font-weight:300;text-align:center}.uudiem .infouudiem p:first-child{font-size:17px;font-weight:600;margin-bottom:5px;margin-top:10px}.uudiem .infouudiem a{color:#222}.uudiem .infouudiem a:hover{text-decoration:none}.title-main{margin:0 0 10px 0;position:relative;border-bottom:2px solid var(--color-main)}.title-main span{padding:5px 10px;background:var(--color-main);color:#fff;font-size:16px;/* white-space:nowrap; */text-transform:uppercase;position:relative;display:inline-block;}.title-main span:after{position:absolute;height:0;width:0;border-bottom:0;border-right:0;border-left:31px solid var(--color-main);border-top:31px solid transparent;content:"";top:0;right:-30px}.box-product ul{margin:10px 0;border-top:1px solid #e5e5e5;padding:0;display:grid;grid-template-columns:repeat(4, 1fr)}.box-product ul li{overflow:hidden;margin:0;padding:10px;border:1px solid #e5e5e5;border-right:0;border-top:0;display:block}.box-product ul li:last-of-type,.box-product ul li.last{border-right:1px solid #e5e5e5}.item-product .info a{color:#333}.item-product .info a:hover{text-decoration:none;color:var(--color-main)}.item-product .info h3{padding:.5em 0;margin:0;font-size:1em;line-height:1.4}.item-product .price-product{margin-bottom:.5em}.item-product .price-product .price-old{color:#898989;font-weight:400;font-size:14px;text-decoration:line-through}.item-product .price-product .price-new{font-weight:700;text-decoration:none;font-size:16px;color:var(--color-main)}.item-product .img_hv{position:relative}.item-product .cart-add{visibility:hidden;opacity:0;position:absolute;bottom:0;left:50%;transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);margin:0;white-space:nowrap;transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;background:var(--color-main);color:#fff;font-weight:700;padding:7px;display:inline-block;border-radius:5px;cursor:pointer}.item-product:hover .cart-add{visibility:visible;opacity:1;bottom:10px}.rating{width:100%;display:flex;font-size:12px;margin-bottom:5px;align-items:center}.rating .count{margin:0 3px 0 5px}.rating .star-rating{position:relative;z-index:0;display:inline-block;white-space:nowrap;color:#ccc;font-size:18px}.rating .star-rating:before,.rating .star-rating:after{content:"★ ★ ★ ★ ★"}.rating .star-rating:after{position:absolute;z-index:1;top:0;left:0;overflow:hidden;white-space:nowrap;color:#ffcf32}.rating .star-rating[data-rate="5"]:after{width:100%}.rating .star-rating[data-rate="4.5"]:after{width:90%}.rating .star-rating[data-rate="4"]:after{width:80%}.rating .star-rating[data-rate="3.5"]:after{width:70%}.rating .star-rating[data-rate="3"]:after{width:60%}.rating .star-rating[data-rate="2.5"]:after{width:50%}.rating .star-rating[data-rate="2"]:after{width:40%}.rating .star-rating[data-rate="1.5"]:after{width:30%}.rating .star-rating[data-rate="1"]:after{width:20%}.rating .star-rating[data-rate="0.5"]:after{width:10%}.rating .star-rating[data-rate="0"]:after{width:0%}.productnb .item-product{margin:0;padding:10px;border:1px solid #e5e5e5}.section-title{text-align:center;font-family:Mulish;text-transform:uppercase}.section-title h3{font-size:26px;font-weight:500;max-width:40%;margin:0 auto;color:var(--color-main)}.section-title h2{font-size:25px;color:#777;line-height:50px;font-weight:800}.section-title hr{width:230px;margin:14px auto 30px}.wrap-productnb{padding:30px 0}.xemthem{color:var(--color-main);padding:7px 8px;display:inline-block;transition:.3s;margin:5px 0 30px}.xemthem:hover{background:#b50000;text-decoration:none;color:#fff}.sub-title{text-align:center;font-family:Mulish}.sub-title p{font-size:16px;margin-top:15px}.dacdiem{padding:30px 0}.item-dacdiem{text-align:center;font-family:Mulish}.item-dacdiem .infodacdiem a{color:#333}.item-dacdiem .infodacdiem a:hover{text-decoration:none}.item-dacdiem .infodacdiem p{margin-bottom:0}.item-dacdiem .infodacdiem h3{font-size:20px;color:var(--color-main);font-weight:600;margin:12px 0}.wrap-bottom{padding-top:15px}.video{display:flex;justify-content:space-between}.video .item-video{display:block;width:calc(50% - 10px);position:relative}.video .item-video img{width:100%}.video .item-video svg{position:absolute;width:70px;top:0;left:0;right:0;height:50px;margin:auto;bottom:0;opacity:.7;transition:.3s}.video .item-video:hover{cursor:pointer}.video .item-video:hover svg{opacity:1}.img_hv2:hover img{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes swing{20%{transform:rotate3d(0, 0, 1, 15deg)}40%{transform:rotate3d(0, 0, 1, -10deg)}60%{transform:rotate3d(0, 0, 1, 5deg)}80%{transform:rotate3d(0, 0, 1, -5deg)}100%{transform:rotate3d(0, 0, 1, 0deg)}}@keyframes swing{20%{transform:rotate3d(0, 0, 1, 15deg)}40%{transform:rotate3d(0, 0, 1, -10deg)}60%{transform:rotate3d(0, 0, 1, 5deg)}80%{transform:rotate3d(0, 0, 1, -5deg)}100%{transform:rotate3d(0, 0, 1, 0deg)}}.swing{transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}.wrap-news{padding:50px 0}.item-news{display:flex;justify-content:space-between;margin-bottom:30px}.item-news .img_hv{width:50%}.item-news .desc-news{width:50%;padding-left:15px}.item-news .desc-news a{color:#777;transition:.3s}.item-news .desc-news a:hover{text-decoration:none;color:var(--color-main)}.item-news .desc-news .time{color:#aaa}.item-news .desc-news h3{font-size:13px;font-weight:700;line-height:23px;text-transform:uppercase;margin:10px 0}.item-news .desc-news .desc{font-size:13px}.item-news .desc-news .xt{padding:5px 30px 5px 0;font-size:12px;color:var(--color-main);text-transform:uppercase;margin:10px 0;display:inline-block;transition:.3s}.item-news .desc-news .xt:hover{padding-left:10px}.mt30{margin-top:30px}footer{background-color:#2d2d2d;color:#acacac;line-height:22px;padding:50px 0 0}footer h3.title-sidebar-footer{font-size:15px;font-weight:400;text-transform:uppercase;color:#fff;margin:0 0 10px;line-height:25px}footer h3.title-sidebar-footer.mt30{margin-top:30px}footer a{color:#acacac}footer .menu-footer ul{padding:0;margin:0;list-style:none}footer .menu-footer ul li{padding:3px 0 3px 0;position:relative}footer .menu-footer ul li i{font-size:9px;position:relative;top:-2px}footer .img-dmca{margin-top:30px;height:71px}.copyright{border-top:1px solid rgba(0,0,0,.3);padding:15px 0;text-align:center}#footer-map{position:relative;height:200px}#footer-map iframe{position:absolute;left:0;top:0;right:0;width:100%;height:100%}.scrollToTop{width:41px;height:41px;text-align:center;font-weight:bold;color:#444;text-decoration:none;position:fixed;bottom:65px;right:25px;display:none;z-index:10;cursor:pointer}.footer_tags{border-top:1px solid rgba(0,0,0,.3);padding:20px 0;margin-top:30px}.list-socials{padding:0;margin:0;list-style:none}.list-socials li{display:inline-block}.tagcloud{padding:0;margin:0;list-style:none}.tagcloud li{display:inline-block}.tagcloud li a{display:inline-block;font-size:14px;background:rgba(0,0,0,.2);padding:2px 7px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;margin:0 2px 4px;display:inline-block;text-decoration:none}.tagcloud li a:hover{background:#000;color:#acacac}.category_custom{background:#fff;box-shadow:0px 0px 5px 0px rgba(0,0,0,.15);display:none;position:absolute;top:100%;z-index:123}.category_custom>ul>li>ul{width:868px;left:100%;top:-1px}.breadcrumb{background:transparent;margin-bottom:0;padding:25px 0}.breadcrumb li a{margin:0 0 1em;padding:0;font-size:.92em;color:#767676}.bottom-contact{position:relative;padding-bottom:40%;margin-bottom:40px}.bottom-contact iframe{position:absolute;top:0;left:0;height:100%;width:100%}.top-contact{margin:40px 0}.top-contact .btn-primary{background:var(--color-main);border:var(--color-main)}.input-contact{margin-bottom:10px}.content-detail{margin-bottom:40px}.wrap-product-in{margin-bottom:40px}.time-main{margin:0 0 1em;padding:0;font-size:.92em;color:#767676;font-style:italic}.title-mainx{font-size:25px;font-weight:bold}.mb30{margin-bottom:30px}.img_hv a{display:block}.grid-pro-detail{display:flex;justify-content:space-between}.grid-pro-detail .left-pro-detail{width:47%}.grid-pro-detail .right-pro-detail{width:50%}.grid-pro-detail ._desc{border:2px dashed #e03232;padding:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:15px}.grid-pro-detail ._desc ul{margin:0;padding:0;list-style:none}.grid-pro-detail ._desc ul li{position:relative;padding-left:27px;margin-bottom:5px}.grid-pro-detail ._desc ul li:after{display:inline-block;font-family:"Font Awesome 5 Free";font-size:14px;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f058";position:absolute;top:-1px;left:8px;font-size:16px;color:#7ad03a}.title-pro-detail{color:#333;font-size:23px;line-height:30px;text-transform:uppercase}.wrap-price{background-color:#199bc42e;border:1px dashed #199bc4;padding:10px 10px 4px 10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin:0 0 10px;color:#000}.wrap-price ul{padding:0;margin:0;list-style:none}.wrap-price ul li{margin:0 0 8px}.wrap-price ul li span:first-child{width:82px;display:inline-block}.wrap-price ._p_new{font-size:16px;font-weight:700;color:#ff3a3a}.wrap-price ._p_old{text-decoration:line-through}.wrap-price ._p_per{font-weight:bold;width:auto !important}.quantity-pro-detail{display:flex;align-items:center;margin-right:15px}.quantity-pro-detail input{width:45px;text-align:center;padding-left:13px;height:30px;border:1px solid #ccc;border-left:none;border-right:none}.quantity-pro-detail span{width:30px;text-align:center;border:1px solid #ccc;height:30px;display:flex;justify-content:center;align-items:center}.attr-content-pro-detail{display:flex;align-items:center}.attr-content-pro-detail .btn_cart a{color:#fff;background:var(--color-main);display:inline-block;padding:8px 20px;border-radius:5px}.attr-content-pro-detail .btn_cart i{margin-right:10px}.cart-pro-detail a{display:inline-block;overflow:hidden;clear:both;padding:9px 0;border-radius:4px;font-size:18px;line-height:normal;text-transform:uppercase;color:#fff !important;text-align:center;background:#fd6e1d;background:-o-linear-gradient(top, #f59000, #fd6e1d);margin:20px 0;text-decoration:none;border-bottom:0 !important;max-width:350px;width:100%}.cart-pro-detail a p{display:block;font-size:14px;text-transform:none;margin:2px 0 0}.cart-pro-detail i{margin-right:10px}.wrap-recall{color:#fff;background:#1e5480;border-radius:7px;padding:15px 20px;text-align:center;color:#fff;margin-bottom:20px}.wrap-recall p{display:block;text-transform:uppercase;margin-bottom:10px;font-size:18px;font-weight:700;text-align:center}.wrap-recall form{position:relative}.wrap-recall .newsletter-button{position:absolute;top:0;right:0;height:100%}.wrap-recall .newsletter-button input{height:100%;border:none;background:var(--color-main);color:#fff;width:60px;text-transform:uppercase;font-weight:bold}.hotline_detail{position:relative;padding-left:40px;font-size:17px;margin-bottom:15px}.hotline_detail svg{width:30px;position:absolute;left:0;fill:#ff6100;top:-5px}.hotline_detail p{margin-bottom:2px}.hotline_detail a{color:red;font-weight:700}.tags-pro-detail{position:relative;padding-left:15px}.tags-pro-detail:after{position:absolute;left:0;top:0;height:100%;width:2px;background:var(--color-main);content:""}.tags-pro-detail a{color:var(--color-main);padding:2px 0}.contact-detail{margin:25px 0}.contact-detail ul{padding:0;margin:0;list-style:none}.contact-detail ul li{line-height:1.8em;font-size:16px}.contact-detail ul li:nth-child(1) span{color:#0cca4b;font-size:20px;padding-right:10px}.contact-detail ul li span{color:var(--color-main);font-size:20px;padding-right:10px}.desc_detail{margin:30px 0}.wrap-danhgia{margin-bottom:30px}.btn-info{background:#fbd648;color:#000;border:none}.fz14{font-size:14px;margin-left:3px}#display_comment .panel-heading em{position:relative;padding:0 0 0 18px;color:#52b858;font-style:normal;margin-right:10px}#display_comment .panel-heading em:before{position:absolute;background:transparent url(../images/icon-confirm.png) no-repeat center center;background-size:100% auto;-moz-background-size:100% auto;-webkit-background-size:100% auto;width:15px;height:15px;display:inline-block;content:"";left:0;top:1px}.gallery-thumb-pro{position:relative;margin-top:10px}.owl-thumb-pro{padding:0px}.thumb-pro-detail{display:block !important;border:1px solid #eee;padding:5px;border-radius:3px;cursor:pointer}.thumb-pro-detail.mz-thumb.mz-thumb-selected{border-color:#cecfd2}.thumb-pro-detail img{box-shadow:none !important;filter:brightness(100%) !important;border-bottom:0px !important;padding-bottom:0px !important}.prev-thumb-pro{position:absolute;left:0;top:0;bottom:0;margin:auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#e03232;z-index:123;color:#fff;cursor:pointer}.next-thumb-pro{position:absolute;right:0;top:0;bottom:0;margin:auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#e03232;z-index:123;color:#fff;cursor:pointer}.chinh_sach_cua_shop{border:1px solid #ccc;padding:20px 10px 0 10px;margin-bottom:10px}.chinh_sach_cua_shop ul{padding:0;margin:0;list-style:none}.chinh_sach_cua_shop ul li{display:flex;justify-content:space-between;margin:0 0 20px}.chinh_sach_cua_shop ul li .chinhsach_icon{width:45px}.chinh_sach_cua_shop ul li .chinhsach_content{width:calc(100% - 50px)}.chinh_sach_cua_shop ul li .chinhsach_content p{margin-bottom:5px}.chinh_sach_cua_shop ul li .chinhsach_content a{color:#333;font-style:italic}.chinh_sach_cua_shop ul li .chinhsach_content a:hover{color:var(--color-main)}._tin_tuc ul{padding:0;margin:0;list-style:none}._tin_tuc ul li{padding:20px 0;border-bottom:1px solid #ccc;margin-bottom:20px}._tin_tuc ul li a{display:flex;justify-content:space-between}._tin_tuc ul li a:hover{text-decoration:none}._tin_tuc ul li .img_hv{width:85px}._tin_tuc ul li h3{width:calc(100% - 95px);color:#000;font-size:15px}._tin_tuc ul li h3:hover{color:var(--color-main)}.page-item.active .page-link{z-index:3;color:#fff;background-color:#e03232;border-color:#e03232}.page-link{color:#e03232}.bottom_header{display:none}#hamburger{font-size:18px;color:var(--color-main)}#hamburger:hover{text-decoration:none}.main-menu{display:none}#menu ul{padding:0;margin:0}#menu ul li{width:100%}@media only screen and (max-width: 1024px){.mega_menu ul li a{font-size:13px}}@media only screen and (max-width: 992px){header{border-bottom:3px solid var(--color-main);margin-bottom:10px}header .top_header{display:none}header .box_header .hotline{display:none}header .logo{display:none}header .search{width:calc(100% - 120px)}header .mid_header{padding:10px}.bottom_header{display:flex;justify-content:space-between;align-items:center;padding:10px 10px 0 10px}.menu{display:none}.wrap_dm{display:none}.slideshow{width:100%;padding:0}.uudiem .col-12{display:flex;justify-content:center}.section-title h3{font-size:19px;max-width:100%}.section-title h2{font-size:15px;max-width:100%;line-height:22px}.box-product ul{grid-template-columns:repeat(2, 1fr)}.wrap-news{padding-bottom:20px}.grid-pro-detail{display:block}.grid-pro-detail .left-pro-detail,.grid-pro-detail .right-pro-detail{width:100%}._tin_tuc{display:none}.main-slider{display:block}footer h3.title-sidebar-footer{margin-top:30px}.slideshow div,.slideshow a{height:auto}.slideshow .owl-carousel .owl-item img{height:auto}.slideshow{height:auto}} .call-box{ position: fixed; bottom: 5px; left: 0; right: 0; width: 100%; z-index: 123; display: none; } .call-box ul { display: flex; justify-content: space-between; width: calc(100% - 30px); margin: auto; list-style: none; padding: 0; max-width: 300px; } .clearfix{ clear: both; } .call-box ul li { width: calc(50% - 10px); text-align: center; border-radius: 5px; } .call-box ul li:nth-child(1) { background: #ff1e00; } .call-box ul li:nth-child(2) { background: #0060ff; } .call-box ul li:nth-child(1) a { background: url(../images/icon01.png)no-repeat left 10px center; background-size: 30px 30px; } .call-box ul li a { color: #fff; padding: 12px; display: block; padding-left: 40px; border-radius: 5px; overflow: hidden; text-shadow: 0 0 0; text-transform: capitalize; font-size: 14px; } .call-box ul li:nth-child(2) a { background: url(../images/icon02.png)no-repeat left 10px center; background-size: 30px 30px; } .wrap-phone { position: fixed; left: 0; bottom: 20px; z-index: 123; } #call-mb{ background: #ED1C24; display: flex; justify-items: center; border-radius: 40px; } #call-mb a{ display: inline-block; color: #fff; font-size: 18px; font-weight: bold; text-decoration: none; margin: 2px; padding-left: 10px; } #call-mb i{ font-size: 20px; line-height: 40px; background: #B52026; border-radius: 100%; width: 40px; height: 40px; text-align: center; margin-left: 10px; } #zalo { background-color: #1E73BE; display: inline-block; padding: 10px; color: #fff; border-radius: 40px; margin-bottom: 5px; } #zalo a{ color: #fff; font-weight: bold; } @-webkit-keyframes "suntory-alo-circle-anim" { 0% { opacity: 0.1; -webkit-transform: rotate(0deg) scale(0.5) skew(1deg); transform: rotate(0deg) scale(0.5) skew(1deg); } 30% { opacity: 0.5; -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); transform: rotate(0deg) scale(0.7) skew(1deg); } 100% { opacity: 0.6; -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } } @keyframes "suntory-alo-circle-anim" { 0% { opacity: 0.1; -webkit-transform: rotate(0deg) scale(0.5) skew(1deg); transform: rotate(0deg) scale(0.5) skew(1deg); } 30% { opacity: 0.5; -webkit-transform: rotate(0deg) scale(0.7) skew(1deg); transform: rotate(0deg) scale(0.7) skew(1deg); } 100% { opacity: 0.6; -webkit-transform: rotate(0deg) scale(1) skew(1deg); transform: rotate(0deg) scale(1) skew(1deg); } } .suntory-alo-ph-circle { border-color: #fe0018; opacity: 1; } .suntory-alo-ph-circle { -webkit-animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim; animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim; background-color: transparent; border: 2px solid #ED1C24; border-radius: 100%; height: 80px; right: -20px; opacity: 0.1; position: absolute; top: 25px; -webkit-transform-origin: 50% 50% 0; -ms-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 80px; } @media (max-width: 769px){ .wrap-phone{ display: none; } .call-box { display: block; } .title-main span:after{ display: none; } }