@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0
}
body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	background:url(/templates/blurayonline/images/bg-loop-sub.jpg) repeat-x left top #f6f6f6;
	color:#000;
}
a:link, a:visited {
	color:#000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.WrapperSub {
	background:url(/templates/blurayonline/images/bg-footer.gif) repeat-x left bottom;
}
.MainSub {
	width:1000px;
	margin:0 auto;
}
.HeaderSub {
	height:110px;
	padding:17px 0 0 10px;
	position: relative;
}
h1 {
	width:186px;
	height:98px;
	float:left;
}
a.LogoSub {
	background:url(/templates/blurayonline/images/logo-sub.jpg) no-repeat;
	width:186px;
	height:98px;
	display:block;
	text-indent:-9999px;
	margin-left:5px;
}
ul.LoginSub {
	float:left;
	padding:28px 0 0 28px;
}
ul.LoginSub li {
	display:inline;
	color:#a6a7ab;
}
ul.LoginSub li a:link, ul.LoginSub li a:visited {
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
}
ul.LoginSub li a:hover {
	text-decoration:underline;
}
.TextHang {
	color:#0090ff;
	font-weight:bold;
}
.BoxSearchSub {
	background:url(/templates/blurayonline/images/search.gif) no-repeat;
	width:210px;
	height:24px;
	display:block;
	float:right;
	padding:0 10px 0 0;
	margin-top:23px;
}
label {
	display:none;
}
.BoxSearchSub input {
	width:182px;
	padding:3px;
	background:none;
	border:none;
	float:left;
}
.BoxSearchSub .Tim {
	float:left;
	width:14px;
	height:14px;
	display:block;
	padding:5px 5px 0 3px;
}
.BoxNav {
	height:40px;
	display:inline;
	width:765px;
	float:left;
	margin:7px 0 0 30px;
}
.MainContent {
	display:block;
	overflow:hidden;
	padding:4px 0 0px 20px;	
}
.SidebarSub {
	float:left;
	width:205px;
	background:url(/templates/blurayonline/images/bg-topside-sub.jpg) no-repeat;
}
.SidebarSub h2 {
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	font-size:12px;
	padding:5px 0 0 15px;
}
.SidebarSub ul {
	border:1px solid #0983bd;
	padding:24px 0 0 32px;
	display:block;
	border-top:none;
	margin:0 0 10px;
}
.SidebarSub ul li .ImageBorder {
	background:url(/templates/blurayonline/images/bg-thumnail.gif) no-repeat;
	display:block;
	width:135px;
	height:180px;
	padding:2px;
}
.SidebarSub ul li {
	font-weight:bold;
	margin:0 0 10px;
}
.SidebarSub ul li a.Select:link, .SidebarSub ul li a.Select:visited {
	background:url(/templates/blurayonline/images/but-selec.gif) no-repeat;
	width:70px;
	height:19px;
	display:block;
	text-indent:-9999px;
	margin-left:35px;
}
.SidebarSub ul li a.Select:hover {
	background:url(/templates/blurayonline/images/but-selec-hover.gif) no-repeat;
}
.NewMovie {
	background:url(/templates/blurayonline/images/left-movie.gif) no-repeat;
	width:205px;
}
.NewMovie h2 {
	color:#575757;
	font-weight:bold;
	padding:5px 0 6px 15px;
}
.NewMovie ul.New {
	display:block;
	border:1px solid #d4d4d4;
	border-top:none;
	padding:4px 0 10px 15px;
}
.NewMovie ul.New li {
	background:url(/templates/blurayonline/images/icon-movie.gif) no-repeat left 3px;
	padding:0 0 0 31px;
	font-weight:normal;
	margin-bottom:9px;
}
.NewMovie ul.New li a:link, .NewMovie ul.New li a:visited {
	text-decoration:none
}
.NewMovie ul.New li a:hover {
	color:#1679cd;
}
.NewMovie ul.Buy {
	display:block;
	border:1px solid #d4d4d4;
	border-top:none;
	padding:9px 0 15px 10px;
	width:193px;
	overflow:hidden;
}
.NewMovie ul.Buy li {
	float:left;
	width:100%;
}
.NewMovie ul.Buy li img {
	float:left;
}
.NewMovie ul.Buy li span {
	font-weight: normal;
	padding:0 0 0 10px;
}
.ListMovie {
	float:left;
	width:716px;
	display:block;
	padding:0 0 58px 32px;
}
.ListMovie ul {
	display:block;
	padding:20px 0 0 0px;
}
.ListMovie ul li {
	float:left;
	line-height:16px;
	padding:0 50px 50px 5px;
}
.ListMovie ul li .Name {
	width:135px;
	font-weight:bold;
	text-align:center;
}
.ListMovie ul li.Last {
	padding:0 0px 0 5px;
	float:right;
}
.ListMovie ul li a.Select:link, .ListMovie ul li a.Select:visited {
	background:url(/templates/blurayonline/images/but-selec.gif) no-repeat;
	width:70px;
	height:19px;
	display:block;
	text-indent:-9999px;
	margin:6px 0 0 22px;
}
.ListMovie ul li a.Select:hover {
	background:url(/templates/blurayonline/images/but-selec-hover.gif) no-repeat;
}

