body
{
    position:relative;
}
h1,h2,h3,h4,h5,h6 {line-height:1.4;}
h2.logo a:hover{text-decoration:none;}
h2.logo img {width:84%;height:auto;}
.margin-none {margin-top:0;}
.thumbnail {}
/*Back to top*/
#top{position:fixed;right:10px;bottom:65px;z-index:9999;opacity:0.5;}
#top a
{
    color: #444;
    font-size: 47px;
    word-spacing:2px;
    font-weight:bold;
}
#top a:hover {text-decoration:none;}
#top:hover {cursor:pointer;opacity:1;}
/*Lien he*/
.contactinfo{margin:10px 0;}
.contactform{margin:0 0 10px 0;}
.forminput td{padding:5px 5px 5px 0;}
.forminput{font-family:Tahoma;font-size:11pt;}
.forminput strong{font-weight:300;width:200px;float:left;font-size:10pt;}
.forminput span{font-size:9pt;font-style:italic;}
.forminput input.textbox-long{width:360px;height:25px;}
.forminput textarea{width:358px;height:100px;font-family:tahoma;}
.forminput input.textbox-short{width:50px;height:25px;}
.forminput .hint{color:Red;font-style:italic;font-size:8pt;}

/*Button*/
.button-login,.button-home
{
	background:none;
	border:1px solid #333;
	cursor: pointer;
	color:#000;
	line-height:20px;
	margin:10px 0;
	font-weight:bold;
	background-color: #CCC;
	padding:6px 15px 5px 20px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.button-login:hover
{
	padding-left:30px;
	color:#fff;
	background: rgb(143,196,0) url('../images/admin-arrowleft.png') no-repeat left; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhmYzQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZmM0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) url('../images/admin-arrowleft.png') no-repeat left;
	background: -moz-linear-gradient(top,  rgba(143,196,0,1) 0%, rgba(143,196,0,1) 100%) url('../images/admin-arrowleft.png') no-repeat left; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,196,0,1)), color-stop(100%,rgba(143,196,0,1))) url('../images/admin-arrowleft.png') no-repeat left; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(143,196,0,1) 0%,rgba(143,196,0,1) 100%) url('../images/admin-arrowleft.png') no-repeat left; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(143,196,0,1) 0%,rgba(143,196,0,1) 100%) url('../images/admin-arrowleft.png') no-repeat left; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(143,196,0,1) 0%,rgba(143,196,0,1) 100%) url('../images/admin-arrowleft.png') no-repeat left; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(143,196,0,1) 0%,rgba(143,196,0,1) 100%) url('../images/admin-arrowleft.png') no-repeat left; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#8fc400',GradientType=0 ) url('../images/admin-arrowleft.png') no-repeat left; /* IE6-8 */
	background-size:30px;
}
.button-home:hover
{
	padding-left:30px;
	color:#fff;

	background: #ff3019 url('../images/admin-back.png') no-repeat -5px -5px; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%) url('../images/admin-back.png') no-repeat left; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)) url('../images/admin-back.png') no-repeat left; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%) url('../images/admin-back.png') no-repeat left; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%) url('../images/admin-back.png') no-repeat left; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%) url('../images/admin-back.png') no-repeat left; /* IE10+ */
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%) url('../images/admin-back.png') no-repeat left; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
	background-size:30px;
}

/*Paging
.pagination>li>a.active
{
    z-index: 2;
    color: #fff;
    background-color: #333;
    border-color: #333;
    cursor: default;
}*/
/*Progress*/
.loading{font-size:9pt;}

a.btnclose {
background: url('/themes/fancybox/source/fancybox_sprite.png') no-repeat 2px 2px;
width: 40px;
height: 40px;
display: block;
position: absolute;
top: 0px;
right: 0px;
}

