﻿#logo,.lb-next,.lb-prev,.onload,.cursor-pointer,a,button{cursor:pointer}
body,html,.popupdivwrapt{height:100%}
a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;font-weight:400}
a{text-decoration:none}
main,iframe{width:100%!important}
body,div,h1,h2,h3,h4,h5,h6,ol,p,ul{font-size:14px}
#wrap-content br,#wrap-content p,#wrap-content h1,#wrap-content h2,#wrap-content h3,#wrap-content h4,#wrap-content h5,#wrap-content h6,.ttnlt .form-floating,.tenp{margin-bottom:.25rem}
table{border-collapse:collapse;border-spacing:0;width:100%;overflow-x:hidden}
table[border="1"] th{border:solid 1px #090;padding:10px;vertical-align:middle;background:#eee;text-align:center;font-size:16px}
table[border="1"] td{border:solid 1px #222;padding:10px 5px;vertical-align:middle}
.tab-pane .card,img{border:none;max-width:100%;height:fit-content}
ol,ul{list-style:none}
div[itemprop="aggregateRating"],.chitietma,.khuyencao{position:absolute;top:-9999px}
a.dropdown-item:focus,a.dropdown-item:hover{color:#0a58ca!important}
.filterDulieuHethong .select2-container--default .select2-selection--single{height:32px!important;display:flex;align-items:center}
.filterDulieuHethong .select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;top:0;right:10px;display:flex;align-items:center;justify-content:center}
.filterDulieuHethong .select2-container--default .select2-selection--single{background-color:#fff;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:0;margin:0;padding:0}
.filterDulieuHethong .boxsearch-filter .wrap-filter{max-width:600px;right:0;z-index:1}
.filterDulieuHethong #filterDataSearch.d-none{display:inherit!important}
.loaddataajax:not([class*=" col-"]),#cxmndpt{position:relative;width:100%;height:100%}
.onload{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;min-height:100px}
.onload::before{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 2s linear infinite;margin-bottom:10px}
.loading-text{font-size:16px;color:#333}
@keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.filter-options{max-height:200px;overflow-y:scroll}
.filter-options .filter-item{font-size:13px}
.navbar-header{float:left}
.logo{float:right;display:inline-block;margin:0}
.logo img{width:auto;max-width:150px;height:auto;max-height:34px}
.has-error{color:#a94442}
.has-warning{color:#8a6d3b}
.has-success{color:#3c763d}
.danhmucfooter .highlight-item .masterbutton{height:78px;width:78px;position:absolute;border-radius:50%;top:-23px}
.danhmucfooter .highlight-item i{position:absolute;top:-18px}
.danhmucfooter .highlight-item .masterbutton span{position:absolute;left:0;text-align:center;width:76px;white-space:normal;line-height:15px}
.danhmucfooter .trangtri{position:absolute;top:-29px;height:90px;width:90px;border-radius:50%;z-index:-1}
.danhmucfooter .trangtri .trangtri2{background:#FFF;height:100%;border-radius:50%}
.danhmucfooter i{font-size:13px}
.danhmucfooter  .highlight-item i{font-size:20px}
.form-floating>label{overflow:visible}
.b-example-divider{flex-shrink:0;width:1.5rem;height:100vh;background-color:rgba(0,0,0,.1);border:solid rgba(0,0,0,.15);border-width:1px 0;box-shadow:inset 0 .5em 1.5em rgba(0,0,0,.1),inset 0 .125em .5em rgba(0,0,0,.15)}
.bi{vertical-align:-.125em;pointer-events:none;fill:currentColor}
.drop-area{border:2px dashed #d2d6de;border-radius:3px;text-align:center;display:flex;align-items:center;justify-content:center;height:300px;font-size:20px;color:#999}
#imageContainer{display:flex;justify-content:center;gap:10px}
#imageContainer .image-column{flex:1;display:flex;flex-direction:column;gap:10px}
#imageContainer .image-card{position:relative;overflow:hidden;width:100%;max-width:300px;display:flex;flex-direction:column;background-color:#f0f0f0}
#imageContainer .image-card img,.image-card video{object-fit:cover;width:100%;height:auto;transition:transform .3s ease-in-out}
#imageContainer .image-card:hover img,.image-card:hover video{transform:scale(1.05)}
#imageContainer .image-card .btn{display:none;z-index:10;position:absolute}
#imageContainer .image-card:hover .btn.edit-icon{display:inline-block;top:5px;left:10px}
#imageContainer .image-card:hover .btn.delete-link{display:inline-block;top:5px;right:10px}
#imageContainer .image-card:hover .btn.download-link{display:inline-block;top:5px;right:80px}
#imageContainer .badge{margin-left:5px}
.text-truncate-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.text-truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.text-truncate-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.text-truncate-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.text-truncate-6{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.text-truncate-7{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
#hiddenFileInput{display:none}
#carouselContainer{position:relative;max-width:100%}
.carousel-inner{position:relative}
.carousel-control-prev,.carousel-control-next{position:absolute;top:50%;transform:translateY(-50%);width:5%;height:auto;cursor:pointer;background:rgba(0,0,0,0.5);padding:10px;z-index:1}
.carousel-control-prev{left:10px}
.carousel-control-next{right:10px}
.carousel-control-prev-icon,.carousel-control-next-icon{display:inline-block;width:20px;height:20px;background-color:#000;background-size:100%,100%;border-radius:50%}
.carousel-control-prev-icon{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" viewBox="0 0 8 8"%3E%3Cpath d="M4.5 0l-4 4 4 4v-3h3v-2h-3v-3z" transform="translate(1)" /%3E%3C/svg%3E')}
.carousel-control-next-icon{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" viewBox="0 0 8 8"%3E%3Cpath d="M3.5 0v3h-3v2h3v3l4-4-4-4z" transform="translate(1)" /%3E%3C/svg%3E')}
.carousel-thumbnails{padding-top:10px}
.noidungchitiet .raovat .hinhanh{margin:0 auto}
.dropdown-toggle{outline:0}
.nav-flush .nav-link{border-radius:0}
.btn-toggle{display:inline-flex;align-items:center;padding:.25rem .5rem;font-weight:600;color:rgba(0,0,0,.65);background-color:transparent;border:0}
.kvmn li:hover,.btn-toggle:focus{color:rgba(0,0,0,.85);background-color:#d2f4ea;cursor:pointer}
.btn-toggle:before{width:1.25em;line-height:0;content:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");transition:transform .35s ease;transform-origin:.5em 50%;display:inline-block}
.btn-toggle[aria-expanded="true"],.btn-toggle.active{color:#222;font-weight:700}
.btn-toggle[aria-expanded="true"]:before,.btn-toggle.active:before,.active .btn-toggle:before{transform:rotate(90deg)}
.btn-toggle-nav a{display:inline-flex;padding:.1875rem .5rem;margin-top:.125rem;margin-left:1.25rem;text-decoration:none;font-size:medium;color:#333}
.divcatmenu .licat:hover{background:#e7e7e7}
.btn-toggle-nav a:hover,.btn-toggle-nav a:focus{color:#222}
li.nav-item:hover{background:#fff;padding:0 2px;margin:0 -2px}
li.nav-item:hover .nav-link{color:#0D6EFD!important}
.xemthem p:hover,.xemthem p:hover a{color:#FFF}
.scrollarea{overflow-y:auto}
.fw-semibold{font-weight:600}
.lh-tight{line-height:1.25}
.sticky-top{z-index:999}
.thongtinchitiet ul,.thongtinchitiet ol{list-style:inherit;padding-left:2rem}
.thongtinchitiet ul li,.thongtinchitiet ol li{display:list-item;border:none;padding:0 1rem}
.thuvien img{width:100%;height:auto}
.jp-audio,.jp-controls{width:auto}
.stars i{font-size:18px;color:#28a745}
.homehref{background:#FFF;margin-top:5px;padding:5px;border-radius:3px;float:right}
.homehref.trongmenu img{height:20px}
.searchtrongmobilemenu{width:60%;float:right;margin-top:4px}
#navbarCollapse{position:relative}
#navbarCollapse li{list-style:none}
#autosuggest{position:absolute;left:0;top:100%;background:#fff;border:solid 1px #CCC;width:100%;z-index:2}
.tooltipdata img[aria-label],.page-link{cursor:pointer}
.recipe,.none,.col-md-1 .jp-audio .jp-type-playlist .jp-toggles,.col-md-2 .jp-audio .jp-type-playlist .jp-toggles,.col-md-3 .jp-audio .jp-type-playlist .jp-toggles,.imgparent{position:absolute;top:-999999px;z-index:-1;width:0}
.img,.loaddataajax{margin:0 auto}
.img img,.popupdivwrapt{max-width:100%}
.tab-content{border-right:solid 1px #dee2e6;border-left:solid 1px #dee2e6;border-bottom:solid 1px #dee2e6;border-radius:3px}
.loginrequired{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;background:#FFF}
.nhomsanpham .img{width:75%;margin:10px auto}
.nhomtintuc .img,.nhomgioithieu .img{margin:.25rem 10px 10px 5px;flex:0 0 30%}
.nhomdanhmuc{clear:both;overflow:hidden;margin:10px 0 5px}
.nhomdanhmuc .xemtoanbo{text-align:right;padding-right:10px;padding-bottom:10px}
.nhomdanhmuc .hinhnhom{width:5%;float:right;margin-right:5px}
.nhomgioithieu $div.img img[src='']{display:none}
.tc.fw{display:none}
.breadcrumb-item.active:before{content:" / ";padding-left:5px}
footer h5.menu,.tenp,h1.tenp,h2.tenp,h1,.nhomdanhmuc .tenp{font-size:16px;margin:20px 0 10px}
.tend,#wrap-content .tend{margin:0;padding:0 5px;font-size:14px}
.tend a{font-weight:700}
.nhomvideo .tend a{font-weight:normal}
.form-group{margin-bottom:5px;min-height:48px;overflow:hidden;text-align:left}
.form-group .error{color:red;font-size:9px}
footer h5.menu{margin-bottom:10px}
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl,.row>*{padding:0 5px}
.row{margin:0 -5px}
.trangchu #wrap-content .top{margin-bottom:10px}
.body #wrap-content .noidungdanhmuc,.body #wrap-content #cxmndpt{margin-top:10px}
.kvmn .active a.nhomcha:before{transform:rotate(90deg)}
.kvmn .btn-toggle[aria-expanded="false"]::before{transform:rotate(0deg)}
.kvmn .btn-toggle{padding:5px 0}
.nav-item p{padding-top:7px}
.trangchu #wrap-content .search,.searchvieclam .search{padding:20px 10px;background:#96d2ed}
.searchvieclam{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}
.timkiemdomain,.ketquasearchdomain{width:80%;margin:0 auto;max-width:1000px}
.timkiemdomain .inputsearch{width:80%;float:left}
.ttnlt button,.timkiemdomain button{position:absolute;top:0;right:0;border:none;background:#090;border-radius:0 3px 3px 0;color:#fff;font-size:14px;text-transform:uppercase;padding:18px 16px 18px 15px}
.timkiemdomain .form-floating>.form-control{padding:1rem .75rem;background:#FF0;border:none}
.wrap-content .form-floating{max-width:500px;margin:0 auto}
.bd-layout .form-floating>label{color:#666}
//.bd-layout .form-floating>.form-control{border-radius:var(--bs-border-radius) 0 0 var(--bs-border-radius)}
.bd-layout .form-floating>button.nuttimkiem{background:var(--bs-border-color);border:none;border-radius:0 var(--bs-border-radius) var(--bs-border-radius) 0;min-width:80px}
.owl-carousel{margin:0 auto}
.owl-carousel .owl-stage-outer{margin:0 auto}
.owl-carousel .owl-nav span{font-size:50px}
.owl-carousel .owl-nav .owl-prev{position:absolute;top:50%;margin-top:-50px;left:-15px}
.owl-carousel .owl-nav .owl-next{position:absolute;top:50%;margin-top:-50px;right:-15px}
.owl-carousel .owl-item img{transform-style:preserve-3d;max-width:90px;margin:0 auto 17px}
.full-width .owl-carousel .owl-item img{max-width:unset}
.carousel-item .tend,.ketquasearchdomain .title{text-align:center;font-weight:400;font-size:16px}
.owl-carousel{width:100%}
.owl-carousel .owl-item{padding:0;margin:0;text-align:center;position:relative}
.owl-carousel .owl-item header{position:absolute;bottom:25px;left:0;width:100%;text-align:center;text-shadow:1px 1px 2px #FFF}
.owl-carousel .owl-item .tend{padding:10px;font-size:24px!important}
.owl-carousel .owl-item .tend a{color:#111;font-weight:400}
.owl-carousel .owl-nav button{color:#0d6efd}
.owl-carousel .owl-item img{height:auto;border:none;max-height:unset;max-width:unset;width:100%}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{width:30px!important}
.owl-carousel .owl-nav .owl-prev{left:10px}
.owl-carousel .owl-nav .owl-next{right:10px}
.owl-carousel .owl-dots{position:absolute;top:15px;width:100%;text-align:right}
.owl-carousel .owl-dots .owl-dot{display:inline-block}
.owl-carousel .owl-dots .owl-dot.active span{border:solid 3px #090;opacity:1}
.owl-carousel .owl-dots .owl-dot span{background:#333;border-radius:50%;display:block;height:12px;margin:5px;opacity:.7;width:12px}
.btn-success a,.btn-danger a{color:#FFF}
.btn-info a{color:#FF0}
.noidungthongbao{position:fixed;z-index:3;bottom:20px;left:20px;max-width:400px}
.thongbaopopupcenter .alert{position:fixed;top:50%;left:calc(50% - 170px);z-index:9995;padding:15px;width:340px;max-width:100%;border:solid 1px #090}
.thongbaopopupcenter .alert .close{top:5px;right:5px;color:red;border:none;position:absolute;background:none}
.khuvucgiohang,.khuvucwishlist{position:relative}
.soluongreter,.soluongwishlist{position:absolute;top:-5px;left:66px;padding:2px;font-weight:700;border-radius:50%;height:24px;width:24px;z-index:1}
.xemgiohang{position:absolute;bottom:-8px;width:85px;right:8px;padding:2px 4px;border-radius:5px}
.top .tenp span,.top .tenp a{padding:5px 10px;opacity:.8}
.kieurandomdetail .top{text-align:center;padding:20px 0}
.kieurandomdetail .top .tenp{font-size:30px;text-shadow:-1px -1px #f2f2f2}
.ulrandomdetail .nhomrandomdetail{background:#fff;padding:20px;border-radius:4px;text-align:center;border:1px solid #ECECEC;box-shadow:0 19px 38px rgba(0,0,0,0.10),0 15px 12px rgba(0,0,0,0.02)}
.ulrandomdetail .nhomrandomdetail .noidung{font-family:inherit;font-size:17px;line-height:1.5;margin:0 0 17px;font-weight:300}
.ulrandomdetail .nhomrandomdetail .tend{margin:-17px auto 0;display:table;width:auto;background:#3190E7;padding:9px 35px;border-radius:12px;text-align:center;color:#fff;box-shadow:0 9px 18px rgba(0,0,0,0.12),0 5px 7px rgba(0,0,0,0.05)}
.ulrandomdetail .owl-item .nhomrandomdetail .img{padding:10px}
.ulrandomdetail .owl-item .nhomrandomdetail img{border-radius:50%}
.ulrandomdetail .nhomrandomdetail{text-align:center;padding:50px;margin-bottom:80px;opacity:.2;-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:100%!important}
.ulrandomdetail .owl-item.active.center .nhomrandomdetail{opacity:1;-webkit-transform:scale3d(1.0,1.0,1);transform:scale3d(1.0,1.0,1)}
.ulrandomdetail.owl-carousel .owl-dots .owl-dot.active span,.ulrandomdetail.owl-carousel .owl-dots .owl-dot:hover span{background:#3190E7;transform:translate3d(0px,-50%,0px) scale(0.7)}
.ulrandomdetail.owl-carousel .owl-dots{display:inline-block;width:100%;text-align:center}
.ulrandomdetail.owl-carousel .owl-dots .owl-dot{display:inline-block}
.ulrandomdetail.owl-carousel .owl-dots .owl-dot span{background:#3190E7;display:inline-block;height:20px;margin:0 2px 5px;transform:translate3d(0px,-50%,0px) scale(0.3);transform-origin:50% 50% 0;transition:all 250ms ease-out 0;width:20px}
.dangkydomain.active{z-index:9999999999;position:fixed;bottom:0;left:0;width:100%;background:#eee;border-top:solid 5px #39F;padding:10px}
#toTop{padding:5px 8px;background:#39F;color:#fff;position:fixed;bottom:0;right:5px;display:none;font-size:18px;border-radius:5px;opacity:.7;z-index:2}
.full-width{width:100vw;position:relative!important;left:50%!important;right:50%!important;margin-left:-50vw!important;margin-right:-50vw!important}
.full-width:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0}
.full-width .container{opacity:1;-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.hotline{background:#222;color:#FFF}
.hotline:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/call-support-team.jpg) no-repeat fixed center center;background-size:cover;opacity:.85}
.hotline .thongtin{padding:50px;margin-bottom:80px;opacity:.85;background:#39F;border-radius:10px;-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.hotline .thongtin p,.hotline .thongtin li{font-size:18px}
.line-through{text-decoration:line-through}
.videochinh .tieuddevideo{background:#ccc;color:#fff;font-size:20px;left:0;margin:0;padding:0;position:absolute;text-align:center;top:0;width:100%;z-index:9999!important}
.nhomvideo,main{position:relative;overflow:hidden}
.nhomvideo header{opacity:.9;background:#FFF}
.nhomvideo header .tend a{margin-top:10px;display:block;text-align:center}
.nhomvideo .img .fa{display:none}
.nhomvideo:hover .img .fa{display:block;font-size:30px;position:absolute;top:50%;margin:-40px;left:50%;padding:20px;border-radius:50%;background:#FFF;color:#39F;border:solid 2px #39F;z-index:2;background:#39F;color:#fff;border:solid 2px #fff}
.videonhom2104 .top{display:none}
.nhomdanhmucvideo,#navbarCollapse{clear:both}
.nhomdanhmucvideo .nhomdanhmuc .tenp{text-align:center;font-size:18px}
.nhomdanhmucvideo .nhomdanhmuc .tenp .txt{background:#FFF;padding:10px}
.nhomdanhmucvideo .xemtoanbo a{color:#39F}
.nhomdanhmucvideo .xemtoanbo .glyphicon{padding-left:10px}
.box,.chitietcuocgoi{display:flex}
.box{align-items:center;justify-content:center;height:100%}
.my-box .right h3{font-size:150%;font-weight:700;margin-top:0;color:#39f}
.my-box .right > *{font-size:125%}
.my-box ul{padding:0}
.my-box ul li{display:inline-block;text-align:left;width:100%}
.my-box ul li i{border-radius:27px;color:#fff;font-size:13px;width:25px;height:25px}
.my-box ul li:nth-child(1) i{background:#090}
.my-box ul li:nth-child(2) i{background:#39f}
.my-box ul li:nth-child(3) i{background:red}
.my-box ul li:nth-child(4) i{background:#000}
.my-box ul li i:before{display:block;text-align:Center;margin-top:5px}
.bd-example{padding:10px;margin:10px 0 0 20px;border-left:1px solid #428bca}
.bd-callout{padding:10px;margin:10px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}
.bd-callout h4{margin-top:0;margin-bottom:5px}
.bd-callout p:last-child{margin-bottom:0}
.bd-callout code{border-radius:3px}
.bd-callout+.bd-callout{margin-top:-5px}
.bd-callout-default{border-left-color:#777}
.bd-callout-default h4{color:#777}
.bd-callout-primary{border-left-color:#428bca}
.bd-callout-primary h4{color:#428bca}
.bd-callout-success{border-left-color:#5cb85c}
.bd-callout-success h4{color:#5cb85c}
.bd-callout-danger{border-left-color:#d9534f}
.bd-callout-danger h4{color:#d9534f}
.bd-callout-warning{border-left-color:#f0ad4e}
.bd-callout-warning h4{color:#f0ad4e}
.bd-callout-info{border-left-color:#5bc0de}
.bd-callout-info h4{color:#5bc0de}
footer .diachicongty{margin-bottom:20px}
footer .thongtinbanquyen{padding:20px}
footer .thongtinbanquyen:before{content:" ";height:2px;width:80%;background:#ddd;position:absolute;margin-top:-20px;text-align:center;left:10%}
.clickPageNumber.hien{display:block}
.clickPageNumber.an{display:block;color:transparent}
.clickPageNumber.an:after{content:"...";position:absolute;font-size:25px;top:-5px;left:8px;margin-top:0;height:24px;color:red}
.page-link.opacity{opacity:.7;pointer-events:none;cursor:not-allowed}
.menudautrangkieuLayTimKiem .nuttimkiem{background-color:transparent;border:none;position:absolute;right:0;margin-right:10px;top:50%;transform:translateY(-50%)}
.menudautrangkieuLayTimKiem .form-floating{position:relative}
.menudautrangkieuLayTimKiem .form-control.searchdulieu{padding-right:50px}
.menudautrangkieuLayTimKiem .form-floating > label{padding-left:15px}
.memberregister{max-width:650px;margin:5px auto}
.memberregister .form-group{position:relative}
.memberregister .login-box{max-width:450px;margin:5px auto}
.memberregister .box-header.with-border{padding:10px 15px;border-bottom:1px solid #d2d6de}
.memberregister .box-header.with-border h3{margin:0;font-size:18px}
.memberregister .box-header.with-border small{font-size:12px}
.memberregister .login-logo a{color:#444;font-size:35px;text-align:center;text-decoration:none;display:block;margin-bottom:10px}
.memberregister .login-box-body{background:#fff;padding:5px;border-top:0;color:#666;box-shadow:0 0 2px rgba(0,0,0,0.1);border-radius:0 0 5px 5px}
.memberregister .login-box-body .form-control{border-radius:0;box-shadow:none;border-color:#d2d6de;padding-left:40px;height:40px}
.memberregister .login-box-body .form-control:focus{border-color:#3c8dbc;box-shadow:none}
.memberregister .has-feedback .form-control-feedback{position:absolute;top:0;left:10px;height:100%;display:flex;align-items:center;pointer-events:none;color:#777}
.memberregister .box-footer{border-top:1px solid #ddd;padding:10px;margin-top:20px;text-align:center}
.memberregister .thongbaoloi{color:#dd4b39;margin-bottom:10px}
.memberregister.login .txtlogin:before,.memberregister.getpass .txtlogin:before{content: "Đăng nhập với"}
.memberregister.register .txtlogin:before{content: "Đăng ký bằng"}
.width-xs .box-primary .login-box-body{width:100%}
.dangkynewletter .txtlogin{display:contents}
.dangkynewletter .txtlogin:before{content: "Đăng ký nhận bản tin bằng tài khoản mạng xã hội";display:block;font-style:italic;color:#666;margin:5px}
.box{position:relative;margin-bottom:20px;display:block;background-color:#fff;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.box-header{color:#444;display:block;padding:10px;position:relative}
.box-header.with-border{border-bottom:1px solid #f4f4f4}
.box-title{font-size:18px;margin:0;display:inline-block}
.box-body{padding:10px}
.box-footer{padding:10px;background-color:#f9f9f9;border-top:1px solid #f4f4f4}
.box-primary .box-header{color:#fff;background:#3c8dbc}
.box-primary .box-title{color:#fff}
.box-success .box-header{color:#fff;background:#00a65a}
.box-success .box-title{color:#fff}
.box-info .box-header{color:#fff;background:#00c0ef}
.box-info .box-title{color:#fff}
.box-warning .box-header{color:#fff;background:#f39c12}
.box-warning .box-title{color:#fff}
.box-danger .box-header{color:#fff;background:#dd4b39}
.box-danger .box-title{color:#fff}
.box-default .box-header{color:#333;background:#f4f4f4}
.box-default .box-title{color:#333}
.box-primary{border-top-color:#3c8dbc}
.box-footer:before,.box-footer:after,.box-body:before,.box-body:after,.box-header:before,.box-header:after{content:"";display:table}
.box-footer:after,.box-body:after,.box-header:after{clear:both}
.has-feedback .form-control-feedback{position:absolute;top:0;right:15px;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}
.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;user-select:none;background-image:none;border:1px solid transparent;padding:6px 12px;line-height:1.42857143;border-radius:4px;transition:all .2s ease-in-out}
.btn-primary{color:#fff;background-color:#3c8dbc;border-color:#367fa9}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active{color:#fff;background-color:#367fa9;border-color:#204d74}
.btn-default{color:#444;background-color:#f4f4f4;border-color:#ddd}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active{color:#444;background-color:#e7e7e7;border-color:#ccc}
.btn-success{color:#fff;background-color:#00a65a;border-color:#008d4c}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active{color:#fff;background-color:#008d4c;border-color:#006d40}
.btn-warning{color:#fff;background-color:#f39c12;border-color:#e08e0b}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active{color:#fff;background-color:#e08e0b;border-color:#c87f0a}
.btn-danger{color:#fff;background-color:#dd4b39;border-color:#d73925}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active{color:#fff;background-color:#d73925;border-color:#c23321}
.btn-info{color:#fff;background-color:#00c0ef;border-color:#00acd6}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active{color:#fff;background-color:#00acd6;border-color:#008d99}
.btn-block{display:block;width:100%}
.btn-flat{border-radius:0;border-width:1px}
.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.alert-success hr{border-top-color:#c9e2b3}
.alert-success .alert-link{color:#2b542c}
.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
.alert-info hr{border-top-color:#a6e1ec}
.alert-info .alert-link{color:#245269}
.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}
.alert-warning hr{border-top-color:#f7e1b5}
.alert-warning .alert-link{color:#66512c}
.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}
.alert-danger hr{border-top-color:#e4b9c0}
.alert-danger .alert-link{color:#843534}
.alert-dismissable,.alert-dismissible{padding-right:35px}
.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}
.width600{max-width:600px;padding:10px;margin:0 auto}
.row.width600{margin:0 auto}
.center{text-align:center}
.none{display:none}
.breadcrumb{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;display:inline-block;max-width:100%}
.breadcrumb-item{display:inline-block;vertical-align:middle}
.breadcrumb::-webkit-scrollbar{height:5px}
.breadcrumb::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}
.navbar{-webkit-overflow-scrolling:touch}
.rounded-leaf{border-top-right-radius:30px;border-bottom-left-radius:30px;border-top-left-radius:0;border-bottom-right-radius:0;padding:0 5px}
.form-group .select2-container--default .select2-selection--multiple{line-height:1.42857143;padding:6px 12px;overflow:hidden}
.fancybox-active .fancybox-stage .select2-container,#thongbaoHeThongModal{z-index:99993!important}
.fancybox-slide--ajax .fancybox-content{max-width:90%;max-height:90vh;overflow-y:auto;overflow-x:hidden;margin:auto}
.width-sm .col-width{width:100%;clear:both;display:block}
.width-md .col-width{width:30%}
.width-md .col-width:first-child{width:70%}
.width-lg .col-width{width:30%}
.width-lg .col-width:first-child{width:65%}
.width-xl .col-width,.width-xxl .col-width{width:30%}
.width-xl .col-width:first-child,.width-xxl .col-width:first-child{width:55%}
.wrap-width{position:relative;display:block}
.width-sm .wrap-width:not(:last-child)::after{content:"";position:absolute;bottom:-5px;left:30%;width:40%;height:1px;background-color:#6af}
.width-md .wrap-width:nth-child(odd)::after{content:"";position:absolute;top:30%;right:1px;width:1px;height:40%;background-color:#6af}
.width-lg .wrap-width:not(:last-child)::after,.width-xl .wrap-width:not(:last-child)::after,.width-xxl .wrap-width:not(:last-child)::after{content:"";position:absolute;top:20%;right:1px;width:1px;background-color:#6af;height:60%}
.width-xxl .noidungul li[class^="nhom"]:not([class*=" col-"]){width:20%}
.width-xl .noidungul li[class^="nhom"]:not([class*=" col-"]){width:25%}
.width-lg .noidungul li[class^="nhom"]:not([class*=" col-"]){width:33%}
.width-md .noidungul li[class^="nhom"]:not([class*=" col-"]){width:33%}
.width-sm .noidungul li[class^="nhom"]:not([class*=" col-"]){width:50%}
.width-xs .noidungul li[class^="nhom"]:not([class*=" col-"]){width:100%;margin-bottom:5px}
.width-xxl .noidungul li.nhomvideo,.width-xl .noidungul li.nhomvideo,.width-lg .noidungul li.nhomvideo{width:25%}
.width-md .noidungul li.nhomvideo,.width-sm .noidungul li.nhomvideo,.width-xxl .noidungul li.nhomtintuc:not([class*=" col-"]),.width-xl .noidungul li.nhomtintuc:not([class*=" col-"]),.width-lg .noidungul li.nhomtintuc:not([class*=" col-"]),.width-md .noidungul li.nhomtintuc:not([class*=" col-"]){width:50%}
.width-xl .tab-content .noidungul li.nhomtintuc,.width-lg .tab-content .noidungul li.nhomtintuc,.width-md .tab-content .noidungul li.nhomtintuc,.width-sm .tab-content .noidungul li.nhomtintuc,.width-xs .tab-content .noidungul li.nhomtintuc{width:100%}
.width-xs .noidungul li.nhomvideo{width:100%}.width-xs .noidungul li.nhomvideo{width:100%}
.hover-popup{position:absolute;border:1px solid #ddd;background:#fff;padding:10px;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,0.2)}
.hover-popup h3{font-size:14px;margin-bottom:10px}
.hover-popup img{max-width:450px;max-height:450px}
.coccoc-alo-phone{position:fixed;visibility:hidden;background-color:transparent;width:120px;height:69px;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:-20px;bottom:20px}
.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:100px;height:100px;top:10px;left:10px;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:#F20000;border-color:#baf5a7 9;opacity:.5}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle{border-color:#75eb50;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:#F20000;opacity:.5}
.coccoc-alo-ph-circle-fill{width:80px;height:80px;top:20px;left:20px;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(242,223,0,0.85);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:40px;height:40px;top:40px;left:40px;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:30px 30px;-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 0 infinite ease-in-out!important;-moz-animation:coccoc-alo-circle-img-anim 0 infinite ease-in-out!important;-ms-animation:coccoc-alo-circle-img-anim 0 infinite ease-in-out!important;-o-animation:coccoc-alo-circle-img-anim 0 infinite ease-in-out!important;animation:coccoc-alo-circle-img-anim 0 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:#F20000;background-color:#F20000 9}
.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle{background-color:#00aff2;background-color:#75eb50}
.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:#F20000}
@-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;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:400;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:"* "}
.phone_text{position:absolute;top:90%;bottom:auto;transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);left:37px;background:#ededed;padding:9px 17px;border-radius:50px;font-size:23px;border:1px solid #ccc;font-weight:700;color:red;padding-left:42px;text-align:right;z-index:-1;opacity:1;visibility:visible;overflow:visible;-webkit-transition:all .2s ease-in-out 0;-moz-transition:all .2s ease-in-out 0;-ms-transition:all .2s ease-in-out 0;-o-transition:all .2s ease-in-out 0;transition:all .2s ease-in-out 0}
.fade-transition{opacity:0;transition:opacity .5s ease-in-out}
.button-next,.button-previous{display:block;width:40px;color:#FFF;cursor:pointer;position:absolute;height:100%;z-index:40;top:0;text-indent:-9999px}
.button-next{right:0;background:url(/dist/images/next.png) no-repeat right center}
.button-previous{left:0;background:url(/dist/images/prev.png) no-repeat left center}
.button-autoplay {
    width: 90px;
    color: var(--bs-light); /* Màu đỏ của Bootstrap */
    background: var(--bs-primary); /* Màu xanh Bootstrap */
}

.button-full-screen {
    width: 150px;
    color: var(--bs-light); /* Màu chữ sáng */
    background: var(--bs-success); /* Màu xanh lá của Bootstrap */
}
.button-autoplay, .button-full-screen {
    cursor: pointer;
    position: absolute;
    padding: 5px;
    margin: 0px;text-align:center
}
.button-full-screen::before {
    content: "Xem toàn màn hình";
}
.button-autoplay.on::before {
    content: "Tạm dừng";
}
.button-autoplay.off::before {
    content: "Tiếp tục";
}
.slide1009 .button-autoplay{top:-9999px;text-indent:-9999px}
.slide2205 .button-autoplay{top:0;left:calc(50% - 48px)}
.slide2205 .button-full-screen{top:0;left:calc(50% + 48px)}
.slide1009 .news-content{bottom:5px;padding:5px 4%;background:#222;opacity:.8;color:#fff}
.fs-xs-8 { font-size: 0.5rem !important; }  /* ~8px */
.fs-xs-9 { font-size: 0.5625rem !important; } /* ~9px */
.fs-xs-10 { font-size: 0.625rem !important; } /* ~10px */
.fs-xs-11 { font-size: 0.6875rem !important; } /* ~11px */
.fs-xs-12 { font-size: 0.75rem !important; }  /* ~12px */
@media screen and (min-width:992px) {
.htmlshow126 .container .noidungul li.nhomtintuc.tintuc1{width:100%}
.htmlshow126 .container .noidungul li.nhomtintuc.tintuc2,.htmlshow126 .container .noidungul li.nhomtintuc.tintuc3{width:50%}
.htmlshow126 .container .noidungul li.nhomtintuc.tintuc4,.htmlshow126 .container .noidungul li.nhomtintuc.tintuc5,.htmlshow126 .container .noidungul li.nhomtintuc.tintuc6,.htmlshow126 .container .noidungul li.nhomtintuc.tintuc7,.htmlshow126 .container .noidungul li.nhomtintuc.tintuc8,.htmlshow126 .container .noidungul li.nhomtintuc.tintuc9{width:20%}
.htmlshow126 .container .noidungul li.nhomtintuc.tintuc4 .card,.htmlshow126 .container .noidungul li.nhomtintuc.tintuc5 .card,.htmlshow126 .container .noidungul li.nhomtintuc.tintuc6 .card,.htmlshow126 .container .noidungul li.nhomtintuc.tintuc7 .card,.htmlshow126 .container .noidungul li.nhomtintuc.tintuc8 .card,.htmlshow126 .container .noidungul li.nhomtintuc.tintuc9 .card{display:block}
.htmlshow126 .container .noidungul li.nhomtintuc.tintuc4 .card-text,.htmlshow126 .container .noidungul li.nhomtintuc.tintuc5 .card-text,.htmlshow126 .container .noidungul li.nhomtintuc.tintuc6 .card-text,.htmlshow126 .container .noidungul li.nhomtintuc.tintuc7 .card-text,.htmlshow126 .container .noidungul li.nhomtintuc.tintuc8 .card-text,.htmlshow126 .container .noidungul li.nhomtintuc.tintuc9 .card-text{display:none}
.htmlshow117 .container .noidungul li.nhomtintuc.tintuc1{width:66.66%}
.htmlshow117 .container .noidungul li.nhomtintuc.tintuc2{width:33.33%}
.htmlshow117 .container .noidungul li.nhomtintuc.tintuc3,.htmlshow117 .container .noidungul li.nhomtintuc.tintuc4,.htmlshow117 .container .noidungul li.nhomtintuc.tintuc5,.htmlshow117 .container .noidungul li.nhomtintuc.tintuc6,.htmlshow117 .container .noidungul li.nhomtintuc.tintuc7,.htmlshow117 .container .noidungul li.nhomtintuc.tintuc8,.htmlshow117 .container .noidungul li.nhomtintuc.tintuc9{width:16.66%}
.htmlshow117 .container .noidungul li.nhomtintuc.tintuc3 .card,.htmlshow117 .container .noidungul li.nhomtintuc.tintuc4 .card,.htmlshow117 .container .noidungul li.nhomtintuc.tintuc5 .card,.htmlshow117 .container .noidungul li.nhomtintuc.tintuc6 .card,.htmlshow117 .container .noidungul li.nhomtintuc.tintuc7 .card,.htmlshow117 .container .noidungul li.nhomtintuc.tintuc8 .card,.htmlshow117 .container .noidungul li.nhomtintuc.tintuc9 .card{display:block}
.htmlshow117 .container .noidungul li.nhomtintuc.tintuc2 .img,.htmlshow117 .container .noidungul li.nhomtintuc.tintuc2 .xem,.htmlshow117 .container .noidungul li.nhomtintuc.tintuc3 .card-text,.htmlshow117 .container .noidungul li.nhomtintuc.tintuc4 .card-text,.htmlshow117 .container .noidungul li.nhomtintuc.tintuc5 .card-text,.htmlshow117 .container .noidungul li.nhomtintuc.tintuc6 .card-text,.htmlshow117 .container .noidungul li.nhomtintuc.tintuc7 .card-text,.htmlshow117 .container .noidungul li.nhomtintuc.tintuc8 .card-text,.htmlshow117 .container .noidungul li.nhomtintuc.tintuc9 .card-text{display:none}
.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc1{width:66.66%}
.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc2{width:33.33%}
.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc3,.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc4,.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc5,.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc6,.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc7,.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc8,.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc9{width:33.33%}
.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc3 .card,.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc4 .card,.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc5 .card,.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc6 .card,.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc7 .card,.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc8 .card,.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc9 .card{display:block}
.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc2 .img,.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc2 .xem,.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc3 .card-text,.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc4 .card-text,.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc5 .card-text,.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc6 .card-text,.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc7 .card-text,.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc8 .card-text,.htmlshow1133 .container .noidungul li.nhomtintuc.tintuc9 .card-text{display:none}
.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc1{width:100%}
.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc2,.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc3{width:50%}
.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc4,.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc5,.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc6,.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc7,.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc8,.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc9{width:33.33%}
.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc4 .card,.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc5 .card,.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc6 .card,.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc7 .card,.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc8 .card,.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc9 .card{display:block}
.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc4 .card-text,.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc5 .card-text,.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc6 .card-text,.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc7 .card-text,.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc8 .card-text,.htmlshow1233 .container .noidungul li.nhomtintuc.tintuc9 .card-text{display:none}
.htmlshow19 .container .noidungul{display:block}
.htmlshow19 .container .noidungul li.nhomtintuc.tintuc1{width:50%;order:1;box-sizing:border-box;float:left}
.htmlshow19 .container .noidungul li.nhomtintuc.tintuc1 .card{display:block}
.htmlshow19 .container .noidungul li.nhomtintuc.tintuc2,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc3,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc4,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc5,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc6,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc7,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc8,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc9{width:50%;order:2;box-sizing:border-box;margin-left:auto;flex:right}
.htmlshow19 .container .noidungul li.nhomtintuc.tintuc2 .card-body,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc3 .card-body,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc4 .card-body,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc5 .card-body,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc6 .card-body,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc7 .card-body,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc8 .card-body,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc9 .card-body{padding:0}
.htmlshow19 .container .noidungul li.nhomtintuc.tintuc2 .img,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc3 .img,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc4 .img,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc5 .img,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc6 .img,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc7 .img,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc8 .img,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc9 .img,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc2 .card-text,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc3 .card-text,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc4 .card-text,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc5 .card-text,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc6 .card-text,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc7 .card-text,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc8 .card-text,.htmlshow19 .container .noidungul li.nhomtintuc.tintuc9 .card-text{display:none}
.htmlshow1Master .noidungul{display:block}
.htmlshow1Master .noidungul li.nhomtintuc{width:100%!important;clear:both;float:none!important}
.htmlshow1Master .noidungul li.nhomtintuc .card{border:none!important}
.htmlshow1Master .noidungul li.nhomtintuc.tintuc1{order:1;box-sizing:border-box}
.htmlshow1Master .noidungul li.nhomtintuc.tintuc1 .card{display:block}
.htmlshow1Master .noidungul li.nhomtintuc.tintuc2,.htmlshow1Master .noidungul li.nhomtintuc.tintuc3,.htmlshow1Master .noidungul li.nhomtintuc.tintuc4,.htmlshow1Master .noidungul li.nhomtintuc.tintuc5,.htmlshow1Master .noidungul li.nhomtintuc.tintuc6,.htmlshow1Master .noidungul li.nhomtintuc.tintuc7,.htmlshow1Master .noidungul li.nhomtintuc.tintuc8,.htmlshow1Master .noidungul li.nhomtintuc.tintuc9{order:2;box-sizing:border-box}
.htmlshow1Master .noidungul li.nhomtintuc.tintuc2 .card-body,.htmlshow1Master .noidungul li.nhomtintuc.tintuc3 .card-body,.htmlshow1Master .noidungul li.nhomtintuc.tintuc4 .card-body,.htmlshow1Master .noidungul li.nhomtintuc.tintuc5 .card-body,.htmlshow1Master .noidungul li.nhomtintuc.tintuc6 .card-body,.htmlshow1Master .noidungul li.nhomtintuc.tintuc7 .card-body,.htmlshow1Master .noidungul li.nhomtintuc.tintuc8 .card-body,.htmlshow1Master .noidungul li.nhomtintuc.tintuc9 .card-body{padding:0}
.htmlshow1Master .noidungul li.nhomtintuc.tintuc2 .img,.htmlshow1Master .noidungul li.nhomtintuc.tintuc3 .img,.htmlshow1Master .noidungul li.nhomtintuc.tintuc4 .img,.htmlshow1Master .noidungul li.nhomtintuc.tintuc5 .img,.htmlshow1Master .noidungul li.nhomtintuc.tintuc6 .img,.htmlshow1Master .noidungul li.nhomtintuc.tintuc7 .img,.htmlshow1Master .noidungul li.nhomtintuc.tintuc8 .img,.htmlshow1Master .noidungul li.nhomtintuc.tintuc9 .img,.htmlshow1Master .noidungul li.nhomtintuc.tintuc2 .card-text,.htmlshow1Master .noidungul li.nhomtintuc.tintuc3 .card-text,.htmlshow1Master .noidungul li.nhomtintuc.tintuc4 .card-text,.htmlshow1Master .noidungul li.nhomtintuc.tintuc5 .card-text,.htmlshow1Master .noidungul li.nhomtintuc.tintuc6 .card-text,.htmlshow1Master .noidungul li.nhomtintuc.tintuc7 .card-text,.htmlshow1Master .noidungul li.nhomtintuc.tintuc8 .card-text,.htmlshow1Master .noidungul li.nhomtintuc.tintuc9 .card-text,.htmlshow1Master .noidungul li.nhomtintuc .btn-outline-secondary{display:none}
.htmlshowanchitiet .nhomtintuc .img{display:none}
.htmlshowanchitiet .nhomtintuc .card-body .card-text{display:none}
.htmlshowanchitiet .btn-outline-secondary{display:none}
.htmlshowanchitiet .nhomtintuc .card{border:none!important}
footer .container .diachicongty .col:not(:last-child){position:relative}
footer .container .diachicongty .col:not(:last-child)::after{content:"";position:absolute;top:10%;right:1px;width:1px;background-color:#6af;height:40%}
.desktopversion .menudautrangkieuQuangcao:first-of-type{margin-right:-2px!important}
.nav-item.nav-mn.active a{color:red!important}
.navbar .nav-item .dropdown-menu{display:none}
.navbar .nav-item:hover .dropdown-menu{display:block}
.navbar .nav-item .dropdown-menu{margin-top:0}
.navbar .nav-item .dropdown-menu .dropdown-menu{display:none}
.navbar .nav-item .dropdown-menu li{position:relative}
.navbar .nav-item .dropdown-menu li:hover .dropdown-menu{display:block;position:absolute;left:95%;top:0}
.navbar .nav-item .dropdown-menu .dropdown-menu li{position:relative}
.dropdown-toggle:after{display:none}
.navbar-nav .nav-mn{position:relative}
.navbar-nav .nav-mn:before{position:absolute;content:"";height:16px;width:2px;top:12px;background-color:#fff;-webkit-transition:.4s;transition:.4s}
.navbar-nav .nav-mn:first-of-type:before{position:relative}
.navbar-nav .nav-item.nav-mn.active{background:#FFF;padding:8px;margin:-8px -2px -8px 0;height:53px}
.navbar-nav .nav-item.nav-mn.active li.active .dropdown-item{border-bottom:solid 1px #FFF}
.list-unstyled .licat.active .nhomcat{font-weight:bold}
.navbar-nav .nav-item.nav-mn.active:before{position:relative}
.navbar-nav .menudautrangkieuQuangcao{padding:0 10px}
.trangchu #wrap-content .search{padding:30px}
.my-box{width:92%;clear:both;margin:0 2%;padding:1%}
.my-box .left,.my-box .right{width:50%}
.my-box:nth-child(2n) .left{float:left}
.my-box:nth-child(2n) .right{float:right;text-align:left}
.my-box:nth-child(2n+1) .left{float:right}
.my-box:nth-child(2n) .left img{float:right}
.my-box:nth-child(2n+1) .right{float:left}
.my-box .left img{width:70%!important;height:auto!important;padding:10px;border:solid 1px #dedede;margin:20px}
}
@media screen and (min-width:1200px) {
.hotline{padding:120px 0}
}
@media screen and (max-width:1199px) {
.hotline{padding:80px 0}
}
@media screen and (max-width:991px) {
.danhmucfooter .highlight-item .masterbutton span{top:24px}
.my-box:nth-child(2n) .left{float:left;visibility:visible;width:30%}
.my-box:nth-child(2n+1) .left{float:right;visibility:visible;width:30%}
.my-box .left img{width:70%!important;height:auto!important;padding:2px;border:solid 1px #dedede;margin:5px}
.trangchu #wrap-content .search{padding:10px}
.hotline{padding:50px 0}
.hotline .thongtin{padding:20px;margin-bottom:30px}
}
@media screen and (min-width:768px) and (max-width:991px) {
}
@media screen and (min-width:576px) and (max-width:991px) {
.container,.container-sm{max-width:none}
footer .container .diachicongty .col{flex:50%;padding:5px 10px}
footer .container .diachicongty .col:nth-child(odd){position:relative;clear:both;flex-wrap:wrap}
footer .container .diachicongty .col:nth-child(odd)::after{content:"";position:absolute;top:30%;right:1px;width:1px;height:40%;background-color:#6af}
}
@media screen and (max-width:767px) {
.nav-link{padding-left:5px;padding-right:5px}
.danhmucfooter .highlight-item .masterbutton span{top:22px}
#imageContainer .image-card .btn{font-size:10px;padding:3px 8px}
#imageContainer .image-card:hover .btn.download-link{display:inline-block;top:40px;right:10px}
.hotline{padding:40px 0}
.wrap-left{margin-bottom:30px}
.wrap-right{margin-top:60px}
.wrap-content #formhoso .form-floating{width:100%}
.select2-container--default .select2-selection--multiple{min-height:calc(3.5rem + 2px);padding:.375rem .75rem;border-radius:.375rem;display:flex;align-items:center}
.select2-container--default .select2-selection--multiple .select2-selection__choice{margin:.2rem .25rem;padding:.2rem .5rem}
.select2-selection__choice{margin:4px 2px!important;padding:5px 10px!important}
.form-group .select2-container--default .select2-selection--multiple{padding:22px 12px 6px}
}
@media screen and (max-width:575px) {
.card{display:block}
.hotline{padding:20px 0}
footer .container .diachicongty .col:not(:last-child){position:relative;flex:100%}
footer .container .diachicongty .col:not(:last-child)::after{content:"";position:absolute;bottom:-5px;left:30%;width:40%;height:1px;background-color:#6af}
}
@media screen and (max-width:349px) {
.hotline{padding:15px 0}
}