/* Toc */ 
a.mucluc-dropdown-list_button:before {content: "\f03a";font-family:"FontAwesome";font-style:normal;font-weight:400;background: #fff;color: #006ACB!important;font-size: 20px;width: 35px;height: 35px;display: inline-block;line-height: 38px;text-align: center;border: 1px solid #ddd;}
.meta-toc.fiedx {position: fixed;left: 5px;top: 200px;z-index: 111;}
.meta-toc .mucluc-dropdown-list_button{display: none}
.meta-toc.fiedx .mucluc-dropdown-list_button{display: block;}
.meta-toc:not(.fiedx) .box-readmore{display: block !important;}
.box-readmore {padding: 10px;background-color: #f5f5f5;width: 100%;margin-top: 2px;border: 1px solid #dddddd;font-size: 13px;margin-bottom: 10px;}
.meta-toc.fiedx .box-readmore{width: 350px;display: none;}
.box-readmore li ul > li {margin: 0;margin-bottom: 8px;}
.box-readmore li ul > li:before {content: counters(item, ".") " ";}
.box-readmore ul {list-style-type: none;counter-reset: item;margin-bottom: 0px;padding-left: 0px !important;margin-top: 8px;}
.box-readmore ul li {display: table;counter-increment: item;margin: 0 0 5px 0;} 
.box-readmore ul li:before {content: counters(item, ".") ". ";display: table-cell;padding-right: 5px;}
.box-readmore ul li a {color: #000!important;cursor: pointer;font-weight: 500;font-size: 14px;}
.box-readmore ul li li a{font-weight: 400;}
.box-readmore ul li a:hover {color: #767676;}

.ckeditor { overflow-x: auto;}
.ckeditor:after { content:''; clear: both; display:block;}
.ckeditor *:not(iframe) { max-width: 100% !important; height: auto !important;}
.ckeditor iframe { max-width: 100% !important; }
.ckeditor img{height: auto;}
.textshadow{text-shadow: 1px 1px #fff, -1px -1px #fff, -1px 1px #fff, 1px -1px #fff;}

/* transition: all 0.3s linear; */

/*Hieu ung*/
.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}
.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,transparent 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}
.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}

.hvr-sweep-to-right { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent; position:relative; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s}
.hvr-sweep-to-right:before {content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:var(--color-background);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-sweep-to-right.active,.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover {color: var(--color-static);}
.hvr-sweep-to-right.active:before,.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before { -webkit-transform:scaleX(1); transform:scaleX(1)}
 
.hover_sang2{position:relative; overflow:hidden;}
.hover_sang2:before{position: absolute;top: 0;left: -85%;z-index: 10;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.hover_sang2:hover:before {transition: 1s;left: 100%;}

.hover_xam { position:relative; overflow:hidden; }
.hover_xam::before { content:""; background:rgba(255, 255, 255, .5); bottom:0; left:0; position:absolute; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); -khtml-opacity:1; -o-opacity:1; -ms-opacity:1; -webkit-opacity:1; -moz-opacity:1; opacity:1; width:0; height:0; z-index:2; }.hover_xam::after { content:""; background:rgba(255, 255, 255, .5); top:0; right:0; position:absolute; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); -khtml-opacity:1; -o-opacity:1; -ms-opacity:1; -webkit-opacity:1; -moz-opacity:1; opacity:1; width:0; height:0; z-index:2; }.hover_xam:hover::before, .hover_xam:hover::after { -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg); -webkit-transition-duration:1.3s; -moz-transition-duration:1.3s; -ms-transition-duration:1.3s; -o-transition-duration:1.3s; transition-duration:1.3s; -khtml-opacity:0; -o-opacity:0; -ms-opacity:0; -webkit-opacity:0; -moz-opacity:0; opacity:0; height:100%; width:100%; }

@-webkit-keyframes spin {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes spin {to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}

@-webkit-keyframes blink {0% {opacity: 1;}50% {opacity: 0;}100% {opacity: 1;}}
@keyframes blink {0% {opacity: 1;}50% {opacity: 0;}100% {opacity: 1;}}

@-webkit-keyframes shake-anim {0%,100%,50% {-webkit-transform: rotate(0) scale(1) skew(1deg);}10%,30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}20%,40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);}}
@keyframes shake-anim {0% {-webkit-transform: rotate(0) scale(1) skew(1deg);transform: rotate(0) scale(1) skew(1deg);}10%,30% {-moz-transform: rotate(-25deg) scale(1) skew(1deg);}20%,40% {-moz-transform: rotate(25deg) scale(1) skew(1deg);}100%,50% {-moz-transform: rotate(0) scale(1) skew(1deg);}}

