/*menu*/
.centery,.centery-after:after,.centery-before:before{-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.ease-in-200{-webkit-transition:all 500ms ease-in;-moz-transition:all 500ms ease-in;-ms-transition:all 500ms ease-in;-o-transition:all 500ms ease-in;transition:all 500ms ease-in;}
@-webkit-keyframes slideInDown1{0%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);visibility:visible}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInDown1{0%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);visibility:visible}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInDown1{-webkit-animation-name:slideInDown1;animation-name:slideInDown1}
/**/
.fixed{position:fixed !important;left:0;right:0;top:0;z-index:999;animation:slideInDown1 1s 0s;}
/*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)}
/*Hieu ung*/
.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}
.hvr-bounce-to-right:before{content:"";position:absolute;border-radius:0px;z-index:-1;top:0;left:0;right:0;bottom:0;background:#47A252;-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:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#fff}
.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}
.hvr-sweep-to-top{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-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2caee2;border-radius:50px;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-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-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover{color:#fff}
.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}
.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;clip-path:polygon(10% 0,100% 0,100% 80%,90% 100%,0 100%,0 20%);background:#1F3CAA;border-radius:0px;-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:focus,.hvr-sweep-to-right:hover{color:#fff}
.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)}
/* Wobble Top */
@-webkit-keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg);}
33.3%{-webkit-transform:skew(10deg);transform:skew(10deg);}
49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg);}
66.6%{-webkit-transform:skew(4deg);transform:skew(4deg);}
83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg);}
100%{-webkit-transform:skew(0);transform:skew(0);}
}
@keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg);}
33.3%{-webkit-transform:skew(10deg);transform:skew(10deg);}
49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg);}
66.6%{-webkit-transform:skew(4deg);transform:skew(4deg);}
83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg);}
100%{-webkit-transform:skew(0);transform:skew(0);}
}
.hvr-wobble-top{display:block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transform-origin:0 100%;transform-origin:0 100%;}
.hvr-wobble-top:hover,.hvr-wobble-top:focus,.hvr-wobble-top:active{-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count: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_sang{display:block;position:relative;overflow:hidden;}
.hover_sang:hover:before{left:0;top:0;}
.hover_sang:before{left:-100%;top:-100%;}
.hover_sang:after{bottom:-100%;right:-100%;}
.hover_sang:before,.hover_sang:after{display:block;}
.hover_sang:before,.hover_sang:after{background:rgba(255,255,255,0.3) none repeat scroll 0 0;content:"";height:100%;position:absolute;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;width:100%;z-index:8;}
.hover_sang:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
.hover_sang img{transition:0.7s;}
.hover_sang:hover:after{right:0;bottom:0;}
.hover_sang3{overflow:hidden;position:relative;}
.hover_sang3:before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;z-index:1;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.hover_sang3:after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;}
.hover_sang3:hover:before{right:50%;left:50%;width:0;background:rgba(255,255,255,0.5);}
.hover_sang3:hover:after{height:0;top:50%;bottom:50%;background:rgba(255,255,255,0.5);}
/*Xoay*/
.dichvu__item:hover .dichvu__img{transform:rotateY(360deg);transition:all 0.6s linear;}
/*Phone anima*/
.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animate__tada{-webkit-animation-name:tada;animation-name:tada;}
.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both;}
/*Animation other*/
.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;}
}
/**/
.hdanhmucdropsjs{position:relative;width:270px;z-index:19;background-color:#ff9907;}
.hdanhmucdropsjs ul{padding:0;margin:0;list-style:none;text-align:left;background-color:#ff9907;}
.hdanhmucdropsjs ul > li{padding:0 0% 0% 8%;}
.hdanhmucdropsjs ul > li.line{border-bottom:solid 1px #ffb852;width:100%;margin:0 auto;}
.hdanhmucdropsjs .nicescl{position:absolute;box-sizing:border-box;width:100%;left:0;top:0%}
.hdanhmucdropsjs ul.content{overflow:auto;font-size:14px;}
.hdanhmucdropsjs li a{display:inline-flex;align-items:center;width:100%;position:relative;padding:12px 0px;font-size:14px;color:#1a1a1a;text-transform:capitalize;}
/* .hdanhmucdropsjs li a img{margin-right:10px;}
*/
.hdanhmucdropsjs ul ul{-webkit-transform:scaleX(0);transform:scaleX(0);width:100%;display:none;position:absolute;left:calc(100% - 7px);left:-moz-calc(100% - 7px);left:-webkit-calc(100% - 7px);z-index:9999;}
.hdanhmucdropsjs ul ul li{position:relative;border-bottom:dashed 1px #ffb852;}
.hdanhmucdropsjs ul > li:hover > ul{display:block;-webkit-animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both;animation:scale-up-hor-left .4s cubic-bezier(0.390,0.575,0.565,1.000) both}
.hdanhmucdropsjs ul > li:last-child{border-bottom:none}
.hdanhmucdropsjs ul ul ul{left:100%;top:0!important}
.hdanhmucdropsjs i.right{position:absolute;right:13px;font-size:16px;}
.hdanhmucdropsjs i.left{font-size:6px;margin-right:10px;}
.hdanhmucdropsjs li:hover > a{color:#fbbc00;}
.hdanhmucdropsjs .fa-angle-right:before{font-size:15px;}
@-webkit-keyframes scale-up-hor-left{0%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}
100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}
}
/* width */
.hdanhmucdrops::-webkit-scrollbar,.hdanhmucdropsjs::-webkit-scrollbar{width:1px;}
/* Track */
.hdanhmucdrops::-webkit-scrollbar-track,.hdanhmucdropsjs::-webkit-scrollbar-track{background:#e80c0c;}
/* Handle */
.hdanhmucdrops::-webkit-scrollbar-thumb,.hdanhmucdropsjs::-webkit-scrollbar-thumb{background:#e80c0c;}
/* Handle on hover */
.hdanhmucdrops::-webkit-scrollbar-thumb:hover,.hdanhmucdropsjs::-webkit-scrollbar-thumb:hover{background:#ccc;}
/* Filter */
.main-item:not(:last-child){margin-bottom:20px;}
.main-item-title{text-transform:uppercase;margin-bottom:10px;font-size:15px;font-family:'RobotoRegular';}
ul.content-item-title{list-style:none;margin:0px;padding:0px;font-size:15px;display:flex;justify-content:space-between;flex-wrap:wrap;}
ul.content-item-title li{margin-bottom:8px;width:calc(56% - 25px);}
ul.content-item-title input,ul.content-item-title label{vertical-align:middle;}
ul.content-item-title label{/* padding-left:10px;*/
 margin:0;}
/* Filter */
.item-mucgia{cursor:pointer;display:inline-block;padding:5px 10px;margin:4px;background-color:#eee;border-radius:50px;}
.item-mucgia:hover,.item-mucgia.active{background-color:#e8f6ff;}
.range-left,.range-right{width:80px;height:30px;border:1px solid #adadad;text-align:center;}
.range-span{width:20px;text-align:center;display:inline-block;}
.submit-filter-pro{display:inline-block;width:80px;height:35px;border:1px solid #0d5cb6;color:#0d5cb6;border-radius:5px;background-color:transparent;margin-top:10px;}
select[name="sltsize"]{width:100%;height:40px;background:#fff;border:1px solid #efefef;}
.pro-r{padding:20px;background:#f2f2f2}
.itemcs{display:flex !important;}
.itemcs p.zoom_hinh{width:60px}
.itemcs .contentcs{width:calc(100% - 60px);padding-left:10px;text-align:left;}
.hide{display:none}
.box-timkiem{text-align:center;margin:20px 0px;}
.bttimkiem{display:inline-block;background:#000;padding:10px 20px;color:#fff;text-transform:uppercase;cursor:pointer;}
ul.sltsize{list-style:none;display:inline-block;padding:0px;margin:0px;}
ul.sltsize li{display:inline-block;background:#fff;border:1px solid #000;color:#000;padding:3px 10px;border-radius:5px;margin:0px 3px 5px 0px;cursor:pointer;}
ul.sltsize li.active,ul.sltsize li:hover{background:#000;color:#fff}
#search{padding:20px 25px;background-color:#eeeeee;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-bottom:1px solid #a0d25f;}
.timkiem{font-size:17px;color:#222222;font-family:'NunitoSans';display:inline-block;padding:10px 37px;background-color:#eeeeee;border-top-left-radius:10px;border-top-right-radius:10px;}
.item_search{width:25%;border:1px solid #d9d9d9;border-radius:10px;overflow:hidden;}
.control-search{height:48px;border:none;padding-left:10px;width:100%;}
.control-search option{border:none;}
.box_search{justify-content:space-between;}
.item_search:focus{border:none;}
.timkiemnhan{padding:50px 0px;}
select.control-search{border:0px;outline:0px;}
.dt{font-family:'NunitoSans_bold'!important;}
.product_mota{font-size:14px;color:#494949;font-family:'NunitoSans_regular';}
.dientich.flex{margin-top:10px;margin-bottom:5px;}
.container1{position:relative;width:100%;height:20px;}
input[type="range"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;outline:none;position:absolute;margin:auto;top:0;bottom:0;background-color:transparent;pointer-events:none;}
.slider-track{width:100%;height:2px;position:absolute;margin:auto;top:0;bottom:0;border-radius:5px;}
input[type="range"]::-webkit-slider-runnable-track{-webkit-appearance:none;height:5px;}
input[type="range"]::-moz-range-track{-moz-appearance:none;height:5px;}
input[type="range"]::-ms-track{appearance:none;height:5px;}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;height:1em;width:1em;background-color:#000;cursor:pointer;margin-top:-5px;pointer-events:auto;border-radius:50%;}
input[type="range"]::-moz-range-thumb{-webkit-appearance:none;height:1em;width:1em;cursor:pointer;border-radius:50%;background-color:#000;pointer-events:auto;border:none;}
input[type="range"]::-ms-thumb{appearance:none;height:1em;width:1em;cursor:pointer;border-radius:50%;background-color:#000;pointer-events:auto;}
input[type="range"]:active::-webkit-slider-thumb{background-color:#ffffff;border:1px solid #000;}
.values{width:32%;position:relative;margin:auto;text-align:center;font-weight:500;font-size:15px;color:#000;}
.wrapper{max-width:520px;width:100%;}
.kung_range{margin-top:10px;}
.kung_range .p{margin-bottom:10px;font-size:14px;color:#222222;font-family:'NunitoSans_bold';}
.flex2{display:flex;}
.flex2 .begin{padding-right:10px;}
.flex2 .end{padding-left:10px;}
/* .collapsible{font-size:15px;color:#222;font-weight:700;text-transform:uppercase;padding:0;display:block;cursor:pointer;margin-bottom:0;width:100%;}
.collapsible p:after{width:0;height:0;border-top:5px solid #000;border-bottom:0 solid transparent;border-left:5px solid transparent;content:"";display:inline-block;margin-left:5px;border-right:5px solid transparent;align-self:center;}
.filter-options{position:relative;}
.filter-options-content{box-sizing:border-box;box-shadow:0 10px 15px #828282;border:solid 1px #ddd;background:#fff;width:100%;padding:30px;left:0;text-align:center;position:absolute;z-index:99;left:0px;right:0px;}
.filter-options{margin:20px 0px;}
.filter-options-content{display:none;}
*/
.noidung li{list-style:none;}
.noidung li{width:100%;text-align:left;}
.noidung input[type=checkbox]{margin-right:5px;position:relative;top:2px;}
.sys-search{display:none;position:absolute;top:calc( 100% + 50px );right:0px;background-color:#fff;z-index:9999;box-shadow:0px 0px 5px #ccc;}
.auto_tk .wrap{max-height:500px;padding:10px;width:max-content;background:#fff;overflow-y:scroll;border-radius:5px;}
.auto_tk .wrap label{font-size:13px;color:#000;margin-bottom:0;padding-bottom:10px;}
.pros_item{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:flex-start;justify-content:flex-start;align-items:center;width:100%;border-bottom:1px solid #3333331f;margin-bottom:5px;padding-bottom:5px;max-width:400px;}
.pros_img{flex-shrink:0;margin-right:8px;}
.pros_img img{width:100%;}
.pros_txt{flex:1;}
.pros__title{font-size:14px;color:#000;transition:all 0.2s linear;line-height:1.3;margin-bottom:3px;}
.pros__title:hover{color:red;transition:all 0.2s linear;}
span.pros__price_new{font-weight:bold;color:#000;margin-right:5px;}
span.pros__price_old{font-size:13px;color:#000;}
.pros__price_old i{font-style:normal;margin-right:5px;text-decoration:line-through;opacity:0.8;}
.pros__title:hover{color:red;transition:all 0.3s;}
/* Hover Chuyen anh 2 hinh */
.pic_product img{width:100%;}
a.img2{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:all 3s;}
.pic_product:hover a.img2{opacity:1;transition:all 1s;}
.pic_product{overflow:hidden;position:relative;}
/* Icon hover text */
.item_tieuchi{position:absolute;top:50%;left:50%;z-index:5;margin-left:-62px;margin-top:-62px;width:120px;height:120px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-border-radius:50%;border-radius:50%;cursor:pointer;background:url("../images/tron1.png")no-repeat;background-size:100% 100%;}
.item_tieuchi:nth-child(1){transform:rotate(0deg) translate(0px,-217.5px) rotate(0deg);}
.item_tieuchi:nth-child(2){transform:rotate(64deg) translate(0px,-241.5px) rotate(-65deg);}
.item_tieuchi:nth-child(3){transform:rotate(120deg) translate(0px,-245.5px) rotate(-120deg);}
.item_tieuchi:nth-child(4){transform:rotate(180deg) translate(0px,-217.5px) rotate(-180deg);}
.item_tieuchi:nth-child(5){transform:rotate(245deg) translate(0px,-245.5px) rotate(-246deg);}
.item_tieuchi:nth-child(6){transform:rotate(297deg) translate(0px,-245.5px) rotate(-297deg);}
.pic-tieuchi:hover{transform:rotate(360deg);transition:1s;}
.container_tieuchi{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;-webkit-border-radius:50%;border-radius:50%;z-index:5;}
.item_tieuchi:before{content:'';position:absolute;top:-4px;/* left:-4px;*/
z-index:-2;width:-webkit-calc(100% + 8px);width:calc(100% + 8px);height:-webkit-calc(100% + 8px);height:calc(100% + 8px);background:none;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all .3s;transition:all .3s;}
.item_tieuchi:after{content:'';position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all .3s;transition:all .3s;}
.around_tc:after{content:'';position:absolute;z-index:1;top:5%;left:7%;width:85%;height:90%;background:url("../images/tron.png")no-repeat;background-size:100% 100%;/* -webkit-border-radius:50%;*/
}
.around_tc{position:relative;width:100%;max-width:570px;margin-left:auto;margin-right:auto;height:520px;}
p.pic-tieuchi{margin-bottom:0;}
.bottom_qt{position:absolute;top:50%;left:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;width:55%;height:60%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.info_bottom_qt:before{position:absolute;content:'';background:var(--maincolor);width:60px;height:3px;left:40%;bottom:50%;}
.info_bottom_qt{position:relative;}
.owl-item.active:nth-child(2n) .opinion{margin-top:48px;padding-bottom:0}
.owl_opinion .opinion{padding-bottom:48px}
.chatbox{position:absolute;top:15%;}
.flex-space-center{display:flex;justify-content:center;flex-wrap:wrap}
.owl_opinion .box_opinion{margin:auto;margin-top:22px;width:265px;height:265px;position:relative}
.owl_opinion .desc_opinion{max-width:170px;width:100%}
.owl_opinion .img_opinion{border-radius:50%;overflow:hidden}
.owl_opinion .name_opinion{text-transform:uppercase;padding-left:10px}
.owl_opinion .circle:nth-child(1){-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:spin1 6s linear infinite;animation:spin1 6s linear infinite}
.owl_opinion .circle:nth-child(2){-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:spin2 6s linear infinite;animation:spin2 6s linear infinite}
.owl_opinion .circle:nth-child(3){-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:spin3 6s linear infinite;animation:spin3 6s linear infinite}
.owl_opinion .circle{border:2px solid #111;position:absolute;width:100%;height:100%;-webkit-transition:all .5s ease;transition:all .5s ease;border-radius:72% 92% 100% 78%}
.owl_opinion .desc_opinion{-webkit-line-clamp:4}
@-webkit-keyframes spin1{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin1{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes spin2{0%{-webkit-transform:rotate(72deg);transform:rotate(72deg)}
100%{-webkit-transform:rotate(-288deg);transform:rotate(-288deg)}
}
@keyframes spin2{0%{-webkit-transform:rotate(72deg);transform:rotate(72deg)}
100%{-webkit-transform:rotate(-288deg);transform:rotate(-288deg)}
}
@-webkit-keyframes spin3{0%{-webkit-transform:rotate(-144deg);transform:rotate(-144deg)}
100%{-webkit-transform:rotate(216deg);transform:rotate(216deg)}
}
@keyframes spin3{0%{-webkit-transform:rotate(-144deg);transform:rotate(-144deg)}
100%{-webkit-transform:rotate(216deg);transform:rotate(216deg)}
}
@-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);}
}
.hotline-fix{position:fixed;left:20px;bottom:80px;z-index:11;}
.hotline-fix:before{position:absolute;left:-14px;top:-14px;content:"";width:76px;height:76px;background:url(../images/dt1.png) no-repeat;-webkit-animation:rotating 5s linear infinite;-moz-animation:rotating 5s linear infinite;-ms-animation:rotating 5s linear infinite;-o-animation:rotating 5s linear infinite;animation:rotating 5s linear infinite;}
.hotline-fix a{display:block;width:208px;padding:6px 0 6px 55px;border-radius:24px;height:48px;background:var(--color-red);color:#fef4f4;font-size:13px;line-height:1.2;position:relative;z-index:1;}
.hotline-fix a:before{position:absolute;left:4px;top:4px;content:"";width:40px;height:40px;background:#fff url(../images/dt2.png) no-repeat;-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;border-radius:50%;}
@-moz-keyframes coccoc-alo-circle-img-anim{0%{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 coccoc-alo-circle-img-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);}
}
@-o-keyframes coccoc-alo-circle-img-anim{0%,100%,50%{-o-transform:rotate(0) scale(1) skew(1deg);}
10%,30%{-o-transform:rotate(-25deg) scale(1) skew(1deg);}
20%,40%{-o-transform:rotate(25deg) scale(1) skew(1deg);}
}
.hotline-fix a span{display:block;color:#ffd500;overflow:hidden;font-size:17px;font-family:"RobotoBold";}
.bike{animation:mymove 5s linear 2s infinite;}
@keyframes mymove{0%{left:0px;}
100%{left:100%;}
}
/*Line*/
.animate-border{position:relative;display:block;width:150px;height:3px;background:#F25B9D;overflow:hidden;margin-top:5px !important;margin:auto;}
.animate-border:after{position:absolute;content:"";width:30px;height:3px;left:15px;bottom:0;border-left:10px solid #fff;border-right:10px solid #fff;-webkit-animation:animborder 2s linear infinite;animation:animborder 2s linear infinite}
@-webkit-keyframes animborder{0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(113px);transform:translateX(113px)}
}
@keyframes animborder{0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(113px);transform:translateX(113px)}
}
/* Text nhap nhay */
@-webkit-keyframes my{0%{background:#E42323;}
50%{background:#EF9F0B;}
100%{background:#E42323;}
}
@-moz-keyframes my{0%{background:#E42323;}
50%{background:#EF9F0B;}
100%{background:#E42323;}
}
@-o-keyframes my{0%{background:#E42323;}
50%{background:#EF9F0B;}
100%{background:#E42323;}
}
@keyframes my{0%{background:#E42323;}
50%{background:#EF9F0B;}
100%{background:#E42323;}
}
.color-change{-webkit-animation:my 700ms infinite;-moz-animation:my 700ms infinite;-o-animation:my 700ms infinite;animation:my 700ms infinite;}
/*HOVER ROTATE */
.hrv-rotateY img{transition:all 0.9s ease 0s;}
.hrv-rotateY:hover{text-decoration:none;}
.hrv-rotateY:hover img{transition:all 0.7s ease 0s;transform:rotateY(180deg);text-decoration:none;}
/* Scroll Web */
.progress-wrap{position:fixed;bottom:80px;right:20px;height:50px;width:50px;cursor:pointer;display:block;border-radius:50px;z-index:1001010;opacity:0;visibility:hidden;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all 400ms linear;-o-transition:all 400ms linear;transition:all 400ms linear}
.progress-wrap.active-progress{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.progress-wrap::after{position:absolute;content:"\27A2";transform:rotate(-90deg);text-align:center;line-height:50px;font-size:25px;font-weight:900;color:#025738;left:0;top:0;height:50px;width:50px;cursor:pointer;display:block;z-index:1;-webkit-transition:all 400ms linear;-o-transition:all 400ms linear;transition:all 400ms linear}
.progress-wrap svg path{fill:none}
.progress-wrap svg.progress-circle path{stroke:#025738;stroke-width:4;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 400ms linear;-o-transition:all 400ms linear;transition:all 400ms linear}
/* ChangeLang */
.header_dich{display:inline-block;}
.header_mxh{flex-shrink:0;margin-left:17px;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:flex-end;align-items:center;}
.header_mxh a{display:block;margin-left:8px;}
#google_language_translator{clear:both;width:auto !important;text-align:right;display:none;}
.box_changelang{position:relative;margin-left:0;display:flex;align-items:center;background:var(--PRI,linear-gradient(90deg,#052FB4 0%,#237FCF 50%,#45CFEF 100%));color:#fff;border-radius:5px;z-index:13;}
.box_changelang .lang_current{align-items:center;display:flex;cursor:pointer;background:none !important;background:var(--c3) !important;border-radius:5px;padding:0 8px;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;height:30px;width:max-content;}
.box_changelang .lang_current svg{flex-shrink:0;margin-right:0px;width:17px;height:17px;margin-top:-1px;}
.box_changelang .lang_txt{font-size:14px;color:#fff;letter-spacing:1px;text-transform:uppercase;}
.box_changelang .box_solang{position:absolute;top:105%;right:0;width:max-content;background:#fff;box-shadow:0 3px 3px 0 rgba(0,0,0,0.3);padding:12px 20px;display:none;z-index:10000;border-radius:3px;width:150px;box-sizing:border-box;}
.box_changelang .box_solang a{background-repeat:no-repeat;background-position:left center;padding-left:40px;color:#333;font-size:12px;letter-spacing:1px;height:20px;display:flex;align-items:center;text-transform:uppercase;background-size:30px 20px;margin-bottom:10px;min-width:120px;text-decoration:none;}
.box_changelang .box_solang a:last-child{margin-bottom:0;}
.box_changelang .box_solang a:hover{color:#052FB4;}
/* Change href,img,name */
.list-items{height:419px;overflow-y:scroll;padding-right:10px;}
.list-items::-webkit-scrollbar{background:#000;width:5px;height:11px}
.list-items::-webkit-scrollbar-thumb{background:#BBBBBB}
.list-items .items-active{margin-bottom:12px;}
.list-items .items-active .name-click{font-size:20px;color:#fff;font-family:'MuliBold';width:100%;border:1px solid #fff;padding:10px 10px;padding-left:15px;cursor:pointer;text-transform:uppercase;}
.list-items .items-active .name-click i{/*background:url(../images/items-view.png);*/
width:43px;height:43px;margin-right:7px;transition:all 0.5s ease;}
.list-items .items-active .desc-items{display:none;color:#fff;padding:10px 0;line-height:25px;}
.list-items .items-active.active .name-click{border-color:#20b000;color:#20b000;}
.list-items .items-active.active .name-click i{transform:rotate(-90deg);}
.list-items .items-active.active .desc-items{display:block;}
.shape1 img{-webkit-animation:movescale 5s linear infinite;animation:movescale 5s linear infinite}
.shape2 img{-webkit-animation:movebounce 5s linear infinite;animation:movebounce 5s linear infinite}
.shape3 img{-webkit-animation:moveleftbounce 5s linear infinite;animation:moveleftbounce 5s linear infinite}
.shape4 img{-webkit-animation:moveleftbounce 5s linear infinite;animation:moveleftbounce 5s linear infinite}
.shape5 img{-webkit-animation:animationFramesOne 20s infinite linear;animation:animationFramesOne 20s infinite linear}
.shape6 img{-webkit-animation-name:rotateme;animation-name:rotateme;-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}
.shape7 img{-webkit-animation-name:rotateme;animation-name:rotateme;-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}
.shape8 img{-webkit-animation:moveleftbounce 5s linear infinite;animation:moveleftbounce 5s linear infinite}
.shape13 img{-webkit-animation-name:rotateme;animation-name:rotateme;-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}
.shape1,.shape2,.shape3,.shape4,.shape5,.shape6,.shape7,.shape8,.shape9,.shape10,.shape11,.shape12,.shape13{position:absolute}
.rotateme{-webkit-animation-name:rotateme;animation-name:rotateme;-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}
@-webkit-keyframes movescale{0%{-webkit-transform:scale(.8);transform:scale(.8)}
50%{-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(.8);transform:scale(.8)}
}
@keyframes movescale{0%{-webkit-transform:scale(.8);transform:scale(.8)}
50%{-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(.8);transform:scale(.8)}
}
@-webkit-keyframes movebounce{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}
50%{-webkit-transform:translateY(20px);transform:translateY(20px)}
100%{-webkit-transform:translateY(0px);transform:translateY(0px)}
}
@keyframes movebounce{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}
50%{-webkit-transform:translateY(20px);transform:translateY(20px)}
100%{-webkit-transform:translateY(0px);transform:translateY(0px)}
}
@-webkit-keyframes moveleftbounce{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}
50%{-webkit-transform:translateX(20px);transform:translateX(20px)}
100%{-webkit-transform:translateX(0px);transform:translateX(0px)}
}
@keyframes moveleftbounce{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}
50%{-webkit-transform:translateX(20px);transform:translateX(20px)}
100%{-webkit-transform:translateX(0px);transform:translateX(0px)}
}
@keyframes animationFramesOne{0%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}
20%{-webkit-transform:translate(73px,-1px) rotate(36deg);transform:translate(73px,-1px) rotate(36deg)}
40%{-webkit-transform:translate(141px,72px) rotate(72deg);transform:translate(141px,72px) rotate(72deg)}
60%{-webkit-transform:translate(83px,122px) rotate(108deg);transform:translate(83px,122px) rotate(108deg)}
80%{-webkit-transform:translate(-40px,72px) rotate(144deg);transform:translate(-40px,72px) rotate(144deg)}
100%{-webkit-transform:translate(0px,0px) rotate(0deg);transform:translate(0px,0px) rotate(0deg)}
}
@-webkit-keyframes rotateme{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotateme{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes rotatemetwo{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@keyframes rotatemetwo{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
/* Style other */
@-webkit-keyframes noteanimate{0%{top:-15px}
50%{top:15px}
100%{top:-15px}
}
@keyframes noteanimate{0%{top:-15px}
50%{top:15px}
100%{top:-15px}
}
@-webkit-keyframes redanimate{0%{opacity:0}
50%{opacity:1}
100%{opacity:0}
}
@keyframes redanimate{0%{opacity:0}
50%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes drawsvg{100%{stroke-dashoffset:25}
}
@keyframes drawsvg{100%{stroke-dashoffset:25}
}
@-webkit-keyframes wave1{0%{bottom:-10px;left:-5px}
50%{bottom:-5px;left:0}
100%{bottom:-10px;left:-5px}
}
@keyframes wave1{0%{bottom:-10px;left:-5px}
50%{bottom:-5px;left:0}
100%{bottom:-10px;left:-5px}
}
@-webkit-keyframes wave2{0%{bottom:-5px;left:-5px}
50%{bottom:-10px;left:0}
100%{bottom:-5px;left:-5px}
}
@keyframes wave2{0%{bottom:-5px;left:-5px}
50%{bottom:-10px;left:0}
100%{bottom:-5px;left:-5px}
}
@-webkit-keyframes wave3{0%{bottom:-5px;left:-10px}
50%{bottom:-10px;left:-5px}
100%{bottom:-5px;left:-10px}
}
@keyframes wave3{0%{bottom:-5px;left:-10px}
50%{bottom:-10px;left:-5px}
100%{bottom:-5px;left:-10px}
}
@-webkit-keyframes puppet{0%{transform:rotate(15deg)}
50%{transform:rotate(-15deg)}
100%{transform:rotate(15deg)}
}
@keyframes puppet{0%{transform:rotate(15deg)}
50%{transform:rotate(-15deg)}
100%{transform:rotate(15deg)}
}
@-webkit-keyframes grain{0%,100%{-moz-transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}
10%{-moz-transform:translate(-5%,-10%);-ms-transform:translate(-5%,-10%);-webkit-transform:translate(-5%,-10%);transform:translate(-5%,-10%)}
20%{-moz-transform:translate(-15%,5%);-ms-transform:translate(-15%,5%);-webkit-transform:translate(-15%,5%);transform:translate(-15%,5%)}
30%{-moz-transform:translate(7%,-25%);-ms-transform:translate(7%,-25%);-webkit-transform:translate(7%,-25%);transform:translate(7%,-25%)}
40%{-moz-transform:translate(-5%,25%);-ms-transform:translate(-5%,25%);-webkit-transform:translate(-5%,25%);transform:translate(-5%,25%)}
50%{-moz-transform:translate(-15%,10%);-ms-transform:translate(-15%,10%);-webkit-transform:translate(-15%,10%);transform:translate(-15%,10%)}
60%{-moz-transform:translate(15%,0%);-ms-transform:translate(15%,0%);-webkit-transform:translate(15%,0%);transform:translate(15%,0%)}
70%{-moz-transform:translate(0%,15%);-ms-transform:translate(0%,15%);-webkit-transform:translate(0%,15%);transform:translate(0%,15%)}
80%{-moz-transform:translate(3%,35%);-ms-transform:translate(3%,35%);-webkit-transform:translate(3%,35%);transform:translate(3%,35%)}
90%{-moz-transform:translate(-10%,10%);-ms-transform:translate(-10%,10%);-webkit-transform:translate(-10%,10%);transform:translate(-10%,10%)}
}
@-moz-keyframes grain{0%,100%{-moz-transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}
10%{-moz-transform:translate(-5%,-10%);-ms-transform:translate(-5%,-10%);-webkit-transform:translate(-5%,-10%);transform:translate(-5%,-10%)}
20%{-moz-transform:translate(-15%,5%);-ms-transform:translate(-15%,5%);-webkit-transform:translate(-15%,5%);transform:translate(-15%,5%)}
30%{-moz-transform:translate(7%,-25%);-ms-transform:translate(7%,-25%);-webkit-transform:translate(7%,-25%);transform:translate(7%,-25%)}
40%{-moz-transform:translate(-5%,25%);-ms-transform:translate(-5%,25%);-webkit-transform:translate(-5%,25%);transform:translate(-5%,25%)}
50%{-moz-transform:translate(-15%,10%);-ms-transform:translate(-15%,10%);-webkit-transform:translate(-15%,10%);transform:translate(-15%,10%)}
60%{-moz-transform:translate(15%,0%);-ms-transform:translate(15%,0%);-webkit-transform:translate(15%,0%);transform:translate(15%,0%)}
70%{-moz-transform:translate(0%,15%);-ms-transform:translate(0%,15%);-webkit-transform:translate(0%,15%);transform:translate(0%,15%)}
80%{-moz-transform:translate(3%,35%);-ms-transform:translate(3%,35%);-webkit-transform:translate(3%,35%);transform:translate(3%,35%)}
90%{-moz-transform:translate(-10%,10%);-ms-transform:translate(-10%,10%);-webkit-transform:translate(-10%,10%);transform:translate(-10%,10%)}
}
@-ms-keyframes grain{0%,100%{-moz-transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}
10%{-moz-transform:translate(-5%,-10%);-ms-transform:translate(-5%,-10%);-webkit-transform:translate(-5%,-10%);transform:translate(-5%,-10%)}
20%{-moz-transform:translate(-15%,5%);-ms-transform:translate(-15%,5%);-webkit-transform:translate(-15%,5%);transform:translate(-15%,5%)}
30%{-moz-transform:translate(7%,-25%);-ms-transform:translate(7%,-25%);-webkit-transform:translate(7%,-25%);transform:translate(7%,-25%)}
40%{-moz-transform:translate(-5%,25%);-ms-transform:translate(-5%,25%);-webkit-transform:translate(-5%,25%);transform:translate(-5%,25%)}
50%{-moz-transform:translate(-15%,10%);-ms-transform:translate(-15%,10%);-webkit-transform:translate(-15%,10%);transform:translate(-15%,10%)}
60%{-moz-transform:translate(15%,0%);-ms-transform:translate(15%,0%);-webkit-transform:translate(15%,0%);transform:translate(15%,0%)}
70%{-moz-transform:translate(0%,15%);-ms-transform:translate(0%,15%);-webkit-transform:translate(0%,15%);transform:translate(0%,15%)}
80%{-moz-transform:translate(3%,35%);-ms-transform:translate(3%,35%);-webkit-transform:translate(3%,35%);transform:translate(3%,35%)}
90%{-moz-transform:translate(-10%,10%);-ms-transform:translate(-10%,10%);-webkit-transform:translate(-10%,10%);transform:translate(-10%,10%)}
}
@keyframes grain{0%,100%{-moz-transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}
10%{-moz-transform:translate(-5%,-10%);-ms-transform:translate(-5%,-10%);-webkit-transform:translate(-5%,-10%);transform:translate(-5%,-10%)}
20%{-moz-transform:translate(-15%,5%);-ms-transform:translate(-15%,5%);-webkit-transform:translate(-15%,5%);transform:translate(-15%,5%)}
30%{-moz-transform:translate(7%,-25%);-ms-transform:translate(7%,-25%);-webkit-transform:translate(7%,-25%);transform:translate(7%,-25%)}
40%{-moz-transform:translate(-5%,25%);-ms-transform:translate(-5%,25%);-webkit-transform:translate(-5%,25%);transform:translate(-5%,25%)}
50%{-moz-transform:translate(-15%,10%);-ms-transform:translate(-15%,10%);-webkit-transform:translate(-15%,10%);transform:translate(-15%,10%)}
60%{-moz-transform:translate(15%,0%);-ms-transform:translate(15%,0%);-webkit-transform:translate(15%,0%);transform:translate(15%,0%)}
70%{-moz-transform:translate(0%,15%);-ms-transform:translate(0%,15%);-webkit-transform:translate(0%,15%);transform:translate(0%,15%)}
80%{-moz-transform:translate(3%,35%);-ms-transform:translate(3%,35%);-webkit-transform:translate(3%,35%);transform:translate(3%,35%)}
90%{-moz-transform:translate(-10%,10%);-ms-transform:translate(-10%,10%);-webkit-transform:translate(-10%,10%);transform:translate(-10%,10%)}
}
@-webkit-keyframes wavepage{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0)}
50%{transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px)}
100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0)}
}
@keyframes wavepage{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0)}
50%{transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px)}
100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0)}
}
@-webkit-keyframes waveh{0%{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0)}
50%{transform:translateX(-20px);-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px)}
100%{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0)}
}
@keyframes waveh{0%{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0)}
50%{transform:translateX(-20px);-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px)}
100%{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0)}
}
@-webkit-keyframes wavelotus{0%{right:0}
50%{right:-30px}
100%{right:0}
}
@keyframes wavelotus{0%{right:0}
50%{right:-30px}
100%{right:0}
}
@-webkit-keyframes wavefinal{0%{bottom:0}
50%{bottom:20px}
100%{bottom:0}
}
@keyframes wavefinal{0%{bottom:0}
50%{bottom:20px}
100%{bottom:0}
}