@font-face{
    font-family:'UVNTinTuc';
    src: url('../fonts/uvntintuchepthem_b-swiss.ttf');
}
@font-face {
 font-family:'Roboto';
 src:url(../fonts/Roboto-Regular.ttf);
 font-weight:normal;
}
@font-face {
 font-family:'Roboto';
 src:url(../fonts/Roboto-Bold.ttf);
 font-weight:bold;font-style:normal;
}
@font-face {
 font-family:'Roboto';
 src:url(../fonts/Roboto-Italic.ttf);
 font-weight:normal;font-style:italic;
}
@font-face {
 font-family:'Roboto';
 src:url(../fonts/Roboto-BoldItalic.ttf);
 font-weight:bold;font-style:italic;
}
body{
    font:13px/20px 'Roboto', Arial,Tahoma,sans-serif;
    color:#000
}
a{
    text-decoration: none;
    color:#212121;
}
a:hover{color:#0042de}
.center{text-align: center;}
.container{
    width:1100px;
    margin:0px auto;
}
#wrapper{
    background: #fff;
}
#cart-icon{
    position: fixed;
    right:0px;
    top:280px;
}
img{
	max-width: 100%;
    height: auto !important;
}
/* ----------- Header ----------- */
.top-box{padding: 5px 0;}
#banner{display: inline-block;}
#search-box {
    position: relative;
    right: 0px;
    top: 32px;
    border-radius: 5px;
    display: inline-block;
    float: right;
    margin-right: 30px;
}
.txt-search{
    width: 300px;
    padding: 3px;
    border-radius: 3px;
    border: 1px solid #888888;
    line-height: 22px;
}
.sel-search{
    background:#fff;
    border-radius:3px;
    border:none;
    padding:2px 5px;
}
.but-search{
    width: 70px;
    height: 28px;
    /* float: right; */
    /* background: url(../img/search_icon.png) no-repeat center; */
    /* margin-left: 3px; */
    position: absolute;
    right: 1px;
    top: 1px;
    cursor: pointer;
    background: #fe9900;
    color: #FFF;
    text-transform: uppercase;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    font-size: 12px;
}
.support-top{
    display: inline-block;
    float: right;
    line-height: 15px;
    text-align: center;
    margin-top: 25px;
    padding-left: 30px;
    background: url('../img/phone.png') left center no-repeat;
    font-size: 15px;
}
#header{
    margin-bottom:5px;
}
.menu-box {
    padding-bottom: 1px;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 3px 10px #eee;
}
/*Menu category*/
#category{
    border: 1px solid #ccc;
    border-radius: 10px;
    padding-bottom: 8px;
}
#category .top{
    height: 45px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    line-height: 45px;
    padding: 0 10px;
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
}
#category .top .title i{
    color: #22489e;
    font-size: 18px;
    margin-right: 10px;
}
.left-cate{
    float: left;
    width: 235px;
    margin-right: 20px;
}
img.img_cate {
    float: left;
    border: 1px solid #ccc;
    border-radius: 50%;
    padding: 2px;
    box-sizing: border-box;
    top: 4px;
    position: relative;
    left: 5px;
}
/*menu page*/
.right-box{
    float: right;
    width: 845px;
}
#menu-page{
    height: 35px;
    margin-bottom: 10px;
    position: relative;
        display: inline-block;
}
#menu-page ul{
	list-style: none;
	}
#menu-page li{
	float: left;
	}
