/*reset*/
* {padding:0;margin:0;}
a {text-decoration:none;}
body {font-family:'Arial', 'Helvetica', 'sans-serif';font-size:14px;position: relative;box-sizing:border-box;}
/*=======================================*/
a:focus,a:hover{text-decoration:none;}
.clear{display:block;clear:both;}
.h1, .h2, .h3, h1, h2, h3{margin:0;line-height: normal;font-weight:normal;}
ol, ul{margin:0;padding:0;}
/*=======================================*/
#full{max-width:1440px;margin: 0px auto;background:#fff;position: relative;}
/*commont*/
.text{text-align:justify;line-height:2em;}
.text img{max-width:100%;height:auto;}
.w100{width: 100%;}
.mw100{max-width: 100%;vertical-align: middle;}
.grecaptcha-badge{display:none !important;}
.contain_map_lienhe iframe{width:100%;}
ul.style-none{list-style:none}
.box404{margin:3% 0px;}
/*TOP*/
#top{color:#FFF;font-weight:500;text-align:center;position:fixed;bottom:4px;right:10px;display:none;cursor:pointer;z-index: 100;}
/*inner*/
.inner{margin:0 auto;position:relative;width: 100%;padding-left: 30px;padding-right: 80px;}
/*header*/
#header{position:relative;width: 100%;margin: 0px auto;padding:15px 0px;background: #fff;margin-bottom: 50px;}
#header:after{position: absolute;content: "";top: 100%;left: 0px;background: url(../images/after_logo.png)no-repeat;
width: 100%;height: 32px;}
#languages{position: absolute;top:40px;right: 0px;}
/*banner*/
#banner{height:auto;}
#banner h1{width:0px;height:0px;text-indent:-9999px;position:absolute;}
#language{position: absolute;top:10px;right: 0px;}
.logo{width:100%;text-align: center;}
.company{width:100%;max-width:500px; float: left;margin-left:2%;}
.cart{margin-top:23px;position: relative; background:url(../images/icon_cart.png) left center no-repeat;float:left;margin-left:5%; height:30px;padding-left:40px;box-sizing: border-box;}
.cart a{text-transform:uppercase;color:#000;font-family: 'RobotoCondensedRegular';font-size: 13px;line-height:30px;}
#numcart{width:24px;height:24px;border-radius:50%;position:absolute;display: inline-block;background:#f36f36;left:17px;top:-13px;text-align: center;line-height:24px;color:#fff;font-weight:bold;}
.user{position:absolute;right:15px;top:0px;}

.show_left{width: 270px;float: left;position: fixed;top: 0px;height: 100vh;left: 0px;
background:#224171;z-index: 9999}
.show_right{width: calc(100% - 270px);float: right;overflow: hidden;}
/*menu top*/
.fixed{position: fixed !important;left: 0px;right: 0px;top: 0px;z-index: 9999;width:100%;margin:auto;}
#menu{width: 100%;padding: 0px 15px;}
#menu ul.menu li{position:relative;display: block;z-index: 9999}
#menu ul.menu li a{line-height:45px;font-size:13px;text-transform:uppercase; padding:0px 20px;color:#fff;
display:block;font-family: 'RobotoRegular';text-align: center;border-bottom: 1px dashed #657a9c}
#menu ul.menu li:last-child a{border-bottom: none;}
#menu ul.menu li.menu_active a,#menu ul.menu li a:hover{color:#ff0;}
#menu ul.menu li ul{width:230px;position:absolute;top:0;left:100%;display:none;z-index:999999;
border-left: 1px solid #fff}
#menu ul.menu li ul li{background:#224171;display:block !important;float:none;text-align: left;}
#menu ul.menu li ul li:last-child{border-bottom: none;}
#menu ul.menu li ul li a{background:none !important;color:#fff !important;padding: 10px 20px;
line-height: 20px;}
#menu ul.menu li ul li a:hover{color:#ff0 !important;}
#menu ul.menu li ul li ul{top:0;left:100%;}
#menu ul.menu li .fa{line-height: 45px;font-size: 18px;}

#btn_menu_bootstrap{z-index:999;position: absolute;left: 10px;top:10px;height: 24px;width: 30px;display: none;}
#btn_menu_bootstrap span{background: #fff;content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0px;top:50%;margin-top: -1px;}
#btn_menu_bootstrap:before{content: "";position: absolute;width: 100%;height: 2px;background: #fff;top:0;left:0;}
#btn_menu_bootstrap:after{content: "";position: absolute;width: 100%;height: 2px;background: #fff;bottom:0;left:0;}
#btn_menu_bootstrap:before,#btn_menu_bootstrap:after{
    transform-origin:left 1px;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.move_btn_bootstrap:before{transform:rotate(45deg);}
.move_btn_bootstrap:after{transform:rotate(-45deg);}
.move_btn_bootstrap span{left: -200% !important;opacity: 0 !important}
/*search*/
#timkiem{width:100%;height:40px;position: relative;background:#fff;margin-top: 5px;}
#timkiem input[type="text"]{outline:none;background:none;border:none;height:40px;width:80%;padding-left:20px;box-sizing: border-box;font-size: 13px;font-family: 'RobotoRegular';}
#timkiem #btn{height:40px;width:20%;cursor:pointer;float:right;background:none;outline:none;border:none;
color: #8c9097;font-size: 20px;}
/*slider*/
#slider{margin:auto;position:relative;box-shadow: none;}
.slider{position: relative;}
.prev_sl_detail{position: absolute;width: 25px;height: 42px;left: 20px;
background: url(../images/prev.png) #224171;z-index: 10;top:50%;transform: translate(0,-50%);}
.next_sl_detail{position: absolute;width: 25px;height: 42px;right: 20px;
background: url(../images/next.png) #224171;z-index: 10;top:50%;transform: translate(0,-50%);}

.tbl_download .tbl_title{background: #224171;color: #fff;}
.tbl_download .tbl_title td{text-transform: uppercase;}
.tbl_download tr{border-bottom: 1px solid #dedede}
.tbl_download tr td{padding: 10px 10px;}
.tbl_download tr td .ten_file{font-size: 16px;}
.tbl_download tr td .nuttai{color: #000;}
.tbl_download tr td .nuttai:hover{color: #224171}

.email{color: #fff;width: 100%;margin: 10px 0px;font-size: 14px;font-family: RobotoRegular}
.email i{padding-right: 5px;}
.dienthoai{color: #fff;width: 100%;font-size: 14px;font-family: RobotoRegular}
.dienthoai i{padding-right: 5px;}
/*left*/
#left{float:left;width:25%;padding-left:20px;box-sizing: border-box;}
.sub_left{margin-bottom:20px;}
.title_left{height:45px;background:#3399FE;}
.title_left span{font-size:15px;color:#fff;font-weight:normal;text-align:center;text-transform:uppercase;line-height:45px;display: block;font-family: 'RobotoBold';}
/*main*/
#main{width:75%;float: left;padding-right:10px;box-sizing: border-box;}
.sub_main{margin:30px 0px;}
.title_main{margin-bottom:30px;text-align: center;}
.title_main span{color:#000;font-weight:normal;text-transform:uppercase; display:block;line-height:40px;font-size:22px;font-family: 'UTMAvoBold';position: relative;}
.title_main span::after{position: absolute;content: '';width:240px;height:1px;background:#3c3c3c;left:0px;right:0px;bottom:0px;margin:auto;}
.title_main span::before{position: absolute;content: '';width:40px;height:3px;background:#3c3c3c;right:0px;left:0px;margin:auto;bottom:-1px;}

/*title*/
.title_tc{margin-bottom:20px;text-align: left;position: relative;color: #6bcbdd;padding-bottom: 10px;
font-family: IBMPlexSansRegular;font-size: 30px;border-bottom: 1px dashed #b2b2b2;text-transform: uppercase;}
.title_tc span{font-family: IBMPlexSansBold;color: #224171}
.title_tc::after{position: absolute;content: '';
width:60px;height:3px;background:#333333;left:0px;bottom:-2px;}
.load_sp{background: url(../images/bgsp.png)no-repeat;background-size: 100% 100%;padding: 45px 0px;}
/*gioi thieu*/
.load_gt{position: relative;padding: 50px 0px;}
.noidung_gt{width: 60%;float: left;padding-right: 20px;}
.noidung_gt .ten{font-size: 30px;font-family:IBMPlexSansBold;color: #224171;
text-transform: uppercase;position: relative;padding-bottom: 20px;}
.noidung_gt .mota{font-size: 14px;font-family:RobotoRegular;color: #737373;line-height: 30px; 
text-align: justify;}
.xemthemgt{display: inline-block;width: 145px;height: 45px;text-transform:uppercase;text-align: center;
border: 2px solid #1383ca;color: #1383ca;font-size: 15px;font-family:RobotoRegular;
margin-top: 20px;line-height: 45px; }
.xemthemgt:hover{background: #1383ca;color: #fff}
.col_img{width: 38%;float: right;position: relative;padding-left: 20px;}
.col_img img{position: relative;z-index: 9}
.col_img:after{position: absolute;content: "";width: 370px;height: 295px;top: 20px;left: 0px;
border: 3px solid #d9d9d9}
/*tin tuc*/
.load_tt{padding: 40px 0px;}
.title_news{position: relative;margin-bottom: 35px;}
.title_news:after{position: absolute;content: "";bottom: 10px;left: 0px;width: 100%;
height: 15px;background: url(../images/after_news.png)repeat-x;}
.title_news span{position: relative;background: #fff;z-index: 9;color: #1383ca;
font-size: 28px;font-family:SFUHelveticaCompressed;padding-right: 30px;text-transform: uppercase; }
.title_news span:after{position: absolute;content: "";background: #1383ca;
width: 16px;height: 15px;bottom: 9px;left: 100%;}

.col_vd{width: 33%;float: left;}
.video_top{position: relative;margin-bottom: 10px;}

.bongvideo{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
background: url(../images/iconvideo.png)no-repeat;width: 63px;height: 63px;z-index: 9}
.box_vd{position: relative;}
.bongvideo2{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
background: url(../images/iconvideo2.png)no-repeat;width: 34px;height: 34px;z-index: 9}
.col_tt{width: 67%;float: right;padding-left: 30px;}
.news_left{width: 100%;position: relative;max-width: 360px;float: left;}
.news_left .ten{font-size: 14px;font-family:RobotoBold;padding: 10px 0px;}
.news_left .ten a{color: #212121}
.news_left .ten a:hover{color: #1383ca}
.news_left .mota{font-size: 12px;font-family:RobotoRegular;line-height: 25px; }
.xemthemtt{display: inline-block;background: #1383ca;color: #fff;width: 100px;height: 42px;
text-align: center;line-height: 42px;font-size: 14px;font-family: RobotoRegular;
margin-top: 10px;}
.xemthemtt:hover{color: #1383ca;background: #fff;border: 1px solid #1383ca}
.news_right{width: calc(100% - 380px);float: right;}
.box_tt{width: 100%;position: relative;margin-bottom: 15px;}
.box_tt .img_tt{float: left;}
.box_tt .noidung_tt{width: calc(100% - 165px);float: right;}
.noidung_tt .ten{font-size: 14px;font-family:RobotoBold;}
.noidung_tt .ten a{color: #212121;white-space: nowrap;
text-overflow: ellipsis;overflow: hidden;display: block;}
.noidung_tt .ten a:hover{color: #1383ca}
.noidung_tt .mota{font-size: 12px;font-family:RobotoRegular;line-height: 25px; }
.content_news .vert,.content_news .vert .simply-scroll-clip{height:375px !important;width: 100% !important;margin-bottom: 0px;}

/*home*/
#register_email{padding:47px 0px;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#e0e0e0}
.inner_email{max-width:600px;margin:auto;position: relative;}
.left_email{width:80%;float: left;}
#frmDK input.form-control{height:38px;}
#frmDK input.form-control:nth-child(1){width:55%;float: left;margin-bottom:5px;}
#frmDK input.form-control:nth-child(2){width:44%;float: right;margin-bottom:5px;}
.title_mail{text-align: center;text-transform: uppercase;font-size:24px;font-family: 'RobotoBold';margin-top: -10px;margin-bottom:5px;color:#3c3c3c;}
.inner_email p{margin-bottom:4px;text-align: center;font-size: 14px;font-family: 'RobotoRegular'}
.inner_email > span{display:block;text-align: center;font-size: 14px;font-family: 'RobotoRegular';margin-bottom:10px;}
.btnGui{display: block;width:19%;float: right; height:80px;background:#c90000;color:#fff;text-transform: uppercase;font-size: 15px;font-family: 'RobotoBold';border:none;border-radius:5px;}
#map iframe{height:330px;}
.bannerControls{display: none;}
#info_consult{background:#fff;padding:35px 0px;}
.row_news{margin: 0px -10px;}
.col_news{padding: 0px 10px;}
.col_news:nth-child(4n+1){clear: both;}
.box_news_owl{position: relative;}
.info_news_owl{padding:10px 0px;box-sizing: border-box;width:100%;margin:0px auto;
position:relative;text-align: center;}
.info_news_owl h3 a{font-size:14px;font-weight:normal;font-family: 'RobotoBold';
text-transform: uppercase;color:#000;display:block;text-align: center;height: 20px;overflow-y: hidden;}
.info_news_owl h3 a:hover{color:#224171;}
.info_news_owl p{font-size:14px;line-height:18px;text-align: center;color: #4d4d4d}
.view_news_owl{color:#f00;display: block;text-align: center;margin:10px 0px;font-size: 13px;font-family: 'RobotoRegular'}
.date_news_owl{color: #808080;font-size: 14px;font-family:RobotoRegular;padding: 5px 0px;}
.load_dv{background: #f2f2f2;padding: 40px 0px;}
.load_da{padding: 40px 0px;background:#f2f2f2;}
.load_tt,.load_gt{background: #f2f2f2!important}
.load_dt{background:#f2f2f2;padding: 20px 0px;}
#slick_dt .box_dt{padding: 10px 0px;}
#slick_dt .box_dt a{display: block;/*border-radius: 50%;*/margin: auto;
/*-webkit-box-shadow: 0px 2px 5px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 5px 3px rgba(0,0,0,0.2);
box-shadow: 0px 2px 5px 3px rgba(0,0,0,0.2);*/border:1px solid rgba(0,0,0,0.2);}
/*#slick_dt .box_dt a img{border-radius: 50%}*/
/*product*/
.row_product{margin-right:-10px;margin-left:-10px;}
.col_product{padding-left:10px;padding-right:10px;}
.box_product{margin-bottom:30px;}
.img_product{text-align:center;overflow:hidden;display: block;position: relative;}
.img_product img{display:block;transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}
.img_product:hover img{transform: scale(1.3) rotate(15deg);}
.name_product{font-size:14px;margin-top:15px;font-weight: normal;line-height:23px;text-align: center;}
.name_product a{color: #000;font-family: 'RobotoBold';font-weight: normal;}
.name_product a:hover{color: #224171}
.price_product{margin-top:10px;font-family: 'RobotoRegular';position: relative;}
.price_product p{margin-bottom:0px;}
.price_product .price_old{text-decoration: line-through;font-size: 13px;}
.price_product .price_now{color:#f00;font-size: 17px;font-family: 'TahomaBold'}
.price_product span{cursor:pointer; display:block;width:82px;height:28px;line-height:28px;text-align: center;color:#fff;font-family: 'RobotoRegular';font-size: 13px;position: absolute;right:0px;top:10px;background:#3c3c3c}
.list_sub_img_detail{position: relative;}
.prev_sub_detail,.next_sub_detail{position: absolute;width: 28px;height: 28px;background: url(../images/icon_next_prev_common_owl.png);z-index: 10;top:50%;margin-top: -14px;}
.prev_sub_detail{background-position: 0px -28px;left: 0px;}
.prev_sub_detail:hover{background-position: 0px 0px;}
.next_sub_detail{background-position: -28px -28px;right: 0px;}
.next_sub_detail:hover{background-position: -28px 0px;}
#sub_img_detail{margin-top: 5px;}
.item_owl_sub{padding: 0px 2px;}
/*product detail*/
.item_detail{padding: 10px 0px;border-bottom:1px dashed #cdcdcd;	}
.bottom_detail{margin-top: 20px;}
.info_detail{box-sizing:border-box;}
.item_info_detail{font-size: 13px;line-height: 20px;padding: 10px 0px;border-bottom: 1px solid #eee;}
.item_info_detail.name_detail h1{font-size: 25px;font-weight:normal;font-family:'RobotoBold';color: #333;line-height: 25px;}
.item_info_detail span.price_now{font-size:24px;color:#f00;display: block;font-family: 'UTMAvoBold';float: left;}
.item_info_detail .price_old{font-family: 'UTMAvo';font-size:15px;color:#000;text-decoration: line-through;display: block;float: left;padding:0px 10px;}
.item_tab{text-decoration:none;float:left;color:#000;background:#fff;padding:8px 20px;margin-right:3px;cursor:pointer;border:1px solid #EEEEEE;border-bottom:none;font-weight:bold;font-size:13px;display:inline-block;}
.item_tab:hover,.item_tab.active{display:inline-block;background:#224171;color:#fff;}
.contain_content_tab{border:1px solid #e0e0e0;padding:10px;background:#fff;}
.content_tab{display: none;}
.content_tab.active{display: block;}
.amount_cart button{float: left;width:35px;height:30px;border:1px solid #eee;background:#fff;outline: none;color:#6d6d6d;}
.amount{height:30px;width:50px;float: left;border:1px solid #eee;text-align: center;margin:0px 3px;outline: none}
.item_info_detail .btn{text-transform: uppercase;font-size:14px;font-family: 'RobotoBold'}
.amount {height: 30px;width: 50px;float: left;border: 1px solid #eee;text-align: center;margin: 0px 3px;outline: none;}
.btn_Cart_Detail{width:255px;color:#fff;height: 44px;display:inline-block;line-height:44px;text-align: center;cursor:pointer;font-family: 'RobotoRegular';font-size: 15px;margin-right:5px;border-radius:3px;}
.buy-now{background:#ffb916;}
.buy-now:hover{background:#e59b11;color:#fff;}
.buy-to-cart{background:#f57224;}
.buy-to-cart:hover{background:#d0611e;color:#fff;}

.btn-success {
    color: #fff;
    background-color: #224171;
    border-color: #224171;
}
.btn-success:hover{
    color: #fff;
    background-color: #fcff00;
    border-color: #fcff00;
}
/*news*/
.tieude{font-size:24px;font-family: 'RobotoBold';font-weight: normal;margin-bottom: 10px}
.box_news{margin-bottom:20px;box-sizing: border-box;}
.box_news_img{position: relative;display: block;}
.box_news_img a{display: block;position: relative;}
.box_news_name{height: 20px;overflow-y: hidden;}
.box_news_name{font-weight: normal;font-family: 'RobotoBold';font-size: 14px;
margin: 10px 0px;text-align: center;text-transform: uppercase;}
.box_news_name a{color:#000;}
.box_news_name a:hover{color:#224171;}
.box_news_mota{text-align:justify;line-height:22px;font-size: 14px;font-family: 'RobotoRegular';
text-align: center;}
.box_news_readmore{text-align:right;float:right;}
.box_news_readmore a:hover{color:#000;}
.box_news_readmore a{display:inline-block;color:#f00;font-weight:bold;font-style: italic;}
/*news other*/
.title_news_other{font-size: 20px;color:#222;margin-bottom: 15px;}
.item_news_other{width: 100%;margin-bottom: 15px;box-sizing:border-box;}
.name_news_other{font-size: 13px;line-height: 20px;font-weight: bold;color:#000;}
.name_news_other:hover{color:#f00;}
.img_news_other{width: 40%;float: left;padding-right: 10px;box-sizing:border-box;}
.right_news_other{width: 60%;float: right;}

/*footer*/
#footer{background-color:#6bcbdd;width:100%;margin: 0px auto;}
.content_footer_full{padding:35px 0px;}
.name_company{font-family: 'RobotoBoldCondensed';text-transform: uppercase;font-size:25px;color:#fcff00;}
.title_footer{text-transform: uppercase;font-size:18px;color:#000;font-family: 'RobotoBoldCondensed';
margin-bottom:20px;position: relative;}
.item_footer ul li h3 a{font-weight:normal; color:#000;display:inline-block;padding:5px 0px;font-size:14px;
font-family: 'RobotoRegular';text-overflow: ellipsis;
overflow: hidden;display: block;white-space: nowrap}
.item_footer ul li h3 a:hover{text-decoration:underline;}
.item_footer ul li h3 a i{font-size: 4px;vertical-align: middle;padding-right: 10px}
.item_footer ul{margin-bottom:15px;}
.title_email{font-size:14px;font-family: 'OpenSansRegular';}
.frmEmail{margin:20px 0px;height:55px;border:1px solid #959392;padding:2px;box-sizing: border-box;}
.frmEmail input{color:#fff;font-size: 14px; width:85%;float:left;height:100%;background:none;border:none;outline: none;padding-left:15px;box-sizing: border-box;}
.frmEmail button{width:15%;text-transform: uppercase;color:#fff;font-size: 18px;font-family: 'UTMAvo'; float: left;height:100%;border:none;outline:none;background:#ff0000;}
.social{margin-top: 15px}
.social span{display:inline-block;float: left;line-height:27px;color:#fff;padding-right:7px;}
.social img{margin-right:5px;}
.content_footer{color:#000;margin-top:15px;}

.register_mail{max-width:765px;margin:auto;padding:30px 0px;}
.title_email{font-size:30px;font-family: 'UTMAvo';color:#fff;text-align: center;text-transform:uppercase;}
.slogan_mail{text-align: center;color:#fff;font-size: 14px;font-family: 'UTMAvo';display:block;}
#bottom{background:#224171;padding:15px 0px;color:#fff;font-size: 14px;font-family:'RobotoRegular'}
.copyright{float: left;}
.copyright span{text-transform: uppercase;color: rgb(54, 95, 145);font-family: RobotoBold}
.counter{float: right;}
.counter div{margin: 0px 10px;display: inline-block;}
.counter div:last-child{margin-right: 0px;}
.counter div span{color: #f1d609}

#btn-zalo { display: block; width: 40px; height: 40px; position: fixed; right: 25px; bottom: 160px; z-index: 99999999999; }
#btn-zalo i { display: flex; display: -ms-flex; align-items: center; -ms-flex-align: center; width: 40px; height: 40px; border-radius: 50%; background: #1182FC; position: relative; z-index: 9999; }
#btn-zalo i img { vertical-align: middle; }
.kenit-alo-circle-fill {width: 60px; height: 60px; top: -10px; 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: rgba(17, 130, 252, 0.45); opacity: .75; right: -10px; }
.kenit-alo-circle {width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(17, 130, 252, .8); opacity: .1; border-color: #1182FC; opacity: .5; }
.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;
}
.owl-animated-out {
  z-index : 1 
   }
.owl-animated-in {
  z-index : 0 
}

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

@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}


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