@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;

    font-size: 100%;

    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
.clr{
    clear:both}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
a{
    text-decoration:none}
#full-screen-background-image {
  z-index: -999;
  min-height: 100%;
  min-width: 100%;
  width:100%;
  height: 100%;
  position: fixed;
  left: 0;
}
#top {
	width: 40px; height: 40px;
	position: fixed; bottom: 100px; margin-left:1000px;
	text-indent: -99999px;
	cursor: pointer;
	background:url(../images/back-to-top.png) no-repeat 0 0;
}
.wrap-content1{
     margin-top: -25px;
}
.content{
	background:#FFF;
    padding-bottom: 20px;
    line-height: 1;
	margin:0 auto;
}
.head{
	margin:0 auto;
    background:#FFF;
     

}
 .noidungmenu
{
    height: 35px;
    background: #fff;
    clear: both;
}
.noidungmenu ul
{
    list-style: none;
    float: right;
padding-right: 20px;
}
.noidungmenu ul li{
    list-style: none;
    float: left;
    height: 35px;
    line-height: 35px;
padding-left: 5px;
    padding-right: 5px;

    font-weight: bold;
}
.noidungmenu ul li a
{
    color: #000;

    padding-left: 5px;

}

.picture

{
    float: left;
    width: 340px;
    padding-left: 10px;
}
 

.picture .view img
{
    
    float: left;
    width:67px;
    height:70px;
  

}
.head .logo{
	clear: both;}
.head .slogan{
	float:left;
	margin-left:15px;
	margin-top:10px;}
.head .english{
	float:right;
	margin-right:5px;
	margin-top:15px;}
.head .vietnam{
	float:right;
	margin-top:15px;
	margin-right:3px;}
.head .form{
	float: right;
	height:24px;
margin-right: 20px;

	border:1px solid #034481;
	background:#ffffff;
	right:1px;
	 }
.head .form input.find{
	background:#ffffff;
	border:none;
	width:190px;
	float:left;
	font-size:12px;
	font-style:italic;
	color:#999;
	height:22px;
	line-height:22px;
	padding-left:10px;}
.head .form input.go{
	border:none;
	background:url(../images/icon/search.jpg) no-repeat;
	width:67px;
	height:26px;}
.head .follow{
	float:right;
	margin-top:70px;
	margin-right:-55px;}
.head .follow #facebook{
	margin-top:5px;}
.head .follow #twitter{
	margin-left:3px;}
.head .follow #youtube{
	margin-left:3px;}
.content .slide{
	background:#fff;
	padding-right:11px;

	padding-left:11px;
    clear: both;
}
#contenter .slide
{background:#fff;
    padding-bottom: 10px;
    padding-right: 0;

    padding-left: 10px;
}
#sidebar{
	
}
#sidebar .hotro{
    margin: 10px 0px 0px 1px;
    border: 2px #279be3 solid;
    border-radius: 20px;
    background: #279be3;
    clear: both;
    text-align: center;

}
#sidebar .hotro p{ ;
	width:230px;
	height:25px;
	font-weight:bold;

	line-height:25px;
	color:#fff;
	 }


.hotro p a
{
    color: #fff;
    text-decoration: underline;
}
#sidebar .hotro p img{
	 
	margin-right:7px;
	margin-left:5px;
	margin-top:2px;}
#sidebar .hotro .wrap-support{
	text-align:center;
	padding-top:10px;
	padding-bottom:20px;
    border-radius: 20px;
    background: #fff;
    height: 135px;
}

.tinmoi
{

    padding-top:10px;
    padding-bottom:20px;
    border-radius: 20px;
    background: #fff;
   

}

#sidebar .hotro .wrap-support .displayed
{
       display: block;
    margin-left: auto;
    margin-right: auto }

}

 


.lienket
{

    padding-top:10px;
    padding-bottom:20px;
    border-radius: 20px;
    font-size: 14px;
    line-height: 30px;
    background: #fff;

}
#sidebar .hotro .wrap-support .tennv{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
    font: 13px/150% Arial,\5b8b\4f53,"microsoft yahei",Verdana;
    padding-bottom: 20px
    color: #000;
    font-weight: bolder;


}

#sidebar .hotro .wrap-support .sdt{
      
    font-size: 22px;
    font-weight: bold;
    color: #fd0000;
    margin: 0px 0px 0px 0px;
    text-shadow: 11 0px 2px 1px #D5D3D3;
     background:url(../images/icon/ht.png) no-repeat left;
        margin-left: 20px;
    padding-left: 10px;
    width: 80%;
     
     }

