.h1, .h2, .h3, h1, h2, h3, h4, h5, h6{padding: 0; margin: 0;}
*{ margin: 0; padding: 0; } 
.clear{clear:both;}
body{ font-family:'RobotoRegular',Arial, Helvetica, sans-serif; font-size:14px; line-height:1.5; }
a{ text-decoration:none;}
a:focus{outline:none;color:#fff;text-decoration:none;}
ul{ list-style:none; padding:0; margin:0;}
p{margin:0;}
.slick-slide img{display: inline-block !important;}
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
}

.fixwidth{max-width:1200px;margin:auto;}
.fixpage{max-width:1189px;margin:auto;}
.clear{clear:both;}
.maincontent{width:100%;margin:auto;max-width: 100%;overflow: hidden;}
.maincontent img{max-width: 100%;}
a{text-decoration: none !important;}
.maintail_detail{padding-top:40px;margin-bottom: 20px;}
.maintial_detail{padding-top:20px;margin-bottom: 20px;}
.wrap{text-align: center;}
#sub_img_detail{margin-top:10px;}
body{}
body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
    width: 5px;
    background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
    background-color: #999;
}

.pagetitle{text-align: center;margin-bottom:50px;}
.pagetitle span{position: relative;font-size:30px;color:#001111;text-transform: uppercase;padding-bottom:25px;;font-family: 'SFUDinEngAlt';letter-spacing: 1px;
background:url('../images/thanh_title.png') no-repeat center bottom;}

