* {margin: 0;padding: 0;outline: none;box-sizing: border-box;}
.clear { clear: both }
p, h1, h2, h3, h4, h5, h6, ul { margin: 0px }
ul, ol{ list-style-type:none; }
a { text-decoration: none }
a:hover { text-decoration: none }
@font-face { font-family: 'font1'; src: url('fonts/Roboto-Bold.eot'); src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold.woff2') format('woff2'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'); font-weight: bold; font-style: normal }
@font-face { font-family: 'font2'; src: url('fonts/Roboto-Regular.eot'); src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff2') format('woff2'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'); font-weight: normal; font-style: normal }
@font-face { font-family: 'font3'; src: url('fonts/RobotoCondensed-Bold.eot'); src: url('fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-Bold.woff2') format('woff2'), url('fonts/RobotoCondensed-Bold.woff') format('woff'), url('fonts/RobotoCondensed-Bold.ttf') format('truetype'), url('fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg'); font-weight: bold; font-style: normal }
@font-face { font-family: 'font4'; src: url('fonts/SFUHelveticaCompressed.eot'); src: url('fonts/SFUHelveticaCompressed.eot?#iefix') format('embedded-opentype'), url('fonts/SFUHelveticaCompressed.woff2') format('woff2'), url('fonts/SFUHelveticaCompressed.woff') format('woff'), url('fonts/SFUHelveticaCompressed.ttf') format('truetype'), url('fonts/SFUHelveticaCompressed.svg#SFUHelveticaCompressed') format('svg'); font-weight: bold; font-style: normal }
@font-face { font-display: block; font-family: 'MuliBold'; src: url('fonts/MuliBold.woff2') format('woff2'), url('fonts/MuliBold.woff') format('woff'); font-weight: bold; font-style: normal }
@font-face { font-display: block; font-family: 'MuliRegular'; src: url('fonts/MuliRegular.woff2') format('woff2'), url('fonts/MuliRegular.woff') format('woff'); font-weight: bold; font-style: normal }
body { font-size: 12px; font-family: Arial }
.bct { display: block }
.nameHidden { visibility: hidden; height: 0px; margin: 0px; overflow: hidden }
#fancy { position: fixed; top: 200px; right: 0px; width: 277px; transition: 0.7s; z-index: 99; height: 180px; margin-right: -240px; color: #111 !important }
#fancy .wrap { width: 240px; float: right; background: #fff; opacity: 0; visibility: hidden; transition: 2s }
#fancy * { color: #111 !important }
#fancy:hover { transition: 0.7s; margin-right: 0px }
#fancy:hover .wrap { transition: 0.5s; visibility: visible; opacity: 1 }
#fancy img { float: left }
.box404 { margin: 3% 0px }
.box404 .img { text-align: center }
#wrapper { width: 100%; position: relative; margin: auto }
.container { position: relative }
.title_home { text-align: center; color: #fff; font-family: 'font2'; text-transform: uppercase; font-size: 32px; margin-bottom: 30px }
.title_home span { display: inline-block; position: relative }
.title_home span:before { content: ''; background: url('images/line_left.png'); width: 118px; height: 12px; position: absolute; left: -135px; bottom: 12px }
.title_home span:after { content: ''; background: url('images/line_right.png'); width: 118px; height: 12px; position: absolute; right: -135px; bottom: 12px }
#top_head { margin: auto; width: 100%; background: #25AAE3; padding: 15px 0px 18px 0px; position: relative }
#top_head .icon_head { background: url(images/icon_head.png); width: 286px; height: 140px; position: absolute; right: 20px; top: 0px; z-index: 99; display: none }
.wrap_cart { background: url(images/icon_gh.png) no-repeat 0px 0px; padding-left: 25px; height: 20px; line-height: 23px; float: left; margin-top: -2px }
a.giohang { color: #000; font-size: 12px; display: block }
a.giohang:hover { color: #489a43 }
.wrap_cart_hot { position: absolute; right: 0px; top: 10px }
.hotline { padding-left: 35px; color: #fff; line-height: 21px; height: 42px; font-size: 16px; font-family: 'MuliBold'; position: absolute; right: 0; top: -7px; z-index: 999 }
.hotline p:nth-child(1) { margin-bottom: 7px }
.hotline p:nth-child(2) {font-size: 26px;background: url(images/icon_hotline.png) no-repeat left;padding-left: 27px;color: #fc0700;}
.hotline_mobi { display: none; text-align: center; line-height: 40px; position: relative }
.hotline_mobi { color: #333; font-family: 'MuliRegular'; font-size: 15px; text-align: right; padding-right: 15px }
.hotline_mobi a { color: #25AAE3; font-family: 'MuliBold'; font-size: 20px; text-decoration: none }
.logo {position: absolute;z-index: 99;left: 0px;top: 30px;border-radius: 50%;border: 1px solid #25aae3;}
.logo_mobile { padding: 0px 10px }
.banner { margin-left: 232px; float: left }
.head_mobile { display: none; height: 100%; position: relative; z-index: 99 }
.main_title_web { float: left; color: #fff; font-family: 'font3'; text-transform: uppercase; font-size: 18px; margin-top: 20px; padding-right: 20px }
.main_title_web a { color: #fff; text-decoration: none }
.main_title_web a:hover { color: #fcf301 }
.wrap_cata_head_mobile { display: none }
.col-cata { float: left; width: 21%; background: #ff7e00; border: 1px solid #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px }
.col-info-head { float: right; width: 21%; background-color: #fff }
.col-slide { float: left; margin-left: 1.5%; width: 55%; border: 5px solid #fff; overflow: hidden }
#slider { overflow: hidden; position: relative }
.col-info-head .name { background: url(images/bg_nam_right.png) no-repeat top center; background-size: 107% 100%; height: 57px; line-height: 40px; text-align: center; color: #fff; font-weight: bold; font-family: 'font2'; font-size: 16px; margin-top: -1px }
.col-info-head .wrap { padding: 25px; font-size: 14px; font-family: 'font2'; height: 324px; overflow: hidden; line-height: 25px; border-bottom: 5px solid #a5ff48; text-align: justify }
.col-info-head .wrap span { font-weight: bold }
.col-info-head .name_web { text-align: center; color: #ff7e00; font-size: 18px; margin-bottom: 15px; font-weight: bold }
.col-cata .name { background: url(images/bg_dm.png) repeat-x; height: 42px; line-height: 42px; color: #ff7e00; font-family: 'font2'; text-transform: uppercase; font-size: 15px; text-align: center; font-weight: bold; -webkit-border-radius: 15px 15px 0px 0px; -moz-border-radius: 15px 15px 0px 0px; border-radius: 15px 15px 0px 0px }
.list_dm { margin-top: 10px; height: 326px; overflow: auto }
.list_dm ul { list-style: none }
.list_dm ul li { background: url(images/ul_dm.png) no-repeat 0px 14px; padding-left: 15px; margin-left: 25px }
.list_dm ul li.line { background: url(images/line_dm.png); width: 100%; height: 3px; margin-left: 0px }
.list_dm ul li a { color: #fff; display: block; padding: 7px 0px 11px 0px; font-family: 'font2'; font-size: 15px }
.list_dm ul li a:hover { color: #f4ea00 }
#dmnb { background: #eeeeee; padding: 45px 0px }
.item_dmnb { width: 216px; margin: auto; margin-bottom: 25px }
.item_dmnb .img { background: url(images/bg_img_dm.png) no-repeat; width: 216px; height: 226px; background-size: 100% 100%; text-align: center }
.item_dmnb .img img { width: 170px; height: 170px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-top: 27px; border: 5px solid #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color=#969696)"; -moz-box-shadow: 0 0 2px 2px rgba(150, 150, 150, 0.3); -webkit-box-shadow: 0 0 2px 2px rgba(150, 150, 150, 0.3); box-shadow: 0 0 2px 2px rgba(150, 150, 150, 0.3); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#969696) }
.item_dmnb .img:hover { opacity: 0.8 }
.item_dmnb .name { margin-top: 10px; text-align: center }
.item_dmnb .name a { color: #434343; font-family: 'font1'; font-size: 15px; text-transform: uppercase }
.item_dmnb .name a:hover { color: #ff7e00 }
#menu {background: #fff;height: 47px;line-height: 47px;position: relative;border-bottom: 1px solid #25aae3;}
.menu_desk { float: left; margin-left: 232px; width: calc(100% - 232px) }
.menu_desk ul { list-style: none }
.menu_desk > ul { display: flex; justify-content: space-between }
.menu_desk ul li { position: relative }
.menu_desk ul li.icon_home { margin: 0px }
.menu_desk > ul > li:first-child a { padding-left: 0 }
.menu_desk > ul > li > a { color: #25AAE3; font-size: 16px; display: block; font-family: 'MuliBold'; text-transform: uppercase }
.menu_desk ul ul { position: absolute; width: 320px; background: none; opacity: 0; visibility: hidden; transition: 0.3s; z-index: 999; top: 47px; left: 0; margin: 0px }
.menu_desk ul li:hover ul { opacity: 1; visibility: visible; transition: 0.3s }
.menu_desk ul li:hover ul ul { opacity: 0; visibility: hidden }
.menu_desk ul li:hover ul ul ul { opacity: 0; visibility: hidden }
.menu_desk ul ul li:hover ul { opacity: 1; visibility: visible; transition: 0.3s }
.menu_desk ul ul ul li:hover ul { opacity: 1; visibility: visible; transition: 0.3s }
.menu_desk ul ul li { width: 100%; line-height: normal; max-height: none; margin: 0px; position: relative; background: #25AAE3; transition: background 250ms linear, color 250ms }
.menu_desk > ul > li > ul > li:hover, .menu_desk > ul > li > ul > li > ul > li:hover { background: #fff; color: #25AAE3 }
.menu_desk > ul > li > ul > li:hover > a, .menu_desk > ul > li > ul > li > ul > li:hover > a { color: #25AAE3 }
.menu_desk ul ul li a { text-transform: none; display: block; padding: 8px 18px; font-size: 14px; color: #fff; line-height: 24px; font-family: 'MuliRegular' }
.menu_desk h2, .menu_desk h3 { font-size: 13px; font-family: 'font2'; font-weight: normal }
.menu_desk ul h2 { line-height: 47px }
.menu_desk ul ul h2 { line-height: normal }
.menu_desk ul ul ul { left: 100%; top: 0px }
.menu_mobile { display: none }
.wrap_name { margin-bottom: 20px; text-align: center; font-family: 'font1'; font-size: 22px }
.name_mobile { text-align: center; padding: 10px 15px; color: #282828; font-size: 14px; text-transform: uppercase; font-family: 'font1'; background: #ff7e00; display: none; margin-bottom: 15px }
.name_mobile h1, .name_mobile h2, .name_mobile h3 { font-family: 'font1'; font-size: 14px; font-weight: normal }
.wrap_name .name { color: #282828; font-family: 'font3'; font-size: 30px; padding: 0px 15px; text-transform: uppercase; position: relative }
.wrap_name .name span { color: #ff7e00 }
.wrap_name .name a { color: #0000ff }
.wrap_name .name2 { font-size: 28px }
.wrap_name .name h2, .wrap_name .name h1, .wrap_name .name h3 { font-size: 30px }
.main_name h1 { font-size: 14px }
.wrap_name .txt_home { text-align: center; font-family: 'font2'; font-size: 13px; margin: 15px 0px 10px 0px; color: #666 }
.bong_name { background: url(images/line_name.png); width: 96px; height: 9px; margin: 10px auto 0px auto }
.main_content { list-style: inside; line-height: 1.7em; text-align: justify }
.main_content img { max-width: 100%; height: auto }
.search_head { position: relative; float: left; margin-left: 25px; width: 21px; height: 21px; margin-top: 14px; z-index: 99; cursor: pointer; }
.search_head img { vertical-align: top }
/***/
.head_desk{ position: relative; }
.timkiem {
	position: absolute;
	right: 0;
	bottom: -10px;
	z-index: 9;
	width: 197px;
	height: 28px;
	border: 1px solid #fff;
	border-radius: 20px;
}
.timkiem input.tu_khoa {
    width: 89%;
    height: 20px;
    border: none;
    background: transparent;
    color: #fff;
    position: absolute;
    left: 10px;
    top: 5px;
    line-height: normal;
    padding-left: 20px;
}
.timkiem input.btn_img { position: absolute; top: 6px; left: 7px }
.timkiem input::-webkit-input-placeholder { color: #fff }
.timkiem input:-moz-placeholder { color: #fff }
.timkiem input:-ms-input-placeholder { color: #fff }
.wrap_tel { background: url(images/dt.png) no-repeat 0px 0px; height: 73px; position: relative; min-width: 121px }
.wrap_tel span { color: #ff0808; font-family: 'font3'; font-size: 22px; position: absolute; left: 66px; top: 25px }
.ht_email { color: #595959; font-size: 12px; font-family: 'font1'; margin-top: 2px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #c7c7c7 }
.img_ht { background: url(images/img_hot.png); width: 121px; height: 126px; float: left }
.ht_skype { float: right; margin-top: 30px; margin-right: 32px }
#left_cont { float: left; width: 20% }
#right_cont { float: right; width: 78.5% }
.wrap_sp {margin-bottom: 5px;margin-bottom: 30px;}
.sanpham {position: relative;width: 100%;margin: auto;text-align: center;border: 1px solid #ccc;}
.sanpham .img { overflow: hidden; position: relative; text-align: center; transition: .4s; cursor: auto }
.sanpham .img .saleoff { position: absolute; top: 5px; left: 5px; font-weight: bold; color: #fff; padding: 3px 6px; background: #f20; font-size: 11px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.sanpham .img img {-webkit-transition: -webkit-transform 0.5s ease;-moz-transition: -moz-transform 0.5s ease;transition: transform 0.5s ease;transition: 0.5s;border: 4px solid #fff;width: 100%;}
.sanpham .overlay_info {position: absolute;/* background: rgba(230, 110, 90, 0.17); */top: 0px;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: 0.5s;}
.sanpham:hover .overlay_info {visibility: visible;opacity: 1;transition: 0.5s;/* cursor: url(images/poiter.png), pointer; */}
.sanpham .pro_info {padding: 12px 7px;border-top: none;/* min-height: 90px */}
.sanpham .name { text-align: center; margin-bottom: 3px; font-size: 14px; line-height: 24px }
.sanpham .name a { font-family: 'MuliBold'; color: #333; transition: color 250ms }
.spjcau .name a { color: #4a4a4a }
.sanpham .name h3 { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.sanpham .price {font-size: 14px;margin-top: 4px;text-align: center;color: #333;font-family: 'MuliBold';display: none;}
.sanpham .price span { color: #25AAE3; font-weight: bold; font-size: 14px }
.sanpham .price_old { text-decoration: line-through; font-size: 11px; text-align: center; margin-top: 4px }
.sanpham .des { text-align: justify; line-height: 20px }
.sanpham:hover, .sanpham .img a:hover img, .sanpham .name:hover a { cursor: url(images/poiter.png), pointer }
#itemContainer_spmoi { list-style: none }
#itemContainer_spnb { list-style: none }
.dv_info .name { text-align: left; margin-bottom: 3px }
.dv_info .name a { color: #25AAE3; font-weight: bold }
.dv_info .name a:hover { text-decoration: underline }
.block {/* margin-bottom: 25px */}
.name_block {background: #E6332E;text-align: center;color: #fff;text-transform: uppercase;font-family: 'MuliBold';font-size: 15px;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 10px 0;}
.cont_block {padding: 10px 0;border: 1px solid #25AAE3;background: rgb(236 232 232 / 17%);}
.dmdv ul { list-style: none }
.dmdv ul li { position: relative }
.dmdv ul li a { display: block; color: #333333; font-size: 16px; font-family: 'MuliRegular'; padding: 9px 0px; transition: color 250ms; padding-left: 25px }
.dmdv ul li i { font-size: 17px; margin-right: 8px; position: absolute; top: 50%; margin-top: -6px; color: #25AAE3; left: 1.8rem }
.dmdv ul li { padding: 0 10px }
.dmdv ul li:not(:last-child) a { padding-right: 10px; border-bottom: 1px solid #f8d6d0 }
.dmdv ul li a:hover { color: #25AAE3; font-family: 'MuliBold' }
.dmdv ul ul { position: absolute; background: #fff; width: 270px; left: 100%; top: -10px; z-index: 99; padding: 10px 0; visibility: hidden; opacity: 0; transition: 0.4s }
.dmdv ul li:hover ul { visibility: visible; opacity: 1; transition: 0.4s }
.dmdv ul ul li { text-align: left }
.paging { text-align: right }
ul.pagination { text-align: center }
ul.pagination li { display: inline }
ul.pagination a { width: 25px; height: 25px; line-height: 24px; font-family: 'MuliBold'; margin: 0px 3px; font-size: 14px; color: #25AAE3; display: inline-block; border-radius: 30px !important; text-decoration: none; padding: 0 !important; float: none !important; border: none !important }
ul.pagination a:hover, ul.pagination a.current { background: #25AAE3; color: #fff }
.pagination { margin: auto; width: auto; text-align: center; margin-top: 10px }
.pages { }
.pages li.prev { margin-right: 15px }
.pages li.next { margin-left: 15px }
.pages li { display: inline-block; margin: 5px 2px }
.pages li a { height: 25px; padding: 4px 8px; text-decoration: none; color: #ff7e00; font-weight: bold; background: url(images/backgrounds/pagingBg.png) repeat-x 0 0; border: 1px solid #d5d5d5; font-size: 11px }
.pages li a:hover { background: #f6f6f6 }
.pages li .active { background: url(images/backgrounds/sideGradient.png) repeat-x; color: #fff; border-color: #424852 }
.pages li .active:hover { background: #2a313d }
#form_contact input { padding: 5px; margin-bottom: 15px }
.form_lh { width: 100% }
.form_lh fieldset { padding: 0 }
.form_lh legend { padding: 0px 10px 0px 10px; font-style: italic; color: #023B70 }
.form_lh p { padding: 5px 0px 5px 0px }
.form_lh p input { background: #fff; color: #333; font-family: 'MuliRegular'; font-size: 14px; color: #666666; padding: 0 12px; outline: none; border: 1px solid #e9c3bc; border-radius: 5px; height: 40px; width: 100% }
.form_lh p label { margin-bottom: 5px; display: block; font-family: 'MuliBold'; font-size: 15px; text-transform: capitalize }
.form_lh p textarea { background: #fff; color: #333; font-family: 'MuliRegular'; font-size: 14px; color: #666666; padding: 5px 12px; outline: none; border: 1px solid #e9c3bc; border-radius: 5px; width: 100% }
.form_lh  button { border: 0px; background: #25AAE3; padding: 5px 20px 5px 20px; font-weight: bold; color: #fff; cursor: pointer; margin-right: 10px; border-radius: 7px }
.selectors { border: 1px solid #ccc; text-align: center; float: left; width: 100% }
.khung_thongtin { list-style: none }
.khung_thongtin li { padding: 8px 0px; width: 100%; float: left; border-bottom: 1px solid #f4dfdc; font-family: 'MuliRegular'; font-size: 14px }
.khung_thongtin h2 { font-size: 29px; color: #606060; font-weight: bold; font-family: 'MuliBold' }
.khung_thongtin h1 { font-size: 22px; color: #ff7e00; font-weight: bold; font-family: 'font1' }
.khung_thongtin .masp { color: #0186A7 }
.khung_thongtin .MASP span { color: #e3686b; font-family: 'MuliBold' }
.khung_thongtin .mota_detail { color: #757575 }
.khung_thongtin .gia_cu { font-size: 13px }
.khung_thongtin .gia_cu span { font-weight: bold; text-decoration: line-through }
.khung_thongtin .gia_detail { font-size: 15px; color: #e3686b; font-family: 'MuliBold' }
.khung_thongtin .giacu_detail { color: #999; text-decoration: line-through }
.khung_thongtin .giacu_detail span { text-decoration: line-through }
div#container_product { margin-top: 20px; width: 100%; float: left }
div#container_product #tabs { border: 1px solid #fff; margin-bottom: 20px; overflow: hidden; list-style: none }
div#container_product #tabs li { background: rgba(255, 0, 0, 1); padding: 7px 30px; margin-right: 1px; color: rgba(0, 102, 204, 1); text-transform: uppercase; font-weight: bold }
div#container_product #tabs li.active { background: #01b8f1; color: #000 }
div#container_product #tabs li { float: left }
div#container_product #tabs li a { color: #fff; font-size: 16px; text-decoration: none }
.noidung_ta { width: 100%; float: left; padding: 10px; clear: left; border: 1px solid #e4e4e4 }
.list_carousel { width: 100%; position: relative; float: left }
.list_carousel ul { margin: 0; width: 100%; padding: 0; list-style: none; display: block }
.list_carousel li { display: block; float: left; padding: 5px 5px 5px 5px }
.list_carousel li img { float: left }
.list_carousel li a { text-decoration: none }
.list_carousel li a h3 { color: #835410; text-align: center; font-weight: 500; margin-top: 10px; font-size: 16px; margin-bottom: 10px; text-transform: uppercase }
.list_carousel li:hover { }
.list_carousel li.active { }
.list_carousel.responsive { width: auto; margin-left: 0 }
.clearfix { float: none; clear: both }
.pager { float: left; width: 320px; text-align: center }
.pager a { margin: 0 5px; text-decoration: none }
.pager a.selected { text-decoration: underline }
.timer { background-color: #999; height: 6px; width: 0px }
.prev13 { width: 41px; height: 36px; position: absolute; z-index: 10; background: url(images/left_dt.png) no-repeat; top: 25px; left: 0px }
.next13 { width: 41px; height: 36px; position: absolute; z-index: 10; background: url(images/right_dt.png) no-repeat; top: 25px; right: -10px }
.list_bvlq { margin-top: 20px }
.list_bvlq ul { list-style: none }
.list_bvlq ul li { margin-bottom: 5px }
.list_bvlq ul li a { font-size: 14px; color: #e3686b; text-transform: uppercase }
.list_bvlq ul li a:hover { text-decoration: none }
.list_bvlq ul li span { color: #999 }
.name_bvlq { font-weight: bold; font-size: 17px; margin-bottom: 5px }
.box_new { padding: 10px 5px; font-family: 'MuliRegular' }
.box_new img { width: 120px; border: none; padding: 2px; float: left; margin: 0px 10px 0px 0px; border: 1px solid #ccc }
.box_new h3 { line-height: 16px }
.box_new h3 a { text-transform: uppercase; color: #25AAE3; font-family: 'MuliBold'; font-size: 15px }
.box_new:nth-child(2n+1) { clear: left }
.box_new:hover h3 a { opacity: 0.8 }
.box_new .des { color: #000; font-size: 13px }
.box_new .xemtiep { text-align: right; font-size: 12px; transition: 0.5s; margin-top: 7px; display: none }
.box_new .xemtiep a { text-decoration: none; font-style: italic; color: #fff }
.wrap_box_dv a { color: #fff }
.wrap_box_dv h3 { font-size: 16px }
.box_dv img { width: 100%; max-height: 300px; margin: auto }
.box_dv .name { text-align: center; margin-bottom: 5px; background: #e9458f; padding: 5px }
.item_gcn { float: left }
.item_gcn img { width: 25% }
.fixed { position: fixed !important; top: 0px; z-index: 999; width: 100%; max-width: 1366px; margin: auto }
#qty_pro { padding: 5px 7px; width: 50px; border: 1px solid #ccc; margin-left: 5px }
a#btn_buy { display: inline-block; padding: 7px 12px; background: #ff7e00; color: #fff; font-family: 'font2'; font-size: 15px }
a#btn_buy:hover { opacity: 0.9 }
#footer { padding: 50px 0 0; background: rgba(230, 110, 90, 0.17); padding-top: 30px; padding-bottom: 30px }
#footer.in { padding-top: 20px }
#footer .container { }
.cont_foot { color: #fff; line-height: 30px }
.col-foot { margin-bottom: 20px }
.footer_logo { text-align: center }
.wrap_social { text-transform: uppercase; font-size: 14px; margin-top: 20px; display: flex; align-items: center }
.wrap_social span { text-transform: uppercase; color: #5f6062; font-family: 'MuliBold'; font-size: 16px; margin-right: 5px }
.wrap_social img { margin-left: 10px }
.col-social { padding-left: 100px }
.cont_support {padding: 7px 0px;background: rgb(236 232 232 / 17%);border: 1px solid #E6332E;}
.title-hotro {font-family: 'MuliRegular';font-size: 19px;line-height: 20px;margin-bottom: 5px;color: #E6332E;}
.box_hotline { margin-bottom: 15px }
.box_hotline .item:last-child{margin-bottom:0}
.box_hotline .item{
    padding: 0 9px;
    margin-bottom: 12px;
}
a.item-hotline {color: #E6332E;font-family: 'MuliRegular';font-size: 15px;line-height: 20px;display: block;margin-bottom: 10px;width: 100%;position: relative;padding-left: 24px;margin-top: 10px;}
a.item-hotline img{
    width: 19px;
    position: absolute;
    left: 0;
    top: 1px;
}
.title-hotro span {font-family: 'MuliBold';display: block;margin-top: 3px;font-size: 17px;}
.title-hotro span a{color:#E6332E}
.wrap_social_left { display: flex; align-items: center; margin-top: 15px }
.wrap_social_left span { font-family: 'MuliRegular'; font-size: 16px; line-height: 20px; color: #25AAE3 }
.wrap_social_left img { margin-left: 8px }
.col-foot .txt { text-transform: uppercase; color: #5f6062; margin-bottom: 10px; font-family: 'MuliBold'; font-size: 16px }
.wrap_linklk { text-align: center }
.wrap_linklk img { width: 46px }
.wrap_linklk img:hover { opacity: 0.8 }
.footer-map { margin-top: 30px; margin-bottom: 0; padding-left: 15px }
.title-map { margin-bottom: 30px }
.footer_map iframe { width: 100%; height: 315px }
.name_doitac { margin-bottom: 5px; color: #626161; font-size: 16px; text-transform: uppercase }
#wrap_doitac { padding: 20px 0px; background: #fff; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2 }
img.img_dt { width: 127px !important; height: 90px; margin: auto }
#wrap_map { padding: 5px; border: 1px solid #dedede }
#map_home { width: 100%; height: 260px }
.wrap_map { padding: 5px; border: 1px dashed #fff }
.w-fb { position: fixed; top: 200px; right: -300px; z-index: 9999; transition: all 0.5s }
.fb-tit { cursor: pointer; float: left }
.fb-info { background: #FFF; width: 300px; min-height: 1px; float: right; height: 230px }
.w-fb:hover { right: 0 }
.wrap_menu_mb { position: absolute; left: 15px; top: 5px; z-index: 99999; width: 30px; height: 30px }
#btn_nav_mobi { width: 30px; height: 30px; background: url(images/btn_menu.png) no-repeat; background-size: 100% 100%; position: relative; display: block; z-index: 999 }
nav#menu_mb h2, nav#menu_mb h3 { font-size: 14px; font-weight: normal }
.wrap_search_mb { display: none; margin-top: 10px; margin-bottom: 5px; float: left; background: #ddd; padding: 4px 5px; position: relative }
.wrap_search_mb input.tu_khoa { border: none; float: left; height: 18px; padding: 0px 5px; font-size: 11px }
.wrap_search_mb input::-webkit-input-placeholder { font-size: 11px }
.wrap_search_mb input:-moz-placeholder { font-size: 11px }
.wrap_search_mb input:-ms-input-placeholder { font-size: 11px }
.wrap_search_mb .btn_img { float: right }
#menu_desk_2 { position: fixed; top: 70px; height: 35px; right: 20px; line-height: 35px; background: rgba(60, 60, 60, 0.48) }
#menu_desk_2 ul { list-style: none }
#menu_desk_2 ul li { float: left; margin: 0px 20px }
#menu_desk_2 ul li a { color: #fff; font-size: 14px; text-transform: uppercase; display: block }
#menu_desk_2 ul li a:hover { color: #f34790; text-decoration: none }
#menu_desk_2 h2, #menu_desk_2 h3 { font-size: 14px; line-height: 35px }
#main_wrap { position: relative; padding: 40px 0px }
.wow { visibility: hidden }
.wikis { position: relative; background: rgba(60, 60, 60, 0.8); border-radius: 10px; overflow: auto; color: #FFF; transition: all 0.5s; padding: 15px }
#wrap_content { position: relative; text-align: justify; line-height: 1.7em }
::-webkit-scrollbar { width: 12px }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px }
::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5) }
#menu_home { }
.menu_left_home ul { list-style: none }
.menu_left_home ul li { width: 247px; height: 112px; background: url(images/bg_dm_2.png) no-repeat; margin-top: -18px; text-align: center }
.menu_left_home ul li:first-child { background: url(images/bg_dm_1.png) no-repeat; margin: 0px }
.menu_left_home ul li a { color: #fff; display: block; font-size: 20px; padding-top: 74px; text-transform: uppercase }
.menu_left_home ul li h2 { font-size: 24px }
.menu_left_home ul li a:hover { color: #ff7e00; text-decoration: none; transition: all 0.4s }
#ifr_video { max-width: 450px }
#sel_vd { max-width: 450px }
.title_block { color: #fff; font-family: 'font1'; text-transform: uppercase; margin-bottom: 20px; text-align: center; font-size: 22px; font-weight: bold }
.left_foot { margin-bottom: 20px }
.right_foot { text-align: right }
.row_lh { margin-bottom: 15px }
.row_lh input, .row_lh textarea { background: rgba(255, 255, 255, 0.3); border: 1px solid #fff; color: #fff; width: 100%; padding: 8px 10px; max-width: 450px }
.row_lh input[type="submit"] { max-width: 70px; margin-bottom: 20px; background: #6bb600; padding: 10px 12px }
.row_lh input[type="submit"]:hover { background: #f5f000 }
.row_lh input::-webkit-input-placeholder { color: #fff }
.row_lh input:-moz-placeholder { color: #fff }
.row_lh input:-ms-input-placeholder { color: #fff }
#wrap_about { padding: 20px 0px }
.left_about { text-align: center; margin-bottom: 20px }
.wrap_dmnb { padding: 30px 0px }
.name_dm { position: absolute; left: 0px; top: -115px; z-index: 9; display: inline-block; padding: 15px 20px; background: rgba(255, 255, 255, 0.2); border: 1px solid #474646 }
.name_dm a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 18px; font-family: 'font1' }
.name_dm a:hover { color: #fcf301 }
#info_web { background: #25AAE3 }
#info_web .container { background: #25AAE3; height: 46px; line-height: 46px }
#info_web .txt { color: #fff; text-align: left; font-family: 'MuliRegular'; font-size: 14px; padding: 0 15px }
.row_tk span { color: #f5f000 }
.row_tk { float: left; padding-left: 20px; line-height: 19px; color: #fff }
.col-map { float: right; padding-left: 25px }
.line_tk { background: url(images/line_dm.png); width: 100%; height: 3px; margin-bottom: 10px }
.thongke .txt { margin-bottom: 20px; text-align: left; font-size: 17px; color: #fff; text-transform: uppercase; font-family: 'font2' }
.thongke .ro { margin-bottom: 10px; text-align: left; color: #fff; font-size: 13px }
.thongke .ro { padding-left: 20px }
.thongke .onl { background: url(images/onl.png) no-repeat 0px 0px }
.thongke .tuan { background: url(images/tuan.png) no-repeat 0px 0px }
.thongke .thang { background: url(images/thang.png) no-repeat 0px 1px }
.thongke .tongtc { background: url(images/tong.png) no-repeat 0px 2px }
.row_foot { padding-bottom: 8px; margin-bottom: 8px; color: #333; font-size: 14px }
.row_foot .txt_l { float: left; padding-left: 20px }
.row_foot .txt_r { float: right; font-weight: bold }
.row_foot:last-child { border: none }
.ul_foot { }
.ul_foot a { color: #5f6062; font-size: 14px; font-family: 'MuliRegular'; text-transform: capitalize; transition: color 250ms; display: block; margin-bottom: 8px }
.ul_foot a:hover { color: #25AAE3 }
#why { padding: 30px 0px }
.title-why { font-family: 'MuliBold'; color: #25AAE3; font-size: 30px; line-height: 23px; text-align: center; text-transform: uppercase; padding-bottom: 15px; background: url(images/a-title.png) center bottom no-repeat; margin-bottom: 30px }
.title-why-in { font-family: 'MuliBold'; color: #25AAE3; font-size: 24px; line-height: 23px; text-align: center; text-transform: uppercase; margin-bottom: 24px }
.title-why-in h1 { font-size: 22px }
.why_item { text-align: left; margin-bottom: 20px; font-family: 'MuliRegular' }
.why_item:nth-child(3n+1) { clear: both }
.why_item .img { margin-bottom: 15px; float: left; margin-right: 5px; width: 61px }
.why_item .img img { width: 61px !important; height: 57px !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }
.why_item .img img:hover { opacity: 0.8 }
.why_item .name a { color: #333333; font-family: 'MuliBold'; font-size: 18px; text-transform: uppercase; line-height: 25px; transition: color 250ms linear }
.why_item .name a:hover { color: #25AAE3 }
.why_item .des { color: #666666; font-size: 13px; line-height: 16px }
#doitacowl { width: 95%; margin: auto }
#doitacowl .owl-prev, .owl_product_detail .owl-prev, #doitacowl .owl-next, .owl_product_detail .owl-next { position: absolute; top: 50%; margin-top: -21.5px; cursor: pointer; outline: none }
#doitacowl .owl-prev, .owl_product_detail .owl-prev { left: -50px }
#doitacowl .owl-next, .owl_product_detail .owl-next { right: -50px }
#wrap_submit { background-size: 100% 100% !important; padding-top: 65px; padding-bottom: 120px }
#wrap_submit .name { text-align: center; color: #fff; font-weight: bold; font-family: 'font1'; text-transform: uppercase; font-size: 28px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000)"; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000); margin-bottom: 5px }
#wrap_submit .line { width: 140px; height: 2px; background: #fff; margin: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#1C1C1C)"; -moz-box-shadow: 2px 2px 4px 1px rgba(28, 28, 28, 0.2); -webkit-box-shadow: 2px 2px 4px 1px rgba(28, 28, 28, 0.2); box-shadow: 2px 2px 4px 1px rgba(28, 28, 28, 0.2); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#1C1C1C) }
.wrap_form { max-width: 450px; margin: auto; margin-top: 30px }
#wrap_other { }
.col-other { margin-bottom: 40px }
.title_other { color: #25AAE3; font-size: 24px; font-family: 'MuliBold'; text-transform: uppercase; margin-bottom: 15px }
#wrap_dknt { padding: 55px 0px 65px }
.dknt_content { background: rgba(230, 110, 90, 0.17); padding-bottom: 35px }
.title_dk { text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #25AAE3; color: #fff; font-family: 'MuliBold'; font-size: 24px; height: 50px; line-height: 50px; text-transform: uppercase }
.txt_dknt { text-align: center; color: #666666; font-size: 14px; line-height: 25px; margin: 2rem 0; font-family: 'MuliRegular' }
#wrap_dknt form { width: 100%; display: block; padding: 0  50px }
.dknt_content input, .dknt_content textarea { background: rgba(255, 255, 255, 0); color: #fff; font-family: 'MuliRegular'; font-size: 14px; color: #666666; padding: 0 12px; outline: none; border: 2px solid #fff; border-radius: 5px; height: 36px }
.dknt_content textarea { padding-top: 12px; resize: none }
.dknt_content input::placeholder, .dknt_content textarea::placeholder { color: #666666 }
.dknt_content textarea { width: 100%; padding: 10px }
.left-form { width: 548px; float: left }
.left-form .form-group { margin-bottom: 5px }
.right-form { width: calc(100% - 558px); float: right }
.btn-register { font-family: 'MuliRegular'; font-size: 14px; text-transform: uppercase; color: #fff; border-radius: 5px; width: 269px; height: 36px; line-height: 36px; text-align: center; background: #25AAE3; outline: none; border: none; display: block; margin: auto }
#khachhang .title-why { margin-bottom: 40px }
.col-fb { overflow: hidden }
.vert, .vert .simply-scroll-clip { height: 374px }
.simply-scroll-list li { margin: 18px 0 !important }
.item_ttnb .img { float: left; width: 150px; margin-right: 15px }
.item_ttnb .img img { width: 100%; height: auto }
.item_ttnb .name { margin-bottom: 5px; font-family: 'MuliBold'; font-size: 14px; height: 40px; overflow: hidden }
.item_ttnb .name a { color: #212121; text-transform: uppercase; transition: color 250ms }
.item_ttnb .name a:hover { color: #25AAE3 }
.item_ttnb .des { font-family: 'MuliRegular'; font-size: 13px; color: #212121; line-height: 20px }
.item_ttnb .other_info { color: #363636; line-height: 14px }
.item_ttnb .other_info span { display: inline-block }
.item_ttnb .other_info span.date { background: url(images/icon_date.png) no-repeat 0px 0px; padding-left: 18px; line-height: 14px; margin-right: 10px }
.item_ttnb .other_info span.view { background: url(images/icon_luotxem.png) no-repeat 0px 0px; padding-left: 22px; line-height: 14px; margin-left: 10px }
.item_dvnb  .name a { color: #fff; font-weight: bold }
.item_dvnb .des { color: #fff; max-height: 51px; overflow: hidden }
.img_doitac border:1px solid #eee }
.img_doitac:hover { border: 1px solid #999 }
.img_doitac img { margin: auto }
.img_hoatdong { float: left; margin-right: 11px; margin-bottom: 11px }
.img_hoatdong:nth-child(2n+1) { margin-right: 0px }
.img_hoatdong img:hover { opacity: 0.8 }
.frame_goidienthoai { position: fixed; bottom: 15px; right: 15px; z-index: 999 }
.coccoc-alo-phone { position: inherit; visibility: hidden; background-color: transparent; width: 150px; height: 135px; 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 }
.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: 120px; height: 120px; top: 30px; left: 30px; 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: #000000 9; opacity: .5 }
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle { border-color: #00aff2; border-color: #000000 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: 80px; height: 80px; 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: rgba(0, 175, 242, 0.5); 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; 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: 40px; height: 40px; 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; background-size: 80% 80%; -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 }
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle { background-color: #00aff2; background-color: #00aff2 }
.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=!string!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;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=!string!].valid-invalid{color:#ff496b}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type=!string!]:focus{outline:0}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type=!string!]::-webkit-input-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type=!string!]::-moz-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type=!string!]::-ms-input-placeholder{color:#d1d1d1}#coccoc-alo-wrapper .coccoc-alo-popup .coccoc-alo-input-wrapper input[type=!string!]::-moz-placeholder{color:#d1d1d1}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type=!string!]::-webkit-input-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type=!string!]::-moz-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type=!string!]::-ms-input-placeholder{color:#60615f}#coccoc-alo-wrapper.night-mode .coccoc-alo-popup .coccoc-alo-input-wrapper input[type=!string!]::-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: ");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(" }
.wrap_jcau_sp ul, .wrap_jcau_sp ul li { list-style: none }
.paging_sptb { text-align: center }
.paging_sptb a { display: inline-block; padding: 2px 10px; border: 1px solid #6bb600; color: #6bb600; cursor: pointer; margin: 3px }
.paging_sptb a:hover { background: #6bb600; color: #fff }
.paging_sptb .jp-current { background: #6bb600; color: #fff }
.jp-disabled { border: none !important; color: #ccc !important }
#wrap-phone { position: fixed; bottom: 0px; z-index: 999; height: 50px; width: 100%; background: #005aac }
#wrap-phone a { color: #fff; text-decoration: none }
#wrap-phone img { width: 30%; max-width: 35px; vertical-align: middle }
.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 }
@-moz-keyframes blinker {
0% { opacity: 1.0 }
50% { opacity: 0.0 }
100% { opacity: 1.0 }
}
@-webkit-keyframes blinker {
0% { opacity: 1.0 }
50% { opacity: 0.0 }
100% { opacity: 1.0 }
}
@keyframes blinker {
0% { opacity: 1.0 }
50% { opacity: 0.0 }
100% { opacity: 1.0 }
}

.left_content_zv{
    position: fixed;
    width: 250px;
    right: 15px;
    background: #fff;
    bottom: 5px;
    z-index: 1234;
}
@media(max-width:768px) {
  .left_content_zv .cont_support{display:none}
#top_head { position: relative !important }
#wrap_bot_head { padding-top: 20px !important }
}
#support_mobile { width: 100%; text-align: center; margin: auto; background: #111; position: fixed; z-index: 12345; left: 0; bottom: 0; border-top: 1px solid #fff; display: none }
#support_mobile a { color: #fff; text-decoration: none }
#support_mobile img { width: 30%; max-width: 35px; vertical-align: middle }
ul#itemContainer_spnbm { list-style: none }

.hotline-phone-ring-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999999;
}
.hotline-phone-ring {
  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 110px;
  height: 110px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility .5s;
  left: 0;
  bottom: 0;
  display: block;
}
.hotline-phone-ring-circle {
	width: 85px;
  height: 85px;
  top: 10px;
  left: 10px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid #e60808;
  -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
	width: 55px;
  height: 55px;
  top: 25px;
  left: 25px;
  position: absolute;
  background-color: rgba(230, 8, 8, 0.7);
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
	background-color: #e60808;
	width: 33px;
  height: 33px;
  top: 37px;
  left: 37px;
  position: absolute;
  background-size: 20px;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
	width: 20px;
	height: 20px;
}
.hotline-bar {
  position: absolute;
  background: rgba(230, 8, 8, 0.75);
  height: 40px;
  width: 180px;
  line-height: 40px;
  border-radius: 3px;
  padding: 0 10px;
  background-size: 100%;
  cursor: pointer;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  z-index: 9;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: 50px !important;
  /* width: 175px !important; */
  left: 33px;
  bottom: 37px;
}
.hotline-bar > a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  text-indent: 40px;
  display: block;
  letter-spacing: 1px;
  line-height: 40px;
  font-family: Arial;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
  color: #fff;
}
@-webkit-keyframes phonering-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: 0.1;
  }
  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: 0.5;
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: 0.1;
  }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
}
@media (max-width: 768px) {
  .hotline-bar {
    display: none;
  }
}