.gmail{
        width: 80%;
    float: left;
    margin-bottom: 5px;
    line-height: 1.3;
     background:url(../images/icon/et.png) no-repeat left;
      margin-left: 20px;
    padding-left: 20px;
    color: #0563c1;
    font-weight: bold;
    text-decoration: underline; 

}

.xenang{
        width: 100%;
    float: left;
    margin-bottom: 5px;
    
      
   
    color: #2d08b0;
    font-weight: bold;
    
        line-height: 1.3;
    
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: #290aae;


}

.wrap-support p {
    padding-top: 10px;
    padding-bottom: 10px;
}

#sidebar .hotro .wrap-support p img{
	display:inline-block;
	margin-right:5px;}
#sidebar .video{
    padding: 14px;

    padding-bottom: 20px;
    border-radius: 20px;
    background: #fff;
	 }
#contenter{
    margin-top: 10px;
}
.content_nd
{
    height: 46px;
	margin-bottom:10px;
	border-radius:5px;
    padding-left: 15px;
	background:#8ba5bf;
}
.content_nd img{
	float:right;
	margin-right:20px;
	margin-top:3px;}
.heading{
    clear: both;
	line-height:45px;
    padding-left: 15px;
    width: 100%;

    color: #fff;
    font-weight: bold;
    font-size: 13px;

    text-transform: uppercase;
    font-weight: bold;
}
.heading a
{
    color: #fff;
}
.content_nd1
{
    height: 46px;
	margin-bottom:10px;
	margin-left:5px;
	background:url(../images/bg_xemnhieu.jpg) repeat-x;
}
.content_nd1 img{
	float:right;
	margin-right:20px;
	margin-top:3px;}
.heading1{
    clear: both;
	line-height:45px;
    padding-left: 15px;
    width: 100%;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}
.sanpham
{
    clear: both;
    width: 100%;
}

.box-sanpham {
    width: 100%;
    text-align: center;
    border: 1px solid #8dd8ff;
    border-radius: 5px;
    height: 298px;


    float: left;
    margin-bottom: 20px;

}
.box-sanpham:hover {
    width: 100%;
    text-align: center;
    border: 1px solid #8dd8ff;
    border-radius: 5px;
    height: 298px;
    box-shadow: inset 1px 1px 10px 5px #cfcfcf;

    float: left;
    margin-bottom: 20px;

}
.box-sanpham img
{
	margin-top:10px;
    text-align: center;
	padding-bottom:10px;
	border-bottom:1px solid #d5d5d5;
    overflow: hidden;
    height: 170px;
    max-width: 200px;
    clear: both;
}
.box-sanpham .tensp , .tensp a
{
    color: #058edb;
    padding-top: 5px;
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 2PX;
    font-family: Arial;
    clear: both;
    line-height: 20px;
    text-align: center;

    overflow: hidden;
}
.box-sanpham .giasp
{
    color: #CC0000;
    font-weight: bold;
    font-size: 14px;

    margin-bottom: 18px;

    text-align: center;
    clear: both;
    line-height: 20px;

}
.box-sanpham a.tuychon
{
    text-align: center;
	color:#FFF;
	padding:7px 20px 7px;
    border-radius: 8px;
	width:100px;
	height:31px;
	background:url(../images/chitiet.jpg) repeat-x;
}
.box-sanpham a.tuychon:hover{ background:url(../images/chitiet_hover.jpg) repeat-x}
#xemtatca{ float:right; line-height:20px; font-size:14px; font-weight:bold; color:#7ac3ec; margin-bottom:10px;}
.wrap-footer {
     
	color:#FFF;

}
.footer {
    margin: 0 auto;
    height: auto;
    overflow: auto;
    background: #54C1E8;
    position: relative;
}

.p_footer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-top: 15px;
    padding-left: 15px;
line-height: 20px;
    text-align: center;
    width: 990px;
    float: left;

}

.footer .hotline {
    float: right;
    line-height: 17px;
    width: 180px;
    margin-top: 10px;
}