#menu-page a{
	display: block;
    line-height: 35px;
    padding: 0px 15px;
    color: #000;
    margin-right: 1px;
    text-transform: uppercase;
    font-size: 15px;
    border: 1px solid transparent;
}
#menu-page li:hover a,#menu-page li.current a{
    color: #Fe9900;
    border: 1px solid #fe9900;
    border-radius: 10px;
}
/* ----------- Main ----------- */
#sidebar{
    float: left;
    width: 235px;
}
/*#right_sidebar{
    width: 195px;
    float: right;
    margin-right: 20px;
}*/
#main-content{
    float: left;
    width: 845px;
    margin-left: 20px;
}
#main-content .field .top .title{
    padding: 0 20px;
}
#main-content .product-item{
    margin-right: 65px;
}
/* ----------- Sidebar ----------- */
.module{
    margin-bottom: 10px;
    border: 1px solid #c5c5c5;
    border-radius: 10px;
}
.module .top{
    height: 35px;
}
.module .top .title{
    text-align: center;
    font-size: 16px;
    line-height: 35px;
    text-transform: uppercase;
    color: #f56200;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}
.module .middle{
}
/* -- category -- */
#category .middle{
   background: #fff;
}
#category ul{list-style: none;}
#category .lv1{position: relative;}
.lv1  li  a{
    display: block;
    padding: 7px 10px;
    background-position: 10px;
    padding-left: 35px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    position: relative;
}
.lv1  li:last-child a{
	border-bottom: none;
}
.lv1 > li .expand,.lv2 > li .expand{
    position: absolute;
    background:url(../img/arrow.png) no-repeat center;
    right:0px;
    top:-1px;
    cursor: pointer;
    width:34px;
    height:34px;
}
.lv1 li > ul.lv2{
    display: none;
    position: absolute;
    left: 100%;
    min-height: 100%;
    width: 865px;
    top:0px;
    min-width: 150px;
    z-index: 99;
    background: #FFF;
    border: 1px solid #ccc;
    padding-top: 10px;
}
.lv1 li:hover > ul{display: block}
.lv2 > li {
    width: 30%;
    float: left;
    margin: 0 10px;
    padding-bottom: 10px;
}
.lv2 > li > a{
    font-weight: bold;
}
.lv2 > li a{
    padding: 0px 10px;
    border-bottom: 0px;
    padding-left: 30px;
}
.lv3 > li a{
    font-size: 15px
}
#category a:hover{
    text-decoration: none;
}
/* -- reg-email -- */
#reg-email .middle{
    padding:10px;
}
#reg-email label{
    font-weight: bold;
    margin-bottom:5px;
}
#reg-email .txt{margin-bottom:5px;}
/* -- last news -- */
#last-news{
}
#last-news .item{
    border-bottom:1px dashed #e6e5e5;
    padding:5px;
}
#last-news .item:last-child{border-bottom:none}
#last-news .item .thumb{
    float:left;
    width:55px;
    margin-right:5px;
}
#last-news .item .thumb img{
    width:50px;
    height:50px;
    padding:1px;
    border:1px solid #ccc;
}
#last-news .item .title a{
    font-size: 12px;
    line-height:17px;
    display: block;
    font-weight: normal;
}
/* -- cart -- */
#cart-md .middle{
    padding:10px;
}
#cart-md p{
    font-weight: bold;
}
#cart-md p span{
    color:#ff0000;
}
/* -- support -- */
#support .middle{
    text-align: center;
}
.support-item{
    text-align: center;
    border-bottom:1px dotted #ccc;
}
.support-item:last-child{
    border-bottom: 0px;
}
.support-item .name{
	padding:5px 0 0 0;
    font-weight: bold;
    color:#0042de;
    margin-bottom:5px;
    font-size:16px;
}
.support-item .nick{
    margin-bottom:0px;
}
.support-item .phone{
    font-weight: 500;
    color:#ff0000;
    font-size: 18px;
    margin: 5px 0;
}
/* -- adv -- */
#adv .middle{
    overflow: hidden;
}
#adv img{
  	margin: 5px 0 2px 9px;
    max-width:180px;
}
/* -- stat -- */
#stat .middle{
    text-align: center;
    padding:10px;
}
#fanpage{
	background:#fff;
	margin-bottom:10px;
}
/* ----------- home ----------- */
#slider{}
/* -- field -- */
.field{
    margin-bottom: 10px;
}
.field .top{
   /* background: url(../img/menu_page.png) repeat-x top left;*/
   background: #eee;
    height: 65px;
}
.field .top .title{
    display: inline-block;
    padding-left: 5px;
    font-size: 16px;
    line-height: 65px;
    text-transform: uppercase;
    color: #fff;
    background: #f56300;
    position: relative;
    margin-bottom: 0px;
    font-weight: 500;
}
ul.list_cate_child{
    list-style: none;
    display: inline-block;
    float: right;
}
ul.list_cate_child li{
    display: inline-block;
    float: left;
    line-height: 65px;
    margin: 0 5px;
}
ul.list_cate_child li a{
    color: #fe9900;
    border: 1px solid #fe9900;
    border-radius: 10px;
    padding:8px 10px;
    font-size: 15px;
}
.field .top .title .img_cate_home{
    float: left;
    position: relative;
    top: 8px;
}
.field .top .title a{color:#FFF;    padding-left: 5px;}
.field .top .title:after{
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    border-left: 40px solid #f56300;
    border-top:33px solid transparent;
    border-bottom:32px solid transparent;
}
.field .middle{
   background: #fff;
padding: 5px;
text-align: justify;
}
/* -- last product -- */
.product-item{
    float: left;
    width: 230px;
    margin-right: 50px;
    margin-bottom: 30px;
    text-align: center;
    border: 2px solid transparent;
    position: relative;
    padding-bottom: 5px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.product-item:hover{border: 2px solid #FE9900;}
.thumb1
{
    margin-bottom: 5px;
}
.product-item .hidden{display: none;}
.product-item .thumb img:hover{
    box-shadow:0px 0px 3px #505050;
}
.product-item h2.name a{
    font-size:13px;
    font-weight: bold;
    line-height:16px;
    margin-bottom:0px;
    display: block;
}
.product-item h2.name a:hover{
}
.product-item .price-height{
    margin-bottom: 5px;
}
.product-item .price, #tb-product-info .price{
    text-transform: uppercase;
    color: #FF0000;
    font-weight: 700;
    font-size: 14px;
}
.product-item .old-price, #tb-product-info .old-price{
    text-decoration: line-through;
    white-space: nowrap;
    color: #4c4849;
}
.product-item .pro-card-sale{
    display: inline-block;
    background: url('../img/ic.png') no-repeat;
    position: absolute;
    color: #fff;
    font-size: 16px;
    top: 0px;
    right: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
}
#product .thumb{position: relative;}
#product .thumb .pro-card-sale{
    display: inline-block;
    background: url('../img/ic.png') no-repeat;
    position: absolute;
    color: #fff;
    font-size: 16px;
    top: 0px;
    left: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
}
.product-item .order{
    color: #fff;
    background: #f56200;
    display: inline-block;
    text-transform: uppercase;
    height: 25px;
    cursor: pointer;
    padding: 0 10px;
    line-height: 20px;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
}
.product-item:hover .order{
    opacity: 1;
    visibility: visible;
}
.product-item .order:hover{
    background-color:#f7931d;
}
/* -- tooltip --*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 5px solid #fff;
	background-color: #fff;
	box-shadow:0px 0px 5px #ccc;
	/*opacity: 0.85;*/
}
.tooltip-content{display: none;}
#tooltip img{
    max-width:550px;
    max-height:550px; 
}
/* ----------- product.php ----------- */
#product .thumb{
    float:left;
    width:400px;
    text-align: center;
}
#product .thumb .list_img_pro{
    list-style: none;
}
#product .thumb .list_img_pro li{
    float: left;
    margin: 5px 2px;
    cursor: pointer;
}
#product .thumb img{
    max-width:350px;
}
#product .info{
    float:left;
    width:435px;
}
#tb-product-info{
    border-collapse: collapse;
    font-size: 15px;
}
#tb-product-info hr{
    border: none;
    height: 1px;
    background: #E8E3E3;
}
#tb-product-info th{
    width:100px;
    text-align: right;
    padding:5px;
}
#tb-product-info td{
    padding:5px;
}
#tb-product-info .but{
    background: #f37021;
    font-size: 16px;
    padding: 10px 35px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 5px 0;
    transition: all 0.3s ease 0s;
}
#tb-product-info .but:hover{
    box-shadow: inset 0 0 0 20px #E45C0B;
}
#product .cms_sp{
	background: #f563002b;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
