@charset "UTF-8";body{font-family:'Roboto', sans-serif;font-size:14px;font-weight:400;background-color:#fff;} @media (min-width:1200px){.container{width:1300px;} } @media (min-width:768px){.flex, .flex--wrap, .flex--between, .flex--center{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;} .flex--wrap{flex-wrap:wrap;-webkit-flex-wrap:wrap;} .flex--between{justify-content:space-between;-webkit-justify-content:space-between;} .flex--center{-webkit-align-items:center;align-items:center; justify-content: center; -webkit-justify-content: center;} } @media (max-width:767px){.flex-mobile{display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;} } a{text-decoration:none !important;} a, a::before, a::after, i, button, img, input, *::before, *::after, .owl-nav > div, .top-sub-menu, .sub-menu, .mega-menu, .sin-pro-action, .team-details{-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;} .banner-wrap::before, .promo-wrap::before, .promo-bref h1, .cdown p{-webkit-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;} *:focus{outline:0px solid} a:focus{color:#303030;outline:medium none;text-decoration:none;} a:hover{text-decoration:none;} ul{list-style:outside none none;margin:0;padding:0} .ec-handle i{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear;} @-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);} } @keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);} } .social .wrap-social, .cate-menu, .sub-cate-menu1, .sub-cate-menu2, .content-bar .wrapper-search .search-advan ul, .content-bar .menu-short > ul, .wrap-menu-pro-mobile, .pro-detail__thumb .thumbnails, .pro-detail__content .pro-props__attr, .wrap-cate-pro .list-cate-pro{padding:0px;margin:0px;list-style:none;} header{background-color:#fff;} .top-header{background-color:#f5f5f5;border-bottom:1px solid #ddd;color:#fff;} @media(max-width:767px){.top-header{padding-top:40px;} } .search{position:relative;border-radius:0px;width:45%; border-radius: 30px; margin-left:5%;border:1px solid #ddd;background:#fff;height:40px;float:left;} .search .s-mobile{width:calc(100% - 70px);background:#fff; border-radius: 30px; margin:0;padding:0px 12px;line-height:38px;height:38px;padding-left:15px;color:#333;border:0 none;outline:0px;} .search .search-button{position:absolute; border-radius: 30px; background-color: #fff; top:0px;right:0px;height:38px;padding:0;width:70px;font-size:14px;color:#f00;margin:0;outline:none;border:0 none;} .search .search-button i{transform:rotate(0deg) translate(0px, 0px);transition:all 0.4s ease;color:#203040;font-size:18px;} .search .search-button i:hover{transform:rotate(360deg) translate(0px, 0px);transition:all 0.4s ease;color:#333;} @media(max-width:767px){.search{width:100%;margin-left:0px;height:40px;border:1px solid #ddd; margin-bottom: 5px;} } ul.top-social{} ul.top-social li{width:35px;height:35px;float:left;border-left:1px solid #ddd;text-align:center;} ul.top-social li:last-child{border-right:1px solid #ddd;} ul.top-social li a{text-align:center;} ul.top-social li a i{color:#e5e5e5;font-size:16px;line-height:35px;text-align:center;} /*@media(min-width:992px){*/.top{background-color:#203040;position:relative;z-index:9999; padding: 0px 0px; border-bottom: 1px solid #2f445a;} .menu-tooop{margin:0px;padding:0px;width:100%;float:left;} .mm-menu .mm-listview li{float:left;list-style:none; width: 100% !important;} .mm-menu .mm-listview li a{ border-color: #e33a25 !important; } .menu-tooop li{float:left;list-style:none;} .menu-tooop li:last-child a{/*border: none;*/} .menu-tooop li a{float:left;color:#fff; text-align: center; line-height:18px;font-weight:400;padding:10px 2px;font-size:14px;border-right:1px dotted #2f445a;} .menu-tooop li a img{ width: 40px !important; height: 40px !important; } .menu-tooop li a span{ width: 100%; float: left; } .menu-tooop li a i{display:none;} /*.menu-tooop li:first-child a{border-left:1px solid #2f445a;}*/ /*.menu-tooop li a:hover{color:#2f445a;background-color:#fff}*/ .menu-tooop li a .fa-home{font-size:18px;} .menu-tooop li{position:relative;} .menu-tooop li .sub-menu-gra2{position:absolute;left:0px;top:100%;background-color:#fff;border:1px solid #ddd;width:250px;z-index:99999;opacity:0;visibility:hidden;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);} .menu-tooop li .sub-menu-gra2 li{width:100%;float:left;border:none;} .menu-tooop li .sub-menu-gra2 li a{border:none;width:100%;float:left; text-align: left; line-height:18px;text-transform:capitalize;border-bottom:1px solid #ddd;padding:12px 15px;padding-right:5px;margin:0px;font-size:14px;color:#333;} .menu-tooop li .sub-menu-gra2 li a:hover{color:#000;} .menu-tooop li .sub-menu-gra2 li:last-child a{border-bottom:none;} .menu-tooop li:hover .sub-menu-gra2{opacity:1!important;visibility:visible !important;} .menu-tooop li .mainmenu-sub li .sub-menu-gra3{position:absolute;left:100%;top:0%;background-color:#fff;border:1px solid #ddd;width:200px;z-index:99999;opacity:0;visibility:hidden;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);} .menu-tooop li .mainmenu-sub li:hover .sub-menu-gra3{opacity:1!important;visibility:visible !important;} /*}*/ @media(max-width: 767px){ .menu-tooop li a .fa-caret-right, .menu-tooop li a img{ display: none; } .wrap-medium-header{ padding-top: 40px; } .bottom-footer{ padding-bottom: 30px !important; } } .medium-header{/*padding:15px 0px;*/background-color:#fff;} .logo{/*width:10%;*/ position:relative;z-index:999;} /*.logo:after{content:'';top:-40px;bottom:-14px;position:absolute;right:-50px;left:100%;display:block;background-color:#fff;border-right:1px solid #ddd;-webkit-transform:skew(35deg, 0);-moz-transform:skew(35deg, 0);-ms-transform:skew(35deg, 0);-o-transform:skew(35deg, 0);z-index:99;} .logo:before{content:"";position:absolute;left:0px;width:500px;height:100%;background-color:#fff;margin-left:-500px;} @media(max-width:767px){.logo{width:100%;background-color:#fff;position:relative;margin-top:0px;z-index:999; padding-top: 35px;} .logo:after, .logo:before{display:none;} }*/ .logo img{height:75px;padding-top:10px;} .authentics{width:65%;float:left;padding:0px 0px;padding-left:150px;text-align:center;} @media(min-width:992px) and (max-width:1169px){.authentics{width:50%;} } @media(max-width: 767px){ .authentics{ width: 100%; padding: 0px; } .widget-button{ display: none !important; } } .other{width:40%; font-size: 14px; color: #444;} .other a{ color: #444;} .payment{width:calc(15%-15px);margin-left:15px;position:relative;float:left;} .payment .payment-icon{width:50px;height:50px;position:relative;float:left;/*border:1px solid transparent*/ } .payment .payment-icon img{height:50px;width:50px;position:relative;padding:10px;} .payment .payment-name{height:50px;color:#fff;text-transform:capitalize;font-size:12px;font-weight:500;float:left;text-align:left;padding-left:10px;padding-top:3px;padding-bottom:5px;} .payment .payment-name a{color:#333;line-height:50px;font-size:14px;} .payment .payment-name a:hover{color:#26323e;} .payment .payment-name-ic{position:absolute;right:0px;top:0px;width:22px;height:22px;background-color:#203040;text-align:center;line-height:22px;border-radius:100%;} .payment .payment-name-ic a{font-size:13px;color:#fff !important;} .hl .payment-icon{/*border:1px solid #e33a25;*/border-top-left-radius:3px;border-bottom-left-radius:3px; background-color: #333} .hl .payment-name{font-size:14px !important;background-color:#e33a25;padding:0px 15px;padding-top:7px;font-weight:400;border-top-right-radius:3px;border-bottom-right-radius:3px;} .hl .payment-name a{margin-top:-10px;line-height:10px;color:#fff;font-weight:700;font-size:16px;} .hl .payment-name a:hover{color:#e5e5e5;} .slider-categories{position:relative;} .wrap-slider{overflow:hidden;position:relative;} /*.wrap-slider:after{ content: ""; width: 100px; height: 50px; position: absolute; left: 50%; margin-left: -100px; bottom: 0px; z-index: 99999; border-top: 50px solid transparent; border-bottom: 50px solid #e5e5e5; border-left: 100px solid transparent; border-right: 100px solid transparent; } @media(max-width: 767px){ .wrap-slider:after{ width: 100px; height: 50px; position: absolute; left: 50%; margin-left: -50px; bottom: 0px; z-index: 99999; border-top: 25px solid transparent; border-bottom: 25px solid #e5e5e5; border-left: 50px solid transparent; border-right: 50px solid transparent; } }*/ .wrap-slider .item a img{width:100%;} @media(max-width:480px){.wrap-slider .item a img{width:100%;height:150px;} } @media(min-width:480px) and (max-width:767px){.wrap-slider .item a img{width:100%;height:200px;} } .wrap-slider .owl-carousel .owl-dots{position:absolute;bottom:30px;right:40px;width:25px;padding-top:5px;z-index:9999;text-align:center;background-color:rgba(0,0,0,0.6);border-radius:15px;} .wrap-slider .owl-carousel .owl-dots .owl-dot{width:100%;float:left;margin-bottom:5px;} .wrap-slider .owl-carousel .owl-dots .owl-dot span{width:15px;height:15px;background-color:#333;margin-right:5px;border-radius:100%;float:right;border:2px solid #fff;} .wrap-slider .owl-carousel .owl-dots .active span{width:15px;height:15px;background-color:#fff;margin-right:5px;border-radius:100%;float:right;border:2px solid #fff;} @media(min-width:992px){header{border-bottom-color:white;}} .payment .icon-cart{margin-top:0px;width:30px;height:30px;background:url(../images/icon-bag.png);background-size:cover;display:inline-block;} .payment p{height:33px;color:#333;margin-bottom:0px;justify-content:flex-end;-webkit-justify-content:flex-end;align-items:center;-webkit-align-items:center;font-size:13px;} .authentics img{display:block;height:auto !important;text-align:center;max-width:100%;} @media (min-width:768px) and (max-width:991px){.payment p{margin-right:0px;font-size:12px;padding-right:10px;margin-top:4px;} .payment .icon-cart{width:25px;height:25px;} } .payment span:not(.icon-cart){margin-left:5px;color:#666;} .hotline-payment .hotline p{text-transform:uppercase;margin-bottom:5px;padding-left:15px;font-size:13px;font-weight:400;} .hotline-payment .hotline p span{margin-left:5px;font-weight:400;font-size:15px;color:#e33a25;} .hotline-payment .payment p{margin-bottom:0px;} .hotline-payment .payment p span{font-size:12px;color:#1d1d1c;} .hotline-payment .payment p .btn-payment{display:inline-block;margin-left:10px;padding:6px;font-size:12px;color:#fff;background:#3f3e44;} .hotline-payment .payment p .icon-cart{display:inline-block;width:45px;height:35px;vertical-align:middle;background:url(../icon/cart.png);background-size:contain !important;background-repeat:no-repeat !important;} .hot-news{} .hot-news .hot-news-tit{position:relative;background-color:#e33a25;float:right;padding:0px 15px;padding-left:30px;line-height:50px;font-weight:600;color:#fff;border-bottom-right-radius:3px;border-top-right-radius:3px;} .hot-news .hot-news-tit:before{content:"";display:block;position:absolute;left:0;top:0;width:0;height:0;border-top:25px solid transparent;border-left:20px solid transparent;border-bottom:25px solid transparent;border-left:20px solid #f5f5f5;} .title-service{/*line-height:50px;*/position:relative;margin-bottom:15px; width:100%;margin-top:0px;text-align:center;} .list-name b, .list-name a{font-size:22px;font-weight:500;text-transform:capitalize;color:#203040;} .list-name b:hover, .list-name a:hover{text-decoration:none;} .list-name b:before, .list-name a:before{content:"";position:absolute;bottom:0px;left:50%;margin-left:-25px;background-color:#203040;width:50px;height:1px;} /*.list-name b:after, .list-name a:after{content:"";position:absolute;bottom:5px;left:50%;margin-left:-50px;background-color:#000;width:100px;height:1px;}*/ .best-self .list-name b, .best-self .list-name a{color:#444;} .list-service ul{padding-right:0px;margin-bottom:0px;} .list-service ul li{display:inline-block;line-height:normal;margin-left:10px;} .list-service ul li:before{content:'+';margin-right:5px;color:#fff;} .list-service ul li:last-child:before{content:'';} /*.list-service ul li:last-child:after{font-family:FontAwesome;content:"\f101";margin-left:5px;vertical-align:baseline;font-size:14px;color:#fff;;}*/ .list-service ul li a{color:#444;font-weight:400;} .list-service ul li a:hover{color:#333;text-decoration:none;} .list-name h1, .list-name h2{font-size:16px;margin:0px;display:inline-block;font-weight:400;} .bottom-service{position:relative;border:1px solid #ddd;border-top:none;padding:15px 10px} .bottom-list-service ul{margin:0px;padding:0px;} .bottom-list-service ul li{display:inline-block;line-height:normal;margin-left:10px;color:#000;font-weight:400;} .bottom-list-service ul li i{padding-right:5px;color:#333;font-size:18px;} .bottom-list-service ul li:nth-child(1){border-right:1px solid #000;padding-right:15px;} .bottom-list-service ul li a{font-size:14px;color:#666;} .bottom-list-service ul li a:hover{color:#e33a25;text-decoration:none;} @media (max-width:767px){.list-service ul{padding-left:0px;} .list-name a:after{content:initial;} .menu-prduct-home{display:none;} .main-slider{padding-top:30px !important;} } @media(min-width:768px) and (max-width:992px){.menu-prduct-home{display:none;} .slider{width:100%;} } @media (min-width:768px){.list-service{text-align:right;float:right;} .list-service ul{text-align:right;} .list-service ul li{margin-left:10px;} .list-name{width:100%;font-size:22px;float:left;text-align:center;position:relative; margin-bottom: 15px; margin-top: 15px;} .title-service{overflow:hidden;} .wrap-sl-ct{position:relative;} .menu-prduct-home .cate-menu{} .menu-prduct-home .cate-menu> li > a, .menu-prduct .cate-menu> li > a{color:#fff;font-weight:500;font-size:14px;float:left;width:100%;padding:8px 0px;padding-left:10px;position:relative;} .menu-prduct-home .cate-menu> li > a > span, .menu-prduct .cate-menu> li > a > span{color:#fff;float:left;text-transform:capitalize;width:80%;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;position:relative;} .menu-prduct-home .cate-menu> li > a > span:after{position:absolute;content:"\f105";font-family:fontAwesome;font-size:18px;color:#fff;right:0px;} .menu-prduct .cate-menu> li > a img, .menu-prduct-home .cate-menu> li > a img{width:30px;height:30px;padding:3px;float:left;margin-right:3%;} .menu-prduct-home .cate-menu> li > a>.fa-angle-right, .menu-prduct .cate-menu> li > a>.fa-angle-right{margin-right:10px;width:15px;height:15px;border-radius:100%;;text-align:center;background-color:#333;color:#fff;} .menu-prduct-home .cate-menu> li > a>.fa-caret-right, .menu-prduct .cate-menu> li > a>.fa-caret-right{position:absolute;top:17px;right:10px;} .menu-prduct .cate-menu> li > a:hover, .menu-prduct-home .cate-menu > li > a:hover{background-color:#e5e5e5 !important;color:#fff;} .menu-prduct-home .cate-menu> li > a:hover, .menu-prduct .cate-menu> li > a:hover{background:#fff;} .menu-prduct-home .cate-menu> li > a:hover > span{color:#fff;} .menu-prduct-home .cate-menu> li > a .ico, .menu-prduct .cate-menu> li > a .ico{width:30px;height:30px;background-position:center center;background-repeat:no-repeat;position:absolute;top:0;left:5px;bottom:0;margin:auto;font-size:0;} .mainmenu-sub{padding:0px;margin:0px;list-style:none;} .menu-prduct .cate-menu> li .mainmenu-sub{min-width:228px;position:absolute;top:-2px;left:100%;background:#ccc;margin-left:0;z-index:8888;box-shadow:-2px 0 8px 0 rgba(0, 0, 0, 0.06);padding:0px 15px;} .menu-prduct .cate-menu> li .mainmenu-sub li{position:relative;} .menu-prduct-home .cate-menu> li .sub-menu-gra2{padding:15px;width:75%;position:absolute;top:0px;bottom:0px;left:25%;background-color:#fff;margin-left:0;box-shadow:-2px 0 8px 0 rgba(0, 0, 0, 0.06);z-index:5556;height:100%;overflow:hidden;transition:all 0s ease 0s;-webkit-transition:all 0s ease 0s;transform:scale(0, 1);-webkit-transform:scale(0, 1);transform-origin:0 0;-webkit-transform-origin:0 0;border-top:1px solid #ddd;} .menu-prduct-home .cate-menu> li:hover .sub-menu-gra2{transform:scale(1, 1);-webkit-transform:scale(1, 1);} .menu-prduct .cate-menu> li:hover .sub-menu-gra2, .menu-prduct .sub-menu-gra2> li:hover .sub-menu-gra3{display:block;} .menu-prduct-home .sub-menu-gra3 li a i, .menu-prduct .sub-menu-gra3 li a i{margin-right:5px;} .menu-prduct-home .sub-menu-gra2>li>a i, .menu-prduct .sub-menu-gra2>li>a i{position:absolute;right:15px !important;top:10px;} .top-pro-new .sub-menu-gra2, .top-pro-new .sub-menu-gra3{display:none;} .top-pro-new .cate-menu>li.activeleft .sub-menu-gra2, .top-pro-new .sub-menu-gra2>li.activeleft .sub-menu-gra3{display:block;background-color:#fff;} .top-pro-new .mainmenu-sub.sub-menu-gra2>li>a>.fa-caret-right{display:inline-block;text-align:center;height:37px;width:37px;line-height:37px;color:#333;padding-top:0px;position:absolute;top:0px;right:0px;border-bottom:1px solid #ddd;-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);} .menu-prduct .cate-menu .mainmenu-sub{display:none;} .menu-prduct-home .cate-menu .mainmenu-sub > li a, .menu-prduct .cate-menu .mainmenu-sub > li a{display:block;color:#333;text-transform:capitalize;padding:8px 0px;padding-right:30px;font-size:14px;margin-right:0;white-space:nowrap;letter-spacing:.1px;} .menu-prduct-home .cate-menu .mainmenu-sub > li>a:hover, .menu-prduct .cate-menu .mainmenu-sub > li>a:hover{color:#333;} } .menu-prduct-home .cate-menu .sub-menu-gra3 > li{} .menu-prduct-home .cate-menu .sub-menu-gra3 > li a{position:relative;padding-left:10px;} .menu-prduct-home .cate-menu .sub-menu-gra3 > li a:before{position:absolute;left:0px;top:7px;width:3px;height:3px;background-color:#333;content:"";margin-right:5px;} .menu-prduct-home .cate-menu .sub-menu-gra3 > li a, .menu-prduct .cate-menu .sub-menu-gra3 > li a{padding-top:0;padding-bottom:0px;} .menu-prduct-home .cate-menu .sub-menu-gra2 > li>a{text-transform:capitalize;font-weight:700;color:#000;} .menu-prduct-home .cate-menu .sub-menu-gra2 > li>a>i{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);} .sale{position:absolute;top:10px;right:10px;display:inline-block;background:#e33a25;color:white;height:2.5rem;width:2.5rem;text-align:center;vertical-align:middle;line-height:2.5rem;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);font-size:13px;-webkit-animation:beat 1s ease infinite alternate;animation:beat 1s ease infinite alternate;} .sale:before, .sale:after{content:"";position:absolute;background:inherit;height:inherit;width:inherit;top:0;left:0;z-index:-1;-webkit-transform:rotate(30deg);transform:rotate(30deg);} .sale:after{-webkit-transform:rotate(60deg);transform:rotate(60deg);} @-webkit-keyframes beat{from{-webkit-transform:rotate(-20deg) scale(1);transform:rotate(-20deg) scale(1);} to{-webkit-transform:rotate(-20deg) scale(1.1);transform:rotate(-20deg) scale(1.1);} } @keyframes beat{from{-webkit-transform:rotate(-20deg) scale(1);transform:rotate(-20deg) scale(1);} to{-webkit-transform:rotate(-20deg) scale(1.1);transform:rotate(-20deg) scale(1.1);} } @media (min-width:768px) and (max-width:991px){.wrap-medium-header{justify-content:space-between;-webkit-justify-content:space-between;} } @-moz-keyframes bounce{0%, 20%, 50%, 80%, 100%{-moz-transform:translateY(0);transform:translateY(0);} 40%{-moz-transform:translateY(-10px);transform:translateY(-10px);} 60%{-moz-transform:translateY(-3px);transform:translateY(-3px);} } @-webkit-keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0);transform:translateY(0);} 40%{-webkit-transform:translateY(-10px);transform:translateY(-10px);} 60%{-webkit-transform:translateY(-3px);transform:translateY(-3px);} } @keyframes bounce{0%, 20%, 50%, 80%, 100%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);} 40%{-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px);} 60%{-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-webkit-transform:translateY(-3px);transform:translateY(-3px);} } .bounce{-moz-animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;} .tip-new{margin-top:1px;margin-left:8px;position:absolute;background:#e33a25;color:#fff;display:inline-block;padding:3px 5px;border-radius:3px;border-radius:3px;} .tip-new:before{top:8px;left:-8px;position:absolute;content:"";width:0px;height:0px;border-top:7px solid transparent;border-right:9px solid #e33a25;border-bottom:7px solid transparent;} .detail-pro__price{font-size:16px;font-weight:700;color:#e33a25;} .detail-pro__price span{color:#e33a25;} .detail-pro__price small{margin-left:5px;text-decoration:line-through;font-size:14px;color:#888;font-weight:400;} .dm-mn{position:absolute;left:0px;margin-top:-407.5px;width:100%;} .menu-prduct-home{z-index:9999;min-height:400px;} @media (max-width:992px){.main-slider{padding-top:57px;} .content-bar .wrapper-search{width:100% !important;} .main-slider .owl-carousel .owl-item img{min-height:150px;} .button-res{background-color:#e33a25;position:fixed;z-index:9999;width:100%;} .hamburger{padding:5px;} .hamburger-inner::before, .hamburger-inner::after, .hamburger-inner{background:#fff;} .button-res .fa-home{font-size:26px;color:#fff;float:right;padding-right:15px;line-height:40px;} .mm-menu.mm-offcanvas.mm-current{background:#e33a25;color:#fff;} .menu-prduct{margin:0px -20px;} .cate-menu.mm-listview li a{text-transform:uppercase;} .cate-menu.mm-listview li a img{width:30px;height:30px;padding:5px;margin-right:5px;} .cate-menu.mm-listview li i{float:left;padding:5px;line-height:20px;padding-right:-10px;} .mm-panels .menu-prduct b{text-transform:uppercase;font-size:14px;padding:0 20px;padding-bottom:10px;margin:0px;border-bottom:1px solid;} .mm-panels>.mm-panel>.mm-listview{margin:0 -20px;} .payment .icon-cart{background:url(../images/icon-bag-mb.png);background-size:cover;} .cate-menu.mm-listview li a i{display:none;} .mm-menu .mm-navbar a, .mm-menu .mm-navbar > *{color:#fff;} .mm-menu .mm-search input{background:rgba(0, 0, 0, 0.3);} .mm-search input{height:30px;min-height:32px;max-height:40px;} .main-menu li a{text-transform:uppercase;} .menu-prduct b{display:none;} .main-menu{margin:0 -20px;} } @media (min-width:768px){.fixed-nav{position:fixed;left:0px;right:0px;z-index:9999;top:0px;box-shadow:0 0 15px 0 #ccc;-webkit-box-shadow:0 0 15px 0 #ccc;} .fixed-nav .title-cate h2:after{content:"";height:20px;width:100%;position:absolute;left:0;bottom:-10px;} @media(max-width:1024px){.fixed-nav .menu-prduct .cate-menu{width:27%;} } .fixed-nav .menu-prduct .cate-menu{display:block !important;position:absolute;width:317px;z-index:8888;max-height:inherit;overflow-y:inherit;transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transform:scale(1, 0);-webkit-transform:scale(1, 0);transform-origin:0 0;-webkit-transform-origin:0 0;opacity:0;background:rgba(65,59,73,1);} .fixed-nav .menu-prduct .cate-menu>li:last-child a{border-bottom:0px;} .fixed-nav .menu-prduct:hover .cate-menu{transform:scale(1, 1);-webkit-transform:scale(1, 1);transform-origin:0 0;-webkit-transform-origin:0 0;opacity:1;} } @media (min-width:768px) and (max-width:991px){.category{width:25%;} .main-slider .owl-carousel .owl-item img{height:315px;} } @media (min-width:992px) and (max-width:1199px){.main-slider .item img{height:339px;} } .news-main{/*margin-top:20px;*/} .group-news-main{padding:5px;border:1px solid #ddd;} .sub-news-main{padding:12px 0px;border-bottom:1px solid #ddd;} .sub-news-main:first-child{padding-top:0px;} .sub-news-main:last-child{padding-bottom:0px;} .sub-news-main:last-child{border-bottom:0px;} .news-main-img img{display:block;width:100%;} .news-sb-title{margin:0px;font-size:14px;} .news-sb-title a{color:#000;} .news-sb-title a:hover{color:#66c00e;} @media (max-width:767px){.tintuc{margin-top:20px;} .news-main-img{margin-right:10px;} } @media (max-width:767px) and (min-width:480px){} @media (min-width:768px){.menu-nav{background:#fff;height:50px;} .menu-prduct{width:25%;float:left;background-color:#e33a25;border-top-right-radius:3px;border-top-left-radius:3px;} } @media (max-width:991px){.menu-prduct{width:100%;} } .menu-prduct b{position:relative;margin:0px;padding:0px 0px 0px 15px;line-height:50px;font-size:16px;text-transform:uppercase;font-weight:500;color:#fff;cursor:pointer;} .menu-prduct b i.fa-bars{font-size:18px;padding-right:15px;} .menu-prduct b i.fa-angle-down{position:absolute;right:15px;top:12px;font-size:22px;width:20px;height:20px;line-height:20px;text-align:center;border-radius:100%;color:#fff;} .menu-prduct .cate-menu{display:none;} @media(max-width:992px){.menu-prduct .cate-menu{display:block;} } .menu-prduct .danhmuc-trai{display:block !important;} .main-menu{padding:0px;margin:0px;list-style:none;;} /*.main-menu>li{flex-grow:1;-webkit-flex-grow:1;float:left;}*/ .menu-fixed-side .main-menu>li a img{display: none;} .main-menu li a{display:inline-block;padding:6px 0px 6px 30px;padding-top:7px;color:#333;font-weight:400;} .main-menu li a:hover{color:#fff;} @media (max-width:991px){.main-menu{width:85%;} .main-menu li a{padding:10px 15px;} .menu-nav .main-menu>li{width:50% !important;} } .main-menu>li>a{} .main-menu li a:hover{color:rgb(9,165,214);} .main-menu li a i{margin-right:10px;font-size:16px;} .menu-prduct-home li a{} @media(min-width:1170px){.menu-prduct-home{width:calc(25%);background-color:rgba(65,59,73,0.7);} .slider{position:relative; border-bottom: 1px solid #fff;} } @media (min-width:992px) and (max-width:1169px){.menu-prduct-home{width:calc(25%);background-color:rgba(65,59,73,0.7);} .slider{width:100%;position:relative;} } @media (min-width:768px) and (max-width:991px){.menu-prduct-home{width:35%;} .slider{width:100%;} .fixed-nav .menu-prduct .cate-menu{width:23.5% !important;} .tintuc{margin-top:20px;width:100% !important;} .group-news-main{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;padding:0px;border:0px;} .group-news-main .sub-news-main{width:33.33%;width:calc(33.33% - 10px);margin-right:15px;border-bottom:0px;} .group-news-main .sub-news-main:nth-child(3n +3){margin-right:0px;} .group-news-main .sub-news-main{padding:0px;display:initial;} .group-news-main .sub-news-main .news-main-img{width:100%;} .group-news-main .sub-news-main .news-main-img img{height:inherit;} .group-news-main .sub-news-main .news-main-cap{width:100%;padding-left:0px;} } .wrap-customer{margin-top:20px;} .wrap-customer .group-customer .customer-item{border:4px solid #3f3e44;} .wrap-customer .group-customer .customer-item img{display:block;max-width:100%;margin:0 auto;} @media (max-width:767px){.group-customer{flex-wrap:wrap;-webkit-flex-wrap:wrap;} .group-customer .customer-item{width:50%;width:calc(50% - 10px);margin-right:20px;margin-bottom:15px;} .group-customer .customer-item:nth-child(2n + 2){margin-right:0px;} } .viewall{margin-bottom:25px;} .viewall .btn-loadmore{background:#3f3e44;color:#fff;border-color:transparent;box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);transition:box-shadow 300ms 0s ease;} .viewall >:hover{box-shadow:0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);} @media (min-width:768px){.wrap-customer .group-customer .customer-item{width:20%;width:calc(20% - 10px);margin-right:12.5px;margin-bottom:20px;margin-right:12.5px;} .wrap-customer .group-customer .customer-item:nth-child(5n + 5){margin-right:0px;} } .wrap-best-self{margin-top:20px;} .wrap-best-self .owl-nav > div{width:35px;height:35px;position:absolute;top:-41px;right:0;text-align:center;line-height:35px;border:1px solid #3f3e44;} .wrap-best-self .owl-nav > div i{font-size:30px;color:#3f3e44;} .wrap-best-self .owl-prev{right:40px !important;} .title-mpro{margin:0px;margin-bottom:25px;font-size:18px;text-transform:uppercase;font-weight:400;border-bottom:1px solid #3f3e44;} .title-mpro .pro-icon{display:inline-block;width:50px;height:50px;margin-right:15px;vertical-align:middle;background-color:#3f3e44;background-image:url(../icon/pro-ic-1.png);background-repeat:no-repeat;background-size:70%;background-position:center center;} .pro-main-item:hover{-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);} .pro-main-item{position:relative;background:#fff;border:1px solid #ddd;padding:15px 0px; padding-bottom:0px;} .item .item__img a{display:block;overflow:hidden;position:relative;text-align:center;} .pro-main-item .pm-item__img{position:relative; border-bottom: 1px solid #ddd; padding-bottom: 10px;} .pro-main-item .pm-item__img img{padding:1px;display:block;max-width:100%;width:inherit;margin:0 auto;transition:all 0.9s ease 0s;-webkit-transition:all 0.9s ease 0s;-moz-transition:all 0.9s ease 0s;-ms-transition:all 0.9s ease 0s;-o-transition:all 0.9s ease 0s;} .item .item__img img:hover{transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);} .pro-main-item .pm-item__cap{padding:5px 10px;text-align:center; background-color: #f5f5f5;} .pro-main-item .pm-item__cap .item-cap__title{margin:0px;padding-top:5px;font-size:15px;text-align:center;font-weight:400;/*height:40px;*/overflow:hidden;} .pro-main-item .pm-item__cap .item-cap__title a{color:#333;} .pro-main-item .pm-item__cap .item-cap__title a:hover{color:#000} .pro-main-item .pm-item__cap .item-cap__desc{margin-bottom:0px;margin-top:25px;} .pro-main-item .pm-item__cap .item-cap__desc a{display:inline-block;background:#ddd;color:#222;padding:5px 10px;margin:0 auto;font-weight:400;border-radius:5px;} .pro-main-item .pm-item__cap .item-cap__desc a span{margin-right:5px;} .wrap-menu-pro-mobile{margin-bottom:20px;padding:0px;border:1px solid #ddd;} .wrap-menu-pro-mobile li a{display:block;padding:10px 15px;color:#3f3e44;text-transform:uppercase;border-bottom:1px dashed #ddd;} .wrap-menu-pro-mobile li i{float:left;padding:10px 15px;} .wrap-menu-pro-mobile li a img{display:none;} .wrap-menu-pro-mobile li:last-child a{border-bottom:0px;} @media (max-width:767px){.wrap-menu-pro-mobile li{width:100% !important;} .wrap-menu-pro-mobile li a{position:relative;padding:10px 15px;padding-right:0px;} .wrap-menu-pro-mobile li a .fa-angle-double-right{display:none;} .wrap-menu-pro-mobile>li>a>i, .wrap-menu-pro-mobile .sub-menu-gra2>li>a>i:last-child{position:absolute;top:0px;right:0;width:40px;height:41px;line-height:41px;border-bottom:1px solid #ddd;text-align:center;-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);} .wrap-menu-pro-mobile .sub-menu-gra3, .wrap-menu-pro-mobile .sub-menu-gra2{display:none;} .pro-main-item .pm-item__cap{background-color: #fff;} .pro-main-item .pm-item__cap .item-cap__title{ height: 40px; } } @media (max-width:767px) and (min-width:480px){.wrap-menu-pro-mobile{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;} .wrap-menu-pro-mobile li{width:50%;} .pro-ly{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;} .pro-ly .pro-main-item{width:50%;width:calc(50% - 0px); margin-right: -1px;} .pro-ly .pro-main-item:nth-child(2n+2){margin-right:0px;} } @media(max-width:480px){.pro-ly{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;} .pro-ly .pro-main-item{width:50%;width:calc(50% - 0px); margin-right: -1px; margin-bottom: -1px;} .pro-ly .pro-main-item:nth-child(2n+2){margin-right:0px;} .pro-main-item .pm-item__img{ border:none; margin: 0px; } .detail-pro__price{ font-size: 12px; } .pro-main-item .pm-item__img img{height:100px !important;} } @media (min-width:768px){.pro-ly .pro-main-item{width:20%;width:calc(20% - 12px);margin-right:15px;} .fixed-nav .sub-cate-menu1{height:inherit !important;} .fixed-nav .sub-menu-gra3{max-height:inherit;overflow-y:inherit;} .pro-ly .pro-main-item:nth-child(5n+5){margin-right:0px;} } @media (min-width:992px){.pro-ly .pro-main-item{width:20%;width:calc(20% - 12px);box-shadow:0 0 0px 0 #999;-webkit-box-shadow:0 0 0px 0 #999;margin-right:15px;margin-bottom:15px;border:1px solid #ddd;} .pro-ly .pro-main-item:hover{box-shadow:0 0 15px 0 #ddd;-webkit-box-shadow:0 0 15px 0 #ddd;z-index:999;} /*.pro-ly .pro-main-item:nth-child(3n+3){}*/ .pro-ly .pro-main-item:nth-child(5n+5){margin-right:0px;} } .title-video{padding-bottom:5px;margin-bottom:10px;background:url(../icon/title-line.png);background-repeat:no-repeat;background-position:center bottom;} .title-video h2{text-align:center;font-size:18px;text-transform:uppercase;font-weight:400;} .list-video{} .video{position:relative;z-index:1;margin:0 0;padding:20px 0 0px;padding-top:12px;background:#fff;} .YouTubePopUp-Wrap{position:fixed;width:100%;height:100%;background-color:#000;background-color:rgba(0, 0, 0, 0.8);top:0;left:0;z-index:9999999999999;} .YouTubePopUp-animation{opacity:0;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:YouTubePopUp;animation-name:YouTubePopUp;} @-webkit-keyframes YouTubePopUp{0%{opacity:0;} 100%{opacity:1;} } @keyframes YouTubePopUp{0%{opacity:0;} 100%{opacity:1;} } .logged-in .YouTubePopUp-Wrap{top:32px;z-index:99998;} .YouTubePopUp-Content{max-width:680px;display:block;margin:0 auto;height:100%;position:relative;} .YouTubePopUp-Content iframe{max-width:100% !important;width:100% !important;display:block !important;height:480px !important;border:none !important;position:absolute;top:0;bottom:0;margin:auto 0;} .YouTubePopUp-Hide{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:YouTubePopUpHide;animation-name:YouTubePopUpHide;} @-webkit-keyframes YouTubePopUpHide{0%{opacity:1;} 100%{opacity:0;} } @keyframes YouTubePopUpHide{0%{opacity:1;} 100%{opacity:0;} } .YouTubePopUp-Close{position:absolute;top:0;cursor:pointer;bottom:528px;right:0px;margin:auto 0;width:15px;height:15px;background:url(../images/close.png) no-repeat;background-size:15px 15px;-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;} .YouTubePopUp-Close:hover{opacity:0.5;} @media all and (max-width:768px) and (min-width:10px){.YouTubePopUp-Content{max-width:90%;} } @media all and (max-width:600px) and (min-width:10px){.YouTubePopUp-Content iframe{height:320px !important;} .YouTubePopUp-Close{bottom:362px;} } @media all and (max-width:480px) and (min-width:10px){.YouTubePopUp-Content iframe{height:220px !important;} .YouTubePopUp-Close{bottom:262px;} } .youtube-player{position:relative;padding-bottom:55%;height:0;overflow:hidden;max-width:100%;background:#000;} .youtube-player img{bottom:0;display:block;left:0;margin:auto;max-width:101%;width:101%;position:absolute;right:0;top:0;border:none;height:auto;cursor:pointer;-webkit-transition:.4s all;-moz-transition:.4s all;transition:.4s all;} .youtube-player .play{height:30px;width:30px;left:45%;top:40%;position:absolute;background:url(../images/play.png) no-repeat;background-size:100% 100%;cursor:pointer;} .cap-video-list h4{margin:10px 0px 0px;font-size:15px;color:#000;} .best-self .owl-nav{display:inline-block !important;} .best-self .owl-nav div{position:absolute;right:0;display:inline-block !important;width:50px;top:50%;top:calc(50% - 25px);} .best-self .owl-carousel .owl-nav .owl-prev{left:15px;background:inherit;} .best-self .owl-carousel .owl-nav .owl-next{right:15px;} .best-self .owl-carousel .owl-nav .owl-prev, .best-self .owl-carousel .owl-nav .owl-next, .best-self .owl-carousel .owl-dot{font-family:'fontAwesome';display:inline-block;text-align:center;} .best-self .owl-carousel .owl-nav .owl-prev:before, .best-self .owl-carousel .owl-nav .owl-next:after{font-size:32px;line-height:50px;border-radius:100%;} .best-self .owl-carousel .owl-nav .owl-prev:before{content:"\f104"} .best-self .owl-carousel .owl-nav .owl-next:after{content:"\f105"} .best-self .owl-carousel .owl-nav .owl-prev, .best-self .owl-carousel .owl-nav .owl-next{color:#000;background-color:#fff;border-radius:100%;box-shadow:0 0 15px 0 #ccc;-webkit-box-shadow:0 0 15px 0 #ccc;} .best-self .owl-carousel .owl-nav .owl-prev i, .best-self .owl-carousel .owl-nav .owl-next i{display:none;} @media (min-width:992px) and (max-width:1199px){.content-video .owl-carousel .owl-nav .owl-prev{left:-22px;} .content-video .owl-carousel .owl-nav .owl-next{right:-8px;} } .slider-review{padding-top:15px;} .slider-review .owl-buttons{position:absolute;top:0;right:20px;} .slider-review .owl-nav{display:block !important;} .slider-review .owl-nav > div{display:inline-block;width:32px;height:32px;line-height:30px;font-size:18px;text-align:center;color:#02a9eb;border:2px solid #02a9eb;margin-left:15px;} .slider-review .owl-nav > div:hover{border-color:#333;color:#333;} .slider-review .owl-nav{position:absolute;top:-30px;left:0px;} .slider-review .owl-carousel{position:relative;} .tt-center{margin-top:30px;margin-bottom:15px;} .tt-center h2{font-size:20px;font-weight:700;margin:0px !important;padding:0px !important;margin-top:5px;height:40px;position:relative;text-transform:uppercase;} .tt-center h2>a{color:#fff;background-color:#333;text-transform:uppercase;height:40px;line-height:40px;float:left;padding:0px 15px;} .tt-center h2 i{margin-right:10px;font-size:30px;color:#02a9eb;} .tt-center hr{padding-top:5px;margin:0 auto;border-top-width:1px;border-top-color:#ccc} .title-dt h2, .title-dt span{padding-bottom:5px;margin:0;font-size:20px;text-transform:uppercase;font-weight:700;margin-bottom:15px;} .title-dt hr{} @media (max-width:767px){.content-video .owl-carousel .owl-nav .owl-prev{left:-25px;} .content-video .owl-carousel .owl-nav .owl-next{right:-8px;} } .wrap-doitac{padding:15px 0px;} .wrap-doitac .owl-carousel{padding-top:15px;} @media (max-width:767px){.tt-center h2{font-size:17px;} .slider-review .owl-nav > div{margin-left:8px;} } .top-footer{background-color:#e5e5e5;padding:30px 0px;color:#333; padding-bottom: 15px;} .top-footer a{ color: #fff; } .top-footer-wrap{z-index:999;} .title-footer{margin-bottom:15px;position:relative;} /*.title-footer:before{content:"";position:absolute;left:0px;width:50px;height:1px;background-color:#333;bottom:0px;}*/ .title-footer span, .title-footer h2, .title-footer h3{margin:0px;font-size:16px;padding-bottom:10px;line-height:20px;padding-top:15px;font-weight:700;color:#203040;position:relative;text-transform:capitalize;margin:0px;} .title-footer span, .title-footer h2, .title-footer h3{color:#203040;font-size:16px;} .top-footer-wrap ul li{position:relative;} .top-footer-wrap ul li:before{content:"";color:#203040;font-size:12px;width:3px;height:3px;background-color:#203040;position:absolute;left:0px;top:10px;} .top-footer-wrap ul li a{display:inline-block;padding:2px 5px;text-transform:capitalize;font-size:14px;color:#333;font-weight:400;padding-left:10px;} .top-footer-wrap ul li a:hover{color:#e33a25;} ul.wrap-social{margin-top:15px !important; margin-bottom: 15px !important;} ul.wrap-social li{width:30px;height:30px;float:left;border:1px solid #203040;text-align:center;margin-right:5px; border-radius: 100%;} ul.wrap-social li:before{display:none;} ul.wrap-social li a{text-align:center;padding:0px;} ul.wrap-social li a i{color:#333;font-size:18px;line-height:30px;text-align:center;} .bottom-footer{padding:0px 0px;font-size:12px;background-color:#203040;color:#fff; padding-top: 10px;} .bottom-footer a{color:#fff;} .map-footer{} .map-footer .col-sm-4, .map-footer .col-sm-12, .map-footer .col-sm-8{padding:0px;margin:0px;} .map-footer .hinh-map a img{max-width:100%;padding:1px 0px;} @media(max-width: 767px){ .map-footer{ padding-bottom: 50px; } } @media (min-width:768px){.pro-main-item .pm-item__img img{height:160px;} .pro-main-item .pm-item__cap .item-cap__title a{display:inline-block;/*min-height:34px;*/} .news-p-content .ln-item__img img{height:166px;} } @media (min-width:768px) and (max-width:991px){.fixed-nav .cate-menu{width:32%;} .news-sb-title a{display:inline-block;margin-top:5px;} .group-news-main .sub-news-main .news-main-img img{height:130px;} } .pro-main-item .pm-item__img img{height:160px;} @media (min-width:992px){.right-sidebar .news-main-img img{height:52px;} .pro-main-item .pm-item__img img{height:200px;} } .coccoc-alo-phone{position:fixed;visibility:hidden;background-color:transparent;width:150px;height:150px;cursor:pointer;z-index:8888 !important;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-moz-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s;right:0px;bottom:100px;} .coccoc-alo-phone.coccoc-alo-show{visibility:visible;} @media(max-width: 767px){ .coccoc-alo-phone.coccoc-alo-show{ display: none; } } @-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @-webkit-keyframes fadeOutRight{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} } .fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;} .coccoc-alo-phone.coccoc-alo-static{opacity:.6;} .coccoc-alo-phone.coccoc-alo-hover, .coccoc-alo-phone:hover{opacity:1;} .coccoc-alo-ph-circle{width:160px;height:160px;top:20px;left:20px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30, 30, 30, 0.4);border:2px solid #bfebfc 9;opacity:.1;-webkit-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-moz-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-ms-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-o-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;} .coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle{-webkit-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;} .coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle{-webkit-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;} .coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone:hover .coccoc-alo-ph-circle{border-color:#00aff2;opacity:.5;} .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle{border-color:#75eb50;border-color:#baf5a7 9;opacity:0.5;} .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle{border-color:#F20000;border-color:#bfebfc 9;opacity:.5;} .coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle{border-color:#ccc;opacity:0.5;} .coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle{border-color:#75eb50;opacity:.5;} .coccoc-alo-ph-circle-fill{width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:#000;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;} .coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle-fill{-webkit-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;} .coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle-fill{-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;opacity:0 !important;} .coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill, .coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill{background-color:rgba(0, 175, 242, 0.5);background-color:#00aff2 9;opacity:0.75 !important;} .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill{background-color:rgba(117, 235, 80, 0.5);background-color:#baf5a7 9;opacity:0.75 !important;} .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill{background-color:rgba(242, 223, 0, 0.85);background-color:#a6e3fa 9;opacity:0.75 !important;} .coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle-fill, .coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle-fill{background-color:rgba(204, 204, 204, 0.5);background-color:#ccc 9;opacity:0.75 !important;} .coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle-fill{background-color:rgba(117, 235, 80, 0.5);opacity:.75 !important;} .coccoc-alo-ph-img-circle{width:50px;height:50px;top:75px;left:75px;position:absolute;z-index:88;background:rgba(30, 30, 30, 0.1) url('../images/email-icon.png'); background-repeat: no-repeat; border-radius: 100%;} .coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;} .coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;} .coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone:hover .coccoc-alo-ph-img-circle{background-color:#0084cb;} .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle{background-color:#F20000;} .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle{background-color:#e33a25;} .coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-img-circle{background-color:#ccc;} .coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-img-circle{background-color:#75eb50;} .coccoc-alo-ph-img-circle-text{position:absolute;top:75px;right:25px;width:180px;background-color:#c00;height:50px;border-radius:50px;line-height:50px;padding:0px 15px;color:#fff;z-index:9;font-size:18px;} @-moz-keyframes coccoc-alo-circle-anim{0%{-moz-transform:rotate(0) scale(0.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1;} 30%{-moz-transform:rotate(0) scale(0.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5;} 100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1;} } @-webkit-keyframes coccoc-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(0.5) skew(1deg);-webkit-opacity:.1;} 30%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);-webkit-opacity:.5;} 100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1;} } @-o-keyframes coccoc-alo-circle-anim{0%{-o-transform:rotate(0) kscale(0.5) skew(1deg);-o-opacity:.1;} 30%{-o-transform:rotate(0) scale(0.7) skew(1deg);-o-opacity:.5;} 100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1;} } @-moz-keyframes coccoc-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(0.7) skew(1deg);opacity:.2;} 50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2;} 100%{-moz-transform:rotate(0) scale(0.7) skew(1deg);opacity:.2;} } @-webkit-keyframes coccoc-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:.2;} 50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2;} 100%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:.2;} } @-o-keyframes coccoc-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(0.7) skew(1deg);opacity:.2;} 50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2;} 100%{-o-transform:rotate(0) scale(0.7) skew(1deg);opacity:.2;} } @-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg);} 10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg);} 20%{-moz-transform:rotate(25deg) scale(1) skew(1deg);} 30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg);} 40%{-moz-transform:rotate(25deg) scale(1) skew(1deg);} 50%{-moz-transform:rotate(0) scale(1) skew(1deg);} 100%{-moz-transform:rotate(0) scale(1) skew(1deg);} } @-webkit-keyframes coccoc-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg);} 10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);} 20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);} 30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg);} 40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg);} 50%{-webkit-transform:rotate(0) scale(1) skew(1deg);} 100%{-webkit-transform:rotate(0) scale(1) skew(1deg);} } @-o-keyframes coccoc-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg);} 10%{-o-transform:rotate(-25deg) scale(1) skew(1deg);} 20%{-o-transform:rotate(25deg) scale(1) skew(1deg);} 30%{-o-transform:rotate(-25deg) scale(1) skew(1deg);} 40%{-o-transform:rotate(25deg) scale(1) skew(1deg);} 50%{-o-transform:rotate(0) scale(1) skew(1deg);} 100%{-o-transform:rotate(0) scale(1) skew(1deg);} } @-moz-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;} } @-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;} } @-o-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;} } @keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;} } @-moz-keyframes fadeOutRight{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} } @-webkit-keyframes fadeOutRight{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} } @-o-keyframes fadeOutRight{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} } @keyframes fadeOutRight{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} } @-moz-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(0.5) skew(1deg);opacity:.1;} 30%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.5;} 100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1;} } @-webkit-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(0.5) skew(1deg);opacity:.1;} 30%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.5;} 100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1;} } @-o-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(0.5) skew(1deg);opacity:.1;} 30%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.5;} 100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1;} } @keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(0.5) skew(1deg);opacity:.1;} 30%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.5;} 100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1;} } @-moz-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.2;} 50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2;} 100%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.2;} } @-webkit-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.2;} 50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2;} 100%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.2;} } @-o-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.2;} 50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2;} 100%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.2;} } @keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.2;} 50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2;} 100%{transform:rotate(0) scale(0.7) skew(1deg);opacity:.2;} } @-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg);} 10%{transform:rotate(-25deg) scale(1) skew(1deg);} 20%{transform:rotate(25deg) scale(1) skew(1deg);} 30%{transform:rotate(-25deg) scale(1) skew(1deg);} 40%{transform:rotate(25deg) scale(1) skew(1deg);} 50%{transform:rotate(0) scale(1) skew(1deg);} 100%{transform:rotate(0) scale(1) skew(1deg);} } @-webkit-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg);} 10%{transform:rotate(-25deg) scale(1) skew(1deg);} 20%{transform:rotate(25deg) scale(1) skew(1deg);} 30%{transform:rotate(-25deg) scale(1) skew(1deg);} 40%{transform:rotate(25deg) scale(1) skew(1deg);} 50%{transform:rotate(0) scale(1) skew(1deg);} 100%{transform:rotate(0) scale(1) skew(1deg);} } @-o-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg);} 10%{transform:rotate(-25deg) scale(1) skew(1deg);} 20%{transform:rotate(25deg) scale(1) skew(1deg);} 30%{transform:rotate(-25deg) scale(1) skew(1deg);} 40%{transform:rotate(25deg) scale(1) skew(1deg);} 50%{transform:rotate(0) scale(1) skew(1deg);} 100%{transform:rotate(0) scale(1) skew(1deg);} } @keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg);} 10%{transform:rotate(-25deg) scale(1) skew(1deg);} 20%{transform:rotate(25deg) scale(1) skew(1deg);} 30%{transform:rotate(-25deg) scale(1) skew(1deg);} 40%{transform:rotate(25deg) scale(1) skew(1deg);} 50%{transform:rotate(0) scale(1) skew(1deg);} 100%{transform:rotate(0) scale(1) skew(1deg);} } #coccoc-alo-wrapper{position:fixed;width:100%;bottom:0;top:0;left:0;z-index:2000000;overflow:visible;display:none;color:#383838;} #coccoc-alo-wrapper.night-mode{color:#fff;} .coccoc-alo-popup-close{-webkit-border-radius:2px !important;-moz-border-radius:2px !important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:absolute !important;right:-15px !important;top:-15px !important;height:30px !important;width:30px !important;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII=");background-position:center center;background-repeat:no-repeat;cursor:pointer !important;-webkit-transition:.3s ease-out !important;-moz-transition:.3s ease-out !important;-o-transition:.3s ease-out !important;transition:.3s ease-out !important;} #coccoc-alo-wrapper.night-mode .coccoc-alo-popup-close{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2REUyNDQxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY2REUyNDMxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56uyuzAAABfUlEQVR42sSXvU7DMBDHYxCdw8IDMMCWTDwCdClznLcJr9BUfYs+ALDSqXMisTD3S4K1MBx3kS1ZVuqvNslf+kuRfL5f5OTsMwOAyEFX6DH6Ef2AvkXHYuwH/YVeod/Rr+g/a0YCGxyjC/QW3LUTc2JTbhOUo9cQrrXI4Qy+RM/hfJqLnEYwBSzg/FrocB1cQneaHQNn0L0yyWOinKg0PtE3Ubfaou+bEhRvUEB/KuRSj2x1muc51HVtzUgxnHNbGLFGBJ7YIquqgjRNjXAaS5KkiXXQhMBTl0gT3BNKKgn84RrdBg+AkpaR5z7cAAhEwEBo850JfPCdJeGBUNLhIqQYGWOtz17yXWp1edVlD1nqZQi07Zv7/lzTUOgJ8NJpA5FQU2JP+LPcMvfGIyXLnBISnGJdt8xBDom+j8Ud+k49FvtqBPix1mc2ROszaLM3WHurN/SbE4Ab34Zev8K82Opc017MMV5hmOel7Um5tF2LsW/l0vYm/GtL+C/AAAHy+OD95QLeAAAAAElFTkSuQmCC");} #coccoc-alo-wrapper .coccoc-alo-popup-close:hover{opacity:.6 !important;} .coccoc-alo-popup{display:inline-block;position:relative;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyIUPNCUUwAAAA1JREFUCNdj+P///2cACe8D8SyfS4EAAAAASUVORK5CYII=");-webkit-transition:.6s ease-out;-moz-transition:.6s ease-out;-o-transition:.6s ease-out;transition:.6s ease-out;margin:0 auto;z-index:200001;text-align:center;padding:60px 75px;} #coccoc-alo-wrapper.night-mode .coccoc-alo-popup{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=");} #coccoc-alo-wrapper .coccoc-alo-overlay{position:fixed;width:100%;height:100%;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=");top:0;left:0;z-index:200000;} .coccoc-alo-popup h3{font-size:24px;margin:0 0 40px;font-weight:400;white-space:nowrap;} .night-mode .coccoc-alo-popup h3{font-size:23px;} .night-mode .coccoc-alo-message{padding-bottom:0;} .coccoc-alo-message{height:32px;padding:18px 0 13px 0;text-align:center;clear:both;font-size:14px;} #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label, #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label + .input{float:left;width:49%;} #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .input{padding:0 13px;} #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper label{color:#616161;font-size:18px;height:28px;line-height:28px;padding-right:15px;} .coccoc-alo-number{color:#00bed5;font-size:28px;font-weight:400;background-color:transparent;border:none;border-width:0;display:inline-block;border-bottom:#00bed5 solid 1px;padding-bottom:10px;margin:0 auto;width:221px;} coccoc-alo-number::-ms-clear{display:none;width:0;height:0;} .night-mode .coccoc-alo-number{border:#00bed5 solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:13px 31px;} #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"].valid-invalid{color:#ff496b;} #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]:focus{outline:0;} #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#d1d1d1;} #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1;} #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#d1d1d1;} #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1;} #coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#60615f;} #coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f;} #coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#60615f;} #coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f;} #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit{border:none;border-width:0;padding:20px 40px;background-color:#333;-webkit-border-radius:68px;-moz-border-radius:68px;-webkit-border-radius:68px;-moz-border-radius:68px;border-radius:68px;font-size:20px;color:#fff;cursor:pointer;outline:none !important;} #coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-submit{background-color:#00bed5;} #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitavtive, #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitvisited{outline:none !important;} #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit-moz-focus-inner{border:0;} #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit:hover{background-color:#00aff2;background-color:#00aff2;} .coccoc-alo-blur{-webkit-filter:blur(3px);-ms-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);filter:blur(3px);filter:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48L3N2Zz4jYmx1cg==#blur");} #coccoc-countdown{padding-top:20px;font-size:28px;font-weight:400;} .coccoc-alo-request-time{padding:6px 12px;font-size:18px;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;} #coccoc-alo-wrapper.night-mode .coccoc-alo-request-time{color:#fff;background-color:#515350;border:1px solid #606260;} #coccoc-alo-wrapper.night-mode .coccoc-alo-popup h3{margin-bottom:15px;} #coccoc-alo-wrapper.night-mode .coccoc-alo-form .coccoc-alo-select-wrapper{margin-bottom:35px;} .coccoc-alo-table{display:table;width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;} .coccoc-alo-cell{display:table-cell;vertical-align:middle;text-align:center;} .valid-invalid-message{font-size:13px;color:#ff496b;} .valid-invalid-message:before{content:"* ";} .r-box{position:fixed;display:none;z-index:9955;background:#fff;bottom:-30px;right:80px;width:250px;margin:30px;border:1px solid #e33a25;border-bottom:none;} .r-box span{margin:0px;padding:0px 0px;text-align:center;background:#e33a25;color:#fff;width:100%;float:left;line-height:45px;} .r-box .rbox-content{padding:10px;} .r-box .rbox-content p{text-align:center;} .r-box .rbox-content .rbox-phone{font-size:18px;font-weight:700;padding-top:10px;} .r-box .rbox-content .rbox-phone .fa{font-size:25px;margin-right:10px;} .r-box .rbox-content .rbox-inphone{font-weight:400;} .r-box .rbox-content .bt-send{padding:9px;border:0;color:#fff;background:#e33a25;width:90px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:16px;font-weight:400;text-transform:uppercase;cursor:pointer;} .page-partial .cate-menu{border-top:0;} .wrap-breadcrumbs .breadcrumb li a{color:#3f3e44;font-size:15px;} .wrap-breadcrumbs .breadcrumb li h1, .wrap-breadcrumbs .breadcrumb li h2{display:inline-block;font-size:15px;font-weight:400;margin:0;} .wrap-breadcrumbs .breadcrumb .active{color:#333;font-weight:400;} .wrap-breadcrumbs .breadcrumb > li + li:before{font-family:FontAwesome;content:"\f0da";color:#3f3e44;} .breadcrumb{margin-bottom:15px; margin-top: 15px;} .support-elft{margin-bottom:15px;border:1px solid #ddd;float:left;border-radius:5px;} .support-elft ul{padding:10px 0px;margin:0px;text-align:center;list-style:none;border-top:0px;} @media (max-width:767px){.page-partial .right-sidebar{width:100%;order:2;} .page-partial .page-content{width:100%;order:1;} .breadcrumb{margin-bottom:15px;} } @media (min-width:768px){.page-partial .right-sidebar{width:20%;z-index:2; padding-top: 15px;} .page-partial .page-content{width:80%;padding-left:20px;} } @media (min-width:768px) and (max-width:991px){.page-partial .page-content{width:100%;padding-left:0px;} } .title-sb{margin:0px;font-size:14px;font-weight:400; font-size: 16px; color:#fff;background-color:#203040;text-transform:capitalize;padding:11px 0px;padding-left:10px;border-top-right-radius:3px;border-top-left-radius:3px;font-weight:700;} .title-sb a{color:#fff;} .title-sb a img{display:inline-block;position:absolute;left:10px;top:5px;width:32px;} .news-main{/*margin-top:30px;*/} .group-news-main{padding-top:10px;padding-left:5px;border:1px solid #ddd;} .sub-news-main{padding:10px 0px;border-bottom:1px solid #ddd;} .sub-news-main:last-child{border-bottom:0px;} .news-main-img img{display:block;width:100%;} .news-sb-title{margin:0px;font-size:15px;} .news-sb-title a{color:#000; font-weight: 400;} .news-sb-title a:hover{color:#3f3e44; } .btn-sb-news{margin-top:15px;} .viewall .btn-loadmore{background:#005ba2;color:#fff;border-color:transparent;box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);transition:box-shadow 300ms 0s ease;} .viewall .btn-loadmore:hover{box-shadow:0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);} .page-partial .right-sidebar .cate-menu > .activeleft > .sub-cate-menu1, .page-partial .right-sidebar .cate-menu > .activeleft > .sub-menu-gra3, .page-partial .right-sidebar .sub-cate-menu1 > .activeleft > .sub-cate-menu1, .page-partial .right-sidebar .sub-cate-menu1 > .activeleft > .sub-menu-gra3, .pro-detail .right-sidebar .cate-menu > .activeleft > .sub-cate-menu1, .pro-detail .right-sidebar .cate-menu > .activeleft > .sub-menu-gra3, .pro-detail .right-sidebar .sub-cate-menu1 > .activeleft > .sub-cate-menu1, .pro-detail .right-sidebar .sub-cate-menu1 > .activeleft > .sub-menu-gra3{display:block;} .page-partial .right-sidebar .cate-menu > .activeleft > a, .page-partial .right-sidebar .sub-cate-menu1 > .activeleft > a, .pro-detail .right-sidebar .cate-menu > .activeleft > a, .pro-detail .right-sidebar .sub-cate-menu1 > .activeleft > a{color:#333;} .page-partial .right-sidebar .cate-menu > .activeleft > a > i, .page-partial .right-sidebar .sub-cate-menu1 > .activeleft > a > i, .pro-detail .right-sidebar .cate-menu > .activeleft > a > i, .pro-detail .right-sidebar .sub-cate-menu1 > .activeleft > a > i{color:#333 !important;} @media (max-width:767px){.right-sidebar .cate-menu{max-height:inherit;border:1px solid #ddd;} .right-sidebar .cate-menu li a{display:block;position:relative;padding:8px 12px;color:#3f3e44;border-bottom:1px dotted #ddd;} .right-sidebar .cate-menu li .sub-cate-menu1 li a{padding-left:20px;} .right-sidebar .cate-menu li .sub-cate-menu1 li a i{margin-right:5px;} .right-sidebar .cate-menu li .eff-menu{display:none;} .right-sidebar .cate-menu li:last-child a{border-bottom:0px;} .wrap-sidebar .sub-cate-menu1 .sub-menu-gra2, .wrap-sidebar .sub-cate-menu1 .sub-menu-gra3{display:none;} .menu-pro-mobile .sub-cate-menu1.sub-menu-gra3{width:100%;} .right-sidebar .cate-menu > li > a > i{position:absolute;right:15px;top:8px;-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);} } @media (min-width:768px){.news-main-img{width:30%;} .news-main-cap{width:70%;padding-left:10px;} .page-partial .cate-menu{overflow-y:inherit;max-height:inherit;} .page-partial .cate-menu li{position:relative;} .page-partial .cate-menu li .sub-cate-menu1{height:inherit;top:0;} } .newsdetail-p-content img{display:block;max-width:100%;} @media (max-width:767px){.news-main-img{width:45%;} .news-main-cap{width:55%;padding-left:10px;} } .list-news-item{padding:15px 0px;border-bottom:1px solid #ddd;} .ln-item__img img{display:block;width:100%;} .ln-item__cap h3, .ln-item__cap h2{margin:0px;margin-bottom:15px;font-size:18px;} .ln-item__cap h3 a, .ln-item__cap h2 a{color:#222;} .ln-item__cap h2 a, .ln-item__cap h3 a:hover{color:#3f3e44;} .ln-item__cap > a{color:#3f3e44;display:inline-block;padding:6px 15px;border:1px solid #ddd;border-radius:24px;} .ln-item__cap > a:hover{background:#3f3e44;color:#fff;} @media (max-width:767px){.ln-item__cap h3{margin-top:20px;} } @media (max-width:767px) and (min-width:480px){.group-news-main{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;} .sub-news-main{width:50%;width:calc(50% - 7px);margin-right:14px;} .sub-news-main:nth-child(2n +2){margin-right:0px;} } @media (min-width:768px){.ln-item__img{width:40%;} .ln-item__cap{width:60%;} } @media (min-width:768px) and (max-width:991px){.page-content{width:100%;padding:0px;} .ln-item__cap{padding-left:20px;} } @media (min-width:1200px){.ln-item__img{padding-right:40px;} } .news-ct-detail h1{font-size:30px;} .news-ct-detail .like-post, .news-ct-detail .comment{margin:10px 0px;} .news-ct-detail .like-post img, .news-ct-detail .comment img{margin-left:0px;} .news-ct-detail img{display:block !important;max-width:100% !important;margin:0 auto !important;} .news-ct-detail figure figcaption{padding:10px 0px 15px 0px;text-align:center;} .other-news{} .other-news .block-title{font-size:22px;display:inline-block;padding-bottom:5px;border-bottom:1px solid #222;} .other-news .news-group .sub-news-list img{display:block;width:100%;} .other-news .news-group .sub-news-list h3{font-size:16px;} .other-news .news-group .sub-news-list h3 a{color:#444; font-weight: bold;} .other-news .news-group .sub-news-list h3 a:hover{color:#dc0021;} @media (max-width:767px){.news-ct-detail img{height:auto !important;} .news-ct-detail h1{font-size:22px;} } /*@media (min-width:768px){.other-news .news-group .sub-news-list{width:25%;width:calc(25% - 22.5px);margin-right:30px;margin-right:calc(90px/3);} .other-news .news-group .sub-news-list:nth-child(4n + 4){margin-right:0px;} }*/ @media (min-width:768px){.product-p-content .pro-main-item, .wrap-other-pro .pro-main-item{width:25%;width:calc(25% - 22.5px);} .product-p-content .pro-main-item:nth-child(4n+4), .wrap-other-pro .pro-main-item:nth-child(4n+4){margin-right:0px;} .product-p-content .pro-main-item:nth-child(5n+5), .wrap-other-pro .pro-main-item:nth-child(5n+5){margin-right:15px;} } @media (min-width:992px){ .other-news .news-group .sub-news-list img{height:180px;} .news-home .other-news .news-group .news-home-small img{height:120px;} .news-home .other-news .news-group .news-home-large img{height:360px;} } @media (max-width:767px){.other-news .news-group .sub-news-list img{height:160px;} } @media (min-width:768px) and (max-width:992px){.other-news .news-group .sub-news-list img{height:160px;} } .wrap-breadcrumbs .breadcrumb li a{color:#3f3e44;} .wrap-breadcrumbs .breadcrumb .active{color:#333;font-weight:400;} .wrap-breadcrumbs .breadcrumb > li + li:before{font-family:FontAwesome;content:"\f0da";color:#3f3e44;} .pro-detail__img .easyzoom > a{display:block;width:100%;} .pro-detail__img .easyzoom > a > img{display:block;width:100%;} .pro-detail__thumb{margin-top:15px;} .pro-detail__thumb .thumbnails{margin:0 auto;} .pro-detail__thumb .thumbnails li{display:inline-block;width:19%;padding:0px 5px;} .pro-detail__thumb .thumbnails li img{display:block;width:100%;border:1px solid #ddd;height:80px;} .pro-detail__content .pro-props__name{margin-top:0px;font-size:28px;} @media (max-width:767px){.pro-detail__content .pro-props__name{margin-top:15px;font-size:16px;} .pro-props__name a{font-size:16px;} .detail-pro__price small{ display: none; } .menu-tooop .owl-carousel .owl-item img{ display: inline !important;} } @media(max-width: 480px){ .pro-detail__thumb .thumbnails li{width: 30%; padding: 0px;} .menu-tooop li .sub-menu-gra2{ display: none !important; } .menu-tooop li a{ border: none; padding: 5px 2px; } .menu-tooop li a span{ font-size: 13px; } } .pro-detail__content .pro-props__attr li{margin-bottom:10px;position:relative;padding-left:15px;} .pro-detail__content .pro-props__attr li:before{content:"+";font-size:12px;position:absolute;left:0px;top:2px;} .pro-detail__content .pro-props__attr li strong{display:inline-block;width:105px;} .pro-detail__content .pro-props__price{margin:20px 0px;font-size:30px;font-weight:700;color:#e33a25;} .pro-detail__content .pro-property{margin-top:20px;} .pro-detail__content .buy-now{width:100%;margin-top:30px;margin-bottom:45px;} .pro-detail__content .buy-now .btn-buy-now{background-color:#e33a25;} .pro-detail__content .buy-now .btn-buy-now:hover{background-color:#3f3e44;} .pro-detail__content .buy-now .btn-buy-now a{display:block;text-align:center;-webkit-font-smoothing:antialiased;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.004);color:#fff;font-size:16px;text-transform:uppercase;line-height:11px;font-weight:400;text-align:center;padding:20px;margin-left:auto;margin-right:auto;} .pro-detail__content .buy-now .note-buy-now p{margin-bottom:0px;} .pro-detail__content .buy-now .note-buy-now p strong{color:#e33a25;} label.dropdown{width:100%;position:relative;font-weight:400;} label.dropdown select{width:100%;padding:10px 42px 10px 10px;background:#f8f8f8;color:#333;border:1px solid #aaa;border-radius:0;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;} label.dropdown select:-moz-focusring{color:transparent;text-shadow:0 0 0 #333;} label.dropdown select::-ms-expand{display:none;} label.dropdown:before{content:'';right:5px;top:1px;width:30px;height:39px;background:#f8f8f8;position:absolute;pointer-events:none;display:block;} label.dropdown:after{content:'\f107';font:27px FontAwesome, monospace;color:#333;right:2px;top:1px;position:absolute;pointer-events:none;width:37px;padding:6px 0 7px 0;text-indent:10px;-webkit-transform:scale(1, 0.8);-moz-transform:scale(1, 0.8);-ms-transform:scale(1, 0.8);transform:scale(1, 0.8);} .qty{display:inline-block;position:relative;} .qty .qtyminus{position:absolute;right:6.5px;top:22px;font-size:12px;width:20px;cursor:pointer;text-align:center;} .qty #quantity-detail{line-height:39px;margin:0;display:inline-block;width:100px;padding-right:0;height:42px;} .qty .qtyplus{position:absolute;right:7px;top:6px;width:20px;height:15px;cursor:pointer;text-align:center;} @media screen\0{label.dropdown:after{width:38px;text-indent:15px;right:0;} } @media screen and (min--moz-device-pixel-ratio:0){label.dropdown select{padding-right:40px;} label.dropdown:before{right:6px;} label.dropdown:after{text-indent:14px;right:6px;top:-5px;width:36px;} } .pro-metadata{margin-top:30px;} .pro-information .nav-tabs{background:#203040;width:100%;float:left;border:none;} .pro-information .nav-tabs li{margin-bottom:inherit;} .pro-information .nav-tabs li > a{border-radius:0px;color:#fff; font-size: 16px; border:0px;text-transform:capitalize;padding:15px 25px; margin: 0px; font-weight: 700} .pro-information .nav-tabs li > a:hover{background:#e5e5e5; color: #000;} .pro-information .tab-content .title-pro-meta{display:inline-block;font-size:18px;font-weight:700;margin-bottom:30px;padding-bottom:5px;margin-top:30px;text-transform:capitalize;position:relative;} .pro-information .tab-content .title-pro-meta:before{position:absolute;content:"";width:50px;height:1px;background-color:#000;bottom:0px;left:0px;} .pro-information .tab-content img{display:block;max-width:100%;margin:10px auto;} .wrap-pro-metadata .right-sidebar{padding-right:10px;width:100%} .wrap-cate-pro h3{font-size:18px;} .wrap-cate-pro .list-cate-pro{border:1px solid #ddd;margin-bottom:20px;} .wrap-cate-pro .list-cate-pro li a{display:block;padding:6px 15px;color:#3f3e44;border-bottom:1px dotted #ddd;} .wrap-cate-pro .list-cate-pro li:last-child a{border-bottom:0px;} .wrap-other-pro{margin-top:20px;} @media (max-width:767px){.wrap-pro-metadata, .wrap-page{flex-wrap:wrap;-webkit-flex-wrap:wrap;} .pro-metadata .right-sidebar{width:100%;order:2;} .pro-information{width:100%;order:1;} } @media (max-width:767px) and (min-width:480px){.wrap-pro-property, .buy-now{display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;} .wrap-pro-property .property-item{width:33.33%;width:calc(100%/3 - 10px);margin-right:15px;} .wrap-pro-property .property-item:nth-child(3n +3){margin-right:0px;} .buy-now > div{width:50%;width:calc(50% - 7px);margin-right:14px;} .buy-now > div:nth-child(2n +2){margin-right:0px;} .wrap-other-pro .detail-pro-main{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;} .wrap-other-pro .detail-pro-main .pro-main-item{width:50%;width:calc(50% - 10px);margin-right:20px;} .wrap-other-pro .detail-pro-main .pro-main-item:nth-child(2n + 2){margin-right:0px;} } .pro-detail-cap img{max-width:100%;} .top-pro-new{/*border:1px solid #ddd;*/margin-bottom:15px;border-radius:3px;} .top-pro-new .cate-menu{ border: 1px solid #ddd; margin-bottom: 15px; } .top-pro-new .cate-menu .mainmenu-sub{padding:0px;margin:0px;list-style:none;} .top-pro-new .cate-menu li a{display:block;padding:8px 15px;color:#222;text-transform:capitalize;border-bottom:1px solid #ddd;} /*.top-pro-new .cate-menu li:last-child a{ border: none; }*/ .top-pro-new .cate-menu li i{display:block;padding:8px 15px;color:#222;float:left;display:none;} .top-pro-new .cate-menu>li:hover>a, .top-pro-new .cate-menu .sub-menu-gra3>li:hover a{color:rgb(8,149,193) !important;background:#eee !important;} .top-pro-new .cate-menu .mainmenu-sub>li:hover>a{background:#eee;color:rgb(8,149,193);} .top-pro-new .cate-menu>li>a{border-bottom:1px solid #ddd;} .top-pro-new .cate-menu>li>a img{width:40px;height:40px;padding:5px;display:none;} .top-pro-new .cate-menu .mainmenu-sub{border-bottom:1px solid #ddd;background-color:#fff;} .top-pro-new .cate-menu li a .fa-angle-double-right{display:none !important;} /*.top-pro-new .cate-menu li:last-child a{border-bottom:0px;}*/ .wrap-pro-metadata .pro-metadata-left{width:100%;} .wrap-pro-metadata .pro-metadata-right{width:20%;border-left:2px solid #f5f5f5;padding:15px;} @media(max-width:480px){.wrap-pro-metadata .pro-metadata-right{width:100%;padding:0px;} .wrap-pro-metadata .pro-metadata-left{width:100%;padding-right:0px;} } @media(min-width:480px) and (max-width:767px){.wrap-pro-metadata .pro-metadata-right{width:100%;padding:0px;} .wrap-pro-metadata .pro-metadata-left{width:100%;padding-right:0px;} } @media (min-width:768px){.pro-detail-cap{width:40%;padding-right:30px;} .pro-detail__content{width:40%;padding-right:30px;} .pro-detail__hotro{margin-top:0px;width:20%;} .property-item{width:33.33%;width:calc(33.33% - 10px);margin-right:15px;} .property-item:nth-child(3){margin-right:0px;} .btn-buy-now{width:40%;} .note-buy-now{width:60%;} .note-buy-now{padding:10px 15px;background:#ddd;border-radius:5px;} .note-buy-now p{margin-bottom:0px;} .pro-detail__img{border:1px solid #ddd;height:400px;padding:15px;} .pro-detail-cap img{margin:0px auto;} .pro-metadata .cate-menu{overflow-y:inherit;max-height:inherit;} .pro-metadata .cate-menu li{position:relative;} .pro-metadata .cate-menu li .sub-cate-menu1{height:inherit;top:0;} } @media (min-width:768px) and (max-width:991px){.pro-detail-cap{padding-right:20px;} .pro-detail__content .buy-now .btn-buy-now a{padding:17px 15px;} .pro-detail__content .pro-props__price{margin:10px 0px;font-size:25px;} .note-buy-now p{font-size:12px;} .property-item{width:calc(33.33% - 6px);margin-right:9px;} .pro-information{width:100%;padding-right:0px;} } @media (min-width:768px){.pro-metadata .right-sidebar{width:25%;} } .title-contact{font-size:20px;text-transform:uppercase;} .info-com{margin-top:30px;} .map-gg iframe{width:100% !important;height:300px !important;} @media (min-width:768px){.contact-form{width:50%;padding-right:10px;} .info-com{width:50%;padding-left:10px;} } .group-filter{border-top:0px;} .group-filter .form-filter{padding:8px 10px;margin:0px;list-style:none; border: 1px solid #ddd; margin-bottom: 15px;} .group-filter .form-filter li{ padding: 0px; margin: 0px;} .group-filter .title-filter{margin:0px;padding:12px 15px;text-transform:capitalize;font-size:16px;font-weight:600;color:#fff;background:#203040;float:left;width:100%; margin-bottom: 15px;} .page-partial .right-sidebar .cate-menu > li > a > i, .page-partial .right-sidebar .sub-cate-menu1 > li > a > .fa-caret-right, .pro-detail .right-sidebar .cate-menu > li > a > i, .pro-detail .right-sidebar .sub-cate-menu1 > li > a > .fa-caret-right{display:inline-block;text-align:center;height:37px;width:37px;line-height:37px;color:#333;padding-top:0px;position:absolute;top:0px;right:0px;border-bottom:1px solid #ddd;-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);} @media (max-width:767px){.container-content{padding-top:10px;} } @media (min-width:768px){} .page-partial .right-sidebar .cate-menu > li > a > i, .page-partial .right-sidebar .sub-cate-menu1 > li > a > .fa-caret-right, .pro-detail .right-sidebar .cate-menu > li > a > i, .pro-detail .right-sidebar .sub-cate-menu1 > li > a > .fa-caret-right{display:inline-block;text-align:center;height:37px;width:37px;line-height:37px;color:#333;padding-top:0px;position:absolute;top:0px;right:0px;border-bottom:1px solid #ddd;-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);} .page-partial .right-sidebar .sub-cate-menu1, .pro-detail .right-sidebar .sub-cate-menu1{display:none;max-height:inherit;width:100%;margin:0;padding:0px;position:initial;background:#fff;border:0px;border-top:1px solid #ddd;transition:inherit;-webkit-transition:inherit;transform:inherit;-webkit-transform:inherit;transform-origin:inherit;-webkit-transform-origin:inherit;} .page-partial .right-sidebar .sub-cate-menu1 li a, .pro-detail .right-sidebar .sub-cate-menu1 li a{padding-left:25px;} .page-partial .right-sidebar .sub-cate-menu1 li:last-child > a, .pro-detail .right-sidebar .sub-cate-menu1 li:last-child > a{border-bottom:0px;} .page-partial .right-sidebar .sub-cate-menu1 .sub-menu-gra3 li a, .pro-detail .right-sidebar .sub-cate-menu1 .sub-menu-gra3 li a{padding-left:50px;} } @media (min-width:992px){.other-product .detail-pro__item{width:33.33%;width:calc(33.33% - 10px);margin-right:15px;} .other-product .detail-pro__item:last-child{margin-right:0px;} } .main-pro .detail-pro-main .detail-pro__item{padding:5px;border:1px solid #ddd;} .main-pro .detail-pro-main .detail-pro__item .item{position:relative;margin-top:25px;} .main-pro .detail-pro-main .detail-pro__item .owl-nav > div{display:none;position:absolute;top:50%;} .main-pro .detail-pro-main .detail-pro__item .owl-nav > div i{padding:6px 7px;background:#222;line-height:7px;border-radius:100%;color:#fff;} .main-pro .detail-pro-main .detail-pro__item .owl-prev{right:0px;} .main-pro .detail-pro-main .detail-pro__item:hover{cursor:pointer;} .main-pro .detail-pro-main .detail-pro__item:hover .owl-nav > div{display:block;} .main-pro .detail-pro-main .detail-pro__name{font-size:14px;text-transform:uppercase;} .main-pro .detail-pro-main .detail-pro__name a{color:#333;} .main-pro .detail-pro-main .detail-pro__price{display:block;position:relative;font-size:16px;font-weight:400;color:#e33a25;padding:5px 0px;border:0px solid #eee;border-width:1px 0px;} .main-pro .detail-pro-main .detail-pro__price small{font-weight:400;text-decoration:line-through;color:#ababab;text-align:right;} @media (max-width:991px) and (min-width:768px){.pro-information{width:100% !important;padding-right:0px;} } .wrap-pro-property .property-item{width:50px;} .property-item{margin-left:20px;} .qty #quantity-detail{height:38px;width:40px;} .qty .qtyplus{right:-20px;top:0px;width:20px;height:38px;cursor:pointer;border:1px solid #ddd;border-left:0px;} .qty .qtyplus, .qty .qtyminus{line-height:38px;} .qty .qtyminus{right:40px;top:0px;font-size:12px;width:20px;height:38px;cursor:pointer;border:1px solid #ddd;border-right:0px;} .bottomBuy, .addBuy, .contactBuy{margin-right:5px;display:inline-block;background:#FF9800;border:0px;color:#fff;outline:0;padding:9px 15px;text-transform:uppercase;border-radius:3px;} @media(max-width:767px){.bottomBuy, .addBuy, .contactBuy{font-size: 12px; padding: 10px 4px} .note-buy-now{border-radius:0px !important;padding:10px;} .pro-information .nav-tabs li{width:100%;float:left;} .pro-information .nav-tabs li > a{padding:8px 10px; border-bottom: 1px solid #fff;} } .addBuy{background:#8bc34a;} .pro-props__price, .pro-props__oldprice{display:inline-block;} .pro-props__oldprice{margin-left:20px;text-decoration:line-through;color:gray;font-style:italic;font-size:16px;} .pro-desc{padding-top:10px;border-top:1px solid #f5f5f5;} .pro-detail__content .pro-props__attr li{margin-bottom:2px;} .masanpham{padding:0px;margin:0px;list-style:none;} .masanpham{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;} .masanpham li{width:50%;} .masanpham .#e33a25All{color:#e33a25;margin-left:10px;} .pro-detail__content .buy-now{margin-top:0px;margin-bottom:15px;} .pro-detail__content .pro-props__price{margin:5px 0px;} .note-buy-now{margin-top:5px;margin-bottom:10px;width:100%;border-radius:0px;} .wrap-pro-property>.property-item{width:120px;margin-left:0px;} .wrap-pro-property>.property-item p{margin-bottom:0px;} .pro-detail__content .pro-property{margin-top:10px;} .pro-detail__content .pro-props__price{font-size:28px;} @media (max-width:767px){.property-item{display:inline-block;margin-right:10px;} } @media (min-width:767px){@media(max-width:991px){.property-item{margin-right:15px;} } } @media (min-width:768px){.category .panel .panel-body{height:260px;} .sub-menu-gra3{} } .sub-cate-menu1.sub-menu-gra3{width:200%;} .sub-cate-menu1.sub-menu-gra3>li{float:left;width:50%;width:calc(50% - 10px);margin-right:20px;} .sub-cate-menu1.sub-menu-gra3>li:nth-child(even){margin-right:0px;} .sub-menu-gra3::-webkit-scrollbar{width:5px;} .sub-menu-gra3::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:0px;} .sub-menu-gra3::-webkit-scrollbar-thumb{border-radius:0px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);} .sub-cate-menu1 li:hover .sub-menu-gra3{transform:scale(1, 1);-webkit-transform:scale(1, 1);} .sub-menu-gra2>li>a{position:relative;} .cate-menu .sub-menu-gra2> li>a>i:last-child{position:absolute;right:0px;} .wrap-review-text{height:180px;} .review-text p{max-height:160px;overflow-y:scroll;} .review-text p::-webkit-scrollbar{width:0px;} .review-text p::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:5px;} .review-text p::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);} .wrap-sidebar .sub-cate-menu1.sub-menu-gra3>li{float:left;width:100%;margin-right:0px;} .wrap-sidebar .sub-cate-menu1 .sub-menu-gra3 li a{padding-left:40px !important;} .wrap-sidebar .sub-cate-menu1 .sub-menu-gra3{overflow-y:inherit;} .wrap-sidebar .sub-cate-menu1 li a i:last-child{margin-right:0px !important;} .wrap-sidebar .sub-menu-gra3 li a i:last-child{margin-right:5px !important;} .category{display:none;} .home-page .category{display:block;} .wrap-page{/*margin-top:15px;*/} } @media (min-width:992px){.category .panel .panel-body{height:283px;} } @media (min-width:1200px){.category .panel .panel-body{height:334px;} } .wrap-pro-detail-cap{border:1px solid #ddd;} .wrap-pro-detail-cap img{border:0px;} .pro-detail-cap img{display:block;padding:15px;max-width:100%;margin:0 auto;height:350px;} @media(max-width:767px){.pro-detail-cap img{height:auto;} } .r-fix .fix-sidebar{padding-top:20px;position:fixed;background:#fff;} @media (max-width:767px){@media (min-width:480px){.news-h .sub-news-list{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;} .news-h .sub-news-list .img-modul{width:50%;padding-right:10px;} .news-h .sub-news-list h3{width:50%;padding-left:10px;margin:0px;} } } @media (min-width:767px){.menu-nav .main-menu{width:47%;} .menu-nav .wap{background-color:#f5f5f5;} .menu-nav .main-menu .mainmenu-sub{display:none;position:absolute;z-index:8888;min-width:156px;background:#ff9a00;border-top:1px solid #fff;} .menu-nav .main-menu>li{width:33.33%;} .menu-nav .main-menu>li>a{background:#e33a25;color:#fff;} .menu-nav .main-menu>li:hover .mainmenu-sub{display:block;} .menu-nav .main-menu li a{padding:10px 20px;} .menu-nav .main-menu .mainmenu-sub li a{padding:8px 20px;display:block;white-space:nowrap;border-bottom:1px dashed #e4cfaf;} .menu-prduct-home .sub-menu-gra2{} .menu-prduct-home .mainmenu-sub.sub-menu-gra2{} .menu-prduct-home .mainmenu-sub.sub-menu-gra2>li{float:left;width:100%;} .menu-prduct-home .mainmenu-sub.sub-menu-gra2>li:last-child{margin-right:0px;} } .hangmaylanh1{flex-wrap:wrap;-webkit-flex-wrap:wrap;} .thuonghieu{position:relative;} .thuonghieu .item >a{width:50%;float:left;display:inline-block;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;} .thuonghieu .item >a:hover{-webkit-filter:grayscale(50%);-moz-filter:grayscale(50%);-ms-filter:grayscale(50%);-o-filter:grayscale(50%);filter:grayscale(50%);} .thuonghieu .item >a img{display:block;width:100%;height:50px;border:1px solid #ddd;border-right:none;border-top:none;padding:5px;} .thuonghieu .item:nth-child(2n+1) >a img{border-left:none;} .thuonghieu .item >a img:hover{display:block;width:100%;height:50px;border:1px solid #333;padding:5px;} .brand_se{margin-top:15px;} @media (max-width:767px){.wrap-best-self .pm-item__img{height:288px;} .thuonghieuimg>a{width:33.333%;} .thuonghieuimg>a{border-width:1px 0px 1px 1px;} .thuonghieuimg>a:nth-child(n+ 4){border-top-width:0px;} .thuonghieuimg>a:nth-child(3n+ 3){border-right-width:1px;} .thuonghieuimg>a:last-child{border-right-width:1px;} } @media (min-width:768px) and (max-width:991px){.thuonghieuimg>a{width:25%;} .thuonghieuimg>a{border-width:1px 0px 1px 1px;} .thuonghieuimg>a:nth-child(n+ 5){border-top-width:0px;} .thuonghieuimg>a:nth-child(4n+ 4){border-right-width:1px;} .thuonghieuimg>a:last-child{border-right-width:1px;} .hotline{display:none;} } @media (min-width:1200px){.thuonghieuimg>a{width:20%;} .thuonghieuimg>a{border-width:1px 0px 1px 1px;} .thuonghieuimg>a:nth-child(n+ 6){border-top-width:0px;} .thuonghieuimg>a:nth-child(5n+ 5){border-right-width:1px;} .thuonghieuimg>a:last-child{border-right-width:1px;} } .pm-item__cap_hover{padding:10px;height:100%;top:0;position:absolute;background:rgba(245,245,245,.95);transition:all 0.2s ease-out;} @media (min-width:992px){.pm-item__cap_hover{top:333px;} @media (max-width:1199px){.tags-f{} .guide-f, .about-us-f, .guide-f, .tongdai{width:25%;padding-bottom:15px;} .menu-nav .main-menu>li{width:50%;} .main-menu li a{padding:6px 5px;padding-top:10px;font-size:13px;} .menu-prduct{width:25%;} .menu-nav .main-menu{width:45%;} .news-p-content .ln-item__img img{padding-right:10px;} } } @media (min-width:768px){.pm-item__cap_hover{top:100%;} } @media (min-width:992px){.pm-item__cap_hover{top:100%;} } @media (min-width:1200px){.pm-item__cap_hover{top:100%;} } .pro-main-item:hover .pm-item__cap_hover{cursor:pointer;top:0px;} .pm-item__cap_hover h3{font-size:16px;height:34px;text-transform:uppercase;} .pm-item__cap_hover h3 a{color:#333;} .pm-item__cap_hover .desc{color:#222;font-size:14px;} .pm-item__cap_hover .item-cap__desc{text-align:left;} .pm-item__cap_hover>a{display:inline-block;padding:5px;color:#fff;} .pm-item__cap_hover .btn-vi>a{display:inline-block;padding:7px 15px;color:#e33a25;background:#fff;border:1px solid #ddd;} .pm-item__cap_hover .btn-vi>a:hover{background:#e33a25;color:#fff;} .pm-item__cap_hover .btn-vi{position:absolute;bottom:5px;left:0px;right:0px;text-align:center;} .pm-item__cap_hover .detail-pro__price small{color:#575757;} .dk-bct img, .thanhtoan-banner img{display:block;width:100%;} .dk-bct img{width:150px;margin-right:0px;} .info-footer .wrap{padding-bottom:15px;} .payment-share{background:#eee;} .gvideo{padding-top:12px;} .social .wrap-social li:before{content:"" !important;} @media (max-width:767px){.pm-item__cap_hover{display:none;} .modal{top:50px;} .modal-backdrop{z-index:-1;} .top-pro-new ul.mainmenu-sub.sub-menu-gra2>li>a>i{display:inline-block;text-align:center;height:37px;width:37px;line-height:37px;color:#333;padding-top:0px;position:absolute;top:0px;right:0px;border-bottom:1px solid #ddd;-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);} .top-pro-new .sub-menu-gra2, .top-pro-new .sub-menu-gra3{display:none;} } .modal .modal-header{text-align:center;text-transform:uppercase;} .camera_chinhhang_main{max-width:90%;height:72px;background:url(../images/bg-chinhhang.png?v=1) no-repeat center center;background-size:contain;display:inline-block;cursor:pointer;position:relative;} .To_tooltip{outline:none;width:287px;height:72px;display:block;} span.To_tooltip_right{position:absolute;top:75px;right:0;z-index:1000;display:none;padding:14px 20px;max-width:330px;line-height:22px;text-align:justify;color:#111;border:1px solid #dca;background:#fffaf0;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-box-shadow:3px 3px 8px #ccc;-webkit-box-shadow:3px 3px 8px #ccc;box-shadow:3px 3px 8px #ccc;} .pro-props__name{font-size:25px;} .pro-props__name a{color:#222;text-transform:capitalize;margin-bottom:10px;font-weight:400;} footer{position:relative;} @media (min-width:768px){.menu-prduct-home .cate-menu .fa-caret-right{display:none;} .top-header .main-menu>li, .top-header .mainmenu-sub>li{position:relative;} .top-header .main-menu>li>a{position:relative;} .top-header .mainmenu-sub>li>a{position:relative;} .top-header .mainmenu-sub>li>a>i{position:absolute;right:10px;} .top-header .main-menu>li .mainmenu-sub, .top-header .mainmenu-sub>li .sub-menu2{display:none;min-width:200px;border-top:1px solid #fff;position:absolute;background:#02a9eb;} .top-header .mainmenu-sub>li .sub-menu2{left:100%;top:-1px;padding:0px;margin:0px;list-style:none;} .top-header .main-menu>li a{display:block;} .top-header .main-menu>li:hover .mainmenu-sub, .top-header .mainmenu-sub>li:hover .sub-menu2{display:block;} } .sub-cate-MenuActive1{padding:0px;list-style:none;margin:0px;border-top:1px solid #ddd;} .sub-cate-MenuActive1>li>a>i{margin-right:5px;} .quangcao-sp{padding-left:15px;padding-right:15px;margin-top:20px;background:#f2f2f2;} .quangcao-sp .col-sm-6{padding-top:15px;padding-bottom:15px;} .quangcao-sp .col-sm-6>p:last-child{margin-bottom:0px;} .quangcao-sp .col-sm-6:first-child{border-right:1px solid #ddd;} .pro-information{float:left;width:100%;} .next-page{position:relative;float:left;padding-top:10px;list-style:none !important;} .next-page li{float:left;margin:2px;background-color:#FFF;list-style:none !important;line-height:3;white-space:nowrap;} .next-page li a{color:#999;padding:7px 12px;background-color:#FFF;border:1px #d0d9e1 solid;text-decoration:none;} .next-page li a:hover{color:#FFF;background-color:#9eacb8;} .next-page li a:focus{color:#FFF;font-weight:400;background-color:#9eacb8;} .bar_tag{margin-top:10px;overflow:hidden;margin-bottom:10px;} .bar_tag span, .bar_tag a{display:block;float:left;margin:0 1px 1px 0;padding:0 8px;font-size:12px;white-space:Â nowrap !important;} .bar_tag a{background:#AAAAAA;color:#FFFFFF;text-decoration:none;-webkit-transition:background-color 0.3s ease 0s;-moz-transition:background-color 0.3s ease 0s;-ms-transition:background-color 0.3s ease 0s;-o-transition:background-color 0.3s ease 0s;transition:background-color 0.3s ease 0s;} .bar_tag a:hover{color:#FFFFFF;background-color:#0680b2;} .onenote{border:1px dotted #D7D7D7;padding:5px;margin:10px;} .onenote td{border:1px dotted #D7D7D7;padding:8px;box-shadow:2px 2px 1px #D4D4D4;} .online-support{border:1px solid #ccc;padding:15px;} .breadcrumb{border-radius:0px;padding:15px; background-color: #dddddd;} .wrap-page .list-pro-left{width:18%;float:left;background-color:#e33a25;} .wrap-page .list-pro-right{width:82%;float:left;} @media(max-width:768px){.wrap-page .list-pro-right{width:100%;} } ul.menu-trai{background-color:#eee;padding:0px;margin:0px;list-style:none;border:1px solid #ddd;border-bottom:none;border-right:none;height:300px;max-height:300px;} ul.menu-trai li{position:relative;} ul.menu-trai li a{padding:5px 5px 5px 17px;display:block;color:#333;font-weight:400;position:relative;height:35px;line-height:27px;border-left:2px solid transparent;margin-left:-1px;font-size:14px;border-bottom:1px solid #ddd;text-transform:capitalize;letter-spacing:0;} ul.menu-trai li a i{float:right;padding-top:5px;} ul.menu-trai li ul.danhmucmenu-left-drop{background-color:#eee;width:500px;z-index:5556;padding:0px;margin:0px;list-style:none;position:absolute;left:100%;top:0px;display:none;border:1px solid #ddd;padding:15px;padding-left:0px;} ul.menu-trai li ul.danhmucmenu-left-drop li{float:left;padding:0px;} ul.menu-trai li ul.danhmucmenu-left-drop li a{padding:0px;border:none;height:auto;padding-left:15px;} ul.menu-trai li ul.danhmucmenu-left-drop li a:hover{color:rgb(0, 137, 224);} ul.menu-trai li:hover ul.danhmucmenu-left-drop{display:block;} .thuonghieu .owl-carousel{} .thuonghieu .owl-carousel .item{} .thuonghieu .owl-carousel .item a img{border:1px solid #ccc;padding:10px;} .border-hot{border:1px dashed #e33a25;} .cate-menu-product{list-style:none;margin:0px;padding:10px;margin-bottom:15px;float:left;} .cate-menu-product li{float:left;padding-right:15px;} .cate-menu-product li a:before{content:"";padding-right:5px;font-family:fontAwesome;} .cate-menu-product li a{color:#333;text-decoration:underline;text-transform:capitalize;} .cate-menu-product li a:hover{color:#e33a25;} .list-pro-main{} .baogia{margin-bottom:30px; background-color:#e33a25; padding: 10px 15px; width: auto; text-align: center;} .baogia a{border-radius:3px;color:#fff;text-transform:uppercase;position:relative;} /*.baogia a:before{position:absolute;content:"\f103";font-family:fontAwesome;font-size:22px;color:#fff;right:0px;line-height:50px;} */.ul-sup{} .ul-sup li{text-align:left;font-size:14px;float:left;width:100%;line-height:30px;border-bottom:1px solid #ddd;padding:5px 0px;} .ul-sup li.hotline-sup{color:#e33a25;font-weight:700;} .ul-sup li i{width:30px;height:30px;margin-left:10px;float:left;border-radius:100%;margin-bottom:2px;margin-right:5px;color:#333;text-align:center;line-height:30px;} .ul-sup li img{width:20px;height:20px;float:left;border-radius:2px;margin-bottom:2px;margin-right:5px;} .camket-right{border:1px solid #ddd;text-align:center;margin-bottom:15px;} .pro-desc table{border:1px solid #ddd;font-weight:400;width:100% !important;} .pro-desc table tr td{padding:5px;} .quangcao-trai p{margin:0px;padding:0px;} .quangcao-trai p img{width:100%;height:507px;} .w100{width:100% !important;} .all-detail{} .all-detail table, table{width:100% !important;text-align:left; border: none} .all-detail table tr, table tr{width:100%; background-color:#ededed } table tr:nth-child(2n+2){ background-color: #f5f5f5 } .all-detail table tr td, table tr td{padding:10px 15px;} #livesearch ul{background-color:#fff;padding:0px;margin:0px;z-index:99999;position:relative;max-height:500px;overflow-y:scroll;width:500px;border:1px solid #ddd;} #livesearch ul li{list-style:none;padding:5px 10px;position:relative;padding-left:22px;} #livesearch ul li:before{position:absolute;left:0px;top:5px;content:"";font-family:fontAwesome;font-size:14px;color:#e33a25;margin-left:10px;} #livesearch ul li a{} .ul-dmsp li{width:50%;float:left;} .chinhsach{padding:15px 0px;/* padding-bottom: 40px; */background-color:#203040; margin-top: 15px; position: relative;} /*.chinhsach:after{ content: ""; width: 100px; height: 50px; position: absolute; left: 50%; margin-left: -50px; bottom: 0px; z-index: 99999; border-top: 25px solid transparent; border-bottom: 25px solid #e5e5e5; border-left: 50px solid transparent; border-right: 50px solid transparent; }*/ .ser-feature-block{padding:15px 0px;text-align:center;} .ser-feature-block ._img{width:100%;height:100px;float:left;text-align:center;position:relative;} .ser-feature-block ._img img{background-color:#fff;border-radius:100%;width:100px;height:100px;position:absolute;left:50%;margin-left:-50px;} .ser-feature-block .feature-box .ser-title{font-size:18px;color:#fff;font-weight:400;margin-top:15px;display:inline-block;text-transform:capitalize;} .ser-subtitle{color:#fff;} .news-form{position:relative;width:100%;background-color:#000; border: 1px solid #ccc;} .form-dk{position:relative;width:calc(100% - 90px);border:0px;border-radius:0px !important;height:35px;line-height:35px;} .btn-dk{position:absolute;right:0px;top:0px;width:90px;border:0px;border-radius:0px !important;height:35px;line-height:35px;background-color:#e33a25;text-align:center;padding:0px;color:#fff;} .btn-dk:hover{background-color:#333;color:#fff;} ul.new-hot{padding:0px;margin:0px;} ul.new-hot li{float:left;position:relative;padding:0px;margin:0px;} ul.new-hot li a{line-height:50px;padding-right:30px;padding-left:10px;color:#333;} ul.new-hot li a:hover{color:#000;} ul.new-hot li:before{content:"";width:3px;height:3px;background-color:#333;position:absolute;left:0px;top:23px;} .hl-top{color:#fff;position:absolute;top:0px;line-height:40px;font-weight:600;} .hl-top a{color:#fff;} @media(max-width:767px){ .hl-top{right:110px;} .payment{ position: absolute; right: 15px; top: 0px; } .payment .payment-icon{ width: 40px; height: 40px; /*background-color: #fff;*/ border-radius: 100%; background-image: url('../images/giohang-mobile.png'); background-repeat: no-repeat; background-position: center center; background-size: 25px; } .payment .payment-icon img{ display: none; } } @media(min-width:480px) and (max-width:992px){.hl-top{right:150px;} } .h1-home{font-size:14px !important;font-weight:normal;} .pro-main-item .product-label.color-red{background-color:#e33a25;} .pro-main-item .product-label{width:42px;height:36px;text-align:center;position:absolute;right:5px;top:5px;color:#fff;text-transform:uppercase;font-size:14px;z-index:10;-ms-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;line-height:1.4em;} .pro-main-item .product-label small{color:#fff;font-size:12px;margin:0;padding-top:2px;display:block;text-transform:none;} .pro-main-item .product-label b{margin-top:-2px;position:relative;top:-2px;} .pro-main-item .product-label:after{position:absolute;content:"";border:21px solid transparent;border-top:12px solid #e33a25;bottom:-33px;left:0;} .best-self{padding:15px 0px; padding-bottom: 0px;} .best-self .owl-dots{ display: none; } .bg-xam{background-color:#e5e5e5;} .doitac{padding:30px 0px;} .doitac .owl-carousel .owl-item{border:1px solid #ddd;padding:15px;} .doitac .owl-carousel .owl-item img{height:60px;} .back-to-top, .dm-trai{transition:all 1s ease 0;-webkit-transition:all .3s ease 0;position:fixed;bottom:160px;right:25px;z-index:9999;width:45px;height:45px;text-align:center;line-height:45px;background:#203040;border:1px solid #fff;color:#fff !important;font-size:18px;cursor:pointer;text-decoration:none;border-radius:45px;} .back-to-top:hover, .dm-trai:hover{transition:all 1s ease 0;-webkit-transition:all .3s ease 0;position:fixed;bottom:160px;right:25px;z-index:9999;width:45px;height:45px;text-align:center;line-height:45px;background:#e33a25;color:#fff !important;font-size:18px;cursor:pointer;text-decoration:none;border-radius:45px;} .dm-trai{ bottom: 90px !important; background-color: #2196F3; border: transparent; } .dm-trai:hover{ bottom: 90px !important; } @media(min-width: 767px){ .dm-trai{ display: none; } } @media(max-width:767px){ .stickytooltip{display:none !important;} .back-to-top, .back-to-top:hover{ bottom: 140px; } .dm-trai, .dm-trai:hover{ bottom: 90px !important; } } .stickytooltip{box-shadow:5px 5px 8px #818181;-webkit-box-shadow:5px 5px 8px #818181;-moz-box-shadow:5px 5px 8px #818181;display:none;position:absolute;display:none;border:1px solid #e5e5e5;background:white;z-index:3000;} .stickytooltip .stickystatus{background:black;color:white;padding-top:5px;text-align:center;font:bold 11px Arial;} .pro-detail__content table, .stickytooltip table{width:100% !important;border:1px solid #ddd;font-size:14px;font-weight:400;} .pro-detail__content table tr{} .stickytooltip table tr:nth-child(2n+1), .pro-detail__content table tr:nth-child(2n+1){background-color:#eee;} .pro-detail__content table tr td:first-child{width:40%;font-weight:bold;} .stickytooltip table tr td:first-child{width:40%;font-weight:bold;} .pro-detail__content table tr td{padding:6px 10px;} .stickytooltip table tr td{padding:6px 10px;} .pro-detail__content table tr td:hover{background-color:#1b4299;color:#fff;} .stickytooltip table tr td.name-table{color:#1b4299 !important;font-size:16px !important;} .stickytooltip table tr td.gia-table{color:#f00 !important;font-size:18px !important;font-weight:bold;} .stickytooltip table tr td.red-color{color:#f00 !important;} .stickytooltip table tr td.font-normal{font-weight:normal !important;} .videos-home{padding:30px 0px;} .news-home{padding:30px 0px;} .news-home .news-home-large .img-modul{} .news-home .news-home-small .img-modul{ width: 40%; float: left; } .news-home .news-home-small .content-modul{ width: 60%; width: calc(60% - 15px); margin-left: 15px; float: left; } @media(max-width: 480px){ .news-home .news-home-small .img-modul{ width: 100%; } .news-home .news-home-small .content-modul{ width: 100%; } } .top-nav-collapse{position:fixed;right:0;left:0;z-index:1030;} @media (min-width: 768px){ .fixed-nav { position: fixed; left: 0px; right: 0px; z-index: 9999; top: 0px; box-shadow: 0 0 15px 0 #fff; -webkit-box-shadow: 0 0 15px 0 #fff; } } .group-pro-main{ padding-top: 30px; } .fix-bottom{ background-color: #f00; position: fixed; bottom: 0px; left: 0px; width: 100%; line-height: 40px; font-size: 15px; font-weight: bold; color: #fff; z-index: 99999; border-top: 1px solid #fff; } .fix-bottom .tongdai-bottom{ width: 50px; /*width: calc(30% - 0px);*/ background-color: #203040; float: left; } .fix-bottom .tongdai-bottom i{ font-size: 18px; } .fix-bottom .hotline-bottom{ width: 100%; width: calc(100% - 50px); float: left; background-color: #f00; } .fix-bottom a{ color: #fff; font-size: 16px; } .share-social{ margin-top: 20px; } .goog-te-gadget-simple .goog-te-menu-value span:first-child{ display: none; } .other .hotline{ float: left; line-height: 50px; margin-left: 15px; } .other .hotline i{ width: 30px; height: 30px; text-align: center; line-height: 30px; color: #203040; border-radius: 100%; border: 1px solid #ddd; } /*tin tức khác*/ /*.other-news .list-name{ text-align: left; } .other-news .list-name b:before, .other-news .list-name a:before{ left: 0px !important; margin: 0px !important; }*/ ul.tintuckhac{ list-style: none; padding: 0px; margin: 0px; margin-bottom: 30px; } ul.tintuckhac li{ list-style: none; padding: 0px; margin: 0px; position:relative; float: left; width: 100%; padding: 5px 0px; } ul.tintuckhac li:before{ content: ""; position: absolute; left: 0px; top: 11px; width: 4px; height: 4px; background-color: #203040; margin-right: 10px; } ul.tintuckhac li h3{ font-size: 14px; font-weight: 400; padding: 0px; margin: 0px; } ul.tintuckhac li h3 a{ /*color: #f00;*/ padding-left: 15px; } /*giới thiệu trang chủ*/ .bg-gtHome{ padding: 50px 0px; position: relative; background-image: url('../images/bg-counter.png'); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .bg-gtHome { color: #fff; } .bg-gtHome:before{ background: rgba(32,48,64,.7); content: ""; height: 100%; left: 0; /*opacity: 0.8;*/ /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/ position: absolute; top: 0; width: 100%; } .menu-slide{position:absolute;z-index:5555;right:20px;top:10px;background:#fff;} .menu-slide .main-menu li{padding:4px 10px 8px;border-color:#dedede;border-style:solid;border-width:0 0 1px;cursor:pointer;position:relative;background:#fff;} .menu-slide .main-menu li p{float:left;width:36px;height:36px;margin:0 8px 0 0;background:#d3d2d3;border-radius:4px;} .menu-slide .main-menu li p img{width:36px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .menu-slide .main-menu li a{color:#666;font-weight:500;display:block;font-size:11px;width:184px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:4px;} .menu-slide .main-menu li span{font-size:11px;display:block;line-height:1.1;color:#a7a7a7;width:184px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .menu-slide .main-menu li:first-child{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;} .menu-slide .main-menu li:last-child{border-bottom:0;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;} .menu-slide .main-menu li.active:before{content:"";width:0;height:0;position:absolute;left:-10px;top:12px;border-top:10px solid transparent;border-right:10px solid #fff;border-bottom:10px solid transparent;} .show { -ms-transform: translateX(0px) !important; -webkit-transform: translateX(0px) !important; transform: translateX(0px) !important; } .menu-fixed-side{position:fixed;-ms-transform:translateX(280px);-webkit-transform:translateX(280px);transform:translateX(280px);background-color:#fff;min-height:100%;z-index:99999;width:280px;top:0;right:0px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease-in-out;opacity:1;background:#232f3e;} .menu-fixed-side.show{/* -webkit-box-shadow:-1px 2px 19px -1px rgba(0, 0, 0, 0.75); */-moz-box-shadow:-1px 2px 19px -1px rgba(0, 0, 0, 0.75);box-shadow:-1px 2px 19px -1px rgba(0, 0, 0, 0.75);} .menu-fixed-side > ul li a{display:block;position:relative;padding:10px;padding-left:15px;font-size:12px;font-weight:normal;color:#ccc;text-transform:capitalize;border-bottom:1px solid #2e3b4c;} /*.menu-fixed-side > ul li a span{position:absolute;right:0px;display:inline-block;text-align:left;width:60px;top:0;bottom:0;line-height:38px;}*/ /*.menu-fixed-side > ul li a span small{padding:0px 10px;width:40px;border:1px solid #ddd;border-radius:10px;font-size:12px;}*/ /*.menu-fixed-side > ul li a span .fa-angle-right{position:absolute;right:10px;font-size:14px;line-height:36px;}*/ .menu-fixed-side > ul li ul{position:fixed;background-color:#fff;min-height:100%;z-index:9999;width:280px;top:0;right:0px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease-in-out;opacity:1;background:#232f3e;-ms-transform:translateX(280px);-webkit-transform:translateX(280px);transform:translateX(280px);} .show-sb{-ms-transform:translateX(0px) !important;-webkit-transform:translateX(0px) !important;transform:translateX(0px) !important;} .list-fixed-side{position:fixed;z-index:9997;right:15px;bottom:120px;flex-direction:column;-webkit-flex-direction:column;} .list-fixed-side a{display:inline-block;width:45px;height:45px;margin-bottom:5px;text-align:center;line-height:48px;background:#1ba8ff;color:#fff;border-radius:100%;position:relative;} .list-fixed-side a i{font-size:18px;} .list-fixed-side a .lable-giamgia{position:absolute;left:0px;margin-left:-75px;bottom:50%;margin-bottom:-12.5px;width:70px;height:25px;font-size:11px;color:#fff;background-color:#222;line-height:25px;z-index:999;border-radius:2px;} .list-fixed-side a .lable-giamgia:before{top:50%;margin-top:-5px;right:-5px;position:absolute;content:"";width:0px;height:0px;border-top:5px solid transparent;border-left:5px solid #222;border-bottom:5px solid transparent;} .list-fixed-side .back-to-top{background:rgba(0, 0, 0, 0.6);} .list-fixed-side .tags-sale-btn{background:#fdd700;font-size:18px;color:#222;} .back-menu, .back-to-page{position:relative;display:block;padding:12px 10px;background:#e53935;text-align:center;color:#fff;font-weight:bold;text-transform:uppercase;} .back-to-page a{color:#fff;} .back-menu i, .back-to-page i{position:absolute;left:15px; top: 3px;font-size:16px;width:20px;height:20px;background-color:#232f3e;border-radius:100%;line-height:18px;text-align:center;} .show { -ms-transform: translateX(0px) !important; -webkit-transform: translateX(0px) !important; transform: translateX(0px) !important; }