.footer .hotline  a
{
    color: #fff;
}
ul#postItem li
{
    padding-left:25px;
    padding-right: 25px;
}

 .noidung_tinmoi{
     text-align: center;
   clear: both;
     height: 40px;
     line-height: 40px;

   }
  .noidung_tinmoi a{

      font-weight: bold;
      color:#2055de; line-height:16px;}
.noidung_tinmoi a:hover{ color:#2055de;}
.tinmoi li

{
    clear: both;
}
.tinchay
{
    clear: both;

    height: 80px;
    overflow: hidden;
}
.tinchay .site img
{
    float: left;
    width: 70px;
    height: 70px;
    padding-right: 5px;
    padding-left: 20px;
    object-fit: cover;
}
.tinchay .tinmoi1
{
    float: left;
    width: 130px;
}
.tinchay .tinmoi1 a
{
    color:#2055de ;
    font-size: 13px;
    line-height: 18px;
}

.wrap-gioithieu
{
    text-align: justify;
    width: 98%;
    padding: 10px;
    line-height: 18px;

}
.gt
{

    float: left;
    text-align: justify;
line-height: 18px;
    width: 100%;
}


.content_con .wrap-gioithieu .gt p{
    color:#696969;
    margin-left:10px;
    text-align:justify;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:20px;
    margin-bottom:20px;}

  .tinkhac h2{
    width:710px;
    float:left;
    border-bottom:1px solid #CCC;
    margin-left:10px;}
  .tinkhac ul{list-style-type:circle; color:#999; float:left; margin-left:30px; line-height:22px; margin-top:15px;}
  .tinkhac ul li a{color:#39722b;}
  .tinkhac ul li a:hover{color:#bd6f01;}
  .sanphamtatca{
    width:750px;
    float:left;}
  .sanphamtatca span{
    width:750px;
    float:left}
  .sanphamtatca .box_sp{
    float:left;
    width:750px;
    border-radius:3px;}
 .sanphamtatca .box_sp .box1{
    width:220px;
    float:left;
    margin-left:15px;
    margin-top:10px;
    margin-right:5px;
    margin-bottom:10px;
    text-align:center;
    padding-top:5px;
    background:#FFF}

.doantin {
    width: 720px;
    float: left;
    margin-left: 20px;
    padding-bottom: 10px;
    line-height: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d9d9d9;
    margin-top: 13px;
}

.doantin img {
    float: left;
    border: 1px solid #d9d9d9;
}

.doantin h2, .doantin h2 a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #159aec;
    width: 500px;
    margin-left: 10px;
    float: left;
}

.doantin p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-left: 15px;
    line-height: 20px;
    width: 500px;
    text-align: justify;
    float: left;
}

.doantin .button {
    height: 18px;
    width: 80px;
    line-height: 18px;
    text-align: center;
    border: none;
    border-radius: 4px;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    margin-top: 6px;
    margin-left: 15px;
    padding-bottom: 7px;
    padding-top: 5px;
    background: url(../images/bg_chitiettin.jpg) repeat-x;
}

.pagination{
    float:right;
    margin-top:10px;
    margin-bottom:20px;
    text-align:right;
    margin-right:30px;}
.pagination a{
    color:#333;
    padding:3px 7px;
    border:1px solid #cccccc;}
.pagination a:hover{
    color:#e03a24;
    border:1px solid #64c001;}
.pagination strong{
    color:#e03a24;
    padding:3px 7px;
    border:1px solid #64c001;}

.content_con
{
    text-align: justify;
    padding: 5px;
}
.title h2
{
    padding-left: 10px;
    font-size: 16px;
    color: #0000ff;
    font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
}
.heading h2 {
    color: #0075c2;
    font-weight: bold;
    line-height: 30px;
    font-size: 16px;
}


.box-video
{
    width: 330px;
    height: 290px;
    float: left;
    margin: 5px 0px 15px 35px;
}
.img-video
{

    float: left;
    padding: 10px;
    border: 1px solid #c8c0c0 ;
    box-shadow: inset 1px 1px 15px 15px #ebebeb;

}
p.ten-video
{

    background: url("../images/muiten.png") no-repeat bottom left 10px;
    font-weight: bold;
    color: #3a00a8;
    padding-left: 20px;
    line-height: 20px;
    width: 280px;

}
p.ten-video  a
{
    color: #2055de;
    text-decoration: none;
}

 .fot-son {
    float: left;
    padding: 10px;
    color: #fff;
}
.h3ff {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}

.phonef {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    text-align: center;
    border-bottom: 1px solid #fff !important;
    padding-bottom: 10px;
}

.clapf1 {
    padding-top: 6px;
    font-weight: bold;
    padding-left: 80px;
}

.clapf2 {
    padding-top: 6px;
    font-weight: bold;
    padding-left: 80px;
}

.clapf {
    padding-top: 6px;
    text-align: center;
    font-weight: bold;
}

.logo {
    height: 54px;
    z-index: 99;
    padding: 5px 0 0;
}
.fl {
    float: left;
}
.topRight {
    padding-top: 23px;
        padding-right: 20px;
}
.fr {
    float: right;
}

.topArea {
    height: 82px;
    border-bottom: 2px solid #ccc;
}

.topArea {
    width: 100%;
    height: 65px;
    margin: 0 auto;
    z-index: 999;
    background: url("../images/icon/banner1.png") no-repeat right center;
    border-bottom: 2px solid #ccc;
}
img {
    vertical-align: middle;
}
.lienket
{
    background: #fff;
         border-radius: 20px;
     
}

.feadme li {
    display: inline-block;
    width: 100%;
    padding: 5px 0px;
    font-weight: bold;
    font-family:Arial,\5b8b\4f53,"microsoft yahei",Verdana !important;
}
.feadme li span strong {
    color: #ffffff;
    font-size: 13px !important;
    font-family:Arial,\5b8b\4f53,"microsoft yahei",Verdana!important;
    font-weight: bold;
}

.feadme li strong {
    color: #ffffff;
    font-size: 13px !important;
    font-family: Arial, sans-serif !important;
    font-weight: bold;
}

.feadme li img {
    margin-right: 12px;
    float: left;
    padding-bottom: 12px;
}

#slideads {
    visibility: visible;
    right: 3px;
    left: 3px;
    top: 3px;
    position: absolute;
}

#slideads .slideads1 {
    position: absolute;
    z-index: 99;
    padding: 0;
    margin: 0;
    top:80px;  
    left: 10px;
}
#slideads .slideads2 {
    position: absolute;
    z-index: 99;
    padding: 0;
    margin: 0; 
    top:80px;
    right: 10px;
}
 

 .hang1
 {
        font-family: Bodoni MT;
    color: #c80202;
    font-weight: bold;
    font-size: 15px;

 }
 .hang2{
        font-family: Bodoni MT;
    color: #c80202;
    font-weight: bold;
        font-size: 18px;
    line-height: 30px;

 }
@media only screen and (max-width: 1520px){
    .container{
        width: 1070px !important;
    }
}
@media only screen and (max-width: 1199px){
    .container{
        width: 950px !important;
    }
    .topArea {
        background-size: cover;
        padding-top: 10px;
        text-align: center;
    }

}
@media only screen and (max-width: 991px){
    .container{
        width: 750px !important;
    }
    #slideads{
        display: none;
    }
    #smoothmenu1{
        display: none;
    }
}
@media only screen and (max-width: 767px){
    .container{
        width: 100% !important;
    }
    .imgchinh{
        padding: 0;
        margin-left: -10px;
    }
    .imgchinh{
        width: 100% !important;
    }
    .picture{
        width: 100% !important;
        padding-left: 0px;
    }
}

.tooltip{
    opacity: 1;
    position: static;
    text-align: center;
}


@media only screen and (min-width: 1200px){
        .hang
         {
            float: left;
            margin-left: 500px;
            margin-top: 8px;
           
         }
         .anhxld{
            width: 100%;
            height: 269px;
        }
         
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .anhxld{
        width: 100%;
        height: 100px;
    }
    .jquery-slider-wrapper{
        width: 100% !important;
        height: 150px;
    }
    .slider{
        width: 100% !important;
        height: 150px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
        .bannn{
            width: 100%;
            height: auto !important;
            object-fit: cover;
         }
}
.logo-m{
    position: absolute;
    top: 0px;
    left: 0px;
}

.bannn{
            width: 100%;
            height: 152px;
            object-fit: cover;
         }


.w100{
    width: 100%;
}
.enuy img{
    max-width: 100% !important;
    height: auto !important;
}

.kenit-alo-phone { position: fixed; left: 20px; bottom: 0px; visibility: visible; background-color: transparent; width: 110px; height: 110px; cursor: pointer; z-index: 200000 !important; }
.kenit-alo-img-circle { width: 30px; height: 30px; top: 43px; left: 43px; 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; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .7; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background-color: #ed1c24; background-size: 70%; }
.kenit-alo-circle-fill { width: 60px; height: 60px; top: 28px; left: 28px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgb(237, 28, 36); opacity: .75 !important; }
.kenit-alo-circle { width: 90px; height: 90px; top: 12px; left: 12px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid #ed1c24; opacity: .1; border-color:#ed1c24; opacity: .5; }
.kenit-alo-phone span {
    display: block;
    background: #d03e05;
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    position: absolute;
    left: 54%;
    width: auto;
    top: -15px;
    border-radius: 4px 4px;
    font-size: 18px;
    transform: translateX(-50%);
}

.kenit-alo-phone span:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #d03e05 transparent transparent transparent;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
}
@-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); }
  50% { opacity: 1; } }

@keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); }
  50% { opacity: 1; } }
.zoomIn {
    -webkit-animation-name: zoomIn; 
     animation-name: zoomIn; 
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite; 
}
.animated {
    -webkit-animation-duration: 1s;
     animation-duration: 1s; 
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); }
  10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }

@keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }

.tada { -webkit-animation-name: tada; animation-name: tada; }

@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
  100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }

.pulse {-webkit-animation-name: pulse;animation-name: pulse;}