#product .content{
    border-top:1px solid #e9e9e9;
    margin-top:15px;
    padding:15px;
}
/* ----------- News ----------- */
.news-item{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px dashed #ccc;
}
.news-item h2.title{
    font-size:14px;
    line-height:22px;
}
.news-item .thumb{
    float:left;
    width:150px;
    margin-right:10px;
    margin-bottom:10px;
}
.news-item .thumb img{
    width:150px;
    height:100px;
    padding:1px;
    border:1px solid #ccc;
}
/* -- news detail -- */
#news-detail{margin-bottom:20px;}
#news-detail .description{
    margin-bottom:10px;
    font-size:14px;
    color:#6a6a6a;
}
/* -- news other -- */
#news-other{
    border-top:1px solid #d2d1d1;
}
#news-other .title{
    font-weight: bold;
    font-size:14px;
    text-transform: uppercase;
    line-height:30px;
    color:#c10000;
}
#news-other ul{
    list-style: none;
}
#news-other ul li h2{
    background:url(../img/news_item_li.gif) no-repeat left center;
    padding-left:20px;
    font-size:13px;
    line-height:20px;
    font-weight: normal;
}
/* ----------- Pagination ----------- */
.pagination{
    list-style: none;
    float:right;
}
.pagination li{
    float:left;
}
.pagination li.disabled{
    display: none;
}
.pagination li a{
    display: block;
    padding:4px 10px;
    border:1px solid #ccc;
    margin-left:5px;
    font-weight: bold;
    border-radius: 3px;
}
.pagination li.active a{
    border:1px solid #383838;
    background:#383838;
    color:#fff;
    border-radius: 3px;
}
.pagination li a:hover{
    border:1px solid #ff9c00 ;
    background: #ff9c00;
    color:#fff;
}
/* ----------- Form ----------- */
.txt,.txta{
    padding:4px 5px;
    border:1px solid #ccc;
}
.txt:hover,.txta:focus,.txt:focus,.txta:hover{
    border:1px solid #ffa10d;
    box-shadow:0px 0px 3px #ccc;
}
span.guide{
    color:#00813b;
    font-weight: bold;
}
span.note{
    color:#ff0000;
}
b.error{
    font-weight: bold;
    color:#ff0000;
}
.but{
    padding:4px 10px;
    background:#3f3f3f;
    color:#fff;
    font-size:12px;
    font-weight: bold;
    cursor:pointer;
    border-radius: 3px;
}
.but:hover{
    background:#0042des;
}
/* -- note -- */
.success{
    background:#e6efc2 url(../img/icon/success_icon.png) no-repeat left center;
    background-position: 5px;
    padding:7px 10px;
    padding-left:27px;
    border:1px solid #c6d880;
    color:#264409;
    margin-bottom:20px;
    font-weight:bold;
}
.notify{
    background:#fff6bf url(../img/icon/notify_icon.png) no-repeat left center;
    background-position: 5px;
    padding:7px 10px;
    padding-left:27px;
    border:1px solid #ffd324;
    color:#514721;
    margin-bottom:20px;
    font-weight:bold;
}
div.errors{
    background:#ff0d0d url(../img/icon/error_icon.png) no-repeat left center;
    background-position: 5px;
    padding:7px 10px;
    padding-left:27px;
    border:1px solid #c50202;
    color:#fff;
    margin-bottom:20px;
    font-weight:bold;
}
/* ----------- Contact ----------- */
#tb-contact{
    width:570px;
}
#tb-contact th{
    width:130px;
    text-align: right;
}
#tb-contact th,#tb-contact td{
    padding:3px 5px;
}
/* ----------- Cart ----------- */
#tb-cart{
    border:1px solid #eee;
    width:100%;
}
#tb-cart th{
    background:#d2d2d2;
    font-weight: bold;
    padding:7px 12px;
}
#tb-cart td{
    padding:7px 12px;
}
/* -- order -- */
#tb-order{
    width:570px;
}
#tb-order th{
    width:130px;
    text-align: right;
}
#tb-order th,#tb-order td{
    padding:3px 5px;
}
/* ----------- foo ----------- */
#foo{
    background:url(../img/foo.png) repeat-x top left;
    height:227px;
}
#foo .bar{
    position: absolute;
    bottom:-230px;
    left:20px;
    z-index:20;
}
#main{
    margin-bottom:10px;
    margin-top: 10px;
}
/* ----------- Footer ----------- */
/* -- footer -- */
#footer a{
   color: #fff;
}
#footer{
   color: #fff;
   background: #0C7DB5;
}
#footer .content{padding:5px 5px;}
#license,#license a{
    text-align: center;
    font-size: 10px;
    color: #ccc;
}
.content_gt{
padding:10px;
}
.searchcity{
 margin:20px 0 0 4px;
}
.btn_search
{
	padding: 4px 10px;
background: #3f3f3f;
color: #fff;
font-size: 12px;
font-weight: bold;
cursor: pointer;
border-radius: 3px;
}
.saas
{
	margin-top:20px;
}
.showroom_menu
{
	width: 550px;
background-color: #f6be8d;
font-weight:bold;
}
.showroom_menu span
{
	padding-left:5px;
}
.showroom_name
{
	color:#208FFF;
}
#search_ct td a
{	
	color:#00F;
}
#video .middle
{
    padding: 10px;
}
.search
{
    text-align: center;
}
.search input
{
    padding: 5px;
    border: solid 1px #ccc;
    width: 170px;
    margin-top: 5px;
}
.search button
{   
    border: 1px solid #FFB920;
    padding: 5px;
    background: #FE9900;
    color: #fff;
    margin: 5px 0;
}
.no_click{
	pointer-events: none;
    cursor: default;
}
.hotline-phone-ring-wrap {
  position: fixed;
  bottom: 0;
/*  left: 15px; */
  z-index: 999999;
}
.hotline-phone-ring {
  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 110px;
  height: 110px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility .5s;
  left: 0;
  bottom: 0;
  display: block;
}
.hotline-phone-ring-circle {
	width: 85px;
  height: 85px;
  top: 10px;
  left: 10px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid #ff0000;
  -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
  width: 55px;
  height: 55px;
  top: 25px;
  left: 25px;
  position: absolute;
  background-color: #ff0000;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
	background-color: #ff0000;
	width: 40px;
  height: 40px;
  top: 33px;
  left: 33px;
  position: absolute;
  background-size: 20px;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
	width: 30px;
	height: 30px;
}
.hotline-bar {
  position: absolute;
  background: rgba(230, 8, 8, 0.75);
  height: 40px;
  width: 160px;
  line-height: 40px;
  border-radius: 3px;
  padding: 0 10px;
  background-size: 100%;
  cursor: pointer;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  z-index: 9;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: 50px !important;
  /* width: 175px !important; */
  left: 33px;
  bottom: 37px;
}
.hotline-bar > a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  text-indent: 50px;
  display: block;
  letter-spacing: 1px;
  line-height: 40px;
  font-family: Arial;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
  color: #fff;
}
@-webkit-keyframes phonering-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: 0.1;
  }
  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: 0.5;
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: 0.1;
  }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
}
/* @media (max-width: 768px) {
  .hotline-bar {
    display: none;
  } */
}
.thumb {
    width: 100%;
    height: auto;
    background-color: #3e3e3e;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
} 
.support-zalo{
    position: fixed;
    left: 100px;
    bottom: 25px;
    z-index: 9999999;		    
}
	.blink_me {
    /* -webkit-animation-name: blinker; */
    /* -webkit-animation-duration: 1s; */
    /* -webkit-animation-timing-function: linear; */
    /* -webkit-animation-iteration-count: infinite; */
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    /* animation-name: blinker; */
    /* animation-duration: 1s; */
    /* animation-timing-function: linear; */
    /* animation-iteration-count: infinite; */
}
@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}