.box-dutoan{padding: 15px 0;display:none;} .box-dutoan a{ padding: 10px 10px; background: #0054a6; border-radius: 6px; color: #fff; display: inline-block; margin-bottom: 5px; width: 49%; } .box-dutoan a:hover{ opacity:.8;} .thm-btn { cursor:pointer} .readmore-why { display: block; overflow: hidden; position: relative; font-size: 14px; color: #0054a6 !important; margin: 10px auto; cursor: pointer; border: 1px solid #0054a6; text-align: center; width: 60%; border-radius: 4px; padding: 5px 0; } .readmore-why::after { content: ''; width: 0; right: 0; border-top: 6px solid #0054a6; border-left: 6px solid transparent; border-right: 6px solid transparent; display: inline-block; vertical-align: middle; margin: -2px 0 0 5px; } .ykienkhachhang-content .ovlarticle { position: absolute; left: 0; right: 0; bottom: 0; height: 100px; background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 85%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0); } #address-list ul li { line-height: 26px; } .sec_contact.sec_contact-mb { margin-bottom:40px;} blockquote{ margin: 15px 0;} blockquote p { color: #333; padding: 5px 18px; font-size: 14px; line-height: 28px; border: 4px solid #0054a6; border-width: 0 0 0 4px; background: #edf6ff; } .product_count_total { background-color: rgb(0 84 166 / 70%); padding: 0; overflow: hidden; border-width: 0 1px 1px 0; border-style: none; border-color: transparent; width: 100%; float: left; border-radius: 12px; } .product_count_total { height: 432px; } .product_count_total .btn_action { color: #fff; position: relative; display: block; height: 100%; width: 100%; background: transparent; border: 0; padding: 0; text-align: left; } .product_count_total .btn_action .product_count_total_cnt { position: absolute; padding-left: 35px; width: 100%; top: 50%; transform: translate(0, -50%); } .product_count_total .btn_action .prod_count { font-size: 43px; line-height: 25px; text-transform: uppercase; font-weight: 900; padding-bottom: 70px; } .product_count_total .btn_action .prod_count span { font-size: 19px; font-weight: 500; margin-top: 15px; display: inline-block; } .product_count_total .btn_action .view_all { border-top: 1px solid #fff; padding-top: 9px; font-size: 18px; } .product_count_total .btn_action .arrow { position: relative; border-width: 9px; border-style: solid; border-color: transparent transparent transparent #fff; background: none; width: 14px; height: 14px; left: 21px; margin-top: 25px; } .product_count_total .btn_action .arrow:before { content: ""; border: 1px solid #fff; display: block; height: 47px; width: 47px; position: absolute; left: -29px; top: -23px; border-radius: 100%; } .logo-nav-ontop {display:none;position:absolute;top: 3px;left: 15px;height: 40px; z-index:1;} .logo-nav-ontop img{height: 45px;} .nav-ontop .logo-nav-ontop { display:block;} .nav-ontop .navbar-nav { } .schema_footer {text-align:center;margin-top: 20px;} .schema_footer > * { display: inline-block; } .event-footer-item a { color: #fff; margin-bottom: 10px; font-size: 12px; display: inline-block; } .nav-ontop-mb { position: fixed !important; top: 0px; left: 0px; width: 100%; padding-bottom: 0px; z-index: 102; background: #0054a6; } :after, :before { -webkit-transition: all .3s ease-out, right .2s ease-out; -moz-transition: all .3s ease-out, right .2s ease-out; -ms-transition: all .3s ease-out, right .2s ease-out; -o-transition: all .3s ease-out, right .2s ease-out; transition: all .3s ease-out, right .2s ease-out; } #wCategory .btnExpand { position: absolute; left: 10px; top: 10px; width: 40px; height: 40px; padding: 10px; display: none; z-index: 1; } .page-wrapper { float: left; position: relative; clear: both; background: none !important; width: 100%; padding:0; } .panel.panelLeft { background: #fff; width: calc(100% + 12px); display: block; top: 0; left: 0; -webkit-transform: translateX(-110%); -moz-transform: translateX(-110%); transform: translateX(-110%); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -moz-transition: transform .5s, -moz-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s, -moz-transform .5s; border-radius: 0; border: none; } .panel { display: block; position: fixed; top: 0; bottom: 0; background: #FFF; z-index: 9999; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: translate3d(0, 0, 0); -moz-transition: translate3d(0, 0, 0); transition: translate3d(0, 0, 0); overflow-y: scroll; -webkit-overflow-scrolling: touch; display: none; margin:0; } .panel.panelLeft.active { -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); } #wCategory .categories { max-width: 100%; margin: 0 0; padding: 0 10px 10px 0; } #wCategory .categories li { width: 100%; position: relative; } #wCategory .categories li>a i { width: 24px; text-align: center; font-size: 14px; margin-right: 5px; } #wCategory .categories li>a i.fa-info { font-size: 17px; } #wCategory .categories li.last { width: 100%; float: left; } #wCategory .m-top { padding:10px; } #wCategory .m-top a { color: #fff; display: inline-block; font-size: 17px; padding: 3px 0px; text-align: center; margin-right: 10px; } #wCategory .m-top i { color: #fff; margin-right: 5px; } #wCategory .m-top i.icon-icons-home { margin-top: 2px; display: inline-block; font-size: 21px; } #wCategory .categories li.home i { font-size:21px; margin-right:5px; margin-top:2px; display:inline-block; } #wCategory .categories li a { font-size: 16px; padding: 7px 0; display: block; border-radius: 0; margin: 0; position: relative; color: #fff; } #wCategory .btnExpand span { -webkit-transition-delay: .12s; -moz-transition-delay: .12s; transition-delay: .12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } #wCategory .btnExpand span { display: inline-block; width: 24px; height: 2px; -webkit-transition: -webkit-transform 0.15s ease; transition: -webkit-transform 0.15s ease; -moz-transition: transform 0.15s ease, -moz-transform 0.15s ease; transition: transform 0.15s ease; transition: transform 0.15s ease, -webkit-transform 0.15s ease, -moz-transform 0.15s ease; border-radius: 4px; background-color: #fff !important; position: relative; margin-top: 7px; margin-left: -2px; } #wCategory .btnExpand span::before, #wCategory .btnExpand span::after { display: block; content: ""; position: absolute; width: 24px; height: 2px; -webkit-transition: -webkit-transform 0.15s ease; transition: -webkit-transform 0.15s ease; -moz-transition: transform 0.15s ease, -moz-transform 0.15s ease; transition: transform 0.15s ease; transition: transform 0.15s ease, -webkit-transform 0.15s ease, -moz-transform 0.15s ease; border-radius: 4px; background-color: #fff; } #wCategory .btnExpand span::after { bottom: 0; -webkit-transition: bottom 75ms ease,-webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; transition: bottom 75ms ease,-webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; -moz-transition: bottom 75ms ease,transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,-moz-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; transition: bottom 75ms ease,transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; transition: bottom 75ms ease,transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,-webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,-moz-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); } #wCategory .btnExpand span::before { top: 0; -webkit-transition: top 75ms ease,opacity 75ms ease .12s; -moz-transition: top 75ms ease,opacity 75ms ease .12s; transition: top 75ms ease,opacity 75ms ease .12s; opacity: 0; } #wCategory #page-footer { padding: 15px 0px 50px 0px; position:relative; } #wCategory #page-footer div.footer-content-menu { padding:10px;} #wCategory #page-footer .footer-desc {margin-bottom:10px;} #wCategory #page-footer h3 { font-size: 17px; text-transform:uppercase; margin:10px 0; } #wCategory #page-footer .contact-icon { display: inline-block; width: 20px; } #wCategory #page-footer .contact-content{display:inline-block;width: 90%;} #wCategory #page-footer { font-size: 13px; color: #fff; background: #002140 url(../images/footer_map.png) no-repeat scroll right 0; position:relative; } #wCategory #page-footer a { color: #fff; } #wCategory #page-footer .bottom-menu { margin-top: 10px; padding: 15px 0 10px; border-top: 1px solid #175a0b; text-align: center; } #wCategory #page-footer .bottom-menu li:first-child { border-left: none; } #wCategory #page-footer .bottom-menu li { display: inline-block; vertical-align: top; border-left: 1px solid #175a0b; line-height: 1.2; zoom: 1; } #wCategory #page-footer .bottom-menu li a { display: block; padding: 0 10px; font-size: 11px; color: #fff; white-space: nowrap; } #wCategory #page-footer .f-copyright { padding: 20px 0 0px 0; font-size: 12px; } #wCategory #page-footer .f-copyright>p { padding: 10px; } #wCategory .categories li>a { display: block; font-size: 14px; transition: all 500ms ease-out 0.2s; padding-left: 18px; color: #333; font-weight: 500; border-bottom: 0px solid #047840; } #wCategory .categories li>a.active { font-weight:700;} #wCategory .categories li.li-top-user{border-bottom: 1px solid rgb(223 223 223 / 30%);padding-bottom: 5px;} #wCategory .categories li.li-top-user li{ width:100%; float:none;} #wCategory .categories li.li-top-user>a{display:inline-block;line-height: 24px;} #wCategory .categories li.li-top-user>a>i{ display:inline-block; font-size: 17px; width: 20px; margin-right: 10px; margin-left: 5px; } #wCategory .categories li ul { height: 0; overflow: hidden; background: rgb(241 241 241 / 70%); margin-left: 50px; border-radius: 6px; } #wCategory .categories li li{width: 100%;float: left;} #wCategory .categories li li a { font-size: 14px; padding: 5px 0 5px 10px; display: block; margin: 0; position: relative; color: #333; text-transform: none; border:none; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* #wCategory .categories li li a::before { content: " "; width: 2px; top: 8px; left: 0; transform: rotate(11deg); position: absolute; border-left: 1px solid #bbbbbb; height: 12px; } #wCategory .categories li li a:hover {color:#ed1f24;} #wCategory .categories li li:hover>a:before{left:3px; border-left:2px solid #ed1f24;} */ #wCategory .categories li li a img{width:30px; height: 24px; margin-right:7px; } #wCategory .categories li .putrow { position: absolute; top: 0; right: 10px; width: 40px; height: 40px; cursor: pointer; line-height:40px; } #wCategory .categories li .putrow span{ display:block; text-align:center; } #wCategory .categories li .putrow .putrow-cong { display: block; text-align: center; height: 40px; width: 40px; } #wCategory .categories li .putrow .putrow-cong:after { display: none; content: ""; width: 13px; height: 1px; -webkit-transition: -webkit-transform 0.15s ease; transition: -webkit-transform 0.15s ease; -moz-transition: transform 0.15s ease, -moz-transform 0.15s ease; transition: transform 0.15s ease; transition: transform 0.15s ease, -webkit-transform 0.15s ease, -moz-transform 0.15s ease; background-color: #fff; position: absolute; top: 19px; left: 10px; } #wCategory .categories li .putrow .putrow-cong:before { display: block; content: "\f105"; -webkit-transition: -webkit-transform 0.15s ease; transition: -webkit-transform 0.15s ease; -moz-transition: transform 0.15s ease, -moz-transform 0.15s ease; transition: transform 0.15s ease; transition: transform 0.15s ease, -webkit-transform 0.15s ease, -moz-transform 0.15s ease; position: absolute; left: 16px; top: 0px; font-family: 'FontAwesome'; color: #555; font-size: 21px; } #wCategory .categories li .putrow .putrow-tru { display: none; text-align: center; height: 40px; } #wCategory .categories li .putrow .putrow-tru:after { display: block; content: "\f107"; -webkit-transition: -webkit-transform 0.15s ease; transition: -webkit-transform 0.15s ease; -moz-transition: transform 0.15s ease, -moz-transform 0.15s ease; transition: transform 0.15s ease; transition: transform 0.15s ease, -webkit-transform 0.15s ease, -moz-transform 0.15s ease; position: absolute; top: 0; left: 12px; font-family: 'FontAwesome'; font-size: 21px; color: #555; } #wCategory .categories li.menu-content-br { position: relative; } #wCategory .categories li.menu-content-br a {padding: 0;} #wCategory .categories li.menu-content-br div.box-br { margin: 0px 20px 10px 20px; border: 0px solid #dfdfdf; position: relative; background: #ffffff; border-radius: 6px; padding-top: 10px; } #wCategory .categories li.menu-content-br:after { content: ""; width: 12px; height: 12px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; background: #ffffff; transform: rotate(45deg); position: absolute; top: 38px; left: 70px; display:inline-block; } #wCategory .categories li.menu-content-br > p { font-size: 15px; font-weight:700; background: #0054a6; padding:10px 18px; color: #fff; } #wCategory .categories .list-br { width: 33%; float:left; } #wCategory .categories .list-br img { display: inline-block; border: 1px solid #dfdfdf; border-radius: 6px; padding: 2px; background-position: center !important; background: #fff; height: 104px; } .logo-mnmobile { padding: 5px 0; text-align: center; background: #0054a6; } .logo-mnmobile svg { height: 40px; } .logo-mnmobile .cls-1, .logo-mnmobile .cls-3 { fill: #fff; } .contents-text {font-size:14px;} .contents-text.shadow { border: 1px solid #dfdfdf; box-shadow: 4px 3px 0px #eeeeee; border-radius: 6px; padding: 10px 10px; margin-bottom: 20px; } .slogan { text-align: center; text-transform: uppercase; font-size: 21px; margin: 50px 0 0 0; position:relative; color: #fff; } .slogan:before, .slogan:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 52px; color: #fff; } .slogan:before { content: "\f10d"; margin-right: 15px; } .slogan:after { content: "\f10e"; margin-left:15px; } .block-contents h1 { font-size: 32px; line-height: 32px; letter-spacing: -1px; color: #0054a6; } .block-contents h4 { margin-top: 20px; font-weight: 600; padding: 5px 5px; margin-bottom: 20px; border-left: 0px solid #008c4f; font-size: 15px; } .about-home-content-right {padding-top: 10px;position:relative;padding-left: 30px;} .btn-effect{position:relative;display: inline-block;border-radius: 12px;overflow: hidden;border: 1px solid #dfdfdf;padding: 1px;box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 2px 2px;} .btn-effect img { border-radius: 12px; overflow: hidden; width: 100%; height: auto; aspect-ratio: 3 / 2; } .block-contents .theme-btn { margin-top: 20px; } .theme-btn { display: inline-block; border: none; outline: none; background: #009600; background: -webkit-gradient(left top, right top, color-stop(0%, #009600), color-stop(98%, #00c100), color-stop(100%, #00c100)); background: -webkit-gradient(linear, left top, right top, from(#009600), color-stop(98%, #00c100), to(#00c100)); background: -webkit-gradient(linear, left top, right top, from(#008c4f), color-stop(98%, #168de5), to(#168de5)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009600', endColorstr='#00c100', GradientType=1); color: #FFFFFF !important; font-size: 21px; font-weight: 400; -webkit-transition: all .4s ease; transition: all .4s ease; border-radius: 28px; padding: 9px 30px; position: relative; -webkit-box-shadow: 0px 15px 30px rgb(212 50 151 / 27%); box-shadow: 0px 15px 30px rgb(50 135 212 / 27%); } .imgSlideInRight,.imgSlideInLeft{position:relative;overflow:hidden}.imgSlideInRight:after,.imgSlideInLeft:after{content:" ";width:100%;height:100%;transition:transform 1s ease .7s;position:absolute;top:0;left:0;background:#fff;}.imgSlideInRight.animated:after{transform:translateX(100%)}.imgSlideInLeft.animated:after{transform:translateX(-100%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}} .blocks-about-home { background: #fff; position: relative; } .about-home-content .block-contents{ font-size: 14px; line-height: 32px; } .about-home-content .seemore { margin: 10px 0 0 22px; display: block; } .about-home-2{ margin-top: 40px; } .logoBrand-list li { overflow: hidden; padding: 1px; } .logoBrand-list li img { } .add-contact-home{ margin-top: 20px} .about-action{margin-top:20px;} .section-giaiphap { margin:0 auto; } .section-giaiphap-page {} .giaiphap-heading {padding:20px 0;} .giaiphap-heading h1 { font-size: 21px; font-weight: 500; margin-bottom: 15px; } .list-giaiphap{ position:relative;} .list-giaiphap:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; border: 3px solid #0054a6; -webkit-transition: all .3s; -khtml-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; transform: scale(0); z-index:1; } .list-giaiphap:hover:before { opacity:1;transition-delay: 0s; transform: scale(1);} .list-giaiphap .list-giaiphap-1{ position:relative; z-index:1;} .list-giaiphap .giaiphap-content{padding: 40px;} .list-giaiphap .giaiphap-title { position: relative; margin-bottom: 30px; font-weight: 500; font-size: 26px; -webkit-transition: all .3s; -khtml-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .list-giaiphap .giaiphap-desc h3 {font-weight:600;font-size: 17px;margin-bottom: 5px;margin-top: 10px;} .list-giaiphap:hover .giaiphap-title {color:#eb3e3a; } .list-giaiphap .giaiphap-desc ul li { list-style: square; margin-left: 20px; } .list-giaiphap .giaiphap-desc { font-size: 14px; line-height: 24px; } .list-giaiphap .giaiphap-img { overflow: hidden; } .list-giaiphap .giaiphap-img img{ width:100%;} .list-giaiphap .giaiphap-img img { -webkit-transition: all .3s ease-out,right .2s ease-out; -moz-transition: all .3s ease-out,right .2s ease-out; -ms-transition: all .3s ease-out,right .2s ease-out; -o-transition: all .3s ease-out,right .2s ease-out; transition: all .3s ease-out,right .2s ease-out; } .list-giaiphap:hover img{ transform: scale(1.1); } .list-giaiphap .giaiphap-title:after { content: ''; width: 50px; height: 6px; background: #0054a6; border-radius: 10px; position: absolute; bottom: -15px; left: 0; } .list-giaiphap:hover .giaiphap-title:after{background: #eb3e3a;} .list-giaiphap.gp-text-left .giaiphap-title:after { right: 0; left: initial; } .list-giaiphap .list-giaiphap-2 { padding:0;} .section-contact-home {padding: 30px 0 60px 0;background: url(../images/bg-2.jpg) no-repeat;background-attachment: fixed;position: relative;} .section-contact-home::before { height: 100%; position: absolute; top: 0; right: 0; left: 0; content: ""; background: #000; opacity: .4; } .section-contact-home .contact-form-holder { background: #fff; padding: 15px; box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.5); border-radius: 6px; } .contact-home-left { margin-top: 134px; text-align: center; } .contact-home-left h3{} .contact-home-left h3 { font-size: 21px; line-height: 24px; margin-bottom: 20px; text-transform:uppercase; font-weight:bold; } .contact-home-left p{} .contact-home-left p{ margin-top: 0; font-size: 14px; line-height: 26px; font-weight: 400; font-style: normal; } .contact-home-left .box-hotline {margin-top:20px;} .category-slider, .category-slider ul li { position:relative;} .category-slider ul li img { width: 100%; object-fit: cover; height: auto; } .category-slider ul li:before { position: absolute; content: ""; width: 100%; height: 100%; background: url(../images/mark.png); z-index: 1; left: 0; top: 0; display:none; } .category-slider::after { content: ''; height: 0; width: 100%; position: absolute; left: 0; bottom: -3px; background-image: linear-gradient(to right,#008c4f 0,#81b119 25%,#008c4f 40%,#6c970f 49%,#008c4f 67%,#81b119 84%,#6c970f 100%); } .language-content-desktop ul li { display: inline-block; } .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #666666 transparent transparent transparent;} .content-compare .compare-top { background:#ed1c24; color:#fff; text-align:center; font-weight:bold;} .content-compare .title-compare { min-height: 40px; overflow: hidden; } .content-compare .compare-top, .content-compare .product-list .product-container .info-orther{ padding:10px;} .content-compare .product-list .product-container { padding: 0; text-align: left; overflow: inherit; } .content-compare #product .info-orther p i.fa { width: 24px; height: 24px; font-size: 21px; margin-right: 7px; } .compare-close { position: absolute; top: -36px; right: -1px; width: 36px; height: 36px; cursor: pointer; background: #ed1c24; } .compare-close::before { content: "\f00d"; display: inline-block; font: normal normal normal 21px/1 FontAwesome; font-size: 19px; line-height: 1; font-size: ; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; margin-top: 7px; margin-left: 10px; } .content-compare .view-product-list { border-top: 0 solid #ed1c24; border-left: 1px solid #ed1c24; } .content-compare .product-list .product-container { padding: 0; text-align: left; overflow: initial; border-bottom: 1px solid #ed1c24; border-right: 1px solid #ed1c24; } .content-compare .price-compare { text-align: center; font-size: 19px; font-weight: bold; padding: 10px; color: #ed1c24; } .top-header a.click-m-menu { position: absolute; left: 0; top: 2px; color: #fff; width: 40px; height: 40px; padding: 10px; display: none; z-index:1; } .top-header a.click-m-menu span { background: #fff; height: 2px; width: 100%; display: block; margin-bottom: 5px; } .category-home-content .owl-controls .owl-dots { display: none !important; } .logo-desktop { height: 60px; position: absolute; top: -7px; left: 15px; } .icon img { width: 100%; } .home .box-vertical-megamenus .vertical-menu-content { padding-bottom: 0px; } .cover-image-slide { width: 100%; padding-top: 76%; background-size: cover; background-repeat: no-repeat; background-size: contain; -webkit-transition: all .2s cubic-bezier(.4,0,.2,1); transition: all .2s cubic-bezier(.4,0,.2,1); background-position: center top; } .cover-image-slide-home { width: 100%; padding-top: 119%; background-size: cover; background-repeat: no-repeat; background-size: contain; -webkit-transition: all .2s cubic-bezier(.4,0,.2,1); transition: all .2s cubic-bezier(.4,0,.2,1); background-position: center; } .cover-image-products { width: 100%; padding-top: 88%; background-size: cover; background-repeat: no-repeat; background-size: contain; -webkit-transition: all .2s cubic-bezier(.4,0,.2,1); transition: all .2s cubic-bezier(.4,0,.2,1); background-position: center; } .cover-image-brands { width: 100%; border: 1px solid #f1f1f1; border-radius: 3px; padding-top: 88%; } .cover-image-brands:hover { border: 1px solid #ed1c24; } .cover-image-newshome { float: right; width: 100px; height: 57px; margin-left: 10px; background-size: cover !important; background-repeat: no-repeat; -webkit-transition: all .2s cubic-bezier(.4,0,.2,1); transition: all .2s cubic-bezier(.4,0,.2,1); background-position: center; } .cover-image-videohome { width: 100%; padding-top: 75%; background-size: contain; background-repeat: no-repeat; } .cover-image-videohome-large { width: 100%; padding-top: 75%; background-size: contain; background-repeat: no-repeat; } .box-vertical-megamenus .vertical-menu-list > li.menu-combo.cb-1 {margin-top:13px;} .box-vertical-megamenus .vertical-menu-list > li.menu-sale {padding-bottom:2px;} .box-vertical-megamenus .vertical-menu-list > li.menu-combo > a, .box-vertical-megamenus .vertical-menu-list > li.menu-thanhly > a, .box-vertical-megamenus .vertical-menu-list > li.menu-sale > a { color: #fff; padding-left: 12px; position: relative; line-height: 32px; font-size: 14px; font-weight: 700; margin: 3px 3px; border-radius: 5px; text-transform: uppercase; padding-top: 7px; padding-bottom: 7px; } .box-vertical-megamenus .vertical-menu-list> li.menu-combo:hover, .box-vertical-megamenus .vertical-menu-list> li.menu-thanhly:hover, .box-vertical-megamenus .vertical-menu-list> li.menu-sale:hover{ background: #fff; } .box-vertical-megamenus .vertical-menu-list> li.menu-combo:hover a{ opacity:.7; } .box-vertical-megamenus .vertical-menu-list>li.menu-thanhly>a { background: #f76b1c; } .box-vertical-megamenus .vertical-menu-list>li.menu-sale>a { background: #ed1c24; } .box-vertical-megamenus .vertical-menu-list > li.menu-combo > a { background: #cca665; } .box-vertical-megamenus .vertical-menu-list>li.menu-thanhly>a img, .box-vertical-megamenus .vertical-menu-list>li.menu-sale>a img{height:26px;margin-right:16px;} .navhome a img {height:26px;margin-right:14px;margin-top:-5px;} #product .pb-right-column .item-thanhly { background: #22b24c; border-radius: 3px; color: #fff; padding: 0px 10px; display: inline-block; } span.ico-zoom { position: absolute; top: 10px; right: 25px; filter: alpha(opacity=1); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; z-index: 1; background: #eee; font-size: 9px; line-height: 10px; padding: 2px 0; width: 50px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; cursor:pointer; color:#999; } span.ico-zoom i { font-size: 20px; display: block; line-height: 20px; } /* Ring Phone */ .mypage-alo-phone { position: fixed; left: 0px; bottom: 5px; visibility: visible; background-color: transparent; width: 100px; height: 100px; cursor: pointer; z-index: 999; } .mypage-alo-ph-img-circle { width: 32px; height: 32px; top: 43px; left: 43px; position: absolute; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .7; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s 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%; background-color: #ed1c24; background-size: 70%; } .mypage-alo-ph-img-circle i { font-size: 21px; color: #fff; display: inline-block; margin: 3px; } .mypage-alo-ph-circle-fill { width: 60px; height: 60px; top: 28px; left: 28px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: #ed1c24; opacity: .75 !important; } .mypage-alo-ph-circle { width: 90px; height: 90px; top: 12px; left: 12px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(229, 16, 29, 0.4); opacity: .1; border-color: #ed1c24; opacity: .5; } .line-address { height: 1px; background: #f1f1f1; margin: 5px 0; position: relative; } .line-address::after { content: ''; display: block; width: 46px; height: 2px; margin: 10px 0px 20px 0; background: #dfdfdf; } .logo-320 { display:none;} .logo-480 { display:none;} .top-header a.click-m-menu { display:none;} #page_loading { color: #fff; font-size: 24px; left: 50%; line-height: 25px; margin-left: -50px; position: fixed; text-shadow: 0 0 10px #fff, 0 0 40px #ed1c24, 0 0 80px #ed1c24, 0 0 100px #ed1c24, 0 0 150px #ed1c24; top: 50%; z-index: 50000; } #page_loading span { background: rgba(0, 0, 0, 0) url("../images/loader.png") repeat scroll 0 0; display: inline-block; float: left; height: 25px; margin-right: 5px; width: 25px; } .language-content-mobile { display:none;} #___plusone_0 { font-size: 14px !important; } .columns-container { margin-bottom: 20px; } .block-admin { background: #ff7c1d none repeat scroll 0 0; bottom: 0; position: fixed; text-align: center; width: 100%; z-index: 99999; padding:6px 0; } .block-admin .block-admin-content {} .block-admin .block-admin-content a { background: #fff; padding: 5px 10px; border-radius: 3px; font-weight: bold; font-size: 12px; } .list-fun-product{ position: absolute; right: -50px; bottom: 50px; color: #fff; text-align: left; line-height: 15px; -moz-transition: all 0.45s ease; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; -ms-transition: all 0.45s ease; transition: all 0.45s ease; } .product-list li:hover .list-fun-product{ right: 10px; } .list-fun-product .fa{ margin-right:6px; } .list-fun-product a { border-radius: 3px; margin: 0 0 10px 0; overflow: inherit !important; background: #ed1c24 none repeat scroll 0 0; padding: 4px 6px; color: #fff; width:24px; height:24px; } a.a-category { color: #fff; float: right; margin-right: 10px; } .content-about { font-size: 14px; line-height: 28px; } .clear, .clear5,.clear10,.clear20,.clear30,.clear40,.clear50{ clear: both; display: block; overflow: hidden; visibility: hidden; width:0;/*px !important;*/ height:0; /*float:none !important;*/ } .clear5{ height: 5px; } .clear10{ height: 10px; } .clear20{ height: 20px; } .clear30{ height: 40px; } .clear40{ height: 40px; } .clear50{ height: 50px; } .logo { position: relative; } .logo { width: 20%; } #jsMenuMarkLayer { background-color: rgba(0, 0, 0, 0.4); bottom: 0; cursor: pointer; display: none; left: 0; position: absolute; right: 0; top: 0; z-index: 8; } .relative { position: relative; } .textcenter { text-align:center;} .alert{ padding:8px 5px 8px 5px; margin-bottom:10px; margin-top:10px; text-shadow:0 1px 0 rgba(255,255,255,0.5); background-color:#fcf8e3; border:1px solid #fbeed5; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px } .alert.alert-normal{ background-color:#f1f1f1; border:1px solid #dfdfdf; color:#333; } .alert,.alert h4{color:#c09853}.alert h4{margin:0}.alert .close{position:relative;top:-2px;right:-21px;line-height:20px}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-success h4{color:#468847}.alert-danger,.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.alert-danger h4,.alert-error h4{color:#b94a48}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.alert-info h4{color:#3a87ad}.alert-block{padding-top:14px;padding-bottom:14px}.alert-block>p,.alert-block>ul{margin-bottom:0}.alert-block p+p{margin-top:5px} .mark-white { background: transparent; bottom: 0; height: 42px; left: 1px; position: absolute; width: 100%; } .mark-white-2 { background: #fff none repeat scroll 0 0; bottom: 0; height: 50px; left: 0px; position: absolute; width: 100%; display:none; } .mark-white-3 { background: #fff none repeat scroll 0 0; bottom: 0; height: 20px; left: 0px; position: absolute; width: 100%; display:none; } .mark-white-cart { background: #fff none repeat scroll 0 0; bottom: 0; height: 20px; left: 0px; position: absolute; width: 100%; } .mark-transparent { background: url(../images/transparent.gif); bottom: 0; height: 100%; left: 0px; position: absolute; width: 100%; } .none { display:none;} #form-search-opntop #display { left: 0px !important; width: 100% !important; top: 41px; } #display { background: #fff; display:none; float: left; left: 0; overflow: hidden; position: absolute; top: 100%; width: 100%; z-index: 200000; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .p-title{padding: 10px 5px 0px 10px;font-weight: 700;text-transform: uppercase;font-size: 15px;color: #0054a6;} .auto_search { padding: 0; } .auto_search{ list-style:none; list-style-type:none; } .auto_search li.search-cate { border-bottom: 0px solid #DEDEDE; background: #0054a6; } .auto_search li.search-cate a { color:#fff; font-weight:600; } .auto_search li {padding: 3px 5px 3px 12px;clear: both;} .auto_search li:last-child { border: medium none; } .auto_search li.firt { background: none repeat scroll 0 0 #DFDFDF !important; } .auto_search li.firt a { color: #333333 !important; font-weight: bold; } .auto_search li:hover { background: none repeat scroll 0 0 #dfdfdf; color: #333; } .auto_search li:hover a { color: #333; } .auto_search li span.price_a { color: #ed1c24; display: none; } .auto_search li:hover .price_a{ color: #ed1c24; } .auto_search li a { color: #333; text-decoration:none; display:block; font-size: 13px; font-weight: 500; position: relative; padding-left:10px; } .auto_search li a::before { display: inline-block; content: ''; width: 4px; height: 4px; background: #0054a6; position: absolute; left: 0; top: 7px; } .auto_search li a img { height: 44px; margin: 0 6px 6px 0; padding: 0px; width: 44px; display: none; } .category-brands-list { list-style: outside none none; margin: 0; overflow: hidden; padding: 0px 0 0px 60px; } .category-brands-list > li { margin-bottom: 10px; } .category-brands-list > li .category-brand-logo { background-color: #fff; background-position: center center; background-repeat: no-repeat; display: inline-block; height: 56px; line-height: 56px; text-align: center; width: 100%; } .category-brands-list > li .category-brand-logo img { max-height: 56px; max-width: 96px; vertical-align: middle; } .category-brands-list > li > a { text-align: center; } .category-list-tinhnang { margin-top:10px; } .category-list-tinhnang li { display: block; font-size: 13px; } .category-list-tinhnang li a { color: #333; cursor: pointer; display: block; font-size: 12px; padding: 5px 12px; position: relative; } .category-list-tinhnang li a:hover { background: #f1f1f1 none repeat scroll 0 0; } .category-list-tinhnang li a:before{ content: "\f105"; font-size: 14px; display: inline-block; text-align: right; color: #666; font-family: "FontAwesome"; padding-right: 12px; color: #ccc; font-weight: bold; cursor: pointer; } .category-list-tinhnang li:hover > a::before{ color: #ed1c24; } .error404 { margin: 0; } .error404 .error404-content { border-color: #dfdfdf; border-style: solid; border-width: 3px 1px 1px; padding: 10px; margin:20px 0; } .support-container.clearfix_f { padding-top: 10px; } .error404 h1 { color: #3d3d3d; font-size: 20px; margin-bottom: 10px; text-transform: uppercase; } .error404 .left-message { float: left; padding-right: 10px; width: 29%; } .error404 .left-message p { color: #626060; font-size: 13px; } .error404 .left-message .support-container .hotline-container { float: left; width: 300px; } .error404 .left-message .support-container .hotline-container .icon-hotline { background: rgba(0, 0, 0, 0) url("../images/hotline-icon.png") no-repeat scroll 0 0; display: block; float: left; height: 59px; margin-right: 10px; transition: all 0.3s ease-out 0s; width: 59px; } .error404 .left-message .support-container .hotline-container .text-container { float: right; width: 230px; } .error404 .left-message .support-container .hotline-container .text-container p { color: black; margin: 0; } .error404 .left-message .support-container .hotline-container .text-container p.hl { color: #626060; text-transform: uppercase; font-weight:bold; } .error404 .left-message .support-container .hotline-container:hover .icon-hotline { background: rgba(0, 0, 0, 0) url("../images/hotline-icon.png") no-repeat scroll 0 -59px; } .error404 .left-message .support-container .email-container { float: right; width: 260px; } .error404 .left-message .support-container .email-container .icon-email { background: rgba(0, 0, 0, 0) url("../images/email-icon.png") no-repeat scroll 0 0; display: block; float: left; height: 59px; transition: all 0.3s ease-out 0s; width: 59px; } .error404 .left-message .support-container .email-container .text-container { float: right; width: 190px; } .error404 .left-message .support-container .email-container .text-container p { color: #626060; margin: 0; text-transform: uppercase; } .error404 .left-message .support-container .email-container .text-container a { color: #333333; } .error404 .left-message .support-container .email-container .text-container a:hover { color: black; transition: all 0.3s ease-out 0s; } .error404 .left-message .support-container .email-container:hover .icon-email { background: rgba(0, 0, 0, 0) url("../images/email-icon.png") no-repeat scroll 0 -59px; } .error404 .right-btn-group { border-left: 3px solid #c1c1c1; float: right; padding-left: 30px; width: 69%; } .error404 .right-btn-group p { color: #626060; font-size: 13px; } .error404 .right-btn-group .list-btn { list-style: outside none none; margin-top: 10px; } .error404 .right-btn-group .list-btn li { float: left; margin: 0 20px 20px 0; } .error404 .right-btn-group .list-btn li a { border: 2px solid #505050; display: block; font-size: 14px; padding: 5px 6px; text-align: center; text-transform: uppercase; transition: all 0.3s ease-out 0s; } .error404 .right-btn-group .list-btn li a .icon-arrow-right { background: rgba(0, 0, 0, 0) url("../images/right-arrow-icon.png") repeat scroll 0 0; display: inline-block; height: 13px; margin-left: 10px; width: 10px; vertical-align:text-top; } .error404 .right-btn-group .list-btn li a:hover { background: #f0f0f0 none repeat scroll 0 0; color: black; } /*---------------------------------- PAGE -----------------------------------*/ .bottom-pagination { margin-top:30px;} .pagination { display: block; font-size: 14px; margin: 20px 0; padding: 0; text-align: center; text-transform: capitalize; } .pagination a, .pagination a:visited, .pagination span { background: #ffffff none repeat scroll 0 0; color: #333333; display: inline-block; margin: 3px 5px 3px 0; padding: 0; text-decoration: none; border: 1px solid #0054a6; border-radius: 100%; height: 38px; width: 38px; line-height: 38px; box-shadow: 0 3px 12px rgba(0, 0, 0, .15); font-weight: bold; font-size: 15px; } .pagination a .fa, .pagination span .fa { font-weight: bold; font-size: 15px; } .pagination a:hover { border: 1px solid #0054a6; background:#0054a6; color:#fff; } .pagination span, .pagination li { background: #0054a6; color: #fff; border-color: #0054a6; } .pagination a, .pagination li { cursor: pointer; } .pagination li { background: #ffffff; color: #333333; display: inline-block; margin: 3px 2px 3px 0; padding: 0px 8px; text-decoration: none; border: 1px solid #dfdfdf; } .pagination li.inactive, .pagination li.current, .pagination li.disabled, .pagination li:hover { background: #ed1c24; color: #fff; border-color: #ed1c24; } .pagination li.inactive, .pagination li.current, .pagination li.disabled{ cursor:inherit; } .supportphone { border: 1px dashed #dfdfdf; border-radius: 5px; color: #333; padding: 5px 10px; text-align: left; font-size: 12px; margin:10px 0; } .supportphone span { display: block; font-weight: bold; line-height: 18px; margin: 0 !important; } .supportphone div { float: left; line-height: 16px; margin-left: 5px; } .product-name {} .support-link .icon-phone { background-image: url("../images/icon-gray-phone.png"); background-position: center center; display: inline-block; height: 33px; width: 17px; background-repeat: no-repeat; } .category-view-all { padding:5px 10px; text-align:right; border-top:1px solid #dfdfdf; } .category-view-all a { background: transparent url("../images/view-all.png") no-repeat scroll 0 center; display: inline-block; font-size: 12px; padding-left: 25px; } .block-news {padding-bottom: 30px;} .block-news .owl-controls .owl-dots{bottom:-20px} .block-news .block_content{ padding:10px; } .block-news .title_block { background: #dfdfdf; padding: 5px 10px; font-weight: bold; font-size: 13px; text-transform: uppercase; margin-bottom: 5px; } .banner-home-bottom { overflow:hidden; height:100px;} .block-product-goiy .title_block { color: #555; font-size: 13px; font-weight: bold; margin: 0 1px 0 -1px; padding: 8px 0 8px 15px; text-transform: uppercase; } .block-product-goiy .best-sell li { border-bottom: 1px solid #eaeaea; overflow: hidden; padding: 0; } .block-product-goiy .products-block .product-price { color: #ed1c24; font-size: 12px; font-weight: bold; } .block-product-goiy .owl-carousel .owl-item img { display: block; width: 100%; height:80px; } .block-product-goiy .product-name{ font-size:12px; margin-top:15px; } .block-product-goiy .products-block .products-block-left { float: left; padding:5px 0 0 0; } .block-product-goiy .title_block{} .title_block.goiy-jbl { background: #ff6600 !important; } .title_block.goiy-akg { background: #828166 !important; } .title_block.goiy-infinity { background: #daa31b !important; } .title_block.goiy-harman { background: #3366cc !important; } .title_block.goiy-q-acoustics { background: #494748 !important; } .title_block.goiy-myryad { background: #000 !important; } .title_block.goiy-parasound { background: #751d29 !important; } .product-img-thumb ul li a.zoomGalleryActive { border: 1px solid #dfdfdf; display: inline-block; padding: 1px; } .product-img-thumb ul li a { border: 1px solid #f1f1f1; display: inline-block; padding: 1px; border-radius: 3px; overflow: hidden; } .product-img-thumb ul li a:hover { border: 1px solid #dfdfdf; } .product-list li .block-list-color { width: 100%; position: absolute; left: 0; right: 0; bottom:26px; width: 100%; color: #fff; text-align: center; line-height: 15px; -moz-transition: all 0.45s ease; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; -ms-transition: all 0.45s ease; transition: all 0.45s ease; z-index: 1; } /* .product-list li:hover .block-list-color{ top: 30px; } */ .product-list li .block-list-color span { border: 0px solid #f1f1f1; border-radius: 0px; display: inline-block; height: 20px; margin: 5px 3px 0 0; width: 20px; } .product-list li .block-list-color .list-imgcolor { border: 1px solid #f1f1f1; display: inline-block; margin: 3px; width: 40px; height: 40px; object-fit: cover; border-radius: 3px; object-position: center; line-height: 50px; background: #fff; } .product-list li .block-list-color .list-imgcolor img{ height:38px;} #product-detail ul {margin-left: 20px;} #product-detail ul li { padding: 2px 10px; list-style: square; } #product-detail ul li:nth-child(2n) { } #product-detail ul li:nth-child(2n+1) { } .show-brand .navbar-brand a span { display:none; } .contact-info { border-bottom: 0px solid #dfdfdf; padding: 5px 10px; } .contact-info .aside { float: left; width: 100%; } .contact-info .aside i, .contact-info .aside em { float: left; height: 24px; margin-right: 15px; width: 24px; } .contact-info .contact-address i, .contact-info .contact-address em { background: transparent url("../images/footer_a.png") no-repeat scroll 0 0; } .contact-info .contact-phone i, .contact-info .contact-phone em { background: transparent url("../images/footer_p.png") no-repeat scroll 0 0; } .contact-info .contact-fax i, .contact-info .contact-fax em { background: transparent url("../images/icons-add.png") no-repeat scroll -158px -43px; } .contact-info .contact-email i, .contact-info .contact-email em { background: transparent url("../images/footer_m.png") no-repeat scroll 0 0; } .contact-info .contact-website i, .contact-info .contact-website em { background: transparent url("../images/footer_f.png") no-repeat scroll 0 0; } .contact-info .contact-timework i, .contact-info .contact-timework em { background: transparent url("../images/footer_t.png") no-repeat scroll 0 0; } .contact-info .aside label { color: #333; float: left; font-size: 12px; font-weight: bold; width: 100px; } .contact-info .aside p { color: #444; float: left; font-size: 12px; line-height: 20px; margin: 0 0 10px; } /* cart */ .table-list { background-color: #FFFFFF; border: 0px solid #0054a6; border-radius:0 0 3px 3px; margin: 15px 0; } .table-list th { background-color: #f1f1f1; border-bottom: 0px solid #dfdfdf; border-right: 0px solid #dfdfdf; font-weight: bold; padding: 10px 5px; } .table-list th { color: #222222; } .table-list td { border-bottom: 1px solid #dfdfdf; border-right: 0px solid #dfdfdf; padding: 5px; vertical-align:top; } .table-list tr:first-child > td { background-color: #0054a6; font-size: 14px; padding: 10px 5px; font-weight: bold; color: #fff; } .table-list td { background-color: #f1f1f1; border-right: 2px solid #fff; border-bottom: 2px solid #fff; color: #333; } .table-list td:first-child { font-weight: 600; } #product-detail .table-list tr td:first-child {font-weight: 600;} .table-list th { text-align:center;} .table-list td .fa { width:20px;} .noborder td { border: medium none !important; } .btn:hover{ color:#fff; background:#ed1c24;} .bg-red { background-color: #0054a6; color: #fff; font-size: 17px; background: -webkit-gradient(linear, left top, right top, from(#0054a6), color-stop(98%, #05437e), to(#05437e)); } .bg-gray { background-color: #25496a; color: #fff; font-size: 17px; } .bg-yelow { background-color: #0088cc; color: #fff; font-size: 15px; } .bg-red.width100:hover{background-color: #ffd145; color:#111; } .bg-red.width100, .bg-yelow.width100 { font-size: 18px; margin-bottom: 10px; } .width100 { width:100%;} .red { color:#ed1c24; } .bold { font-weight:bold;} .contact-form .cusmo-input{ background: #e9e8e8; border-color: #e9e8e8; border-radius: 0; border-style: solid; border-width: 1px; box-shadow: none; padding: 8px 5px; width: 100%; } .box-tuvansanpham .contact-form .cusmo-input { padding: 4px 5px; } .NormalTextBox, .cusmo-input { background: #ffffff; border-color: #e9e8e8; border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: none; padding: 10px 5px; width: 100%; } select.NormalTextBox { height:44px !important; } .cusmo-input {width:100%;} .inputqty { padding: 5px 0 4px; text-align: center; width: 60px !important; } .personal_info { border-color: #dfdfdf; border-style: solid; border-width: 0px; } .personal_info td.contact_item_name { font-size: 14px; padding-top: 6px; vertical-align: top; width: 160px; } .personal_info td { padding: 5px; font-size: 14px; } #formSubmitOrder .personal_info td { padding-top: 10px; padding-bottom: 10px; } .text-align-right { text-align: right; } .cart-note { border-left: 4px solid #cccccc; font-size: 12px; margin: 0; padding: 10px 0 10px 10px; } .cart-note ul { list-style: outside none none; margin: 0; padding: 0; } .note-text { color: #ff0000; } .margin-bottom-0 {margin-bottom:0 !important;} .margin-top-10 {margin-top:10px;} .err, .totalPriceCart span { color: #ff0000; } textarea.cusmo-input { height:160px;} .contact_item_content textarea.cusmo-input { height:120px;} .tab-page-area { background-image: url("../images/Newtab-content1.png"); background-position: center bottom; background-repeat: repeat-x; padding: 0 5px 5px 0; } .tab-page-area ul.CMSListMenuUL { display: inline; float: left; list-style-type: none; margin: 0; padding: 0; } .tab-page-area ul.CMSListMenuUL li.CMSListMenuLI, .tab-page-area ul.CMSListMenuUL li.CMSListMenuLI a.CMSListMenuLink { background: rgba(0, 0, 0, 0) url("../images/newtabconten.png") repeat scroll 0 0; color: #fff; float: left; } .tab-page-area ul.CMSListMenuUL li { display: inline-block; margin-right: 5px; } .tab-page-area ul.CMSListMenuUL li.CMSListMenuLI a.CMSListMenuLink { background-position: right top; } .tab-page-area ul.CMSListMenuUL li.CMSListMenuHighlightedLI, .tab-page-area ul.CMSListMenuUL li.CMSListMenuHighlightedLI span.CMSListMenuLinkHighlighted { background: rgba(0, 0, 0, 0) url("../images/Newtab-select.png") repeat scroll center bottom; border-bottom: medium none; color: #fff; float: left; } .tab-page-area ul.CMSListMenuUL li.CMSListMenuLI a.CMSListMenuLink.CMSListMenuLinkHighlighted { background: rgba(0, 0, 0, 0) url("../images/Newtab-select.png") repeat scroll center bottom; border-bottom: medium none; color: #fff; float: left; } .tab-page-area a, .tab-page-area span { color: #fff; float: left; font-family: Arial; font-size: 14px; padding: 8px 11px 5px 7px; } .tab-page-area ul.CMSListMenuUL li.CMSListMenuLI a.CMSListMenuLink:hover { background: rgba(0, 0, 0, 0) url("../images/NewTabHove.png") repeat scroll center bottom; border-bottom: medium none; color: #fff; float: left; text-decoration: none; } .cart-block-content .p-name{font-weight:bold;} #product .pb-right-column .info-orther p span.view-list-tinhnang {width:60%;} #product .pb-right-column .info-orther p span.view-list-tinhnang a{color:#0388CD;} #product .pb-right-column .info-orther p span.view-list-tinhnang a:hover{color:#333;} #product .pb-right-column .info-orther p span.view-list-tinhnang i:last-child{display:none;} .box-vertical-megamenus .vertical-menu-list li.goiy-jbl:hover { background: #ff6600 !important; } .box-vertical-megamenus .vertical-menu-list li.goiy-akg:hover { background: #828166 !important; } .box-vertical-megamenus .vertical-menu-list li.goiy-infinity:hover { background: #daa31b !important; } .box-vertical-megamenus .vertical-menu-list li.goiy-harman:hover { background: #3366cc !important; } .box-vertical-megamenus .vertical-menu-list li.goiy-q-acoustics:hover { background: #494748 !important; } .box-vertical-megamenus .vertical-menu-list li.goiy-myryad:hover { background: #000 !important; } .box-vertical-megamenus .vertical-menu-list li.goiy-parasound:hover { background: #751d29 !important; } .page-heading-title-count { font-size: 12px; color: #555; text-transform: none; display: none; margin-left: 20px; margin-top: 4px; } .shop-payment { border: 1px solid #dfdfdf; padding: 5px; background: #f1f1f1; border-radius: 3px; } .shop-payment label { background-position: 20px 0 !important; cursor: pointer; display: inline-block; min-height: 30px; } .shop-payment label input { display: inline-block; margin-right: 50px; margin-top: 7px; } .listbank li { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #dfdfdf; float: left; height: 40px; margin: 0 3px 5px 0; width: 70px; } .listbank li:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } .listbank li { cursor: pointer; } .listbank li.starActive { border: 1px solid #ff0000; } .show-payment { border-left: 2px solid #dfdfdf; margin: 10px 0 10px 70px; padding: 0 0 0 10px; } .control-group, .forget-password { margin-bottom: 10px; } .form-label { margin: 10px 0 5px 0; font-weight: bold; font-size: 14px; } label.error { border: 1px dashed #b94a48; border-radius: 2px; color: #b94a48; display: block; font-size: 12px; margin-top: 2px; padding: 2px 5px; } #showProductsBestSelling, #showProductsNew { cursor: pointer; margin-right: 10px; } .title-rbl-04 { border-bottom: 2px solid #cccccc; font-size: 15px; line-height: 28px; margin-bottom: 15px; text-transform: uppercase; } .title-rbl-04 span.active, #showProductsBestSelling:hover, #showProductsNew:hover { border-bottom: 2px solid #b00000; color: #b00000; } .title-rbl-04 span { border-bottom: 2px solid #121212; color: #121212; padding-bottom: 5px; } .order-details {font-size: 12px;} .order-details p strong { display: inline-block; width: 140px; } #loading, #loading-letter{ display: none; } .brand-showcase-content .info-product h5 { font-weight:bold; font-size:12px;} .select2-results__option { font-size: 14px; padding: 6px; } .tags, .tags ul li { display: inline-block; text-align: left; } .footer-tag { margin-bottom:20px;} .footer-tag .introduce-title { text-transform: uppercase; font-size: 15px; list-style: none; font-weight: bold; margin-top: 20px; line-height:22px; position:relative; color:#333; } .footer-tag .introduce-title::after { content: ''; display: block; width: 46px; height: 2px; margin: 10px 0px 20px 0; background: #999; } .tags ul li a { background: transparent none repeat scroll 0 0; color: #0054a6; display: inline-block; font-size: 12px; margin-bottom: 10px; padding: 3px 10px; margin-right: 10px; border: 1px solid #0054a6; border-radius: 5px; } .tags ul li a:hover { color: #fff; background:#0054a6; border: 1px solid #0054a6; } .tags ul li a span { color:#0054a6; } .tags ul li a:hover span{ color:#fff; } .tags ul li a .fa{color: #0054a6;margin-right:7px;} .tags ul li a:hover .fa{ color:#fff; } .block-visitors { font-size: 12px; margin: 8px 0; display: inline-block; } .block-visitors span { display: inline-block; margin: 0 5px 10px 5px; padding: 4px 6px; } #home-slider { } .header-top-right {overflow:hidden;} .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #0054a6; } .product-list li .gift-promo-item { background: #6bb53f; border-radius: 2px; color: #fff; height: auto; padding: 1px 6px; position: absolute; right: 10px; top: 10px; } .product-list li .gift-promo-item i { font-size: 15px; margin-right: 7px; } #product .status-hethang-item, .product-list li .status-hethang-item { background: #ed1c24 none repeat scroll 0 0; color: #fff; height: 50px; position: absolute; right: 70px; top: 10px; width: 50px; border-radius: 100%; font-weight: bold; text-transform: uppercase; font-size: 11px; text-align: center; padding: 11px 0px 0 0; line-height: 12px; } #product .status-hethang-item { right: 5px; top: 10px; z-index: 2; } .product-list li .status-thanhly-item { background: #22b24c; border-radius: 2px; color: #fff; height: auto; padding: 1px 6px; position: absolute; left: 0; bottom: 40px; } .promotion-block h3 { background: #ed1c24 none repeat scroll 0 0; border-radius: 5px; color: #fff; font-size: 14px; margin-bottom: 15px; padding: 6px 5px; } .promotion-block h3 span { background-clip: padding-box; background-color: #ed1c24; border-radius: 50%; float: left; font-size: 18px; height: 28px; margin: 0 10px 0 0; text-align: center; width: 10px; } .promotion-block{ padding: 10px 0px 10px 0; font-size:12px; } .promotion-block .mod-content { background: #f1f1f1; border-radius: 3px; padding: 5px 0; } .promotion-block p { font-size: 12px; text-align: center; } .promotion-block a { color: #ed1c24; font-weight: bold; display: inline-block; } .promotion-block a:hover { color: #333333; } .promotion-block ul{ margin-left:5px; } .promotion-block ul li { font-weight: bold; line-height: 80px; } .promotion-block ul li img{ height:80px; margin-right:10px; } .promotion-block ul li::before { color: #ed1c24; content: "\f058"; display: none; font-family: "Fontawesome"; font-size: 14px; margin-right: 5px; } .table-list .promotion-block ul li { line-height: normal; } .label-model {font-weight:bold;font-family: "Roboto condensed";font-size:17px;} .group-title-box-product { } #product .group-title-box-product .group-title { font-size: 21px; border-bottom: 1px solid #f1f1f1; font-weight: bold; padding-bottom: 0px; line-height: 30px; font-family: "Roboto condensed"; } #product .group-title-box-product .group-title span { border-bottom: 2px solid #ccc; text-transform: uppercase; padding: 0; } .group-title-box-product .group-title { font-size: 20px; border-bottom: 0px solid #f1f1f1; font-weight: bold; padding-bottom: 7px; line-height: 27px; } .group-title-box-product .group-title span { border-bottom: 0px solid #ed1c24; text-transform: uppercase; padding: 0; } #product .pb-right-column .product-desc ul { list-style: outside none none; margin-bottom: 0; padding-left: 15px; text-align: justify; } #product .pb-right-column .product-desc ul li { list-style: square; } .guide-content { padding: 10px 0; } /* Reviews*/ #reviews .comment-label { font-size: 14px; font-weight: bold; margin: 10px 0 5px; } .review-item .body{ position: relative; } .review-item .body:after { content: ""; position: absolute; left: -14px; top: 13px; width: 0px; height: 0px; border-style: solid; border-width: 7.5px 13px 7.5px 0; border-color: transparent #E9E9E9 transparent transparent; display: none; } .review-item .body:before { content: ""; position: absolute; left: -13px; top: 13px; width: 0px; height: 0px; z-index: -1; border-style: solid; border-width: 7.5px 13px 7.5px 0; border-color: transparent #E9E9E9 transparent transparent; display: none; } .review-item .thumb,.review-item .thumb img{ border-radius: 3px; } .review-item .date { color: #999; font-size: 14px; } .star{ min-width: 100%; } .star img { padding-right: 4px; } .review-item .avata {width:90px; float:left; display:none;} .r-content {} .review-item p { margin: 0 !important; font-size: 12px; } .review-item .star-holder { display:none;} .review-item h4 { display: inline-block; font-size: 15px; font-weight: bold; margin-bottom: 0; line-height: 23px; } .review-item .body { color: #333; border: 0px solid #E9E9E9; padding: 0px; border-radius: 5px; margin-left:0px; } .review-item .body a{ color: #ff6600; } .review-info{ margin-bottom: 10px; } .recent-reviews { margin: 10px 0 10px 0; border-top: 1px solid #f1f1f1; padding-top: 10px; } .review-item { margin-bottom: 19px; } /* /Reviews*/ .review-comment { margin-bottom:10px;} .review-comment .countview-box::before, .prod-detail-wrap .countview-box::after { display: none; } .review-comment .comment-box::before, .prod-detail-wrap .countview-box::before { border-color: #ddd rgba(221, 221, 221, 0) rgba(221, 221, 221, 0); border-width: 11px; margin-left: -11px; transition: all 0.2s linear 0s; } .review-comment .comment-box::before, .review-comment .countview-box::before, .review-comment .comment-box::after, .review-comment .countview-box::after { border: medium solid transparent; content: " "; height: 0; left: 50%; pointer-events: none; position: absolute; top: 100%; width: 0; } .review-comment .comment-box, .review-comment .countview-box { background-clip: padding-box; border: 1px solid #ddd; border-radius: 5px; color: #666; display: inline-block; line-height: 1; padding: 5px 10px; position: relative; transition: all 0.2s linear 0s; margin-right:5px; } .review-comment .countview-box .number { color: #666; font-size: 14px; } .review-comment .comment-box .number{ color:#ed1c24; } .review-comment .comment-box .number, .review-comment .countview-box .number { font-size: 16px; font-weight: 700; } .review-comment .comment-box span, .review-comment .countview-box span { display: block; text-align: center; } .review-comment .comment-box .text, .review-comment .countview-box .text { font-size: 8px; margin-top: 5px; text-transform: uppercase; } .review-item .product-star { display: inline-block; margin-left: 10px; color: #ff9900; } .recent-reviews .comments-order { font-size: 12px; color:#999; margin-bottom:10px; } .recent-reviews .comments-order label { font-weight: bold; line-height: 28px; } .recent-reviews .comments-order a { color: #999 !important; display: inline-block; margin: 0 5px 0 0; padding: 2px 6px; border-radius: 3px; line-height: 24px; } .recent-reviews .comments-order a.active { color: #111 !important; background:#f1f1f1; } #product .pb-right-column .product-comments .product-star span { font-size: 12px; font-weight: bold; margin-right: 6px; } #product .pb-right-column .info-orther p .fa { color: #0054a6; margin-right: 6px; } #product .pb-right-column .info-orther p .fa-check { color: #0088cc; } #product .pb-right-column .fa { line-height: inherit; } .xemthemProducts a { font-size: 12px; cursor: pointer; color: #76b51b; } .xemthemProducts a .fa{ margin-left:10px; } p#userTip { background:#fff; margin-top: 15px; display: none; position: absolute; padding: 5px; left: 5px; border: 2px solid #4f4f4f; z-index: 9999; color: #333; min-height:40px; font-size:14px; line-height:20px; } p#userTip #userTipArrow { position: absolute; top: -5px; left: 5px } .box-comment-reply { margin-left:18px; } .comment_reply { background: #f1f1f1 none repeat scroll 0 0; border: 0px solid #e7e7e7; color: #333; display: block; font-size: 13px; margin-left: 0; margin-top: 18px; padding: 15px 10px; position: relative; } .arrow_box { background: #f1f1f1 none repeat scroll 0 0; display: block; left: 18px; margin-top: -15px; position: relative; z-index: 9; } .arrow_box::after, .arrow_box::before { border: medium solid transparent; bottom: 100%; content: " "; height: 0; pointer-events: none; position: absolute; width: 0; } .arrow_box::after { border-bottom-color: #f1f1f1; border-width: 11px; margin-left: -11px; } .arrow_box::before { border-bottom-color: #e7e7e7; border-width: 12px; margin-left: -12px; } .totalcomment-reply { border-top: 1px solid #b4b4b4; color: #4a90e2; cursor: pointer; display: block; font-size: 12px; margin-top: 7px; padding: 10px 0 0; } .totalcomment-reply:hover { text-decoration: underline; } .comment_ask { display: block; margin: 10px 0 0; overflow: visible; } .iconcom-user { background-color: #ccc; background-image: none; color: #fff; font-size: 12px; font-style: normal; height: 25px; line-height: 26px; margin-right: 7px; text-align: center; text-transform: uppercase; width: 25px; } .comment_ask strong { color: #333; font-size: 14px; } .comment_ask .qtv { background: #ed1c24 none repeat scroll 0 0; border-radius: 3px; color: #fff; font-size: 12px; font-weight: normal; height: 18px; margin-left: 10px; margin-right: 10px; padding: 0px 4px; text-transform: uppercase; margin-top: 3px; display: inline-block; line-height: 18px; } .infocom_ask, .infocom_ask_s { color: #4a4a4a; display: block; font-size: 13px; line-height: 22px; margin-left: 0px; } .infocom_ask .conticon { line-height: 22px; } .relate_infocom { color: #666; display: block; font-size: 12px; height: 18px; overflow: visible; padding:5px 0; } .relate_infocom span { float: left; } .relate_infocom .reply { color: #4a90e2; cursor: pointer; float:none; } .bx-wrapper .bx-pager { display: none; } /* update 05/08/2016 */ .product-tab .sticky-tab { position: fixed; z-index: 2; top: 106px; padding-bottom: 0; background: #fff; padding-top: 0; border-bottom: 2px solid #ed1c24; } #page_content__segment_menu { background-color: #fff !important; box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.15); display: block; height: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 50px; transition: all 0.3s ease 0s; z-index: 1; } #page_content__segment_menu.sticky { height: 56px; padding:5px 0; } #page_content__segment_menu > .container > .row #page_content__segment_menu__thumbnail { float: left !important; height: 48px; margin-right: 16px; text-align: center; width: 48px; } #page_content__segment_menu > .container > .row #page_content__segment_menu__thumbnail > img { max-height: 100%; max-width: 100%; } #page_content__segment_menu > .container > .row #page_content__segment_menu__info { float: left !important; } #page_content__segment_menu > .container > .row #page_content__segment_menu__info #page_content__segment_menu__info__title { font-size: 16px; font-weight:bold; line-height: 24px; margin-top: 4px; } #page_content__segment_menu > .container > .row #page_content__segment_menu__info #page_content__segment_menu__info__subtitle { line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #page_content__segment_menu > .container > .row #page_content__segment_menu__info #page_content__segment_menu__info__subtitle .item-price { color: #d60c0c !important; display: inline; font-weight: 400 !important; } #page_content__segment_menu > .container > .row #page_content__segment_menu__button_container { float: right !important; margin-top: 4px; } #page_content__segment_menu > .container > .row #page_content__segment_menu__button_container #page_content__segment_menu__button_add_to_cart { border-radius: 0; height: 40px !important; line-height: 40px !important; width: 232px !important; } #page_content__segment_menu.sticky .btn-tuvan { display:none; } .listColorView { padding-top:5px;} .listColorView .list-color { overflow: hidden; padding-top: 5px; } .listColorView .list-color li { border: 1px solid #eaeaea; border-radius: 3px; float: left; height: 24px; margin-right: 6px; padding: 1px; position: relative; width: 24px; } .listColorView .list-color li:hover, .listColorView .list-color li.active, .listColorView .list-color li.starActive { border: 1px solid #ed1c24; } .listColorView .list-color li a { float: left; height: 20px; width: 20px; } .listColorView .list-color li img { background-clip: padding-box; border-radius: 3px; width: 100%; } #box_delivery_policies{ background:#fafafa; padding:5px;} #delivery_policies_list .item .icon, #delivery_policies_list .item .icon i{ display: inline-block; height: 32px; margin-right: 7px; vertical-align: middle; width: 32px; text-align:center; } #delivery_policies_list .item .icon,#delivery_policies_list .item .icon i { background-repeat: no-repeat; vertical-align: top; } #delivery_policies_list .item .icon,#delivery_policies_list .item .icon i[class^="icon-"] { font-size:21px; } #delivery_policies_list .item .icon .truck { background-image: url("../images/icon-truck.png"); } #delivery_policies_list .item .icon .location { background-image: url("../images/icon-location.png"); } #delivery_policies_list .item .icon .box { background-image: url("../images/icon-box.png"); } #delivery_policies_list .item .icon .store { background-image: url("../images/icon-store.png"); } #delivery_policies_list .item .icon .phone { background-image: url("../images/icon-phone.png"); } #delivery_policies_list .item .icon .warning { background-image: url("../images/icon-note.png"); } #delivery_policies_list .item .icon .baohanh { background-image: url("../images/icon-baohanh.png"); } #delivery_policies_list .item .icon .tuvanmienphi { background-image: url("../images/icon-tuvanmienphi.png"); } #delivery_policies_list .item .icon .camket { background-image: url("../images/icon-camket.png"); } #delivery_policies_list .item .icon .warning { background-image: url("../images/icon-note.png"); } #delivery_policies_list .item .icon .website { background-image: url("../images/icon-website.png"); } #delivery_policies_list .item.link-website a { font-weight: bold; color: #ed1c24; font-size: 14px; line-height: 30px; } #delivery_policies_list .item .text.tel a { font-weight: bold; color: #ed1c24; font-size: 19px; line-height: 30px; } .btn-hotline { background: #ed1c24 none repeat scroll 0 0; border-radius: 0px; clear: both; color: #fff; display: inline-block; font-size: 17px; height: 45px; line-height: 45px; margin: 0 auto; padding: 0 25px 0 0; text-align: center; width: auto; overflow: hidden; font-family: "Roboto condensed"; } .btn-hotline::before { width: 40px; height: 100%; float: left; background: url("../images/tuvan-phone.png") no-repeat scroll center center; content: " "; margin-right: 15px; background-color: rgba(0, 0, 0, 0.2); } .form-tuvanmuahang a { margin-bottom:5px; width:100%;} .form-tuvanmuahang a:hover { color:#fff; } #delivery_policies_list .item { display: inline-block; margin:5px 0; } #delivery_policies_list .item .text { color: #666; display: inline-block; font-size: 12px; vertical-align: middle; width: 210px; text-align:justify; } #delivery_policies_list .item .text .thanhvien-name { font-weight: bold; color: #0388CD; font-size: 14px; } #delivery_policies_list .item .fa { font-size:21px; } /*list*/ .product-list.list li .sale-off { background: #d60c0c none repeat scroll 0 0; border-radius: 2px; color: #fff; margin-left: 6px; padding: 0 7px; font-size: 13px; } .product-list.list li .old-price { color: #999; font-size: 14px; margin-left: 7px; position: relative; } .product-list.list li .block-list-color { display:none;} .product-list.list li .product-desc-info .block-list-color { display: inline !important; top: 0px; left: 1px; } .product-list.list li .block-list-func{ display:none; } .product-list.list li .product-desc-info .block-list-func { display: block !important; background: transparent; opacity: 1; top: 23px; } .product-list.list li .product-desc-info .block-list-func ul { padding: 10px 0px; } /* /list*/ .product-list li .block-list-func{ width: 100%; position: absolute; left: 0; right: 0; top: 0; width: 100%; line-height: 15px; background:#fff; height:100%; -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -o-transition-duration: .7s; transition-duration: .7s; opacity:0; } .product-list li:hover .block-list-func{ top: 0; opacity:1; } .product-list li .block-list-func ul{ padding:52px 10px 10px 6px; } .product-list li .block-list-func ul li { margin: 0 0 3px 0; font-size: 12px; padding: 0; border: none; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product-list li .block-list-func ul li:hover { border:none; box-shadow:none; padding:0; } .product-list li .block-list-func ul li span { display: inline-block; width: 70px; margin-right: 5px; } .block-work-time { background: #002140; padding-top: 30px; } .block-work-time .sp-contact-info { list-style: outside none none; padding: 10px 0 10px 0; } .block-work-time .sp-contact-info li:first-child { } .block-work-time .sp-contact-info li { } .block-work-time .sp-contact-info li i { color: #fff; display: block; float: left; font-size: 33px; line-height: 40px; margin-right: 0; padding-right: 20px; text-align: center; width: 55px; } .block-work-time .sp-contact-info li i img{margin-top: 7px;} .block-work-time .sp-contact-info li i.fa-envelope-o { margin-right:8px; } .block-work-time .sp-contact-info li p.contact-content { font-size: 13px; margin-left: 45px; font-family: 'Roboto Condensed', sans-serif; } .block-work-time .sp-contact-info li p.contact-content span { display: block; margin: 0px; font-size: 15px; } .block-work-time .sp-contact-info li p.contact-content span:first-child { color: #fff; font-size: 15px; margin-bottom: 0; text-transform: uppercase; } .block-work-time .sp-contact-info li p.contact-content span.time { color: #fff; } .block-fanpage-footer .fanpage { overflow: hidden; width: 90%; } .subscribe { padding: 0; } .subscribe .subscribe-btn { float: right; background: #ed1c24; color: #fff; border: 0; cursor: pointer; font-weight: bold; text-transform: uppercase; padding: 15px 20px 16px 20px; font-size: 13px; } .subscribe .subscribe-inner { overflow: hidden; } .subscribe .subscribe-field { border-radius: 0; background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #cccccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-family: inherit; width: 100%; box-sizing: border-box; transition: border-color 0.15s linear, background 0.15s linear; color: #fff; } .subscribe .subscribe-field { margin: 0; font-size: 14px; padding: 15px 18px; border: 0; } .phanhoi-gopy { color: #777; font-size: 15px; font-weight: bold; } .phanhoi-gopy a{ color: #777; } .phanhoi-gopy li{ line-height:24px; } .phanhoi-gopy .fa{ color:#ed1c24; font-size:21px; width:40px; } #logoBrand-footer{ margin: 0; background: #f1f1f1; } #logoBrand-footer .logoBrand-list { } #logoBrand-footer .logoBrand-list{ padding: 0 15px; } #logoBrand-footer .logoBrand-list li { border:1px solid transparent; padding:5px; border-radius:5px; overflow:hidden } #logoBrand-footer .logoBrand-list li:hover{ border:1px solid #f1f1f1; box-shadow:0 3px 12px 1px rgba(0, 0, 0, 0.1); } #logoBrand-footer .owl-controls .owl-prev, #logoBrand-footer .owl-controls .owl-next { font-size: 21px; height: 100%; line-height: 80px; text-align: center; width: 14px; top: 50%; } #box-products-selling { margin: 15px 0; background: #f1f1f1; } .box-products-2 .owl-controls .owl-next, .box-products-2 .owl-controls .owl-prev { height: 50px; line-height: 50px; width: 50px; opacity: .5; border-radius: 100%; } .box-products-2 .owl-controls .owl-next:hover, .box-products-2 .owl-controls .owl-prev:hover { opacity: 1; } .box-products-2 .owl-controls .owl-next { right: 0; } .box-products-2 .owl-controls .owl-prev { left: 0; } .box-products-2 .owl-controls .owl-next .fa, .box-products-2 .owl-controls .owl-prev .fa { font-size: 24px; } .box-products-2 { padding:10px 0;} .box-products-2 .product-list .product-container { background: #fff; border: none; border-radius: 5px; } .box-products-2 .product-list li .old-price, .box-products-2 .product-list li .sale-off{ display:none;} .box-products-2 .product-list .product-container .product-button { top: 68px; } #createStep { margin-bottom: 10px; float: left; width: 100%; } #wrap_step { border-radius: 0.3em; float: left; margin: 10px 0 10px 17px; } #wrap_step .step { background: rgba(0, 0, 0, 0) url("../images/step.png") no-repeat scroll 0 0; float: left; margin-left: -17px; padding: 5px 0 0 17px; position: relative; width: 200px; } #wrap_step .first { background: rgba(0, 0, 0, 0) url("../images/step.png") no-repeat scroll 0 0; float: left; height: 55px; margin-left: -17px; padding: 5px 0 0 7px; position: relative; width: 200px; } #wrap_step span { display: inline-block; font-weight: bold; padding: 15px 5px 0 0; text-transform: uppercase; width: 140px; } #wrap_step b { display: inline-block; font-size: 35px; margin: 0 10px 0 10px; vertical-align: top; } #wrap_step .active { background: rgba(0, 0, 0, 0) url("../images/step_Active.png") no-repeat scroll 0 0; border: medium none; color: #fff; filter: none; height: 55px; } #wrap_step .activeLast { background: rgba(0, 0, 0, 0) url("../images/stepLast_Active.png") no-repeat scroll 0 0; border: medium none; color: #333; filter: none; height: 55px; } #wrap_step .last { background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #f0f0f0, #fefefe) repeat scroll 0 0; border: 1px solid #d8d8d8; border-radius: 0 4px 4px 0; float: left; height: 55px; margin-left: -18px; padding: 5px 0 0 20px; } #wrap_step .last.active { background: #ed1c24; border: 1px solid #ed1c24; color:#fff; } .login-form .cusmo-input, .register-form .cusmo-input { background: #e9e8e8; border-radius: 5px; padding: 6px 10px; border: none; } #box-register { display:none; } .bg-pink { background-color: #39b54a; color: #fff; font-family: "Roboto condensed"; font-size: 15px; } .block-filter { } #product-video .video-list .video-content { display: inline-block; } #productvideo .video-list { margin: 0px; } .video-list { margin: 0 -5px; } .video-list li { padding:0 5px; } .video-list .video-content { position:relative; } .video-list .video-content.video-smals { margin-bottom:10px; } .video-list .video-content.video-large img { height:400px; } .video-list .video-content.video-smals img { height:195px; } .video-list .video-content .caption { } .video-list .video-content .caption { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; background: rgba(0,0,0,.7); } .video-list .video-content .caption .label { position: absolute; top: -33px; left: 10px; white-space: nowrap; background-color: #db0000; color: #ffffff; text-transform: uppercase; font-size: 12px; padding: 5px 10px; } .video-list .video-content .caption .label::before { content: ''; position: absolute; left: -1px; bottom: -8px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid #db0000; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .video-list .video-content.video-large .caption p { font-size: 21px; text-transform: uppercase; font-family: 'Roboto Condensed'; padding: 10px; color: #ffffff; margin-bottom: 0; line-height: 1.2; } .video-list .video-content .caption p { font-size: 12px; text-transform: inherit; padding: 10px; color: #ffffff; margin-bottom: 0; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; } .video-list .video-content .icons-play { position: absolute; top: 30%; left: 0; display: block; width: 100%; z-index: 1; text-align: center; } .video-list .video-content .icons-play.large { top: 35%; } .video-list .video-content .icons-play .fa{ color: #fff; opacity: .6; font-size: 40px; -webkit-transition: all .5s ease; transition: all .5s ease; } .video-list .video-content .icons-play.large .fa{ font-size: 72px; } .video-list .video-content:hover .icons-play .fa{ color:#ed1c24; opacity: .8; } .video-list .video-content .overlay { position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,.1); width: 100%; display: block; } .video-list .video-content:hover .overlay { filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: color 0.25s linear; -moz-transition: color 0.25s linear; -ms-transition: color 0.25s linear; -o-transition: color 0.25s linear; transition: color 0.25s linear; } .content-text a[rel="lightbox"] { width: 100%; text-align: center; display: block; } .btn-review { display: block; width: 100%; margin: 0 auto 10px; padding: 8px; height: 40px; font-size: 14px; color: #fff; text-transform: uppercase; border: 1px solid #ed1c24; border-radius: 4px; background: #ed1c24; background: -webkit-gradient(linear,0% 0%,0% 100%,from(#f76b1c),to(#ed1c24)); background: -webkit-linear-gradient(top,#ed1c24,#e51011); background: -moz-linear-gradient(top,#ed1c24,#e51011); background: -ms-linear-gradient(top,#ed1c24,#e51011); background: -o-linear-gradient(top,#ed1c24,#e51011); cursor: pointer; } .btn-reset { display: block; width: 98%; margin: 0 auto 10px; padding: 8px; height: 40px; font-size: 14px; color: #fff; text-transform: uppercase; border: 1px solid #d97f00; border-radius: 4px; background: #f89406; background: -webkit-gradient(linear,0% 0%,0% 100%,from(#f76b1c),to(#f89406)); background: -webkit-linear-gradient(top,#f89406,#f76b1c); background: -moz-linear-gradient(top,#f89406,#f76b1c); background: -ms-linear-gradient(top,#f89406,#f76b1c); background: -o-linear-gradient(top,#f89406,#f76b1c); cursor: pointer; } .navhome { display: block; overflow: hidden; padding: 1.3% 0 .3%; margin: auto; background: #fff; } .navhome a { float: left; width: 48.5%; height: 42px; margin: 0 0 1.1% 1.1%; background: #e3e3e3; border: 1px solid #dfdfdf; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: #e5e5e5; background: -webkit-gradient(linear,0% 0%,0% 100%,from(#e5e5e5),to(#fff)); background: -webkit-linear-gradient(top,#fff,#e5e5e5); background: -moz-linear-gradient(top,#fff,#e5e5e5); background: -ms-linear-gradient(top,#fff,#e5e5e5); background: -o-linear-gradient(top,#fff,#e5e5e5); font-size:14px; } .navhome h3 { display: block; padding: 10px 2px 5px 10px; text-align: left; line-height: 1.3em; font-size: 14px; } .navhome .icon-navigation-left { margin-top: 0 !important; margin-left: 0 !important; } .navhome .icon-navigation-left.icon-332 { margin-top: 3px !important; } .navhome .icon-navigation-left.icon-karaoke { background: url(../images/tn/i-karaoke.png) no-repeat scroll 0 0 transparent; background-size: contain; } .navhome .icon-navigation-left.icon-hifi { background: url(../images/tn/i-hifi.png) no-repeat scroll 0 0 transparent; background-size: contain; margin-top: 4px !important; } .industry-floor-box { position:relative; display:none;} .floor-fixed-panel { width: 30px; background-color: #fff; position: fixed; visibility: visible; top: 120px; z-index: 99999; margin-left: -50px; } .floor-fixed-panel li { list-style: none; margin-left: 0; height: 38px; } .floor-fixed-panel li a { position: relative; display: block; height: 38px; line-height: 38px; } .floor-fixed-panel li i { position: absolute; top: 7px; left: 2px; content: ''; width: 26px; height: 26px; display: block; margin: 0; } .floor-fixed-panel li span { color: #fff; display: none; padding: 0 10px 0 0; margin-left: 30px; font-size: 13px; white-space: nowrap; } .floor-fixed-panel li a:hover { background-color:#ed1c24; text-decoration:none; z-index:9; position:absolute } .floor-fixed-panel li a:hover i { } .floor-fixed-panel li a:hover span { display:block } .floor-fixed-panel li a.current { background-color:#ed1c24; min-width:30px; z-index:9 } .floor-fixed-panel li a.current i { } .industry-floor-box .icon-navigation{ background: url(../images/icon-all-2.png) no-repeat; } .industry-floor-box .icon-navigation.icon-186 { background-position: -23px -278px; } .industry-floor-box a:hover .icon-navigation.icon-186, .industry-floor-box .current .icon-navigation.icon-186 { background-position: -58px -278px; } .industry-floor-box .icon-navigation.icon-187 { background-position: -23px -307px; } .industry-floor-box a:hover .icon-navigation.icon-187, .industry-floor-box .current .icon-navigation.icon-187 { background-position: -58px -307px; } .industry-floor-box .icon-navigation.icon-188 { background-position: -23px -336px; } .industry-floor-box a:hover .icon-navigation.icon-188, .industry-floor-box .current .icon-navigation.icon-188 { background-position: -58px -336px; } .industry-floor-box .icon-navigation.icon-189 { background-position: -23px -360px; } .industry-floor-box a:hover .icon-navigation.icon-189, .industry-floor-box .current .icon-navigation.icon-189 { background-position: -58px -360px; } .industry-floor-box .icon-navigation.icon-215 { background-position: -23px -386px; } .industry-floor-box a:hover .icon-navigation.icon-215, .industry-floor-box .current .icon-navigation.icon-215 { background-position: -58px -386px; } .industry-floor-box .icon-navigation.icon-190 { background-position: -23px -411px; } .industry-floor-box a:hover .icon-navigation.icon-190, .industry-floor-box .current .icon-navigation.icon-190 { background-position: -58px -411px; } .industry-floor-box .icon-navigation.icon-191 { background-position: -23px -437px; } .industry-floor-box a:hover .icon-navigation.icon-191, .industry-floor-box .current .icon-navigation.icon-191 { background-position: -58px -437px; } .industry-floor-box .icon-navigation.icon-192 { background-position: -23px -468px; } .industry-floor-box a:hover .icon-navigation.icon-192, .industry-floor-box .current .icon-navigation.icon-192 { background-position: -58px -468px; } .industry-floor-box .icon-navigation.icon-273, .industry-floor-box .icon-navigation.icon-274, .industry-floor-box .icon-navigation.icon-275 { background-position: -23px -500px; } .industry-floor-box a:hover .icon-navigation.icon-273, .industry-floor-box .current .icon-navigation.icon-273, .industry-floor-box a:hover .icon-navigation.icon-274, .industry-floor-box .current .icon-navigation.icon-274, .industry-floor-box a:hover .icon-navigation.icon-275, .industry-floor-box .current .icon-navigation.icon-275 { background-position: -58px -500px; } .industry-floor-box .icon-navigation.icon-288 { background-position: -23px -531px; } .industry-floor-box a:hover .icon-navigation.icon-288, .industry-floor-box .current .icon-navigation.icon-288 { background-position: -58px -531px; } .industry-floor-box .icon-navigation.icon-277 { background-position: -23px -587px; } .industry-floor-box a:hover .icon-navigation.icon-277, .industry-floor-box .current .icon-navigation.icon-277 { background-position: -58px -587px; } .industry-floor-box .icon-navigation.icon-278 { background-position: -23px -558px; } .industry-floor-box a:hover .icon-navigation.icon-278, .industry-floor-box .current .icon-navigation.icon-278 { background-position: -58px -558px; } .industry-floor-box .icon-navigation.icon-291 { background-position: -23px -617px; } .industry-floor-box a:hover .icon-navigation.icon-291, .industry-floor-box .current .icon-navigation.icon-291 { background-position: -58px -617px; } .industry-floor-box .icon-navigation.icon-299 { background-position: -23px -644px; } .industry-floor-box a:hover .icon-navigation.icon-299, .industry-floor-box .current .icon-navigation.icon-299 { background-position: -58px -644px; } .industry-floor-box .icon-navigation.icon-300 { background-position: -23px -670px; } .industry-floor-box a:hover .icon-navigation.icon-300, .industry-floor-box .current .icon-navigation.icon-300 { background-position: -58px -670px; } .contact_item_name { font-weight: bold; font-size: 14px; margin-bottom: 3px; } .contact_item_content { margin: 0 0 20px 0; } .adr.horizontal.divider, .adr.horizontal.divider-top { text-align: center; font-size: 11px; color: #999; position: relative; display: table; white-space: nowrap; margin-bottom: 12px; margin-top: 12px; } .adr.horizontal.divider::before, .adr.horizontal.divider-top::before { content: ''; display: table-cell; width: 50%; position: relative; /* background-color: red; */ background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC); background-position: calc(-14px + 100%) 50%; } .adr.horizontal.divider::after, .adr.horizontal.divider-top::after { content: ''; display: table-cell; width: 50%; position: relative; /* background-color: red; */ background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC); background-position: calc(14px + 0%) 50%; } .form_login_authen_new .btn-facebook { background-color: #225B99; color: #FFFFFF; background-position: 16px center; background-repeat: no-repeat; background-image: url('../images/btn-facebook.background.png'); background-position: 16px center; } .form_login_authen_new .btn-facebook:hover { background-color: #225B99; color: #FFFFFF; background-position: 16px center; background-repeat: no-repeat; background-image: url('../images/btn-facebook.background.png'); background-position: 16px center; opacity:0.8; } .form_login_authen_new .btn-google-plus { background-color: #D94D39; color: #FFFFFF; background-position: 16px center; background-repeat: no-repeat; background-image: url('../images/btn-google-plus.background.png'); background-position: 16px center; } .form_login_authen_new .btn-google-plus:hover { background-color: #D94D39; color: #FFFFFF; background-position: 16px center; background-repeat: no-repeat; background-image: url('../images/btn-google-plus.background.png'); background-position: 16px center; opacity:0.8; } .form_login_authen_new .btn-block{ margin-bottom:5px;} .header-customer-box .dropdown-menu a.bg-red { color:#fff; } .header-customer-box .dropdown-menu a.bg-red:hover { background-color: #ed1c24; opacity:0.8; } .header-customer-box .dropdown-menu { padding:10px;} .form_login_authen_new .btn-register { background-color: #f58383; color: #FFFFFF; } .form_login_authen_new .btn-register { background-color: #f58383; opacity:0.8; } .sec-title { margin-top: 20px; padding-bottom: 20px; position: relative; } .sec-title h1, .sec-title h2 { color: #252525; font-size: 19px; font-weight: 600; line-height: 28px; margin: 0; } .sec-title h1 {display: inline-block;font-size: 21px;font-weight: bold;} .sec-title h2 span{ color: #ed1c24; } .sec-title h1, .sec-title h2 { } .sec-title span.decor { background: #1c9d2e none repeat scroll 0 0; height: 2px; width: 50px; display: none; position: relative; z-index: 1; margin-top:10px; } .sec-title span.decor:before{ position: absolute; top: -3px; left: 0; width: 8px; height: 8px; background: #1c9d2e; content: ""; } .product-list .product-container .ImageOverlayCa { background:rgba(0,0,0,0.07); height:100%; left:-100%; position:absolute; z-index:1; top:0; width:100%; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s } .product-list .product-container:hover .ImageOverlayCa { left:0; } .product-list .ImageWrapper { float:left; overflow:hidden; } .product-list .product-container .product-button { display: inline-block; width: 60px; text-align: center; margin: 0; position: absolute; z-index: 2; top: 68px; left: -40px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .product-list .product-container:hover .product-button { left:30px; transform: translate(-50%, -50%); } .product-list .product-button a { background: #fff; color: #000000; cursor: pointer; font-size: 21px; display: flex; width: 40px; height: 40px; line-height: 40px; text-align: center; position: relative; align-items: center; border: 1px solid #dfdfdf; justify-content: center; margin: 5px; border-radius: 100%; box-shadow: 0 3px 12px 1px rgb(0 0 0 / 10%); } .product-list .product-button a i{ font-size: 21px; line-height: 40px; } .product-list .product-button a:hover i{ color:#ed1c24; } .product-list .product-button .compare{ display:none; } .product-list .product-button .compare svg { height: 17px !important; width: 17px !important; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } .hotline { } .hotline .re-hotline { line-height: 19px; display: inline-block; margin-right: 25px; } .hotline .re-hotline:last-child { margin-right:0;} .hotline .re-hotline p{ } .hotline .re-hotline a { color: #c50f14; font-size: 18px; font-weight: 700; display: block; } .hotline .re-hotline i { color: #c50f14; margin: 0px 3px 0 0; font-size: 19px; display: inline-block; } .hotline .re-hotline i.fa-mobile {margin-top: 0px;font-size:23px} .hotline .content-hotline { display: inline-block; margin-right: 10px; padding-left: 0; } .hotline .content-hotline:last-child { margin-right:0; } .hotline .re-hotline span { font-size: 13px; display: block; font-weight: 600; } .comment-products-login.form_login_authen_new { padding:10px 0 !important; } .comment-products-login { font-size:14px; } .comment-products-login .comment-products-login-title{ } .comment-products-login .comment-products-login-title a{ color:#4a90e2; } .comment-products-login .row-form_login_authen_new { padding:10px 0; } .show-brand.muakem .navbar-brand .icon-icons206 { font-size: 21px; display: inline-block; margin-top: 9px; margin-right: 12px; } /* #product-comment { border: 1px solid #f1f1f1; border-top: none; padding: 0 10px; } */ .dropdown-menu-sub { top: 22px; border-radius: 0; padding-top: 0; border: none; } #imgrandom { cursor:pointer;} .shownews-view a img { margin-bottom: 15px; } .shownews-view h1{ font-size: 32px; margin-bottom: 20px; } .shownews-view h2{ font-size: 21px; margin-bottom: 20px; } #page_content__segment_menu__info__button > .button-group-1 { width:100%;} #page_content__segment_menu__info__button > .button-group-2 { display:none;} #trademark-list .payment-block i{ margin-left: 0; font-size: 24px; color: #fff; vertical-align: -3px; } #trademark-list .payment-block i:last-child { margin-left: 15px; } .view-brand-list { } .view-brand-list .row-brand{ margin-bottom:20px; background:#fff;} .brand-sub { padding:15px 0 0 0; } .brand-avata-thumb {text-align:center;} .view-brand-list .tags-b ul li a { background: transparent none repeat scroll 0 0; color: #555; font-size: 12px; margin-bottom: 10px; padding: 3px 5px 3px 5px; margin-right: 10px; border: 1px solid #dfdfdf; border-radius: 5px; display: block; } .view-brand-list .tags-b ul li a:hover { color: #fff; background:#4f4f4f; border: 1px solid #4f4f4f; } .view-brand-list .tags-b ul li a span { color: #666; font-size: 11px; float: right; } .view-brand-list .tags-b ul li a:hover span{ color:#fff; } .check-box-list-brand{} .check-box-list-brand li { display: inline; padding: 0; margin: 0; line-height: normal; float: left; position: relative; width:30px; height:30px; } .check-box-list-brand li label { width: 20px; height: 20px; padding-top: 6px; padding-left: 6px; float: left; cursor:pointer; } .tags-b li { padding:0;} .brand-list-price ul{ padding:15px 0 0 20px;} .brand-list-price ul a { padding: 0px 0 5px 0px; position: relative; display: inline-block; font-size: 12px; } .brand-list-price ul a::before { display: inline-block; font-family: FontAwesome; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; transform: translate(0px, 0px); content: "\f155"; margin-right: 10px; } .tn-list-price ul{ padding:0px 0 0 0px;} .tn-list-price ul a { padding: 0px 0 5px 0px; position: relative; display: inline-block; font-size: 12px; } .tn-list-price ul a::before { display: inline-block; font-family: FontAwesome; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; transform: translate(0px, 0px); content: "\f155"; margin-right: 10px; } .list-price-tinhnang li { display:inline-block; margin-right:10px;} .list-price-tinhnang { padding:0;} .check-box-list-tn{} .check-box-list-tn li { display: inline; padding: 0; margin: 0; line-height: normal; float: left; position: relative; width:30px; height:30px; } .check-box-list-tn li label { width: 20px; height: 20px; padding-top: 6px; padding-left: 6px; float: left; cursor:pointer; } .view-tn-list { } .view-tn-list .row-tn { margin-bottom: 20px; background: #fff; padding: 10px 15px; } .tn-avata-thumb { font-size: 25px; text-transform: uppercase; margin-bottom:10px; } .view-tn-list .tags-b ul li a { background: transparent none repeat scroll 0 0; color: #555; font-size: 12px; margin-bottom: 10px; padding: 3px 5px 3px 5px; margin-right: 10px; border: 1px solid #dfdfdf; border-radius: 5px; display: block; } .view-tn-list .tags-b ul li a:hover { color: #fff; background:#4f4f4f; border: 1px solid #4f4f4f; } .view-tn-list .tags-b ul li a span { color: #666; font-size: 11px; float: right; } .view-tn-list .tags-b ul li a:hover span{ color:#fff; } .tn-sub p{ font-size:14px; margin-bottom:10px;} .block-footer-link .f-hotline { margin-top:25px; } .block-footer-link .f-hotline .i-hot { color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; display: inline-block; width: 40px; height: 40px; text-align: center; margin-right: 10px; float: left; } .block-footer-link .f-hotline .i-hot i { font-size: 34px; display: inline-block; } .block-footer-link .f-hotline h4 { font-size: 22px; color: #ffffff; text-transform: uppercase; float: left; margin-bottom: 0; } .block-footer-link .f-hotline h4 span { font-size: 15px; display: block; line-height: 14px; } .block-footer-link .f-hotline h4 a { color: #fff !important; font-size: 25px; font-weight:bold; } .block-footer-link .f-hotline .f-hotline-inner { display:inline-block; margin-bottom:20px; } .fb_iframe_widget { display: inline-block; position: relative; margin: -2px; } #main-menu .dropdown-menu.dropmenu-pro { width:1170px; border:none;} #main-menu .dropdown-menu.dropmenu-pro{ background-repeat: no-repeat; background-position: right bottom; } #main-menu .dropdown-menu.dropmenu-pro.bgm-jbl { background-image: url(../images/bg-menu-jbl.png); } #main-menu .dropdown-menu.dropmenu-pro.bgm-akg { background-image: url(../images/bg-menu-akg.png); } #main-menu .dropdown-menu.dropmenu-pro.bgm-harman-kardon { background-image: url(../images/bg-menu-harman-kardon.png); } #main-menu .dropdown-menu.dropmenu-pro.bgm-infinity { background-image: url(../images/bg-menu-infinity.png); } #main-menu .dropdown-menu.dropmenu-pro.bgm-q-acoustic { background-image: url(../images/bg-menu-qacoustics.png); } .nav_main_sub_col { vertical-align: top; padding: 0 5px; border-right: 0px dashed #000; } .nav_main_sub_col._sub_col_width {} .nav_main_sub_col h3{ text-transform:uppercase; font-size:17px; margin-bottom:10px;} .nav_main_sub_col h3 a{ color:#ed1c24; } .nav_main_sub_col li { padding: 4px 0; list-style: none; position: relative; display:inline-block; width: 220px; } .nav_main_sub_col._sub_col_width li {width: 220px;} .nav_main_sub_col li::before { display: block; content: ''; width: 4px; height: 4px; border: 1px solid #fff; position: absolute; left: 0; top: 9px; } .nav_main_sub_col li a { font-size: 14px; padding: 0px 0px 0px 15px; text-transform: capitalize; text-align: left; display: block; color: #414141; } .count-number-prod { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity: 0; filter: alpha(opacity=0); font-family: Arial, Helvetica, sans-serif; line-height: 16px; min-width: 14px; min-height: 14px; text-align: center; margin-left: 10px; background: #EBEBEB; color: #666; font-size: 9px; padding: 2px 3px; display: inline-block; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .count-number-prod-w { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity: 0; filter: alpha(opacity=0); font-family: Arial, Helvetica, sans-serif; line-height: 16px; min-width: 14px; min-height: 14px; text-align: center; margin-left: 10px; background: #ed1c24; color: #fff; font-size: 9px; padding: 2px 3px; display: inline-block; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size:11px !important; } .nav_main_sub_col li a:hover .count-number-prod, .vertical-dropdown-menu .mega-group-header span a:hover .count-number-prod-w { opacity:1;} .col-navi-list-name .nav_main_sub_col{ border-right:none;} .col-navi-list-name .nav_main_sub_col li a{ color:#fff; } .col-navi-list-name h3 { font-size: 16px; margin-bottom: 0; padding: 0 0 5px 0; font-weight: bold; } .col-navi-list-name .nav_main_sub_col li { line-height: 16px !important; } .search-suggestions { font-size:11px; font-style:italic; padding-top:2px;} .search-suggestions span.suggestions-title { width:80px; display:inline-block;} .search-suggestions span.suggestions-res {} .search-suggestions span.suggestions-res a{ padding-right:4px;} .sticky-bottom { bottom: 0; font-size: 18px; left: 0; position: fixed; right: 0; text-align: center; width: 100%; z-index: 99; } .sticky-bottom ul { margin: 0; padding: 0; } .sticky-bottom ul li { border-right: 1px solid #fff; display: inline-block; width: 33.333%; float: left; } .but-pro-muangay { background: #459d02; } .sticky-bottom .btn-add-cart-quick { color: #fff; height: 45px; display: block; margin-top: 5px; } .sticky-bottom span { font-size: 12px; } .sticky-bottom .but-pro-zalo { display: inline-block; position: relative; background: #5AC5EF; } .sticky-bottom .but-pro-zalo a { display: block; text-decoration: none; outline: none; color: #fff; text-align: center; } .sticky-bottom .but-pro-zalo .zaloButton i { background: url(../images/hotbutton/zalo.png) center center no-repeat; background-size: auto; background-size: 57%; width: 50px; height: 50px; display: inline-block; } .sticky-bottom ul li:last-child { border-right: none; } .but-pro-phone { background: #ed1c24; height: 50px; display: block; } .but-pro-phone a { color: #fff; height: 50px; display: block; line-height: 50px; } .but-pro-phone i { line-height: 50px; font-size: 23px; margin-right: 5px; } .product-desc .ovlarticle, .showcontents-detail .ovlarticle, .showcontentsPro-detail .ovlarticle { position: absolute; left: 0; right: 0; bottom: 0; height: 100px; background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 85%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0); } .showcontentsPro-detail { overflow: hidden; height: 200px; position: relative; } .readmore { display: block; overflow: hidden; position: relative; font-size: 15px; color: #fff; margin: 10px auto; cursor: pointer; border: 1px solid #0054a6; text-align: center; width: 60%; border-radius: 4px; padding: 10px 0; font-weight: 600; background: #0054a6; } .readmore:hover {background:#fff; color:#0054a6;} .readmore:hover:after { border-top-color:#0054a6;} .readmore::after { content: ''; width: 0; right: 0; border-top: 6px solid #ffffff; border-left: 6px solid transparent; border-right: 6px solid transparent; display: inline-block; vertical-align: middle; margin: -2px 0 0 5px; } .icon-navigation-left { width: 24px; height: 24px; margin-right: 10px; display: inline-block; margin-top: 3px; background-size: 100%; border-radius: 100%; opacity: 1; } .newspage-list { margin-top:10px;} .newspage-list li, .newspage-list > div { border-radius: 6px; overflow: hidden; list-style:none; margin-bottom: 30px; } .newspage-list li .product-container, .newspage-list > div .product-container { border: 1px solid #dfdfdf; border-radius: 6px; overflow: hidden; background: #fff; } .newspage-list .sub-content { display: inline-block; vertical-align: top; width: 100px; font-size: 14px; } .newspage-list .main-content { display: inline-block; vertical-align: top; font-size: 14px; width: 100%; height: 120px; overflow: hidden; } .newspage-list .date-time { color: #999; text-align: left; display: none; padding-top: 4px; } .newspage-list .date-time a{ color: inherit; font-size: 14px; font-weight: 700; text-transform: uppercase; font-style: normal; } .newspage-list .sub-content .block-info a { display: block; position: relative; line-height: 24px; font-style: normal; text-align: left; padding: 0px 10px 0px 20px; white-space: nowrap; } .newspage-list .sub-content .block-info a.view::before { content: "\f06e"; } .newspage-list .sub-content .block-info a::before { font-family: "FontAwesome"; font-size: inherit; color: #dadada; margin-right: 6px; transition: all 0.3s ease; } .newspage-list li .left-block, .newspage-list > div .left-block{position:relative;overflow:hidden;padding:0;} .newspage-list li .left-block img, .newspage-list > div .left-block img { -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; margin: 0 auto; height: 240px; width:100%; } .newspage-list li:hover img,.newspage-list >div .left-block:hover img{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); -webkit-transform: translateY(-10px); transform: translateY(-10px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; } .newspage-list li .left-block a, .newspage-list > div .left-block a { display: block; overflow: hidden; position:relative; } .newspage-list li .left-block .decsription-news, .newspage-list > div .left-block .decsription-news { padding: 0px 0px 0 0; line-height: 22px; font-size: 13px; } .newspage-list .title-news { margin: 0; height: 50px; overflow: hidden; } .newspage-list .title-news a { font-size: 15px; line-height: 22px; color: #333333; font-weight: bold; } .newspage-list .right-block { padding: 10px; } .newspage-list ._seeall { overflow: hidden; position: relative; display: inline-block; border: 1px solid #dfdfdf; border-radius: 6px; padding: 3px; background: #fff; box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 2px 2px; } .newspage-list ._seeall a{ color: #333; font-size:13px; padding:2px 6px; } .newspage-list ._seeall:hover { border: 1px solid #0054a6; color:#fff; background:#0054a6; } .newspage-list ._seeall:hover a{ color:#fff; } ._seeall:hover .ImageOverlayCa{ left:0; } .newspage-list .post-meta { padding: 10px 0 0 0; border-top: 1px solid #f1f1f1; text-align: center; margin: 7px 0 0 0; } .show-content-pro h2, .show-content-pro h3{ margin: 20px 0 10px 0; color: #333; position:relative; } .show-content-pro h2::after { content: ''; display: block; width: 80px; height: 2px; margin: 10px 0px 20px 0; background: #ccc; } .show-content-pro h4, .show-content-pro h5, .show-content-pro h6 { margin: 20px 0 10px 0; position:relative; font-size: 17px; font-weight: bold; } .show-content-pro img { margin:10px 0;} #logoBrands { padding: 20px 0 20px 0; } #logoBrands li { } #logoBrands .owl-stage-outer { } #logoBrands .owl-carousel .owl-item img { border: 1px solid #f1f1f1; border-radius: 3px; } #logoBrands .owl-carousel .owl-item img:hover { border: 1px solid #ed1c24; } #logoBrands .owl-controls .owl-dots { bottom: -30px; } #logoBrands .owl-controls .owl-dots .owl-dot.active { background-color: #ed1c24; border-color: #ed1c24; opacity: 1; } .cart-toggle { position: absolute; right: 110px; top: 3px; line-height: normal; cursor: pointer; } .cart-toggle .link-cart { position: relative; display: block; width: 100%; height: 100%; } .cart-icon { width: 35px; } .cart-icon, .cart-number { display: inline-block; vertical-align: middle; } .fs-page img { -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; } .fs-pc { display: block; } .icon img { width: 100%; } .cart-number { position: absolute; top: -10px; left: -18px; padding: 0 5px; background-color: #ed1c24; color: #fff; width: auto; height: 23px; min-width: 23px; line-height: 24px; font-size: 12px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; } .user-toggle { position: absolute; top: 0; right: 50px; width: 50px; height: 26px; background: url(../images/hdr-icon-user.png) no-repeat center center; cursor: pointer; } .user-toggle::before { left: 0; } .user-toggle::after, .user-toggle::before { content: ''; position: absolute; top: 43%; width: 0; height: 34px; background-color: #5b5b5b; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .user-toggle::after { right: 0; } .flashdeal-link { position: absolute; top: 0; right: 0; width: 50px; height: 26px; background: url(../images/hdr-fire.png) no-repeat scroll center center transparent; cursor: pointer; } .flashdeal-link a{width:50px;height:50px; display:block;} #stepOrder .step-order .pg-circle { width: 40px; z-index: 1; } #stepOrder .step-order .step-order .active{ color: #ed1c24; } #stepOrder .step-order .pg-line { width: calc(100% - 40px); z-index: 0; } #stepOrder .step-order .pg-circle.active i { color: #FFF; background: #ed1c24; border: solid 1px #ed1c24; } #stepOrder .step-order .pg-circle i { display: block; padding: 6px 10px; width: 40px; color: #979797; margin: 0 auto; margin-top: 10px; background: #fff; font-weight: bold; border: solid 1px #989898; font-size: 18px; text-align: center; font-style: normal; border-radius: 50%; box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.12); } #stepOrder .step-order .pg-line .pg-line-bg { width: 100%; display: block; height: 10px; top: 24px; position: relative; left: -2px; overflow: hidden; background: #e9e9e9; } #stepOrder {margin:15px 0 30px 0;} #stepOrder .step-order { padding: 0; position: relative; margin-right:-3px; } #stepOrder .step-order .hd-text { font-size: 14px; font-weight: 500; text-transform: uppercase; } #stepOrder .step-order .active .hd-text { color:#ed1c24; } #stepOrder .step-order .pf-line-hd { position: absolute; left: 45px; top: 0; } #stepOrder .step-order .pg-line .active-100 { background: #ed1c24; height: 10px; display: block; width: 100%; } .header-right-box{ width:36%;} .commitment { position: relative; vertical-align: middle; font-size: 14px; line-height: normal; -webkit-backface-visibility: hidden; backface-visibility: hidden; font-family: 'Roboto Condensed'; } .commitment a { font-size: 15px; text-transform: uppercase; color: #333; } .commitment p { font-size: 15px; text-transform: uppercase; color: #333; } .genuine, .guarantee, .technical{ position: relative; margin-left: 3.4%; } .genuine, .guarantee, .technical{ display: inline-block; vertical-align: middle; } .genuine { padding: 0px 0 0 40px; margin-left:0; } .guarantee { padding: 0 0 0 40px; } .genuine::before { content: ''; background: url(../images/icon-chungnhan.svg); } .guarantee::before { content: ""; background: url(../images/icon-dichvu.svg); } .technical { padding: 0 0 0 40px; } .technical::before { content: ""; background: url(../images/icon-support-247.svg); } .genuine::before, .guarantee::before, .technical::before { display: inline-block; font-family: FontAwesome; font-size: 32px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 0; top: 0; color: #999; width: 37px; height: 37px; } .commitment strong { display: block; color: #0054a6; font-size: 15px; } footer .bottom-menu { margin-top: 0; padding: 18px 0 13px; text-align: center; } footer .bottom-menu li { display: inline-block; vertical-align: top; border-left: 0px solid rgb(128, 128, 128); line-height: 1.2; zoom: 1; padding: 5px 0; } footer .bottom-menu li:first-child { border-left: none; } footer .bottom-menu li a { display: block; padding: 0 10px; font-size: 14px; color: #004aad; white-space: nowrap; position: relative; font-weight: 600; } footer .bottom-menu li a:hover {color:#ed1c24;} footer .bottom-menu li a:before { content: " "; width: 2px; top: 2px; left: 0; transform: rotate(11deg); position: absolute; border-left: 1px solid #004aad; height: 12px; } footer .bottom-menu li:first-child > a:before { border-left: none; } footer .bottom-menu li:hover>a:before { left: 3px; border-left: 2px solid #ed1c24; } .list-sale { background: #27ab39; padding: 5px; border-radius: 5px 5px 0 0; } .list-sale .sec-title { position: relative; padding:0; margin:0; } .list-sale .sec-title h2 { color: #fff; font-size: 21px; font-weight: 700; line-height: 24px; text-transform: uppercase; margin: 0; padding-left: 10px; padding-top: 5px; padding-bottom: 10px; background: none; } .list-sale .sec-title ._seeall { float: right; padding: 3px 6px; margin-top: -28px; border: 1px solid #ffffff; overflow: hidden; position: relative; border-radius: 5px; background:transparent; } .list-sale .sec-title ._seeall a { font-size: 12px; } .list-sale-row .info-promotions-title h1, .list-sale-row .info-promotions-title h2 { font-size: 23px; font-weight: bold; text-transform: uppercase; margin-bottom: 25px; line-height: 30px; color: #39b54a; } .list-sale-row .info-promotions-description { font-size: 14px; margin-bottom: 10px; } .list-sale-row .info-promotions-title { margin-bottom: 40px; margin-top: 15px; padding: 0 15px; } .list-sale-row .info-promotions-timer-title{font-size:14px; margin-bottom:15px;} .list-sale-row .info-promotions-timer-title i{font-size:19px; margin-right:5px;} .list-sale-row .info-promotions-timer-action-period { color: #999; padding: 15px 0; } .list-sale-row .info-promotions-link a { color: #0088cc; } .list-sale .product-list .product-container { background: #fff; border:none; } .list-sale-row-top { background:#fff;} .list-products-sale {padding:0px;} .list-sale-row.list-sale-row-home{ border-top: 0px solid #ff6600; padding:0; } .list-sale-row.list-sale-row-home .list-products-sale { border: 0px solid #dfdfdf; border-radius: 0; margin-top: 5px; } .list-sale .product-list li .product-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: initial; overflow: hidden; min-height: 44px; margin-bottom: 7px; } .list-sale .product-list li .old-price, .list-sale .product-list li .sale-off{} .list-sale .product-list li .content_price { display: block; width: auto; height: 50px; } .list-sale .product-list li .product-price{ display:block;} .list-sale .product-list .product-container .product-button{top:68px;} .latest-deals .count-down-time{ } .list-sale .count-down-time span{ height: 24px; background: #39b54a; color: #fff; width: auto; display: inline-block; line-height: 24px; margin: 0 9px 0 0px; font-size: 21px; letter-spacing: 17px; padding-left: 10px; position: relative; border-radius:5px; } .list-sale .count-down-time span:after{ content: ''; height: 24px; width: 1px; position: absolute; left: 30px; top: 0; background: #fff; } .list-sale .count-down-time span:before{ content: ''; height: 24px; width: 2px; position: absolute; right: 0; top: 0; background: #fff; display:none; } .list-sale .count-down-time span:first-child{ } .list-sale .count-down-time b{ position: relative; } .list-sale .count-down-time b:after { position: absolute; left: -6px; top: 1px; content: ':'; } .list-products-sale .owl-controls .owl-next, .list-products-sale .owl-controls .owl-prev { height: 50px; line-height: 50px; width: 50px; opacity: .5; border-radius: 100%; } .list-products-sale .owl-controls .owl-next:hover, .list-products-sale .owl-controls .owl-prev:hover { opacity: 1; } .list-products-sale .owl-controls .owl-next { right: 0; } .list-products-sale .owl-controls .owl-prev { left: 0; } .list-products-sale .owl-controls .owl-next .fa, .list-products-sale .owl-controls .owl-prev .fa { font-size: 24px; } .ofs-carousel__cover-image { width: 100%; padding-top: 75%; background-size: cover; background-repeat: no-repeat; background-size: contain; -webkit-transition: all .2s cubic-bezier(.4,0,.2,1); transition: all .2s cubic-bezier(.4,0,.2,1); } .block-category-home { padding:20px 0; background:#fff;} .subcategories-cate-home { border-radius: 0px; margin-bottom:10px; } .subcategories-cate-home li { display: inline-block; width:100%; } .subcategories-cate-home li:first-child a { } .subcategories-cate-home li a { display: block; font-size: 14px; padding: 10px; margin: 0; text-align: center; position: relative; } .subcategories-cate-home li a:hover{ color: #ed1c24; } .subcategories-cate-home li:hover{ } .subcategories-cate-home li:hover a{ } .subcategories-cate-home .subcategory-item-img { overflow: hidden; margin: 0 auto 20px auto; border: 1px solid #dfdfdf; border-radius: 100%; box-shadow: 0 3px 12px 1px rgb(0 0 0 / 10%); } .subcategories-cate-home .subcategory-item-img:hover img, #main-menu .dropdown-menu.dropmenu-brand a:hover img{animation:tada 2s infinite}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}} .subcategories-cate-home .subcategory-item-title { height: 50px; overflow: hidden; font-size: 16px; line-height: 24px; color: #333; } .category-home-content .sec-title { margin-top: 0; padding-bottom: 10px; } .category-home-content .owl-controls .owl-dots { bottom: -30px; } .category-home-content .owl-controls .owl-dots .owl-dot.active { width: 30px; } .category-home-content .owl-controls .owl-dots .owl-dot{height:8px;} .thm-btn { display: inline-block; border: none; outline: none; background: #0054a6; background: -webkit-gradient(linear, left top, right top, from(#0054a6), color-stop(98%, #05437e), to(#05437e)); color: #FFFFFF !important; font-size: 19px; font-weight: 500; -webkit-transition: all .4s ease; transition: all .4s ease; border-radius: 12px; padding: 15px 20px; position: relative; -webkit-box-shadow: 0px 15px 30px rgba(212, 50, 151, 0.27); box-shadow: 0px 15px 30px rgb(0 84 166 / 20%); margin-right: 15px; border:1px solid transparent; margin-bottom:10px; } .thm-btn::before { content: ''; position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; border-radius: 28px; background: #fff; opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease; } .thm-btn > span { position: relative; } .thm-btn i { display: inline-block; margin-right: 7px; } .thm-btn [class^="icon-"]{ margin-top:5px } .thm-btn.back-red {background:-webkit-gradient(linear, left top, right top, from(#ed1c24), color-stop(98%, #a5040a), to(#a5040a))} .thm-btn:hover{ -webkit-box-shadow: 0px 15px 30px rgba(212, 50, 151, 0.4); box-shadow: 0px 15px 30px rgb(0 84 166 / 40%); border:1px solid #fff; paddding:2px; } .product-list .fs-buts { width: 100%; margin-top: 5px; margin-bottom: 10px; } .product-list .fs-buts .add-tcart { display: inline-block; width: 140px; height: 34px; line-height: 34px; font-size: 12px; text-transform: uppercase; border: 1px solid #7f7f7f; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; transition: all 0.3s ease-in-out; font-weight: 500; } .product-list .fs-buts .add-tcart:hover, .product-list .product-container:hover .add-tcart {border: 1px solid #eb3e3a;background: #eb3e3a;color:#fff;} .product-title__btn-features { font-size: 12px; left: 0; right: 0; position: absolute; text-align: center; opacity: 0; transition: opacity 0.85s ease; width: 40%; padding: 6px 10px; z-index: 1; border: solid 2px #ed1c24; background-color: #ed1c24; margin: 0 auto; color: #fff; -webkit-box-shadow: 0px 5px 20px 0px rgba(225, 226, 230, 0.4); -moz-box-shadow: 0px 5px 20px 0px rgba(225, 226, 230, 0.4); box-shadow: 0px 5px 20px 0px rgba(225, 226, 230, 0.4); border-radius: 50px; top: 33%; text-transform: uppercase; -webkit-transition: all .3s; -khtml-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s opacity: 1; transform: scale(0); } .product-list .product-container:hover .product-title__btn-features { opacity: 1; color: #fff; outline: none; transform: scale(1); } .product-title__btn-features a { color: #fff; display: block; } .subcategories-cate { margin-bottom: 5px; margin-top: 5px; } .subcategories-cate li { display: inline-block; margin-bottom: 10px; width: 14%; } .subcategories-cate li:first-child a { } .subcategories-cate li a { display: block; font-size: 14px; padding: 0; border: 2px solid #f1f1f1; margin: 0 5px 0 0; text-align: center; border-radius: 12px; position: relative; box-shadow: 0 3px 12px 1px rgb(0 0 0 / 10%); overflow: hidden; font-weight: 600; } .subcategories-cate li a:hover{ color: #0054a6; border: 2px solid #dfdfdf; box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.1); } .subcategories-cate li.current-categorie{ position: relative; float:left; } .subcategories-cate li.current-categorie a { font-weight: bold; border: 2px solid #0054a6; color: #0054a6; margin-left: 0; } .subcategories-cate li.current-categorie .subcategory-item-img { border: 0px solid #0054a6; } .subcategories-cate li:hover a{ border:2px solid #0054a6; } .subcategories-cate .subcategory-item-img { height: 64px; overflow: hidden; width: 100%; object-fit: cover; } .subcategories-cate .subcategory-item-title {height: 40px;overflow: hidden;margin-top: 15px;margin-bottom: 10px;} .pro-fillter{ display:none !important;} .pro-fillter ul{} .pro-fillter ul.pro-fillter-procate { background: #f3f3f3; padding: 15px 5px 5px 5px; border: 1px solid transparent; border-radius: 3px; margin-top:-6px; } .pro-fillter ul.pro-fillter-procate::before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #39b54a; content: ''; left: 55px; position: absolute; top: -10px; } .pro-fillter li{ display:inline-block;} .pro-fillter li a{ align-items: center; border: 1px solid #e0e0e0; border-radius: 32px; color: #333; display: flex; font-size: 14px; line-height: 13px; margin-right: 8px; margin-bottom: 10px; min-height: 36px; max-height: 36px; padding: 6px 13px; vertical-align: top; } .pro-fillter li a:hover{ border: 1px solid #39b54a; color:#39b54a} .pro-fillter li a.active{ border: 1px solid #39b54a; color:#39b54a} .product-list li .flash-sale-item-card, .product-full .flash-sale-item-card { position: absolute; left: 0; width: 147px; height: 28px; bottom: 0; opacity: 1; } .block-support-pro { background:#fff; margin:20px 0; text-align:center;} .block-support-pro .sp-contact-info { list-style: outside none none; padding: 10px 0 10px 0; } .block-support-pro .sp-contact-info li:first-child { } .block-support-pro .sp-contact-info li { } .block-support-pro .sp-contact-info li i { color: #0054a6; display: inline-block; font-size: 46px; text-align: center; margin: 0 auto; border: 1px solid #0054a6; width: 80px; height: 80px; line-height: 80px; border-radius: 100%; } .block-support-pro .sp-contact-info li i.fa-envelope-o { margin-right:8px; } .block-support-pro .sp-contact-info li p.contact-content { font-size: 14px; margin-top:15px; } .block-support-pro .sp-contact-info li p.contact-content span { display: block; margin: 0px; font-size: 12px; } .block-support-pro .sp-contact-info li p.contact-content span:first-child { color: #333; font-size: 15px; margin-bottom: 7px; font-weight: bold; } .block-support-pro .sp-contact-info li p.contact-content span.time { color: #555; } .tabs-content table { width:100%; } .tabs-content table td { vertical-align: middle; padding:5px 15px; } .tabs-content table td { } .tabs-content table tr td:first-child { width: 163px; border-right: 1px solid #dfdfdf; text-align: right; font-weight: 700; } .tabs-content tr:nth-child(2n+1), .tabs-content li:nth-child(2n+1) { background: #f3f3f3; } .tabs-content tr:nth-child(2n), .tabs-content li:nth-child(2n) { background: #ffffff; } .tabs-content li { padding: 5px 15px 5px 15px; list-style: disc; } .page-banner-bottom { margin: 10px 0 15px 0; background: #39b54a; padding: 15px 0; position: relative; } .page-banner-bottom:before { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(173,8,0,.4); left: 0; top: 0; display:none; } .page-banner-bottom li{} .page-banner-bottom li a { border-radius: 10px; overflow: hidden; margin-bottom: 5px; } .block-news-home { margin-top: 30px; } .newshome-list { margin-top:10px;} .newshome-list li{ margin-bottom:30px;} .newshome-list .sub-content { display: inline-block; vertical-align: top; width: 100px; font-size: 17px; } .newshome-list .main-content { display: inline-block; vertical-align: top; font-size: 17px; width: 100%; overflow: hidden; } .newshome-list .sub-content .block-info a { display: block; position: relative; line-height: 24px; font-style: normal; text-align: left; padding: 0px 10px 0px 20px; white-space: nowrap; } .newshome-list .sub-content .block-info a.view::before { content: "\f06e"; } .newshome-list .sub-content .block-info a::before { font-family: "FontAwesome"; font-size: inherit; color: #dadada; margin-right: 6px; transition: all 0.3s ease; } .newshome-list li .left-block { position: relative; overflow: hidden; padding: 0; /* box-shadow: 0 10px 10px -10px rgba(0,0,0,.15);*/ } .newshome-list li .left-block img { transition: all 0.5s; webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); margin: 0 auto; height: 180px; width: 100%; object-fit: cover; } .newshome-list li:hover img{ -webkit-transform: scale(1.2,1.2); -webkit-transform-origin: top right; -moz-transform: scale(1.2,1.2); -moz-transform-origin: top right; -o-transform: scale(1.2,1.2); -o-transform-origin: top right; transform: scale(1.2,1.2); transform-origin: top right; } .newshome-list li .left-block .decsription-news { padding: 0; line-height: 24px; font-size: 13px; overflow: hidden; height: 50px; } .newshome-list .title-news { margin: 0 0 10px 0; overflow: hidden; min-height: 50px; } .newshome-list .title-news a { font-size: 14px; line-height: 20px; font-weight: bold; } .newshome-list .title-news a::after { content: ''; display: block; width: 80px; height: 0; margin: 10px 0px 10px 0; background: #dfdfdf; } .newshome-list .right-block { padding-top: 15px; padding-bottom: 15px; } .newshome-list .date-title { color: #666; font-size: 15px; } .newshome-list .date-title span{ margin-right:10px; } .nav-menu-custom.menu-tainghe { background: #ff70a0; border-radius: 5px 5px 0 0; border: none; } .menu-tainghe.show-brand .navbar-brand a, .nav-menu.menu-tainghe .nav > li > a { color: #fff; } .nav-menu.menu-tainghe .nav > li > a:hover { color: #ed1c24; } .shownews-view a img { margin-bottom: 15px; margin-top: 15px; } .shownews-view h1{ font-size: 21px; margin-bottom: 5px; margin-top: 15px; } .shownews-view h2 { font-size: 21px; margin-bottom: 20px; margin-top: 20px; font-weight: 700; color: #333333; } .shownews-view h2 a {color: #333333;} .shownews-view h2 a:hover {color: #0054a6;} .shownews-view h3 { font-size: 17px; margin-bottom: 20px; margin-top: 20px; font-weight: 600; color:#333333; } .shownews-view h2::after { content: ''; display: block; width: 68px; height: 2px; margin: 5px 0px 5px 0; background: #dfdfdf; } .content-services, .about-contents { line-height: 24px; font-size: 14px; } .content-services a{ color:#0054a6; } .content-services p { margin-bottom: 10px; } .content-services ol li { list-style: number; margin-left: 20px; padding-left: 5px; } .content-services ul { } .content-services ul li { list-style: square; margin-left: 20px; } .content-services ul li:nth-child(2n) { background: #ffffff; } .content-services ul li:nth-child(2n+1) { background: #fff; } .box-products-3 .owl-controls .owl-next, .box-products-3 .owl-controls .owl-prev { height: 50px; line-height: 50px; width: 50px; opacity: .5; border-radius: 100%; } .box-products-3 .owl-controls .owl-next:hover, .box-products-3 .owl-controls .owl-prev:hover { opacity: 1; } .box-products-3 .owl-controls .owl-next { right: 0; } .box-products-3 .owl-controls .owl-prev { left: 0; } .box-products-3 .owl-controls .owl-next .fa, .box-products-3 .owl-controls .owl-prev .fa { font-size: 24px; } .nav-menu-custom.menu-pk { background: #39b54a; border-radius: 5px 5px 0 0; border-top: 2px solid #39b54a; } .menu-pk.show-brand .navbar-brand a, .nav-menu.menu-pk .nav > li > a { color: #fff; } .nav-menu.menu-pk .nav > li > a:hover { color: #ed1c24; } .product-container .owl-carousel .owl-stage-outer { margin-left:15px; margin-right:30px;} .contact-form .cusmo-input, .contact-form-2 .cusmo-input { background: transparent; border-color: #e9e8e8; border-radius: 0; border-style: solid; border-width: 0; box-shadow: none; padding: 8px 5px; width: 100%; color:#333; } .contact-form .input-group-addon, .contact-form-2 .input-group-addon { margin-bottom: 0; font-weight: 400; line-height: 1; text-align: center; padding: .6rem .9rem; min-width: 3.847rem; font-size: 14px; color: #525252; border-radius: 0; border: 0; background-color: transparent; vertical-align: top; } .contact-form .input-group-addon, .contact-form-2 .input-group-addon { width: 50px; padding: 8px 10px 8px 0; border-right:1px solid #dfdfdf; } .contact-form .has-float-label, .contact-form-2 .has-float-label { display:table-cell; position:relative;} .contact-form .controls,.contact-form-2 .controls { border: 1px solid #dfdfdf; border-radius: 3px; padding: 5px 10px; margin:15px 0; } .has-float-label>span { position: absolute; cursor: text; font-size: 14px; opacity: 1; -webkit-transition: all .2s; transition: all .2s; top: -1em; left: .75rem; z-index: 3; line-height: 1; padding: 0 1px; background:#fff; color:#333; } .has-float-label .cusmo-input:placeholder-shown:not(:focus) + * { font-size: 14px; opacity: .5; top: .8em; color: black !important; } .has-float-label .cusmo-input:placeholder-shown:not(:focus)+* { font-size: 14px; opacity: .5; top: .5em; } .has-float-label>span::after { content: " "; display: block; position: absolute; background: #fff; height: 2px; top: 50%; left: -.2em; right: -.2em; z-index: -1; } .contact-form label.error { border: 1px dashed #b94a48; border-radius: 2px; color: #b94a48 !important; display: block; margin-top: 2px; padding: 2px 5px; font-size: 12px !important; bottom: 0; top: auto !important; margin-left:5px; } .policy_intuitive { margin-bottom: 10px; margin-top: 10px; background: #f7f7f7; } .policy { margin: 0; padding: 5px 10px; } .policy__list { display: flex; flex-wrap: wrap; } .policy__list>li:nth-child(2n+1) { padding-right: 20px; } .policy__list>li { position: relative; padding: 5px 0 5px 35px; width: 50%; display: inline-block; line-height: 18px; margin-bottom:10px; margin-top:10px; } .policy__list>li { align-items: center; } .policy__list li p { padding-left: 30px; display:block; font-size: 14px; color: #111; font-weight: 600; } .policy__list li span { padding-left: 30px; display:block; font-size: 13px; color: #999; } .policy__list li>div.iconl { left: 0; position: absolute; top: 2px; } .policy__list li .iconl { width: 32px; } [class^="icondetail-"], [class*="icondetail-"] { background-repeat: no-repeat; display: inline-block; height: 30px; width: 30px; line-height: 30px; vertical-align: middle; } .icondetail-giaohang { background-image: url(../images/adr-icon-truck-2.png); height: 32px; width: 32px; } .icondetail-giaohangnhanh { height: 38px; width: 50px; background-image: url(../images/ghn.png); } .icondetail-free { height: 38px; width: 50px; background-image: url(../images/free.png); } .icondetail-returns { height: 38px; width: 50px; background-image: url(../images/returns.png); } .icondetail-pay { height: 38px; width: 50px; background-image: url(../images/pay.png); } .k-feature-products { padding: 0px 0 50px 0; background: #fafafa; position: relative; background-size: cover; } .k-feature-products::before { height: 100%; position: absolute; top: 0; right: 0; left: 0; content: ""; background: transparent; opacity: .8; } .block-trust {text-align: center;} .icons-box { margin-top:30px;} .icons-box .icon { background: #eb3e3a; margin-bottom: 20px; position: relative; border-radius: 100%; text-align: center; overflow: hidden; padding: 10px; border: 3px solid #ffffff; align-items: center; vertical-align: middle; width: 150px; height: 150px; } .icons-box .icon img{width: 90px;margin-top: 12px;} .icons-box h3 { font-size: 19px; margin-top: 0; margin-bottom: 25px; font-weight: 600; } .icons-box .block-trust-des { font-size: 13px; overflow: hidden; background: #fff; min-height: 151px; padding: 10px; border-radius: 6px; box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.05); } .icons-box .block-trust-des li { position:relative; margin-bottom: 10px; } .icons-box .block-trust-des li:last-child { margin-bottom: 0; } .icons-box .block-trust-des li:before { font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00c"; font-size: 16px; position: absolute; left: auto; color: #1261ae; margin-left: -17px; display: none; } .section-title .heading{text-transform:capitalize;} .section-title .heading { font-size: 25px; margin-bottom: 15px; position: relative; } .section-title p { font-size: 13px; } .section-light { color: #fff; } .thongke-section{text-align:center;padding-top: 25px;} .thongke-section .section-content p{font-size: 15px;font-weight:bold;color: #0054a6;margin-bottom: 10px;text-transform: uppercase;line-height: 18px;} .thongke-section .section-content span{} .thongke-section .section-content hr{border-top: 3px solid #0054a6;margin: 0 auto 10px auto;width: 10%;display: block;} .thongke-section .section-content i { position: relative; text-align: center; overflow: hidden; padding: 10px; align-items: center; vertical-align: middle; display:inline-block; width: 100px; height: 100px; } .thongke-section-content{padding: 0;} fieldset { border: 1px solid #dfdfdf; padding: 10px; margin-bottom: 10px; border-radius: 5px; } fieldset legend { background: #39b54a; border-radius: 0px; color: #fff; font-weight: 700; line-height: 28px; padding: 2px 20px; text-transform: uppercase; font-size: 14px; display: inline-block; width: auto; } .block-work-time-2 { margin: 0 0 40px 0; } .block-work-time-2 .sp-contact-info { list-style: outside none none; padding: 10px 0 10px 0; } .block-work-time-2 .sp-contact-info li i { color: #333; display: block; float: left; font-size: 33px; line-height: 40px; margin-right: 0; padding-right: 12px; text-align: center; width: 55px; margin-top: 0; } .block-work-time-2 .sp-contact-info li:first-child i{ width: 47px;} .block-work-time-2 .sp-contact-info li i.fa-envelope-o { margin-right:8px; } .block-work-time-2 .sp-contact-info li p.contact-content { font-size: 13px; margin-left: 35px; } .block-work-time-2 .sp-contact-info li p.contact-content span { display: block; margin: 0px; font-size: 14px; } .block-work-time-2 .sp-contact-info li p.contact-content span:first-child { color: #333; font-size: 15px; margin-bottom: 0; text-transform: uppercase; font-weight: 600; } .block-work-time-2 .sp-contact-info li p.contact-content span.time { color: #333; opacity: .8; } .block-work-time-2 .sp-contact-info li .sp-contact-infocontent { border: 0px solid #dfdfdf; box-shadow: 0 3px 12px 1px rgb(0 0 0 / 10%); border-radius: 4px; padding: 10px 5px 15px 5px; margin-bottom: 5px; background: #fff; } .block-hoptactphattrien { } .block-hoptactphattrien span:nth-child(1) { margin-top: 12px; margin-right: 10px; font-size: 16px; color:#fff; } .block-hoptactphattrien span{display: inline-block;} .block-hoptactphattrien img{ } .block-hoptactphattrien a { text-transform: uppercase; display: block; text-align: center; margin-right: 5px; } .newshome-list .post-meta { padding: 5px 10px; border: 1px solid #f1f1f1; margin-top: 10px; font-size: 12px; margin-left: 1px; border-radius: 3px; } .newshome-list .date-time { color: #999; text-align: left; display: inline-block; padding: 0; margin: 0; } .newshome-list ._seeall { overflow: hidden; position: relative; display: inline-block; float: right; } .newshome-list li .left-block a { display: block; overflow: hidden; position: relative; } .newshome-list ._seeall a { color: #333; font-size: 12px; padding: 2px 6px; } .company_info { border: 1px solid #3387c7; padding: 10px 10px; border-radius: 3px; margin: 10px 0 0; position: relative; } .company_info:before { content: ""; width: 8px; height: 8px; border-top: 1px solid #3387c7; border-left: 1px solid #3387c7; background: #fff; transform: rotate(45deg); position: absolute; top: -5px; left: 50px; } .company_info input.cusmo-input { } .main_content .cusmo-input { background: transparent; border-color: #e9e8e8; border-radius: 0; border-style: solid; border-width: 0; box-shadow: none; padding: 8px 5px; width: 100%; } .main_content .input-group-addon { margin-bottom: 0; font-weight: 400; line-height: 1; text-align: center; padding: .6rem .9rem; min-width: 3.847rem; font-size: 14px; color: #525252; border-radius: 0; border: 0; background-color: transparent; vertical-align: top; } .main_content .input-group-addon { width: 50px; padding: 8px 10px 8px 0; border-right:1px solid #dfdfdf; } .main_content .has-float-label { display:table-cell; position:relative;} .main_content .controls { border: 1px solid #dfdfdf; border-radius: 3px; padding: 5px 10px; margin:15px 0; } .sec-title-small { margin: 0px; padding: 0px; position: relative; } .sec-title-small p { color: #252525; font-size: 15px; margin: 0; } .box-subcategories-cate { border: 1px solid #3387c7; padding: 10px 10px; border-radius: 3px; margin: 10px 0 10px 0; position: relative; } .box-subcategories-cate:before { content: ""; width: 8px; height: 8px; border-top: 1px solid #3387c7; border-left: 1px solid #3387c7; background: #fff; transform: rotate(45deg); position: absolute; top: -5px; left: 50px; } .logo-list-cate {} .logo-list-cate li{ width:8%; float:left; margin-bottom:5px;} .logo-list-cate li a { border: 1px solid #dfdfdf; border-radius: 3px; margin-right: 15px; display: block; overflow: hidden; } .logo-list-cate li img{} .table-list.table-list-order tr td{ border:none;} { } .table-list.table-list-order tr:nth-child(2n) { } .table-list.table-list-order tr:nth-child(2n+1) { } .table-list.table-list-order tr:nth-child(2n)>td:first-child { } .table-list.table-list-order tr:nth-child(2n)>td:last-child { } .table-list.table-list-order tr:nth-child(2n+1)>td:first-child {background: #e7e7e7;} .table-list.table-list-order tr:nth-child(2n+1)>td:last-child {background: #f9f9f9;} .cluster_headline { margin: 30px auto 30px; position:relative; } .cluster_headline.cluster_headline-linetop{ } .cluster_headline.cluster_headline-linetop:before { display: block; position: absolute; content: ''; top: -35px; left: 0; width: 100%; height: 2px; background: #e6e7e9; } .cluster_headline .field-name-field-headline { font-weight: 500; font-style: normal; font-size: 29px; text-align: center; margin: 50px auto 18px; line-height: 1; position: relative; text-transform: uppercase; } .columns-container .cluster_headline .field-name-field-headline{ text-align:left;} .columns-container .cluster_headline .field-name-field-headline:after{ margin-left:0; margin-right:0;} .cluster_headline .field-name-field-headline.headline-left, .cluster_headline .field-name-field-headline.headline-left:after{ margin-left:0; margin-right:0; text-align:left;} .cluster_headline .cluster_headline_desc { text-align: center; font-size: 14px; line-height: 24px; width: 80%; margin: 0 auto; } .cluster_headline .field-name-field-headline h1, .cluster_headline .field-name-field-headline h2 { font-size: 27px; text-transform: initial; font-weight: bold; color: #111; } .section-light .cluster_headline .field-name-field-headline h2{ color:#fff;} .section-light .cluster_headline .field-name-field-headline:after { background: #fff; } .cluster_headline .field-name-field-headline h1 a, .cluster_headline .field-name-field-headline h2 a{ color:#0f4982; } .cluster_headline .field-name-field-headline:after {content: '';display: block;width: 50px;height: 2px;background: #999;text-align: center;margin: 8px auto 20px auto;} .cluster_headline:hover .field-name-field-headline:after{ width:150px;} :after, :before { -webkit-transition: all .3s ease-out, right .2s ease-out; -moz-transition: all .3s ease-out, right .2s ease-out; -ms-transition: all .3s ease-out, right .2s ease-out; -o-transition: all .3s ease-out, right .2s ease-out; transition: all .3s ease-out, right .2s ease-out; } .menu-home-sub { text-align: center; } .menu-home-sub li{ display: inline-block; padding: 5px 20px; } .menu-home-sub li a{ font-size: 14px; font-weight: 500; border-bottom: 2px solid transparent; display: inline-block; } .menu-home-sub li a:hover{color:#0f4982; border-bottom:1px dashed #0f4982;} .sticker-cod { position: absolute; left: 0; bottom: 0; width: 100%; background: rgb(0 94 53); color: #fff; padding-left: 7px; font-size: 13px; height: 40px; text-align: left; padding-right: 7px; white-space: nowrap; } .product-list li:hover .sticker-cod { background: #39b54a; } .sticker-cod .free-shipping { font-style: italic; font-size: 13px; display: block; margin-top: 0; line-height: 40px; background: url(../images/free-shipping.png); background-size: contain; background-repeat: no-repeat; background-position: right; } .shop-cart .top-cart { border: 1px solid #fff; border-radius: 6px; height: 42px; line-height: 39px; width: 144px; float: right; overflow: hidden; margin-top: 10px; } .shop-cart .top-cart .cart-contents { display: block; background: #0054a6; height: 100%; text-align: left; color: #fff; font-size: 14px; padding: 0px 10px; } .shop-cart .top-cart .cart-contents i { margin: 0; height: 100%; line-height: unset; background: transparent; text-align: left; display: inline; margin-right: 10px; font-size: 20px; } .shop-cart .top-cart .cart-contents .count-cart-header { background: #ed1c24; color: #fff; font-weight: 500; height: 20px; width: 20px; display: inline-block; line-height: 20px; text-align: center; border-radius: 3px; margin-left: 4px; margin-top: 5px; } .top_viewed_cates_footer { position: fixed; bottom: 0; left: 0; width: 100%; z-index:9999; display: none; } .top_viewed_cates_footer .list_cates { margin: 0 auto; background: #0054a6; } .top_viewed_cates_footer .list_cates .cate_item { width: 20%; display: inline-block; float: left; position: relative; } .top_viewed_cates_footer .list_cates .cate_item .count-cart-header { position: absolute; top: 2px; right: 10px; background: #fcd836; border-radius: 6px; padding: 2px 4px; line-height: 12px; } .top_viewed_cates_footer .list_cates .cate_item .cate_url .cate_info .cate_name { font-size: 15px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 1px; margin-top: 11px; } .top_viewed_cates_footer .list_cates .cate_item .cate_url { color: #fff; text-align: center; display: block; padding: 0; font-size: 11px; } .top_viewed_cates_footer .list_cates .cate_item .cate_url .cate_info .cate_name { font-size: 15px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 1px; margin-top: 11px; } .top_viewed_cates_footer .list_cates .cate_item .cate_url i{ font-size: 17px; width: 26px; height: 26px; border: 0px solid #d73846; display: inline-block; border-radius: 100%; line-height: 24px; } .top_viewed_cates_footer .list_cates .cate_item .cate_url svg { font-size: 17px; width: 26px; height: 22px; border: 0px solid #d73846; display: inline-block; border-radius: 100%; line-height: 24px; } .top_viewed_cates_footer .list_cates .cate_item .cate_url i.icon-telephone114 { width: 40px; height: 40px; line-height: 40px; margin-top: -14px; background: #ed1f24; border: 2px solid #d61929; color: #fff; position: relative; } .top_viewed_cates_footer .list_cates .cate_item .cate_url i.icon-telephone114:after { position: absolute; content: ""; width: 100%; height: 100%; background: #f16572; opacity: .8; left: 0; top: 0; border-radius: 100%; -webkit-animation: scaleIn 1s ease infinite alternate; animation: scaleIn 1s ease-out infinite alternate; z-index: 102; } .top_viewed_cates_footer .list_cates .cate_item .cate_url i.icon-telephone114:before { position: absolute; width: 36px; height: 36px; background: #ed1f24; left: 0; top: 0; border-radius: 100%; z-index: 103; } @-webkit-keyframes scaleIn{to{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}}@keyframes scaleIn{to{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}} .main-header a.click-m-menu { position: absolute; left: 0; top: 12px; color: #02a319; width: 50px; padding: 10px 10px 5px 10px; display: none; z-index:1; } .main-header a.click-m-menu span { background: #fff; height: 2px; width: 100%; display: block; margin-bottom: 5px; } .main-header a.click-m-menu span + span + span{ width: 70%; } /* .block-language-mbl { position: absolute; right: 0; bottom: 35px; } .block-language-mbl .language-content { } .block-language-mbl .language-content li{ display:inline-block; } .block-language-mbl .language-content a { color: #15998b; font-size: 16px; margin-left: 7px; font-weight: bold; } .block-language-mbl.actLang-en .language-vn{opacity:.7;font-weight: normal;} .block-language-mbl.actLang-vn .language-en{opacity:.7;font-weight: normal;} .block-language-mbl .language-content img { margin-right:7px; } */ .switch-personal { background: #ffffff; border: 1px solid #ffffff; box-sizing: border-box; border-radius: 100px; position: absolute; width: 46px; height: 22px; right: 10px; top: 28px; display: none; } .switch-personal.Off .Off { display:none; float:right; } .switch-personal .Toggle { position: absolute; top: 1px; width: 18px; height: 18px; background: #0f4982; line-height: 25px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; } .switch-personal.On .Toggle { left:1px } .switch-personal span { display: inline-block; width: 20px; font-size: 12px; color: #BDBDBD; left: 23px; line-height: 22px; text-align: center; } .switch-personal span.On { padding-left: 2px; float: left; } .switch-personal span.Off { padding-right: 2px; } .switch-personal.Off .Toggle { left:24px } .switch-personal.Off { padding-right:2px; } .switch-personal span.On, .switch-personal span.Off { color: #0f4982; } .blocks-about-home{ } .blocks-aboutBottom-home, .blocks-featured-product, .blocks-featured-services, .blocks-ungdungnganh { padding-bottom:50px;} .blocks-ungdungnganh { background:#f3f9ff;} .blocks-featured-product{ background:#fff; } .blocks-featured-product::before { height: 863px; position: absolute; top: 20px; right: 0; content: ""; background: url(../images/h1_img-3.png) no-repeat scroll 0 0 transparent; display: inline-block; width: 641px; opacity: .3; background-size: contain; display:none; } .blocks-featured-product .columns-home-products{padding-top:20px;} .product-list .product-container .option-cnp span { display: block; position: relative; float: left; width: 50%; font-size: 15px; line-height: 26px; padding: 10px 10px 10px 32px; text-align: center; color: #0F5C2C; font-weight: 600; } .product-list .product-container .option-cnp { border-top: 2px solid #f1f1f1; } .product-list .product-container .option-cnp a { display: block; position: relative; float: left; width: 50%; font-size: 15px; line-height: 26px; padding: 10px 10px 10px 40px; text-align: center; color: #fff; background: #0056a8; font-weight: 600; } .product-list .product-container .option-cnp a:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e907"; font-size: 17px; color:#fff; position:absolute; top: 14px; left: 10px; width: 22px; height: 22px; } .product-list .product-container .option-cnp span:before { font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f00c"; font-size: 16px; color:#0F5C2C; position:absolute; top: 12px; left: 10px; width: 22px; height: 22px; border: 1px solid #0F5C2C; border-radius: 100%; line-height: 20px; } .blocks-featured-services {} #contact-option-wp { display: block; position: fixed; bottom: 50px; right: 10px; width: 180px; height: auto; z-index: 99996; } #contact-option-wp .list-item li { display: block; margin-bottom: 5px; } #contact-option-wp .list-item li a { display: block; position: relative; background: #fff; border: 1px solid #eb3e3a; padding: 5px 12px 5px 54px; box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%); border-radius: 10px; } #contact-option-wp .list-item li a i, #contact-option-wp .list-item li a svg { display: block; position: absolute; content: ''; top: 50%; left: 10px; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #fff; font-size: 23px; background: #c50f14; padding: 7px; border-radius: 100%; } #contact-option-wp .list-item li a svg {width: 37px;height: 37px;background: #c50f14;} #contact-option-wp .list-item li:nth-child(1) a:before { width: 40px; height: 40px; background: url(/public/images/footer/icon-phone2.webp) no-repeat; background-size: 40px auto; } #contact-option-wp .list-item li:nth-child(2) a:before { width: 40px; height: 40px; background: url(/public/images/footer/icon-phone1.webp) no-repeat; background-size: 40px auto; } #contact-option-wp .list-item li:nth-child(3) a:before { width: 40px; height: 40px; background: url(/public/images/footer/icon-phone1.webp) no-repeat; background-size: 40px auto; } #contact-option-wp .list-item li a span:nth-child(2) { display: block; font-size: 12px; line-height: 12px; color: #000; } #contact-option-wp .list-item li a span:nth-child(3) { display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; line-height: 26px; color: #c50f14; font-weight:600; } #contact-option-wp .list-item li a span.chatzalo { } .block-footer-right .col-item { margin-bottom: 10px; width: 100%; display: inline-block; } .block-footer-right .col-item:first-child { margin-top: 15px; } .block-footer-right .col-item>a { font-size: 13px; color: #004aad; position: relative; padding-left: 16px; -webkit-transition: all .3s ease-out, right .2s ease-out; -moz-transition: all .3s ease-out, right .2s ease-out; -ms-transition: all .3s ease-out, right .2s ease-out; -o-transition: all .3s ease-out, right .2s ease-out; transition: all .3s ease-out, right .2s ease-out; } .block-footer-right .col-item>a:hover{padding-left:21px; color:#ed1c24;} .block-footer-right .col-item>a:before { font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; font-size: 16px; position: absolute; top: 4px; left: 5px; border-left: 1px solid #004aad; height: 14px; transform: rotate(11deg); } .block-footer-right .col-item>a:hover:before {left:10px;border-left-color:#ed1c24;} .block-footer-right .col-item ul { } .block-footer-right .col-item ul li { display: inline-block; } .block-footer-right .col-item ul li a { } .block-footer-right .col-item ul li a{ font-size: 14px; position:relative; padding: 2px 15px 5px 0px; -webkit-transition: all .3s ease-out,right .2s ease-out; -moz-transition: all .3s ease-out,right .2s ease-out; -ms-transition: all .3s ease-out,right .2s ease-out; -o-transition: all .3s ease-out,right .2s ease-out; transition: all .3s ease-out,right .2s ease-out; } .block-footer-right .col-item ul li a:after { content: " "; width: 1px; top: 7px; right: 7px; position: absolute; border-right: 1px solid #999; height: 12px; } .block-footer-right .col-item ul li:last-child a:after { border-right: 0px solid #999; } .block-footer-right .col-item ul li:hover>a{color:#be202e;} .block-footer-right .col-item ul li.xemthem a{color:#be202e;font-size: 13px;} .block-footer-right .col-item ul li.xemthem a::after { content: ''; width: 0; right: -2px; border-top: 6px solid transparent; border-left: 6px solid #ed1f24; border-right: 6px solid transparent; display: inline-block; vertical-align: middle; margin: -1px 0 0 5px; border-bottom: 6px solid transparent; } .logo-footer img { height: 60px; } .product-list .product-container .information-wp { display: block; padding: 20px 30px; border-top: 2px solid #e6e7e9; text-align: left; } .product-list .product-container .information-wp .origin-wp { display: flex; position: relative; align-items: center; margin-bottom: 5px; color: #171a22; } .product-list .product-container .information-wp .origin-wp .icon { display: inline-block; position: relative; width: 50px; height: 33px; border-radius: 5px; overflow: hidden; outline: #e6e7e9 solid 1px; } .product-list .product-container .information-wp .origin-wp .icon img { display: block; position: absolute; right: 0; bottom: 0; left: 0; top: 0; width: 100%; height: 100%; object-position: 50% 50%; object-fit: cover; } .product-list .product-container .information-wp .origin-wp .title { display: inline-block; font-size: 14px; line-height: 25px; padding: 0 0 0 10px; font-weight: 600; } .product-list .product-container .information-wp .trademark-wp { display: inline-block; font-size: 14px; line-height: 26px; color: #171a22; font-weight: 600; } .block-products-cunggia { margin-bottom:50px;} .block-products-cunggia .owl-controls .owl-dots{ bottom:-40px;} .similar-products { text-decoration: none; text-align: right; display: block; position: absolute; font-size: 17px; line-height: 38px; color: #0058aa; right: 0; top: 0; font-family: 'Roboto Condensed'; } .similar-products-link { color: #0058aa; } .policy_intuitive_3 { margin-bottom: 10px; margin-top: 10px; background: #fff; } .policy_3 { margin: 0; padding: 0; border-bottom: 2px solid #f1f1f1; } .policy__list_3 { display: flex; flex-wrap: wrap; } .policy__list_3>li:nth-child(2n+1) { padding-right: 20px; } .policy__list_3>li { position: relative; padding: 5px 0 5px 35px; width: 33%; display: inline-block; margin-bottom:10px; margin-top:10px; } .policy__list_3>li:nth-child(1) p{ padding-top: 7px; } .policy__list_3>li:nth-child(2) p{} .policy__list_3>li:nth-child(3) p{ padding-top: 7px; } .policy__list_3>li { align-items: center; } .policy__list_3 li p { padding-left: 40px; display:block; font-size: 15px; color: #666; font-weight: 600; } .policy__list_3 li span { padding-left: 30px; display:block; font-size: 13px; color: #999; } .policy__list_3 li>div.iconl { left: 0; position: absolute; top: 2px; } .policy__list_3 li .iconl { width: 64px; } .policy__list_3 li .icondetail-udn { height: 64px; width: 64px; opacity: .7; } .blocks-featured-services { } .block-contents.information-wp p { display: block; font-size: 15px; line-height: 28px; margin-bottom: 20px; } .border-shap .border-1 { position: absolute; left: 0px; top: -20px; width: 100%; height: 31px; background-repeat: repeat-x; animation: slide 2000s linear infinite; -webkit-animation: slide 2000s linear infinite; background: url(../images/img-top.png); } .border-shap .border-2 { position: absolute; left: 0px; bottom: -20px; width: 100%; height: 63px; background-repeat: repeat-x; animation: slide 400s linear infinite; -webkit-animation: slide 400s linear infinite; background: url(../images/border-2.png); z-index:2; } .border-shap .border-3 { position: absolute; left: 0px; top: 20px; width: 100%; height: 17px; background-repeat: repeat-x; animation: slide 300s linear infinite; -webkit-animation: slide 300s linear infinite; background: url(../images/border-4.png); } @keyframes slide { from { background-position: 0 0; } to { background-position: 20000px 0; } } @-webkit-keyframes slide { from { background-position: 0 0; } to { background-position: 20000px 0; } } /*---------Sec Contact-----------*/ .sec_contact { margin-top: -110px; margin-bottom: 0; position: relative; z-index: 2; } .sec_contact .row-msi { overflow: hidden; } .sec_contact .row-msi .col { bottom: -125px; padding: 0; transition: all .5s ease; width: 20%; } .sec_contact .row-msi .col:hover { bottom: -15px; } .sec_contact_m .row-msi-m .col-inner, .sec_contact .row-msi .col-inner { padding: 18px; } .sec_contact_m .row-msi-m .col-inner:hover, .sec_contact .row-msi .col-inner:hover { } .sec_contact .row-msi h2 { margin-bottom: 1em; font-size: 16px; font-weight: 700; color:#fff; text-align:center; text-transform: uppercase; margin-bottom: 25px; } .sec_contact .row-msi .light h2 { } .sec_contact_m .row-msi-m .col-left ul, .sec_contact .row-msi .col-left ul { list-style: none; } .sec_contact_m .row-msi-m .col-left ul li, .sec_contact .row-msi .col-left ul li { margin-left: 0; padding-bottom: 5px; color: #fff; font-size: 14px; } .sec_contact_m .row-msi-m .col-left ul li:last-child, .sec_contact .row-msi .col-left ul li:last-child { border: none; } .sec_contact-m .row-msi-m .col-left ul li:before, .sec_contact .row-msi .col-left ul li:before { content: "\f017"; font-family: FontAwesome; margin-right: 10px; color: #fff; } .sec_contact-m .row-msi-m .col-left ul li span, .sec_contact .row-msi .col-left ul li span { float: right; } .sec_contact-m .row-msi-m .col-center p.address:before, .sec_contact .row-msi .col-center p.address:before { content: "\f041"; font-family: FontAwesome; margin-right: 10px; color: #7da3bb; } .sec_contact-m .row-msi-m .col-center a.button, .sec_contact-m .row-msi-m .col-right a.button, .sec_contact .row-msi .col-center a.button, .sec_contact .row-msi .col-right a.button { width: 100%; } .sec_contact-m .row-msi-m .col-right p.calendar, .sec_contact .row-msi .col-right p.calendar { font-size: 14px; } .sec_contact .row-msi .col-right p.calendar { } .sec_contact-m .row-msi-m .col-right p.calendar:before, .sec_contact .row-msi .col-right p.calendar:before { content: "\f073"; font-family: FontAwesome; margin-right: 10px; color: #e4f4ff; } .sec_contact .row-msi .col-right p.calendar:before {} .thm-btn-calenda { display: inline-block; border: none; background: #fff; color: #1b64a5; font-size: 15px; font-weight: 400; border-radius: 5px; padding: 4px 30px; position: relative; width: 100%; text-align: center; margin-top: 10px; } .dark a{ } .dark p { color: #fff; } .col-inner { position: relative; margin-left: auto; margin-right: auto; width: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; -ms-flex: 1 0 auto; flex: 1 0 auto; } .sec-info { color: #fff; font-size: 14px; line-height: 24px; } .sec-info a { color: #fff; } .sec-info i { width: 16px; color: #e4f4ff; text-align: center; margin-right: 7px; } .sec_contact .row-msi h2 i { font-size: 19px; margin-right: 7px; } .sec-info span{} /*---------End Sec Contact-----------*/ .block-shadow { -webkit-box-shadow: 0 10px 30px 0 rgb(50 50 50 / 16%); box-shadow: 0 10px 30px 0 rgb(50 50 50 / 16%); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } /*testimonial 2*/ .ykienkhachhang-content {} .m-a30 { margin: 0; } .bg-white { background-color: #FFF; } .p-a30 { border-radius: 12px; padding: 10px 15px; box-shadow: 0 3px 12px 1px rgb(0 0 0 / 10%); position: relative; margin: 10px 10px 20px 10px; } .testimonial-2 .testimonial-text { background-color: #fff; padding: 15px 50px; position: relative; margin-left: 30px; } .testimonial-2 .testimonial-text .fa-quote-left { position: absolute; left: 0; top: 0; font-size: 32px; color: rgb(0 60 118 / 50%); } .testimonial-2 .testimonial-text .fa-quote-right { position: absolute; right: 0; bottom: 35px; font-size: 32px; color: rgb(0 60 118 / 50%); } .testimonial-2 .testimonial-detail { padding: 0px; } .testimonial-2 .testimonial-pic, .testimonial-grid-2 .testimonial-pic { float: left; margin-right: 15px; width: 85px; height: 85px; border: 5px solid rgb(0 60 118 / 80%); border-radius: 50%; } .testimonial-2 .testimonial-pic img, .testimonial-grid-2 .testimonial-pic img { -webkit-border-radius: 50%; border-radius: 50%; width: 75px; height: 75px; } .testimonial-2 .testimonial-name, .testimonial-2 .testimonial-position { padding: 2px 0; } .testimonial-2 .testimonial-name { color: #003c76; margin-top: 30px; font-size: 19px; text-align: left; font-weight: 700; } .testimonial-2 .testimonial-position { color: #1a1a1a; } .testimonial-2 .quote-left:before { top: 50px; } .testimonial-pic { background: #FFF; width: 100px; height: 100px; position: relative; display: inline-block; border: 5px solid #FFF; } .testimonial-2.testimonial-bg .testimonial-name, .testimonial-2.testimonial-bg .testimonial-position { color: #F5BF23; } .testimonial-text .desc { font-size: 13px; line-height: 22px; height: 135px; overflow: hidden; } .ykienkhachhang-section { background-image: url(../images/bg-dangky.png); background-repeat: no-repeat; background-position: right bottom; margin-top: 40px; } .section { padding: 30px 0 20px 0; position: relative; } .ykienkhachhang-section .section-title .heading, .ykienkhachhang-section .section-title { color:#fff;} .ykienkhachhang-section .owl-controls .owl-dots .owl-dot{ background:#fff;} .ykienkhachhang-section .owl-controls .owl-dots .owl-dot.active { background-color: #aa223e; border-color: #aa223e; width: 40px; } .blocks-hinhanh{background-color: #1A1A1A;padding:15px 0 40px 0;position:relative;} .blocks-hinhanh:before { background-image: url(../images/hero-bg-1-1.png); background-position: bottom left; background-repeat: no-repeat; background-size: cover; opacity: 0.039; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; position:absolute; width:100%; height:100%; content:''; } .albumhinh-list {} .albumhinh-list li{padding-left: 3px;padding-right: 3px;margin-bottom: 6px;overflow:hidden;position:relative;} .albumhinh-list li a{ display:block; position:relative;} .albumhinh-list li a .pxl-item-number { font-size: 130px; font-weight: 700; white-space: nowrap; line-height: 1; color: transparent; text-transform: uppercase; -webkit-text-stroke: 1px #e9e9e9; text-stroke: 1px #e9e9e9; -webkit-transition: all .3s; -khtml-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s opacity: 1; font-family: 'Roboto Condensed'; position: absolute; width: 100%; height: 100%; z-index: 1; top: 20%; text-align: center; } .albumhinh-list li a:hover .pxl-item-number{ transform: scale(0); opacity: 0; transition-delay: 0s;} .albumhinh-list img{ height:200px; width:100%; cursor:pointer;} .albumhinh-list img { -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; height: 240px; width: 100%; filter: grayscale(70%)contrast(100%)brightness(70%); } .albumhinh-list img:hover{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); -webkit-transform: translateY(-10px); transform: translateY(-10px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; } .albumhinh-list li a:hover img{filter: unset} .faqs-section{ padding-bottom:40px;} .seofaq-item { cursor: pointer; background: rgb(91 107 123 / 10%); margin-bottom: 15px; padding: 8px 10px; border-radius: 6px; } .seofaq-head { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; gap: 1.2rem; justify-content: space-between; align-items: center; } .seofaq-head > .title { font-weight: 600; font-size: 14px; color: #111; transition: 0.3s ease-in-out; } .seofaq-head .fa { color: rgb(91 107 123 / 80%); font-size: 1.8rem; transition: 0.3s ease-in-out; } .collapse-body { display: none; } .seofaq-tbody { width: 90%; } .seofaq-tbody.monaAnswer ul li { padding-left: 4rem; position: relative; } .seofaq-tbody.eraAnswer p { } .seofaq-tbody.eraAnswer ul {margin-left: 18px;} .seofaq-tbody.eraAnswer ul li {list-style: square;} .ShowProviceExtsContent { line-height: 1.7; margin-bottom: 5px; margin-top: 5px; padding: 0 10px 0px; text-align: justify; border-left: 2px solid #ed1c24; color: #111; } .ShowProviceExtsContent td { padding: 5px 10px; } .seofaq-head.active > .title { color: #ed1c24; font-weight: 700; } .paragraph--type--cluster-composition .cluster-bottom-block { display: block; margin: 0 auto; z-index: 1; position: relative; } .paragraph--type--cluster-composition .cluster-bottom-block.teaser-variation .cluster-item {margin-bottom: 30px;} .paragraph--type--image-overlay { overflow: hidden; display: block; position: relative; padding: 0; } .paragraph--type--cluster-composition .cluster-bottom-block.teaser-variation .cluster-item .paragraph--type--image-overlay a{ display:block;} .paragraph--type--image-overlay .teaser-content-wrapper .teaser-text-wrapper { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; overflow: hidden; overflow-wrap: break-word; position: absolute; width: 100%; max-width: 55%; bottom: 0; height: 100%; display: flex; padding-right: 5px; flex-direction: column; justify-content: center; color: #fff; z-index: 1; } .paragraph--type--image-overlay.position-right.text-position-16_9_aspect_ratio .teaser-content-wrapper .teaser-text-wrapper:after, .paragraph--type--image-overlay.position-right.text-position-16_9_aspect_ratio .teaser-content-wrapper .teaser-text-wrapper:before { left: inherit; right: -30%; } .paragraph--type--image-overlay.position-right.text-position-16_9_aspect_ratio .teaser-content-wrapper .teaser-text-wrapper { padding-left: 90px; right: 0; } .paragraph--type--image-overlay .teaser-content-wrapper .teaser-text-wrapper:after, .paragraph--type--image-overlay .teaser-content-wrapper .teaser-text-wrapper:before { position: absolute; content: ""; height: 100%; top: 0; width: 115%; bottom: 0; left: -40%; right: inherit; opacity: .7; transform: skewX(-12deg); backface-visibility: hidden; background: #2b5c91; z-index: -1; } .paragraph--type--image-overlay .teaser-content-wrapper .teaser-text-wrapper .field--name-field-kicker, .paragraph--type--image-overlay .teaser-content-wrapper .teaser-text-wrapper .field--name-field-text { font-weight: 800; font-style: normal; font-size: 15px; margin-bottom: 10px; width:75%; } .paragraph--type--image-overlay .teaser-content-wrapper .teaser-text-wrapper .field--name-field-title h5 { font-weight: 400; font-style: normal; font-size: 16px; line-height: 24px; margin-bottom: 10px; color: #fff; -webkit-transition: all .3s ease-out,right .2s ease-out; -moz-transition: all .3s ease-out,right .2s ease-out; -ms-transition: all .3s ease-out,right .2s ease-out; -o-transition: all .3s ease-out,right .2s ease-out; transition: all .3s ease-out,right .2s ease-out; } .read-more { padding-bottom: 1px; padding-top: 3px; position: relative; color: #fff; font-style: italic; font-size: 14px; margin-top: 10px; display: inline-block; letter-spacing: .5px; margin-left: 15px; line-height: 1; -webkit-transition: all .3s ease-out,right .2s ease-out; -moz-transition: all .3s ease-out,right .2s ease-out; -ms-transition: all .3s ease-out,right .2s ease-out; -o-transition: all .3s ease-out,right .2s ease-out; transition: all .3s ease-out,right .2s ease-out; } .read-more:before { content: " "; width: 2px; height: 100%; top: 0; left: -10px; border-left: 1px solid #ff3162; transform: rotate(11deg); position: absolute; border-left: 1px solid #fff; } .paragraph--type--image-overlay .teaser-content-wrapper .teaser-text-wrapper {padding: 0 10px;} :after, :before { -webkit-transition: all .3s ease-out,right .2s ease-out; -moz-transition: all .3s ease-out,right .2s ease-out; -ms-transition: all .3s ease-out,right .2s ease-out; -o-transition: all .3s ease-out,right .2s ease-out; transition: all .3s ease-out,right .2s ease-out; } .paragraph--type--image-overlay img{width:100%;} .paragraph--type--image-overlay img{ -webkit-transition: all .3s ease-out,right .2s ease-out; -moz-transition: all .3s ease-out,right .2s ease-out; -ms-transition: all .3s ease-out,right .2s ease-out; -o-transition: all .3s ease-out,right .2s ease-out; transition: all .3s ease-out,right .2s ease-out; } .paragraph--type--image-overlay:hover img{ transform: scale(1.1); -webkit-transition: all .3s ease-out,right .2s ease-out; -moz-transition: all .3s ease-out,right .2s ease-out; -ms-transition: all .3s ease-out,right .2s ease-out; -o-transition: all .3s ease-out,right .2s ease-out; transition: all .3s ease-out,right .2s ease-out; } .paragraph--type--image-overlay:hover .teaser-text-wrapper .field--name-field-title h5 { font-size:17px; } .paragraph--type--image-overlay:hover .teaser-content-wrapper .teaser-text-wrapper:before { width: 118%; } .paragraph--type--image-overlay:hover .teaser-content-wrapper .teaser-text-wrapper:after { width: 118%; background:#ff6a10; } .paragraph--type--image-overlay:hover .read-more { padding-left:15px; } .cluster-load-more { display: inline-block; vertical-align: middle; user-select: none; border: 0px solid transparent; border-radius: 0; color: #fff; padding: 0; text-transform: uppercase; position: relative; overflow: hidden; font-size: 14px; line-height: 1; text-align: left; background: #7f9dba no-repeat 100% 0; margin: 5px 0; -webkit-transition: padding .3s ease; -moz-transition: padding .3s ease; -ms-transition: padding .3s ease; -o-transition: padding .3s ease; transition: padding .3s ease; border-radius: 6px; } .cluster-load-more:before { content: ""; display: block; height: 100%; width: 100px; position: absolute; right: 0; top: 0; left: calc(100% - 54px); transform: skewX(-12deg); opacity: 1; background-color: #eb3e3a; pointer-events: none; touch-action: none; -webkit-transition: left .3s ease; -moz-transition: left .3s ease; -ms-transition: left .3s ease; -o-transition: left .3s ease; transition: left .3s ease; } .cluster-load-more:after { content: "\f105"; font-family: FontAwesome; font-size: 24px; font-style: normal; display: block; position: absolute; right: 20px; top: calc(50% - 13px); background: transparent no-repeat 50%; background-size: 14px 20px; pointer-events: none; touch-action: none; -webkit-transition: right .3s ease; -moz-transition: right .3s ease; -ms-transition: right .3s ease; -o-transition: right .3s ease; transition: right .3s ease; color: #fff; } .cluster-load-more:after { content: "+"; font-weight: 200; font-style: normal; font-size: 35px; right: 11px; top: calc(50% - 20px); } .cluster-load-more a.show-more { display: block; padding: 15px 85px 15px 24px; font-size: 15px; color: #fff; -webkit-transition: all .3s ease-out,right .2s ease-out; -moz-transition: all .3s ease-out,right .2s ease-out; -ms-transition: all .3s ease-out,right .2s ease-out; -o-transition: all .3s ease-out,right .2s ease-out; transition: all .3s ease-out,right .2s ease-out; font-weight: 700; } .cluster-load-more a.show-more:hover { padding-left: 30px; padding-right: 62px; color: #fff; text-decoration: none } .cluster-load-more:hover:after { right: 20px!important } .field--name-field-grid-content .field__item { position: relative; overflow: hidden; } .field--name-field-grid-content .field--name-image { position: relative; width: 100%; } .margin-stt-3 { margin-left:25%;} .field--name-field-grid-content .field--name-image img { width: 100%; height: 230px; -webkit-transition: all .3s ease-out,right .2s ease-out; -moz-transition: all .3s ease-out,right .2s ease-out; -ms-transition: all .3s ease-out,right .2s ease-out; -o-transition: all .3s ease-out,right .2s ease-out; transition: all .3s ease-out,right .2s ease-out; } .field--name-field-grid-content a:hover .field--name-image img{ transform:scale(1.2); } .field--name-field-grid-content a:hover .read-more { padding-left:15px; } .field--name-field-grid-content .field--name-field-kicker { font-weight: 800; font-style: normal; font-size: 11px; color: #fff; letter-spacing: .92px; text-transform: uppercase; padding: 6px 23px 7px 15px; position: relative; z-index: 1; float: left; } .field--name-field-grid-content .field--name-field-kicker:before { content: ""; position: absolute; left: -5px; top: 0; width: 100%; height: 100%; background-color: #00bcff; transform: skewX(-12deg); z-index: -1; box-sizing: content-box; } .field--name-field-grid-content .field__item:hover .field--name-field-kicker:before { width:115%; } /* .paragraph--type--image-overlay.colos1371 .teaser-content-wrapper .teaser-text-wrapper:after, .paragraph--type--image-overlay.colos1371 .teaser-content-wrapper .teaser-text-wrapper:before { background: #5b6b7b; }*/ .field--name-field-grid-content .teaser-content-wrapper { display: block; float: none; clear: both; padding: 25px 0 25px 0px; } .field--name-field-grid-content .teaser-content-wrapper h4 { font-weight: 400; font-style: normal; font-size: 21px; color: #046938; letter-spacing: .5px; line-height: 1.2; margin: 0 0 10px; } .teaser-card-image { overflow: hidden; margin-bottom: 30px; } .thongke-section-content .number-c { font-size: 34px; font-weight: 700; white-space: nowrap; line-height: 1; color: transparent; text-transform: uppercase; -webkit-text-stroke: 1px #000000; text-align: center; display: block; margin-bottom: 10px; } .album-img-page img{ height:260px; width:270px;object-fit: cover;} .albumhinh-list-page {} .albumhinh-list-page li { margin-bottom: 40px; padding: 0; box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.12); min-height: 123px; overflow: hidden; border: 1px solid #0b4f8d; border-radius: 12px; cursor: pointer; } .albumhinh-list-page li:hover { border:1px solid #184d3b; } .albumhinh-list-page li img { object-fit: cover; } .albumhinh-list-page .owl-controls .owl-prev, .albumhinh-list-page .owl-controls .owl-next { background: #39ae13; color: #fff; font-size: 21px; height: 40px; line-height: 40px; text-align: center; width: 20px; } .albumhinh-list-page .owl-controls .owl-prev {left: -20px;} .albumhinh-list-page .owl-controls .owl-next {right: -20px;}