/*News*/
.news-list .thumbnail {width:100%;}
.news-list .thumbnail img {width:100%;height:auto;}
.news-list .thumbnail .caption h4{font-family:tahoma;}
.news-list .thumbnail .caption .caption-short {font-size:13px;}
/*Contact*/
.form h4{width:40%;float:right;}
.form .wrapInput{width:60%;float:left;margin:10px 0;}
.form .wrapInput .input{width:100%;float:left;margin-bottom:10px;}
.form .wrapInput .input input[type=text]
{
	width: 95%;
	height: 20px;
	padding: 5px;
	border: 1px solid #ddd;
	color: #666;
	font-family: 'Open Sans', Sans-Serif;
}
.form .wrapInput .input textarea
{
	width: 95%;
	height: 100px;
	padding: 6px;
	border: 1px solid #ddd;
	color: #666;
	font-family: 'Open Sans', Sans-Serif;
}
.form .wrapInput input[type=submit].submit
{
	border: none;
	background:#ddd;
	color:#000;
	padding: 7px 15px;
	font-family: 'Roboto' , Sans-Serif;
	text-transform:uppercase;
	font-size:12pt;
	letter-spacing:2px;
}
.form .wrapInput input[type=submit].submit:hover
{
	background: #92bf06;
	color: #fff;
	cursor:pointer;
}
span.process{width:100%;float:left;}
.success{display:none;color:#92bf06;}
.fail{display:none;color:red;}

/*Search*/
.keyword{width:76%;float:left;}
.keyword input[type=text]{border:1px solid #ddd;height:30px;width:100%;color:#999;padding:0 5px;font-family: 'Open Sans', Sans-Serif;}
.btnSearch
{
    margin-left: 4%;
    width: 18%;
    background: url(/images/btnsearch.png);
    width: 32px;
    height: 32px;
    border:none;
}
.btnSearch:hover{cursor:pointer;}

/*ProfileB*/
img.imglogo{max-width:1024px;}

/*Product categories*/
.headBox > span > a {font-weight:bold;color:#0099CC;}
/*Product list*/
span.view-more a{color:#FF6699;}
.thumbnail .caption {padding:0;}
.thumbnail h3 {margin-top:10px;}
.thumbnail .caption span {display:block;}
.thumbnail .caption span.price-down{font-size:18px;color:#555;text-decoration:line-through;font-weight:400;}
.ddimgtooltip{position:absolute;display:none;max-width:410px;border:1px solid #ddd;border-radius:4px;}
.ddimgtooltip img {max-width:400px;max-height:400px;}
.ddimgtooltip p {color:#333;}
/*Product Detail*/
.tab-content img {max-width:100%;height:auto;}
.navCat ul li{float:left;}
.navCat ul li a{color:#333;font-family: 'Roboto' , Sans-Serif;font-size:15pt;font-weight:500;}
.navCat ul li span.arrow{margin:0 7px 0 5px;}
.productImgDetail{width:450px;float:left;margin-right:20px;}
.productImgDetail img{max-width:450px;max-height:450px;}
.productInfoDetail{width:294px;float:left;}
.productInfoDetail .productTitle
{
	color: #92bf06;
	font-family: 'Roboto' , Sans-Serif;
	font-size:16pt;
	font-weight:300;
	text-transform:uppercase;
}
.productInfoDetail .productPrice{font-size:11pt;margin-top:10px;color:red;}
.productDesDetail{width:100%;float:left;margin-top:20px;}
.product-price-down {text-decoration:line-through;font-size:18px;}
.tab-content
{
    padding: 15px;
    border-top: 0;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    margin-bottom:15px;
}
.zoomtracker,.cursorshade {z-index:999 !important;}
.targetarea {max-width:100%;height:auto;}
.targetarea p {width:70%;text-align:center;padding-top:10px;}
.targetarea img { /* zoomable image */
	/*margin: auto; 
	display: block; 
	position: relative; 
	border-width: 0;*/
    width:inherit !important;
    height:inherit !important;
    max-width:100%;
    top:0 !important;
    z-index:0;
    /*padding: 4px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;*/
}

.magnifyarea
{
    top:278px !important;
    margin-top:0 !important;
}
.magnifyarea > div > img {height:inherit;}
/*
.magnifyarea > div{z-index:9999 !important;}
.magnifyarea > div > img {}
.targetarea {min-height:480px;max-height:480px; overflow:hidden;}
.targetarea img
{
    width: 100% !important;
    height: auto !important;
    padding: 4px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.4);
    box-shadow: 0 0 2px 0px rgba(0,0,0,0.4);    
}*/
.thumbs {margin-top:15px;}
.thumbs #gallery_01 .col-xs-3 a{height:48px;overflow:hidden;}
.thumbs #gallery_01 .col-xs-3 a img {width:100% !important;height:auto !important;}
/*Mainnav*/
.mainnav .nav > li:hover > ul, .nav > li:focus > ul {display:block;}
.mainnav ul.dropdown-menu {top:42%;}
.mainnav .nav-pills > li + li {margin:0;}
/*Label*/
h4.label {padding:.8em .6em .9em .7em;font-size:90%;margin-top:0;}

/*Table*/
.table th
{
    background-color: #f3f3f3;
    text-transform: uppercase;
    text-align: center;
    color:#ff0000;
    font-size:13px;
    font-weight:600;
    font-family:roboto;
}
.table td{font-size:13px;font-family:roboto;}
.table td input[type=text]{text-align:center;}
/*.table td a small.pull-left
{
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
}
.table td a:hover small.pull-left
{
  padding-left:25px;
}*/
.imgCart {max-width:70px !important;height:auto !important;}
h4.media-heading {text-align:left;font-weight:700;padding-left:10px;}
small.pull-left{padding-left:10px;}

/*Cart*/
.col-xs-4 .alert h4{margin-top:0px;margin-bottom:0px;}
.cart-count {margin-right:4px;}
.cart-count .btn{border-radius:0;padding:4px 12px;}

/*Social*/
.social {margin:0;}
.social li {width:34px;height:30px;}
.social li a {padding:7px 14px;border-radius:0;}
.social li a i{font-size:1.1em;color:#fff;}
.social li a:hover i{color:#B6D435;}
.social li {margin-right:1px;}
.form-search .btn{background:none;color:#98a0b1;}
.form-search {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.form-search input[type=text]{opacity:0;height:40px;background:none;color:#fff;border:0;}
.form-search input[type=text]:focus
{
    border-color:transparent;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-search:hover{width:300px;background-color:#bbb;color:#fff;}
.form-search:hover input[type=text]{opacity:1;}
.form-search{position:absolute;right:15px;width:44px;height:44px;border:2px solid rgba(0,0,0,0.2);border-radius:5px;z-index:999;}

/*Hotline*/
.hotline {margin-top:33px;position:relative;background:none;}
.hotline span.label {width:191px;height:104px;display:table-cell;vertical-align:middle;text-align:center;position:absolute;background:url(/themes/hotline.png) no-repeat;}
.hotline span.hotline-1 {top:-2px;right:260px;}
.hotline span.hotline-2 {top:-5px;right:480px;}
.hotline > span > span{margin-top:42px;display:block;}

/*Form*/
.form-horizontal .control-label {text-align:left;}

/*Member*/
ul.nav-member{width:220px;}
ul.nav-member > li > a {color:#fff;padding:4px 10px;}
ul.nav-member > li > a:hover {background:none;color:#B6D435;}

/*Footer*/
.banner_bottom {
    width: 971px;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
    border: solid 1px #f6fbf8;
    border-top: none;
    border-radius: 0px 0px 4px 4px;
    height: 38px;
    margin: 0 auto;
    text-align: center;
    margin-bottom:80px;
}
.banner_bottom img {
    margin-top: 8px;
    padding: 0px 4px;
}

/*Tabs*/
.nav-tabs > li.active > a > h5, .nav-tabs > li.active > a:hover > h5, .nav-tabs > li.active > a:focus > h5
{
    font-weight:700;
}
.nav-tabs > li > a > h5{font-weight:300;}

/*News*/
.nav-news li {padding-left:23px;}
.nav-news li a{padding:8px 0;position:relative;}
.nav-news li a i {position:absolute;left:-23px;top:12px;}
.nav-news li a:hover {background:none;}

/* Tư vấn cho bạn */
.support-dock {
    background-color: transparent;
    position: fixed; 
    z-index: 9;
    opacity: 0.0;
    right: 0;
}
.support-dock.top {
    top: 0;
    width: 239px;
    z-index:100000;
}
.support-dock.bottom {
    bottom: 0;
    width: 176px; 
}
.support-dock.top #persons {
    border-left: solid 2px #dedede;
    border-bottom: solid 2px #dedede;
    background-color: #fdf9ee;
}
.support-dock.bottom #persons {
    display: none;
}
.support-dock .show {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.support-dock.top .show {
    background: url('/Themes/icon/coun.png') no-repeat 8px center #fd6533;
    height: 44px;
}
.support-dock.bottom .show {
    height: 29px;
    background: url('/Themes/icon/support-dock.png?3') no-repeat left center;
}
.support-dock .show .title {
    color: #FFF;
    display: block;
    position: absolute;
}
.support-dock.top .show .title {
    font-size: 18px;
    left: 48px;
    top: 10px;
}
.support-dock.bottom .show .title {
    font-size: 16px;
    left: 49px;
    top: 5px;
}
.support-dock .show .phone {
    font-size: 27px;
    color: #FFF;
    display: block;
    position: absolute;
    left: 59px;
    top: 21px;
}
.support-dock .show #expand {
    position: absolute;
    top: 0;
    right: 0;
}
.support-dock .show #collapse {
    position: absolute;
    top: 0px;
    right: 5px;
}
.support-dock #persons {
    padding-top: 0px;
}
.support-dock #persons .person {
    padding: 0px 5px;
    padding: 18px 0 0;
    cursor: auto;
    position: relative;
}
.support-dock #persons .avatar {
    float: left;
    width: 85px;
    margin: 0 5px 0 0;
    text-align: center;
}
.support-dock #persons .avatar img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.support-dock #persons .info {
    float: left;
    font-family: Arial;
    font-size: 12px;
    color: #2194d2;
    line-height: 1.3;
    width: 122px;
    position: relative;
}
.support-dock #persons .name {
    font-size: 11px;
    font-weight: bold;
}
.support-dock #persons .position {
    color: #595959;
    font-style: italic;
}
.support-dock #persons .yahoo {
    position: absolute;
    left: 56px;
    bottom: -23px;
}
.support-dock #persons .skype {
    position: absolute;
    left: 0;
    bottom: -27px;
}
.support-dock #persons .slogan {
    display: none;
    position: absolute;
    left: -262px;
    top: -15px;
    width: 270px;
    height: 103px;
    overflow: hidden;
    background: url('/Themes/icon/bg-slogan.png') no-repeat left top transparent;
}
.support-dock #persons .slogan span {
    color: #FFF;
    font-size: 13px;
    margin-top: 26px;
    padding: 0 15px 0 10px;
	display: table-cell;
	vertical-align: middle;
	height: 100px;
}
.support-dock #persons .person:hover .slogan {
    display: block;
}
.support-dock .another {
    display: block;
    font-size: 12px;
    text-align: right;
    color: #2194D2;
    padding: 3px 7px 0 0;
}
.bg-support {
    /*background: url('/Themes/icon/bg-support.png?2') no-repeat left top;*/
    width: 168px;
    height: 244px;
    position: fixed;
    right: 10px;
    bottom: 0;
    z-index: 9;
}
.bg-support .minimize {
    position: absolute;
    left: 30px;
    top: 40px;
    visibility:hidden;
}
.bg-support .maximize {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 176px;
    height: 29px;
    background: url('/Themes/icon/support-dock.png?3') no-repeat left center;
}
.bg-support .maximize:hover {
    text-decoration: none;
}
.bg-support .maximize strong {
    font-size: 16px;
    color: #FFF;
    display: block;
    padding: 4px 0 0 49px;
}

/*Banner*/
.banner-list img {width:100%;}
.banner-list .thumbnail {margin-bottom:5px;}

.nav-useful i {color:#1abc9c;}

/*Member*/
.forgot-group {display:none;margin-top:15px;}
.nav >li > a.fotgot-click {padding:0;}
.nav >li > a.fotgot-click:hover {cursor:pointer;background:none;}
.btn-group, .btn-group-vertical {position:relative;width:100%;}
.btn-group .btn-danger
{
    width: 40px;
    display: block;
    height: 40px;
    -webkit-border-radius: 4px 0 0 4px  !important;
    border-radius: 4px 0 0 4px  !important;
}
.btn-group .btn-danger.dropdown-toggle
{
    width: 20%;
    display: block;
    -webkit-border-radius: 0 4px 4px 0 !important;
    border-radius: 0 4px 4px 0  !important;
}
.btn-group .avatar , .btn-group-vertical .avatar {position:absolute;top:0;left:0;display:block;width:38px;height:38px;overflow:hidden;}
.btn-group .avatar img{width:100%;}
.form-group img {max-width:100%;max-height:165px;}

.page-content .tab-detail img {max-width:100%;}
/*.open {width:48px;height:48px;display:block;}*/
iframe{border:0;}
.modal-dialog {width: 80% !important;}
.modal-dialog.modal-sm {width: 30% !important;}

/*Addthis customize
.addthis_floating_style.addthis_32x32_style {width:inherit;}
.addthis_floating_style {border-radius:4px;}
.addthis_toolbox {left:0 !important;top:226px !important;}*/

/*** Accordion ***/
#accordion > a {position:relative;display:block;}
#accordion > a:hover,#accordion > a:focus {text-decoration:none;}
#accordion > a > h3.accordion-title {text-transform:capitalize;}
#accordion > a > h3.accordion-title.blur {color:#ccc;border-color:#e2e2e2;}
#accordion > a > i.blur {color:#ccc;}
#accordion > a > i
{
    opacity: 0;
    position: absolute;
    right: 0;
    -webkit-transition: all 450ms ease;
    -moz-transition: all 450ms ease;
    -ms-transition: all 450ms ease;
    -o-transition: all 450ms ease;
    transition: all 450ms ease;
    -webkit-animation-duration: 550ms;
    -webkit-transform-origin:50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
#accordion > a > i.fa-angle-double-down
{
    top: 0;
    -webkit-animation-name: arrowdown;
}
#accordion > a > i.fa-angle-double-up
{
    top: 10px;
    -webkit-animation-name: arrowup;
}
#accordion > a.collapsed:hover > i.fa-angle-double-down {opacity:1;top:5px;}
#accordion > a.collapsed:hover > i.fa-angle-double-up {opacity:0;}
#accordion > a:hover > i.fa-angle-double-up {opacity:1;top:5px;}
#accordion > a:hover > i.fa-angle-double-down {opacity:0;}

@-webkit-keyframes arrowdown
{
    0% 
    {
        -moz-transform: translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg);
        -webkit-transform: translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg);
        -o-transform: translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg);
        -ms-transform: translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg);
        transform: translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg);
    }
    50% 
    {
        -moz-transform: translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -webkit-transform: translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -o-transform: translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -ms-transform: translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        transform: translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }
    100% 
    {
        -moz-transform: translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg);
        -webkit-transform: translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg);
        -o-transform: translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg);
        -ms-transform: translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg);
        transform: translateX(0px) translateY(-5px) skewX(0deg) skewY(0deg);
    }
}
@-webkit-keyframes arrowup
{
    0% 
    {
        -moz-transform: translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -webkit-transform: translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -o-transform: translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -ms-transform: translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        transform: translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }
    50% 
    {
        -moz-transform: translateX(0px) translateY(5px) skewX(0deg) skewY(0deg);
        -webkit-transform: translateX(0px) translateY(5px) skewX(0deg) skewY(0deg);
        -o-transform: translateX(0px) translateY(5px) skewX(0deg) skewY(0deg);
        -ms-transform: translateX(0px) translateY(5px) skewX(0deg) skewY(0deg);
        transform: translateX(0px) translateY(5px) skewX(0deg) skewY(0deg);
    }
    100% 
    {
        -moz-transform: translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -webkit-transform: translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -o-transform: translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -ms-transform: translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        transform: translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }
}