@charset "UTF-8"; body{ font-family: arial; font-size:15px;font-weight: normal;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;} } @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: #eee; font-weight: bold; line-height: 35px; border-bottom: 1px solid #ddd; } @media(max-width:767px){.top-header{padding-top:40px;} } .search{position:relative;border-radius:0px;width:calc(100% - 0px); margin-left:0px;border:2px solid #0329ba;background:#fff;height:42px;float:left; margin-top: 4px;} .search .s-mobile{width:calc(100% - 70px);background:#fff;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;background:#f00;top:0px;right:0px;height:38px;padding:0;width:70px;font-size:14px;color:#666;margin:0;outline:none;border:0 none;border-left:1px solid #ddd;} .search .search-button i{transform:rotate(0deg) translate(0px, 0px);transition:all 0.4s ease;color:#fff;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;text-align:center; border-left: 1px solid #ddd;} ul.top-social li:last-child{ border-right: 1px solid #ddd; } ul.top-social li a{text-align:center; display: block;} ul.top-social li a:hover{background-color: #0329ba;} ul.top-social li a i{color:#0329ba;font-size:16px;line-height:35px;text-align:center;} @media(min-width:767px){.top{background-color:#0329ba;position:relative;z-index:9999;} .menu-tooop{margin:0px;padding:0px;width:100%;float:left;} .menu-tooop li{float:left;list-style:none; position: relative;} .menu-tooop li a{ float:left;color:#fff;line-height:50px;font-weight: 700;padding:0px 5px;font-size:12px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; border-right: 1px solid #0a60aa; } .menu-tooop li a i{ padding-left: 5px; } .menu-tooop li a .fa-home{ padding-right: 5px; padding-left: 0px !important; } .menu-tooop li:first-child a{border-left:1px solid #0a60aa;} /*.menu-tooop li.active a,*/ .menu-tooop li a:hover{ color:#ffc107;background-color:#0329ba} .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:500px;z-index:999999;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); padding:15px; } .menu-tooop li .sub-menu-gra2 li{width:50%; width:calc(50% - 15px); margin-right: 15px; float:left;border:none;} .menu-tooop li .sub-menu-gra2 li a{border:none;width:100%;float:left;line-height:18px;text-transform:capitalize;padding:8px 0px;margin:0px;font-size:15px;color:#0329ba; font-weight: bold;} .menu-tooop li .sub-menu-gra2 li a:hover{color:#ffc107; background-color: #fff;} /*.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;} ul.sub-menu2 li{ width: 100% !important; float: left; } ul.sub-menu2 li a{ padding: 5px 0px !important; border: none !important; color: #333 !important; font-weight: normal !important; } ul.sub-menu2 li a:hover{ background-color: #fff !important; color: #0329ba !important; } } @media(min-width: 1169px){ .menu-tooop li a{ font-size: 15px; padding: 0px 10px; } } /*menu trang con*/ .thanh-trangcon{ background-color: #eee; } .menu-trangcon{margin:0px;padding:0px;width:100%;float:left;} .menu-trangcon li{float:left;list-style:none; line-height: 50px; color:#0329ba; font-weight: bold; position: relative;} .menu-trangcon li.activeleft{background-color: #fff;} .menu-trangcon li a{float:left;color:#0329ba;line-height:50px;font-weight: normal;padding:0px 10px;font-size:14px;} .menu-trangcon li a:hover{color:#0329ba; background-color: #fff;} .menu-trangcon li{position:relative;} .menu-trangcon li .sub-menu-gra2{position:absolute;left:0px;top:100%;background-color:#fff;width:250px;z-index:99999;opacity:0;visibility:hidden; box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);} .menu-trangcon li .sub-menu-gra2 li{float:left;border:none; width: 100%;} .menu-trangcon li .sub-menu-gra2 li a{border:none;width:100%;float:left;line-height:18px;text-transform:capitalize;padding:8px 15px;margin:0px;font-size:13px;color:#333;} .menu-trangcon li .sub-menu-gra2 li a:hover{color:#0329ba; background-color: #fff;} .menu-trangcon li:hover .sub-menu-gra2{opacity:1!important;visibility:visible !important;} .menu-trangcon li:first-child{ background-color: #fff; margin-right: 15px; } .menu-trangcon li:first-child:after{ border-top: 25px solid transparent; border-left: 15px solid #fff; border-bottom: 25px solid transparent; content: ""; height: 0; position: absolute; right: -15px; top: 0px; width: 0; } .medium-header{ padding:5px 0px;background-color:#fff;} .logo{width:25%;position:relative; text-align: center;} /*.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:100px;} .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; } .logo{ width: 100%; padding-top: 40px; } } .other{width:25%;} .payment{ /*width: 30%;*/ margin-right: 15px; float: right; position:relative; line-height: 50px; color: #fff; } .payment .payment-icon{width:50px;height:50px;position:relative;float:left;} .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: normal;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;left:30px;top:5px;width:22px;height:22px;background-color:#f00;text-align:center;line-height:22px;border-radius:100%;} .payment .payment-name-ic a{font-size:12px;color:#fff !important;} .hl .payment-icon{border:1px solid #f00;border-top-left-radius:3px;border-bottom-left-radius:3px;} .hl .payment-name{font-size:14px !important;background-color:#f00;padding:0px 15px;padding-top:7px;font-weight: normal;border-top-right-radius:3px;border-bottom-right-radius:3px;} .hl .payment-name a{margin-top:-10px;line-height:10px;color:#fff;font-weight:bold;font-size:16px;} .hl .payment-name a:hover{color:#2c2c2c;} .slider-categories{position:relative;} .wrap-slider{overflow:hidden;position:relative;} .wrap-slider .item a img{width:100%;height: 500px;} @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;} } @media(max-width: 767px){ .payment .payment-name-ic{ background-color: #c00; } } .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:#74ae57;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: normal;} .hotline-payment .hotline p span{margin-left:5px;font-weight: normal;font-size:15px;color:#f00;} .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:#f00;float:right;padding:0px 15px;padding-left:30px;line-height:50px;font-weight: normal;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;width:100%;margin-top:0px;text-align:center; margin-top: 30px; margin-bottom: 15px;} .list-name b, .list-name a{ padding: 10px 15px; font-weight:700;text-transform:uppercase;color:#000; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #fff; z-index: 99; position: relative; } .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:#0329ba;width:50px;height:2px;}*/ /*.best-self .list-name b, .best-self .list-name a{color:#fff;}*/ .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{font-size:14px;text-transform:capitalize;color:#333;font-weight: normal;} .list-service ul li a:hover{color:#0329ba;text-decoration:none;} .list-name h1, .list-name h2{font-size:16px;margin:0px;display:inline-block;font-weight: normal;} .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: normal;} .bottom-list-service ul li i{padding-right:5px;color:#0329ba;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:#f00;text-decoration:none;} @media (max-width:767px){.list-service ul{padding-left:0px;} .list-name a:after{content:initial;} .menu-prduct-home{display:none;} .list-name{ font-size: 18px !important; } /*.main-slider{padding-top:30px !important;}*/ } @media(min-width:768px) and (max-width:992px){.menu-prduct-home{display:none;} .slider{width:100%;} } .list-name{ font-weight: 700; font-family: 'Roboto Condensed', sans-serif; width:100%;font-size:22px;float:left;text-align:center;position:relative;} .list-name:before{ position: absolute; left: 0px; top: 50%; width: 100%; height: 1px; content: ""; background-color: #ccc; z-index: 98; } @media (min-width:768px){.list-service{text-align:right;float:right;} .list-service ul{text-align:right;} .list-service ul li{margin-left:10px;} .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:#000;font-weight: bold;border-bottom: 1px solid #ddd;position: relative;/* text-transform: capitalize; */font-size: 15px;float:left;width:100%;padding: 14px 0px;padding-left:30px;position:relative;} .menu-prduct-home .cate-menu> li > a:before{ font-family: fontAwesome; font-size: 15px; color: #0329ba; position: absolute; left: 15px; content: "\f105"; } .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:#0329ba;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: #f00; color: #0329ba; } .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:40px;width:40px;line-height:40px;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:#0329ba;} } .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:bold;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:#f00;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:10px;margin-left:10px;position:absolute; background-color: #fff; text-transform: capitalize; border:1px solid #f00; color:#f00;z-index: 99; display:inline-block;padding:1px 5px;border-radius:1px;border-radius:1px;} .tip-99{margin-top:40px;margin-left:10px;position:absolute; background-color: #fff; text-transform: capitalize; border:1px solid #f00; color:#f00;z-index: 99; display:inline-block;padding:1px 5px;border-radius:1px;border-radius:1px;} /*.tip-new:before{top:8px;left:-8px;position:absolute;content:"";width:0px;height:0px;border-top:6px solid transparent;border-right:9px solid #f00;border-bottom:6px solid transparent;}*/ .detail-pro__price{font-weight:bold;color:#f00; width: 100%; float: left; padding: 10px 0px; padding-bottom: 5px; font-size: 16px;} .detail-pro__price span{color:#f00; text-transform: capitalize;} .detail-pro__price small{margin-left:5px;text-decoration:line-through;font-size:15px;color:#888;font-weight: normal;} .dm-mn{position:absolute;left:0px;margin-top:-407.5px;width:100%;} .menu-prduct-home{z-index:99;min-height:400px;} @media (max-width:767px){ /*.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:#0329ba;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:#0329ba;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 dashed #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:15px;} .news-sb-title a{color:#000;} .news-sb-title a:hover{color:#3f3e44;} @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:#f00;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: normal;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;} .main-menu li a{display:inline-block;padding:6px 0px 6px 30px;padding-top:7px;color:#333;font-weight: normal;} .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%);margin-top: 15px; border: 1px solid #ddd;} .slider{position:relative; float: left; width: 75%; width: calc(75% - 15px); margin-top: 15px; margin-left: 15px;} } @media (min-width:992px) and (max-width:1169px){.menu-prduct-home{width:calc(25%); margin-top: 10px;} .slider{position:relative; float: left; width: 75%; width: calc(75% - 10px); margin-top: 10px; margin-left: 10px;} } @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: normal;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; margin-right: -1px; margin-bottom: -1px;} .item .item__img a{display:block;overflow:hidden;position:relative;text-align:center;} .pro-main-item .pm-item__img{position:relative; height: 220px; overflow: hidden; padding: 30px} @media(max-width: 767px){ .pro-main-item .pm-item__img{ height: auto; } } .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:15px 5px;text-align:center; padding-top: 0px;} .pro-main-item .pm-item__cap .item-cap__title{margin:0px;font-size:15px;text-align:center;overflow:hidden;} .pro-main-item .pm-item__cap .item-cap__title a{ color:#000; } .pro-main-item .pm-item__cap .item-cap__title a:hover{color:#f00} .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: normal;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;} } @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);} .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);} .pro-ly .pro-main-item:nth-child(2n+2){margin-right:0px;} .pro-main-item .pm-item__img img{height:160px !important;}*/ } @media (min-width:768px){.pro-ly .pro-main-item{width:25%;width:calc(25% - 0px);margin-right:0px;} .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(4n+4){margin-right:0px;} } @media (min-width:992px){.pro-ly .pro-main-item{width:25%;width:calc(25% - 0px);box-shadow:0 0 0px 0 #999;-webkit-box-shadow:0 0 0px 0 #999;border:1px solid #ddd; margin-right: -1px; margin-bottom: -1px;} .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(4n+4){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: normal;} .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;} .cap-video-list h4 a{ font-size: 16px; color: #0329ba; } .cap-video-list h4 a:hover{color: #f00; } .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:#2c2c2c;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:bold;margin:0px !important;padding:0px !important;margin-top:5px;height:40px;position:relative;text-transform:uppercase;} .tt-center h2>a{color:#fff;background-color:#0329ba;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:bold;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;} } .toop-footer{background-color:#0329ba;padding:30px 0px;color:#fff;} .toop-footer .tieude{ font-size: 18px; } .top-footer{background-color:#0329ba;padding:40px 0px;color:#fff; padding-bottom: 70px;} .top-footer a{ color: #fff; } .top-footer-wrap{z-index:999;} .title-footer{margin-bottom:15px;position:relative;padding-bottom:10px;} .title-footer:before{content:"";position:absolute;left:0px;width:50px;height:2px;background-color:#fff;bottom:0px;} .title-footer span, .title-footer h2, .title-footer h3{ font-family: 'Roboto Condensed', sans-serif; margin:0px;font-size:20px;padding-bottom:10px;line-height:20px;padding-top:15px;font-weight:700;color:#333;position:relative;text-transform:uppercase;margin:0px;} .title-footer span, .title-footer h2, .title-footer h3{color:#fff;font-size:20px;} .top-footer-wrap ul li{position:relative;padding: 5px; padding-left: 10px;} .top-footer-wrap ul li:before{content:"";color:#fff;font-size:12px;width:3px;height:3px;background-color:#fff;position:absolute;left:0px;top:14px;} .top-footer-wrap ul li a{display:inline-block;font-size:14px;color:#fff;font-weight: normal;} .top-footer-wrap ul li a:hover{color:#ffeb3b;} /*ul.wrap-social{margin-top:15px !important;}*/ ul.wrap-social li{width:30px;height:30px;float:right;border:1px solid #fff;text-align:center;margin-right:5px; padding: 0px !important;} ul.wrap-social li:before{display:none;} ul.wrap-social li a{text-align:center;padding:0px;} ul.wrap-social li a i{color:#fff;font-size:16px;line-height:30px;text-align:center;} @media(max-width: 767px){ ul.wrap-social li{ float: left; } .toop-footer .tieude{ text-align: left; padding-top: 15px; } .title-footer{ padding-top: 15px; } } .bottom-footer{padding:0px 0px;font-size:12px;background-color:#0329ba;color:#fff;padding-top:10px;} .bottom-footer a{color:#fff;} @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;} .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:180px;*/ max-height: 190px;} } .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:50px;} .coccoc-alo-phone.coccoc-alo-show{visibility:visible;} @media(max-width: 767px){ .coccoc-alo-phone.coccoc-alo-show{ display: none; } .top-footer{ padding-bottom: 60px; } } @-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:#f00;} .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: normal;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: normal;background-color:transparent;border:none;border-width:0;display:inline-block;border-bottom:#00bed5 solid 1px;padding-bottom:10px;margin:0 auto;width:221px;} coccoc-alo-number::-ms-clear{display:none;width:0;height:0;} .night-mode .coccoc-alo-number{border:#00bed5 solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:13px 31px;} #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"].valid-invalid{color:#ff496b;} #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]:focus{outline:0;} #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#d1d1d1;} #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1;} #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#d1d1d1;} #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1;} #coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#60615f;} #coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f;} #coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#60615f;} #coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f;} #coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit{border:none;border-width:0;padding:20px 40px;background-color:#333;-webkit-border-radius:68px;-moz-border-radius:68px;-webkit-border-radius:68px;-moz-border-radius:68px;border-radius:68px;font-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: normal;} .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 #f00;border-bottom:none;} .r-box span{margin:0px;padding:0px 0px;text-align:center;background:#f00;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:bold;padding-top:10px;} .r-box .rbox-content .rbox-phone .fa{font-size:25px;margin-right:10px;} .r-box .rbox-content .rbox-inphone{font-weight: normal;} .r-box .rbox-content .bt-send{padding:9px;border:0;color:#fff;background:#f00;width:90px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:16px;font-weight: normal;text-transform:uppercase;cursor:pointer;} .page-partial .cate-menu{border-top:0;} .wrap-breadcrumbs .breadcrumb li a{color:#2c2c2c;font-size:14px;} .wrap-breadcrumbs .breadcrumb li h1, .wrap-breadcrumbs .breadcrumb li h2{display:inline-block;font-size:15px;font-weight: normal;margin:0;} .wrap-breadcrumbs .breadcrumb .active{color:#333;font-weight: normal;} .wrap-breadcrumbs .breadcrumb > li + li:before{font-family:FontAwesome;content:"\f0da";color:#3f3e44;} .breadcrumb{ margin: 0px; } .support-elft{margin-bottom:15px;border:1px solid #ddd;float:left; width: 100%;} .support-elft ul{padding:10px 0px;margin:0px;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:25%;z-index:2;} .page-partial .page-content{width:75%;padding-left:20px;} .page-partial .page-content1{width:100%;padding-right:0px;} } @media (min-width:768px) and (max-width:991px){.page-partial .page-content{width:100%;padding-left:0px;} } .title-sb{ font-family: 'Roboto Condensed', sans-serif; line-height: 45px; display: inline-block; width: 100%; margin:0px;font-size:16px;font-weight: 700;background:#fff;color:#fff;background-color:#0329ba;text-transform:uppercase;padding:0px 0px;padding-left:15px;} .title-sb i{ padding-right: 5px; } .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:14px; font-weight: bold;} .news-sb-title a{color:#000;} .news-sb-title a:hover{color:#f00;} .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:#000; font-weight: bold;} .ln-item__cap h2 a, .ln-item__cap h3 a:hover{color:#3f3e44;} .ln-item__cap > a{color:#0329ba;display:inline-block;padding:6px 15px;border:1px solid #0329ba;border-radius:24px;} .ln-item__cap > a:hover{background:#fff;color:#0329ba;} @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:20px;} } .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; padding: 0px; margin:10px 0px;} .other-news .news-group .sub-news-list h3 a{color:#0329ba;} .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;} .other-news .news-group .sub-news-list h3{ padding-bottom: 20px; } } @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:33.33%;width:calc(33.33% - 0px);} .product-p-content .pro-main-item:nth-child(4n+4), .wrap-other-pro .pro-main-item:nth-child(4n+4){margin-right:-1px;} .product-p-content .pro-main-item:nth-child(3n+3), .wrap-other-pro .pro-main-item:nth-child(3n+3){margin-right:-1px;} } @media (min-width:992px){.other-news .news-group .sub-news-list img{height:180px;} } @media (max-width:767px){.other-news .news-group .sub-news-list img{height:160px;} } @media (max-width:480px){.other-news .news-group .sub-news-list img{height:auto;} } @media (min-width:768px) and (max-width:992px){.other-news .news-group .sub-news-list img{height:160px;} } .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;} .pro-detail__thumb .thumbnails li img{ height: 50px; padding: 1px; } } .pro-detail__content .pro-props__attr li{margin-bottom:10px;position:relative;padding-left:15px;} .pro-detail__content .pro-props__attr li:before{content:"\f111";font-family:fontAwesome;font-size:6px;position:absolute;left:0px;top:6px;} .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:bold;color:#f00;} .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:#f00;} .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: normal;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:#f00;} label.dropdown{width:100%;position:relative;font-weight: normal;} 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:40px;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;border-top:1px solid #ddd;padding-top:30px;} .pro-information .nav-tabs{/*background:#2c2c2c;*/width:100%;float:left;border:none;} .pro-information .nav-tabs li{margin-bottom:inherit;} .pro-information .nav-tabs li > a{ font-size: 18px; font-family: 'Roboto Condensed', sans-serif; border-radius:0px;color:#fff;border:0px;text-transform:uppercase;padding:15px 15px; font-weight:700} .pro-information .nav-tabs li > a:hover{background:#2c2c2c; color: #fff;} .title-pro-meta{ font-family: 'Roboto Condensed', sans-serif; color: #0329ba; display:inline-block;font-size:20px;font-weight:700;margin-bottom:30px;padding-bottom:5px;margin-top:30px;text-transform:uppercase;position:relative;} .title-pro-meta:before{position:absolute;content:"";width:80px;height:2px;background-color:#0329ba;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:10px 15px;color:#222;border-bottom:1px solid #ddd; font-weight: bold;} .top-pro-new .cate-menu li i{display:block;padding:10px 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:#0329ba !important;background:#eee !important;} .top-pro-new .cate-menu .mainmenu-sub>li:hover>a{background:#eee;color:#0329ba;} .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:50%;padding-right:30px;} .pro-detail__content{width:50%;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;padding-left:30px;background-color: #eee; border: 1px solid #ddd;} .note-buy-now p{margin-bottom:0px;} .pro-detail__img{border:1px solid #ddd;height:400px;padding:30px;} .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;background-color: #eee; margin-bottom: 15px; padding-top: 15px; float: left; border: 1px solid #ccc;} .group-filter .form-filter{padding:8px 10px;margin:0px; font-size: 13px; list-style:none;font-size: 14px;} .group-filter .form-filter li{ float: left; width: 50%; } .group-filter .title-filter{margin:0px;padding:12px 15px;text-transform:uppercase;font-size:14px;font-weight: bold;color:#0329ba;float:left;width:100%; border-bottom: 1px solid #ddd;} .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:40px;width:40px;line-height:40px;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:40px;width:40px;line-height:40px;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: normal;color:#f00;padding:5px 0px;border:0px solid #eee;border-width:1px 0px;} .main-pro .detail-pro-main .detail-pro__price small{font-weight: normal;text-decoration:line-through;color:#ababab;text-align:right;} @media(max-width: 767px){ .detail-pro__price small{ float: left; width: 100%; } .detail-pro__price{ font-size: 14px; } .pro-main-item .pm-item__cap{ background-color: #fff; } } @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:#0329ba;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; } } .addBuy{background:#FF9800;} .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;} .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 .#f00All{color:#f00;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:18px;} @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:#f00;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;} .brand_se{margin-top:15px;} .thuonghieuimg{} .thuonghieuimg a{ width: 10%; float: left; border: 1px solid #ddd; padding: 10px; margin-right: -1px; z-index: 98; position: relative; } .thuonghieuimg a:hover{ border: 1px solid #f00; z-index: 99; } .thuonghieuimg a img{ max-width: 100%; display: block; height: 50px; } .thuonghieuimg a:last-child{ margin-right: 0px; } @media(max-width: 480px){ .thuonghieuimg a{ width: 33.33%; } } @media(min-width: 480px) and (max-width: 767px){ .thuonghieuimg a{ width: 25%; } } .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:#0329ba;} .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:#f00;background:#fff;border:1px solid #ddd;} .pm-item__cap_hover .btn-vi>a:hover{background:#f00;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:40px;width:40px;line-height:40px;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: normal;} footer{position:relative; margin-top: 15px;} @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; margin-bottom: 15px;} .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: normal;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;} .bread-crumbs{ /*background-color: #f3f4f5;*/ margin-bottom: 15px; margin-top: 15px; } .breadcrumb{border-radius:0px;padding:15px; background-color: #f3f4f5;} .wrap-page .list-pro-left{width:18%;float:left;background-color:#f00;} .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: normal;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 #f00;} .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:#f00;} .list-pro-main{} .baogia{margin-bottom:30px; background-color:#f00; 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 #f5f5f5;padding:2.5px 0px;} .ul-sup li.hotline-sup{color:#f00;font-weight:bold;} .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; border: 1px solid #ccc;} .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: normal;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: 1px solid #666;} .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; font-size: 14px;} #livesearch ul li{list-style:none;padding:5px 10px;position:relative;} #livesearch ul li a{ font-size: 13px; width: 100%; float: left; padding-left: 60px; color: #0329ba; } #livesearch ul li a:hover{ color: #000; } #livesearch ul li span{ font-size: 13px; padding-left: 60px; color: #f00; font-style: italic; } #livesearch ul li img{ position: absolute; left: 10px; top: 0px; } .ul-dmsp li{width:50%;float:left;} .chinhsach{padding:10px 0px;background-color:#044c7e;} .ser-feature-block{padding:15px 0px;text-align:center;} .ser-feature-block ._img{width:100%;height:150px;float:left;text-align:center;position:relative;} .ser-feature-block ._img img{background-color:#fff;border-radius:100%;width:150px;height:150px;position:absolute;left:50%;margin-left:-75px;} .ser-feature-block .feature-box .ser-title{font-size:16px;color:#fff;margin-top:15px;display:inline-block;text-transform:capitalize;} .ser-subtitle{color:#fff;} .news-form{position:relative;width:100%;background-color:#000;border-radius:3px;} .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:#f00 !important; text-align:center;padding:0px;color:#fff; margin: 0px !important;} .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: normal;} .hl-top a{color:#fff;} @media(max-width:767px){ .hl-top{right:110px;} .payment{ position: absolute; right: 50px; top: 0px; } .payment .payment-icon{ width: 40px; height: 40px; /*background-color: #fff;*/ border-radius: 100%; background-image: url('../images/icon-giohang.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:#f00;} .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:5px 5px 0 0;border-radius:5px 5px 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 #f00;bottom:-33px;left:0;} .best-self{} .doitac{padding:30px 0px;background-color: #eee; margin-top: 30px; border-top: 1px solid #ddd;} .doitac .owl-carousel .owl-item{border:1px solid #ddd;padding:15px; background-color: #fff;} .doitac .owl-carousel .owl-item img{height:60px;} .back-to-top{transition:all 1s ease 0;-webkit-transition:all .3s ease 0;position:fixed;bottom:150px;right:25px;z-index:9999;width:40px;height:40px;text-align:center;line-height:40px;background:#333;color:#fff !important;font-size:22px;cursor:pointer;text-decoration:none;border-radius:3px;} .back-to-top:hover{transition:all 1s ease 0;-webkit-transition:all .3s ease 0;position:fixed;bottom:140px;right:25px;z-index:9999;width:40px;height:40px;text-align:center;line-height:40px;background:#0329ba;color:#fff !important;font-size:22;cursor:pointer;text-decoration:none;border-radius:3px;} .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 #2c2c2c;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: normal;} .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;} @media(max-width: 767px){ .stickytooltip{ display: none; } } .videos-home{padding:30px 0px;} /*.news-home{padding:30px 0px;}*/ .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{ } .fix-bottom{ background-color: transparent; position: fixed; bottom: 0px; left: 0px; width: 100%; line-height: 40px; font-size: 18px; font-weight: 700; color: #fff; z-index: 99999; text-align: center; } .fix-bottom .hotine-bottom{ display: inline-block; border-top-right-radius: 5px; border-top-left-radius: 5px; background-color: #f00; padding: 0px 30px; } .fix-bottom a{ color: #fff; } .share-social{ margin-top: 20px; } .sli-trangcon{ margin-bottom: 15px; } .tags{ margin-top: 30px; } .tags a{ border: 1px solid #ddd; border-radius: 30px; padding: 5px 15px; float: left; margin: 2.5px 5px; margin-left: 0px; font-size: 13px; color: #0329ba; } .tags a:hover{ color: #f00; } .hinhthuc-khac{} .hinhthuc-khac a{} .hinhthuc-khac a img{ height: auto !important; max-width: 100%; padding: 0px !important; margin: 5px 0px; } #imaginary_container{ margin: 15px; } .stylish-input-group .input-group-addon{ background: white !important; } .stylish-input-group .form-control{ border-right:0; box-shadow:0 0 0; border-color:#ccc; } .stylish-input-group button{ border:0; background:transparent; } ul.list-tin{ list-style: none; padding: 0px; margin: 0px; } ul.list-tin li{ float: left; width: 100%; } ul.list-tin li h3{ padding: 0px; margin: 0px; } ul.list-tin li a{ position: relative; color: #0329ba; font-size: 15px; padding: 7px 0px; margin: 0px; padding-left: 15px; display: block; } ul.list-tin li a:hover{ color: #f00; } ul.list-tin li a:before{ position: absolute; left: 0px; content: "\f105"; color: #0329ba; font-family: fontAwesome; font-size: 14px; } .btn{ background-color: #0329ba; border: transparent; color: #fff; margin-top: 5px; border-radius: 3px; } .btn:hover{ background-color: #f00; color: #fff; } .btn-fixright{ position: fixed; right: 15px; bottom: 100px; z-index: 99; border-radius: 3px; background-color: #f00; font-weight: bold; } .top .wrap{ background-color: #0329ba; } .top-header .wrap{ padding: 0px 15px; } .nav-tabs{ text-align: center; margin-bottom: 30px; border: transparent; } .nav-tabs > li{ list-style: none; display: inline-block; position: relative; margin-right: 5px; /* background: #0329ba; */ /* border-top-left-radius: 10px; */ /* border-bottom-right-radius: 10px; */ height: 30px; line-height: 30px; float: none !important; vertical-align: top; } .nav-tabs > li > a{ transition: 0.5s; width: 100%; color: #fff; cursor: pointer; display: block; padding: 5px 10px; float: left; background: #666; border-radius: 3px; border: transparent; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a:hover { background-color: #0329ba; color: #fff; border: transparent; } @media(max-width: 767px){ .nav-tabs > li{ float: left; width: 100%; margin-bottom: 5px; } } .slider .owl-theme .owl-nav, .list-contract .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .slider .owl-theme .owl-nav > div, .list-contract .owl-theme .owl-nav > div { position: absolute; top: 50%; top: calc(50% - 36px); z-index: 888; } .slider .owl-theme .owl-nav .owl-next, .list-contract .owl-theme .owl-nav .owl-next { right: 20px; } .slider .owl-theme .owl-nav .owl-prev, .list-contract .owl-theme .owl-nav .owl-prev { left: 20px; } .slider .owl-theme .owl-nav [class*='owl-'], .list-contract .owl-theme .owl-nav [class*='owl-'] { color: #fff; font-size: 42px; /*margin: 5px;*/ /*padding: 4px 8px;*/ width: 50px; text-align: center; line-height: 50px; height: 50px; background: transparent; border: 1px solid #fff; cursor: pointer; border-radius: 100%; } .slider .owl-theme .owl-nav [class*='owl-']:hover, .list-contract .owl-theme .owl-nav [class*='owl-']:hover { background: #fff; color: #FFF; text-decoration: none; } .slider .owl-theme .owl-nav .disabled, .list-contract .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .slider .owl-theme .owl-nav.disabled + .owl-dots, .list-contract .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .slider .owl-theme .owl-dots, .list-contract .owl-theme .owl-dots { position: absolute; bottom: 20px; left: 0px; right: 0px; text-align: center; -webkit-tap-highlight-color: transparent; } .slider .owl-theme .owl-dots .owl-dot, .list-contract .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .service .owl-theme .owl-dots .owl-dot span{ display: none !important; } .slider .owl-theme .owl-dots .owl-dot span, .list-contract .owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; margin: 5px 2px; background: transparent; border: 1px solid #fff; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .slider .owl-theme .owl-dots .owl-dot.active span, .slider .owl-theme .owl-dots .owl-dot:hover span, .list-contract .owl-theme .owl-dots .owl-dot.active span, .list-contract .owl-theme .owl-dots .owl-dot:hover span { background: #1c8c75; border: 1px solid #1c8c75;} .list-contract .owl-theme .owl-nav > div { top: calc(50% - 60px); } .feature{ padding: 15px 0px; } .feature__item{ float: left; width: 16.66%; width: calc(16.66% - 12.5px); margin-right: 15px; background-color:#e0eaf2; overflow:hidden; font-size: 14px; text-align: center; padding: 15px 5px; border: 1px solid #bcccd9; } .feature .feature__item:last-child{ margin-right: 0px; } .feature__item .num{ width: 50px; height: 50px; background-color: #f00; } .feature__item span{margin:0;color:#0329ba; padding-top: 15px;} .feature__item span strong{ text-transform: capitalize; } .feature__item p{font-size:14px;line-height:22px;height: 40px;} @media(max-width: 480px){ .feature__item{ margin-bottom: 5px; width: 50%; width: calc(50% - 2.5px); float: left; margin-right: 5px; } .feature__item:nth-child(2n + 2){ margin-right: 0px; } .medium-header{ padding-bottom: 0px; } } @-webkit-keyframes my { 0% { color: #fff; } 50% { color: #ffeb3b; } 100% { color: #fff; } } @-moz-keyframes my { 0% { color: #fff; } 50% { color: #ffeb3b; } 100% { color: #fff; } } @-o-keyframes my { 0% { color: #fff; } 50% { color: #ffeb3b; } 100% { color: #fff; } } @keyframes my { 0% { color: #fff; } 50% { color: #ffeb3b; } 100% { color: #fff; } } .nhapnhay { background:#f00; -webkit-animation: my 700ms infinite; -moz-animation: my 700ms infinite; -o-animation: my 700ms infinite; animation: my 700ms infinite; font-weight: bold; position: relative; } .news-home{ padding: 15px 0px; padding-bottom: 30px; } /*****TÌM KIẾM TRANG CHỦ*/ .option{} .option .form-timkiem{ background-color: #e0eaf2; padding: 15px; margin-top: 15px; border-top: 2px solid #8BC34A; } .option .form-group{ width: 20%; width: calc(20% - 4px); float: left; margin-right: 5px; border-radius: 0px; margin-bottom: 5px; } .option .form-group:nth-child(5n +5){ margin-right: 0px; } .option .form-group .form-control{ border-radius: 0px; } .option .btn{ margin: 0px; } @media(max-width: 767px){ .option .form-group{ width: 100%; width: calc(100% - 0px); margin: 0px; margin-bottom: 5px; } } /*@media(min-width: 480px) and (max-width: 767px){ .option .form-group{ width: 50%; width: calc(100% - 2.5px); margin: 0px; margin-bottom: 5px; margin-right: 5px; } .option .form-group:nth-child(2n + 2){ margin-right: 0px; } }*/ /*****TÌM KIẾM TRÁI*/ .option-left .form-group{ width: 100% !important; width: calc(100% - 0px) !important; margin-bottom: 5px; } .option-left .btn{ width: 100% !important; margin: 0px; border-radius: 0px; }