@font-face{font-family:'Utm-Avo';src:url('../fonts/Utm-Avo/UTMAVO.eot');src:url('../fonts/Utm-Avo/UTMAVO.eot') format('embedded-opentype'),url('../fonts/Utm-Avo/UTMAVO.woff') format('woff'),url('../fonts/Utm-Avo/UTMAVO.ttf') format('truetype'),url('../fonts/Utm-Avo/UTMAVO.svg#UTMAVO') format('svg');}
@font-face{font-family:'utm-Avobold';src:url('../fonts/utm-Avobold/UTMAvoBold.eot');src:url('../fonts/utm-Avobold/UTMAvoBold.eot') format('embedded-opentype'),url('../fonts/utm-Avobold/UTMAvoBold.woff') format('woff'),url('../fonts/utm-Avobold/UTMAvoBold.ttf') format('truetype'),url('../fonts/utm-Avobold/UTMAvoBold.svg#UTMAvoBold') format('svg');}

/*----- reset -----*/
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
address,
em,
img,
strong,
dl,
dt,
dd,
ul,
li,
fieldset,
form,
label,
legend{border:0;font-family:inherit;font-size:100%;margin:0;outline:0;padding:0;}
:focus{outline:0;}
ol,
ul{list-style:none;}
img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;-ms-interpolation-mode:bicubic;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
html,
body{height:100%;}

