@charset "utf-8";
*{margin:0;padding:0}
body{width:100%;margin:auto;font-family:"Roboto",Arial,Helvetica,sans-serif;overflow-x:hidden;}
#wrapper{width:100%;margin:auto;float:left;z-index:9999;}
#clear{clear:both}
#header{background:#333;}
#headertop{width:100%;margin:auto;float:left;height:115px;background:#fafafa;}
#logo{float:left;}
#hotline{float:left;}
#slogan{width:800px;float:left;padding:10px 25px;}
#menu{height:50px;width:100%;margin:auto;float:left;background:#00a85a;}
#menutop{background:#00a85a;height:30px;width:100%;margin:auto;float:left;font-size:12px;color:#fff;}
.submenu{width:1170px;margin:auto;}
#menutop{height:30px;float:left;width:100%;}
#menu1{height:30px;float:left;margin-top:27px;margin-right: 80px;}
.thongbao{background-color:#428acd;height:auto;text-align:center;color:#FFF;font-size:16px;padding:10px 30px;padding-right:50px;width:1286px;z-index:9000;position:relative;line-height:1.4;float:left;}
.top-slide{background:#f9f9f9}
button.btn_pink_sm{width:auto;background:#bd0103;border:1px solid #bd0103;color:#fff;padding:8px;font-size:12px;cursor:pointer;}
button.btn_pink_sm:hover{background:#bd0103;}
button.btn_gray_sm{width:auto;background:#b1b3b5;border:1px solid #b1b3b5;color:#fff;padding:10px;font-size:12px;cursor:pointer;}
button.btn_gray_sm:hover{background:#c2c3c4;}
.w100per{width:100%;}
.posrel{position:relative;}
.fleft{float:right;}
.fright{float:left;background:#fff;}
.paddingtop5{height:31px;}
.cred{color:#e87210;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs24{font-size:24px;}
.fw700{font-weight:700;}
.gach{text-decoration:line-through;}
a{color:#00a85a;text-decoration:none;}
h1{font-size:16px}
h3{padding:5px 10px 0px 0px;font-size:14px;line-height:20px;margin-bottom:15px;font-weight: bold;}
h4{background:#fcff00;height:27px}
h5{font-size:12px}
#leftcontent{width:100%;background:#FFF;margin-right:10px;float:left;box-sizing:border-box;}
.nopadding{padding:0px!important;}
.titlelink{padding:14px 0 0 10px;float:left;color:#cecece;font-size:14px;}
button.btn_blue_sm, .btn_blue_sm{width:auto;background:#0095da;border:1px solid #0095da;color:#fff;padding:5px 10px;font-size:14px;font-weight:400;cursor:pointer;font-family:'Roboto Condensed',Roboto, Tahoma,Helvetica,Verdana,Arial;}
button.btn_blue_sm:hover, .btn_blue_sm:hover{background:#2980b9;color:#fff;}
.box-main-content{float:left;width:100%;margin:20px 0px;position:relative;}
#showsub:hover > ul{float:left;height:auto;visibility:visible;}
#showsub a:hover{color:#CD2122;}
.submenu1{visibility:hidden;background:#2b2b2b;padding-left:0!important;position:absolute;top:175px;width:220px!important;border-left:5px solid #fffc00;z-index:9999;transition:all 200ms linear;}
.submenu1 a{color:#0080af;}
.submenu1 a:hover{color:#f6ff00;}
.submenu1 .subullimenu{line-height:30px;;float:left;overflow:hidden;border-bottom:1px solid #1260ab;width:210px !important;height:46px!important;padding:10px 0px 0px 10px!important;}
.submenu1 .subullimenu a{font-size:12px;color:#373c40;float:left;width:100%!important;font-size:12px!important;}
.submenu1 .subullimenu a:hover{color:#428acd;}
.subullimenu a:hover{color:#CD2122;}
.sidebarmenu ul a:hover{color:red}
.subullimenu{width:187px!important;}
#contain #menu{clear:left}
#menu ul{list-style-type:none;line-height:22px;float:left;height:40px;margin-bottom:0px;}
#menu li{float:left;padding:15px 20px;height:50px;color:#fff;text-align:center;border-right:1px solid #00be66;}
#menu li:first-child{list-style:none;border-right:1px solid #00be66;}
#menu li.end{border:none}
#menu ul a{text-decoration:none;color:#fff;font-size:13px;}
#menu ul a:hover{color:#fff;}
#menu ul:hover{color:#fff;}
#menu ul a:hover{color:#fff;}
#menu-text {font-size: 14px;font-weight: bold;line-height: 25px;}
#menu .search{text-align:right;border:0;padding-left:500px}
#menu1 ul{list-style-type:none;padding-left:93px;line-height:32px;padding-top:4px;float:left;}
#menu1 li{display:inline;padding-left:10px;width:86px;float:left;margin-left:10px;}
#menu1 li.end{border:none}
#menu1 ul a{text-decoration:none;color:#fff;font-size:12px;font-weight:700}
#menu1 ul a:hover{color:#1c8cf4}
#menu1 .search{text-align:right;border:0;padding-left:500px}
#contain #menutop{clear:left}
#menutop ul{list-style-type:none;line-height:22px;float:left;height:40px;width:1170px;color:#f4f4f4;}
#menutop li{display:inline;margin:4px 10px;float:left;}
#menutop li.end{border:none}
#menutop ul a{text-decoration:none;color:#ababab;font-size:15px;}
#menutop ul a:hover{color:#cae700;}
#content{width:100%;z-index:9999;margin:auto;float:left;}
#content1{width:1170px;float:left;}
#content1 .boxsp_01{float:left;text-align:center;font-weight:700;padding:22px;width:210px;border: 1px solid #fff;}
#content1 .boxsp_01:hover{border:solid 1px #cecece;}
#left{width:225px;float:left;margin-right: 15px;}
#box_01{float:left;margin-top:20px;width:100%;}
#box_02{width:230px;float:left;margin-top:10px;}
#box_03{width:20%;float:left;margin-top:10px;}
#box_04{width:230px;float:left;}
#box_01 .topbox230{height:31px;font-weight:700;font-size:12px;padding:15px;padding-bottom:0;background: #e10000;border-bottom:1px solid #e7e7e7;text-align:center;}
#box_02 .midbox230{height:31px;font-weight:700;font-size:12px;padding:15px;padding-bottom:0;background: #e10000;text-align:center;}
#box_03 .tygiabox230{height:31px;font-weight:700;padding-bottom:0;background:#e10000;text-align:center;margin-bottom:24px;}
#box_04 .thongkebox230{height:30px;font-weight:700;font-size:12px;padding:5px;padding-bottom:0;background: #e10000;}
#box_02 .colcontact{width:230px}
#box_04 .thongke{width:230px}
#left .boxsp_230{float:left;width:230px;background-color:#eee;}
#left .colcontact{float:left;width:230px;background-color:#eee;height: 230px;}
#left .tygia{float:left;width:230px;background-color:#eee;}
#left .thongke{float:left;width:200px;background-color:#eee;}
.boxsp_230 ul{list-style-type:none;line-height:32px;float:left;margin-bottom:0px;}
.colcontact ul{list-style-type:none;line-height:37px;float:left;width:200px;font-size:12px;padding-left:20px;}
.boxsp_230 li{display:inline;padding:10px 0 10px 0px;float:left;width:273px;text-transform: uppercase;border-top: 1px solid #e4e4e4;}
.boxsp_230 .act{background:#f4f4f4;}
.colcontact li{display:inline;float:left;width:200px}
.boxsp_230 ul a{text-decoration:none;font-size:12px;color:#4a4848}
.boxsp_230 a:hover{color:red}
.ulcate li{padding-left:10px!important;width:100%!important;}
.ulcate .act a{color:#00a85a;}
#right{width:1170px;margin: auto;}
#slide{margin:auto;}
#boxslide{background:#e5e5e3;float:left;margin-bottom:20px;}
#boxdesign{background:url(http://thanhlyotocu.com/static/01052013/frontend/image/bg-menu.jpg) 0 0 repeat;width:100%;}
#boxproduce{height:670px;background:#e5e5e3;width:100%;}
#boxduan{background:#7e8387;width:100%;max-width:1170px;margin:auto;}
#boxquytrinh{background:#FFF;width:100%;}
#boxfooter{height:250px;background:#202020;width:100%;}
#box_content{float:left;width:100%;font-size:12px;}
.boxsp_01.boxsp_01 h2{padding:14px 10px 0;font-size:14px;line-height:25px;margin-bottom:10px;width:227px;font-weight:500;min-height:50px;}
#box_content .spnew{width:100%;margin:auto;text-align:center;}
#box_content .boxsp_01{float:left;text-align:center;font-weight:700;border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;border-top:1px solid #f5f5f5;-webkit-box-shadow:0 3px 6px 0 #888;box-shadow:0 3px 6px 0 #888;border-radius:2px;margin-bottom:30px;min-height:380px;}
#box_content .boxsp_01 title_sp{padding-bottom:18px;font-size:14px;font-weight: normal;}
#box_content .boxsp_01 .title2{font-weight:500;padding-bottom:10px;padding-top:10px;}
#box_content .boxsp_01 .title2 span{color:#ed1b4a;padding-left:5px;font-size:16px;}
#box_content .boxsp_01 .title2 a{color:#ff0030;}
#box_content .boxsp_01:hover{background:#f6f6f6;}
#box_content .boxsp_01 a{text-decoration:none;color:#fff}
#content1 .boxsp_01 a{text-decoration:none;color:#fff}
#box_content .boxkh_01{float:left;width:230px;height:180px;margin:10px 0 0 10px;text-align:center;font-weight:700}
#box_content .boxsp_img{float:left;text-align:center;font-weight:bold;margin-top:35px;position:relative;background:#fafafa;}
.boxsp_detail{float:left;padding:15px 0 0 0;width:100%;}
#box_content .new{border-bottom:1px dashed #e6e6e6;padding-bottom:5px;padding-top:10px;float:left;text-align:justify;margin-right:10px;width:100%;}
#box_content .box_tin{margin-left:10px;width:100%;line-height:25px;font-size:14px;}
#box_content .box_tin li{list-style:none;text-decoration:none}
#box_content .box_tin li a{list-style:none;text-decoration:none}
#box_content .nextpage{float:right;color:#3489b8;font-weight:700;font-size:11px;padding:20px 15px 20px 0}
#intro h1{font-size:24px;line-height: 32px;}
#intro h2{font-size:22px;line-height: 32px;}
#intro h3{font-size:18px;line-height: 32px;}
#intro ul{margin-left:30px;}
#intro ol{margin-left:30px;}
#intro{line-height:30px;float:left;text-align:justify;margin-top:10px;width:100%;font-size:16px;padding:15px;}
#line_box{width:100%;float:left;font-weight:700;margin-top:20px;}
#leftlinebox{width:100%;float:left;}
#rightlinebox{width:100%;float:left;}
#line_box .more{padding-bottom:5px;width:100px;float:right;width:75px;font-size:11px;color:#3489b8}
#contact{line-height:30px;float:left;margin-bottom:30px;width: 1170px;}
#contact li{list-style:none;}
.w125{float:left;width:100px}
w285{float:left;width:500px}
.text_h3{margin:20px 0 10px 0px;font-weight:700;color:#3489b8}
.input_contact{float:left;width:674px}
.input_contact li{float:left;width:674px;list-style:none}
#footer{width:100%;float:left;color:#000;font-size:12px;line-height:25px;z-index:0;background-color:#f6f6f6;border-top:1px solid #e9e9e9;padding:0px 10px;}
.navigation{float:left;padding:20px 0 10px;text-align:center;width:100%}
.navigation a{color:#9D241D;line-height:21px;margin:0 2px}
.navigation a.active span{background:url(../image/icon_page.png) no-repeat scroll 2px 0 transparent;color:#FFF}
.navigation a span{background:url(../image/icon_page.png) no-repeat scroll 1px 0 transparent;height:23px;padding:3px 8px}
#tbltygia{border:medium none;height:120px;padding:2px;width:230px}
#tygia{color:#000;font-size:10px}
.xam{background-color:#EDF7ED}
#tbltygia td{padding:4px}
tr.VangCaption td{color:#457A02;font-weight:700;text-align:center}
.VangUnit{color:#457A02;float:right;font-size:11px;font-weight:400;line-height:20px;margin-right:1px;padding:0 10px}
.VangTime{clear:both;color:#457A02;font-size:11px;font-weight:400;line-height:20px;padding:2px 0 5px;text-align:center}
.VangNguon{font-size:11px;font-weight:400;line-height:20px;padding-bottom:6px;padding-left:5px}
#search{float:left;background:#FFF;margin-top:37px;margin-left:85px;border:1px solid #FF9800;border-radius:5px;}
.iconhotline{margin-top:30px;float:left;margin-left:50px;}
.icongiohang{color:#0b8acd;border-radius:50%;border:1px solid #0b8acd;padding:8px;font-size:20px;margin-top:44px;margin-left:50px;}
#search input.inputtext{width:450px;border:none;height:40px;float:left;font-size:12px;color:#A5A5A5;font-style:italic;padding:20px;border-left:1px solid #c5c5c5;}
.txt_link{text-decoration:none;color:#0080AF;}
.tieude{font-weight:bold;float:left;text-transform:uppercase;}
.tieude h1{font-size:14px;float:left;padding:14px;font-weight:normal;}
.tieude h1.active{background:#333;color:#FFF;border-top-right-radius:3px;border-top-left-radius:3px;}
.tieude h1:hover{background:#333;color:#FFF;cursor:pointer;border-top-left-radius:3px;border-top-right-radius:3px;}
.tieude h1 a:hover{color:#FFF;}
.an{display:none;}
#box_content .boxsp_02{float:left;text-align:center;font-weight:700;padding:5px;width:190px;background:#fff;margin:0 10px;-webkit-box-shadow:0 3px 6px 0 #888;box-shadow:0 3px 6px 0 #888;border-radius:2px;height:430px;}
#box_content .boxsp_02 a{text-decoration:none;color:#fff}
#box_content .boxsp_02:hover{background:#f6f6f6;}
.hcdd{float:left;width:280px;height:440px;margin-right:10px;-webkit-box-shadow:0 3px 6px 0 #888;box-shadow:0 3px 6px 0 #888;}
.tbdh select{width:100px;padding:5px;font-size:12px;} 
.tbdh input[type=number] {text-transform:uppercase;width:45px;padding:5px 0px 5px 15px;}
/* header mobie */
.header-menu-mobie{position:relative;height:60px;padding:0px;width:15%;float:right;}
.header-menu-mobie .icon-head-menu{float:right;height:60px;padding-top:8px;vertical-align:middle;background:#00c167;text-align:center;width:60px;font-size:16px;cursor:pointer}
.header-menu-mobie .icon-head-menu span{border:1px solid #fff;color:#00c167;line-height:1.9em}
.header-menu-mobie .icon-head-menu .fa-circle{font-size:20px}
.header-menu-mobie .icon-head-menu:hover{opacity:.8}
.l-menu-moblie{position:absolute;top:100%;right:0;z-index:9999;width:225px;visibility:hidden;transition:all 400ms ease;background:#f1f1f1;color:#333}
.icon-head-menu:hover+.l-menu-moblie,.l-menu-moblie:hover{visibility:visible}
.l-menu-moblie .i-menu-moblie{float:left;list-style:none;width:100%;margin-bottom:1px;background:#fff;color:#333}
.l-menu-moblie .i-menu-moblie:hover,.l-menu-moblie .i-menu-moblie.act{background:#ec0928;color:#fff}
.l-menu-moblie .i-menu-moblie .i-mb-title{float:left;width:100%;padding:13px 20px;font-size:12px}
.l-menu-moblie .i-menu-moblie .i-mb-title:hover{color:#FFF;text-decoration:none;}
.i-menu-moblie .l-mb2{float:left;width:100%;display:none;text-decoration:none;}
.i-menu-moblie .l-mb2 .i-mb2{float:left;text-decoration:none;width:100%;background:#fff;color:#333;padding:10px 20px;font-size:15px;border-bottom:1px solid #dfdfdf}
.i-menu-moblie .l-mb2 .i-mb2:hover{background:#f1f1f1}
.i-menu-moblie.act .l-mb2{display:block}
/* END header mobie */
.box01{width:100%;margin:auto;background:#fff;float:left;}
.mautin{width:100%;text-align:center;margin: 40px 0px 10px 0px;font-size:26px;color:#ed1b4a;}
.mautin2{width:100%;text-align:center;margin: 40px 0px 30px 0px;font-size:24px;color:#176fbb;}
.mautin3{width:100%;text-align:center;margin: 40px 0px 30px 0px;font-size:24px;color:#ed1b4a;}
.mautin4{margin:0px;font-size: 30px;color: #fff;background: url(/static/01052013/frontend/image/linebottom.png) repeat-x scroll top left;width: 100%;height:30px;padding: 0;font-weight: 400;}
.bacot{text-align:center;min-height:480px;}
.bacot h2 a{color:#373c40;font-size:15px;line-height:30px;font-weight:normal;}
.bacot h2 a.m2{color:#000;font-weight:normal;font-size:14px;line-height:24px;}
.bacot .sp1{text-align:justify;float:left;color:#373c40;font-size:14px;line-height:25px;min-height:106px;margin-bottom:15px;}
.bacot .sp2{color:#7e8387;font-size:14px;padding:10px;background:#7e8387;border-radius:2px;width:100px;}
.bacot .sp2 a{color:#FFF;}
.bacot .sp3{color:#fff;font-size:14px;padding:10px;background:#e5e5e3;border-radius:2px;width:100px;}
.bacot .sp3 a{color:#373c40;}
.bacot .sp4{float:left;color:#fff;font-size:14px;border-radius:2px;width:100%;text-align:center;min-height:50px;}
.bacot .sp5{text-align:justify;float:left;color:#373c40;font-size:14px;line-height:25px;width:100%;}
.bacot .sp4 a{color:#373c40;}
.bacot .div1{max-height:420px;overflow:hidden;margin:10px 10px 10px;background:#fff;border:1px solid #f4f4f4;padding:5px;overflow: hidden;}
.bacot .div1:hover{}
.bacot .cs-block{color:#333;padding:0px 10px 0px 10px;min-height:290px;font-size:12px;float:left;}
.bacot .cs-block h3{text-align:center;width:100%;font-size:22px;font-weight:normal;}
.bacot .cs-block p{text-align:left;font-size:13px;font-weight:normal;line-height:24px;margin-bottom:0px;}
.bacot .cs-block p a{color:#000;}
.bacot .div1 img{webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all 1.3s ease-out}
.bacot .div1 img:hover{}
.h2a{text-align:center;margin:0px 0px 35px 0px;font-size:18px;color:#373c40;font-weight:500;clear:both;}
.h2b{
	text-align:center;
	margin:40px 0px 30px 0px;
	font-size:30px;
	color:#373c40;
	font-weight:500;
	background: url(/static/01052013/frontend/image/linebottom.png) repeat-x scroll top left;
    width: 100%;
    height: 32px;
    padding: 0;
    margin: 0;
    font-weight: 400;}
#boxduan .bacot{padding-top:10px;min-height:395px;}
.bacotf .cs-block{color:#909090;font-size:14px;}
.bacotf .cs-block a{color:#909090;font-size:14px;}
.bacotf .cs-block h3{font-size:14px;color:#000;}
.htkh{text-decoration:none;color:#e8e8e1;font-weight:normal;}
.sdt{float:left;font-size:26px;color:#d41d1d;margin-top:10px;}
.sdt2{float:left;font-size:26px;color:#ed1b4a;}
.bot{width:100%;background:#00a85a;text-align:center;color:#f6f6f6;font-size:13px;padding:13px 0px 10px;margin-top:20px;float:left;}
#backtotop{position:fixed;bottom:40px;right:10px;z-index:99999;display:none;cursor:pointer;opacity:0.8;}
#backtotop:hover{opacity:1;}
.icondetail{display:block;float:left;font-weight:400;box-sizing:border-box;border:1px dotted #ddd;padding:12px;width:45px;height:45px;font-size:20px;margin-top:15px;border-radius:5px;color:#999;}
.discount{position:absolute;top:6px;right:6px;background:url('/static/01052013/frontend/image/discount.png') no-repeat 0px 0px;width:50px;height:50px;color:#FFF;font-weight:bold;padding-top:12px;font-size:12px;}
.size1{position:absolute;bottom:6px;width:52px;height:24px;padding:5px 10px 5px 5px;color:#000;font-size:12px;opacity:0.5;background:#ececec;left:5px;}
.size2{position:absolute;bottom:6px;width:52px;height:24px;padding:5px 10px 5px 5px;color:#000;font-size:12px;opacity:0.5;background:#ececec;left:57px;}
.size3{position:absolute;bottom:6px;width:52px;height:24px;padding:5px 10px 5px 5px;color:#000;font-size:12px;opacity:0.5;background:#ececec;left:110px;}
.size4{position:absolute;bottom:6px;width:52px;height:24px;padding:5px 10px 5px 5px;color:#000;font-size:12px;opacity:0.5;background:#ececec;left:163px;}
.size5{position:absolute;bottom:6px;width:52px;height:24px;padding:5px 10px 5px 5px;color:#000;font-size:12px;opacity:0.5;background:#ececec;left:216px;}
.giagocgiam{padding:8px 10px 0px 0px;color:#868686;border-radius:1px;font-weight:600;font-size:15px;margin-bottom:10px;text-decoration:line-through;text-align:left;float:left;}
.giagoc{padding:8px 0px;color:red;border-radius:1px;margin-bottom:10px;font-weight:600;font-size:15px;}
.giagiam{padding:8px 0px;color:#F44336;border-radius:1px;font-weight:600;font-size:15px;margin-bottom:10px;text-align:right;float:right;}
.chongia{border:1px solid #e42127;background:url(/static/01052013/frontend/image/icon-check.png) right bottom no-repeat #f7f7f7!important;opacity:1!important;}
.chongiachitiet{border:1px solid #e42127;background:url(/static/01052013/frontend/image/icon-check.png) right bottom no-repeat #f7f7f7!important;border-radius:2px;padding:5px 10px 5px 5px;margin-left:5px;font-size:16px;}
.chongiachitiet0{border:1px solid #e42127;border-radius:2px;padding:5px 10px 5px 5px;margin-left:5px;font-size:16px;}
.tenmuc{background:#00a85a;padding:12px;font-size:14px;float:left;}

.dmtl{float:left;padding:10px;color:#FFF;background:#F4373E;width:220px;position:relative;text-align:center;}

.service{background:#0777bc;border-bottom:solid 1px #ebebeb;color:#fff;}
.service .image{width:100%;text-align:center;}
.service .info h5{font-size:14px;line-height:20px;color:#898989;text-align:center;}
.padding_medium{padding-right:0px;}

.chucnang{float: left;margin-top:35px;width:330px;font-size:12px;}
.chucnang i{width:100%;text-align:center;margin:5px 0px 10px 0px;font-size:30px;color:#00a85a;}
.ulmxh{float:right!important;list-style:none!important;}
.ulmxh li{list-style:none!important;padding:13px 22px!important;margin:0px!important;}
.mnutopsp{width:98.333%;list-style:none;margin:15px 0px 10px 0px;float:left;background:#fff;}
.mnutopsp li{border:1px solid #eee;padding:10px;text-align:center;}
.mnutopsp li.active,.mnutopsp li:hover{background:#dd3334;color:#FFF;}
.uldmtl{height:auto!important;}
.uldmtl li{display:inline;list-style:none;padding:19px 0px 15px 30px;position:relative;float:left;}
.uldmtl li:hover{background-color:rgb(4, 143, 78);transition-property:background;transition-duration: 1s;}
.uldmtl li a{color:#333;}
.uldmtl2{visibility:hidden;position:absolute;top:74%;left:100%;background: -webkit-linear-gradient(to bottom, #f5f5f5, #ebebeb);background: -o-linear-gradient(to bottom, #f5f5f5, #ebebeb);background: -moz-linear-gradient(to bottom, #f5f5f5, #ebebeb);background: linear-gradient(to bottom, #f5f5f5, #ebebeb);}
.uldmtl2 li{padding:19.5px;float:left;background:none;}
.uldmtl2 li img{float:left;margin-bottom:10px;margin-right:5px;}
.uldmtl li:hover > .uldmtl2{visibility:visible;transition:all 200ms ease;height:auto!important;z-index:8000;}

/* hotline */
@import url("//fonts.googleapis.com/css?family=Montserrat|Open+Sans:400,300,600,700&subset=latin,vietnamese");
.coccoc-alo-phone{
	position:fixed;visibility:hidden;
	background-color:transparent;width:200px;
	height:200px;cursor:pointer;z-index:200000!important;
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateZ(0);
	-webkit-transition:visibility .5s;
	-moz-transition:visibility .5s;
	-o-transition:visibility .5s;transition:visibility .5s;
	right:150px;
	top:30px
}
.coccoc-alo-phone.coccoc-alo-show{
	visibility:visible
}
@-webkit-keyframes fadeInRight{
	0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeOutRight{
	0%{opacity:1}
	100%{
		opacity:0;-webkit-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0)
		}
	}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.coccoc-alo-phone.coccoc-alo-static{opacity:.6}
.coccoc-alo-phone.coccoc-alo-hover,.coccoc-alo-phone:hover{opacity:1}
.coccoc-alo-ph-circle{
	width:160px;
	height:160px;
	top:20px;
	left:20px;
	position:absolute;background-color:transparent;-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid rgba(30,30,30,0.4);
	border:2px solid #bfebfc 9;
	opacity:.1;
	-webkit-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	-moz-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	-ms-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	-o-animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	animation:coccoc-alo-circle-anim 1.2s infinite ease-in-out;
	-webkit-transition:all .5s;-moz-transition:all .5s;
	-o-transition:all .5s;transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;transform-origin:50% 50%
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle{
	-webkit-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
	-moz-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
	-ms-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
	-o-animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important;
	animation:coccoc-alo-circle-anim 1.1s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle{
	-webkit-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
	-moz-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
	-ms-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
	-o-animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important;
	animation:coccoc-alo-circle-anim 2.2s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone:hover .coccoc-alo-ph-circle{border-color:#00aff2;opacity:.5}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle{
	border-color:#75eb50;
	border-color:#baf5a7 9;
	opacity:.5
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle{border-color:#F20000;border-color:#bfebfc 9;opacity:.5}
.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle{
	border-color:#ccc;opacity:.5
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle{border-color:#75eb50;opacity:.5}
.coccoc-alo-ph-circle-fill{
	width:100px;
	height:100px;
	top:50px;
	left:50px;
	position:absolute;background-color:#000;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;
	-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
	animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-transition:all .5s;-moz-transition:all .5s;
	-o-transition:all .5s;transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	transform-origin:50% 50%
}
.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-circle-fill{
	-webkit-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-moz-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-ms-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-o-animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	animation:coccoc-alo-circle-fill-anim 1.7s infinite ease-in-out !important
}
.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-circle-fill{
	-webkit-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-moz-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-ms-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-o-animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	animation:coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out !important;opacity:0 !important
}
.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone:hover .coccoc-alo-ph-circle-fill{
	background-color:rgba(0,175,242,0.5);
	background-color:#00aff2 9;opacity:.75 !important
}
.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill{
	background-color:rgba(117,235,80,0.5);
	background-color:#baf5a7 9;opacity:.75 !important
}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill{
	background-color:#F20000;
	background-color:#a6e3fa 9;opacity:.75 !important
}.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-circle-fill{
	background-color:rgba(204,204,204,0.5);
	background-color:#ccc 9;opacity:.75 !important
}
.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);opacity:.75 !important}
.coccoc-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;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out;animation:coccoc-alo-circle-img-anim 1s infinite 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%}.coccoc-alo-phone.coccoc-alo-active .coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important;animation:coccoc-alo-circle-img-anim 1s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-static .coccoc-alo-ph-img-circle{-webkit-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-moz-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-ms-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;-o-animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important;animation:coccoc-alo-circle-img-anim 0s infinite ease-in-out !important}.coccoc-alo-phone.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone:hover .coccoc-alo-ph-img-circle{background-color:#00aff2}.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle{background-color:#75eb50;background-color:#75eb50 9}.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle{background-color:#00aff2;background-color:#F20000}.coccoc-alo-phone.coccoc-alo-gray.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-gray:hover .coccoc-alo-ph-img-circle{background-color:#ccc}.coccoc-alo-phone.coccoc-alo-gray .coccoc-alo-ph-img-circle{background-color:#75eb50}@-moz-keyframes coccoc-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes coccoc-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}}@-o-keyframes coccoc-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes coccoc-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes coccoc-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}}@-o-keyframes coccoc-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes coccoc-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)}}@-o-keyframes coccoc-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}@-moz-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 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}}@-o-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}}@-moz-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 fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-o-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)}}@-moz-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-webkit-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-o-keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@keyframes coccoc-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@keyframes coccoc-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}#coccoc-alo-wrapper{position:fixed;width:100%;bottom:0;top:0;left:0;z-index:2000000;overflow:visible;display:none;color:#383838}#coccoc-alo-wrapper.night-mode{color:#fff}.coccoc-alo-popup-close{-webkit-border-radius:2px !important;-moz-border-radius:2px !important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:absolute !important;right:-15px !important;top:-15px !important;height:30px !important;width:30px !important;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII=");background-position:center center;background-repeat:no-repeat;cursor:pointer !important;-webkit-transition:.3s ease-out !important;-moz-transition:.3s ease-out !important;-o-transition:.3s ease-out !important;transition:.3s ease-out !important}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup-close{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2REUyNDQxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY2REUyNDMxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56uyuzAAABfUlEQVR42sSXvU7DMBDHYxCdw8IDMMCWTDwCdClznLcJr9BUfYs+ALDSqXMisTD3S4K1MBx3kS1ZVuqvNslf+kuRfL5f5OTsMwOAyEFX6DH6Ef2AvkXHYuwH/YVeod/Rr+g/a0YCGxyjC/QW3LUTc2JTbhOUo9cQrrXI4Qy+RM/hfJqLnEYwBSzg/FrocB1cQneaHQNn0L0yyWOinKg0PtE3Ubfaou+bEhRvUEB/KuRSj2x1muc51HVtzUgxnHNbGLFGBJ7YIquqgjRNjXAaS5KkiXXQhMBTl0gT3BNKKgn84RrdBg+AkpaR5z7cAAhEwEBo850JfPCdJeGBUNLhIqQYGWOtz17yXWp1edVlD1nqZQi07Zv7/lzTUOgJ8NJpA5FQU2JP+LPcMvfGIyXLnBISnGJdt8xBDom+j8Ud+k49FvtqBPix1mc2ROszaLM3WHurN/SbE4Ab34Zev8K82Opc017MMV5hmOel7Um5tF2LsW/l0vYm/GtL+C/AAAHy+OD95QLeAAAAAElFTkSuQmCC")}
#coccoc-alo-wrapper .coccoc-alo-popup-close:hover{opacity:.6 !important}
.coccoc-alo-popup{
	display:inline-block;position:relative;-webkit-border-radius:16px;
	-moz-border-radius:16px;border-radius:16px;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyIUPNCUUwAAAA1JREFUCNdj+P///2cACe8D8SyfS4EAAAAASUVORK5CYII=");
	-webkit-transition:.6s ease-out;-moz-transition:.6s ease-out;
	-o-transition:.6s ease-out;transition:.6s ease-out;
	margin:0 auto;z-index:200001;text-align:center;padding:60px 75px
}
#coccoc-alo-wrapper.night-mode .coccoc-alo-popup{
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=")}
#coccoc-alo-wrapper .coccoc-alo-overlay{
	position:fixed;width:100%;
	height:100%;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=");top:0;left:0;z-index:200000}.coccoc-alo-popup h3{font-size:24px;margin:0 0 40px;font-family:'Open Sans';font-weight:300;white-space:nowrap}.night-mode .coccoc-alo-popup h3{font-size:23px}.night-mode .coccoc-alo-message{padding-bottom:0}.coccoc-alo-message{height:32px;padding:18px 0 13px 0;text-align:center;clear:both;font-size:14px}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label,#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .label + .input{float:left;width:49%}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper .input{padding:0 13px}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper label{color:#616161;font-size:18px;height:28px;line-height:28px;padding-right:15px}.coccoc-alo-number{color:#00bed5;font-size:28px;font-family:Montserrat,"Lucida Console",Monaco,monospace,sans-serif;font-weight:normal;background-color:transparent;border:none;border-width:0;display:inline-block;border-bottom:#00bed5 solid 1px;padding-bottom:10px;margin:0 auto;width:221px}coccoc-alo-number::-ms-clear{display:none;width:0;height:0}.night-mode .coccoc-alo-number{border:#00bed5 solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:13px 31px}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"].valid-invalid{color:#ff496b}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]:focus{outline:0}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit{border:none;border-width:0;padding:20px 40px;background-color:#333;-webkit-border-radius:68px;-moz-border-radius:68px;-webkit-border-radius:68px;-moz-border-radius:68px;border-radius:68px;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:20px;color:#fff;cursor:pointer;outline:none !important}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-submit{background-color:#00bed5}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitavtive,#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submitvisited{outline:none !important}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit-moz-focus-inner{border:0}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-submit:hover{background-color:#00aff2;background-color:#00aff2}.coccoc-alo-blur{-webkit-filter:blur(3px);-ms-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);filter:blur(3px);filter:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48L3N2Zz4jYmx1cg==#blur")}#coccoc-countdown{padding-top:20px;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:28px;font-weight:300}.coccoc-alo-request-time{font-family:"Open Sans",Arial,Helvetica,sans-serif;padding:6px 12px;font-size:18px;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}#coccoc-alo-wrapper.night-mode .coccoc-alo-request-time{color:#fff;background-color:#515350;border:1px solid #606260}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup h3{margin-bottom:15px}#coccoc-alo-wrapper.night-mode .coccoc-alo-form .coccoc-alo-select-wrapper{margin-bottom:35px}.coccoc-alo-table{display:table;width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0}.coccoc-alo-cell{display:table-cell;vertical-align:middle;text-align:center}.valid-invalid-message{font-size:13px;color:#ff496b}.valid-invalid-message:before{content:"* "}
/* !hotline */

.codesp{position:absolute;left:0px;bottom:0px;padding:0px 0px 7px 10px;opacity:0.7;color:#dd3334;font-size:12px;font-weight:normal;}

.datatab1{width:100%;float: left;}
.spnew .h2{line-height:40px;text-align:center;background:url(/static/01052013/frontend/image/b2.png) no-repeat center 50px;height:80px;font-size:24px;color;margin-bottom:20px;font-weight:normal;}
.spnew .h2 a{color:#000;}
.sale-per{position:absolute;top:10px;left:10px;z-index:100;}
.sale-per-detail{position:absolute;top:10px;right:10px;z-index:100;}
.sale-per span,.sale-per-detail span{background:#f98e04;padding:0;font-size:12px;color:#fff;border-radius:100%;width:40px;height:40px;line-height:40px;display:block;}
.sale-per-right{position:absolute;top:10px;right:10px;z-index:100;}
.sale-per-right span{background:#000;padding:6px 0 0;font-size:13px;color:#fff;border-radius:100%;width:40px;height:40px;line-height:14px;display:block;vertical-align:middle;}
.sale-per-right .do{background:#F00;}
#search .sc{float:left;padding:12px 12px 7px;width:90px;}
#search .slcs{width:70px;border:none;font-size:12px;}
.cot1-sp{width:20%;float:left;margin-right:20px;}
.cot1-sp .boxsp_230 li{width:90%;}
.cot2-sp{width:calc(100% - 274px);float:left;}
/* box spotlight */
a:before,a:after{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.gutter-0{margin-left:0;margin-right:0}
.gutter-0 > [class*='col-']{padding-right:10px;padding-left:10px;margin-bottom:10px;}
#section_quicklink .item{display:block;background-size:cover;background-repeat:no-repeat;background-position:center center;height:270px;position:relative}
#section_quicklink .item:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:#323232;opacity:0}
#section_quicklink .item:before,#section_quicklink .item .title,#section_quicklink .item .corner{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#section_quicklink .title{margin:0;text-align:center;position:absolute;width:100%;text-align:center;bottom:0px;left:0;font-size:20px;text-transform:uppercase;font-weight:500;color:#fff;background:rgba(31, 159, 186, 0.42);padding:23px;}
#section_quicklink .item .corner{width:0;height:0;border-style:solid;border-width:0 0 67px 67px;border-color:transparent transparent #00a85a;position:absolute;right:0;bottom:0;z-index:2;color:#fff}
#section_quicklink .item .corner:before{content:'+';text-align:center;position:absolute;bottom:-70px;right:10px;font-size:25px;}
#section_quicklink .item:hover:before{opacity:0.5;}
#section_quicklink .item:hover .title{bottom:135px;color:#fff;}
#section_quicklink .item:hover .corner{border-color:transparent transparent #f9b004 transparent;color:#2f2f2f;}
/* !box spotlight */
#product-spec{ border-top:1px solid #f2f2f2;margin-bottom:30px;width:100%;}
#product-spec tr td{background-color:#fafafa;border:1px solid #f2f2f2;padding:4px 10px;height:30px;line-height:30px;font-size:14px;font-weight:normal;}
.flitemhead{background:#f5f5f5;padding:10px;color:#4267b2;}
.flitem{background:#fff;padding:12px 10px;}
.flprice{margin:5px 0px;}
.ui-widget-header{background-color:#f4f4f4!important;}
.ui-widget-content .ui-state-default{border-radius:50%;background:#81ab00!important;}
.tagitem{float:left;margin:10px 5px 10px 10px;font-size:14px;}
.logoload{position:absolute;top:40%;left:40%}
.preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:#FFF;z-index:1000;overflow:hidden}
/* track scroll */
::-webkit-scrollbar{-webkit-appearance:none;width:7px}
::-webkit-scrollbar-thumb{background:#322f31}
::-webkit-scrollbar-track{background:#fff}
body{scrollbar-face-color:#322f31;scrollbar-track-color:#fff}

#tabtop a:hover,#tabtop .act{color:#FFC107;border-bottom:1px solid #FFC107;}
.spnew a:hover{color:#FFC107!important;}
.itemcarttop{background:#3c3c3c;color:#fff;padding:10px}
.itemcartbot{padding:10px;line-height:30px;}
.itemcart1{padding:10px;margin:10px 0;border-bottom:1px solid #ececec;line-height:30px;}
.itemcart1:last-child{border:none}
.entry{border:1px #d1d1d1 solid;height:30px;line-height:27px;width:30px;margin-left:-1px;display:inline-block;cursor:pointer;position:relative;font-size:12px;color:#4c4c4c;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none}

.h-auto{height:auto!important;}
.show-more::before{height:55px;margin-top:-45px;content:-webkit-gradient(linear,0% 100%,0% 0%,from(#fff),color-stop(.2,#fff),to(rgba(255,255,255,0)));display:block}
.readmore{width:90px;display:block;overflow:hidden;position:relative;line-height:40px;font-size:14px;color:#288ad6;margin:10px auto;cursor:pointer}
.readmore:after{content:'';width:0;right:0;border-top:6px solid #288ad6;border-left:6px solid transparent;border-right:6px solid transparent;display:inline-block;vertical-align:middle;margin:-2px 0 0 5px}



/* Zalo */
@import url("//fonts.googleapis.com/css?family=Montserrat|Open+Sans:400,300,600,700&subset=latin,vietnamese");
.zalo-alo-phone{
	position:fixed;visibility:hidden;
	background-color:transparent;width:200px;
	height:200px;cursor:pointer;z-index:200000!important;
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateZ(0);
	-webkit-transition:visibility .5s;
	-moz-transition:visibility .5s;
	-o-transition:visibility .5s;transition:visibility .5s;
	right:150px;
	top:30px
}
.zalo-alo-phone.zalo-alo-show{
	visibility:visible
}
@-webkit-keyframes fadeInRight{
	0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeOutRight{
	0%{opacity:1}
	100%{
		opacity:0;-webkit-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0)
		}
	}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
.zalo-alo-phone.zalo-alo-static{opacity:.6}
.zalo-alo-phone.zalo-alo-hover,.zalo-alo-phone:hover{opacity:1}
.zalo-alo-ph-circle{
	width:160px;
	height:160px;
	top:20px;
	left:20px;
	position:absolute;background-color:transparent;-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	border:2px solid rgba(30,30,30,0.4);
	border:2px solid #bfebfc 9;
	opacity:.1;
	-webkit-animation:zalo-alo-circle-anim 1.2s infinite ease-in-out;
	-moz-animation:zalo-alo-circle-anim 1.2s infinite ease-in-out;
	-ms-animation:zalo-alo-circle-anim 1.2s infinite ease-in-out;
	-o-animation:zalo-alo-circle-anim 1.2s infinite ease-in-out;
	animation:zalo-alo-circle-anim 1.2s infinite ease-in-out;
	-webkit-transition:all .5s;-moz-transition:all .5s;
	-o-transition:all .5s;transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;transform-origin:50% 50%
}
.zalo-alo-phone.zalo-alo-active .zalo-alo-ph-circle{
	-webkit-animation:zalo-alo-circle-anim 1.1s infinite ease-in-out !important;
	-moz-animation:zalo-alo-circle-anim 1.1s infinite ease-in-out !important;
	-ms-animation:zalo-alo-circle-anim 1.1s infinite ease-in-out !important;
	-o-animation:zalo-alo-circle-anim 1.1s infinite ease-in-out !important;
	animation:zalo-alo-circle-anim 1.1s infinite ease-in-out !important
}
.zalo-alo-phone.zalo-alo-static .zalo-alo-ph-circle{
	-webkit-animation:zalo-alo-circle-anim 2.2s infinite ease-in-out !important;
	-moz-animation:zalo-alo-circle-anim 2.2s infinite ease-in-out !important;
	-ms-animation:zalo-alo-circle-anim 2.2s infinite ease-in-out !important;
	-o-animation:zalo-alo-circle-anim 2.2s infinite ease-in-out !important;
	animation:zalo-alo-circle-anim 2.2s infinite ease-in-out !important
}
.zalo-alo-phone.zalo-alo-hover .zalo-alo-ph-circle,.zalo-alo-phone:hover .zalo-alo-ph-circle{border-color:#00aff2;opacity:.5}
.zalo-alo-phone.zalo-alo-green.zalo-alo-hover .zalo-alo-ph-circle,.zalo-alo-phone.zalo-alo-green:hover .zalo-alo-ph-circle{
	border-color:#00aff2;
	border-color:#baf5a7 9;
	opacity:.5
}
.zalo-alo-phone.zalo-alo-green .zalo-alo-ph-circle{border-color:#00bcd4;border-color:#bfebfc 9;opacity:.5}
.zalo-alo-phone.zalo-alo-gray.zalo-alo-hover .zalo-alo-ph-circle,.zalo-alo-phone.zalo-alo-gray:hover .zalo-alo-ph-circle{
	border-color:#ccc;opacity:.5
}
.zalo-alo-phone.zalo-alo-gray .zalo-alo-ph-circle{border-color:#00aff2;opacity:.5}
.zalo-alo-ph-circle-fill{
	width:100px;
	height:100px;
	top:50px;
	left:50px;
	position:absolute;background-color:#000;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.1;
	-webkit-animation:zalo-alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:zalo-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation:zalo-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation:zalo-alo-circle-fill-anim 2.3s infinite ease-in-out;
	animation:zalo-alo-circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-transition:all .5s;-moz-transition:all .5s;
	-o-transition:all .5s;transition:all .5s;
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	transform-origin:50% 50%
}
.zalo-alo-phone.zalo-alo-active .zalo-alo-ph-circle-fill{
	-webkit-animation:zalo-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-moz-animation:zalo-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-ms-animation:zalo-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	-o-animation:zalo-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
	animation:zalo-alo-circle-fill-anim 1.7s infinite ease-in-out !important
}
.zalo-alo-phone.zalo-alo-static .zalo-alo-ph-circle-fill{
	-webkit-animation:zalo-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-moz-animation:zalo-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-ms-animation:zalo-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	-o-animation:zalo-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
	animation:zalo-alo-circle-fill-anim 2.3s infinite ease-in-out !important;opacity:0 !important
}
.zalo-alo-phone.zalo-alo-hover .zalo-alo-ph-circle-fill,.zalo-alo-phone:hover .zalo-alo-ph-circle-fill{
	background-color:rgba(0,175,242,0.5);
	background-color:#00aff2 9;opacity:.75 !important
}
.zalo-alo-phone.zalo-alo-green.zalo-alo-hover .zalo-alo-ph-circle-fill,.zalo-alo-phone.zalo-alo-green:hover .zalo-alo-ph-circle-fill{
	background-color:rgba(117,235,80,0.5);
	background-color:#baf5a7 9;opacity:.75 !important
}
.zalo-alo-phone.zalo-alo-green .zalo-alo-ph-circle-fill{
	background-color:#00bcd4;
	background-color:#a6e3fa 9;opacity:.75 !important
}.zalo-alo-phone.zalo-alo-gray.zalo-alo-hover .zalo-alo-ph-circle-fill,.zalo-alo-phone.zalo-alo-gray:hover .zalo-alo-ph-circle-fill{
	background-color:rgba(204,204,204,0.5);
	background-color:#ccc 9;opacity:.75 !important
}
.zalo-alo-phone.zalo-alo-gray .zalo-alo-ph-circle-fill{background-color:rgba(117,235,80,0.5);opacity:.75 !important}
.zalo-alo-ph-img-circle{
	width:60px;height:60px;top:70px;left:70px;
	position:absolute;
	background:rgba(30,30,30,0.1) url("/static/01052013/frontend/image/icon-zalo.png") no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-animation:zalo-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:zalo-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:zalo-alo-circle-img-anim 1s infinite ease-in-out;-o-animation:zalo-alo-circle-img-anim 1s infinite ease-in-out;animation:zalo-alo-circle-img-anim 1s infinite 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%}.zalo-alo-phone.zalo-alo-active .zalo-alo-ph-img-circle{-webkit-animation:zalo-alo-circle-img-anim 1s infinite ease-in-out !important;-moz-animation:zalo-alo-circle-img-anim 1s infinite ease-in-out !important;-ms-animation:zalo-alo-circle-img-anim 1s infinite ease-in-out !important;-o-animation:zalo-alo-circle-img-anim 1s infinite ease-in-out !important;animation:zalo-alo-circle-img-anim 1s infinite ease-in-out !important}.zalo-alo-phone.zalo-alo-static .zalo-alo-ph-img-circle{-webkit-animation:zalo-alo-circle-img-anim 0s infinite ease-in-out !important;-moz-animation:zalo-alo-circle-img-anim 0s infinite ease-in-out !important;-ms-animation:zalo-alo-circle-img-anim 0s infinite ease-in-out !important;-o-animation:zalo-alo-circle-img-anim 0s infinite ease-in-out !important;animation:zalo-alo-circle-img-anim 0s infinite ease-in-out !important}.zalo-alo-phone.zalo-alo-hover .zalo-alo-ph-img-circle,.zalo-alo-phone:hover .zalo-alo-ph-img-circle{background-color:#00aff2}.zalo-alo-phone.zalo-alo-green.zalo-alo-hover .zalo-alo-ph-img-circle,.zalo-alo-phone.zalo-alo-green:hover .zalo-alo-ph-img-circle{background-color:#03a9f4;background-color:#75eb50 9}.zalo-alo-phone.zalo-alo-green .zalo-alo-ph-img-circle{background-color:#00aff2;}.zalo-alo-phone.zalo-alo-gray.zalo-alo-hover .zalo-alo-ph-img-circle,.zalo-alo-phone.zalo-alo-gray:hover .zalo-alo-ph-img-circle{background-color:#ccc}.zalo-alo-phone.zalo-alo-gray .zalo-alo-ph-img-circle{background-color:#75eb50}@-moz-keyframes zalo-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes zalo-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}}@-o-keyframes zalo-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes zalo-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes zalo-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}}@-o-keyframes zalo-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes zalo-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes zalo-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)}}@-o-keyframes zalo-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}@-moz-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 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}}@-o-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}}@-moz-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 fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-o-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)}}@-moz-keyframes zalo-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-webkit-keyframes zalo-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-o-keyframes zalo-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@keyframes zalo-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes zalo-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes zalo-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes zalo-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@keyframes zalo-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes zalo-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes zalo-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes zalo-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@keyframes zalo-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}#zalo-alo-wrapper{position:fixed;width:100%;bottom:0;top:0;left:0;z-index:2000000;overflow:visible;display:none;color:#383838}#zalo-alo-wrapper.night-mode{color:#fff}.zalo-alo-popup-close{-webkit-border-radius:2px !important;-moz-border-radius:2px !important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:absolute !important;right:-15px !important;top:-15px !important;height:30px !important;width:30px !important;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjRGMTI2QTcxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjRGMTI2QTYxNDBFMTFFNUFENEZCRDVFQ0JDQjQyQzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iCEbHAAABl0lEQVR42sSXS07DMBCGnSKyDorEAVjACTgCIEVlXU5R9QjlCk3VAzTrLhMJ2NIVJ2DDuo9EsKUszEw0kaIQbI+bxy/9UhRP5pMcjz12pJTCQKfgO/AN+Bp8AfZo7Av8AX4Dv4CfwD/ajAhW2ANPwTtprj1946lyq6AP4I2014ZyGINPwAvZnBaUUwnGgJVsXqsqvAoOZXua/wceyfY1KngOlROWxjv4XLSrHfgKS3BALyYdQAUxJkUdu7o6jeNYZlmmnUeMwViNkOUieKiLTNNURlGkhOPYcrnMYw00RPDMJFIFZ0JRIYJfTaPr4BZQ1Fow9+EcgCAEWkLz/4zl9A1rzOUsTQCKJEny5yAIhO/73NV9GNjUhOM4tc8scae6PL3laedONYLXNtC6f85dXDNb6BHw0GgDKaCqxEz4fbFlpk1smQjnbJmCeqSuNO3jWNyDL8vHIrao4w6OxTGx/rQ+8z5an16bvd7a22pDvz0CuOU29NUrzKOuzqvlTN8orzAO89J2W7q0ndHYZ+nS9kw+6BL+CjAAEvDTBJC9qhAAAAAASUVORK5CYII=");background-position:center center;background-repeat:no-repeat;cursor:pointer !important;-webkit-transition:.3s ease-out !important;-moz-transition:.3s ease-out !important;-o-transition:.3s ease-out !important;transition:.3s ease-out !important}#zalo-alo-wrapper.night-mode .zalo-alo-popup-close{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUY2REUyNDQxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUY2REUyNDMxNDE2MTFFNThBNEJENTVFNDA2QjFFOUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVmYzc3OTY1LWUxNWUtNGU0Ni04ODFjLTBlOTQ3YjBmMzBmNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozZWEyNDI5ZC0yYmI3LWYzNDMtYjBjZi1jMGJjYTE4ODRmZjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56uyuzAAABfUlEQVR42sSXvU7DMBDHYxCdw8IDMMCWTDwCdClznLcJr9BUfYs+ALDSqXMisTD3S4K1MBx3kS1ZVuqvNslf+kuRfL5f5OTsMwOAyEFX6DH6Ef2AvkXHYuwH/YVeod/Rr+g/a0YCGxyjC/QW3LUTc2JTbhOUo9cQrrXI4Qy+RM/hfJqLnEYwBSzg/FrocB1cQneaHQNn0L0yyWOinKg0PtE3Ubfaou+bEhRvUEB/KuRSj2x1muc51HVtzUgxnHNbGLFGBJ7YIquqgjRNjXAaS5KkiXXQhMBTl0gT3BNKKgn84RrdBg+AkpaR5z7cAAhEwEBo850JfPCdJeGBUNLhIqQYGWOtz17yXWp1edVlD1nqZQi07Zv7/lzTUOgJ8NJpA5FQU2JP+LPcMvfGIyXLnBISnGJdt8xBDom+j8Ud+k49FvtqBPix1mc2ROszaLM3WHurN/SbE4Ab34Zev8K82Opc017MMV5hmOel7Um5tF2LsW/l0vYm/GtL+C/AAAHy+OD95QLeAAAAAElFTkSuQmCC")}
#zalo-alo-wrapper .zalo-alo-popup-close:hover{opacity:.6 !important}
.zalo-alo-popup{
	display:inline-block;position:relative;-webkit-border-radius:16px;
	-moz-border-radius:16px;border-radius:16px;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyIUPNCUUwAAAA1JREFUCNdj+P///2cACe8D8SyfS4EAAAAASUVORK5CYII=");
	-webkit-transition:.6s ease-out;-moz-transition:.6s ease-out;
	-o-transition:.6s ease-out;transition:.6s ease-out;
	margin:0 auto;z-index:200001;text-align:center;padding:60px 75px
}
#zalo-alo-wrapper.night-mode .zalo-alo-popup{
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wYZCyAMHYpuhwAAAA1JREFUCNdjMDY2/gwAAsMBjX/tf+YAAAAASUVORK5CYII=")}
#zalo-alo-wrapper .zalo-alo-overlay{
	position:fixed;width:100%;
	height:100%;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlOZyTXzhgAAAApJREFUCB1jYAAAAAIAAc/INeUAAAAASUVORK5CYII=");top:0;left:0;z-index:200000}.zalo-alo-popup h3{font-size:24px;margin:0 0 40px;font-family:'Open Sans';font-weight:300;white-space:nowrap}.night-mode .zalo-alo-popup h3{font-size:23px}.night-mode .zalo-alo-message{padding-bottom:0}.zalo-alo-message{height:32px;padding:18px 0 13px 0;text-align:center;clear:both;font-size:14px}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-input-wrapper .label,#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-input-wrapper .label + .input{float:left;width:49%}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-input-wrapper .input{padding:0 13px}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-input-wrapper label{color:#616161;font-size:18px;height:28px;line-height:28px;padding-right:15px}.zalo-alo-number{color:#00bed5;font-size:28px;font-family:Montserrat,"Lucida Console",Monaco,monospace,sans-serif;font-weight:normal;background-color:transparent;border:none;border-width:0;display:inline-block;border-bottom:#00bed5 solid 1px;padding-bottom:10px;margin:0 auto;width:221px}zalo-alo-number::-ms-clear{display:none;width:0;height:0}.night-mode .zalo-alo-number{border:#00bed5 solid 1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:13px 31px}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-input-wrapper input[type="text"].valid-invalid{color:#ff496b}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-input-wrapper input[type="text"]:focus{outline:0}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#d1d1d1}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#d1d1d1}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#d1d1d1}#zalo-alo-wrapper.night-mode .zalo-alo-popup .zalo-alo-input-wrapper input[type="text"]::-webkit-input-placeholder{color:#60615f}#zalo-alo-wrapper.night-mode .zalo-alo-popup .zalo-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f}#zalo-alo-wrapper.night-mode .zalo-alo-popup .zalo-alo-input-wrapper input[type="text"]::-ms-input-placeholder{color:#60615f}#zalo-alo-wrapper.night-mode .zalo-alo-popup .zalo-alo-input-wrapper input[type="text"]::-moz-placeholder{color:#60615f}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-submit{border:none;border-width:0;padding:20px 40px;background-color:#333;-webkit-border-radius:68px;-moz-border-radius:68px;-webkit-border-radius:68px;-moz-border-radius:68px;border-radius:68px;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:20px;color:#fff;cursor:pointer;outline:none !important}#zalo-alo-wrapper.night-mode .zalo-alo-popup .zalo-alo-submit{background-color:#00bed5}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-submitavtive,#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-submitvisited{outline:none !important}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-submit-moz-focus-inner{border:0}#zalo-alo-wrapper .zalo-alo-popup .zalo-alo-submit:hover{background-color:#00aff2;background-color:#00aff2}.zalo-alo-blur{-webkit-filter:blur(3px);-ms-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);filter:blur(3px);filter:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImJsdXIiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjMiLz48L2ZpbHRlcj48L3N2Zz4jYmx1cg==#blur")}#zalo-countdown{padding-top:20px;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size:28px;font-weight:300}.zalo-alo-request-time{font-family:"Open Sans",Arial,Helvetica,sans-serif;padding:6px 12px;font-size:18px;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}#zalo-alo-wrapper.night-mode .zalo-alo-request-time{color:#fff;background-color:#515350;border:1px solid #606260}#zalo-alo-wrapper.night-mode .zalo-alo-popup h3{margin-bottom:15px}#zalo-alo-wrapper.night-mode .zalo-alo-form .zalo-alo-select-wrapper{margin-bottom:35px}.zalo-alo-table{display:table;width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0}.zalo-alo-cell{display:table-cell;vertical-align:middle;text-align:center}.valid-invalid-message{font-size:13px;color:#ff496b}.valid-invalid-message:before{content:"* "}
/* !Zalo */
		
		/* Chỉ hiện trên mobile */
.box-danhmuc-mobile {
    display: none;
}

@media only screen and (max-width: 767px) {
    .box-danhmuc-mobile {
        display: block;
		background: #fff;
    }

    .box-danhmuc-mobile .title {
        font-size: 1.28rem;
        font-weight: 700;
        color: #c62828;
        text-align: center;
        margin: 0 0 12px 0;
        text-transform: uppercase;
        letter-spacing: 0.6px;
    }

    .danhmuc-grid {
        display: flex;                    /* Dùng flex để nằm 1 hàng ngang */
        flex-wrap: nowrap;                /* Không xuống dòng */
        gap:2px;                        /* Khoảng cách giữa các mục */
        overflow-x: auto;                 /* Cho phép cuộn ngang nếu màn hình quá nhỏ */
        padding-bottom: 2px;              /* Tránh bị cắt bóng đổ */
        scrollbar-width: thin;            /* Thanh cuộn mỏng (Firefox) */
    }

    .danhmuc-grid::-webkit-scrollbar {
        height: 6px;
    }

    .danhmuc-grid::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 3px;
    }

    .danhmuc-item {
        flex: 1 0 0;                      /* Các ô đều nhau, chiếm đều không gian */
        min-width: 0;                     /* Ngăn chữ tràn */
        text-decoration: none;
        color: #222;
        font-weight: 600;
        transition: all 0.3s ease;
        border-radius: 10px;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 3px 10px rgba(0,0,0,0.07);
        text-align: center;
    }

    .danhmuc-item:hover,
    .danhmuc-item:active {
        transform: translateY(-4px);
        box-shadow: 0 8px 18px rgba(0,0,0,0.12);
    }

    .item-content {
        padding: 5px;
        font-size: 12px;               /* Font hơi nhỏ để vừa 4 mục */
        line-height: 1.35;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 50px;
        background: linear-gradient(145deg, #ffffff, #f9f9ff);
        position: relative;
		color: #2e6da4;
		color: #ff0000;
        font-weight: 700;
    }

    /* Đường viền trên đỏ khi hover */
    .danhmuc-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: #d32f2f;
        transform: scaleX(0);
        transform-origin: center;
        transition: transform 0.35s ease;
    }

    .danhmuc-item:hover::before {
        transform: scaleX(1);
    }
}

/* Ẩn trên tablet & desktop */
@media only screen and (min-width: 768px) {
    .box-danhmuc-mobile {
        display: none !important;
    }
}

.cn-featured-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 28px 24px;           /* khoảng cách đẹp giữa các item */
}

.cn-featured-item {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e9ecef;
    transition: all 0.25s ease;
    display: flex;
    flex-direction: column;
	transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(40, 167, 69, 0.12);
}

.cn-featured-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 28px rgba(40, 167, 69, 0.15);  /* bóng xanh nhẹ */
    border-color: #28a745;
}

.cn-featured-img-wrap {
    width: 100%;
    aspect-ratio: 3 / 2;      /* tỷ lệ ảnh đẹp, không bị méo */
    overflow: hidden;
}

.cn-featured-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.cn-featured-item:hover .cn-featured-img-wrap img {
    transform: scale(1.06);
}

.cn-featured-item h3 {
    margin: 16px 20px 8px;
    font-size: 16px;
    line-height: 1.38;
    font-weight: 700;
}

.cn-featured-item h3 a {
    color: #00a85a;
    text-decoration: none;
}

.cn-featured-item h3 a:hover {
    color: #28a745;
    text-decoration: underline;
}

.cn-featured-desc {
    margin: 0 20px 20px;
    font-size:14px;
    color: #555;
    line-height: 1.6;
    flex-grow: 1;             /* đẩy chữ xuống dưới nếu nội dung ngắn */
}

/* Responsive - tự động co lại */
@media (max-width: 767px) {
    .cn-featured-container {
        grid-template-columns: 1fr;   /* 1 cột trên mobile */
        gap: 24px;
    }
    
    .cn-featured-item h3 {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cn-featured-container {
        grid-template-columns: repeat(2, 1fr);  /* 2 cột trên tablet */
    }
}
/* Base & Reset cho phần Cẩm Nang */
/* Phần tin nổi bật - layout mới dùng Flexbox/Grid */
#cn-featured-box {
    padding: 0px 0px 25px;
}
.cn-section-title-box {
    margin: 30px 0 20px;
    text-align: center;
}

.cn-section-title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #1a5c38;          /* xanh lá đậm, đồng bộ với header */
    margin: 0;
    padding-bottom: 12px;
    border-bottom: 3px solid #28a745;
    display: inline-block;
}

.cn-news-item {
    display: flex;
    flex-direction: row;
    background: #ffffff;
    border-radius: 10px;
    margin-bottom: 28px;
    overflow: hidden;
    border: 1px solid #e9ecef;
    box-shadow: 0 3px 12px rgba(0,0,0,0.05);
    transition: all 0.22s ease;
}

.cn-news-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(40, 167, 69, 0.12);
    border-color: #28a74560;
}

/* Ảnh bên trái */
.cn-news-thumb {
    flex: 0 0 25%;           /* chiếm ~35% chiều rộng */
    overflow: hidden;
}

.cn-news-thumb img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    min-height: 220px;
    transition: transform 0.35s ease;
}

.cn-news-item:hover .cn-news-thumb img {
    transform: scale(1.08);
}

/* Nội dung bên phải */
.cn-news-content {
    flex: 1;
    padding: 24px 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cn-news-title {
    margin: 0 0 12px 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.38;
}

.cn-news-title a {
    color: #00a85a;
    text-decoration: none;
}

.cn-news-title a:hover {
    color: #28a745;
    text-decoration: underline;
}

.cn-news-excerpt {
    margin: 0;
    font-size:14px;
    color: #444;
    line-height: 1.65;
}

/* Responsive */
@media (max-width: 991px) {
    .cn-news-item {
        flex-direction: column;
		margin: 15px;
    }
    
    .cn-news-thumb {
        flex: 0 0 auto;
    }
    
    .cn-news-thumb img {
        height: 260px;
    }
    
    .cn-news-content {
        padding: 20px 24px;
    }
}

@media (max-width: 767px) {
    .cn-news-title {
        font-size: 1.38rem;
    }
    
    .cn-news-excerpt {
        font-size:14px;
    }
    
    .cn-news-thumb img {
        height: 220px;
    }
	#cn-featured-box{margin:0px;padding: 15px;}
}

@media (max-width: 480px) {
    .cn-news-content {
        padding: 18px 20px;
    }
    
    .cn-news-title {
        font-size: 16px;
    }
}

/* Đặt ở cuối file CSS */
@media (max-width: 768px) {
    html, body {
        overflow-x: hidden;
        max-width: 100vw;
    }

    .container, section, .wrapper {
        max-width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
}

/* Đặt ở cuối file CSS */
.newcontent input[type="image"] {
    max-width: 100% !important;
    height: auto !important;
    width: 100% !important;
    display: block;
    margin: 10px auto;
    border-radius: 8px;        /* tùy chọn, làm đẹp góc */
}