.ListMovie .cartadd {
	background:url(/templates/blurayonline/images/but-selec.gif) no-repeat scroll left top transparent !important;
	width:70px !important;
	height:19px !important;
	display:block;
	margin:6px 0 0 22px !important;
	border: 0 none;
    cursor: pointer;
    overflow: hidden !important;
    color:#fff;
    font-size:90%;
    font-weight:bold;
    padding-left:4px;
}

/*thuyennx added*/
.ListMovie .cartremove {
	background:url(/templates/blurayonline/images/but-remove.gif) no-repeat scroll left top transparent !important;
	width:70px !important;
	height:19px !important;
	display:block;
	margin:6px 0 0 22px !important;
	border: 0 none;
    cursor: pointer;
    overflow: hidden !important;
    color:#fff;
    font-size:90%;
    font-weight:bold;
    padding-left:4px;
}
/*End*/

.cartadd:hover{
	text-decoration:none;
	cursor:pointer;
}
.Breadbrum {
	padding:9px 0 3px 1px;
	border-bottom:1px solid #d6d5d5;
}
.Paging {
	width:100%;
	display:block;
	overflow:hidden;
}
.Paging ul {
	display:block;
	padding:20px 0;
}
.Paging ul li {
	float:left;
	padding:0 5px 0 0;

}
.Paging ul li a.Active:link, .Paging ul li a.Active:visited,.Paging ul li a.Active:hover {
	background:url(/templates/blurayonline/images/page.gif) no-repeat;
	color:#565251;
}
.Paging ul li a:link, .Paging ul li a:visited {
	width:21px;
	height:17px;
	display:block;
	padding:2px 0;
	text-align:center;
	color:#565251;
}
.Paging ul li a:hover {
	color:#1679cd;
	text-decoration:none;
}
.Footer {
	height:72px;
}
.FooterLeft {
	float:left;
	padding:10px 0 0 9px;
	width:320px;
	
}
.FooterRight {
	float:right;
	padding:10px 0 0 9px;
	width:157px;
}
ul.ReLink {
	display:block;
	padding:5px 0 3px 0px;
}
ul.ReLink li {
	display:inline;
	color:#474747;
}
ul.ReLink li a:link, ul.ReLink li a:visited {
	text-decoration:none;
	color:#474747;
}
ul.ReLink li a:hover {
	text-decoration:underline;
}
.TextShare {
	float:left;
	padding:5px 9px 0 0;
}
a.Face {
	background:url(/templates/blurayonline/images/face.gif) no-repeat;
	height:30px;
	width:30px;
	display:block;
	text-indent:-9999px;
}
a.Tween {
	background:url(/templates/blurayonline/images/tweenty.gif) no-repeat;
	width:30px;
	height:30px;
	display:block;
	text-indent:-9999px;
}
a.Communi {
	background:url(/templates/blurayonline/images/communi.gif) no-repeat;
	width:30px;
	height:30px;
	display:block;
	text-indent:-9999px;
}
.FooterRight ul {
	display:block;
	overflow:hidden;
}
.FooterRight ul li {
	margin-right:5px;
	float:left
}

/*added at 20180907*/
.phonering-alo-phone.phonering-alo-static {
    opacity:.6
}

.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {
    opacity:1
}

.phonering-alo-ph-circle {
    width:160px;
    height:160px;
    top:20px;
    left:20px;
    position:absolute;
    background-color:transparent;
    border-radius:100% !important;
    border:2px solid rgba(30,30,30,0.4);
    border:2px solid #bfebfc 9;
    opacity:.1;
    -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%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color:#00aff2;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    border-color:#baf5a7;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color:#00aff2 ;
    border-color:#bfebfc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color:#ccc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    opacity:.5
}

.phonering-alo-ph-circle-fill {
    width:100px;
    height:100px;
    top:50px;
    left:50px;
    position:absolute;
    background-color: #000;
    border-radius:100% !important;
    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%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity:0!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#00aff2 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    background-color:#baf5a7 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#a6e3fa 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(204,204,204,0.5);
    background-color:#ccc 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    opacity:.75!important
}

.phonering-alo-ph-img-circle {
    width:60px;
    height:60px;
    top:70px;
    left:70px;
    position:absolute;
    background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
    border-radius:100% !important;
    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%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color:#00aff2
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color:#75eb50;
    background-color:#75eb50 9
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color:#00aff2;
    background-color:#00aff2 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color:#ccc
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color:#75eb50
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-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)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}