@-webkit-keyframes rotating {from {-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes rotating { from {-ms-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);} to {-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}} 

@-webkit-keyframes pulsate {50% {-webkit-transform:scale(0.85, 0.85);transform:scale(0.85, 0.85);}100% {-webkit-transform:scale(1, 1);transform:scale(1, 1);}}
@keyframes pulsate {50% {-webkit-transform:scale(0.85, 0.85);transform:scale(0.85, 0.85);}100% {-webkit-transform:scale(1, 1);transform:scale(1, 1);}}

@-webkit-keyframes moveArrow { 0% {transform: translateX(0px);}25% {transform: translateX(175px);}50% {transform: translateX(-175px);}100% {transform: translateX(175px);}}
@keyframes moveArrow { 0% {transform: translateX(0px);}49% {transform: translateX(175px);}50% {transform: translateX(-175px);}100% {transform: translateX(0px);}}

@-webkit-keyframes anime {0% {color: var(--color-gray);letter-spacing: 1px;text-shadow: 1px 1px 0 #000;transform: translateY(0)}50% {color: var(--color-static);letter-spacing: 5px;text-shadow: 5px 10px 1px var(--color-dark);transform: translateY(-10px)}100% {color: var(--color-gray);letter-spacing: 1px;text-shadow: 1px 1px 0 var(--color-dark);transform: translateY(0)}}
@keyframes anime {0% {color: var(--color-gray);letter-spacing: 1px;text-shadow: 1px 1px 0 var(--color-dark);transform: translateY(0)}50% {color: var(--color-static);letter-spacing: 5px;text-shadow: 5px 10px 1px var(--color-dark);transform: translateY(-10px)}100% {color: var(--color-gray);letter-spacing: 1px;text-shadow: 1px 1px 0 var(--color-dark);transform: translateY(0)}}

@-webkit-keyframes MaskPlay {from {-webkit-mask-position: 0 0;mask-position: 0 0}to {-webkit-mask-position: 100% 0;mask-position: 100% 0}}
@keyframes MaskPlay {from {-webkit-mask-position: 0 0;mask-position: 0 0} to {-webkit-mask-position: 100% 0;mask-position: 100% 0}}

@keyframes top {0% {top: 0;transform: rotate(0);}50% {top: 6px;transform: rotate(0);}100% {top: 6px;transform: rotate(45deg);}}
@keyframes top-2 {0% {top: 6px;transform: rotate(45deg);}50% {top: 6px;transform: rotate(0deg);}100% {top: 0;transform: rotate(0deg);}}
@keyframes bottom {0% {bottom: 0;transform: rotate(0);}50% {bottom: 8px;transform: rotate(0);}100% {bottom: 8px;transform: rotate(135deg);}}
@keyframes bottom-2 {0% {bottom: 8px;transform: rotate(135deg);}50% {bottom: 8px;transform: rotate(0);}100% {bottom: 0;transform: rotate(0);}}
@keyframes scaled {50% {transform: scale(0);} 100% {transform: scale(0);}}
@keyframes scaled-2 {0% {transform: scale(0);}50% {transform: scale(0);}100% {transform: scale(1);}}
@keyframes fadeInUp {0% {opacity: 0;transform: translate3d(0, 100px, 0);} 100% {opacity: 1;transform: translate3d(0, 0, 0);}}
@keyframes fadeInDown {0% {opacity: 0;transform: translate3d(0, -100px, 0);} 100% {opacity: 1;transform: translate3d(0, 0, 0);}}
@keyframes scaleLarge {0% {opacity: 0;transform: scale(2);} 100% {opacity: 1;transform: scale(1);}}
@keyframes tada {0% {transform: scaleX(1);}10%,20% {transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);}30%,50%,70%,90% {transform: scale3d(1.3, 1.3, 1.3) rotate(3deg);}40%,60%,80% {transform: scale3d(1.3, 1.3, 1.3) rotate(-3deg);}to {transform: scaleX(1);}}
@keyframes pulse-border {0% {  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);  opacity: 1;}100% {  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);  opacity: 0;} }  
@keyframes star {0% { transform: rotate(0) scale(0) }50% { transform: rotate(180deg) scale(1.5) }100% { transform: rotate(360deg) scale(0) }}

@keyframes line_menu{0%{right:100%;left:0%;bottom: 5px;transition:all ease .6s;}25%{right:5%;left:5%;bottom: 5px;transition:all ease .6s;}50%{right:0%;left:100%;bottom: 5px;transition:all ease .6s;}75%{right:10%;left:10%;bottom: 5px;transition:all ease .6s;}100%{right:100%;left:0%;bottom: 5px;transition:all ease .6s;}}

