@charset "UTF-8";
@import url(https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css);
@import url(https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.css);
*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}
li,ul{list-style:none;margin:0;padding:0}
body{color:#333;font-family:Roboto,arial,Helvetica,sans-serif;font-size:14px;line-height:24px;margin:0 auto;padding:0}
a{color:#333;text-decoration:none}
.container{max-width:100%!important;padding:0 10px}
.d-none{display:none!important}
.position-relative{position:relative}
.text-red{color:red!important}
.text-white{color:#fff!important}
.text-18{font-size:18px}
.txt_12{font-size:12px}
.text-uppercase{text-transform:uppercase}
.text-bold{font-weight:600}
.float-right{float:right}
.color-fb{color:#485992}
.color-users{color:#2c276a}
.overflow{overflow:hidden}
body.expanded{overflow:hidden;height:100vh}
header{position:fixed!important;top:0;left:0;right:0;z-index:9999;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.2)}
header .header-mb{background:#da251c;height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}
header .header-mb .toggle-menu{color:#fff;width:40px;position:absolute;right:0;height:45px;text-align:center;display:inline-block}
header .header-mb .toggle-menu i{font-size:25px;position:absolute;right:10px;top:10px}
header .header-mb .logo{height:45px;width:auto}
.header-cart{color:#fff;width:40px;position:absolute;right:40px;height:45px;text-align:center;display:inline-block}
.header-cart i{position:absolute;right:10px;line-height:4px;top:20px}
a.header-login{width:48px;color:#fff;position:absolute;right:75px;height:45px;text-align:center;display:inline-block}
a.header-login i{position:absolute;right:10px;line-height:4px;top:21px}
header .search{-webkit-box-flex:1!important;-ms-flex-positive:1!important;flex-grow:1!important;margin:10px}
header .search input{display:block;width:100%;height:40px;padding:6px 12px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px}
header .header-mb .header-cart img{width:30px;height:auto}
.mobile-button-search{background:#3095f5;border:none;position:absolute;top:55px;right:11px;width:50px;height:40px;color:#fff}
.icons_2019{background:url("../images/star_sprite.png") no-repeat;display:inline-block;width:74px;height:15px;vertical-align:middle;margin-top:-2px}
.icons_2019.icon-p-rate_0{background-position:0 -100px}
.icons_2019.icon-p-rate_1{background-position:0 -20px}
.icons_2019.icon-p-rate_2{background-position:0 -40px}
.icons_2019.icon-p-rate_3{background-position:0 -60px}
.icons_2019.icon-p-rate_4{background-position:0 -80px}
.icons_2019.icon-p-rate_5{background-position:0 0}
.thongso-chitiet .ts-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-wrap:nowrap;flex-wrap:nowrap;padding:8px 10px;border-bottom:1px solid #e8e8e8}
.thongso-chitiet .ts-item.button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom:none}
.thongso-chitiet .ts-item.button .buttonChitiet{background:#fff;padding:5px 10px;border:1px solid #e8e8e8;border-radius:5px;-webkit-border-radius:5px}
.thongso-chitiet .ts-title{width:50%}
.rating-input{float:right;width:16px;height:16px;padding:0;margin:0 0 0 -16px;opacity:0}
.rating-star:hover{background-position:0 0}
.rating-star{position:relative;float:right;display:block;width:17px;height:17px;background:url("..images/star_rating.png") 0 0;margin:0 3px}
.rating-star:hover,.rating-star:hover~.rating-star{background-position:0 0}
.rating-input:checked~.rating-star,.rating-star:hover,.rating-star:hover~.rating-star{background-position:0 0}
.rating-input:checked~.rating-star,.rating:hover .rating-star:hover,.rating:hover .rating-star:hover~.rating-star{background-position:0 0}
.rating-comment:hover .rating-star,.rating-star{position:relative;float:right;display:block;background:url("../images/star_rating.png") 0 -28px}
.rating-comment:hover .rating-star:hover,.rating-comment:hover .rating-star:hover~.rating-star{background-position:0 -56px!important}
#comment{width:100%;float:left;background:#fff}
#comment *{-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box}
#comment .inputText{width:100%;height:32px;padding:0 5px;border:solid 1px #ccc;max-width:300px}
#comment .right{float:right}
#comment .rating{float:none}
#comment .tbl-common td{padding:5px;border:none}
#comment .comment-form .img-avatar{float:left}
#comment .comment-form form{margin-left:50px}
#comment .comment-form textarea{height:100px;padding:5px 10px;margin-bottom:10px;width:100%}
#comment .form-input{border:solid 1px #ddd;position:absolute;background:#fff;width:100%;z-index:99;padding:10px;top:81px;display:none}
#comment .form-input .close{position:absolute;right:10px;top:5px;font-weight:700;font-size:18px;color:#888}
#comment .btn-red{background:#d00;color:#fff;padding:7px 20px;font-size:15px;border-radius:3px;-moz-border-radius:3px;border:solid 1px #ce0101}
.item_comment .comment_left{float:left;width:40px}
.item_comment .comment_right{margin-left:50px}
.item_comment p{margin:5px 0}
.item_comment{padding:15px 0;border-top:solid 1px #ddd;line-height:1.45}
.item_comment.first{border:none}
.item_reply{margin-left:20px;padding:8px;background:#f5f5f5;margin-top:5px;overflow:hidden}
.item_comment .comment-name{font-weight:700;font-size:14px}
.item_comment .comment-name .note{color:#e80000;font-style:normal;font-weight:400;font-size:10px}
#comment p{margin:5px 0}
#comment .btn-red{color:#fff!important;padding:5px 20px!important;margin-top:10px!important}
#comment .btn-comment-blue{background:#1968b3;color:#fff;border:none;line-height:34px;padding:0 15px;border-radius:4px;cursor:pointer;font-weight:500}
#backgroundPopup{display:none;position:fixed;height:100%;width:100%;top:0;left:0;background:#000;border:1px solid #cecece;z-index:9999}
#popupContact{display:none;position:fixed!important;border:0 solid #666;z-index:99991;padding:7px;font-size:13px;text-align:center}
#popupContact div{text-align:right}
#popupContact h1{text-align:left;color:#096;font-size:18px;font-weight:700;border-bottom:1px dotted #ccc;padding-bottom:2px;margin-bottom:20px}
#popupContactClose{font-size:12px;line-height:16px;right:-34px;top:4px;color:#fff;position:absolute;font-weight:700}
#popupContact .popupText{color:#fff;font-size:36px;font-weight:700;line-height:57px;padding:150px 10px 0;text-align:center;z-index:9999}
#popupContact .popupLink{text-align:center}
#popupContact .popupLink a{text-decoration:none;color:#999}
#popupContact .popupLink a:hover{color:#fff}
.nd img{max-width:100%}
.nd iframe{width:100%;height:auto;min-height:200px}
.autocomplete-suggestions::-webkit-scrollbar-track,.popup-cart-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:5px;background-color:#f5f5f5}
.autocomplete-suggestions::-webkit-scrollbar,.popup-cart-content::-webkit-scrollbar{width:8px;background-color:#f5f5f5}
.autocomplete-suggestions::-webkit-scrollbar-thumb,.popup-cart-content::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}
.autocomplete-suggestions{display:none;position:absolute;z-index:11;background-color:#fff;height:300px;width:100%;overflow-y:scroll;left:0;top:108px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.4);box-shadow:0 1px 5px rgba(0,0,0,.4);padding:10px;border:10px solid #fff}
.autocomplete-suggestion{padding:5px 0;margin-bottom:5px;border-bottom:1px solid #eee}
ul.mm-listview img{width:20px;padding-right:10px}
.cart-quantity-counter{position:absolute;right:40px;top:35px;background:#ffe100;color:#000;padding:3px 5.5px 2px 5.5px;font-size:12px;font-weight:700;text-align:center;line-height:14px;border-radius:9999px;margin:-25px 0 0 -3px}
.featured-cate{display:table;margin-bottom:20px;width:100%;min-height:300px}
.featured-cate .featured-cate-header{border:1px solid;border-bottom:0;height:40px;line-height:40px;overflow:hidden}
.featured-cate .featured-cate-header h2{float:left;width:auto;min-width:15%;padding:0 30px 0 10px;position:relative;background:#19abe0;font-size:14px;margin:0;height:40px;line-height:40px}
.featured-cate .featured-cate-header h2 a{color:#fff;font-size:1.25em;white-space:nowrap;text-shadow:1px 1px 0 rgba(0,0,0,.8)}
.featured-cate .featured-cate-header h2 a img{width:24px;max-height:24px;margin-right:10px;vertical-align:middle;-webkit-filter:brightness(100);filter:brightness(100)}
.featured-cate .featured-cate-header h2::after{position:absolute;width:0;height:0;content:"";border-width:19px;border-style:solid;border-color:transparent #fff transparent transparent;right:0;top:0}
.topnav .nav-verti .menu-list .menu-item.cate-10:hover,.topnav .nav-verti .menu-list .menu-item.cate-2:hover,.topnav .nav-verti .menu-list .menu-item.cate-6:hover{background:#19abe0}
.topnav .nav-verti .menu-list .menu-item.cate-3:hover,.topnav .nav-verti .menu-list .menu-item.cate-7:hover{background:#68b207}
.topnav .nav-verti .menu-list .menu-item.cate-4:hover,.topnav .nav-verti .menu-list .menu-item.cate-8:hover{background:orange}
.topnav .nav-verti .menu-list .menu-item:hover a{color:#fff}
.topnav .nav-verti .menu-list .menu-item:hover>img{-webkit-filter:brightness(100);filter:brightness(100)}
.featured-cate .featured-cate-header.cate-1,.featured-cate .featured-cate-header.cate-5,.featured-cate .featured-cate-header.cate-9{border-color:#f34343}
.cate-10,.cate-2,.cate-6{border-color:#19abe0!important}
.cate-10 h2,.cate-2 h2,.cate-6 h2{background-color:#19abe0!important}
.cate-3,.cate-7{border-color:#68b207!important}
.cate-3 h2,.cate-7 h2{background-color:#68b207!important}
.cate-4,.cate-8{border-color:orange!important}
.cate-4 h2,.cate-8 h2{background-color:orange!important}
.cate-1,.cate-5,.cate-9{border-color:#f34343!important}
.cate-1 h2,.cate-5 h2,.cate-9 h2{background-color:#f34343!important}
.space20{padding:10px 0!important}
.featured-cate .featured-cate-big-banner{height:auto;text-align:center;overflow:hidden}
.featured-product-list{width:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.featured-product-list .component-product{width:50%;float:left;padding:10px;position:relative;background:#fff}
.featured-product-list .component-product{border-bottom:1px solid #d3d3d3}
.featured-product-list .component-product .p-img{position:relative;padding-top:175px;overflow:hidden;height:175px}
.featured-product-list .component-product .p-img img{position:absolute;top:50%;left:50%;right:0;bottom:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;height:auto;max-width:160px}
.featured-product-list .component-product:last-child{margin-bottom:-1px}
.featured-product-list .component-product a.p-name{font-weight:700;margin:0 10px;overflow:hidden;height:70px;display:block;text-align:center;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.featured-product-list .component-product .p-info{text-align:center}
.featured-product-list .component-product span.p-price{margin:0 10px;clear:both;color:#e02631;font-weight:700;font-size:14px;white-space:nowrap}
.featured-product-list .component-product span.p-nprice{text-decoration:line-through;font-size:12px;color:#999;white-space:nowrap}
.component-product span.percent{position:absolute;top:10px;left:10px;color:#fff;background:url(../images/discount.png) center center no-repeat;background-size:cover;width:44px;height:33px;line-height:30px;font-size:13px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#footer{clear:both;border-top:1px solid #d5d5d5;margin-top:20px;padding-top:20px}
#footer .ft-cats-links{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
#footer .ft-cats-links li{padding:10px 5px;margin:0;width:33.3333%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
#footer .ft-cats-links li img{max-width:24px;vertical-align:middle;margin:0 10px}
#footer .ft-cats-links li a{color:#0089e0;font-size:13px;text-transform:uppercase}
#footer .footer-info{width:20%;display:inline;padding:0}
#footer .footer-info{display:inline-block;padding:0;width:100%}
#footer .footer-info .h2,#footer .footer-info h2{background-color:#ffb909;font-size:100%;color:#fff;text-indent:20px;line-height:25px;text-transform:none;margin-top:10px}
#footer .footer-info li{line-height:25px}
#footer .footer-info-last{float:left!important;margin:10px}
#footer .footer-info .footer-social.title{padding-right:5px}
#footer .footer-info .footer-social-item{margin:5px}
#footer .footer-payment{margin-top:5px;display:table}
#footer .footer-payment .footer-payment.title{margin-right:10px}
#footer .footer-payment .footer-payment.img{background:url() no-repeat right center;height:39px;width:258px}
#footer .footer-meta-info{display:block;border-top:1px solid #ddd;margin:10px 0;text-align:left;padding:10px}
#footer .footer-meta-info h3{text-transform:uppercase;font-size:20px}
#footer .footer-meta-info h3 i{text-transform:none;font-size:18px;font-style:normal}
#footer .footer-meta-info h3 i:before{content:" - "}
#footer .footer-meta-brand{width:100%;display:inline-block}
#footer .footer-meta-info-brand{margin-top:5px}
.#footer footer-meta-info-brand .brand-name{font-weight:700}
#footer .footer-meta-info-brand .brand-name i{font-weight:100;font-style:normal}
#footer .footer-meta-info-brand .item span{padding-right:5px;font-weight:700;display:inline-block}
#footer .footer-meta-info-brand .item .phone-number{font-weight:400;font-style:normal}
#footer .footer-verified{padding-top:10px;display:inline-block;margin-bottom:10px;float:right}
#footer .footer-verified-title{font-weight:700}
#footer .footer-verified-item{position:relative;border:solid 1px #ddd;margin:0 10px 10px 0;padding:0;height:57px;text-align:center;font-size:12px!important;vertical-align:middle}
#footer .footer-verified-item img{height:57px;width:auto;margin-right:10px}
#footer .footer-bottom{font-size:12px;margin-top:5px;text-align:center}
.float-left.footer-info ul{margin:0 30px}
.location{width:120px;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.location select{height:34px;border-radius:3px;border:solid 1px #ccc;padding:0 30px 0 0;outline:0;width:100%;background-color:#fff}
.box_footer{padding:10px;border-bottom:1px solid #dcdcdc}
.footer-center-title i{position:absolute;border:solid #111;border-width:0 2px 2px 0;display:inline-block;padding:3px;top:50%;right:10px;-ms-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%);-webkit-transform:rotate(45deg) translateY(-50%);-webkit-transition:.3s all;-o-transition:.3s all;transition:.3s all}
.footer-center-title{position:relative;color:#000;font-size:15px;text-transform:uppercase}
.footer-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.main-content{padding-top:105px}
.breadcrumb{height:30px;display:block;background:#fff;padding:8px 0;margin:8px 0}
.breadcrumb .breadcrum{margin:0;padding:0;display:block;float:left}
.breadcrumb .breadcrum li{float:left;line-height:1.2;position:relative}
.breadcrumb .breadcrum li:last-child i{display:none}
.breadcrumb .breadcrum li a{display:inline-block}
.breadcrumb .breadcrum li .fa-angle-right{margin:0;display:inline-block;padding:0 5px}
.breadcrum-item img{vertical-align:middle;margin-right:5px}
.dmuc-phai .tab-title{margin-top:15px}
.dmuc-phai .tab-title .cate-tab{border-bottom:solid 2px #ddd;margin:0 0 10px 0}
.dmuc-phai .tab-title .cate-tab ul.info-tabs{margin:0;padding:0;list-style:none;text-align:center}
.dmuc-phai .tab-title ul.info-tabs li:first-child,ul.info-tabs li:first-child:hover{font-weight:700;border:solid 1px #fff;border-bottom:none;background:#fff;display:block}
.dmuc-phai .tab-title ul.info-tabs li{background:0 0;color:#333;display:inline-block;padding:0;cursor:pointer;text-align:center;border:solid 1px #ddd;border-bottom:none;border-radius:3px 3px 0 0}
.dmuc-phai .tab-title ul.info-tabs li a{padding:4px 10px;display:block;font-size:11px}
.dmuc-phai .tab-title ul.info-tabs li.current{background:#ededed;color:#222;border:solid 1px #ddd;border-bottom:none;font-weight:700;text-shadow:1px 1px 0 #fff}
.dmuc-phai .tab-title ul.info-tabs li h1{display:block;font-size:18px}
.sort-bar{width:100%;clear:both;background:#fff}
.sort-bar h2{font-size:20px;margin:0 10px 0 0;font-weight:300}
.sort-bar .box-sub-page{height:26px;line-height:26px;margin-right:20px}
.sort-bar .box-sub-page>span{border:1px solid #adadad;display:inline-block;line-height:24px;border-radius:3px;color:#0089e0;font-weight:700;height:24px;overflow:hidden}
.sort-bar .box-sub-page>span a{display:block;line-height:24px;color:#333;font-weight:400;padding:0 5px}
.sort-bar .box-sort select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;width:180px;border:1px solid #ddd;border-radius:3px;height:26px;padding:4px;color:#888;margin-left:5px;outline:0;background:#fff;line-height:1.2}
.sort-bar .box-sort::after{display:inline-block;width:0;height:0;vertical-align:middle;border-top:4px solid #888;border-right:4px solid transparent;border-left:4px solid transparent;content:"";margin-left:-15px}
.sort-bar .view-sort{margin-left:10px}
.sort-bar .view-sort .button-view{-webkit-appearance:none;-webkit-user-select:none;width:30px;height:26px;background-color:#fff;border:1px solid #ddd;border-radius:3px;margin-right:5px;float:left}
.sort-bar .view-sort .button-view.grid.active{width:30px;height:26px;border:1px solid #adadad;border-radius:3px;background:url(../images/Grid-active.png) no-repeat center}
.sort-bar .view-sort .button-view.grid{background:url(../images/Grid.png) no-repeat center}
.sort-bar .view-sort .button-view.list{background:url(../images/List.png) no-repeat center}
.sort-bar .view-sort .button-view.list.active{width:30px;height:26px;border:1px solid #adadad;border-radius:3px;background:url(../images/List-active.png) no-repeat center}
.float-left{float:left!important}
.float-right{float:right!important}
.paging{clear:both;width:100%;margin:0;margin:15px 0!important;text-align:center;display:inline-block}
.paging a{background-color:#fff;border:1px solid #ddd;border-radius:3px;padding:8px 10px;margin:0 2px}
.paging a.current{background-color:#f34343;border:1px solid #f34343;color:#fff;display:initial}
.more-list-prod{position:relative;background-color:#fff;padding-bottom:20px;width:100%;float:left}
.title-more-list-prod .h2,.title-more-list-prod h2{font-size:1.4em;font-weight:500;line-height:40px;margin-top:10px;border-bottom:1px solid #eee}
.more-prod{width:50%;overflow:hidden}
.title-more-prod-col .h3,.title-more-prod-col h3{font-size:1.15em;font-weight:500;line-height:40px;text-indent:34px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.more-prod.col1 h3{background:url(../images/new-badge.png) no-repeat left bottom}
.more-prod.col2 h3{background:url(../images/hot-badge.png) no-repeat left bottom}
.more-prod.col3 h3{background:url(../images/wow-badge.png) no-repeat left bottom}
.more-prod .more-prod-item{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;line-height:25px;width:100%;margin-left:13px;text-indent:10px;border-left:2px solid}
.more-prod.col1 .more-prod-item{border-color:#68b207}
.more-prod.col2 .more-prod-item{border-color:#da251c}
.more-prod.col3 .more-prod-item{border-color:#19abe0}
.product-list-news-left{width:100%;float:left;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}
.product-list-news-right{float:right;width:100%;display:none;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}
.product-list-news-left span.float-left.title{width:100%;clear:both;background:#fff}
.product-list-news-left .product-list-news-left-list.list-article{margin-top:10px;float:left;width:100%}
.product-list-news-left article.product-list-news-left-list-item{width:100%;line-height:35px;border:none;background:0 0}
.product-list-news-left article.product-list-news-left-list-item h3{vertical-align:middle;line-height:26px;display:inline-block;font-size:18px;padding:10px 0;margin:0}
.product-list-news-left article.product-list-news-left-list-item h3 a{color:#19abe0}
.product-list-news-left article.product-list-news-left-list-item{margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}
.product-list-news-left .list-article-desc{display:block;line-height:20px;text-align:justify}
.product-list-news-left .list-article-desc .read-more{color:#19abe0}
.product-list-news-left span.float-left.title h2{font-size:18px}
.product-list-news-right.featured-product-list .component-product{width:50%;border:0}
.product-list-news-left .list-video{display:-webkit-box;display:-ms-flexbox;display:flex;float:left;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.product-list-news-left .list-video .video-item{width:50%;float:left;padding:5px;border:solid 1px rgba(200,200,200,0);border-radius:3px;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.product-list-news-left .list-video .video-item:hover{border:solid 1px #c8c8c8}
.product-list-news-left .list-video .video-item h3{font-size:13px;text-align:center;margin:15px 0}
body.layout1 .dmuc-phai .slider-dmuc,body.layout1 .dmuc-trai{display:none}
body.layout1 .dmuc-phai{width:100%;float:left;margin-left:0}
body.layout1 .product-list-news-right{display:block;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);border:0}
#product-list-product .featured-product-list{border:1px solid #d3d3d3}
.sort-bar .sort-zone,.sort-bar .title-bar{width:100%;margin:10px 0}
.filter-holder{margin:10px 0}
.filter-holder .filter-component{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:relative}
.filter-holder .filter-component .item{padding:0 5px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:33.33333333%;margin-bottom:5px}
.filter-holder .filter-component .item .filter-name{border:1px solid transparent;background-color:#3095f5;border-radius:5px;padding:5px 20px 5px 10px;width:100%;color:#fff;text-transform:uppercase}
.filter-holder .filter-component .item .filter-name::before{content:'\f0d7';position:absolute;right:5px;font-family:Fontawesome;font-size:14px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff;font-weight:900}
.filter-holder .filter-component .item .filter-list{display:none;overflow:auto;width:100%;max-height:250px;position:absolute;background-color:#fff;-webkit-box-shadow:0 0 6px 0 #c3c3c3;box-shadow:0 0 6px 0 #c3c3c3;z-index:11;top:35px;left:0;padding:5px 15px}
.filter-holder .filter-component .item .filter-list.active{display:block}
.filter-holder .filter-component .item .filter-list li{margin:4px 0;line-height:24px;position:relative}
.filter-holder .filter-component .item .filter-list li.attr-item{width:50%;float:left}
.filter-holder .filter-component .item .filter-list li.attr-item .attr-title{font-size:16px;color:#111}
.filter-holder .filter-component .item.attribute{position:unset!important}
.filter-holder .filter-component .item.attribute .filter-name::before{display:none}
.filter-holder .filter-component .item .filter-attr{width:100%}
.filter-holder .filter-component .item .filter-list li.current::after{content:'\f057';position:absolute;right:-10px;top:4px;color:#e00;font:normal normal normal 14px/1 FontAwesome}
.filter-holder .filter-component .item.sort .filter-list{width:150px;right:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.filter-holder .filter-component .item .filter-list li.current a{color:#e00}
@media (max-width:480px){
.more-prod{width:100%}
}
.count-item{margin-left:5px;color:#999}
.product-detail-top-left{position:relative;float:left;background-color:#fff;z-index:4;vertical-align:top;max-width:100%;width:100%}
.product-detail-top-left .product-detail-image-top{width:100%;height:100%;position:relative;overflow:hidden}
.product-detail-top-left .product-detail-image-bottom{display:block;margin-top:10px;text-align:center}
.product-detail-top-left .product-detail-image-bottom>div{display:inline-block;margin:0 8px;vertical-align:middle;cursor:pointer;position:relative}
.product-detail-top-left .product-detail-image-bottom>div img{width:70px;height:60px;display:block;border:1px solid #dfdfdf;border-radius:4px;text-align:center;position:relative}
.product-detail-top-left .product-detail-image-bottom .box-text{display:block;width:100%;height:100%;position:relative;z-index:1;background:rgba(0,0,0,.5);color:#fff;padding:10px;text-align:center;border-radius:4px;font-weight:700;font-size:12px;text-shadow:none;position:absolute;top:0}
.product-detail-top-left .product-detail-image-bottom>div.tskt{color:#4a90e2;line-height:16px;font-size:13px;border:none;text-align:center}
.product-detail-top-left .product-detail-image-bottom .tskt.js-open-tskt .fa-chain{display:inline-block;background:#4f93e3;width:18px;height:18px;line-height:18px;color:#fff;border-radius:100%;font-size:10px}
.product-detail-top-right .more-support{width:100%;float:left;display:block}
.product-detail-top-right .more-support .bx-contact{width:100%;float:left;text-align:left;padding:10px;line-height:22px;background-color:#fcfcfc;border:1px solid #eee;margin-bottom:10px}
.product-detail-top-right .more-support span.title-cnt{font-size:1.1em;text-transform:uppercase;border-bottom:1px solid #ddd;padding-bottom:5px;display:block}
.product-detail-top-right .more-support .bx-contact .sup-item{width:100%;float:left;margin:10px 0 0 0;line-height:20px}
.product-detail-top-right .more-support .bx-contact .sup-item .useful-read li{display:block;padding:0 0 8px 8px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}
.product-detail-top-right .more-support ul.useful-read li::before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;content:"\f105";position:absolute;top:3px;left:0}
.product-detail-top-right .more-support .useful-read li a{color:#0094e6}
.product-detail-top-right .more-support .bx-contact .title-support{display:block}
.product-detail-top-right .more-support .bx-contact .sup-item .icon-chat a{margin-right:8px;display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.product-detail-top-right .more-support .sup-item .icon-chat img{margin-right:5px}
.product-detail-top-right .more-support .bx-contact .sup-item.item2>span{display:block;margin-left:10px}
.product-detail-top-right{width:100%;padding:0;float:left;display:block}
.product-detail-top{display:inline-block;width:100%}
.product-detail-top-right .product-detail-info{float:left;margin-right:20px;width:100%}
.product-detail-info .prod-offer .prod-title h1{font-size:26px;color:#19abe0;margin-right:20px;font-weight:500}
.product-detail-info .prod-offer .info-prod{line-height:28px}
.product-detail-info .prod-offer .info-prod .title{display:inline-block;min-width:100px!important}
.product-detail-info .prod-offer .info-prod.prod-price .info .p-price{font-size:1.5em;font-weight:700;color:#da251c;display:inline-block;line-height:28px;vertical-align:top}
.more-vat{font-size:12px;color:#666;display:inline-block;line-height:28px;vertical-align:top}
.prod-old-price .info{text-decoration:line-through;font-size:15px}
.prod-save-money .info{font-weight:700}
.info-prod.prod-brand .brand-link{margin-right:10px}
.info-prod.prod-brand .info a{color:#19abe0}
.stock{text-indent:22px;line-height:30px;height:30px;font-weight:500;display:inline-block}
.stock{background:url(../images/stock.png) no-repeat 0 center;color:#009688}
.Prod-credit{width:100%;margin-bottom:15px}
.btn-order{display:inline-block;cursor:pointer;color:#fff;font-size:20px;height:40px;text-decoration:none;width:calc(50% - 10px);max-width:210px;text-align:center;border-radius:3px;margin:15px 0}
.send-support{background-color:#19abe0;font-size:18px;position:relative}
#btn-support{background-color:#0fa80f}
.btn-order .btn-order-icon{height:40px;float:left;font-size:.8em;width:50px}
.btn-order .text-btn{text-align:center;line-height:40px;display:inline-block}
.btn-order .icon-spcart{background:url(../images/shoppingcart.png) no-repeat center center;border-right:1px solid #e16055}
.btn-order .icon-love{background:url(../images/OnlineSupport.png) no-repeat center center;border-right:1px solid #4dbfe9;border-right:1px solid #56ca56}
.button-buy{background-color:#da251c;margin-right:20px;float:left;display:block}
.support-form{position:relative;z-index:10}
.support-form>.box-contact-support{position:absolute;background:#f6fcfe;width:100%;right:0;top:0;padding:10px 20px;border:solid 1px #19abe0;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.25);box-shadow:0 1px 6px rgba(0,0,0,.25);display:none}
.support-form .box-inner{position:relative;z-index:10}
.support-form .box-close{position:absolute;top:-5px;right:-16px;display:block;width:20px;height:20px;border-radius:50%;text-align:center;text-indent:1px;color:#fff;font-size:16px;line-height:18px;text-shadow:1px 1px 0 #888}
.sup-item{float:left;margin-bottom:15px;line-height:20px;width:100%}
.supp-address{font-weight:700;float:left;color:green;margin-right:10px}
.sup-item .supp-hotline,.sup-item .worktime-hd{font-weight:500}
.sup-item .fa{padding-right:5px;font-size:1.4em;line-height:.75em;vertical-align:-15%}
.sup-item .worktime-hd{padding-right:5px}
.product-detail-main-content{float:left;width:100%;border-top:1px solid #ddd;margin-top:15px;padding:15px 0}
.product-detail-main-content-left{float:left;width:100%}
.product-detail-main-content-right{float:left;width:100%}
.product-detail-main-content-left .nd{margin:0;line-height:24px;font-size:12px;padding-top:15px}
.product-detail-main-content-left .Box-prod-tags{margin-top:10px;border-top:1px solid #ddd;float:left;width:100%;border-bottom:1px solid #ddd;padding-bottom:10px;padding-top:5px}
.product-detail-main-content-left .Box-prod-tags .title-tags,.product-detail-main-content-left .Box-prod-tags .title-useful{text-transform:uppercase;line-height:25px;font-weight:700}
.product-detail-main-content-left .Box-prod-tags .fa{color:#da251c;font-size:14px}
.product-detail-main-content-left .Box-prod-tags .prod-tags ul li{float:left;padding:0 10px 0 10px;margin-right:10px;font-size:.97em;line-height:25px}
.product-detail-main-content-left .Box-prod-tags .prod-tags ul li a{color:#0092db}
.product-detail-main-content-left .tab-comments,.product-detail-main-content-left .tab-specifications{width:100%;margin-top:15px;margin-bottom:15px}
.product-detail-main-content-left .title-sepcs .h2,.product-detail-main-content-left .title-sepcs h2{font-size:18px;color:#333;margin-top:15px;font-weight:500}
.product-detail-main-content-left .body-sepcs{margin-top:10px;width:100%;border:1px solid #eee;border-bottom:none;line-height:36px}
.product-detail-main-content-left .body-sepcs .row:nth-child(odd){background-color:#fcfcfc;border-bottom:1px solid #eee}
.product-detail-main-content-left .body-sepcs .row:nth-child(2n+2){background-color:#fff;border-bottom:1px solid #eee}
.product-detail-main-content-left .body-sepcs .item-before{font-weight:500;padding-left:10px;border-right:1px solid #eee;width:45%;display:inline-block}
.product-detail-main-content-left .body-sepcs a{display:inline-block}
.nd .icons{background:0 0}
.nd table{border-collapse:collapse}
.nd{font-size:14px;line-height:1.5;text-align:justify}
.nd h1{display:block;font-size:2em;-webkit-margin-before:0.67em;-webkit-margin-after:0.67em;-webkit-margin-start:0px;-webkit-margin-end:0;font-weight:700;margin:.67em 0}
.nd h2{display:block;font-size:1.5em;-webkit-margin-before:0.83em;-webkit-margin-after:0.83em;-webkit-margin-start:0px;-webkit-margin-end:0;font-weight:700;margin:.83em 0}
.nd h3{display:block;font-size:1.17em;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0px;-webkit-margin-end:0;font-weight:700}
.nd h4{display:block;-webkit-margin-before:1.33em;-webkit-margin-after:1.33em;-webkit-margin-start:0px;-webkit-margin-end:0;font-weight:700;font-size:1em}
.nd h1,.nd h2,.nd h3,.nd h4,.nd h5,.nd h6{color:#17a2b8}
.nd ul{padding-left:40px!important;margin:1em 0;list-style:initial}
.nd ol li,.nd ul li{list-style:initial!important}
.nd ol{padding-left:40px!important;margin:1em 0;list-style:decimal!important}
.nd ol li{list-style-type:decimal!important}
.nd p{margin:1em 0}
.nd table{border-collapse:collapse;width:100%!important;max-width:100%;overflow-x:scroll;display:block}
.nd table td,.nd table th{border:solid 1px #ddd;padding:5px}
.nd a{font-size:initial;color:#4285f4}
.nd{line-height:1.45}
.nd table td img{max-width:9999px}
.nd strong{font-weight:700}
#anchor-spec li{display:block}
.comment-box{width:100%;margin-top:15px;margin-bottom:15px}
.top-box-comment{padding:15px;border:solid 1px #ccc}
.top-box-comment h3{font-size:14px;font-weight:500}
.form-comment{overflow:hidden;margin-top:10px;min-height:0}
#rate-form .input-account-form{margin-bottom:5px;display:inline-block;float:left;width:auto;padding-right:10px}
.info-form-comment,.input-comment{width:100%;height:60px;border:1px solid #ddd;border-radius:3px;text-indent:5px}
#rate-form .form-item-title{width:110px;text-align:right;padding-right:10px;float:left;font-weight:500;line-height:30px;width:90px!important}
#rate-form .prod-rate{position:relative;overflow:hidden;float:left;line-height:30px}
.rating{border:none;float:left}
input[type=checkbox],input[type=radio]{display:none}
.rating>label{color:#ddd;float:right}
.rating>label:before{padding:0 5px 0 0;font-size:1.25em;font-family:FontAwesome;display:inline-block;content:"\f005"}
.rating:not(:checked)>label:hover,.rating:not(:checked)>label:hover~label,.rating>input:checked~label{color:#ffb909}
.button-comment{width:140px;height:30px;line-height:28px;border:1px solid #0092db;background-color:#0092db;border-radius:3px;color:#fff;cursor:pointer;margin:0 auto;text-align:center}
.box-thuonghieu{margin-top:10px;float:left;width:100%}
.box-thuonghieu .title-thuonghieu .h2{font-size:18px;margin-top:10px}
.box-thuonghieu .desp-thuonghieu{padding:10px 0}
.box-thongtin{margin-top:10px;float:left;width:100%}
.box-thongtin .title-thongtin{text-transform:uppercase;line-height:25px;font-weight:700}
.box-thongtin .content-thongtin{border:1px dashed #ddd;border-radius:3px}
.box-thongtin .thongtin-item{width:100%;background-color:#f7f7f7;line-height:35px;border-bottom:1px solid #fff;position:relative}
.box-thongtin .thongtin-item input[type=checkbox]+label span{width:16px;height:16px;border-radius:14px;margin-left:5px;background:url(../images/PlusMath-20.png) no-repeat center center;border-color:#19abe0;background-size:14px}
.box-thongtin .thongtin-item h3{font-size:1.1em;vertical-align:middle;line-height:1.7em;display:inline-block;padding:6px;margin-left:20px}
.box-thongtin .more-info-checked{opacity:0;height:0;overflow:hidden;visibility:hidden;display:none;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.box-thongtin .thongtinhuuich-detail{text-align:justify;margin:0;padding:5px 15px}
.box-thongtin .thongtin-item label{position:absolute;top:0;left:0}
input[type=checkbox]+label span{display:inline-block;width:16px;height:16px;border-radius:14px;margin-left:5px;vertical-align:middle;border:1px solid #ddd;background-color:#fff;cursor:pointer}
input[type=checkbox]:checked~.more-info-checked,input[type=radio]:checked~.more-info-checked{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);overflow:visible;visibility:visible;height:auto;width:100%;display:block}
.related-prod{margin-top:10px;float:left;width:100%}
.related-prod .h2,.related-prod h2{font-weight:700;font-size:1.3em;padding:8px 5px}
.related-prod .list-related{width:100%}
.related-prod .list-related .component-product{border:0}
.prod-video-wrap{width:100%;border:1px solid #ddd;float:left;margin-top:15px}
.prod-video{margin:10px}
.prod-video .h2{font-size:18px;font-weight:700}
.prod-video-item{width:100%;float:left;border-top:1px solid #ddd;padding:5px 0 5px 0;overflow:hidden}
.prod-video-item .img-thumb-video{width:50%;float:left;margin:5px;position:relative;text-align:center}
.prod-video-item .img-thumb-video img{width:100%;height:auto}
.prod-video-item .txt-thumb-video{width:130px;float:left;margin:5px}
.txt-thumb-video p:first-child{font-weight:600;font-size:12px;line-height:1.25}
.txt-thumb-video .video-viewmore{color:#da251c;font-weight:700;font-size:13px}
.similar-prod-wrap{width:100%;border:1px solid #ddd;float:left;margin-top:15px}
.prod-similar{line-height:20px;margin:10px}
.prod-similar .h2{font-size:18px;font-weight:700;display:inline-block}
.list-prod-similar .component-product{width:100%;float:left;border-right:0!important;padding:5px 0 5px 0;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.similar-prod-wrap a.p-action{display:none}
.list-prod-similar.featured-product-list .component-product .p-img{width:50%}
.list-prod-similar.featured-product-list .component-product .p-info{margin-top:20px;text-align:left;width:50%;margin-left:10px}
.list-prod-similar.featured-product-list .component-product .p-info .p-name{text-align:left;margin:0;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:24px}
.product-detail-image-top .owl-dots{color:#333;cursor:pointer;background:#f1f1f1;width:100%}
.product-detail-image-top .owl-dots .owl-dot{text-align:center;-webkit-tap-highlight-color:transparent;padding:7px 0;vertical-align:middle}
.product-detail-image-top .owl-dots .owl-dot span{width:8px;height:8px;margin:3px 5px}
#countSlider{width:50px;text-align:center;padding:8px 0;background:#ddd;float:right;line-height:18px;margin-top:-30px;position:absolute;bottom:0;right:0;z-index:100}
.product-detail-top-right .more-support .bx-contact .sup-item .icon-support{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap}
.cart-main-content-item{border-radius:3px;overflow:hidden;float:left;padding:0;margin:10px 0}
.cart-main-content-item.car-left{width:100%}
.cart-main-content-item.car-right{width:100%;border:1px solid #ddd;border-radius:3px}
.checkout-box{border:1px solid #ddd;border-radius:3px;overflow:hidden}
.cart-main-content-item .title-cart{padding:5px;background:#f8f8f8;border-bottom:1px solid #ddd}
.cart-main-content-item .title-cart .fa{color:#19abe0}
.cart-main-content-item .title-cart h2{font-size:16px;font-weight:500;padding-left:10px;display:inline-block;line-height:26px;vertical-align:bottom}
.checkout-content.customer-info{margin:15px}
.checkout-content.customer-info .form-item{margin-bottom:10px;display:block}
.checkout-content.customer-info .form-item-title{width:120px;text-align:right;padding-right:10px;float:left;font-weight:500;line-height:30px}
.checkout-content.customer-info .form-item .input-item{outline:0;position:relative;width:calc(100% - 120px);text-transform:capitalize;padding:0 10px;height:30px;border:1px solid #ddd;border-radius:2px;background-color:#fdfdfd}
.checkout-content{margin:5px 20px}
.checkout-content .ship-item.ship-note{line-height:27px}
.checkout-content .form-input-note{border:1px solid #e3e3e3;border-radius:3px;width:100%;height:50px;padding:0 8px}
.checkout-cart-title{border-bottom:1px dashed #ddd;line-height:30px;font-weight:500;overflow:hidden;padding:0 5px}
.checkout-cart-title li{float:left;border-left:1px solid #fff}
.checkout-cart-list .cart-product-name,.checkout-cart-title .cart-product-name{width:45%;text-align:left;margin-left:10px}
.checkout-cart-list .cart-product-count,.checkout-cart-title .cart-product-count{width:60px;margin:0 5px;text-align:center;float:left}
.checkout-cart-list .cart-product-money,.checkout-cart-list .cart-product-price,.checkout-cart-title .cart-product-money,.checkout-cart-title .cart-product-price{width:15%;text-align:center;margin:0 5px}
.checkout-cart-list .cart-product-money,.checkout-cart-list .cart-product-price,.checkout-cart-title .cart-product-money,.checkout-cart-title .cart-product-price{width:80px;text-align:center;margin:0 5px;float:left}
.checkout-cart-title li:first-child{border-left:none}
li.cart-product-item{border-bottom:1px dotted #f7f7f7;width:100%;float:left;padding:5px}
li.cart-product-item:last-child{border-bottom:none}
.checkout-cart-list .cart-product-name,.checkout-cart-title .cart-product-name{width:calc(100% - 265px);text-align:left;float:left;margin-left:0}
.cart-product-images{text-align:center;overflow:hidden;margin:0 auto}
.cart-product-images img{max-width:100%}
span.add-number-cart{width:45px;height:23px}
span.add-number-cart input{width:35px;text-align:center;border:1px solid #e3e3e3;border-radius:3px}
.checkout-footer{border-top:1px solid #eee;background-color:#f8f8f8;width:100%;padding-bottom:15px;padding-top:15px}
.row-item{width:100%}
.checkout-finish{clear:both;position:relative;margin:10px 0 0 0}
.checkout-footer-left{float:left;border:solid 1px #19abe0;border-radius:3px;padding:10px 20px;margin:0 20px}
.buy-continue:before,.checkout-footer-left:before{border-right:5px solid #19abe0;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;content:"";margin-top:5px}
.buy-other a{color:#19abe0;font-weight:500;margin-left:10px;vertical-align:middle}
.checkout-footer-right{float:left;text-align:left;width:100%;line-height:25px;padding:0 20px}
.checkout-footer-right .bill-row .text-right{width:57%;display:inline-block;float:left;text-align:right}
.text-bill{text-align:right;float:right}
.text-bill:before{content:" ";display:inline-block}
.checkout-finish .checkout-btn{float:right;margin:10px 18px 0 0;display:block;background:#19abe0;border:1px solid #19abe0;padding:8px 18px;color:#fff;font-size:1.2em;cursor:pointer}
.checkout-finish .checkout-btn .fa{margin-right:10px}
p.cart-product-title{display:inline-block;width:100%;margin:5px 0}
.w-100{width:100%!important}
.clearfix{clear:both}
#promotion-page .title-page .h-title{margin:0;float:left;background:#c60000;color:#fff;font-weight:400;font-size:18px;font-style:italic;line-height:40px;padding:0 15px;position:relative;margin-right:30px}
#promotion-page .title-page .h-title b{color:#fff62a;font-size:19px}
#promotion-page .title-page .h-title:after{content:'';display:block;width:0;border:solid 20px transparent;border-left-color:#c60000;position:absolute;top:0;right:-40px}
#promotion-page .title-page>span{display:inline-block;margin-left:10px}
#promotion-page .title-page{line-height:40px;font-style:italic;font-size:14px;border:dashed 1px #ccc;margin-bottom:10px}
#promotion-page .list .item{width:calc(50% - 20px);float:left;margin:0 10px;display:block;margin-bottom:20px;border-bottom:solid 1px #ddd;padding-bottom:15px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
#promotion-page .list .item .img{width:100%;height:180px}
#promotion-page .list .item .title{font-size:16px;font-weight:700;display:block;margin:8px 0;color:#1a4388;text-align:center;line-height:22px;height:44px;overflow:hidden}
#promotion-page .list .item .time{color:#888;font-size:14px;text-align:center;display:block;font-style:italic}
#promotion-page .list .item:hover{opacity:.8}
#promotion-page .list .item .status{font-weight:400;color:#e00;display:block;text-align:center;margin-top:4px}
.support-form>.box-contact-support{position:absolute;background:#f6fcfe;width:100%;right:0;top:0;padding:10px 20px;border:solid 1px #19abe0;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.25);box-shadow:0 1px 6px rgba(0,0,0,.25)}
.box-contact-support .box-close{position:absolute;top:-5px;right:-16px;display:block;width:20px;height:20px;border-radius:50%;text-align:center;text-indent:1px;color:#fff;font-size:16px;line-height:18px;text-shadow:1px 1px 0 #888}
.box-contact-support{display:block;padding:3px}
.box-contact-support h3{color:#19abe0;font-size:1.2em;font-weight:500}
.box-contact-support .form-row{position:relative;margin:5px 0;z-index:10}
.box-contact-support .form-row input{width:100%}
.box-contact-support .txt-contact{line-height:30px;position:static;text-indent:10px;margin:0;padding:0;border:1px solid #ddd;outline:0;width:100%}
.box-contact-support .btn-send{border-radius:4px;border:1px solid #19abe0;width:30%;text-align:center;line-height:30px;color:#fff;margin:0 auto;display:block;background:#19abe0}
#slide-banner-danhmuc{position:relative}
#slide-banner-danhmuc .owl-nav div.owl-next,#slide-banner-danhmuc .owl-nav div.owl-prev{color:#333;font-size:18px;position:absolute;top:50%;text-align:center;opacity:1;border:1px solid transparent;border-radius:50%;background-color:rgba(255,255,255,.3);width:40px;height:40px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);vertical-align:middle}
#slide-banner-danhmuc .owl-nav div.owl-prev{left:2%;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s}
#slide-banner-danhmuc .owl-nav div.owl-next{right:2%;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s}
#slide-banner-danhmuc:hover .owl-nav div.owl-next:hover,#slide-banner-danhmuc:hover .owl-nav div.owl-prev:hover{color:#fff;background:#19abe0;border:1px solid #0c94b8}
#slide-banner-danhmuc .owl-nav div.owl-next i,#slide-banner-danhmuc .owl-nav div.owl-prev i{line-height:30px;color:#fff;font-size:24px;font-weight:600}
.product-list-news-left .list-video .video-item img{max-width:100%;width:100%;height:auto}
.collection-tab-list{padding:0;display:inline-block;width:100%;border:1px solid #e3e3e3;border-radius:5px;-webkit-border-radius:5px}
.collection-tab-list .collection-tab-list-title{display:block;font-size:18px;color:#333;line-height:24px;font-weight:400;margin:10px}
.collection-tab{font-size:16px;line-height:46px;text-transform:uppercase;font-weight:600}
.collection-tab-list .collection-content>div{display:inline-block;background-color:#fff;width:100%;float:left;padding:10px 0}
.collection-tab-list .collection-content .p-item{display:inline-block;width:100%;background-color:#fff;position:relative}
.collection-tab-list .collection-content .p-item .p-image{padding-bottom:0;text-align:center;width:100px;position:relative;float:left;display:inline-block}
.collection-tab-list .collection-content .p-item .p-image img{width:100%;height:auto}
.collection-tab-list .collection-content .p-item .p-info{float:left;width:calc(100% - 120px);margin-left:15px}
.collection-tab-list .collection-content .p-item .p-info .p-name{margin-bottom:5px;font-size:13px;color:#424242;text-transform:uppercase;font-weight:400;max-height:50px;overflow:hidden;display:inline-block;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.collection-tab-list label{font-size:16px}
.collection-tab-list .collection-content .p-item .p-info .p-price{color:#c00;font-weight:600;font-size:14px;margin-bottom:0}
.collection-tab-list .collection-content .p-item .p-info .change{color:#7cb5f8;font-style:normal!important;font-weight:300}
.js-check-select input[type=checkbox]+label{display:inline-block;cursor:pointer;margin-bottom:0;margin-right:5px}
.js-check-select input[type=checkbox]:checked:disabled+label:before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);background-color:#518bdf;border-color:#518bdf}
.js-check-select input[type=checkbox]+label:before{content:"\2714";border:.1em solid #000;border-radius:.2em;display:inline-block;width:15px;height:15px;line-height:15px;text-align:center;color:transparent;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;font-size:10px}
.js-check-select input[type=checkbox]:checked+label:before{background-color:#518bdf;border-color:#518bdf;color:#fff}
.js-check-select input[type=checkbox]:disabled+label:before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);border-color:#aaa}
.combo-group-detail{padding:0 10px}
.combo-group-detail .box-combo .label-combo{padding:18px 10px 18px 0;display:inline-block;margin:0}
.box-combo .price{color:#c00;font-weight:700;font-size:22px;letter-spacing:.5px}
.combo-group-detail .box-combo .label-combo{padding:5px;display:inline-block;margin:0}
.line-through{text-decoration:line-through;color:#999;font-weight:400}
.combo-group-detail .box-combo .buy-now{background:#da251c;display:inline-block;width:100%;overflow:hidden;padding:5px 10px;font-size:20px;line-height:normal;color:#fff;text-align:center;font-weight:600;border-radius:5px}
.combo-group-detail .box-combo .buy-now span{margin:5px 0!important;font-size:14px;display:block}
#change-combo{position:fixed;width:calc(100% - 20px);max-width:100%;min-height:250px;background:#fff;top:50%;left:50%;z-index:200;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,.25);box-shadow:1px 1px 4px 0 rgba(0,0,0,.25);border:2px solid transparent;border-radius:3px;display:none;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:15px;z-index:9999}
#change-combo .title{text-align:left;font-size:15px;color:#000;font-weight:700;text-transform:uppercase;margin:10px 0}
.bg-popup-combo{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:.8;z-index:9998;display:none}
#change-combo .p_check{position:absolute;right:10px}
.combo-change-prod{width:calc(50% - 20px);position:relative;cursor:pointer;border:1px solid #ececec;padding:10px;margin:10px;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.combo-change-prod img{height:100px;max-width:100%}
a.btn-change-combo{display:inline-block;color:#518bdf;border:1px solid #518bdf;padding:5px;border-radius:5px;text-decoration:none;text-transform:uppercase;font-size:12px;margin:5px 0;text-align:center}
.product-detail-top-right .more-support .bx-contact .sup-item .icon-support .icon-chat{min-width:25%}
h3.text-14{font-size:14px!important;margin:5px 0}
div#show-accessory{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow-y:auto;overflow-x:hidden;max-height:350px;-ms-flex-wrap:wrap;flex-wrap:wrap}
.d-flex{display:-ms-flexbox!important;display:-webkit-box!important;display:flex!important}
.cart-content{border:1px solid #e3e3e3;padding:15px;-webkit-box-shadow:2px 4px 5px #e3e3e3;box-shadow:2px 4px 5px #e3e3e3}
.send-card-page h2{font-size:36px;color:#da251c;text-align:center;margin-bottom:30px}
.send-card-page p strong{color:#1f3478}
.send-card-page p a{color:#1f3478}
.send-card-page .info-send-card{background-color:#f7f7f7;border:1px solid #e1e1e1;padding:15px}
.send-card-page .info-send-card strong{color:#000;-ms-flex:0 0 140px;-webkit-box-flex:0;flex:0 0 140px;max-width:140px}
.send-card-page .back-home{color:#e26763;letter-spacing:.6px;background-color:#3095f5;font-size:20px;font-weight:700;text-transform:uppercase;padding:10px;display:inline-block;float:right;margin-top:20px}
.text-18{font-size:18px}
.text-14{font-size:14px}
.send-card-page h2{font-size:36px;color:#da251c;text-align:center;margin-bottom:30px}
.send-card-page p strong{color:#1f3478}
.send-card-page p a{color:#1f3478}
.send-card-page .info-send-card{background-color:#f7f7f7;border:1px solid #e1e1e1;padding:15px}
.send-card-page .info-send-card strong{color:#000;-ms-flex:0 0 140px;-webkit-box-flex:0;flex:0 0 140px;max-width:140px}
.send-card-page .back-home{color:#fff;letter-spacing:.6px;background-color:#3095f5;font-size:20px;font-weight:700;text-transform:uppercase;padding:10px;display:inline-block;float:right;margin-top:20px}
.cart-content{border:1px solid #e3e3e3;padding:15px;-webkit-box-shadow:2px 4px 5px #e3e3e3;box-shadow:2px 4px 5px #e3e3e3;margin-top:10px}
.comment-list .item{padding:15px 0;border-top:solid 1px #eee;display:-webkit-box;display:-ms-flexbox;display:flex}
.comment-list .item.no-border{border:0;padding:0}
.comment-list .item .comment-left img{width:40px;float:left}
.comment-list .item .comment-right{margin-left:10px;width:100%}
.comment-list .item .comment-name span{font-weight:700;margin-right:2px}
.comment-list .item .comment-name .note{color:#e00;font-size:.7em}
.comment-list .info-feeback{overflow:hidden;padding-bottom:10px}
.comment-list .info-feeback .time{float:left;color:#999}
.comment-list .info-feeback .right{float:right}
.comment-list .item .reply-comment{display:none}
.comment-list .item .comment-left{width:20px;height:20px;line-height:20px;text-align:center;border-radius:3px;margin-right:5px;font-weight:700;-webkit-box-shadow:0 0 3px rgba(0,0,0,.5);box-shadow:0 0 3px rgba(0,0,0,.5);text-shadow:1px 1px 0 #fff}
.comment-list .item .comment-right .comment-name{color:#68b205}
.comment-form .img-avatar{float:left;width:40px}
.relative{position:relative;z-index:9}
.comment-form form{margin-left:50px;padding-bottom:15px}
.comment-form-input{padding:5px 0;position:absolute;width:100%}
.comment-form-input .close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}
.box-thongtin .thongtin-item a.thongtin-link{color:#19abe0}
.send-card-page .cart-content{border:1px solid #e3e3e3}
.cart-content{border:1px solid #e3e3e3;padding:15px;-webkit-box-shadow:2px 4px 5px #e3e3e3;box-shadow:2px 4px 5px #e3e3e3}
.box-thongtin .thongtin-item a.thongtin-link{color:#19abe0}
.pay-info-text .payment{display:block;line-height:25px;margin:5px}
input[type=radio]:checked+label span{background:url(../images/radio-checked.png) no-repeat center center;border-color:#19abe0}
input[type=radio]:checked+label .pay-content{display:block!important}
input[type=radio]+label span{display:inline-block;width:14px;height:14px;margin:-1px 4px 0 0;vertical-align:middle;border:1px solid #ddd;border-radius:8px;background-color:#fff;cursor:pointer}
.total-order{color:#da251c;border-top:1px solid #ddd;clear:both;font-weight:700}
p.cart-product-price-old{overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-decoration:line-through}
p.cart-product-price-sale{color:#69b00a;font-size:12px;font-weight:500}
input[type=number]::-webkit-inner-spin-button{opacity:1}
.cart-chinhsach{font-size:11px;color:#666;text-align:right;clear:both;padding:5px 20px;clear:both}
.cart-chinhsach a{color:#19abe0}
@media (max-width:600px){
#footer .ft-cats-links li{width:50%}
}
@media (max-width:360px){
#footer .ft-cats-links li{width:100%}
}
.featured-product-list .component-product:nth-child(odd){border-right:1px solid #d3d3d3}
.product-list-news-right.featured-product-list .component-product:nth-child(odd){border:0}
.list-prod-similar.featured-product-list .component-product .p-info .p-price{margin:0;display:block}
.list-prod-similar .component-product:first-child{border-top:1px solid #d3d3d3}
.related-prod .list-related .component-product:nth-child(odd){border:0}
.comment-list .item .comment-right .comment-name .icon-star{background-image:url(/template/default/images/star_sprite.png);width:92px;height:17px;vertical-align:sub;display:inline-block;background-repeat:no-repeat}
.comment-list .item .comment-right .comment-name .icon-star.star0{background-position:0 -109px}
.comment-list .item .comment-right .comment-name .icon-star.star1{background-position:0 -88px}
.comment-list .item .comment-right .comment-name .icon-star.star2{background-position:0 -67px}
.comment-list .item .comment-right .comment-name .icon-star.star3{background-position:0 -43px}
.comment-list .item .comment-right .comment-name .icon-star.star4{background-position:0 -23px}
.comment-list .item .comment-right .comment-name .icon-star.star5{background-position:0 0}
.product-detail-image-top .owl-theme .owl-nav .owl-prev{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;text-align:left;background:0 0;color:#333;font-size:40px;padding:0;margin:0}
.product-detail-image-top .owl-theme .owl-nav .owl-next{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:0;text-align:left;background:0 0;color:#333;font-size:40px;padding:0;margin:0}
.rating-summary{margin:0;display:inline-block;left:0;vertical-align:top;position:relative;text-align:left;z-index:0}
.rating-summary .label{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;display:none}
.rating-summary .rating-result{width:88px;display:inline-block;position:relative;vertical-align:middle}
.rating-summary .rating-result>span{display:block;overflow:hidden}
.rating-summary .rating-result:before{left:0;position:absolute;top:0;width:100%;z-index:1;-webkit-font-smoothing:antialiased;color:#c7c7c7;font-size:14px;height:14px;line-height:11px;content:"\f005" "\f005" "\f005" "\f005" "\f005";font-family:FontAwesome;letter-spacing:5px;display:block;font-style:normal;font-weight:400;speak:none}
.rating-summary .rating-result>span:before{position:relative;z-index:2;-webkit-font-smoothing:antialiased;color:#414141;font-family:FontAwesome;font-size:14px;height:14px;letter-spacing:5px;line-height:11px;content:"\f005" "\f005" "\f005" "\f005" "\f005";display:block;font-style:normal;font-weight:400;speak:none}
.rating-summary .rating-result>span::before{color:#ffae0e}
@media (max-width:400px){
.prod-video-item .img-thumb-video,.prod-video-item .txt-thumb-video{width:100%}
}
b.isadmin{text-transform:uppercase;color:#333;font-weight:400;font-size:10px;background:#fdd16b;padding:2px 6px;border-radius:3px;line-height:18px;margin-left:10px}
.product-mode-list-item{width:100%;float:left;padding-bottom:5px;padding-top:15px}
.product-mode-list-item .product-list-item-left{width:calc(50% - 15px);position:relative;vertical-align:top;margin-right:15px}
.list-product-discount{margin:0;padding:0;position:absolute;right:5px;top:5px;height:30px;line-height:30px;z-index:1;background:#0089e0;pointer-events:none}
.list-product-discount span{padding:0 6px;color:#fff}
.list-product-discount span:before{content:"";float:left;position:absolute;top:0;left:-15px;width:0;height:0;border-color:transparent #0089e0 transparent transparent;border-style:solid;border-width:15px 15px 15px 0;z-index:1}
.list-product-discount span:after{content:"";position:absolute;top:13px;left:-5px;float:left;width:4px;height:4px;border-radius:2px;background:#fff;-webkit-box-shadow:-1px -1px 2px #004977;box-shadow:-1px -1px 2px #004977}
.list-product-thumb{text-align:center;overflow:hidden;margin:10px;display:block;padding-top:100%;position:relative}
.list-product-thumb img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}
.product-mode-list-item .product-list-item-right{width:50%;display:table-cell;vertical-align:top;position:relative;cursor:pointer;text-align:left}
.product-mode-list-item .product-list-item-right .home-product-title a{font-weight:700;margin:0 10px;display:block;overflow:hidden}
.product-mode-list-item .product-list-item-right .list-product-price{margin:0 10px;clear:both}
.product-mode-list-item .product-list-item-right .list-product-meta-price{color:#da251c;font-weight:700;font-size:1.1em}
.product-mode-list-item .product-list-item-right .list-product-old-price{text-decoration:line-through;font-size:.9em;color:#555}
.product-mode-list-item .product-list-item-right .short-description{margin-left:10px;text-align:justify}
.product-mode-list-item .product-list-item-right .short-description a{color:#19abe0}
.box-info-payment{border:1px solid #ddd;border-radius:3px;margin:10px 0;background:#fbfbfb}
.box-info-payment .info-payment-top{padding-left:10px}
.box-info-payment .info-payment-center{padding-left:10px;padding-right:10px}
.info-payment-item{margin-top:10px;border-bottom:1px dotted #ddd;clear:both;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.info-payment-item .payment-thumb{width:100px;height:100px;display:inline-block;margin-right:15px}
.info-payment-item .payment-detail{width:100%;display:inline-block;vertical-align:top;line-height:20px}
.info-payment-item .payment-bankname{font-weight:700}
.info-payment-item .payment-detail span{background:0 0!important;border:none!important;width:auto;height:auto;font-weight:500}
.news-detail-content.article-detail.nd table{margin:0 auto}
div#all-cate{padding:5px 5px 0;background:#fff;border-bottom:dotted 1px #ccc;-moz-column-width:250px;-webkit-column-width:250px;column-width:250px}
.all-cate-item{border:dotted 1px #ccc;border-bottom:none;display:block;padding:3px 5px 3px 10px;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.all-cate-item .cat-icon{display:block;float:left;width:30px;height:30px;margin-right:5px;padding:1px;-webkit-box-sizing:content-box;box-sizing:content-box}
.all-cate-item .cat-icon img{max-width:100%;max-height:100%;border:none}
.all-cate-item a{text-decoration:none;line-height:30px}
.all-cate-item.sm_0{font-weight:500;font-size:1.2em;text-transform:uppercase}
.all-cate-item.sm_0 a{color:#19abe0}
.all-cate-item.sm_1{font-weight:500;font-size:1.1em;padding-left:10px}
.all-cate-item.sm_2{padding-left:25px}
.all-cate-item.sm_3{padding-left:40px}
.related-article{margin-top:10px;clear:both}
.related-article .title{height:29px;background:#eee;border-bottom:solid 1px #ccc;color:#333;text-transform:uppercase;font-weight:700;border-radius:3px 3px 0 0;padding:0 5px;line-height:29px}
.list-related-article ul{margin:0 0 0 20px;padding:0;line-height:20px}
.list-related-article ul li{padding:8px 0 0 0;list-style:disc!important}
.list-related-article ul li a{text-decoration:none!important;color:#0089e0!important}
.new-custom.featured-product-list .component-product:hover{border-color:#ddd}
.new-custom.featured-product-list .p-action{display:block;background-color:#f34343;border:1px solid transparent;color:#fff;padding:5px 0;margin:5px 0;visibility:visible;opacity:1;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;border-radius:5px;-webkit-border-radius:5px}
.float-icon{display:block;width:40px;position:fixed;bottom:20px;left:15px;z-index:111}
.float-icon ul{display:block;width:100%;padding-left:0;margin-bottom:0}
.float-icon ul li{display:block;width:100%;position:relative;margin-bottom:10px;cursor:pointer}
.float-icon ul li i{display:block;width:40px;height:40px;text-align:center;line-height:36px;background-color:#ff6a00;-webkit-box-shadow:0 0 5px#888;box-shadow:0 0 5px #888;color:#fff;font-weight:700;border-radius:50%;position:relative;z-index:2;border:2px solid #fff}
.float-icon ul li a{display:inline-block;padding:0 0;color:#111;border:2px solid #fff;border-radius:20px;height:40px;line-height:36px;position:absolute;top:0;left:15px;z-index:0;overflow:hidden;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;background-color:#ff6a00;-webkit-box-shadow:0 0 5px#888;box-shadow:0 0 5px #888;width:135px;padding-left:30px;padding-right:10px}
.float-icon ul li i{background-color:#6bbaeb}
.float-icon ul li a{background-color:#fff}
.float-icon ul li:first-of-type i{background-color:#ed1c24}
.float-icon ul li:first-of-type span{background-color:#ed1c24}
.float-icon ul li:nth-of-type(2) i{background-color:#37b272}
.float-icon ul li:nth-of-type(2) span{background-color:#37b272}
.float-icon ul li:nth-of-type(3) i{background-color:#ff6a00}
.float-icon ul li:nth-of-type(3) span{background-color:#ff6a00}
.float-icon ul li:nth-of-type(4) i{background-color:#00f}
.float-icon ul li:nth-of-type(4) span{background-color:#00f}
.float-icon-mobile{display:none;width:100%;position:fixed;bottom:10px;left:10px;z-index:111}
.float-icon-mobile ul{display:block;width:100%;margin-bottom:0;padding-left:0}
.float-icon-mobile ul::after{content:"";display:block;width:100%;height:0;clear:both}
.float-icon-mobile ul li.content_product_daily{margin-bottom:0}
.float-icon-mobile ul li{display:block;width:100px;float:left;padding:0;text-align:center;color:#fff;font-weight:700;height:40px;line-height:40px;background-color:#ff6a00;border-radius:20px}
.float-icon-mobile ul li a{display:block;width:100%;color:#fff}
.float-icon-mobile ul li.bg_color_1{-webkit-animation:bg_color_1 2s infinite;animation:bg_color_1 2s infinite}
.float-icon-mobile ul li.bg_color_2{-webkit-animation:bg_color_2 2s infinite;animation:bg_color_2 2s infinite}
.float-icon-mobile ul li i{margin-right:5px}
/*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes bounce{
20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
@keyframes bounce{
20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes flash{
50%,from,to{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash{
50%,from,to{opacity:1}
25%,75%{opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse{
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse{
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand{
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes rubberBand{
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes shake{
from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake{
from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes headShake{
0%{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes headShake{
0%{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}
@-webkit-keyframes swing{
20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
@keyframes swing{
20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes tada{
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble{
from{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{-webkit-transform:none;transform:none}
}
@keyframes wobble{
from{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{-webkit-transform:none;transform:none}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes jello{
11.1%,from,to{-webkit-transform:none;transform:none}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
@keyframes jello{
11.1%,from,to{-webkit-transform:none;transform:none}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}
@-webkit-keyframes bounceIn{
20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{
20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInDown{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInLeft{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInRight{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInUp{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut{
20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
@keyframes bounceOut{
20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown{
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes bounceOutDown{
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes bounceOutLeft{
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes bounceOutRight{
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes bounceOutUp{
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}
@keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{
from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDownBig{
from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft{
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{
from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftBig{
from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight{
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{
from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightBig{
from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{
from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpBig{
from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut{
from{opacity:1}
to{opacity:0}
}
@keyframes fadeOut{
from{opacity:1}
to{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes fadeOutDownBig{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes fadeOutLeftBig{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes fadeOutRightBig{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes fadeOutUpBig{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip{
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip{
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX{
from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInX{
from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY{
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY{
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX{
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
@keyframes flipOutX{
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY{
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
@keyframes flipOutY{
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn{
from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to{-webkit-transform:none;transform:none;opacity:1}
}
@keyframes lightSpeedIn{
from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to{-webkit-transform:none;transform:none;opacity:1}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut{
from{opacity:1}
to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
@keyframes lightSpeedOut{
from{opacity:1}
to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn{
from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateIn{
from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft{
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownLeft{
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight{
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownRight{
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft{
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpLeft{
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight{
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpRight{
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut{
from{-webkit-transform-origin:center;transform-origin:center;opacity:1}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
@keyframes rotateOut{
from{-webkit-transform-origin:center;transform-origin:center;opacity:1}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft{
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
@keyframes rotateOutDownLeft{
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight{
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutDownRight{
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft{
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutUpLeft{
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight{
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
@keyframes rotateOutUpRight{
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes hinge{
0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
@keyframes hinge{
0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes jackInTheBox{
from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}
50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes jackInTheBox{
from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}
50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}
@-webkit-keyframes rollIn{
from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes rollIn{
from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
@keyframes rollOut{
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes zoomIn{
from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes zoomIn{
from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomInDown{
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomInDown{
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft{
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomInLeft{
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight{
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomInRight{
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
@-webkit-keyframes zoomInUp{
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomInUp{
from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes zoomOut{
from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}
@keyframes zoomOut{
from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes zoomOutDown{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomOutDown{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}
@-webkit-keyframes zoomOutLeft{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
@keyframes zoomOutLeft{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}
@-webkit-keyframes zoomOutRight{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
@keyframes zoomOutRight{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}
@-webkit-keyframes zoomOutUp{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomOutUp{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@-webkit-keyframes slideInDown{
from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInDown{
from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft{
from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInLeft{
from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight{
from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInRight{
from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInUp{
from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInUp{
from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown{
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes slideOutDown{
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-webkit-keyframes slideOutLeft{
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes slideOutLeft{
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight{
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes slideOutRight{
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp{
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes slideOutUp{
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
#pagingArticle{text-align:center}
#pagingArticle a{display:inline-block;height:25px;width:25px;line-height:23px;text-align:center;border:1px solid #dcdcdc;border-radius:5px;-webkit-border-radius:5px;margin:10px 5px!important}
#pagingArticle a.active,#pagingArticle a:hover{background-color:#333;color:#fff}
body.layout1 .tomtat-danh-muc{display:none}
.product-list-news-right.featured-product-list.new-custom{display:block;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.article_list .list-item.cate-tuyendung{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}
.article_list .list-item.cate-tuyendung .item{padding:10px;border:solid 1px rgba(200,200,200,0);border-radius:3px;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;text-align:left;-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.article_list .list-item.cate-tuyendung .item:hover{border:solid 1px #c8c8c8}
.article_list .list-item.cate-tuyendung img{width:auto;float:none}
.article_list .list-item .item{overflow:hidden;display:inline-block;width:100%;padding:12px 10px;color:#333;border-top:solid 1px #eee}
.article_list .list-item img{float:left;width:280px;margin-right:10px}
.article_list .item .info{margin-left:290px}
.article_list .list-item .name{display:block;color:#333;font-weight:700;font-size:18px;padding-bottom:10px}
#pagingArticle{text-align:center}
#pagingArticle a{display:inline-block;height:25px;width:25px;line-height:23px;text-align:center;border:1px solid #dcdcdc;border-radius:5px;-webkit-border-radius:5px;margin:10px 5px!important}
#pagingArticle a.active,#pagingArticle a:hover{background-color:#333;color:#fff}
.prod-save-money .info .discount-detail{background:#288ad6;padding:3px 5px 3px 0;border-top-right-radius:3px;border-bottom-right-radius:3px;margin-left:30px;font-weight:400;color:#fff;position:relative;display:inline-block;line-height:17px}
.prod-save-money .info .discount-detail::before{content:"";float:left;position:absolute;top:0;left:-14px;width:0;height:0;border-color:transparent #288ad6 transparent transparent;border-style:solid;border-width:12px 12px 11px 0;z-index:1;-webkit-box-shadow:3px 0 0 #288ad6;box-shadow:3px 0 0 #288ad6}
.comment-prod{display:block}
@media(max-width:400px){
.mb-item-2020 .p-nprice{display:block;height:24px}
}
.product-list-news-left article.product-list-news-left-list-item .blog-left{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.product-list-news-left article.product-list-news-left-list-item .blog-left img{max-width:100%}
.product-list-news-left article.product-list-news-left-list-item .blog-right{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.product-list-news-left-2020 .component-product{width:100%!important}
.product-list-news-left-2020{border:0}
.product-list-news-left article.product-list-news-left-list-item .blog-right .blog-created-date{display:block;color:#b7b5b5}
.product-list-news-left article.product-list-news-left-list-item .blog-right .title{margin-bottom:5px;font-size:16px;line-height:24px}
.product-list-news-left .list-article-desc p{margin-bottom:5px;font-size:12px}
.title-video h2{font-size:16px;font-weight:700;margin-bottom:10px}
.desc-product{line-height:24px;font-size:16px;margin-bottom:10px}
.sum-product-v{display:inline-block;width:100%}
.sum-product-v-right{width:100%;display:inline-block;float:right}
.sum-product-img img{max-width:100%}
.sum-product-v-left{width:100%;display:inline-block;vertical-align:top}
.sum-product-v-left .detail-info-spec{margin:15px 0}
.detail-info-spec .info-spec-left{min-width:100px;display:inline-block;vertical-align:top}
.detail-info-spec .info-spec-right{display:inline-block;width:calc(100% - 105px)}
.detail-info-spec .info-spec-left{min-width:100px;display:inline-block;vertical-align:top}
.detail-info-spec .p-price{font-size:18px;font-weight:700;color:#da251c;display:inline-block;line-height:18px}
.detail-info-spec .p-price-vat{margin-left:10px}
.btn-buy-wrap{width:100%;display:inline-block;margin-bottom:5px}
.btn-supp-wrap{position:relative;width:100%;display:inline-block;float:right}
.btn-shopp-manual{cursor:pointer;color:#fff;display:block;font-size:20px;height:45px;width:100%;text-align:center;border-radius:3px}
.btn-shopp-manual.btn-buy{background-color:#da251c}
.btn-shopp-manual.btn-supp{background-color:#0fa80f;display:block}
.btn-buy-wrap .txt-shopp,.btn-shopp-manual.btn-supp .txt-shopp{padding-top:8px;display:block}
.title-specs{padding-left:0}
.title-specs h2{font-size:18px}
.body-specs{border:1px solid #ddd;background-color:#fff}
.body-specs ul li{border-bottom:1px solid #eee}
.body-specs ul li .specs-left{font-weight:500;min-width:200px;border-right:1px solid #eee;padding:7px 5px}
.body-specs ul li .specs-right{padding-left:5px}
.body-specs a{display:inline-block}
.block{display:inline-block}
.icon-shopp{height:45px;float:left;font-size:.8em;width:50px}
.icon-spcart{background:url(../images/ShoppingCart-32.png) no-repeat center center;border-right:1px solid #ffffff3b}
.icon-supp{background:url(../images/btn-tuvan.png) no-repeat center center;border-right:1px solid #ffffff3b}
.video-page-title:before{background:url(https://trungtammuasam.vn/media/news/3101_1409_lg.png) no-repeat;width:32px;height:32px;border-radius:50%;content:"";position:absolute;background-size:32px;left:0;top:13px}
.list-video-detail{margin:5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
.list-video-item{-webkit-box-flex:0;-ms-flex:0 0 49%;flex:0 0 49%;max-width:49%;margin:10px .5%;vertical-align:top}
.list-video-item .img-video-d img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;position:absolute;top:0;left:0;right:0;bottom:0}
.list-video-item a{display:inline-block}
.list-video-item .img-video-d{display:inline-block;width:100%;position:relative;padding-top:55%}
.title-video-page h3{font-size:14px;font-weight:lighter;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;height:55px}
#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}
#toc_container.have_bullets li{padding-left:12px}
#toc_container{background:#f9f9f9;border:2px dotted #089bcc;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:14px}
#toc_container.toc_light_blue{background:#eaf9f8}
#toc_container.toc_white{background:#fff}
#toc_container.toc_black{background:#000}
#toc_container.toc_transparent{background:none transparent}
#toc_container .toc_title{text-align:center;font-weight:700;margin:0;padding:0;font-size:16px;margin-bottom:8px}
#toc_container .toc_title a{color:#00f}
#toc_container.toc_black .toc_title{color:#aaa}
#toc_container span.toc_toggle{font-weight:400;font-size:90%}
#toc_container p.toc_title+ul.toc_list{margin-top:1em}
.toc_wrap_left{float:left;margin-right:10px}
.toc_wrap_right{float:right;margin-left:10px}
#toc_container a{text-decoration:none;text-shadow:none;color:initial;line-height:20px}
#toc_container a:hover{text-decoration:underline}
.toc_toggle a{cursor:pointer}
.toc_content a{display:block;color:#0089e4!important}
#outp span,#outp strong{font-size:14px!important;display:block;color:#0089e4;font-style:italic;font-family:inherit!important;font-weight:400}
#outp li,#outp ul{list-style:none;margin:0;padding:0!important}
#outp ul ul ul li{padding-left:12px}
#outp ol{list-style-type:none;counter-reset:item;margin:0;padding:0!important;color:#0089e4!important;font-weight:400}
#outp li{display:table!important;counter-increment:item;margin-bottom:7px!important}
#outp li:before{content:counters(item, ".") ". ";display:table-cell;padding-right:.6em;font-weight:700;color:#0089e4!important}
#outp li li:before{content:counters(item, ".") " ";font-weight:700;color:#0089e4!important}
#toc_container a:hover span,#toc_container a:hover strong{color:#da251c!important}
.prod-Specifications{padding-top:10px}
.body-sepcs{margin-top:10px;width:100%;border:1px solid #eee;border-bottom:none;line-height:36px}
.body-sepcs li:nth-child(odd){background-color:#fcfcfc;border-bottom:1px solid #eee}
.product-detail-main-content-left .body-sepcs li:nth-child(2n+2){background-color:#fff;border-bottom:1px solid #eee}
.body-sepcs .item-after{padding:0 10px;display:inline-block;width:45%}
.body-sepcs a{display:inline-block;font-size:12px}
.result-filter-item{padding:3px 5px;background-color:#eee;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center;border-radius:3px;margin:0 10px 5px 0;display:inline-block;position:relative;cursor:pointer}
.result-filter-item a{display:inline-block;cursor:pointer}
.filter-title.block{display:inline-block}
.result-filter-item a{display:inline-block;cursor:pointer}
.close-filter .fa{font-size:20px;vertical-align:middle;margin-left:4px}
.result-filter-item.last{background-color:#0071c4;color:#fff;text-align:left;font-size:14px}
.result-filter-item.last a{color:#fff!important}
ul.list-result-filter{display:inline-block;width:100%;padding-bottom:10px}
.filter-holder .filter-component{-ms-flex-wrap:wrap;flex-wrap:wrap}
@media (max-width :480px){
.filter-holder .filter-component{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.filter-holder .filter-component .item{-webkit-box-flex:0;-ms-flex:0 0 49.5%;flex:0 0 49.5%;max-width:49.5%;margin-right:0;margin-bottom:5px}
.sort-bar .sort-zone{margin-top:0}
.sort-bar .box-sub-page{margin-bottom:5px;width:100%}
.sort-bar .box-sort select{margin-left:0}
}
.custom-filter{position:relative}
.custom-filter .attr-filter-new{display:inline-block;line-height:40px;padding-right:5px}
.custom-filter .attr-filter-new .attr-filter-title::after{content:'';width:0;height:0;border-top:4px solid #8a8787;border-left:4px solid transparent;border-right:4px solid transparent;display:inline-block;vertical-align:middle;margin-left:1px}
.attr-filter-content{overflow:scroll;height:100vh;-webkit-overflow-scrolling:touch;width:100%;position:absolute;background-color:#fff;z-index:5555;left:0;-webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,.1);box-shadow:0 10px 10px 0 rgba(0,0,0,.1);padding-bottom:250px}
.sort-by-price-title{text-align:left;text-transform:none;color:#333;background-color:#f4f4f4;padding:5px 0;text-indent:10px;border-top:1px solid #eee;border-bottom:none}
.list-filter{padding-bottom:1px}
.filter-item{width:48%;display:inline-block;margin:5px 0;vertical-align:top;line-height:20px}
.filter-item .select-filter-item{display:block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0}
.filter-item .select-filter-item input{position:absolute;opacity:0;cursor:pointer}
.filter-item .filter-check{position:absolute;top:3px;left:10px;height:12px;width:12px;background-color:#fff;border:1px solid #2196f3;border-radius:3px}
.filter-item .filter-link{margin-left:29px;display:inline-block}
.count-filter-item{color:#999;margin-left:5px}
.select-filter-item input:checked~.filter-check{background-color:#2196f3}
.filter-item .filter-check::after{left:3px;top:0;width:5px;height:8px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);content:"";position:absolute}
.select-filter-item input:checked~.filter-check:after{display:block}
.tab-filter-close{background-color:#0071c4;font-size:16px;text-align:center;line-height:40px;margin-top:20px}
.tab-filter-close a{color:#fff;font-size:16px}
.tomtat-danh-muc table{border-collapse:collapse;width:100%}
.tomtat-danh-muc td,.tomtat-danh-muc th{text-align:center!important;border:1px solid #ddd!important;padding:.5em 5px!important;font-size:1.2em!important}
.tomtat-danh-muc table *{font-size:12px!important}
a.has-video-thumb{display:inline-block;margin:0 5px;vertical-align:middle;cursor:pointer;position:relative;width:70px;height:60px;color:#fff;padding:10px;text-align:center;border-radius:4px;font-weight:700;background-size:100% 100%!important;background-repeat:no-repeat!important;background-position:top center!important}
.prod-promotion-2020{padding:10px 0;background-color:#fff;position:relative}
.prod-promotion-2020 .prod-promotion-content{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding-top:15px;width:100%;position:relative;margin-bottom:5px}
.prod-promotion-2020 .prod-promotion-content .prod-icon{position:absolute;left:13px;top:-12px;z-index:1;width:100px;height:22px;border-radius:20px;background-color:#fff;line-height:22px}
.prod-promotion-2020 .prod-promotion-content .prod-icon span{font-size:12px;font-weight:700;color:#da251c;text-transform:uppercase;text-align:center;line-height:22px;display:block;text-indent:15px}
.prod-promotion-2020 .prod-promotion-content .prod-icon span:before{content:"";position:absolute;background:url(../images/icon_gift_2020.png) no-repeat left center;width:16px;height:16px;top:1px;left:6px;background-size:16px}
.prod-gift-item{position:relative;display:block;margin-bottom:5px}
.prod-gift-item .prod-promotion-left{vertical-align:top}
.prod-gift-item .prod-promotion-left .prod-item-thumb{margin:0 5px;background-color:#fff;vertical-align:middle;width:50px;height:50px}
.prod-gift-item .prod-promotion-left .prod-item-thumb img{max-width:100%}
.prod-gift-item .prod-promotion-right{vertical-align:0;width:calc(100% - 68px);display:inline-block}
.prod-gift-item .prod-promotion-right .prod-item-title{margin:0 0 5px 0}
.prod-promotion-right .prod-item-time{font-size:12px}
i.icons-social{display:inline-block;background-image:url(../images/social-icon.png?v=12);background-size:100%;background-color:transparent;width:25px;height:25px;border:none;outline:0}
i.icons-social.icon-fbmess{background-position:0 -100%}
i.icons-social.icon-fb{background-position:0 0}
i.icons-social.icon-pinterest{background-position:0 -300%}
i.icons-social.icon-twitter{background-position:0 -400%}
.share-social-wrap a{display:inline-block;padding:0 2px}
i.icons-social.icon-linkedin{background-position:0 -175px}
.space10{display:block;height:10px}
.block-video-right.block-video-detail h1{font-size:20px;margin:5px 0 10px 0}
.show-more{display:none;width:265px;height:40px;line-height:40px;border:1px solid #941c1a;text-align:center;color:#941c1a;border-radius:7px;margin:25px auto 0 auto}
.emtry_content{overflow:hidden;position:relative}