@charset "utf-8";
/* CSS Document */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/
body {/*font-family: 'Open Sans', sans-serif;*/ 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
margin: 0;
/*background:url(../img/bg.jpg) repeat fixed;*/

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b9ed+0,ffffff+100&1+0,0+100 */background: -moz-linear-gradient(top, rgba(0,185,237,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,185,237,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,185,237,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b9ed', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

 }
.clear { clear: both }
a { text-decoration: none; }
.upper { text-transform:none }
/* STRUCTURE */
#pagewrap {  width: 1100px; margin: 0px auto; background: #f3f3f3; }
#header {padding: 0 0px;/*background:url(../img/top.png);margin-top:5px; */backgound: url(../img/banner.swf);

}
#logo{float:left;
    margin: 43px 0 0 14px;}
#logo1{display:none}
#left { width: 248px; float: left; padding: 5px 5px; }
#middle { width: 824px; float: right; padding: 5px 5px; margin: 0px 0px 5px 5px; overflow: hidden; font-size:14px; line-height:22px}


ol, ul { 	list-style: none; } blockquote, q { 	quotes: none; } blockquote:before, blockquote:after, q:before, q:after { 	content: ''; 	content: none; } table { 	border-collapse: collapse; 	border-spacing: 0; }
.body-form {   font: 13px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;   color: #404040; padding: 1px;   width: 100%;}
.sign-up { 	position: relative; 	margin: 6px auto; 	/*width: 190px; 	*/padding: 33px 25px 29px; 	background: white; 	border-bottom: 1px solid #c4c4c4; 	border-radius: 5px; 	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); 	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); } .sign-up:before, .sign-up:after { 	content: ''; 	position: absolute; 	bottom: 1px; 	left: 0; 	right: 0; 	height: 10px; 	background: inherit; 	border-bottom: 1px solid #d2d2d2; 	border-radius: 4px; } .sign-up:after { 	bottom: 3px; 	border-color: #dcdcdc; }
.sign-up-title { 	margin: -25px -25px 25px; 	padding: 15px 25px; 	line-height: 35px; 	font-size: 26px; 	font-weight: 300; 	color: #aaa; 	text-align: center; 	text-shadow: 0 1px rgba(255, 255, 255, 0.75); 	background: #f7f7f7; } .sign-up-title:before { 	content: ''; 	position: absolute; 	top: 0; 	left: 0; 	right: 0; 	height: 8px; 	background: #c4e17f; 	border-radius: 5px 5px 0 0; 	background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); 	background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); 	background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); 	background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); }
.body-form input { 	font-family: inherit; 	color: inherit; 	-webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; }
.sign-up-input { 	width: 100%; 	height: 33px; 	margin-bottom: 25px; 	padding: 0 15px 2px; 	font-size: 17px; 	background: white; 	border: 2px solid #ebebeb; 	border-radius: 4px; 	-webkit-box-shadow: inset 0 -2px #ebebeb; 	box-shadow: inset 0 -2px #ebebeb; } .sign-up-input:focus { 	border-color: #62c2e4; 	outline: none; 	-webkit-box-shadow: inset 0 -2px #62c2e4; 	box-shadow: inset 0 -2px #62c2e4; } .lt-ie9 .sign-up-input { 	line-height: 48px; }
.sign-up-button { 	position: relative; 	vertical-align: top; 	width: 100%; 	height: 54px; 	padding: 0; 	font-size: 22px; 	color: white; 	text-align: center; 	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); 	background: #f0776c; 	border: 0; 	border-bottom: 2px solid #d76b60; 	border-radius: 5px; 	cursor: pointer; 	-webkit-box-shadow: inset 0 -2px #d76b60; 	box-shadow: inset 0 -2px #d76b60; } .sign-up-button:active { 	top: 1px; 	outline: none; 	-webkit-box-shadow: none; 	box-shadow: none; }
:-moz-placeholder { 	color: #ccc; 	font-weight: 300; } ::-moz-placeholder { 	color: #ccc; 	opacity: 1; 	font-weight: 300; } ::-webkit-input-placeholder { 	color: #ccc; 	font-weight: 300; } :-ms-input-placeholder { 	color: #ccc; 	font-weight: 300; } ::-moz-focus-inner { 	border: 0; 	padding: 0; }




#footer { clear: both; padding: 15px; color: #48484a; font-size: 12px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,1e69de+100 */
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top, #6db3f2 0%, #1e69de 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #6db3f2 0%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #6db3f2 0%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
 }
.outer-general {  max-width: 1100px; margin: 0px auto;  }
.outer-general:after { content: ""; display: table; clear: both; }
.footer-content {  width: 100%; margin: 0px auto; float:left; }
#icon-box{width:150px; float:right}
.icon{width:24px; height:24px; float:left; margin:5px}

.dathang a {
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    padding: 8px 15px;
    background: #f00;
}
.dt-cart-bt a {
    color: #FFF;
    font-weight: bold;
    padding: 10px 20px;
    display: block;
    font-size: 15px;
    text-transform: uppercase;
}
.dt-cart-bt {
    margin-left: 4px;
    background: #db2121 url(buyicon.png) left no-repeat;
    float: left;
    margin-bottom: 4px;
    text-align: center;
    width: 100%;
}

.dt-cart-bt3 {
    margin-left: 4px;
    background: #db2121 url(cicon.png) left no-repeat;
    float: left;
    margin-bottom: 4px;
    text-align: center;
    width: 100%;
}
.dt-cart-bt3 a {
    color: #FFF;
    font-weight: bold;
    padding: 10px 20px;
    display: block;
    font-size: 15px;
    text-transform: uppercase;
}
.dt-cart-bt4 {
    margin-left: 4px;
    background: #db2121 url(picon.png) left no-repeat;
    float: left;
    margin-bottom: 4px;
    text-align: center;
    width: 100%;
}
.dt-cart-bt4 a {
    color: #FFF;
    font-weight: bold;
    padding: 10px 20px;
    display: block;
    font-size: 15px;
    text-transform: uppercase;
}
.single-product-support {
    
    padding: 15px 10px;
    margin-top: 20px;
}
.single-product-support h3 {
    font-size: 15px;
    font-weight: 500;
}
.single-product-support li {
    position: relative;
    padding-left: 50px;
    line-height: 27px;
}




    .cs-action-button-container {
    position: fixed;
    right: 0;
    z-index: 99;
    top: calc(50% - ((22px*6)/2));
}
.cs-action-button {
    overflow: hidden;
    box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%);
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}
.rounded-left {
    border-radius: 1rem 0 0 1rem !important;
}
.bg-white {
    background-color: #fff!important;
}






.fa {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}





.cs-action-button .action-item.hotline {
    color: #dc3545;
}
.cs-action-button .action-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    border-bottom: 1px solid #dee2e6;
}
.cs-action-button .action-item.call-advisor {
    color: #fe9329;
}
.cs-action-button .action-item .title-inner {
    display: none;
}
.cs-action-button .action-item.zalo .icon-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background-image: url("zalo-icon-3.png");
}
.cs-bg-fill {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
    height: auto;
}
.cs-action-button .action-item.messenger .icon-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background-image: url("messenger-icon-2.png");
}
.hotline-phone-ring-wrap {
    position: fixed;
    bottom: 0;
    left: 58px;
    z-index: 999999;
}
.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility 0.5s;
    left: 0;
    bottom: 0;
    display: block;
}
.hotline-phone-ring-circle {
    width: 85px;
    height: 85px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: transparent;
    border-radius: 100%;
    border: 2px solid #00ccff;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all 0.5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
    width: 55px;
    height: 55px;
    top: 25px;
    left: 25px;
    position: absolute;
    background-color: #00ccff;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all 0.5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
    background-color: #00ccff;
    width: 33px;
    height: 33px;
    top: 37px;
    left: 37px;
    position: absolute;
    background-size: 20px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 20px;
    height: 20px;
}
.hotline-bar {
    position: absolute;
    background: #32B3E7;
    height: 40px;

    line-height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background-size: 100%;
    cursor: pointer;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    z-index: 9;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
    border-radius: 50px !important;
    /* width: 175px !important; */
    left: 33px;
    bottom: 37px;
}
.hotline-bar > a {
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    text-indent: 22px;
    display: block;
    letter-spacing: 1px;
    line-height: 40px;
    font-family: Arial;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
    color: #fff;
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }
    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.6;
    }
    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
    }
}
@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}
@media (max-width: 768px) {
    .hotline-bar {
        display: none;
    }
}





