/*----- common -----*/
body{background-color:#fff;font:15px/22px 'Roboto',sans-serif;color:#555}
h1,
h2,
h3,
h4,
h5,
h6{line-height:normal;font-weight:normal;}
input,
select,
textarea{color:#38444f;font:normal normal 1em Arial,Helvetica,sans-serif;}
input:focus,
select:focus,
textarea:focus,
a:link,
a:visited,
a:hover,
a:focus{outline:none;}
a:link,
a:visited,
a:hover,
a:focus{text-decoration:none;}
a:link,
a:visited{color:#000;}
a:hover,
a:focus{color:#DBC822;}
.clear{clear:both;}
a{-webkit-transition:color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;-moz-transition:color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;-o-transition:color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;transition:color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;}
.tm-ic{background:url(../images/front/sprite.png) no-repeat;}
.mcn-ic{background:url(../images/front/sprite.png) no-repeat;}
body, #wrapper{overflow-x: hidden;}
/*===================================================================*/

.header-bot {padding-bottom: 15px;}
.mcn-logo{padding-top: 15px}
.mcn-logo a img{width: 80%;}

.mcn-menu{text-align:center;}
ul.menu{margin-top:30px}
ul.menu li{float:left;text-transform:uppercase;padding:0px;position:relative;z-index:100;}
ul.menu li a{display:block;font:normal 15px/25px 'Utm-Avobold',sans-serif;color:#004F93;padding:8px 15px;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;}
ul.menu li:hover a,
ul.menu li.active a{color:#DBC822;}
.mcn-menu ul.menu li ul{width:205px;position:absolute;background:#019DB6;opacity:0;visibility:hidden;transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;-moz-transition:all 300ms linear;-webkit-transition:all 300ms linear;z-index:90;left:0px;top:100px;text-align:left;}
.mcn-menu ul.menu li:hover > ul{display:block;opacity:1;visibility:visible;top:30px;left:0;}
.mcn-menu ul.menu li ul:before{content:'';display:block;width:100%;border-top:2px solid transparent;position:absolute;left:0;top:-2px;}
.mcn-menu ul.menu li ul li{float:none;padding:0;}
.mcn-menu ul.menu li ul li a{font-size:15px;line-height:20px;text-transform:initial;padding:12px 15px;color:#fff;background:#019DB6)}
.mcn-menu ul.menu li li a:before{display:none;}
.mcn-menu ul.menu li li:hover a,
.mcn-menu ul.menu li li.active a{background:#DBC822;color:#fff;}
a.menu-mobile{display:none;width:32px;height:20px;background:url(../images/front/ic-menu.png) no-repeat;text-indent:-9999px;margin:15px 0;}
.mm-menu{background:#000;}
.mm-listview>li>a,
.mm-listview>li>span{font:400 14px/20px 'Open Sans',sans-serif;color:#fff;text-transform:uppercase;}
.mm-menu .mm-navbar a,
.mm-menu .mm-navbar>*{font:700 18px/20px 'Open Sans',sans-serif;color:#fff;text-transform:uppercase;}
.mm-navbar,
.mm-listview>li,
.mm-listview>li .mm-next,
.mm-listview>li .mm-next:before,
.mm-listview>li:after,
.mm-listview>li:not(.mm-divider):after{border-color:#270f00;}
.mm-listview>li:not(.mm-divider):after{left:0;z-index:3;}
.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before,
.mm-menu .mm-listview>li .mm-arrow:after,
.mm-menu .mm-listview>li .mm-next:after{border-color:#fff;}
.mm-menu .mm-listview>li.mm-selected>a,
.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:#f96a0e;border-radius:0;color:#fff;}
.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:#f96a0e;tap-highlight-color:#f96a0e;color:#fff;}
#mm-1 ul.mm-listview>li>a{text-transform:initial;}
.mcn-otm{padding-top:20px;margin-bottom:40px}
.mcn-otm i.mcn-ic{width:50px;height:50px;display:block;float:left;margin-right:15px}
.mcn-otm .ic-1{background-position:-164px -29px;}
.mcn-otm .ic-2{background-position:-224px -29px;}
.mcn-otm .ic-3{background-position:-284px -29px;}
.mcn-otm .detail{overflow:hidden;}
.mcn-otm .detail .txt_{padding-top:2px}
.mcn-otm .detail .txt_ h6{font-weight:500;text-transform:uppercase;margin-bottom:8px}
.mcn-otm .detail .txt_ p{color:#555555}
.mcn-otm .detail .txt_ p strong{color:#019DB6;font:normal 18px/30px 'utm-Avobold',sans-serif;margin-top:-4px;display:block}
.support-sb{position:fixed;right:40px;/*top:calc(50% - 127px)*/bottom:0;width:240px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.support-sb h2{background:#019DB6;color:#fff;text-transform:uppercase;font:400 18px/25px 'Roboto',sans-serif;text-align:center;padding:10px 30px 7px;border-radius:4px 4px 0 0;cursor:pointer;}
.support-sb ul{background:#fff;padding:20px 10px 10px 15px;display:none}
.support-sb ul li{margin-bottom:10px}
.support-sb ul li .detail .img_{float:left;margin-right:10px;padding-top:3px}
.support-sb ul li .detail .txt_ p{font-size:14px;line-height:22px}
.support-sb ul li .detail .txt_ p span{color:#0073c6}
footer{background:#000;background-size:cover;color:#fff;margin-bottom:2%;}
footer a{color:#fff!important}
.footer-bot{padding:18px 0 17px;position:relative;border-top:1px solid #fff;margin-top:25px}
.footer-bot p{font:400 15px/22px 'Roboto',sans-serif;color:#fff;}
.footer-bot p a{color:#fff;}
.footer-top{}
.footer-top{padding-top:45px}
.footer-top ul.lst-menu-top{display:inline-block;overflow:hidden;margin:0 auto}
.footer-top ul.lst-menu-top li{float:left}
.footer-top ul.lst-menu-top li a{color:#fff;text-transform:uppercase;border-right:1px solid #fff;padding:0 10px;font-size:12px}
.footer-top ul.lst-menu-top li:last-child a{border:0;}
.footer-top ul.lst-menu-top ul.sub-menu{display:none}
.footer-top .ft-top{margin-bottom:45px}
.footer-top .ft-bot{}
.footer-top .ft-bot h6{font:normal 22px/25px 'utm-Avobold',sans-serif;color:#fff;text-transform:uppercase;margin-bottom:20px}
.footer-top .ft-bot p i{width:16px;margin-right:10px;font-size:18px}
.footer-top .ft-bot p{margin-bottom:8px}
.footer-top .ft-bot p strong{font-size:18px;font-family:'Utm-Avo',sans-serif;font-weight:400}

.support-footer{padding: 6px 0; position: fixed;bottom: 0; left: 0; right: 0; background-color: #fff;border-top: 1px solid red;}
.hotline-ft, .business-ft{color: #323232;font-size: 16px;margin-bottom: 0;}
.hotline-ft a img{width: 5%; margin-top: -5px;}
a.number-hot{color: #d62825;font-size: 19px;font-weight: 700; margin-right: 5px}
.hotline-ft span, .business-ft span{font-size: 12px;font-weight: 700;color: #000;}
.business-ft i{font-size: 20px;margin-right: 10px;}

.modal-content{background-color:#EEEEEE;border-radius:0px;}
.modal-header h4{padding:5px 0px;color:black!important;text-align:center;font-size:18px;margin-top:15px;}
.modal-body input[type="text"]{border-radius:0;}
.modal-body input[type="submit"]{background-color:#019DB6;-webkit-transition:all 1s ease;transition:all 1s ease;color:#fff;text-transform:uppercase;font-size:18px;}
.modal-body input[type="submit"]:hover{background-color:#DBC822;}
.modal-footer button{background-color:#019DB6;-webkit-transition:all 1s ease;transition:all 1s ease;color:#fff;}
.modal-footer button:hover{background-color:#DBC822;color:#fff;}
.support-mobile{display: none;}
@media (min-width:768px){
    .modal-dialog{max-width:400px;width:100%;}
}
.produc-ft{padding-left:57px}
.about-ft{padding-left:20px}
.ft-bot ul.lst_ li{margin-bottom:7px;position:relative;padding-left:21px}
.ft-bot ul.lst_ li:before{content:'';display:block;width:6px;height:6px;background:#fff;border-radius:50%;position:absolute;top:8px;left:0;}
.ft-bot ul.lst_ li a{color:#fff}

/*MCN SLICER*/
.mcn-slider{position:relative;overflow:hidden;}
.mcn-slider .camera_wrap{margin-bottom:0!important;}
.camera_pie{position:relative;z-index:-1;}
.camera_caption{height:100%;}
.camera_caption > div{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;background:transparent;padding:0;}
.txt-slider{background:#019DB669;color:#fff;padding:15px 0 12px;text-align:center;position:absolute;bottom:0;left:0;width:100%;font:400 20px/25px 'Roboto',sans-serif;}
.camera_prev,
.camera_next{background:transparent;width:36px;height:50px;opacity:1!important;}
.camera_prev{left:calc((100% - 1200px) / 2);}
.camera_next{right:calc((100% - 1200px) / 2);}
.camera_prev span{width:36px;height:50px;background:url(../images/front/sprite.png) no-repeat 0 -106px;transition:background .35s ease-in-out;}
.camera_next span{width:36px;height:50px;background:url(../images/front/sprite.png) no-repeat -46px -106px;transition:background .35s ease-in-out;}
.camera_prev span:hover{background-position-y:-156px}
.camera_next span:hover{background-position-y:-156px}
.camera_wrap{margin-bottom:0!important;}
.camera_pie{position:relative;z-index:-1;}
.camera_pag{position:absolute;left:0;bottom:25px;width:100%;}
.camera_wrap .camera_pag .camera_pag_ul{width:100%;text-align:center;}
.camera_wrap .camera_pag .camera_pag_ul li{background:url(../images/front/sprite.png) no-repeat -143px 0px;width:18px;height:18px;cursor:pointer;padding:0;margin:0 5px;}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent{background-position:-122px 0px;}
.camera_wrap .camera_pag .camera_pag_ul li span{display:none;}
.header-top{background:#019DB6;color:#fff;padding:3px 0;}
.header-top .pull-left p{display:inline-block;color:#fff}
.header-top .pull-left p i{margin-right:10px;color:#fff;text-shadow:none;}
.header-top .pull-left p span{font:600 15px/20px 'Utm-Avobold',sans-serif;}
.header-top .pull-left p:first-child{margin-right:78px;font:300 15px/25px 'Roboto',sans-serif;}
.header-top .pull-left p:last-child a{font:600 15px/20px 'Utm-Avobold',sans-serif;color:#fff}
ul.social-top{margin:3px -10px 0;overflow:hidden;}
ul.social-top li{float:left;padding:0 10px}
ul.social-top li a i{display:block;width:18px;height:18px;background:url(../images/front/sprite.png) no-repeat;}
ul.social-top li a i.ic-fb{background-position:-171px 0}
ul.social-top li a i.ic-tw{background-position:-209px 0}
ul.social-top li a i.ic-sk{background-position:-247px 0}
ul.social-top li a i.ic-go{background-position:-285px 0}
ul.social-top li a i.ic-zl{background-position:-324px 0;}
.mcn-title{border-bottom:1px solid #e1e1e1;margin-bottom:30px}
.mcn-title h2{font:normal 19px/25px 'utm-Avobold',sans-serif;text-transform:uppercase;color:#333333;border-bottom:2px solid #019DB6;padding-bottom:7px;display:inline-block;margin-bottom:-1px}
.mcn-title h2 span{color: #DBC822}
.mcn-news{padding-top:54px}
ul.lst-news li{margin-bottom:20px}
ul.lst-news li .detail{overflow:hidden;}
ul.lst-news li .detail .img_{height:300px;display:block}
ul.lst-news li .detail .img_ a.img{display:block;}
ul.lst-news li .detail .img_ a.img img{height:300px}
ul.lst-news li .detail .txt_{margin-top:30px}
ul.lst-news li .detail .txt_ .date-post{width:50px;background:#019DB6;color:#fff;text-align:center;padding:12px 10px;border-radius:5px;float:left;margin-right:21px}
ul.lst-news li .detail .txt_ .date-post span{display:block;font:normal 15px/22px 'Utm-Avo',sans-serif;}
ul.lst-news li .detail .txt_ .date-post span:not(:last-child){border-bottom:1px solid #fff;padding-bottom:5px;margin-bottom:4px}
ul.lst-news li .detail .txt_ .txt-post h4{margin-bottom:5px}
ul.lst-news li .detail .txt_ .txt-post h4 a{color:#444444;font-weight:500;line-height:22px}
ul.lst-news li .detail .txt_ .txt-post h4 a:hover{color:#ff0000}
ul.lst-news li .detail .txt_ .txt-post p{font:400 14px/22px 'Roboto',sans-serif;color:#555}
.mcn-product ul{border-bottom:none;margin-bottom:25px;}
.mcn-product .nav-tabs > li.active > a,
.mcn-product .nav-tabs > li.active > a:hover,
.mcn-product .nav-tabs > li.active > a:focus{color:#000;background:transparent;border:none;}
.mcn-product .nav-tabs > li > a{color:rgba(102,102,102,0.85);position:relative;border-radius:0;}
.mcn-product .nav-tabs > li > a:after{content:'';border-right:1px solid;position:absolute;bottom:20%;right:0;width:10%;height:60%;}
.mcn-product .nav-tabs > li > a:hover,
.mcn-product .nav-tabs > li > a:focus{border-color:transparent;background:transparent;}
.block-wrappe-pro{padding:60px 0 10px;background:#f1f1fb}
.mcn-product{margin-bottom:34px}
ul.lst-product li{margin-bottom:20px}
ul.lst-product li .detail{text-align:center;background:#fff;padding:30px 15px;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
ul.lst-product li .detail .img_{margin-bottom:23px;width:100%;height:189px;position:relative;}
ul.lst-product li .detail .img_ .img_pro{position:absolute;width:100%;height:100%;top:0;left:0;text-align:center;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;}
ul.lst-product li .detail .img_ .img_pro img{max-width:100%;max-height:189px;display:inline-block;margin:0 auto}
ul.lst-product li .detail .img_ span{position:relative;z-index:999;background:#DAC720;color:#fff;padding:8px 10px;border-radius:4px;top:20%;-webkit-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;opacity:0}
ul.lst-product li .detail .img_ span i{width:16px;height:16px;display:inline-block;vertical-align:middle;background-position:-136px -57px;margin:-4px 8px 0 0;}
ul.lst-product li .detail .txt_ h4{height:54px;overflow:hidden}
ul.lst-product li .detail .txt_ h4 a{color:#444;font:500 14px/25px 'Roboto',sans-serif;text-transform:uppercase;overflow:hidden;display:block;}
ul.lst-product li .detail .txt_ h4 a:hover{color:#DBC822}
ul.lst-product li .detail .txt_{color:#019DB6}
ul.lst-product li .detail .txt_ .quality i.best{color:orange}
ul.lst-product li .detail:hover .img_ span{opacity:1;top:calc(50% - 17px);}
ul.lst-product li .detail:hover{box-shadow:0 5px 30px rgba(156,156,156,0.3)}
ul.lst-product li .detail{border:1px solid #e1e1e1;}
ul.lst-product li .detail p.old-price{color:#c1bdbd;text-decoration:line-through;font-size:14px;}
.slick-next,
.slick-prev{display:block;width:22px;height:22px;position:absolute;top:-68px;background:url(../images/front/icon-slick.png) no-repeat;box-shadow:0;border:0;text-indent:-999999px}
.slick-prev{right:47px;background-position:0 0}
.slick-next{right:15px;background-position:-22px 0}
.slick-next:hover,
.slick-prev:hover{background-position-y:-22px;}
.sidebar{}
.sidebar .box:not(:last-child){margin-bottom:30px}
.sidebar .pr-new-sb{background:#fff;padding:18px 10px;border:1px solid #e1e1e1;}
.pr-new-sb .old-price{text-decoration:line-through;}
.pr-new-sb ul.lst_ li:not(:last-child){margin-bottom:19px}
.pr-new-sb ul.lst_ li .detail{overflow:hidden;}
.pr-new-sb ul.lst_ li .detail .img_{position:relative;width:90px;height:80px;border:1px solid #e1e1e1;margin-right:10px;float:left}
.pr-new-sb ul.lst_ li .detail a.img{position:absolute;width:100%;height:100%;top:0;left:0;text-align:center;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;padding:5px;}
.pr-new-sb ul.lst_ li .detail a.img img{max-width:100%;max-height:68px;display:inline-block;margin:0 auto}
.pr-new-sb ul.lst_ li .detail .txt_{padding-top:0px}
.pr-new-sb ul.lst_ li .detail .txt_ h4{margin-bottom:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pr-new-sb ul.lst_ li .detail .txt_ h4 a{font:500 14px/22px 'Roboto',sans-serif;color:#444444}
.pr-new-sb ul.lst_ li .detail .txt_ h4 a:hover{color:#019DB6}
.pr-new-sb ul.lst_ li .detail .txt_ .price-pro{color:#019DB6;font-size:14px}
.cate-sb h5{font:normal 18px/25px 'utm-Avobold',sans-serif;text-transform:uppercase;color:#fff;background:#0073c6;padding:10px 20px;border-radius:5px 5px 0 0}
.cate-sb h5 i{width:20px;height:16px;display:inline-block;vertical-align:middle;background:url(../images/front/ic-cate-sb.png) center no-repeat;margin-top:-4px;margin-right:15px}
.cate-sb>ul{border:1px solid #019DB6!important;background:#fff}
.cate-sb>ul>li{padding:14px 20px;border-bottom:1px solid #e1e1e1;position:relative;}
.cate-sb ul li a{color:#333;font-weight:700}
.cate-sb>ul>li.activeslide>a{color:#DBC822;}
.cate-sb ul li a:hover{color:#019DB6;text-decoration:underline;}
.cate-sb ul li span{width:10px;height:5px;background:url(../images/front/carrot-cate-sb.png) no-repeat center;display:block;position:absolute;right:13px;top:18px;cursor:pointer;padding:5px 10px;}
.cate-sb ul li ul{border-left:1px solid #e1e1e1;margin-top:5px}
.cate-sb ul li ul li a{font-size:14px;color:#222;font-weight:300}
.cate-sb ul li ul li{position:relative;padding:8px 0 0 15px;}
.cate-sb ul li ul li:before{content:'';position:absolute;top:19px;left:0;width:10px;height:1px;background:#e1e1e1;display:block}

/*Effect*/

/* Shine */
a.img{position:relative;display:block;overflow:hidden;}
a.img::before{position:absolute;top:0;left:-75%;z-index:2;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);}
a.img:hover::before{-webkit-animation:shine 1.35s;animation:shine 1.35s;}
@-webkit-keyframes shine{
    100%{left:125%;}
}
@keyframes shine{
    100%{left:125%;}
}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background-color:#eaeaea;border-left:1px solid #ccc;}
::-webkit-scrollbar-thumb{    /*background-color: #ccc;*/
background-color:#f0202e;border-radius:0px}
::-webkit-scrollbar-thumb:hover{    /*background-color: #aaa;*/
background-color:#1a9aff}

/*CODE CSS SINGLE _ PAGE _ SINGLE PRODUCT */
@font-face{font-family:'TUV-Montserrat-Regular';src:url('../fonts/TUV-Montserrat-Regular/TUV-Montserrat-Regular.eot');src:url('../fonts/TUV-Montserrat-Regular/TUV-Montserrat-Regular.eot') format('embedded-opentype'),url('../fonts/TUV-Montserrat-Regular/TUV-Montserrat-Regular.woff') format('woff'),url('../fonts/TUV-Montserrat-Regular/TUV-Montserrat-Regular.ttf') format('truetype'),url('../fonts/TUV-Montserrat-Regular/TUV-Montserrat-Regular.svg#TUV-Montserrat-Regular') format('svg');}
@font-face{font-family:'TUV-Montserrat-Bold';src:url('../fonts/TUV-Montserrat-Bold/TUV-Montserrat-Bold.eot');src:url('../fonts/TUV-Montserrat-Bold/TUV-Montserrat-Bold.eot') format('embedded-opentype'),url('../fonts/TUV-Montserrat-Bold/TUV-Montserrat-Bold.woff') format('woff'),url('../fonts/TUV-Montserrat-Bold/TUV-Montserrat-Bold.ttf') format('truetype'),url('../fonts/TUV-Montserrat-Bold/TUV-Montserrat-Bold.svg#TUV-Montserrat-Bold') format('svg');}
.box{margin-bottom:30px}
.box h5{font:500 16px/normal 'TUV-Montserrat-Regular',sans-serif;text-transform:uppercase;background:#019DB6;color:#fff;padding:11px 0 7px 20px;}
.ic-cate{width:12px;height:8px;background:url(../images/front/menu-cate.png)no-repeat center;display:inline-block;margin-right:9px;margin-bottom:1px}
.box > ul{border:1px solid #e1e1e1;border-top:0;padding:10px;}
.box.sb-support ul p{font-size:13px;color:#444;line-height:24px}
.box.sb-support ul p i{color:#4fba6f;width:20px;margin-right:5px}
.box ul.lst-news{padding:21px 19px;}
.box ul.lst-news .detail-primary{border-bottom:1px solid #e1e1e1;padding-bottom:10px;margin-bottom:19px}
.box ul.lst-news .detail-primary img{height:auto!important;}
.box ul.lst-news .detail-primary h4{margin:12px 0 0;display:block}
.box ul.lst-news .detail-primary h4 a{font:500 14px/20px 'Roboto',sans-serif;color:#444;}
span.date-post{font-size:13px;color:#999999}
.box ul.lst-sb-news li{overflow:hidden;margin-bottom:20px}
.box ul.lst-sb-news li:last-child{margin-bottom:0;}
.box ul.lst-sb-news a.img{width:80px;height:70px;float:left;display:block;margin-right:9px;border:1px solid #e1e1e1;overflow:hidden;}
.box ul.lst-sb-news h4{padding-top:5px;display:block}
.box ul.lst-sb-news h4 a{font-size:14px}
.box-menu-ft ul ul.sub-menu{display:none}
.box.lienketwebsite ul li a{color:#444}
.box.lienketwebsite ul li a:hover{text-decoration:underline;}
.box.lienketwebsite ul li{padding-bottom:5px;margin-bottom:5px;border-bottom:1px dashed #e1e1e1}
.box.lienketwebsite ul li:last-child{border:none;margin-bottom:0;padding-bottom:0}

/*.wrap-content {border:1px solid #e1e1e1;padding:20px;}*/
.wrap-content{border:0px solid #e1e1e1;padding:20 0px;}
.breacrumb{background:#d4f3ff;padding:10px;margin-bottom:25px}
.pdt30{padding-top:30px}
.price-hotel,
.price-tour{height:39px;overflow:hidden;}

/*CSS PHÂN TRANG WORDPRESS*/
.pagination-page{padding-top:10px!important}
.pagination-page{border:1px solid #e1e1e1;padding:9px 14px;display:block;width:570px;margin:0 auto 0px;overflow:hidden;background:#f1f1f1}
.pagination-page a.prev,
.pagination-page a.next{font:500 14px/20px 'Roboto',sans-serif;color:#444444;padding:0 19px;display:inline-block;}
.pagination-page a.prev.page-numbers{float:left}
.pagination-page a.next.page-numbers{float:left}
.pagination-page{text-align:right}
.pagination-page a.prev:hover,
.pagination-page a.next:hover{color:#0857a8;}
.pagination-page a.prev:not(:last-child){border-right:1px solid #555555;padding-left:0}
.pagination-page .page-numbers{padding:0 9.5px;display:inline-block}
.pagination-page .page-numbers:hover,
.pagination-page .page-numbers:active,
.pagination-page .page-numbers:focus,
.pagination-page .page-numbers.current{color:#ff9900}
article.content-post p{margin-bottom:15px;font:400 15px/25px 'Roboto',sans-serif;color:#444444;}
article.content-post div{max-width:100%}
img.aligncenter{display:block;margin:0 auto;}
img.alignright{display:block;margin:5px;float:right;}
img.alignleft{display:block;margin:5px;float:left;}
.aligncenter{text-align:center;}
article.content-post table td img{margin:0 auto;display:inherit;}
article ul{padding-left:20px}
article ul li{margin-bottom:10px}
.bx-wrapper img{width:100%!important;display:block;height:460px!important;}
article.content-post ul{list-style-type:disc;}
article.content-post ol{list-style-type:disc;}
article.content-post p.wp-caption-text{margin-top:5px}
article.content-post table{background:rgb(248,244,232);border:1px dashed #c90002;width:100%!important;}
article.content-post table{margin:10px 0px 10px;}
article.content-post table tr{padding:10px;}
article.content-post table td{padding:10px;border:1px dotted #c90002;}
article.content-post table td img{margin:0 auto}
article.content-post h1,
article.content-post h2,
article.content-post h3,
article.content-post h4{font-size:16px;font-weight:600;line-height:25px}
h2.title-post{font:normal 20px/normal 'TUV-Montserrat-Bold',sans-serif!important;color:#555;text-transform:uppercase;position:relative;padding-bottom:14px}
article.content-post hr{margin-top:0px;margin-bottom:15px;}
article.content-post blockquote{font-size:16px;font-style:italic;width:100%;background-color:#fbf6f0;border-left:1px dashed #d5bc8c;border-right:1px dashed #d5bc8c;text-align:center;padding:20px 30px 15px;margin-bottom:15px}
blockquote cite{color:#a1a1a1;font-size:14px;display:block;margin-top:5px;}
article.content-post blockquote p{font-style:italic;text-align:justify;}
.social-post{margin:0px 0 15px}
.fb_iframe_widget iframe{position:absolute;top:-7px;}
.facebook-box{background:#f5f5f5;padding:10px;margin-top:20px;border:1px solid #ddd;margin-bottom:30px}
.list-post-related a.post-title{font-size:15px;display:block;margin:5px 0;color:#000;}
#fbcomments,
.fb-comments,
.fb-comments iframe[style],
.fb-comments span{width:100%!important;}
.border{padding:15px;border:1px solid #ddd;margin:0;}
.description{margin:0px 0 20px;border-bottom:1px solid #eee;padding-bottom:20px;}
.block-project-related{padding:15px 15px 5px;background:#f5f5f5;border:1px solid #e1e1e1;}
.tm-contact{padding:15px;border:1px solid #e1e1e1;margin-bottom:20px;background:#f5f5f5}
.tm-contact .tm-map{margin-bottom:30px;}
.tm-contact ul.form-ct{}
.tm-contact ul.form-ct li{margin-bottom:20px;}
.tm-contact ul.form-ct li .form-control{height:36px;font:400 13px/20px 'Roboto',sans-serif;color:#666;border:1px solid #e2ebef;box-shadow:0 0 0!important;}
.tm-contact ul.form-ct li textarea.form-control{height:120px;resize:vertical;}
.tm-contact .tm-btn{width:130px;display:block;margin:0 auto;padding:9px 0 7px;border:none;font:400 13px/20px 'Roboto',sans-serif;color:#fff;text-transform:uppercase;background:#1693c9;border-radius:3px;}
.tm-contact .tm-btn:hover{background:#333332}
.tm-contact .info-ct{}
.tm-contact .info-ct h3{font:500 18px/20px 'Roboto',sans-serif;color:#333;text-transform:uppercase;display:block;margin-bottom:20px;}

/*.tm-contact .info-ct ul.row{margin-bottom: 20px;}*/
.tm-contact .info-ct ul.row{margin-bottom:0px;}
.tm-contact .info-ct ul.row li{margin-bottom:10px;}
.tm-contact .info-ct ul.row li p{font:400 15px/20px 'Roboto',sans-serif;color:#555;}
.tm-contact .info-ct ul.row li p span{color:#4267b2;}
.tm-contact .info-ct .block-social{margin:0;padding:0;}
ul.rg-hb li:not(:last-child){margin-bottom:30px;}
ul.rg-hb .detail{overflow:hidden;}
ul.rg-hb a.img{width:180px;height:138px;float:left;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;}
ul.rg-hb a.img img{max-width:initial;}
ul.rg-hb .txt-hb{width:calc(100% - 180px);float:right;height:138px;overflow:hidden;padding:20px;border:1px solid #e1e1e1;background:#faf8f8;border-left:0}
ul.rg-hb h3{margin-bottom:10px;}
ul.rg-hb h3 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:500 16px/20px 'Roboto',sans-serif;color:#333;}
ul.rg-hb h3 a:hover{color:#ff0000;}
ul.rg-hb p{margin-bottom:7px;font:400 14px/20px 'Roboto',sans-serif;color:#444444;}
ul.rg-hb span{font:400 13px/20px 'Roboto',sans-serif;color:#777;}
ul.rg-hb a.img:after{content:'';display:block;position:absolute;left:10px;top:10px;right:10px;bottom:10px;background:rgba(0,0,0,0.3) url(../images/front/ic-views.png) no-repeat center;border:1px solid rgba(255,255,255,.4);opacity:0;-webkit-transition:opacity .6s ease-in-out;-moz-transition:opacity .6s ease-in-out;-ms-transition:opacity .6s ease-in-out;-o-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out;}
ul.rg-hb a.img:hover:after{opacity:1;}
p.canhbao{padding:10px 20px;border:1px dashed #e1e1e1;}
.tin-lien-quan{background:#fafafa;border:1px solid #e1e1e1;padding:10px 20px 5px;}
.tin-lien-quan h2{font:normal 15px/normal 'TUV-Montserrat-Bold',sans-serif!important;color:#555;text-transform:uppercase;margin-bottom:10px;border-bottom:1px dashed #e1e1e1;padding-bottom:10px;padding-left:20px;position:relative;}
.tin-lien-quan h2:after{content:'';display:block;position:absolute;top:0;left:0;width:5px;height:20px;background:#ff0000}
.tin-lien-quan ul{padding-left:20px;overflow:hidden;}
.tin-lien-quan ul li{list-style-type:disc;width:50%;float:left;margin-bottom:5px;}
.tin-lien-quan ul li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;padding-right:30px;}
.single-product{margin-bottom:30px}
.single-product .img_pro{padding:5px;border:1px solid #e1e1e1;text-align:center;}
.single-product .img_pro ul.lst-gallery{overflow:hidden;margin:15px -2.5px 0px;}
.single-product .img_pro ul.lst-gallery li{width:33.333%;float:left;padding:0 2.5px;}
.single-product .img_pro ul.lst-gallery li a{height:100px;display:flex;border:1px solid #e1e1e1;padding:5px;}
.single-product .img_pro ul.lst-gallery li a img{max-height:100px;max-width:100%;margin:0 auto}
.single-product .txt_pro{padding:20px 20px 10px;background:#efefef;border:1px dashed #dcdcdc;position:relative;}
.single-product .txt_pro .title_pro{position:relative;padding-bottom:6px;border-bottom:1px solid #e1e1e1;margin-bottom:20px}
.single-product .txt_pro .title_pro h4{font:normal 20px/30px 'TUV-Montserrat-Bold',sans-serif!important;color:#555;text-transform:uppercase;}
.single-product .txt_pro .price_pro{position:relative;margin-bottom:15px;border-bottom:1px solid #e1e1e1;padding-bottom:15px}
.single-product .txt_pro .price_pro .price_{font-weight:500;font-size:16px;background:#019DB6;color:#fff;padding:5px 10px;margin-left:10px}
.single-product .txt_pro .price_pro .quality{margin-top:20px}
.single-product .txt_pro .price_pro .quality i{color:#019DB6;}
.single-product .txt_pro .price_pro .quality i.best{color:orange;}
.single-product .txt_pro .short_description{}
.single-product .txt_pro .short_description strong{color:#ff0000}
.single-product .txt_pro .short_description p{margin-bottom:10px}
.btn_ordernow{position:absolute;right:0;top:0;}
.btn_ordernow i{margin-right:10px}
.btn_ordernow a{color:#fff;background:#019DB6;padding:8px 15px 7px;text-transform:uppercase;font-size:13px;font-weight:600}
.form-order{margin-bottom:30px;border:1px dashed #e1e1e1;padding:20px 20px 0;display:none}
.form-order ul.form-ct{margin-top:10px}
.form-order ul.form-ct li{margin-bottom:10px;}
.form-order ul.form-ct li .form-control{height:36px;font:400 13px/20px 'Roboto',sans-serif;color:#666;border:1px solid #e2ebef;box-shadow:0 0 0!important;}
.form-order ul.form-ct li .giasanpham{margin-top:0;}
.form-order ul.form-ct li textarea.form-control{height:70px;resize:vertical;}
.form-order .tm-btn{width:130px;display:block;margin:0 auto;padding:9px 0 7px;border:none;font:400 13px/20px 'Roboto',sans-serif;color:#fff;text-transform:uppercase;background:#019DB6;border-radius:3px;}
.form-order .tm-btn:hover{background:#333332}
.form-order .info-ct{}
.form-order .info-ct h3{font:500 18px/20px 'Roboto',sans-serif;color:#333;text-transform:uppercase;display:block;margin-bottom:20px;}
.form-order .info-ct ul.row{margin-bottom:0px;}
.form-order .info-ct ul.row li{margin-bottom:10px;}
.form-order .info-ct ul.row li p{font:400 15px/20px 'Roboto',sans-serif;color:#555;}
.form-order .info-ct ul.row li p span{color:#DA251C;}
.form-order .info-ct .block-social{margin:0;padding:0;}
h4.title_chitiet{background:#019DB6;color:#fff;display:inline-block;padding:5px 10px;text-transform:uppercase;font-weight:600;font-size:17px;}
.content-post .nav-tabs > li.active > a,
.content-post .nav-tabs > li.active > a:hover,
.content-post .nav-tabs > li.active > a:focus{color:#fff;background-color:#019DB6;}
.content-post .nav > li > a:hover,
.content-post .nav > li > a:focus{background-color:transparent;color:#019DB6;}
.content-post .tab-content{padding:15px;}
.sanphamlienquan hr{margin-top:0;}
.giasanpham{margin-top:20px;}
@-moz-document url-prefix(){
}
@media (max-width:1190px){
    .camera_next{right:40px}
    .camera_prev{left:40px}
    ul.menu li a{padding:15px 10px;}
    .header-top .pull-left p:last-child{margin-left:60px}
    .txt-slider{font-size:16px}
    ul.lst-product{margin:0 -5px;}
    ul.lst-product li{padding:0 5px;}
    .support-tour .supp-gr span{font-size:13px;}
    .support-tour .supp-gr .request a{font-size:9px;}
    footer{margin-bottom:3%;}
}
@media (max-width:990px){
    a.menu-mobile{display:block;margin:27px 0 0;}
    .yl-block{width:315px;}
    .yl-block p{font-size:15px;}
    .mcn-menu{height:auto}
    .yl-block h3 img{width:100%}
    .yl-block p{font-size:14px;padding-top:4px}
    .yl-block p.hot-slider{padding:9px 0;margin-top:4px}
    .yl-block p.hot-slider strong{font-size:17px}
    .yl-block p.hot-slider span{font-size:17px}
    .txt-slider{font-size:13px;}
    .social-top{display:none}
    .header-top .pull-left p:first-child{margin-right:30px}
    .header-top .pull-left p:last-child{margin-left:20px;}
    .col-md-9.pull-right{clear:both;width:100%}
    .col-md-3.pull-left{clear:both;width:100%}
    footer{margin-top:30px}
    .produc-ft,
    .about-ft{padding-left:0;}
    .footer-top .ft-top{margin-bottom:15px;}
    .ft-bot .row .col-md-3{margin-bottom:20px}
    /*footer{margin-bottom:20%;}*/
    .support-tour .supp-gr .request a{font-size:14px;}
    .support-tour .group:nth-child(3) .supp-gr{border-right:none;}
    .support-tour .group {
	    width: 30%;
	    margin-top: 15px;
	}
	.support-tour .group:nth-child(4) .supp-gr{padding-left: 0;}
}
@media (max-width:840px){
   /* footer{margin-bottom:23%;}*/
}
@media (max-width:768px){
    footer{margin-bottom:4%;}
}
@media (max-width:767px){
    footer{margin-bottom:6%;}
    .support-tour{display:none;}
    .support-mobile{display: block; padding: 5px 0; position: fixed;left: 0; right: 0; bottom: 0; background-color: #DBC822; z-index: 99}
    .support-mobile ul li{display: inline-block; width: 24%; text-align: center;}
    .support-mobile ul li img{width: 20%}
    .support-footer{display: none;}
}
@media (max-width:680px){
    .camera_commands > .camera_stop{display:none}
    .camera_next{right:60px}
    .header-top .pull-left p:nth-child(2){display:none}
    .mcn-otm{display:none}
    .header-top .pull-left p:first-child{margin-right:0}
    ul.lst-news li .detail .txt_ .date-post{margin-right:10px}
}
@media (max-width:630px){
}
@media (max-width:500px){
}
@media (max-width:420px){
    .camera_next,
    .camera_prev{display:none}
    .yl-block{width:100%}
    .yl-block p{font-size:12px}
    .pagination-page{width:100%}
    .header-top .pull-left p:last-child{margin-left:20px;font-size:16px}
    ul.lst-product li .detail .img_{margin-bottom:0px;width:100%;height:150px;position:relative;}
    ul.lst-news li{width:100%}
    .footer-top .ft-top{display:none}
    .block-wrappe-pro{padding:20px 0 10px;background:#f1f1fb;}
    .mcn-product{margin-bottom:10px;}
    ul.lst-news li .detail .img_ a.img img{height:auto}
    ul.lst-news li .detail .img_{height:auto}
    .support-mobile ul li img {
	    width: 30%;
	}
}
@media (max-width:375px){
    .header-top .pull-left p:first-child{display:none}
    .mcn-title h2 span{font-size:17px}
}
@media (max-width:320px){
}
.alo-ph-img-circle{width:30px;height:30px;top:35px;left:35px;position:absolute;background:rgba(30,30,30,0.1) url(https://1.bp.blogspot.com/-UbTOXZnLovo/V9kU1RLbX4I/AAAAAAAAGYA/4qQQ0CBifcM8IlNe7f-aVL2Ln-wzLcF4wCLcB/s1600/alo.png) no-repeat center center;background-size:contain;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-animation:alo-circle-img-anim 1s infinite ease-in-out;-moz-animation:alo-circle-img-anim 1s infinite ease-in-out;-ms-animation:alo-circle-img-anim 1s infinite ease-in-out;-o-animation:alo-circle-img-anim 1s infinite ease-in-out;animation: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%}
.alo-phone{position:fixed;visibility:hidden;background-color:transparent;width:100px;height:100px;cursor:pointer;z-index:999;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transition:visibility .5s;-moz-transition:visibility .5s;-o-transition:visibility .5s;transition:visibility .5s;left:0%;bottom:4%;}
.alo-phone.alo-show{visibility:visible}
.alo-phone:hover{opacity:1;}
.alo-ph-circle{width:100px;height:100px;top:0;left:0;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;opacity:.1;-webkit-animation:alo-circle-anim 1.2s infinite ease-in-out;-moz-animation:alo-circle-anim 1.2s infinite ease-in-out;-ms-animation:alo-circle-anim 1.2s infinite ease-in-out;-o-animation:alo-circle-anim 1.2s infinite ease-in-out;animation: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%}
.alo-phone:hover .alo-ph-circle,.hotline>
a:hover .alo-ph-circle{border-color:#00aff2;opacity:.5}
.alo-phone.alo-green:hover .alo-ph-circle,
.hotline>a:hover .alo-ph-circle{border-color:red;/*#04AFEF*/border-color:#baf5a7 9;opacity:.5;}
.alo-phone.alo-green .alo-ph-circle{border-color:#019DB6;opacity:.5}
.alo-ph-circle-fill{width:60px;height:60px;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:alo-circle-fill-anim 2.3s infinite ease-in-out;-moz-animation:alo-circle-fill-anim 2.3s infinite ease-in-out;-ms-animation:alo-circle-fill-anim 2.3s infinite ease-in-out;-o-animation:alo-circle-fill-anim 2.3s infinite ease-in-out;animation: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%}
.alo-phone:hover .alo-ph-circle-fill,.hotline>
a:hover .alo-ph-circle-fill{background-color:rgba(0,175,242,0.5);background-color:#00aff2;opacity:.75!important}
.alo-phone.alo-green:hover .alo-ph-circle-fill,
.hotline>a:hover .alo-ph-circle-fill{background-color:red;/*rgba(4,175,239,0.5)*/background-color:#baf5a7 9;opacity:.75!important;}
.alo-phone.alo-green .alo-ph-circle-fill{background-color:#019DB6;opacity:.75!important}
.alo-phone:hover .alo-ph-img-circle,.hotline>
a:hover .alo-ph-img-circle{background-color:#00aff2}
.alo-phone.alo-green.alo-hover .alo-ph-img-circle,
.alo-phone.alo-green:hover .alo-ph-img-circle,
.hotline>a:hover .alo-ph-img-circle{background-color:red;/*#04AFEF*/background-color:#04AFEF 9;}
.alo-phone.alo-green .alo-ph-img-circle{background-color:#019DB6}
@-moz-keyframes 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 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 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 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 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 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 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 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 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 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 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 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)}
}
#alo-fixed{visibility:visible;opacity:0;position:fixed;right:-100px;top:100px}
#alo-fixed.show{right:10px;visibility:visible;opacity:1}