/* Minification failed. Returning unminified contents.
(207,39): run-time error CSS1046: Expect comma, found '0'
(207,43): run-time error CSS1046: Expect comma, found '/'
(207,67): run-time error CSS1046: Expect comma, found '0'
(207,71): run-time error CSS1046: Expect comma, found '/'
(208,31): run-time error CSS1046: Expect comma, found '0'
(208,35): run-time error CSS1046: Expect comma, found '/'
(208,59): run-time error CSS1046: Expect comma, found '0'
(208,63): run-time error CSS1046: Expect comma, found '/'
(289,34): run-time error CSS1046: Expect comma, found '0'
(289,38): run-time error CSS1046: Expect comma, found '/'
(289,62): run-time error CSS1046: Expect comma, found '0'
(289,66): run-time error CSS1046: Expect comma, found '/'
 */
@font-face{
    font-family:'FontAwesome';
    src:url(/css/font/fontawesome-v430/fontawesome-webfont.eot);
    src:url(/css/font/fontawesome-v430/fontawesome-webfont.eot?#fix) format('embedded-opentype'),url(/css/font/fontawesome-v430/fontawesome-webfont.woff2) format('woff2'),url(/css/font/fontawesome-v430/fontawesome-webfont.woff) format('woff'),url(/css/font/fontawesome-v430/fontawesome-webfont.ttf) format('truetype'),url(/css/font/fontawesome-v430/fontawesome-webfont.svg?#fix) format('svg');
    font-weight:normal;
    font-style:normal
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
	outline:0!important;
}
ul{list-style:none}
input,button,textarea{background-image:none;border-radius:0;-webkit-appearance:none}
fieldset,hr,img{border:0}
hr{background:#ddd;height:1px}
hr.split{margin:3% 0}
img {
    border: 0;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}
body,html{background:#fff;height:100%;text-align:left}
body{color:#333;font:normal 14px/20px Arial,Helvetica,sans-serif;overflow-y:scroll}
body #maincontent {
    flex: 1 0 auto;
    padding-bottom: 10px;
    width: 100%;
}
#wrapper{min-height: calc(100% - 90px);}
#body-panel{margin-top:40px;}
.search-bar {
    display: table;
    height: 40px;
    max-width: 734px;
    width: 100%
}

.search-bar__container, .search-bar__options {
    /*display: table-cell;*/
    vertical-align: top;
    white-space: nowrap
}

.search-bar__container {
    width: 100%
}

.search-bar__fields {
    background: #fff;
    border: 1px solid #cfcfd2;
    box-shadow: 0 1px 4px rgba(20,20,20,.1);
    display: table;
    width: 100%
}

.search-bar__query-field, .search-bar__submit-field {
    display: table-cell;
    vertical-align: top
}

.search-bar__query-field {
    width: 100%
}

.search-bar__query {
    background: transparent;
    -webkit-appearance: none;
    border: 0;
    display: block;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    outline: 0;
    padding: 0 10px;
    width: 100%
}

.search-bar__button {
    background: transparent;
    border: 0;
    border-collapse: separate;
    color: #a0a0b0;
    cursor: pointer;
    display: inline-block;
    font-size: 21px;
    height: 38px;
    line-height: 38px;
    outline: 0;
    position: relative;
    width: 40px
}

    .search-bar__button:before {
        height: 38px;
        left: 0;
        text-align: center;
        top: 0;
        width: inherit
    }

.search-bar__button-text {
    display: block;
    font-size: 1px;
    visibility: hidden
}

.search-bar__button--submit {
    color: #e64c39;
    font-size: 17px;
    width: 50px
}

.search-bar__button--filters::before {
    content: "\f0b0"
}

.search-bar__button--settings::before {
    content: "\f0c9"
}

.search-bar__options {
    padding: 1px 0 1px 5px
}

.search-bar__filters {
    display: none;
    position: relative
}

.search-bar__settings {
    display: inline-block;
    position: relative
}
.gsc-results .gsc-cursor-box .gsc-cursor-page{margin-bottom:10px;}
#ad_bottom{z-index:10000;}
@media(max-width: 767px) {
    .search-bar__filters {
        display: inline-block
    }
}

#big-search-bar {
    padding: 5% 20px;
    text-align: center
}

    #big-search-bar .search-bar {
        display: block;
        margin: 10px auto;
        max-width: 700px
    }

a.selected {
    border-color: #1A73E8;
    background-color: #FFFFFF;
    color: #1A73E8;
}
#right-panel{float:right;width:33%;}
.news .title{font-weight:bold;}
.news .summary{margin:6px 0; line-height:1.3;}
.news .summary p{margin-bottom:6px;}
.content-list li{margin-bottom:15px;}
.content-list li a{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.content-list li span{display:inline-block;}
.phantrang {
    text-align: left;
    margin: 15px 0;
}

.phantrang ul {
    margin: auto;
}

.phantrang ul li {
    display: inline-block;
    margin-right: 7px;
    text-align: center;
}
.phantrang ul li a, .gsc-cursor-page{
    width: 32px;
    height: 32px;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #848687;
    background-color: #fff;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    cursor: pointer;
    -webkit-box-shadow: 0 0 2px rgb(0 0 0 / 14%), 0 2px 2px rgb(0 0 0 / 12%);
    box-shadow: 0 0 2px rgb(0 0 0 / 14%), 0 2px 2px rgb(0 0 0 / 12%);
}
.phantrang ul li a:hover,.gsc-cursor-page:hover{background-color: #f2f2f2!important;}
.phantrang ul li a.selected,.gsc-cursor-page.gsc-cursor-current-page{background-color: #0d9bb9!important;color:#fff!important;}
.footer {
    position: relative;
    bottom:0;right: 0;
    min-height: 0;
    padding: 15px 20px;
    color: #666;
    text-align: right;
}

    .footer:before, .footer:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .footer:after {
        clear: both;
    }

    .footer ul {
        margin: 10px 0 0;
        padding: 0;
        list-style: none;
    }

        .footer ul li {
            display: inline-block;
            list-style: none;
        }

        .footer ul img {
            vertical-align: text-bottom;
        }

    .footer .divider {
        padding: 0 7px;
    }

    .footer a {
        color: #666;
    }

@media (max-width: 767px) {
    .footer a {
        line-height: 26px;
    }
}

.footer .country-select {
    margin-top: 20px;
}

.footer-brand {
    text-align: center;
}

.footer-leaderboard {
    margin: 10px 0 25px;
    text-align: center;
}

    .footer-leaderboard iframe {
        margin: 0 auto;
    }
    .hide_pc{
        display: none !important;
    }
    .bda-box{
			display: none;
			margin: 20px 5px;			
		}
		.bda-box, .business_box {
			border: 1px solid #ddd;
			border-radius: 8px;
			box-shadow: 0 2px 2px 0 rgb(0 0 0 / 16%), 0 0 0 1px rgb(0 0 0 / 8%);
			padding: 20px;
		}
		.bda-box .row {
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			margin-right: -15px;
			margin-left: -15px;
		}
		.bda-box .bottom_box {
			padding-top: 20px;
		}
		.bda-box .top_box .col img {
			max-width: 100%;
		}
		.bda-box .col {
			-webkit-flex-basis: 0;
			-ms-flex-preferred-size: 0;
			flex-basis: 0;
			-webkit-box-flex: 1;
			-webkit-flex-grow: 1;
			-ms-flex-positive: 1;
			flex-grow: 1;
			min-width: 0;
			max-width: 100%;
		}
		.bda-box h2 {
			font-size: 1.8rem;
			margin-bottom: .5rem;
			font-weight: 500;
			line-height: 1.2;
			margin-top: 0;
		}
		.bda-box a {
			color: #3490dc;
			-webkit-text-decoration: none;
			text-decoration: none;
			background-color: transparent;
		}
@media only screen and (max-width: 48em){
#e1, .bda-box, hr{
    display: block;
}
.bda-box, .bda-box > .row > *{
    padding-right: 0;
}
.hide_pc{
        display: block !important;
    }
}
.accordion-wrapper h3 {
    font-family: Arial,Helvetica,sans-serif;
    background: url(/assets/client/img/icon_accordion_header.png) no-repeat 100% 0 #fafaf9;
    border-left: 4px solid #0d9bb9;
    cursor: pointer;
    font-size: 16px;
    padding: 5px 0 6px 11px;
    font-weight: normal
}

.accordion-wrapper .accordion {
    padding-bottom: 5px
}

div.accordion-header {
    border-left: 4px solid #0d9bb9;
    padding: 5px 31px 6px;
    background-color: #fafaf9;
    position: relative
}

div.accordion-header span {
    position: absolute;
    padding: 5px 0 6px;
    width: 31px;
    text-align: center;
    top: 0;
    left: 0;
    font-size: 16px;
    font-weight: normal;
    display: block;
    line-height: 1
}

div.accordion-header i {
    position: absolute;
    width: 24px;
    height: 28px;
    top: 0;
    right: 0;
    display: block;
    background: url(/assets/client/img/icon_accordion_header.png) no-repeat 100% 0
}

.accordion-wrapper .accordion.active .accordion-header,.accordion-wrapper .accordion.active div.accordion-header i {
    background-position: 100% 100%
}

.accordion-wrapper div.accordion-header h3 {
    border: 0;
    background: none;
    padding: 0;
    line-height: 1.2
}

.accordion-wrapper .accordion .accordion-content {
    padding: 20px 0 0 15px;
    display: none;
    line-height: 140%
}

.accordion-wrapper .accordion .accordion-content p {
    padding-bottom: 20px
}

.accordion-wrapper .accordion .accordion-content ol {
    list-style-type: lower-roman
}

.accordion-wrapper .accordion .accordion-content ul,.accordion-wrapper .accordion .accordion-content ol {
    list-style-position: outside
}

.accordion-wrapper .accordion .accordion-content ul li,.accordion-wrapper .accordion .accordion-content ol li {
    padding: 0 0 10px !important;
    margin-left: 10px
}
@media only screen and (max-width: 385px){
    .bda-box .top_box .col img {
        padding-top: 2.5rem;
    }
    .bda-box h2 {
        position: relative;
        z-index: 1;
    }
}
@media(min-width:768px){
    #header #menu-open-button,#header #menu-back-button,#header #menu-logo{display:none}
}
@media(min-width:1280px){
    #search-header .result-column{padding-left:104px}
}
@media(min-width:1024px) and (max-width:1279px){
    #search-header .result-column{padding-left:74px}
}
@media(min-width:768px) and (max-width:1023px){
    #search-header .result-column{padding-left:15px}
}
#search-header{background:#fcfcfc;color:#777;padding:12px 0;position:relative;text-align:left}
#search-header .logo{display:block;position:absolute;right:20px;top:12px}
#search-header .logo img{height:40px}
@media(min-width:768px){
    #search-header .logo{display:block;position:absolute;right:20px;top:12px}
    #search-header .logo img{height:40px}
}
@media(max-width:767px){
    #search-header{padding:5px 0}
    #search-header .result-column{padding-left:10px;padding-right:10px}
    #search-header .links{display:block;font-size:15px;line-height:1.5em;text-align:right}
    #search-header .links li{display:inline-block}
    #search-header .links li+li{margin-left:20px}
    #search-header .links a{color:#777;display:inline;font-weight:400;text-decoration:none}
    #search-header .links a:hover{text-decoration:underline}
    #search-header .logo{position:relative;right:0;text-align:center;top:5px;bottom:10px}
    #search-header .logo a{display:block;}
    #search-header .logo img{height:60px}
    #search-header .search-bar{height:32px;padding-left:0px}
    #search-header .search-bar__button--submit{width:40px}
}

    p.spacebottom{margin-bottom:20px}
    p.spacetop{margin-top:20px}
    .clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}
    .clearfix,#product-item{zoom:1}
    .clearfix:before,#product-item:before,.clearfix:after,#product-item:after{content:'';display:table}
    .clearfix:after,#product-item:after{clear:both}
    .autodisplay{display:none}
    .wrap{padding:0 10px}
    .wrap.nopadding{padding:0}
    .wrap.width-small,#message,.wrap.width-large{margin-left:auto;margin-right:auto}
    .wrap.width-small,#message{max-width:960px}
    .wrap.width-large{max-width:1240px}
    h1{color:#333;font:bold 20px/30px Arial,Helvetica,sans-serif}
    h2{color:#333;font:bold 20px/25px Arial,Helvetica,sans-serif}
    h3{color:#333;font:bold 14px/20px Arial,Helvetica,sans-serif}
    h1.fa-warning,h2.fa-warning{padding-left:28px}
    h1.fa-warning:before,h2.fa-warning:before{color:#e64c39;left:0;width:28px}
    #logo{display:inline-block;padding-right:10px;vertical-align:top}
    #logo.small{height:28px}.pad{padding-bottom:50px}
    .bgbox{background:#fdfdfd;border-bottom:1px solid #ececec;border-top:1px solid #ececec;margin-top:20px;padding-bottom:10px;padding-top:10px}
    .bgbox .box-title{display:block;font-size:17px;line-height:28px;margin-bottom:5px;padding:5px 10px 0 10px}
    .bgbox .box-title a{color:inherit;text-decoration:none}
    .linklist.pushdown{margin-top:20px}
    .linklist ul.group li,.linklist div.group{display:inline-block;vertical-align:top}
    .linklist div.group{margin:10px 0;vertical-align:top}
    .linklist div.group.size-33p,.linklist ul.group.size-33p li{width:33.3333%}
    .linklist div.group.size-50p,.linklist ul.group.size-50p li{width:50%}
    .linklist div.group.size-66p,.linklist ul.group.size-66p li{width:66.6666%}
    .linklist div.group.size-100p{display:block;width:100%}
    .linklist a,.linklist .a{text-decoration:none}
    .linklist a:hover,.linklist .a:hover{text-decoration:underline;cursor:pointer}
    .linklist h2 a,.linklist h3 a,.linklist h2 .a,.linklist h3 .a{color:#333}
    .linklist li a,.linklist li .a{color:#008fd5;cursor:pointer;font-size:14px;line-height:22px}
    .textblock h2{font-size:18px}
    .textblock p{color:#444;margin-bottom:15px}
    .textblock ul,.textblock ol{margin-left:20px}
    .textblock ul{list-style:disc}
    .textblock a{color:#008fd5;text-decoration:none}
    .textblock a:hover{text-decoration:underline}
    #notification{background:#444;background:rgba(0,0,0,.75);bottom:0;color:#fff;line-height:60px;position:fixed;text-align:center;width:100%;z-index:2500}
    #notification a{color:#fff}
    #notification .close{color:#aaa;cursor:pointer;height:30px;font-size:18px;position:absolute;line-height:30px;right:5px;top:15px;-webkit-transform:translateZ(0);-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;transition:.2s;width:30px}
    #notification .close:before{display:block;height:100%;font-weight:normal;font-family:'FontAwesome';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;position:absolute;text-rendering:auto;content:"\f00d";display:block;height:100%;width:100%}
    #notification .close:hover{color:#fff;-webkit-transform:scale(1.25);-ms-transform:scale(1.25);transform:scale(1.25)}
    .search-columns{max-width:1280px;width:100%;margin-top:20px;}
@media(min-width:768px){
    .search-columns .result-column,.search-columns .aside-column{display:inline-block;padding-left:15px;padding-right:15px;vertical-align:top}
    .search-columns .result-column{width:66.66667%}
    .search-columns .aside-column{width:33.33333%}
}
@media(min-width:1024px) and (max-width:1279px){
    .search-columns{max-width:1024px}
    .search-columns .result-column{padding-left:80px}
}
@media(min-width:1280px){
    .search-columns .result-column{padding-left:110px}
}
@media(max-width:767px){
    .search-columns .result-column{clear:both;display:block;padding-left:15px;padding-right:15px}
}
    .button{background:#9da5aa;border:1px solid #49555c;border-radius:3px;-webkit-box-shadow:0 2px 0 #e5e5e5;-khtml-box-shadow:0 2px 0 #e5e5e5;-moz-box-shadow:0 2px 0 #e5e5e5;-ms-box-shadow:0 2px 0 #e5e5e5;box-shadow:0 2px 0 #e5e5e5;color:#fff;cursor:pointer;display:inline-block;font:700 14px/32px Arial,Helvetica,sans-serif;height:36px;margin:0 auto;overflow:hidden;position:relative;text-align:center;text-decoration:none}
    .button:hover:after{background:rgba(255,255,255,.1);content:'';display:block;height:100%;left:0;position:absolute;top:0;width:100%}
    .button[disabled],.button.disabled{background:#ddd;border-color:#ccc;cursor:default}
    .button.color-blue{background-color:#008fd5;border-color:#49555c}
    .button.color-blue>span{border-top-color:#40abe0}
    .button.color-green{background-color:#4db828;border-color:#307019}
    .button.color-green>span{border-top-color:#7aca5e}
    .button.color-grey{background-color:#9da5aa;border-color:#49555c}
    .button.color-grey>span{border-top-color:#b6bcbf}
    .button--color-white{background-color:#fff;border-color:#a0a0b0;border-top:0;box-shadow:none;color:#505058;font-weight:400}
    .button--color-white>span{border-top:0}
    .button>span{border-top:1px solid #b6bcbf;display:block;padding:0 20px}
    #footer .nav{background:#333;font-size:12px;line-height:30px;text-align:center}
    #footer .nav li{display:inline-block;padding:0 15px}
    #footer .nav a{color:#fff;text-decoration:none;white-space:nowrap}
    #footer .nav a:hover{text-decoration:underline}
    #footer .followus ul,#footer .followus li{display:inline-block}
    #footer .followus li{padding:0 3px}
    #footer .followus a{background:#fff;border-radius:50%;color:#000;display:block;font-size:12px;height:20px;position:relative;top:5px;width:20px}
    #footer .followus a:before{display:block;height:100%;font-weight:normal;font-family:'FontAwesome';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;position:absolute;text-rendering:auto;line-height:20px;width:100%}
    #footer .followus a:hover{background:#e64c39}
    #footer .followus a:before{height:20px;width:20px}
    .item-gallery>.item{display:inline-block;padding:5px;text-align:center;vertical-align:top}
    .item-gallery>.item.highlight .frame,.item-gallery>.item .frame:hover{border-color:#008fd5}
    .item-gallery>.item .button{max-width:130px;width:100%}
    .item-gallery>.item .button:before{content:"\f18e";display:none;font-size:20px;right:10px}
    .item-gallery>.item .frame{background:#fff;border:1px solid #ebebeb;color:#222;display:block;height:100%;overflow:hidden;padding:10px 10px 0 10px;position:relative;text-decoration:none;width:100%}
    .item-gallery>.item .frame:hover .button:before{display:block}
    .item-gallery>.item .frame:hover .source{visibility:visible}
    .item-gallery>.item .frame:hover .icon-info{color:#008fd5}
    .item-gallery>.item .frame.show-info .info{display:block}
    .item-gallery>.item .image{height:150px;padding-bottom:10px;vertical-align:middle;overflow:hidden;width:100%}
    .item-gallery>.item .image img{display:block;margin:0 auto;max-height:140px;max-width:140px;width:100%}
    .item-gallery>.item .title{color:#333;display:block;height:34px;font-size:13px;line-height:17px;overflow:hidden;text-decoration:none}
    .item-gallery>.item .info{background:#fff;background:rgba(255,255,255,.95);cursor:pointer;display:none;font-size:11px;height:100%;left:0;line-height:15px;padding:10px;position:absolute;text-align:left;top:0;width:100%;z-index:15}
    .item-gallery>.item .price{font-size:18px;font-weight:bold;height:40px;line-height:30px;padding:5px 0;white-space:nowrap}
    .item-gallery>.item .price .before{color:#777;font-size:11px;font-weight:normal}
    .item-gallery>.item .source{display:block;font-size:11px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;visibility:hidden;white-space:nowrap}
    .item-gallery>.item .icon-wrap{color:#ddd;left:0;height:20px;line-height:20px;position:absolute;text-align:left;top:0;right:0;z-index:10}
    .item-gallery>.item .icon{cursor:pointer;display:inline-block;height:20px;width:20px;-webkit-transform:translateZ(0);-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;transition:.25s}
    .item-gallery>.item .icon:before{font-size:16px;height:20px;width:20px;text-align:center}
    .item-gallery>.item .icon-info:before{content:"\f05a"}
    .item-gallery>.item .icon-favorite:before{content:"\f005";font-size:15px}
    .item-gallery>.item .icon-favorite:hover{color:#f5e9ae}
    .item-gallery>.item .icon-share:before{content:"\f1e0"}
    .item-gallery>.item .icon-share:hover{color:#008fd5}
    .item-gallery>.item .icon-delete{position:absolute;right:0}
    .item-gallery>.item .icon-delete:before{color:#e74c3a;content:"\f057"}
    .item-list>.item{color:#888;display:block;font:400 13px/20px Arial,Helvetica,sans-serif;padding-bottom:25px;position:relative;width:100%}
    .item-list>.item.product{min-height:70px}
    .item-list>.item .spec{margin-right:100px}
    .item-list>.item .title{color:#2800c8;display:block;font-size:18px;line-height:24px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
    .item-list>.item .title:first-letter {text-transform:capitalize}
    .item-list>.item .title:hover{text-decoration:underline}
    .item-list>.item .image{height:70px;position:absolute;right:5px;top:0;width:60px}
    .item-list>.item .image img{display:block;margin:0 auto;max-height:60px;max-width:60px;overflow:hidden}
    .item-list>.item .description{color:#505058;font-size:14px;line-height:20px;max-height:40px;overflow:hidden;width:100%}
    .item-list>.item .icon-wrap{display:inline-block;height:15px;line-height:15px}
    .item-list>.item .icon{color:#ddd;cursor:pointer;display:inline-block;height:15px;margin-left:5px;-webkit-transform:translateZ(0);-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;transition:.25s;width:15px}
    .item-list>.item .icon:before{font-size:14px;height:15px;width:15px;text-align:center}
    .item-list>.item .icon-favorite:before{content:"\f005"}
    .item-list>.item .icon-favorite:hover{color:#f5e9ae}
    .item-list>.item .icon-share:before{content:"\f1e0"}
    .item-list>.item .icon-share:hover{color:#008fd5}
    .item-list .related-searches{padding-left:0}
    .item-list__source{color:#0e7744;display:block;font-size:13px;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .item-list.web-open>.item .description,.item-list>.item.da .description{max-height:none;overflow:visible}
@media(min-width:1024px){
    html.device-computer .item-list__source{color:#505058}
    html.device-computer.network-m .item-list__source{color:#0e7744}
}
    #search-results{padding-top:3px;}
    #search-results .textheader,#search-results .notrelative{padding-left:5px;padding-right:5px}
    #search-results .notrelative{color:#e64c39}
    #result-searchbar{zoom:1;padding:7px 10px 0 19px;margin-bottom:5px;width:100%}
    #result-searchbar:before,#result-searchbar:after{content:'';display:table}
    #result-searchbar:after{clear:both}
    #result-searchbar .searchfield{margin-left:190px;vertical-align:top}
    #result-searchbar #logo{float:left;height:42px;padding-top:8px}
    #search-results-list{padding-left:4px}
    #search-results-list h1{font-size:5px;overflow:hidden;position:absolute;text-indent:-2000px;top:0}
    #search-results-list .item-gallery{margin-left:-4px}
    #layout-switch{color:#a0a0b0;cursor:pointer;display:inline-block;font-size:13px;margin-left:10px;padding-left:25px;position:absolute;text-decoration:none;top:1px}
    #layout-switch:hover{color:#000;text-decoration:underline}
    #layout-switch:before{font-size:15px;left:0;text-align:center;text-decoration:underline;width:20px}
    #layout-switch:before,#layout-switch:hover:before{text-decoration:none}
    #search-filters{padding-top:15px}
    #search-filters .filter{border-left:1px solid #eee;margin-bottom:20px;padding-left:14px}
    #search-filters .head{color:#777;font-size:15px;line-height:22px;margin-bottom:5px}
    #search-filters .items{font-size:13px}
    #search-filters .items .a,#search-filters .items a{color:#777;cursor:pointer;display:inline-block;max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}
    #search-filters .items .a:hover .text,#search-filters .items a:hover .text{text-decoration:underline}
    #search-filters .items .a.active,#search-filters .items a.active{font-weight:700}
    #search-filters .items li{display:block}
    #search-filters .items li ul{list-style-type:disc;margin-left:15px}
    #search-filters .items li ul li{display:list-item}
    #search-filters .count,#search-filters .text{display:inline-block;vertical-align:middle}
    #search-filters .count{color:#ccc;font-size:11px}
    #active-filters{margin:10px 0 0}
    #active-filters li{display:inline-block;margin:0 5px 5px 0}
    #active-filters a{background:#eee;color:#222;display:inline-block;line-height:24px;padding:0 5px 0 20px;text-decoration:none}
    #active-filters a:before{content:"\f00d";font-size:11px;left:0;text-align:center;width:20px}
    .result-stats{color:#70757a;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:18px;margin-top:9px;padding-left:4px}
    .moreresults{margin:10px 0}
    .moreresults .button{width:100%}
    #search-noresults{margin-top:20px}
    #search-noresults .description{line-height:28px}
    #search-noresults .searchfield{width:100%}
    #search-noresults .querylinks{font-size:14px;max-width:700px;padding-top:10px}
    #search-noresults .querylinks a{color:#008fd5;text-decoration:none}
    #search-noresults .querylinks a:hover{text-decoration:underline}
    #search-noresults .querylinks li{display:inline-block;width:50%}
    .textheader{padding:0 10px 10px 10px}
    .textheader h1,.textheader h2,.textheader .totalcount,.textheader .info,.textheader form,.textheader select,.textheader #listinfo{vertical-align:middle}
    .textheader h1,.textheader h2,.textheader #listinfo,.textheader .totalcount{margin-right:10px}
    .textheader .totalcount{color:#888;font-size:13px}
    .textheader select{background:#fff;border:1px solid #ddd;height:26px;line-height:26px;padding:0 5px}
    .textheader select option{padding:3px 8px}
    #listinfo .info.hidden{display:none}
@media(min-width:768px){
    .moreresults .button{max-width:370px}
}
    #header{background:#008fd5;font-size:12px;font-weight:bold;height:32px;line-height:32px;padding-left:10px;position:relative;text-align:left}
    #header a,#header .a{color:#fff;display:block;text-decoration:none}
    #header nav{height:32px;overflow:hidden}
    #header .home{background:#fff;display:inline-block}
    #header .home a{padding:0 20px;color:#000}
    #header .slogan{color:#fff;display:inline-block;margin:0 10px;font-size:13px}
    #header #topfavorites{background:#006da2;display:block;height:100%;position:absolute;padding:0 10px 0 30px;right:90px;top:0}
    #header #topfavorites:before{display:block;height:100%;font-weight:normal;font-family:'FontAwesome';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;position:absolute;text-rendering:auto;content:"\f006";font-size:16px;left:0;text-align:center;width:30px}
    #header #topfavorites:hover:before{content:"\f005"}
    #header #topfavorites:hover .text{text-decoration:underline}
    #header #topfavorites .count{display:none;padding-left:5px}
@media(max-width:767px){
    #header{height:40px;line-height:40px}
    #header nav{height:40px}
    #header #topfavorites{display:none}
}
@media(max-width:1023px){
    #header .slogan{display:none}
}
    .related-searches{margin-bottom:20px;padding-left:4px;width:100%}
    .related-searches__header-text{color:#a0a0b0;display:block;font:400 14px/26px Arial,Helvetica,sans-serif;margin:0 0 5px 0;position:relative;text-align:left}
    .related-searches__list{display:inline-block;font-family:Arial,Helvetica,sans-serif;margin-right:30px;min-width:190px;vertical-align:top}
@media(max-width:499px),(max-height:499px) and (max-width:767px) and (orientation:portrait){
    .related-searches__list{display:block}
    .related-searches__list--second{display:none}
}
    .related-searches__list-item{display:block;font-size:16px;line-height:34px}
    .related-searches__list-link{color:#1900e1;text-decoration:none}
    .related-searches__list-link:hover{text-decoration:underline}
    .related-searches__list-link strong{font-weight:bold}
@media(max-width:767px){
    .related-searches__list--chevron{display:block;margin-right:0}
    .related-searches__list--chevron .related-searches__list-item{border-bottom:1px solid #eee}
    .related-searches__list--chevron .related-searches__list-link{display:block;padding:4px 0;position:relative;text-decoration:none}
    .related-searches__list--chevron .related-searches__list-link:hover{text-decoration:none}
    .related-searches__list--chevron .related-searches__list-link:before{color:#000;content:"\f054";right:0}
}
    .ui-helper-hidden-accessible{display:none}
    .ui-autocomplete{background:#fff;cursor:default;border:1px solid #ccc;border-top:0;font-size:13px;left:0;position:absolute;top:0;z-index:2500}
    .ui-autocomplete a{border:0;color:#222;display:block;line-height:2em;margin:0;padding:0 10px;text-decoration:none !important}
    .ui-autocomplete li.ui-state-focus{background:#a0a0b0}
    .ui-autocomplete li.ui-state-focus a{color:#fff}
    .buttonwrap .button{padding-left:20px;padding-right:20px}
    .form+.buttonwrap{padding-left:200px;text-align:left}
    .form+.buttonwrap .button{margin:0}
    .errors{background:#ff4f4f;margin-bottom:10px;padding:10px}
    .errors,.errors a{color:#fff}
    .errors.hidden{display:none}
    .errors a{text-decoration:underline}.errors p{position:relative;padding-left:15px}
    .errors p:before{display:block;height:100%;font-weight:normal;font-family:'FontAwesome';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;position:absolute;text-rendering:auto;color:#fff;left:0;text-align:left}
    .errors p::before{content:"\f054"}#sharebox{background:#fff;border:1px solid #ddd;display:none;font-size:14px;line-height:30px;position:absolute}
    #sharebox:before{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #777;content:'';display:block;height:0;left:calc(50% - 3px);position:absolute;top:-7px;width:0}
    #sharebox.show{display:block}#sharebox .fa{border-top:1px solid #ddd;color:#000;display:block;height:30px;text-decoration:none}
    #sharebox .fa:before{text-align:center;width:30px}#sharebox .fa:first-child{border-top:0}#sharebox .fa:hover{background-color:#eee}
    #sharebox .text{display:block;margin-left:30px;padding-right:10px}
    .section-head{color:#a0a0b0;display:block;font:400 14px/26px Arial,Helvetica,sans-serif;margin:0 0 5px 0;position:relative;text-align:left}
    .section-head__title{color:#a0a0b0;display:inline-block;font:inherit;margin:0}
    .section-head--more-bottom-space{padding-bottom:5px}
    .search-bar{display:table;height:40px;max-width:734px;width:100%}
    .search-bar__fields{background:#fff;border:1px solid #cfcfd2;box-shadow:0 1px 4px rgba(20,20,20,.1);display:table;width:100%}
    .search-bar__query-field,.search-bar__submit-field{display:table-cell;vertical-align:top}
    .search-bar__query-field{width:100%}
    .search-bar__query{background:transparent;-webkit-appearance:none;border:0;display:block;font-size:16px;height:38px;line-height:38px;outline:0;padding:0 10px;width:100%}
    .search-bar__button{background:transparent;border:0;border-collapse:separate;color:#a0a0b0;cursor:pointer;display:inline-block;font-size:21px;height:38px;line-height:38px;outline:0;position:relative;width:40px}
    .search-bar__button:before{height:38px;left:0;text-align:center;top:0;width:inherit}
    .search-bar__button-text{display:block;font-size:1px;visibility:hidden}
    .search-bar__button--submit{color:#e64c39;font-size:17px;width:50px}
    .search-bar__button--filters::before{content:"\f0b0"}
    .search-bar__button--settings::before{content:"\f0c9"}
    .search-bar__options{padding:1px 0 1px 5px}
    .search-bar__filters{display:none;position:relative}
    .search-bar__settings{display:inline-block;position:relative}
@media(max-width:767px){.search-bar__filters{display:inline-block}}
    #big-search-bar{padding:5% 20px;text-align:center}
    #big-search-bar .search-bar{display:block;margin:10px auto;max-width:700px}
    .settings-box{background:#fff;border:1px solid #a0a0b0;display:none;font-size:12px;padding:9px;position:absolute;right:0;text-align:right;z-index:1}
    .settings-box--show{display:block}
    .settings-box-list__item{padding:3px 0}
    .settings-box-list__label{white-space:nowrap}
    .settings-box select{display:inline-block;margin-left:10px;width:150px}
    #afsh-container-wrap.between-results{margin-bottom:20px}
    .sitelinks{display:block;font-size:15px;line-height:22px}
    .sitelinks__column{float:left;margin-right:20px;min-width:190px}
    .sitelinks__item{display:block}
    .sitelinks__link{color:#2800c8;display:inline;text-decoration:none;white-space:nowrap}
    .sitelinks__link:hover{text-decoration:underline}
    html.b.device-computer.network-g .item-list>.item .title{color:#1a0dab}
    html.b.device-computer.network-g .related-searches__list-link{color:#1a0dab !important}
    #mq{background:transparent;bottom:0;display:block;height:0;left:0;position:fixed;width:0}
    #mq li{display:none}
@media(min-width:1280px){#mq li:nth-child(5){display:inline-block}}
@media(max-width:1279px){#mq li:nth-child(4){display:inline-block}}
@media(max-width:1023px){#mq li:nth-child(3){display:inline-block}}
@media(max-width:767px){#mq li:nth-child(2){display:inline-block}}
@media(max-width:499px),(max-height:499px) and (max-width:767px) and (orientation:portrait){#mq li:nth-child(1){display:inline-block}}
@media(max-width:499px),(max-height:499px) and (max-width:767px) and (orientation:portrait){
    .searchfield .settings .viewbox{text-align:left}
    .searchfield .settings .viewbox label .text{display:block}
    .searchfield .settings .viewbox select{margin-left:0}
}
@media(max-width:767px){
    .textheader h1,.textheader h2{clear:both;display:block;margin-bottom:4px}
    .textheader .totalcount{margin-left:0}
    #domains,#search-filters{display:none}
    #bigsearchbar .searchfield{padding-right:50px}
    #bigsearchbar .searchfield .submit{right:50px}
    #bigsearchbar .searchfield .settings button,#bigsearchbar .searchfield .settings .viewbox{right:0}
    #bigsearchbar .searchfield .query{margin-right:0}
    #bigsearchbar .searchfield .query::-webkit-input-placeholder{color:transparent;font-weight:normal;opacity:1 !important;text-overflow:ellipsis;text-transform:none;white-space:nowrap}
    #bigsearchbar .searchfield .query:-moz-placeholder{color:transparent;font-weight:normal;opacity:1 !important;text-overflow:ellipsis;text-transform:none;white-space:nowrap}
    #bigsearchbar .searchfield .query::-moz-placeholder{color:transparent;font-weight:normal;opacity:1 !important;text-overflow:ellipsis;text-transform:none;white-space:nowrap}
    #bigsearchbar .searchfield .query:-ms-input-placeholder{color:transparent;font-weight:normal;opacity:1 !important;text-overflow:ellipsis;text-transform:none;white-space:nowrap}
    #bigsearchbar .searchfield .query.placeholder,#bigsearchbar .searchfield .query .placeholder{color:transparent;font-weight:normal;opacity:1 !important;text-overflow:ellipsis;text-transform:none;white-space:nowrap}
    .linklist div.group.size-33p,.linklist div.group.size-66p{width:50%}
    .linklist div.group.size-66p ul.size-50p li{padding-right:10px}
    .linklist div.group.mobile-clear{clear:both;display:block;width:100%}
    .linklist div.group.mobile-clear+div.group.mobile-clear{margin-top:20px}
    .form+.buttonwrap{padding-left:0}
    footer .nav li{padding:0 10px}
    footer .nav .followus{clear:both;display:block}
    .layer-filtertree #maincontent{padding-bottom:0}
    .layer-filtertree #search-results,.layer-filtertree .followus,.layer-filtertree footer,.layer-filtertree #topfavorites{display:none}
    .layer-filtertree #search-filters{display:block;float:none;padding:0}
    .layer-filtertree #search-filters .filter{border-left:0;margin-bottom:0;padding-left:0}
    .layer-filtertree #search-filters .filter .head,.layer-filtertree #search-filters .filter .items li a,.layer-filtertree #search-filters .filter .items li .a,.layer-filtertree #search-filters .filter .more{border-bottom:1px solid #ddd;font-size:16px;line-height:40px;margin-bottom:0}
    .layer-filtertree #search-filters .filter .more{display:block}
    .layer-filtertree #search-filters .filter .items{display:none}
    .layer-filtertree #search-filters .filter a,.layer-filtertree #search-filters .filter .a,.layer-filtertree #search-filters .filter .head{display:block;padding:5px 10px}
    .layer-filtertree #search-filters .filter.active .head{font-weight:bold}
    .layer-filtertree #search-filters .filter ul{list-style-type:none;margin-left:0}
    .layer-filtertree #search-filters .filter ul ul>li a,.layer-filtertree #search-filters .filter ul ul>li .a{padding-left:20px}
    .layer-filtertree #search-filters .filter ul ul ul>li a,.layer-filtertree #search-filters .filter ul ul ul>li .a{padding-left:30px}
}
@media(max-width:499px),(max-height:499px) and (max-width:767px) and (orientation:portrait){.item-gallery>.item{width:50%}}
@media(min-width:500px) and (max-width:767px),(min-height:500px) and (max-height:767px) and (orientation:landscape){.item-gallery>.item{width:33.33333%}}
@media(min-width:768px) and (max-width:1023px){#search-results .item-gallery>.item{width:33.33333%}.visitorproducts .item{width:25%}}
@media(max-width:1023px){.visitorproducts .item{max-width:100%}}
@media(min-width:1024px){#search-results .item-gallery>.item{display:inline-block;width:25%}.visitorproducts .item{max-width:190px;width:100%}}
    .news-detail { clear:both;}
    .news-detail h1{font-size:2.4rem;}
    .news-detail .news-image{width:270px; margin:5px 10px 10px 0; padding:3px; border:1px solid #D0D0D0; background:#FFFFFF;}
    .news-detail .summary{text-align:justify; font-weight:bold}
    .news-detail .detail{text-align:justify; line-height:180%;margin-top:15px;}
    .news-detail .detail p{text-align:justify; line-height:180%;margin:10px 0;}
    .news-detail .posted-date{border-bottom:1px dashed #ddd; padding-bottom:10px; margin:8px 0 15px;}
    .news-detail .detail img{height:auto; max-width:100%;}
    .other-search{
        zoom: 1;
        display: block;
        padding: 15px 0 0;
    }
    .other-search li{color: #848687;
        display: inline-block;
    margin-right: 8px;
    border-radius: 4px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
    }
    .other-search li a{
        color: #444545;
    padding: 6px 8px;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    }
    .other-search li a img{
        margin-right: 4px;
    -webkit-filter: grayscale() brightness(.7);
    filter: grayscale() brightness(.7);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    }
.news-home a{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 6px;
}
.news-home a span:first-child,.content-list a span:first-child{display:inline-block;flex: 0 0 26px;width:26px;height:26px;line-height:26px;text-align:center; background-color:#fb7423; color:#fff;border-radius:50%; margin-right:6px; margin-top:-4px;}
.content-list a span:first-child{background-color:#0d9bb9;}


/*nút call*/
.hig-alo-right {
    left: auto !important;
    right: 55px;
    /*right: 150px;*/
}

.hig-alo-phone {
    position: fixed;
    left: 20px;
    bottom: 20px;
    visibility: hidden;
    background-color: transparent;
    /*width: 80px;*/
    height: 60px;
    cursor: pointer;
    z-index: 1000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
}

    .hig-alo-phone > span {
        display: block;
        background-color: #e50606e0;
        color: #fff;
        padding: 0 30px 0 60px;
        line-height: 35px;
        font-size: 1.5rem;
        position: absolute;
        top: 5px;
        left: 5px;
        white-space: nowrap;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
    }

.hig-alo-move-cursor {
    cursor: move
}

.hig-alo-phone.hig-alo-show {
    visibility: visible
}

.hig-alo-phone.hig-alo-static {
    opacity: .6
}

.hig-alo-phone.hig-alo-hover, .hig-alo-phone:hover {
    opacity: 1
}

/*.hig-alo-ph-circle {*/
/*    width: 86px;*/
/*    height: 86px;*/
/*    top: -28px;*/
/*    left: -28px;*/
/*    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: hig-alo-circle-anim 1.2s infinite ease-in-out;*/
/*    -moz-animation: hig-alo-circle-anim 1.2s infinite ease-in-out;*/
/*    -ms-animation: hig-alo-circle-anim 1.2s infinite ease-in-out;*/
/*    -o-animation: hig-alo-circle-anim 1.2s infinite ease-in-out;*/
/*    animation: hig-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%*/
/*}*/

/*.hig-alo-mobile .hig-alo-ph-circle {*/
/*    width: 140px;*/
/*    height: 140px;*/
/*    top: 30px;*/
/*    left: 30px*/
/*}*/

/*.hig-alo-phone.hig-alo-active*/
/*.hig-alo-ph-circle {*/
/*    -webkit-animation: hig-alo-circle-anim 1.1s infinite ease-in-out !important;*/
/*    -moz-animation: hig-alo-circle-anim 1.1s infinite ease-in-out !important;*/
/*    -ms-animation: hig-alo-circle-anim 1.1s infinite ease-in-out !important;*/
/*    -o-animation: hig-alo-circle-anim 1.1s infinite ease-in-out !important;*/
/*    animation: hig-alo-circle-anim 1.1s infinite ease-in-out !important*/
/*}*/

/*.hig-alo-phone.hig-alo-static .hig-alo-ph-circle {*/
/*    -webkit-animation: hig-alo-circle-anim 2.2s infinite ease-in-out !important;*/
/*    -moz-animation: hig-alo-circle-anim 2.2s infinite ease-in-out !important;*/
/*    -ms-animation: hig-alo-circle-anim 2.2s infinite ease-in-out !important;*/
/*    -o-animation: hig-alo-circle-anim 2.2s infinite ease-in-out !important;*/
/*    animation: hig-alo-circle-anim 2.2s infinite ease-in-out !important*/
/*}*/

/*.hig-alo-phone.hig-alo-hover .hig-alo-ph-circle, .hig-alo-phone:hover .hig-alo-ph-circle {*/
/*    border-color: #e8000b;*/
/*    opacity: .5*/
/*}*/

/*.hig-alo-phone.hig-alo-green.hig-alo-hover .hig-alo-ph-circle,*/
/*.hig-alo-phone.hig-alo-green:hover .hig-alo-ph-circle {*/
/*    border-color: #75eb50;*/
/*    opacity: .5*/
/*}*/

/*.hig-alo-phone.hig-alo-green .hig-alo-ph-circle {*/
/*    border-color: #e8000b;*/
/*    opacity: .5*/
/*}*/

/*.hig-alo-phone.hig-alo-gray.hig-alo-hover .hig-alo-ph-circle,*/
/*.hig-alo-phone.hig-alo-gray:hover .hig-alo-ph-circle {*/
/*    border-color: #ccc;*/
/*    opacity: .5*/
/*}*/

/*.hig-alo-phone.hig-alo-gray .hig-alo-ph-circle {*/
/*    border-color: #75eb50;*/
/*    opacity: .5*/
/*}*/

/*.hig-alo-ph-circle-fill {*/
/*    width: 66px;*/
/*    height: 66px;*/
/*    top: -18px;*/
/*    left: -18px;*/
/*    position: absolute;*/
/*    background-color: #000;*/
/*    -webkit-border-radius: 100%;*/
/*    -moz-border-radius: 100%;*/
/*    border-radius: 100%;*/
/*    opacity: .1;*/
/*    -webkit-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out;*/
/*    -moz-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out;*/
/*    -ms-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out;*/
/*    -o-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out;*/
/*    animation: hig-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%*/
/*}*/

/*.hig-alo-phone.hig-alo-active .hig-alo-ph-circle-fill {*/
/*    -webkit-animation: hig-alo-circle-fill-anim 1.7s infinite ease-in-out !important;*/
/*    -moz-animation: hig-alo-circle-fill-anim 1.7s infinite ease-in-out !important;*/
/*    -ms-animation: hig-alo-circle-fill-anim 1.7s infinite ease-in-out !important;*/
/*    -o-animation: hig-alo-circle-fill-anim 1.7s infinite ease-in-out !important;*/
/*    animation: hig-alo-circle-fill-anim 1.7s infinite ease-in-out !important*/
/*}*/

/*.hig-alo-phone.hig-alo-static .hig-alo-ph-circle-fill {*/
/*    -webkit-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out !important;*/
/*    -moz-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out !important;*/
/*    -ms-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out !important;*/
/*    -o-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out !important;*/
/*    animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out !important;*/
/*    opacity: 0 !important*/
/*}*/

/*.hig-alo-phone.hig-alo-hover .hig-alo-ph-circle-fill, .hig-alo-phone:hover .hig-alo-ph-circle-fill {*/
/*    background-color: #f00;*/
/*    opacity: .1 !important*/
/*}*/

/*.hig-alo-phone.hig-alo-green.hig-alo-hover .hig-alo-ph-circle-fill, .hig-alo-phone*/
/*.hig-alo-green:hover .hig-alo-ph-circle-fill {*/
/*    background-color: #f00;*/
/*    opacity: .1 !important*/
/*}*/

/*.hig-alo-phone.hig-alo-green .hig-alo-ph-circle-fill {*/
/*    background-color: #f00;*/
/*    opacity: .1 !important*/
/*}*/

/*.hig-alo-phone.hig-alo-gray.hig-alo-hover .hig-alo-ph-circle-fill, .hig-alo-phone.hig-alo-gray:hover .hig-alo-ph-circle-fill {*/
/*    background-color: #f00;*/
/*    opacity: .1 !important*/
/*}*/

/*.hig-alo-phone.hig-alo-gray .hig-alo-ph-circle-fill {*/
/*    background-color: #f00;*/
/*    opacity: .1 !important*/
/*}*/

.hig-alo-ph-img-circle {
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    padding: 8px;
    position: absolute;
    /*background: rgba(30,30,30,0.1) url(/assets/images/all/icon-phone-white.png) no-repeat center center;*/
    background-size: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    box-sizing: initial;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.hig-alo-phone:before, .hig-alo-phone:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #F00;
}
.hig-alo-phone-right.hig-alo-phone:hover > span {
    transform: none;
}
.hig-alo-phone:before {
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite;
}
.hig-alo-phone:after {
    -webkit-animation: ripple 2s linear 1s infinite;
    animation: ripple 2s linear 1s infinite;
}
@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(1);
  }

  75% {
    -webkit-transform: scale(1.75);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(2);
    opacity: 0;
  }
}

@keyframes ripple {
  0% {
    transform: scale(1);
  }

  75% {
    transform: scale(1.75);
    opacity: 1;
  }

  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.hig-alo-ph-circle-shake {
    -webkit-animation: hig-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: hig-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: hig-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: hig-alo-circle-img-anim 1s infinite ease-in-out;
    animation: hig-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%
}

.hig-alo-phone.hig-alo-active .hig-alo-ph-img-circle {
    -webkit-animation: hig-alo-circle-img-anim 1s infinite ease-in-out !important;
    -moz-animation: hig-alo-circle-img-anim 1s infinite ease-in-out !important;
    -ms-animation: hig-alo-circle-img-anim 1s infinite ease-in-out !important;
    -o-animation: hig-alo-circle-img-anim 1s infinite ease-in-out !important;
    animation: hig-alo-circle-img-anim 1s infinite ease-in-out !important
}

.hig-alo-phone.hig-alo-static .hig-alo-ph-img-circle {
    -webkit-animation: hig-alo-circle-img-anim 0s infinite ease-in-out !important;
    -moz-animation: hig-alo-circle-img-anim 0s infinite ease-in-out !important;
    -ms-animation: hig-alo-circle-img-anim 0s infinite ease-in-out !important;
    -o-animation: hig-alo-circle-img-anim 0s infinite ease-in-out !important;
    animation: hig-alo-circle-img-anim 0s infinite ease-in-out !important
}

.hig-alo-phone.hig-alo-hover .hig-alo-ph-img-circle, .hig-alo-phone:hover .hig-alo-ph-img-circle {
    background-color: #e8000b
}

.hig-alo-phone.hig-alo-green.hig-alo-hover .hig-alo-ph-img-circle, .hig-alo-phone.hig-alo-green:hover .hig-alo-ph-img-circle {
    background-color: #75eb50;
    background-color: #75eb50;
}

.hig-alo-phone.hig-alo-green .hig-alo-ph-img-circle {
    background-color: #e8000b;
}

.hig-alo-phone.hig-alo-gray.hig-alo-hover .hig-alo-ph-img-circle, .hig-alo-phone.hig-alo-gray:hover .hig-alo-ph-img-circle {
    background-color: #ccc;
}

.hig-alo-phone.hig-alo-gray .hig-alo-ph-img-circle {
    background-color: #75eb50;
}

@-moz-keyframes hig-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 hig-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 hig-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 hig-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 hig-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 hig-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 hig-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 hig-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 hig-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 hig-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 hig-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 hig-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)
    }
}
@media all and (max-width: 767px) {
    .hig-alo-phone > span {
        display: none;
    }
}

@media (min-width:1px) {
    .hig-alo-phone > span {
        transition: all 0.5s;
    }

    .hig-alo-phone > span {
        opacity: 0;
        -webkit-transform-origin: 10% 0%;
        transform-origin: 10% 0%;
        -webkit-transform: perspective(400) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400) rotate3d(0, 1, 0, 90deg);
    }

    /*.hig-alo-phone:hover > span,*/
    /*.hig-alo-phone-right.hig-alo-phone:hover > span {*/
    /*    opacity: 1;*/
    /*}*/

    .hig-alo-phone-right.hig-alo-phone:hover > span {
        transform: none;
    }

    .hig-alo-phone-right.hig-alo-phone {
        left: auto;
        right: 2rem;
        bottom: 8rem;
        width: 46px;
        height: 46px;
        display: flex;
        background: #e80812;
        border-radius: 50%;
        /*display: none !important;*/
    }

        .hig-alo-phone-right.hig-alo-phone > span {
            width: 0px;
        }

        .hig-alo-phone-right.hig-alo-phone:hover > span {
            width: 100%;
        }

        .hig-alo-phone-right.hig-alo-phone .hig-alo-ph-img-circle {
            right: 0;
            left: auto;
        }

        .hig-alo-phone-right.hig-alo-phone > span {
            left: auto;
            top: 0.25rem;
            right: 1rem;
            position: relative;
            padding: 0 3.5rem 0 2rem;
            -webkit-transform-origin: 10% 0%;
            transform-origin: -250% 90%;
            -webkit-transform: perspective(400) rotate3d(1,1,-1,-90deg);
            transform: perspective(400) rotate3d(1,1,-1,-90deg);
        }
}


@media (min-width:1px) {
    /*.hig-alo-phone a span {*/
    /*    transition: all 0.5s;*/
    /*}*/

    /*.hig-alo-phone a span {*/
    /*    opacity: 0;*/
    /*    -webkit-transform-origin: 10% 0%;*/
    /*    transform-origin: 10% 0%;*/
    /*    -webkit-transform: perspective(400) rotate3d(0, 1, 0, 90deg);*/
    /*    transform: perspective(400) rotate3d(0, 1, 0, 90deg);*/
    /*}*/

    /*.hig-alo-phone:hover a span {*/
    /*    opacity: 1;*/
    /*    -webkit-transform: rotate(0deg);*/
    /*    transform: rotate(0deg);*/
    /*}*/
    
    /*.hig-alo-phone span {*/
    /*    display: none;*/
    /*}*/
    
    /*.hig-alo-phone > a{*/
    /*    width: 46px;*/
    /*    height: 46px*/
    /*}*/
}

/*social bottom left end*/
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/assets/client/css/images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/assets/client/css/images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/assets/client/css/images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/assets/client/css/images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/assets/client/css/images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/assets/client/css/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/assets/client/css/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/assets/client/css/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/assets/client/css/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/assets/client/css/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/assets/client/css/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/assets/client/css/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/assets/client/css/images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/assets/client/css/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(/assets/client/css/images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(/assets/client/css/images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(/assets/client/css/images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(/assets/client/css/images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(/assets/client/css/images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(/assets/client/css/images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(/assets/client/css/images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(/assets/client/css/images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

.menu {}
.menu ul {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
}
.menu > ul {margin-left:260px;}
.menu > ul > .menu-item {
  display: inline;
  float:left;
}
.menu > ul > .menu-item:hover {background:#006fdb}
.menu > ul > .menu-item:after {
  content: "";
  display:none;
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  bottom: 5px;
  left: calc(50% - 2px);
  will-change: transform;
  transform: scale(0);
  transition: transform 0.2s ease;
}
.menu > ul > .menu-item:hover:after {
  transform: scale(1);
}
.menu > ul > .menu-item > a{text-transform:uppercase;font-family:"Roboto Condensed"; font-size:1.1rem;color:#fff;position:relative;}
.menu > ul > .menu-item:hover > a{color:#fff;}
.menu-item {
  position:relative;
  text-align: center;
}
.menu-item.menu-pro{position:static;}
.menu-item a {
  display: block;
  padding:10px 20px;
  font-weight:normal;
}
.sub-menu {
  position: absolute;
  width: 260px;
  background:#006fdb;
  top: 0;
  left: 100%;
  opacity:0;
  z-index: 2;
  border-top:3px solid #006fdb;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -webkit-transition: all 0.4s ease-out ;-moz-transition: all 0.4s ease-out ;-o-transition: all 0.4s ease-out;-ms-transition: all 0.3s ease-out;transition: all 0.3s ease-out ;
  pointer-events: none;
		-webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);-webkit-transform-origin: 50% 0;
		-webkit-transition:350ms;-moz-transition: 350ms;-o-transition: 350ms;	transition: 350ms;
}
.menu > ul > li > .sub-menu {top: 100%;left:0;z-index: 1;}
.menu-item:hover > .sub-menu {
  z-index: 10; opacity:1;
  pointer-events: auto;
-webkit-transform: perspective(400) rotate3d(0, 0, 0, 0);
}
.sub-menu .menu-item {border-bottom: 1px solid #0056a9; line-height:normal;}
.sub-menu .menu-item:hover {
    background: #0056a9;
}
.sub-menu .menu-item a {
  padding: 0.7em 20px;color:#fff;text-align:left;
}
.sub-menu .menu-item a:before{
	  content:"\203A";
	  left:-5px;top:-1px;
	  position: relative;
}
.menu-item .showhide-subul{
    display: none;
    position: absolute;
    top: 0;
    right: 10px;
    width:28px;
    height:40px;
    line-height: 1;
    padding:0 15px;
    margin-top: 0;
    cursor: pointer;
}
.menu-item .showhide-subul i{height:auto;width:auto;position: absolute; top: 10px;bottom:0; right: 0;left:50%; margin:auto; font-size: 1.5rem;color:#fff;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.downarrowclass {
    position: absolute;
    top: 16px;
    right: 8px;
    font-size: .95rem;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}
.menu-item:hover .downarrowclass {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
/*css cho menu sản phẩm mega-menu*/
.menu > ul > li > .sub-menu.mega-menu {width:96%; margin:0 2%; overflow:hidden; min-height:250px;
	text-align: left;
	-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    padding: 20px 10px;
	background:#fff;
}
.mega-menu .menu-item{width:25%;float:left;}
.mega-menu .menu-item img{width:100%;float:left;position:absolute;top:-20px;right:-10px;}
.mega-menu .menu-item a{color:#241e20;}
.mega-menu .menu-item a:hover{color:#006fdb;}
.sub-menu.mega-menu .menu-item{border-bottom:none;background:#fff!important;}
.sub-menu.mega-menu > .menu-item > a{text-transform:uppercase; background:#fff!important; font-weight:bold;}
.sub-menu.mega-menu > .menu-item > a:before{display:none;}
.sub-menu.mega-menu .sub-menu {position: relative; width: 100%; background: #fff; left: 0; opacity: 1;border-top:none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    pointer-events: cursor;
    -webkit-transform: none;
}
.sub-menu.mega-menu .sub-menu .menu-item {width:100%;}
@media screen and (max-width: 600px) {
  .sub-menu .menu-item {}
}
@media screen and (max-width: 991px) {
  .menu {
    width:100%;position:absolute!important;top:-55px;padding:0;height:0;left:0; background-color:transparent;z-index: 30000;
  }
  .menu > ul{clear:both; position: fixed; top: 0; left:-350px; width: 300px!important; height: 100vh; padding-top: 40px; overflow: scroll!important; background: #0056a9;animation: fade 0.2s ease-out;z-index:20000;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
  }
  .menu:after {
    content: "";
	display:none;
    position: absolute;
    top: calc(50% - 2px);
    right: 1rem;
    width: 30px;
    height: 4px;
    background: #FFF;
    box-shadow: 0 10px #FFF, 0 -10px #FFF;
  }
  .menu-item{line-height:normal;width:100%;text-align:left;border-bottom:1px solid #006fdb;}
  .menu-item.menu-pro{position:relative;}
  .menu-item a{color:#fff!important;padding: .7em 40px .7em 16px;}
  .menu-item .showhide-subul{display: block;}
  .menu > ul > .menu-item {
    opacity: 0;
    animation: enter 0.3s ease-out forwards;
  } 
  .menu:hover:after {
    box-shadow: none;
  }
  .menu > ul > .menu-item:first-child span {display: inline-block;}
  .sub-menu {position:relative!important;top: 0!important;left:0!important;display:none;width:100%!important;
	-webkit-box-shadow:none;
    box-shadow: none;
  }
  .sub-menu .menu-item {
    background: #006fdb;
    border-bottom:none;
    border-top: 1px solid #0056a9;
  }
  .sub-menu .menu-item a{padding: 0.7em 40px 0.7em 26px;}
  .sub-menu .menu-item a:before{
	  content:"\203A";
	  left:-5px;top:-1px;
	  position: relative;
  }
  .sub-menu .menu-item .sub-menu .menu-item a{padding: 0.7em 40px 0.7em 40px;}
  .sub-menu .menu-item .sub-menu .menu-item .sub-menu .menu-item a{padding: 0.7em 40px 0.7em 54px;}
  /*css cho menu sản phẩm mega-menu*/
  .menu > ul > li > .sub-menu.mega-menu{
	width:100%; margin:0; min-height:0;
    -webkit-box-shadow:none;
    box-shadow: none;
    padding: 0;
	background:#006fdb;
  }
  .mega-menu .menu-item {width: 100%;}
  .mega-menu .menu-item.float-right {display:none;}
  .mega-menu .menu-item a{color:#fff;}
  .mega-menu .menu-item a:hover{color:#fff;}
  .sub-menu.mega-menu .menu-item{border-top: 1px solid #0056a9;background:#006fdb!important;}
  .sub-menu.mega-menu > .menu-item > a{text-transform:none; background:#006fdb!important;}
  .sub-menu.mega-menu > .menu-item > a:before{display: inline-block;}
}
@media screen and (max-width: 600px) {
 /* .sub-menu {
    width: 100vw;
    left: -2rem;
    top: 50%;
    transform: translateY(-50%);
  }*/
}

@keyframes enter {
  from {
    opacity: 0;
    transform: scaleY(0.98) translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#jssor_1 {
    position: relative;
    margin: 0 auto;
    top: 0px;
    left: 0px;
    max-width: 100%;
    height: 300px;
    overflow: hidden;
    visibility: hidden;
}
/* jssor slider bullet navigator skin 01 css */
/*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */
.jssorb01 {
    position: absolute;
    bottom: 16px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
        position: absolute;
        /* size of bullet elment */
        width: 20px;
        height: 10px;
        filter: alpha(opacity=70);
        opacity: .7;
        overflow: hidden;
        cursor: pointer;
        border: #ccc 1px solid;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .jssorb01 div {
        background-color: #fff;
    }

        .jssorb01 div:hover, .jssorb01 .av:hover {
            background-color: #d70005;
        }

    .jssorb01 .av {
        background-color: #d70005;
    }

    .jssorb01 .dn, .jssorb01 .dn:hover {
        background-color: #d70005;
    }

/* jssor slider arrow navigator skin 05 css */
/*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(/assets/client/css/a17.png) no-repeat;
    overflow: hidden;
}

.jssora05l {
    background-position: -10px -40px;
    top: 0px;
    left: 8px;
}

.jssora05r {
    background-position: -70px -40px;
    top: 0px;
    right: 8px;
}

.jssora05l:hover {
    background-position: -130px -40px;
}

.jssora05r:hover {
    background-position: -190px -40px;
}

.jssora05l.jssora05ldn {
    background-position: -250px -40px;
}

.jssora05r.jssora05rdn {
    background-position: -310px -40px;
}

@media all and (min-width: 1600px){
	#slideads1{width:180px;margin-left:-185px;}
	#slideads2{width:180px;margin-right:-185px;}
}
@media all and (min-width: 1400px) and (max-width: 1599px) {
	#slideads1{width:100px;margin-left:-105px;}
	#slideads2{width:100px;margin-right:-105px;}
}
@media all and (max-width: 1399px) {
	#slideads{ display:none !important}
}
@media all and (min-width: 1200px) {
    .container {max-width: 1230px;}
}
@media all and (max-width: 1200px) {
}
@media all and (max-width: 991px) {
	#header{margin-top:40px}
	#header:before{content:"";height:40px;border-bottom:1px solid #ddd; background:#fff;position:fixed;top:0;left:0;display:block;width:100%;z-index:1000;
		-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15);
	}
	#logo{padding:0; text-align:center;}
	#hotline{position:fixed;left:64px;top:2px;z-index:1001;margin-top:0;}
	#hotline p strong{display:none;}
	#hotline p b{line-height:36px;}
	.language {position:fixed;top:2px;bottom: auto;right: 50px;z-index:1001;}
	.language img{height:34px;}
	.top-menu{float:none;}
	.top-menu li{float:none;display:inline-block;margin-left:8px;margin-right:8px;}
	#cart{position:fixed;top:2px;right:10px;z-index:1000;margin-top:0;}
	.cart-link span, #hotline span {width: 34px;height: 34px;line-height: 34px;}
	.cart-link span{position:relative}
	.cart-link p{display:none}
	.cart-link p, #hotline p {padding: 0 0 0 40px;}
	.user-area {position: fixed;top: 2px;right: 50px;}
	.user-area ul{position:absolute;top:100%;right: -50px;display:none;white-space: nowrap;}
	.user-area > ul > li{display:inline-block;margin-left:-2px;margin-right:-2px;float:none}
	.user-area > ul > li > a{display:inline-block}
	#menu{z-index:1000000;}
    .menu #nav-toggle{position:fixed;top:2px;left:0;display:inline-block; float:left; font-size:1.3rem; padding:2px 8px; margin-left:15px; background-color:#006fdb;border:1px solid #006fdb;color:#fff;z-index: 10000;
		-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	}
    #closemenu,#closemenupro {
        position: fixed;
    top: 0;
    left: -350px;
    width: 300px;
    height: 40px;
    line-height: 40px;
    z-index: 30000;
    display: block;
    padding: 0 8px;
    color: #fff;
    font-size: 1.4rem;
    text-align: left;
    background-color: #241e20;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}  
	.menu > ul{margin-left:0}
	#cat-pro-wrap{z-index:1000000;}
	#cat-title{position:fixed;top:2px;left:60px;font-size:0;
		height: auto;text-align:center;
		line-height: normal;
		padding: 8px;
		-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	}
	#cat-title i{font-size:1.2rem;margin:0}
	.cd-dropdown-wrapper {
        display: block;
        position: fixed;
        top: 0;
        width: 300px;
        left: -350px;
        height: 100%;
        overflow: scroll;
        background-color: #009fdc;
        z-index: 20000;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .cd-dropdown-content ul {
		width:100%!important;
        position: relative;
        height: auto;
        padding-top: 0
    }

    .cd-dropdown-content.is-hidden,.cd-dropdown-content ul.is-hidden {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .cd-dropdown-content li {
        position: relative
    }

    .cd-dropdown-content>li>a {
        padding: 10px 25px 10px 10px
    }

    .cd-dropdown-content li .showhide-subul {
        display: block
    }

    .cd-dropdown-content li ul {
        display: none
    }

    .cd-dropdown-content a,.cd-dropdown-content ul a {
        border-color: #0086ca
    }

    .cd-dropdown-content .cd-secondary-dropdown {
        width: 100%
    }

    .cd-dropdown-content ul a {
        padding-left: 25px;
        padding-right: 25px;
        border-bottom: 1px solid #00adef
    }

    .cd-dropdown-content .cd-secondary-dropdown ul li a {
        padding-left: 35px
    }

    .cd-dropdown-content.is-hidden>li>a,.cd-dropdown-content.is-hidden>li>.cd-search,.cd-dropdown-content.is-hidden>.cd-divider,.cd-dropdown-content.move-out>li>a,.cd-dropdown-content.move-out>li>.cd-search,.cd-dropdown-content.move-out>.cd-divider,.cd-dropdown-content ul.is-hidden>li>a,.cd-dropdown-content ul.is-hidden>li>.cd-search,.cd-dropdown-content ul.is-hidden>.cd-divider,.cd-dropdown-content ul.move-out>li>a,.cd-dropdown-content ul.move-out>li>.cd-search,.cd-dropdown-content ul.move-out>.cd-divider {
        opacity: 1
    }

    .cd-dropdown-content li:first-of-type>a,.cd-dropdown-content ul li:first-of-type>a {
        border-top-width: 1px
    }

    .cd-dropdown-content>li>a {
        text-transform: uppercase
    }

    .cd-dropdown-content a img,.cd-dropdown-content ul a img,.cd-dropdown-content .cd-secondary-dropdown>li span.cat-img {
        display: none
    }

    .cd-dropdown-content .cd-secondary-dropdown>li {
        min-height: 0
    }

    .has-children>a {
        padding-right: 8px
    }

    .has-children>a::before,.has-children>a::after {
        display: none
    }

    .has-children ul li>a:before {
        content: "\203A";
        font-size:1.2rem;
        display: inline-block;
        position: absolute;
        width: 0;
        top: 8px;
        left: 15px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    
	.cd-secondary-dropdown > li > ul > li > a:before {
		padding-right: 12px;
	}
    .cd-secondary-dropdown li>ul {
        min-height: 0
    }

    .cd-secondary-dropdown>li>ul>li>ul {
        display: block;
        background: none;
        border: none;
        padding: 0 0 0 20px
    }
    .downarrowclass,.rightarrowclass{display:none!important;}
	#slideshow{width:100%;margin: 0 0 10px 0;}
	.cat-image{width:0;display:none;}
    .pro-box{width: 100%;padding-left:0;}
	.product-box{width: 33.33333333333333%!important;}
	.product-box:nth-child(-n+3){border-top: 1px solid #eee;}
	.product-box:nth-child(4){border-top: none;}
	.product-box:nth-child(4n+1){border-left:none;}
    .product-box:nth-child(3n+1){border-left: 1px solid #eee;}
	.pro-box .product-box:nth-child(-n+4),.pro-box.pl-0 .product-box:nth-child(-n+3){border-top: 1px solid #eee;}
	.pro-box .product-box:nth-child(5),.pro-box.pl-0 .product-box:nth-child(4){border-top:none;}
    .pro-box .product-box:nth-child(4n+2),.pro-box.pl-0 .product-box:nth-child(3n+2),.pro-box.pl-0 .product-box:nth-child(4n+3),.pro-box.pl-0 .product-box:nth-child(5n+1){border-left:none;}
    .pro-box.pl-0 .product-box:nth-child(3n+1){border-left: 1px solid #eee;}
    /*.pro-box.pl-0 .product-box:nth-child(4n+1),.pro-box.pl-0 .product-box:nth-child(4n+2) {
    border-left: none;
}*/
    #right-panel,#body-panel{width:100%;}
    .hide-m,.adv-r{display:none;}
    .box_tbl{width:49%;float:left;}
    .box_tbl:nth-child(2n){float:right;}
}
@media all and (max-width: 912px) {
}
@media all and (max-width: 860px) {
	#fdb-info,#fdb-frm{ width:100%; margin-bottom:30px;}
}
@media all and (max-width: 812px) {
    .cat-box{width:46%;	margin: 5px 2%!important;}
    .sp-img-wrapper{padding-bottom:40px;}
    .product-actions {bottom: 0;opacity: 1;visibility: visible;}
}
@media all and (max-width: 768px) {
	.hotline li{padding:0; margin:6px 10px;}
	.hotline li span,.hig-alo-phone span{display:none;}
	.hotline li a{font-weight:normal;}
	.hotline i {position: relative;font-size: 0.8rem;width: 30px; height: 30px;line-height: 30px;border:none;}
	.product-desc img,.news-detail img{height:auto !important;}
}
@media all and (max-width: 767px) {
    .top-menu li{margin-left:5px;margin-right:5px;}
	.box-why{text-align:center;}
	.box-why-img{width:100%; margin-bottom:20px;padding:0!important;float:none!important;}
	.box-why .title,.box-why .summary{width:100%; float:none;}
	.footer ul li:nth-child(2){display:none;}
}
@media all and (max-width: 667px) {
	#welcome-text {font-size: 2rem;}
	.featuredimagezoomerhidden{display:none;}
}
@media all and (max-width: 568px) {
    .product-detail-img,.product-detail-info{width: 100%!important;}
	.news-vertical-img {width: 25%; margin:0 15px 6px 0; float:left;}
	.news-vertical-img:before,.news-vertical .posted-date{display:none;}
	.news-vertical-img img{position:relative; float:left;}
	.news-vertical .title{clear:none;}
	.news-vertical .summary{height:auto;}
	#welcome-text {font-size: 1.8rem;}
	.boxbody_top .subcat{display:none}
}
@media all and (max-width: 520px) {
	.grid figure figcaption {padding: 15px!important;}
	figure.effect-ming h3{font-size:1.2rem!important;}
	figure.effect-ming figcaption::before {top: 10px!important;right: 10px!important;bottom: 10px!important;left: 10px!important;}
	figure.effect-ming p{display:none;}
	.news-detail h1{font-size:2rem;}
	.product-box,#right-panel .product-box{width: 50%!important;}
	.product-box:nth-child(-n+2){border-top: 1px solid #eee;}
	.product-box:nth-child(3),.product-box:nth-child(4){border-top: none;}
	.product-box:nth-child(3n+1){border-left:none;}
    .product-box:nth-child(2n+1){border-left: 1px solid #eee;}
	.pro-box .product-box:nth-child(-n+3),.pro-box.pl-0 .product-box:nth-child(-n+2){border-top: 1px solid #eee;}
	.pro-box .product-box:nth-child(5),.pro-box .product-box:nth-child(4),.pro-box.pl-0 .product-box:nth-child(3){border-top:none;}
    .pro-box .product-box:nth-child(4n+2),.pro-box.pl-0 .product-box:nth-child(3n+1),.pro-box.pl-0 .product-box:nth-child(2n+2){border-left:none;}
    .pro-box.pl-0 .product-box:nth-child(2n+1),.pro-box .product-box:nth-child(4n+1){border-left: 1px solid #eee;}
    #welcome-text {font-size: 1.4rem;}
    .box-blue .ui-tabs .ui-tabs-nav li{margin-left:5px!important;}
    .ui-tabs .ui-tabs-nav li a{font-size:1rem;}
	.adv-c1,.adv-c2,.adv-c3 {width: 100%; margin: 3px 0;}
}
@media all and (max-width: 480px) {
    html{font-size: 14px;}
	.box_tbl{width:100%}
	.news-vertical-img {overflow: visible;float:none;}
	.news-vertical-img:before{ display:none;}
	.news-vertical-img img {float:none;}
	.news-vertical .title{clear:both;}
	.news-vertical .summary {height: auto;-webkit-line-clamp: 40;}
	.news-vertical .posted-date{display:block;}
	.news-vertical-img {width: 100%; margin: 0;}
	.col{width:100%;}
	#sapxep{width:90px;}
    p.view-sort {text-align: center;}
}
@media all and (max-width: 414px) {
    .col-xs{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media all and (max-width: 375px) {
    #welcome-text {font-size: 1rem;}
    .box_tbl{width:100%;}
} 
@media all and (max-width: 320px) {
    .product-box,#right-panel .product-box{width: 100%!important;border: 1px solid #eee!important;margin-top:-1px;}
    .sp-img-wrapper:before{display:none;}
    .sp-img{position:relative;}
	.news-image{width:100%!important; margin:5px auto;}
    .news-info{width:100%!important;}
	.product-name,.product-info,.news-big-ul-extend li.news .title{-webkit-line-clamp: 20; height:auto;}
}