.responsive-image{position: relative;list-style: none;overflow: hidden; width: 100%; padding: 0;  margin: 0 auto; }
.responsive-image img{display: block;height: auto;float: left; width: 100%; border: 0;}
.responsive-image-news{position: relative;list-style: none;overflow: hidden; width: 30%;  }
.responsive-image-news img{display: block;height: auto;float: none; width: 30%; border: 0;}

/*new css*/
.leftmenu, .advertise, .nav-content, #news-box, #article-box, #promotion-box, #customer-box { width: 100%; }
.nav-title { 

width: 100%;
    height: auto;
    padding: 13px 0 11px 1px;
    font-weight: bold;
    font-size: 15px;
    color: #000;
    /* background: url(../img/tieudetrai.png) no-repeat; */
    text-transform: uppercase;
    clear: both;
    text-align: center;
    /* border-radius: 5px; */
    background: #f4d800;
    background: -moz-linear-gradient(left, #f4d800 0%, #f2ff00 51%, #ffe605 100%);
    background: -webkit-linear-gradient(left, #f4d800 0%,#f2ff00 51%,#ffe605 100%);
    background: linear-gradient(to right, #f4d800 0%,#f2ff00 51%,#ffe605 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4d800', endColorstr='#ffe605',GradientType=1 );
	border-radius:10px;
 
 }

.static-title { width: 99%; padding: 5px 0 5px 3px; font-weight: bold; background: #1AA2E9; color: #FFF; text-transform: uppercase; clear: both }
#customer-title { width: 99%; padding: 5px 0 5px 3px; font-weight: bold; background: #1AA2E9; color: #FFF; text-transform: uppercase; clear: both }
.leftmenu ul { margin: 0; padding: 0 }
.leftmenu ul li { list-style: none; background:url(../images/nav.png) no-repeat; margin:1px 0 }
.leftmenu ul li a { text-decoration: none; font-weight: bold; padding: 9px 0 9px 23px; color: #666666; display: block; font-size:13px}
.leftmenu ul li a:hover { color: #262626; font-weight: bold; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#banner { height: 222px; width: 99.8%; padding: 0; float: left; position: relative; border:1px solid #F00 }
#slider {  position: relative; overflow: hidden; }
#sliderContent { position: absolute; top: 0; margin-left: 0; }
.sliderImage { float: left; position: relative; display: none; }
.sliderImage span { position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 632px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; }
.clear { clear: both; }
.sliderImage span strong { font-size: 14px; }
.top { top: 0; left: 0; }
.bottom { bottom: 0; left: 0; }
ul { list-style-type: none; margin: 0; padding: 0 }

/*img { width: 100% }*/
.news-title { width: 90%; margin-top: 5px; _margin-top: 5px; overflow: hidden; padding-left: 15px; padding-right: 3px; color: #FFFFFF; margin: 7px auto; background: url(../images/bullet_sub.png) no-repeat 1% 4px; }
.news-title a { text-decoration: none; color: #fff; }
.news-title a:hover { text-decoration: none; color: #0267AF }
.link { width: 96%; margin: 5px 0 5px 5px; overflow: hidden; text-align:center }

.article-box { width: 200px; overflow: hidden; margin: 5px 0 5px 3px }
.article-image { width: 50px; height: 50px; border: 1px solid #999; float: left; padding: 2px 0 0 2px }
.article-title { width: 140px; float: left; margin-left: 3px }
.article-title a { text-decoration: none; color: #000 }
.article-title a:hover { color: #1886CC }
.customer { width: 200px; margin: 0px 0 5px 0; margin-bottom: 10px; padding-bottom: 5px }
.customer-name { text-align: center; border-bottom: 1px dashed #666; }
.customer-name a { text-decoration: none; color: #064485; font-weight: bold }
.customer-name a:hover { color: #FF6600 }
/*menu*/

.menu1{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231 */
background: rgb(157,213,58); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */	
width:100%;height:40px;    margin: -16px 0 0 0;
width: 100%;
    margin-top: 0px;
   /* position: fixed;
    top: 0px;
    left: 0px;*/
    z-index: 9999;
}

#menu1{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
width:100%;height:40px;    margin: -16px 0 0 0;
width: 100%;
    margin-top: 0px;
   /* position: fixed;
    top: 0px;
    left: 0px;*/
    z-index: 9999;
}

.fixed {
    width: 100%;
    margin-top: 0px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
}





#topmenu { /* width: 68%; float:right; margin-top:97px;  */    width: 74%;
    float: left;
    margin-top: 5px;}
.toggleMenu { display: none; padding:  0px; background: url(../images/menu.png) no-repeat 2% center; height: 40px; text-align: right; color: #878787; width: 100%; font-weight: bold; font-size: 18px; }
.nav { list-style: none; *zoom: 1;   -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;*/ }
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav ul { list-style: none; width: 19em; }
.nav a {    padding: 9px 20px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;}
.nav li { position: relative; }
.nav > li { float: left;  }
.nav > li > .parent { background-image: url(../images/downArrow.png); background-repeat: no-repeat; background-position: right; }
.nav > li > a { display: block; }
.nav li ul { position: absolute; left: -9999px; z-index:100 }
.nav > li.hover > ul { left: 0; }
.nav li li.hover ul { left: 100%; top: 0; }
.nav li li a { display: block; background: #EAF0EE; position: relative; z-index: 9999; border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC; padding: 8px 0 8px 8px;}
.nav li li li a { background: #249578; z-index: 200; border-top: 1px solid #1d7a62; }
.nav a:hover {/* background: #1AA2E9;*/ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
h1{
    font-size: 15px;

	
	
}

#search{
	width: 208px;
    overflow: hidden;
    /* padding: 9px 0px 9px 0; */
    float: right;
    margin: 8px 0 0 0;}
#seach-box {     width: 176px;
    float: left;}
#seach-button{ width:26px; height:26px; float:left; margin-left:5px}
input[type=text] { width: 97%; padding: 4px 0px 4px 5px; border-radius: 5px; border: 1px solid #ccc/*#9AA5AA*/ ;-webkit-box-shadow: inset 3px 3px 5px 0 #ececec;
  -moz-box-shadow: inset 3px 3px 5px 0 #ececec;
  box-shadow: inset 3px 3px 5px 0 #ececec;
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;}
.btn {
   padding: 3px 40px;
  border-radius: 4px;
  border-top: 2px solid #9AA5AA;
  border-bottom: 2px solid #143241;
  border-left: none;
  border-right: none;
  background-color: #446373;
  color: #FFF;
  font-weight: bold;
  cursor: pointer;
 
 }
 .inbut{
 color: #9E9E9E;
 }
.support{width:240px;}
.button{
  width: 130px;
  /* height: 27px; */
  line-height: 27px;
  background: #02b5ed;
  border-radius: 5px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 10px;
}
.button .btn0{
width: 130px;
  text-decoration: none;
  display: block;
  color: #FFF;
  text-transform: uppercase;
  font-weight: bold;
  background: none;
  border: none;
  text-align: center;
  padding: 5px 0px;
  cursor: pointer;
}
.title-center{border-radius:5px; background:#9f9f9f; padding:2px}
fieldset{border:1px solid #e8e8e8; border-radius:5px;margin:5px 0 0 0;}
fieldset legend{background:#009aef !important;}


.product_box {     
	width: 184px;
    height: 315px;
    position: relative;
    float: left;
    margin: 5px 0px 5px 5px;
    border-radius: 10px;
    border: 1px solid #dddddd;
    padding: 4px;}
.product_img { text-align: center; margin-top: 10px;}
.product_img img { width: 210px; height: 211px; }
.product_title { text-align: center; padding:5px 10px; border-bottom:1px solid #c9c9c9;height:50px;background: #fff;}
.product_title a { text-decoration: none; color: #333;font-weight:bold; }

.product_title a h1{font-size:13px;font-weight:normal;}
.product_title a:hover { text-decoration: none; color: #0267AF }
.product_detail { text-align: center;  padding:3px 0;height:28px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}
.product_detail a{color: #a0202f;}
.product_buy{width:91px; height:24px; margin:5px auto 0 auto}
.product_news { text-align: center; }
.product_news img { width: 29px }

.album_box { width: 210px;  position: relative; float: left; margin: 5px 0px 5px 5px; border-radius:5px }
.album_img { text-align: center; margin-top: 5px;}
.album_img img { width: 207px; height: 120px; }
.album_title { text-align: left; padding:5px 0 5px 11px; }
.album_title a { text-decoration: none; color: #5e5e5e; }
.album_title a:hover { text-decoration: none; color: #0267AF; }

.tintuc-box{width:100%; overflow:hidden; margin-top:10px}
.tintuc-title{ margin-left:30%}
.tintuc-title a{text-decoration:none; color:#999; text-transform:uppercase; font-weight:bold}
.detail-img{width:58%; float:left; }
.detail-desc{width:40%; float:right;}
.detail-desc ul{margin:0; padding:0}
.detail-desc ul li{list-style:none; border-bottom:1px dashed #ccc; padding:3px}
.detail-content{font-size:14px; line-height:22px; margin-top:10px}
.dathang{border:thin dotted gray; margin-top:20px;  width:120px;background:#f00;}
.dathang a{display:block; color:#fff; font-weight:bold; text-align:center; font-size:16px; padding:8px 15px;background:#f00;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less - two column (768 x 1024 (iPad - Portrait))*/
@media screen and (max-width: 1000px) {
	#logo{display:none}
	#logo1{float:left; display:block;  /*width:20%;*/ margin-top:5px; margin-right:5px}
	#logo1 img{ display: block; height: auto; float: left;  border: 0; }
body { font-size: 16px }
#header { height: auto; overflow:hidden;background:none; }
#pagewrap { width: 95%; }
#left { width: 32%; padding: 1% 1%; }
#middle { width: 62%; padding: 1% 1%; margin: 0px 0px 5px 5px; float: right; }
#right { clear: both; padding: 1% 1%; width: auto; float: none; }
#footer, #domain-check { padding: 1% 1%; }
#footer { padding: 8px;  }

/*----------------------------------------------------------------------------------------------CSS Sửa ------------Dòng 214 width:1100px------------------------------*/
.outer-general {  width: auto; margin: 0px auto;  }/*.outer-general { width: 95%; }
.footer-content { width: 70%; }

/*menu*/
#topmenu { width: 100%;margin-top:0px;}
.toggleMenu {/*height:35px;*/}
.active { display: block; }
.nav{background:#009dff;-moz-box-shadow: inset 0px 5px 0px 0px #ececec;
  box-shadow: inset 0px 5px 5px 0px #ececec;
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;}
.nav > li { float: none; }
.nav > li > .parent { background-position: 95% 50%; }
.nav li li .parent { background-image: url(../images/downArrow.png); background-repeat: no-repeat; background-position: 95% 50%; }
.nav ul { display: block; width: 100%; }
.nav > li.hover > ul, .nav li li.hover ul { position: static; }
.nav li li a { padding: 10px 0 10px 30px }
.nav li li li a { padding: 10px 0 10px 40px }
/*#header { display: none }*/

.nav-content { width: 32%; float: left; margin: 5px 5px 0 0 }
.article-box { width: 98% }
.article-title { width: 80%; margin-top: 15px }
.customer-name { width: 98%; text-align: left }
.news-title { width: 90%; background: url(../images/bullet_sub.png) no-repeat 1% 6px; }
.link { width: 100%; text-align:center }
#search { width:auto; float:none;margin:0;    display: none;}
#seach-box { width: 79%; }
#seach-button{  height:26px; margin-top:3px; margin-left:8px }
input[type=text] { width: 99%; padding: 6px 0 6px 5px; font-size:17px}
input[type=submit] {  width: 100%;  padding: 6px; font-size:17px}
.support{width:97%}
.button{width:95%;}

.product_box {height:auto;width: 48%; }
.product_img { margin-top: 13px; }
.product_img img { max-width: 100%; /*height:auto;*/}

.album_box {height:auto;width: 48%; }
.album_img { margin-top: 13px; }
.album_img img { width: 90%; height:auto;}

}

/* for 700px or less - one column (480 x 640 (small tablet))*/
@media screen and (max-width: 700px) {
/*body{font-size:18px}*/

#left { width: auto; float: none; }
#middle { width: auto; float: none; margin-left: 0px; }
#right { width: auto; float: none; }
.nav-content { width: 48%; float: left; margin: 5px 0 5px 5px }
.article-title { width: 80%; }
.advertise { width: 48%; float: left; margin: 5px 0 5px 5px }
#middle { clear: both }
#left { overflow: hidden }
.checkbox { width: 90px; }
.nav-title{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7ff9f9+1,7af1ff+50,24ddf2+50,adf4da+100 */
background: #7ff9f9; /* Old browsers */
background: -moz-linear-gradient(top, #7ff9f9 1%, #7af1ff 50%, #24ddf2 50%, #adf4da 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7ff9f9 1%,#7af1ff 50%,#24ddf2 50%,#adf4da 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7ff9f9 1%,#7af1ff 50%,#24ddf2 50%,#adf4da 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ff9f9', endColorstr='#adf4da',GradientType=0 ); /* IE6-9 */
 border-radius:5px}
.footer-content { width: 100%; }
#icon-box{ float:left}
}

/* for 480px or less - one column */
@media screen and (max-width: 480px) {

h1 { font-size: 13px; font-weight:bold; }
#right {/*display: none;*/ width: auto; float: none; }

.nav-content { width: 96%; }
.article-title { width: 73%; margin-top: 4px; }
#middle { clear: both }
#left { overflow: hidden }
.static-title, .advertise, #article-box, #promotion-box { display: none }
#footer span { font-size: 14px }
#footer { text-align: left }
.product_box, .album_box  { width: 95%; }
.detail-img{width:auto; float:none}
.detail-desc{width:auto; float:none}
}
/* for 350px or less (320 x 480(iPhone <= 4S)) */
@media screen and (max-width: 350px) {

.article-title { width: 70%; margin-top: 2px; }
.link { float: none; width: 100%; }
.advertise { width: 98%; }
#middle { clear: both }
#left { overflow: hidden }

.toggleMenu { background: url(../images/menu-s.png) no-repeat 2% center;  }
.static-title, .advertise,  #article-box, #promotion-box, #customer-box, #customer-title { display: none }
.product_box { width: 96%; }
.product_detail, .product_title { font-size: 16px }
.album_box { width: 96%; }
.album_detail, .album_title { font-size: 16px }
.responsive-image-news{position: relative;list-style: none;overflow: hidden; width: 50%;  }
.responsive-image-news img{display: block;height: auto;float: none; width: 50%; border: 0;}
.tintuc-title{ margin-left:50%}
}
/* for 300px or less (240 x 320(small phone))*/
@media screen and (max-width: 300px) {
.toggleMenu { height: 25px; }

}

#left { 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2869ff+0,44b4ff+50,2869ff+100 */
background: #2869ff; /* Old browsers */
background: -moz-linear-gradient(left, #2869ff 0%, #44b4ff 50%, #2869ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #2869ff 0%,#44b4ff 50%,#2869ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #2869ff 0%,#44b4ff 50%,#2869ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2869ff', endColorstr='#2869ff',GradientType=1 ); /* IE6-9 */

}
#right { background: #f0efef; }
#left, #middle, #right, #banner, #domain-check, #hotline, #header, .nav-content, .advertise { margin-bottom: 5px; }
#pagewrap, #left, #right, #footer, #middle  {  }
#toTop { display: none; text-decoration: none; position: fixed; bottom: 17px; right: 30px; overflow: hidden; width: 51px; height: 51px; border: none; text-indent: 100%; background: url(../images/ui.totop.png) no-repeat left top; }
#toTopHover { background: url(../images/ui.totop.png) no-repeat left -51px; width: 51px; height: 51px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
#toTop:active, #toTop:focus { outline: none; }
.chitiet{width: 755px;

margin: 5px;}
.chitiet .hinhanh{float:left;}
.chitiet .hinhanh img{width:400px;}
.chitiet ul.chitiet2{margin:0 0 0 5px;float:left;}
.chitiet ul.chitiet2 li{list-style: none;
border-bottom: 1px dashed #CCC;
width: 280px;
line-height: 30px;
margin-left: 5px;
}
.chitiet ul{margin:0 0 0 5px;float:left;}
.chitiet ul li{list-style: none;

line-height: 30px;}
.chitiet ul li h1{
    padding:0px;
    margin:0px;
    font-size:15px;
	color:#FBA919;
}
.cls{
    clear: both
}
.datmua{
    
    padding:5px 20px;
    border:thin gray dotted;
    border-radius: 10px;
}.video{
    width:213px;
    height:215px;
    background: #E8E8E8;
    margin: 2px;
    float:left;
    text-align:center;
    margin-bottom:10px;
}
.video img{
    width:100%;
    height:170px;
    
}
.hinhtrangchu{
    
}
.hinhtrangchu img{
    width: 203px;
height: 150px;
border: thin silver solid;
margin: 5px;
}

.detail-content img{
max-width: 99%;  height: auto !important;
}
.detail-content table{
max-width: 99%;  
}
.detail-content iframe{
max-width: 99%; 
}
.muatiep{
height: 40px;
}
.dathang0{
height:40px;}
.xemthemhinh{
	text-align: right;
	margin: 8px 0px;
}
#middle img{
max-width: 100%; 
}
#middle table{
max-width: 99%;  
}
#middle iframe{
max-width: 99%; 
}
.c2-head{
    float:left;
    background: #009900;
    color:white;
    padding:10px 20px 10px 20px;
    font-weight:bold;
    margin-bottom:10px;
    cursor: pointer;
}
.product_detail s{
float: left; padding-left: 5px;
}
.product_detail b{
float: right; padding-right: 5px;
}
.fixed {
    width: 100%;
    margin-top: 0px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
}.quick-alo-phone{}.quick-alo-phone.quick-alo-static {	opacity:.6;}.quick-alo-phone.quick-alo-hover,.quick-alo-phone:hover {	opacity:1;}.quick-alo-ph-circle {	width:160px;	height:160px;	top:20px;	left:20px;	position:absolute;	background-color:transparent;	-webkit-border-radius:100%;	-moz-border-radius:100%;	border-radius:100%;	border:2px solid rgba(30,30,30,0.4);	border:2px solid #bfebfc 9;	opacity:.1;	-webkit-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;	-moz-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;	-ms-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;	-o-animation:quick-alo-circle-anim 1.2s infinite ease-in-out;	animation:quick-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%;}.quick-alo-phone.quick-alo-active .quick-alo-ph-circle {	-webkit-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;	-moz-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;	-ms-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;	-o-animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;	animation:quick-alo-circle-anim 1.1s infinite ease-in-out !important;}.quick-alo-phone.quick-alo-static .quick-alo-ph-circle {	-webkit-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;	-moz-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;	-ms-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;	-o-animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;	animation:quick-alo-circle-anim 2.2s infinite ease-in-out !important;}.quick-alo-phone.quick-alo-hover .quick-alo-ph-circle,.quick-alo-phone:hover .quick-alo-ph-circle {	border-color:#00aff2;	opacity:.5;}.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle,.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle {	border-color:#75eb50;	border-color:#baf5a7 9;	opacity:.5;}.quick-alo-phone.quick-alo-green .quick-alo-ph-circle {	border-color:#00aff2;	border-color:#bfebfc 9;	opacity:.5;}.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle,.quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-circle {	border-color:#ccc;	opacity:.5;}.quick-alo-phone.quick-alo-gray .quick-alo-ph-circle {	border-color:#75eb50;	opacity:.5;}.quick-alo-ph-circle-fill {	width:100px;	height:100px;	top:50px;	left:50px;	position:absolute;	background-color:#000;	-webkit-border-radius:100%;	-moz-border-radius:100%;	border-radius:100%;	border:2px solid transparent;	opacity:.1;	-webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;	-moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;	-ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;	-o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out;	animation:quick-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%;}.quick-alo-phone.quick-alo-active .quick-alo-ph-circle-fill {	-webkit-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;	-moz-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;	-ms-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;	-o-animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;	animation:quick-alo-circle-fill-anim 1.7s infinite ease-in-out !important;}.quick-alo-phone.quick-alo-static .quick-alo-ph-circle-fill {	-webkit-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;	-moz-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;	-ms-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;	-o-animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;	animation:quick-alo-circle-fill-anim 2.3s infinite ease-in-out !important;	opacity:0 !important;}.quick-alo-phone.quick-alo-hover .quick-alo-ph-circle-fill,.quick-alo-phone:hover .quick-alo-ph-circle-fill {	background-color:rgba(0,175,242,0.5);	background-color:#00aff2 9;	opacity:.75 !important;}.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-circle-fill,.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-circle-fill {	background-color:rgba(117,235,80,0.5);	background-color:#baf5a7 9;	opacity:.75 !important;}.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill {	background-color:rgba(0,175,242,0.5);	background-color:#a6e3fa 9;	opacity:.75 !important;}.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-circle-fill,.quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-circle-fill {	background-color:rgba(204,204,204,0.5);	background-color:#ccc 9;	opacity:.75 !important;}.quick-alo-phone.quick-alo-gray .quick-alo-ph-circle-fill {	background-color:rgba(117,235,80,0.5);	opacity:.75 !important;}.quick-alo-ph-img-circle {	width:60px;	height:60px;	top:70px;	left:70px;	position:absolute;	background:rgba(30,30,30,0.1) url("https://i.imgur.com/YWJeVO2.png") no-repeat center center;	-webkit-border-radius:100%;	-moz-border-radius:100%;	border-radius:100%;	border:2px solid transparent;	opacity:.7;	-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;	-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;	-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;	-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out;	animation:quick-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%;}.quick-alo-phone.quick-alo-active .quick-alo-ph-img-circle {	-webkit-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;	-moz-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;	-ms-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;	-o-animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;	animation:quick-alo-circle-img-anim 1s infinite ease-in-out !important;}.quick-alo-phone.quick-alo-static .quick-alo-ph-img-circle {	-webkit-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;	-moz-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;	-ms-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;	-o-animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;	animation:quick-alo-circle-img-anim 0s infinite ease-in-out !important;}.quick-alo-phone.quick-alo-hover .quick-alo-ph-img-circle,.quick-alo-phone:hover .quick-alo-ph-img-circle {	background-color:#00aff2;}.quick-alo-phone.quick-alo-green.quick-alo-hover .quick-alo-ph-img-circle,.quick-alo-phone.quick-alo-green:hover .quick-alo-ph-img-circle {	background-color:#75eb50;}.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {	background-color:#00aff2;}.quick-alo-phone.quick-alo-gray.quick-alo-hover .quick-alo-ph-img-circle,.quick-alo-phone.quick-alo-gray:hover .quick-alo-ph-img-circle {	background-color:#ccc;}.quick-alo-phone.quick-alo-gray .quick-alo-ph-img-circle {	background-color:#75eb50;}@-moz-keyframes quick-alo-circle-anim {	0% {		-moz-transform:rotate(0) scale(.5) skew(1deg);		opacity:.1;		-moz-opacity:.1;		-webkit-opacity:.1;		-o-opacity:.1;	}	30% {		-moz-transform:rotate(0) scale(.7) skew(1deg);		opacity:.5;		-moz-opacity:.5;		-webkit-opacity:.5;		-o-opacity:.5;	}	100% {		-moz-transform:rotate(0) scale(1) skew(1deg);		opacity:.6;		-moz-opacity:.6;		-webkit-opacity:.6;		-o-opacity:.1;	}}@-webkit-keyframes quick-alo-circle-anim {	0% {		-webkit-transform:rotate(0) scale(.5) skew(1deg);		-webkit-opacity:.1;	}	30% {		-webkit-transform:rotate(0) scale(.7) skew(1deg);		-webkit-opacity:.5;	}	100% {		-webkit-transform:rotate(0) scale(1) skew(1deg);		-webkit-opacity:.1;	}	}	@-o-keyframes quick-alo-circle-anim {	0% {		-o-transform:rotate(0) kscale(.5) skew(1deg);		-o-opacity:.1;	}	30% {		-o-transform:rotate(0) scale(.7) skew(1deg);		-o-opacity:.5;	}	100% {		-o-transform:rotate(0) scale(1) skew(1deg);		-o-opacity:.1;	}}@-moz-keyframes quick-alo-circle-fill-anim {	0% {		-moz-transform:rotate(0) scale(.7) skew(1deg);		opacity:.2;	}	50% {		-moz-transform:rotate(0) -moz-scale(1) skew(1deg);		opacity:.2;	}	100% {		-moz-transform:rotate(0) scale(.7) skew(1deg);		opacity:.2;	}}@-webkit-keyframes quick-alo-circle-fill-anim {	0% {		-webkit-transform:rotate(0) scale(.7) skew(1deg);		opacity:.2;	}	50% {		-webkit-transform:rotate(0) scale(1) skew(1deg);		opacity:.2;	}	100% {		-webkit-transform:rotate(0) scale(.7) skew(1deg);		opacity:.2;	}}@-o-keyframes quick-alo-circle-fill-anim {	0% {		-o-transform:rotate(0) scale(.7) skew(1deg);		opacity:.2;	}	50% {		-o-transform:rotate(0) scale(1) skew(1deg);		opacity:.2;	}	100% {		-o-transform:rotate(0) scale(.7) skew(1deg);		opacity:.2;	}}@-moz-keyframes quick-alo-circle-img-anim {	0% {		transform:rotate(0) scale(1) skew(1deg);	}	10% {		-moz-transform:rotate(-25deg) scale(1) skew(1deg);	}	20% {		-moz-transform:rotate(25deg) scale(1) skew(1deg);	}	30% {		-moz-transform:rotate(-25deg) scale(1) skew(1deg);	}	40% {		-moz-transform:rotate(25deg) scale(1) skew(1deg);	}	50% {		-moz-transform:rotate(0) scale(1) skew(1deg);	}	100% {		-moz-transform:rotate(0) scale(1) skew(1deg);	}}@-webkit-keyframes quick-alo-circle-img-anim {	0% {		-webkit-transform:rotate(0) scale(1) skew(1deg);	}	10% {		-webkit-transform:rotate(-25deg) scale(1) skew(1deg);	}	20% {		-webkit-transform:rotate(25deg) scale(1) skew(1deg);	}	30% {		-webkit-transform:rotate(-25deg) scale(1) skew(1deg);	}	40% {		-webkit-transform:rotate(25deg) scale(1) skew(1deg);	}	50% {		-webkit-transform:rotate(0) scale(1) skew(1deg);	}	100% {		-webkit-transform:rotate(0) scale(1) skew(1deg);	}}@-o-keyframes quick-alo-circle-img-anim {	0% {		-o-transform:rotate(0) scale(1) skew(1deg);	}	10% {		-o-transform:rotate(-25deg) scale(1) skew(1deg);	}	20% {		-o-transform:rotate(25deg) scale(1) skew(1deg);	}	30% {		-o-transform:rotate(-25deg) scale(1) skew(1deg);	}	40% {		-o-transform:rotate(25deg) scale(1) skew(1deg);	}	50% {		-o-transform:rotate(0) scale(1) skew(1deg);	}	100% {		-o-transform:rotate(0) scale(1) skew(1deg);	}}.quick-alo-phone {	position: fixed;	background-color: transparent;	width: 150px;	height: 150px;	cursor: pointer;	z-index: 200000 !important;	-webkit-backface-visibility: hidden;	-webkit-transform: translateZ(0);	-webkit-transition: visibility .5s;	-moz-transition: visibility .5s;	-o-transition: visibility .5s;	transition: visibility .5s;	right: 150px;	bottom: 90px;}