/*===========HEADER=============*/
.boxheader_container{padding:5px 0;}
.header_logo{float:left;}
.header_cart, .header_cart:hover{float:right;background:url('../images/icon_cart.png') no-repeat left center;padding-left:50px;min-height:42px;color:#1f2a30;font-size:15px;font-family: 'RobotoRegular';
margin-top: 35px;margin-left:40px;}
.header_cart p{color:#777777;}
.header_hotline{float:right;background:url('../images/icon_hotline.png') no-repeat left top;padding-left:50px;min-height:42px;color:#1f2a30;font-size:15px;font-family: 'RobotoRegular';
margin-top: 35px;margin-left:20px;}
.header_hotline p{color:#d60c0c;font-size:15px;font-family: 'RobotoBold';margin-top: -3px;}
.header_search{float:left;text-align: right;width:48%;margin-top: 35px;}
.boxfixed_hotline{position: fixed;top:0;right:0;background:#ee2d24;color:#fff !important;padding:0 20px;font-family: 'SFUDinEngAlt';letter-spacing: 2px;font-size:22px;
border-radius:40px;line-height: 35px;display: inline-block;display: none;}


.resmenu_logo{display: none;}
/*===========breadcum============*/
#breadcum{padding-bottom:10px;border-bottom:1px solid #ebebeb;margin-bottom:10px;}
#breadcum a{color:#333;font-family: 'RobotoRegular';font-size:13px;}
#breadcum a:hover{color:#002d9e;}
#breadcum i{color:#333;margin:0 5px;}


/*==========SEARCH=============*/
.frm_timkiem{position:relative;margin-top: 0px;line-height: initial;width:80%;display: inline-block;border:1px solid #dc0021;border-radius: 5px;}
.frm_timkiem button{position: absolute; top: 0px; outline:none;border:none;right:0;z-index: 999;background: #dc0021; height: 100%;padding: 0 8px;}
.frm_timkiem .input{text-indent: 15px;outline:none;transition:all ease 0.5s;border: none;opacity:1;width:100%;color:#333;z-index: 99;
border-radius: 6px;line-height: 40px;}
.none_bg{background:none !important;padding-right: 0 !important;text-align: right !important;transition:all ease-in-out 0.5s;line-height: inherit !important;}

.frm_timkiem .input::placeholder{color:#999999;font-size:13px;font-family: 'RobotoLight';}

/*=====menu======*/
#menu_top{background:#ee2d24;}
.menu{position: relative;z-index: 9999;width: 100%;}
.menu_cap_cha{margin:0;}

.menu .menu_cap_cha li{
    float:left;
    line-height:45px;
    padding: 0px 36px;
    transition:all ease-in-out 0.2s;position:relative;
    background:url('../images/thanh_li.png') no-repeat center right;
}
.menu .menu_cap_cha li:first-child{background:url('../images/thanh_li.png') no-repeat center left, url('../images/thanh_li.png') no-repeat center right;}
.menu .menu_cap_cha .menulicha:last-child{}
.menu .menu_cap_cha .none_bor{border-right:none;background:none !important;}
.menu .menu_cap_cha > li:hover{}
.menu .menu_cap_cha li:hover a{color:#ffc527;}
.menu .menu_cap_cha .menuli_act{background:#e68e00;}
.menu .menu_cap_cha .menuli_act a{color:#fff;}
.menu ul li a:hover{}
.menu ul li a{
    font-family: 'RobotoRegular';text-transform: uppercase;
    text-decoration: none;
    color:#fff;
    font-size:16px;
}
.active{/*background:#0969A1 !important*/}
#active{
    background:#C18D02;
    padding: 15px 15px;
}
.no_bg{
    background-image:none !important;
}

/*---menu cấp con---*/
.menu_cap_con{position:absolute;display:none;transition:all ease 0.5s;left: 0px;}
.menu_cap_con li{width:250px;float:none !important; background:#ee2d24 !important;transition:all ease 0.2s;line-height: initial !important; 
padding: 10px !important;position: relative;}
.menu_cap_con li:hover{background:#d2231b !important}

.menu_cap_cha li:hover .menu_cap_con{display:block;}

.menu_cap_con li:hover .menu_cap_2{
    display:block;  
}
.menu_cap_con li a{font-size:12px !important;color:#fff !important;}
.menu_cap_2{
    position: absolute;
    left: 100%;
    top: 0;
    display:none;  background:#5cc3e2; 
}

.menu_cap_2 li:hover .menu_cap_3{
    display:block;  
}
.menu_cap_3{
    position: absolute;
    left: 100%;
    top: 0;
    display:none;
    background:#5cc3e2;
}

.menu_cap_3 li:hover .menu_cap_4{
    display:block;  
}
.menu_cap_4{
    position: absolute;
    left: 100%;
    top: 0;
    display:none;
}
#search button{position: absolute; top: 7px; right: 10px;border:none; width:13px; height:19px; background:none;outline:none;}

.fixed{position: fixed;width:100%;max-width:100%;top: 0px !important;z-index: 9999;-webkit-animation: fadeInDown 1.3s ease backwards;
   -moz-animation: fadeInDown 1.3s ease backwards;
   -o-animation: fadeInDown 1.3s ease backwards;
   -ms-animation: fadeInDown 1.3s ease backwards;
}
@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}


.fixed .header_logo img{max-width: 70%}
.fixed .menu_cap_cha{margin-top:0px;}
.fixed .menu .menu_cap_cha li{line-height: 45px;}
.fixed .menu_logo{margin-top:3px;}
.fixed .header_name{line-height: 47px;}
.fixed .header_logo{line-height: 47px;}
.fixmenu_top{position: relative;top:0;}
.fixed .resmenu_logo{display: none;}
.fixed .boxslider_left{display: none;}
.fixed .boxfixed_hotline{top:55px;display: block;}

/*===========================================BOX INTRO===============================*/
.boxintro_container{padding:60px 0;}
.boxintro_left{float:left;width:calc(100%  - 560px);padding-right:80px;}
.boxintro_right{float:left;width:560px;padding-right:35px;}
.boxintro_title{padding-left:20px;position: relative;margin-bottom:30px;}
.boxintro_title:after{content:'';position: absolute;top:4px;left:0;height:85%;border-left:4px solid #ee2d24;}
.boxintro_title p{text-transform: uppercase;font-size:28px;font-family: 'UTMAvoBold';color:#ee2d24;}
.boxintro_title span{color:#616161;font-family: 'RobotoRegular';}
.boxintro_mota{text-align: justify;white-space: pre-line;color:#393939;line-height: 1.8;margin-bottom:50px;}
.boxintro_btn{display:inline-block;background:#ee2d24 url('../images/arrow_btn.png') no-repeat left 15px center;line-height: 32px;padding:0 15px 0 25px;
color:#fff;}
.boxintro_btn:hover{background:#333;color:#fff;}

.boxintro_video{position: relative;}
.boxintro_video:after{content:'';position: absolute;border:3px solid #ee2d24;width:100%;height:100%;z-index: -1;top:35px;right:-35px;}
.boxintro_video a{display: block;position: relative;}
.boxintro_video a:after{content:'';position: absolute;background:url('../images/icon_play.png') no-repeat center;width:100%;height:100%;top:0;left:0;}


/*===========================================BOX VÌ SAO===============================*/
.boxvisao_container{background:url('../images/bg_tieuchi.png') no-repeat center top;background-size:cover;padding:40px 0;}
.boxvisao_container .fixwidth{overflow: hidden;}
.boxvisao_title{text-align: center;text-transform: uppercase;color:#fff;font-size:30px;font-family: 'SFUDinEngAlt';background:url('../images/thanh_title2.png') no-repeat center bottom;
padding-bottom:25px;margin-bottom:25px;}
.auto_visao, .auto_visao div{outline:none !important;}

.auto_visao{margin-right:-30px;}
.boxvisao_item{text-align: center;margin-right:30px;}
.boxvisao_img{}
.boxvisao_img img{transition: all ease 0.4s;border-radius: 50%;}
.boxvisao_name{margin:8px 0;}
.boxvisao_name a{text-transform: uppercase;font-size:16px;font-family: 'RobotoBold';color:#fff;}
.boxvisao_mota{color:#fff;font-family: 'RobotoRegular';}
.boxvisao_item:hover .boxvisao_img img{transform:rotateY(180deg);}

/*===========================================BOX PRODUCt===============================*/
.boxpronew_container{;padding:40px 0;overflow: hidden;background:#f8f8f8;}
.auto_pronew, .auto_pronew div{outline:none !important;}
.auto_pronew{margin-right:-28px;}
.auto_pronewitem{margin-right:28px;}

.loadkhung_product{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 28px;}
.hoverpro_item{text-align: center;position: relative;overflow: hidden;}
.boxproduct_img{display: inline-block;border:1px solid #ccc;overflow: hidden;position: relative;}
.boxproduct_img img{transition: all ease 0.3s;}
.boxproduct_name{margin:8px 0;}
.boxproduct_name a{text-transform: uppercase;color:#393939;font-size:16px;font-family: 'RobotoBold';display: inline-block;}
.boxproduct_cost{color:#262626;font-size:14px;font-family: 'RobotoRegular';text-align: center;}
.boxproduct_oldcost{display: inline-block;margin:0 3px;text-decoration: line-through;color:#393939;font-size:14px;}
.boxproduct_newcost{display: inline-block;margin:0 3px;color:#cc0000;font-size:18px;font-family: 'RobotoBold';}
.hoverpro_item:hover .boxproduct_name a{color:#cc0000;}
.hoverpro_item:hover .boxproduct_img img{transform: scale(1.05);}
.boxpro_iconnew{position: absolute;top:15px;right:15px;}

.boxpro_icontail{width:35px;line-height: 35px;text-align: center;background:rgba(0,0,0,0.6);border:1px solid rgba(0,0,0,0.8);color:#fff;cursor: pointer;
position: absolute;left:-50px;border-radius:3px;}
.boxpro_iconview{top:5px;transition: all ease 0.3s;}
.boxpro_iconbuy{top:45px;transition: all ease 0.6s;}
.hoverpro_item:hover .boxpro_iconview{left:5px;}
.hoverpro_item:hover .boxpro_iconbuy{left:5px;}
.boxpro_icontail:hover{background:rgba(238,45,36,0.6);color:#fff;}


.boxprolist_container{padding-top:40px;background:#f8f8f8;}

.boxlist_main .wrap{text-align:center;line-height:0px;padding:0;clear:both}
.boxlist_main .auto{display:inline-block;margin-bottom:10px;}
.boxlist_main ul.pagination{text-align:center;color:#000}
.boxlist_main ul.pagination li{display:inline;padding:0 3px;float:left}
.boxlist_main ul.pagination a{color:#8c8c8c;display:inline-block;padding:5px 10px;border:1px solid #e6e6e6;text-decoration:none;background:none;font-size: 14px; 
font-family: 'MuliRegular';width: 34px;background: #f2f2f2;font-family: 'RobotoRegular';}
.boxlist_main ul.pagination a:hover,ul.pagination a.current{background:#8c8c8c;color:#fff;border:1px solid #8c8c8c;}


.auto_qc, .auto_qc a{outline:none !important;}
.boxquangcao_container img{width:100%;}
.main_img_detail{float:right;width:calc(100% - 95px);padding-left:10px;}
.auto_protail{float:left;width:95px;margin-bottom:-8px;}
.auto_protail a{margin-bottom:8px;}
.img_detail{overflow: hidden;}

/*===========================================BOX CHỨNG NHẬN===============================*/
.boxchungnhan_container{background:url('../images/bg_bangcap.png') no-repeat center top;background-size:cover;padding:70px 0;min-height:497px;}
.boxchungchungnhan_left{padding-left:95px;width:50%;float:left;}
.boxchungchungnhan_main{padding:5px;background:rgba(255,255,255,0.5);border-radius:5px;}
.auto_cn, .auto_cn a{outline:none !important;}
.auto_cn{background:#fff;text-align: center;padding: 7px 0;}

/*===========================================BOX K HÀNG===============================*/
.boxkhachhang_container{padding:40px 0;}
.boxkhachhang_container .fixwidth{overflow: hidden;}
.auto_kh, .auto_kh div{outline:none !important;}
.boxkhachhang_item{margin-right:30px;text-align: center;}
.auto_kh{margin-right:-30px;}
.boxkhachhang_img{display: block;}
.boxkhachhang_name{margin:10px 0 12px 0;}
.boxkhachhang_name a{color:#393939;font-size:15px;font-family: 'RobotoBold';}
.boxkhachhang_mota{color:#393939;font-size:13px;font-family: 'RobotoRegular';}

/*===========================================BOX K HÀNG===============================*/
.boxthuonghieu_container{padding:40px 0;background:#f8f8f8;}
.boxthuonghieu_container .fixwidth{overflow: hidden;}
.auto_thuonghieu, .auto_thuonghieu a{outline:none !important;}
.boxthuonghieu_item{border:1px solid #ccc;margin-right:25px;background:#fff;text-align: center;}
.boxthuonghieu_item:hover{border-color:#ee2d24;}
.auto_thuonghieu{margin-right:-25px;}


/*==================FOOTER===============*/
.boxfooter_container{padding:40px 0;background:url('../images/bg_footer.png') no-repeat center top;background-size:cover;}
.boxfooter_left{float:left;width:38%;padding-right:20px;}
.boxfooter_middle{float:left;width:25%;padding-right:20px;}
.boxfooter_right{float:right;width:25%;}

.boxfooter_bottom{background:#000;padding:25px 0;text-align: center;color:#fff;font-size:13px;font-family: 'RobotoRegular';}
.boxfooterbt_left{float:left;}
.boxfooterbt_right{float:right;}
.boxfooter_bottom span{margin:0 12px;}

.boxfooter_titlemain{text-transform: uppercase;color:#fff;font-size:22px;font-family: 'RobotoBold';}
.boxfooter_name{text-transform: uppercase;font-size:35px;color:#ed1c24;margin-bottom:20px;font-family: 'OswaldBold';font-family: 'SFUAuchonRegular';}
.boxfooter_info{color:#fff;}
.boxfooter_info p{color:#fff;font-family: 'RobotoRegular';margin-bottom:10px;padding-left:22px;}
.boxfooter_add{background:url('../images/f_add.png') no-repeat left center;}
.boxfooter_phone{background:url('../images/f_phone.png') no-repeat left center;}
.boxfooter_mail{background:url('../images/f_mail.png') no-repeat left center;}
.boxfooter_web{background:url('../images/f_web.png') no-repeat left center;}
.boxfooter_title{text-transform: uppercase;color:#fff;font-size:16px;font-family: 'RobotoRegular';position: relative;padding-bottom:5px;margin-bottom:20px;}
.boxfooter_title:after{content:'';position: absolute;border-top:2px solid #fff;width:40px;bottom:0;left:0;}
.boxfooter_list p{margin-bottom:12px;background:url('../images/arrow_f.png') no-repeat left center;padding-left:10px;}
.boxfooter_list p a{color:#fff;font-family: 'RobotoRegular';font-size:14px;}
.boxlogo_ct{margin-top:15px;display: inline-block;}
.boxfooter_slogan{color:#fff;font-size:14px;font-family: 'RobotoRegular';margin-bottom:15px;}

.boxfooter_map iframe{width:100% !important;height:185px !important;display: block;}
.boxfooter_mxh{margin-top:40px;}
.boxfooter_mxh span{font-family: 'RobotoRegular';font-size:14px;color:#fff;font-style: italic;margin-right:15px;}
.boxfanpage_main{overflow: auto;}


/*scroll*/
.tieude{font-size:22px;margin-bottom:20px;font-family: 'RobotoBold';}

/*==========================================CALL=============================================*/
.boxcontact_map iframe{display: block;width:100% !important;height:350px !important;}
.menu_top, .header_logores{display: none;}
.call{display:none;width:100%;  height:50px; line-height:50px; position:fixed; bottom:0px; left:0px; background:#ee2d24; text-align:center; z-index:999999;}
.call div{/*width:33%; float:left;*/ height:50px;}
.call div i{color:#fff;font-size:18px;margin-right:3px;}
.call strong{padding-left:38px; display:inline-block;}
.call span{display:inline-block; line-height:50px; background-size:auto 25px;
    -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;
    }
.call a{color:#fff; font-size:14px;font-weight: bold;}
.blink_me img{width:30%; animation:color_call 1s infinite;}
.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;
}
/* CSS Document */
@keyframes color_call {
  0% {opacity: 1.0;}
    50% {opacity: 0.0;}
    100% {opacity: 1.0;}
}

/*=====tail product=====*/
.pkhung_left{float:left;width:25%;padding-right:30px;}
.pkhung_right{float:left;width:75%;}
.showkhung_product{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 24px;}

.boxkhung_title{color:#fff;font-family: 'UTMHelvetIns';text-transform: uppercase;text-align: center;font-size:20px;background:#d00009;
border-bottom: 3px solid #9a040a;padding:8px 0;}
.boxkhung_danhmuc{border:1px solid #ebebeb;border-radius:0 0 5px 5px;}
.boxkhung_danhmuc > li > ul{display: none;position: absolute;width:100%;left:100%;top:0;border:1px solid #ebebeb;border-radius:0 0 5px 5px;z-index: 999999;}
.boxkhung_danhmuc > li{position: relative;background:#fafafa;padding:10px;font-family: 'OpenSansRegular';font-size:15px;border-bottom:1px solid #ebebeb;}
.boxkhung_danhmuc > li > a{color:#333;display: block;}
.boxkhung_danhmuc > li:last-child{border-bottom:none;border-radius:0 0 5px 5px;}
.boxkhung_danhmuc > li:hover > ul{display: block;}
.boxkhung_danhmuc > li:hover{background:#ebebeb;}
.boxkhung_danhmuc > li:hover > a{color:red;}

.boxkhung_danhmuc > li > ul > li{position: relative;background:#fafafa;padding:10px;font-family: 'OpenSansRegular';font-size:15px;border-bottom:1px solid #ebebeb;}
.boxkhung_danhmuc > li > ul > li > a{color:#333;display: block;}
.boxkhung_danhmuc > li > ul > li:last-child{border-bottom:none;border-radius:0 0 5px 5px;}
.boxkhung_danhmuc > li > ul > li:hover{background:#ebebeb;}
.boxkhung_danhmuc > li > ul > li:hover > a{color:red;}



/*===zalo code====*/
.btn_zalo{position: fixed;bottom:250px;right:15px;z-index: 99999999;border-radius: 50%; background: #008fe4;}
.grecaptcha-badge{z-index: -9;opacity: 0}
.selectors{padding:5px 0;}
.boxnews_share{background: #f5f5f5; border-radius: 10px; padding: 10px;margin-bottom:15px;}
.boxnews_share .thanh_title{margin-top:0;}
.noidung img{max-width: 100% !important;height:auto !important;}
.back_to_top{display:none; position:fixed; bottom:55px; right:10px; text-align: right; z-index: 99999;cursor: pointer;}
.text img{height:auto !important;}

@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%{opacity:1;}}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%{opacity:1;}}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}
@-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;}
@-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;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

.btb_effect:after{content:'';width:calc(100% + 10px);height:calc(100% + 10px);top:-5px;left:-5px;background:#008fe4;border-radius:50%;
opacity: 0.4;position: absolute;z-index: -1;animation: pulse infinite 1s;}
.btb_effect:before{content:'';width:calc(100% + 6px);height:calc(100% + 6px);top:-3px;left:-3px;border:2px solid #008fe4;border-radius:50%;
position: absolute;z-index: -1;animation: pulse infinite 1.5s;}