.btn-show-all{position: relative;display:flex;align-items:center;gap: 3px;justify-content:center;color:var(--color-white);line-height:normal;text-transform: uppercase;font-family: 'SVN-GilroyB';font-size: 16px;padding:3px;padding-bottom: 7px;width:fit-content;margin-top:.25rem;border-radius:0;overflow:hidden;transition:all 0.4s linear;}
.btn-show-all span{padding:3px;overflow:hidden;display:block;transition:all 0.4s linear;}
.btn-show-all span svg{stroke: var(--color-white);}
.btn-show-all:hover span svg{stroke:var(--color-white);-webkit-animation:moveArrow 1500ms;animation:moveArrow 1500ms;} 
.btn-show-all:hover{color:var(--color-white);transition:all 0.4s linear;}

.btn1-show-all{width:fit-content;margin-top: 0.5rem;overflow:hidden;padding: 12px 30px 10px;background: var(--bg2-gradient);border: 1px solid;border-color: #00000000;transition:all 0.4s linear;}
.btn1-show-all span{color: var(--color-white);font-size: 18px;font-family: SVN-GilroyB;line-height:normal;text-transform:uppercase;transition:all 0.4s linear;} 
.btn1-show-all:hover{border-color:var(--color-static);background:var(--color-static);transition:all 0.4s linear;}
.btn1-show-all:hover span{color:var(--color-white);transition:all 0.4s linear;}
.btn1-show-all:hover::before{-webkit-animation:moveArrow 1500ms;animation:moveArrow 1500ms;} 
 


.btn6::before{position: absolute;content: '';background: var(--color-static);border-radius: 0px;height: 1px;}
.btn-show-all.btn6::before,.btn6.active::before, .btn6:hover:before {animation: line_menu infinite 6s;}

.hover_sang3{position: relative;display: block;padding: 1px;}
.hover_sang3:before {content: "";position: absolute;z-index: 1;left: 0px;right: 0px;top: 0px;bottom: 0px;border-top: 1px solid var(--color-static);border-bottom: 1px solid var(--color-static);transform: scale(0, 1);-moz-transform: scale(0, 1);-webkit-transform: scale(0, 1);-ms-transform: scale(0, 1);transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;}
.hover_sang3:after {content: "";position: absolute;z-index: 1;left: 0px;right: 0px;top: 0px;bottom: 0px;border-left: 1px solid var(--color-static);border-right: 1px solid var(--color-static);transform: scale(1, 0);-moz-transform: scale(1, 0);-webkit-transform: scale(1, 0);-ms-transform: scale(0, 1);transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;}
.hover3:hover .hover_sang3:before, .hover3:hover .hover_sang3:after
,.hover_sang3:hover:before, .hover_sang3:hover:after {border-radius: 0px;transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);}


.pic-hover img {filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: gray;-webkit-transition: all 300ms linear;transition: all 300ms linear;width: 100%;display: inline-block;vertical-align: top;}
.hover3:hover .pic-hover img {filter: grayscale(0%);-webkit-filter: grayscale(0%);filter: none;}

/* Blink */
.blink {-webkit-animation-name: blink;-webkit-animation-duration: 1s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;-moz-animation-name: blink;-moz-animation-duration: 1s;-moz-animation-timing-function: linear;-moz-animation-iteration-count: infinite;animation-name: blink;animation-duration: 1s;animation-timing-function: linear;animation-iteration-count: infinite;}
/* backdrop-filter: blur(3px); */
 
.bgstart-animate {position: relative;width: fit-content; margin: auto;}
.start-animate {z-index: 1.0E+17 !important;position: absolute;animation: star linear 1.75s infinite;-moz-animation: star linear 1.75s infinite;-webkit-animation: star linear 1.75s infinite;position: absolute;bottom: -10px;left: 50%;width: 15px;-o-animation: star linear 1.75s infinite;}
.start-animate1 {z-index: 1.0E+17 !important;position: absolute;animation: star linear 2s infinite;-moz-animation: star linear 2s infinite;-webkit-animation: star linear 2s infinite;position: absolute;bottom: 50%;right: -5px;width: 20px;-o-animation: star linear 2s infinite;}
.start-animate2 {z-index: 1.0E+17 !important;position: absolute;animation: star linear 2.25s infinite;-moz-animation: star linear 2.25s infinite;-webkit-animation: star linear 2.25s infinite;position: absolute;bottom: 0;left: -10px;width: 25px;-o-animation: star linear 2.25s infinite;}
 

.wrap-ser{position: relative;}
.wrap-ser .wrap-content{position: relative;}
.wrap-ser::before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;right: 0;background: #00000090;transition: 0.4s;}

.pic-fillter{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(22%) hue-rotate(41deg) brightness(106%) contrast(105%);} 
@media (max-width: 768px) {  
    .wrap-ser{}
}