*{margin:0;padding:0;}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsDrvev4WAjW489CRDHIkJ90.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsCGXDOnx9ptx3UTSPTrfsgk.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsAZ98xO_Wnt-JIem4AuLGfs.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsE1G989qbVg6RT5ly5jB8V8.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsJ84zb0nVte6liF9gGtpo1Y.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsD86pq2NkPzVgw_9lpT6RGI.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsDAdhzWOYhqHvOZMRGaEyPo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nDW5FUgIgejJvrHuLWqrSMw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nA30BZHTGu2N_DqssQcMQNQ.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nPDoBG10JtAX-GAwn6iwU1Y.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nGhQuge17febRYSUkWKdLWA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nBBtmDLrZTTOm3p1EhiGCXc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nEV356qNqHCUb41pS3zqMSE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nHm2hrkyco9jQ3NKMXpgOBg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
html {
  box-sizing: border-box;
}
body{line-height:1;box-sizing: border-box;}
body{font-family:Arial, Helvetica, sans-serif;background:#fff;overflow-x:hidden;color:#555;font-size:15px;text-align:justify;font-weight:400;line-height:20px;}
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;}
h1, h2, h3, h4, h5, h6{font-weight:600;}
a{text-decoration:none;cursor:pointer;color:#47616e}
button{line-height:20px;padding: 0 6px;cursor:pointer;}
:before, :after{
	display:table;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#wrapper{position:relative;margin:0;padding:0;overflow:hidden;width:100%;height:100%;}
#wrapLoader{position:relative;margin:0;padding:0;overflow:hidden;background:#fff;z-index:1;}
.fixed-mb{display:none; width:100%;height:100%;position:absolute;right:0;top:0;background:rgba(0, 0, 0, 0.54);z-index:2;}
.banner_doc{margin:0;padding:0}
.banner_doc a.left{max-width:150px;position:absolute;top:80px;left:1px;z-index:9999}
.banner_doc a.right{max-width:150px;position:absolute;top:80px;right:1px;z-index:9999}
#to_top{position:fixed;bottom:80px;right:24px;margin:0 auto;z-index:9999;display:none;cursor:pointer;}
#banner h1{position:absolute;left:-1000px;}
session, nav, footer, article{overflow:hidden;}
.clear{clear:both;}
.add-to-cart{position:relative;margin-bottom: 10px;display:inline-block;}
.add-to-cart input{padding:6px 8px;text-align:center !important;min-width:72px;min-height:32px;box-sizing:border-box;}
.add{
	cursor:pointer;
	font-size:42px;width:20px;height:32px;display:table-cell; text-align:center;
	vertical-align:middle;overflow:hidden;position:absolute;
	right:3px;top:2px;}
.dec{left:0;}
.bk-btn{display:inline-block;}
.product-info .qty-and-cart {
    padding-top: 16px;
    border-top: 1px #e9e9e9 solid;
    margin-top: 16px;
}
.color{animation-name:color;-webkit-animation-name:color;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-duration:20s;-webkit-animation-duration:20s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible !important;}
@keyframes color{0%{color:#47616e;}45%{color:#47616e;}55%{color:#F54F1D;}100%{color:#F54F1D;}}
@-webkit-keyframes color{0%{color:#47616e;}33%{color:#47616e;}66%{color:#F54F1D;}100%{color:#F54F1D;}}
.color2{animation-name:color2;-webkit-animation-name:color2;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-duration:20s;-webkit-animation-duration:20s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible !important;}
@keyframes color2{0%{color:#F54F1D;}45%{color:#F54F1D;}55%{color:#47616e;}100%{color:#47616e;}}
@-webkit-keyframes color2{0%{color:#F54F1D;}33%{color:#F54F1D;}66%{color:#47616e;}100%{color:#47616e;}}
.color3{animation-name:color3;-webkit-animation-name:color3;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible !important;}
@keyframes color3{0%{color:#d09c39;}49%{color:#d09c39;}50%{color:#000;}100%{color:#000;}}
@-webkit-keyframes color3{0%{color:#d09c39;}49%{color:#d09c39;}50%{color:#000;}100%{color:#000;}}
.tuvan a .normal, a .normal{
	display:inherit;
}
.tuvan a .hover, a .hover{display:none;}
.tuvan a:hover .hover, a:hover .hover{
	transition:all 0.2s ease;
	display:inherit;
	animation-name: floating;
	-webkit-animation-name: floating;
	animation-duration: 1.2s;	
	-webkit-animation-duration: 1.2s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
.tuvan a:hover .normal, a:hover .normal{
	transition:all 0.2s ease;
	display:none;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}
@keyframes pulssing {
	0% {
		transform: scale(1);
		opacity: 0.9;		
	}
	50% {
		transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		transform: scale(1);
		opacity: 0.9;	
	}			
}

@-webkit-keyframes pulssing {
	0% {
		-webkit-transform: scale(1);
		opacity: 0.9;		
	}
	50% {
		-webkit-transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(1);
		opacity: 0.9;	
	}			
}
:before, :after{
	display:table;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mobile-menu{
	top:0;left:0;position:fixed;width:220px;height:100%;z-index:1;
	background-color:#fff;overflow-y:auto;display:block;display:none;
}
.display-mobile{display:block !important;}
.mobile-menu > ul{width:220px;position:relative;background:#fff;}
.nodisplay{display:none;}
.mobile-menu > ul > li > a{color:#000;height:auto;text-align:center;text-shadow:1px 1px 1px #666;font-size:14px;text-transform:uppercase;font-weight:700;}
.mobile-menu > ul > li{min-height:50px;text-align:center;line-height:50px;background:#fff;clear:both;border-bottom:1px #bfbfbf dotted;}
.mobile-menu > ul > li:last-child{border-bottom:none;}
.mobile-menu > ul > li:hover{background:#ffb400;color:#FFF;}
.mobile-menu > ul > li li:hover{background:#FFFF99;display:block;color:#4A4646;}
.mobile-menu > ul > li:nth-child(1){height:50px;}
.mobile-menu > ul > li:nth-child(1) a{height:50px;display:block;width:100%;}
.mobile-menu > ul > li:nth-child(1){border:none;}
.mobile-menu > ul > li:nth-child(1){line-height:50px;}
.mobile-menu > ul.menu > li:nth-child(1), .mobile-menu > ul.menu > li:nth-child(1):hover a{line-height:50px;background:url(../images/home.png) scroll no-repeat center #33454f;}
.mobile-menu > ul.categories > li:nth-child(1){line-height:80px;color:#fff;background:url(../images/icon_chuyenkhoa.png) no-repeat 8px center #4A4646;padding-left:20px;font-size:20px;font-weight:500;text-transform:uppercase;}
.mobile-menu > ul > li > ul > li{min-height:50px;line-height:50px;border-top:1px #bfbfbf dotted;}
.mobile-menu > ul > li > ul > li a{font-size:14px;font-weight:800;text-transform:uppercase;color:#666;text-shadow:1px 1px 1px #999;}
.main{margin:0 auto;max-width:1200px;}
#welcome-top{
	padding:2px 10px;background: url(../images/top_bg.png) repeat;border-bottom: 1px #e6e6e6 solid;
}
#welcome-top h4{
	font-family: 'Roboto Condensed', sans-serif;color:#000;
	font-size: 16px;line-height:25px;float:left;padding:4px;
}
#welcome-top .share-top{float:left;margin-right:20px;margin-top:5px;}
.share-top a {margin-left: 10px; float:left;font-size:24px;}
a.btn_facebook{color:#6081c4;} a.btn_twitter{color:#43bdef;}
a.btn_pinterest{color:#e62b33;} a.btn_google{color:#e62b33;}
.share-top a:hover{color:#999;}

.top-search{width:28%;max-width:340px;float:right;padding:2px 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.top-search form{position:relative;overflow:hidden;border-radius:6px;}
.top-search .input{
	border:1px #ccc solid;padding:6px;width:100%;
	background:#fff;
	font-size:14px;
	height:auto;
	margin:0;
	border-radius:6px;
	box-sizing:border-box;overflow:hidden;
	overflow:hidden;padding-right:38px;
	}
.top-search .button{
	cursor:pointer;text-indent:-9999px;
	height: 30px;width: 38px;position:absolute;right:0;top:0;
	border:1px #ccc solid;border-radius: 0;
	background: url(../images/header_kinhlup_icon.png) no-repeat center;
}
.top-search .button:hover{
	background: url(../images/header_kinhlup_iconhover.png) no-repeat center center #EFF4C9;border:1px #ccc solid;
}
.top-contact{
	overflow:hidden;padding-top:8px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	font-size:14px;color:#fff;text-align:left;
}
.top-contact h4{font-family: 'Roboto Condensed', sans-serif;font-size:24px;text-transform:uppercase;line-height:30px;}
.top-contact h5{font-family: 'Roboto Condensed', sans-serif;font-size:20px;text-transform:uppercase;line-height:28px;}
.top-contact li{padding-top:12px; display: block;}
.top-contact li:after{content:'';clear:both;}
.top-contact li img{float:left;margin-right:10px;margin-top:-3px;}
.top-contact li strong{display:inline-block;width:86px;}
.top-contact .phone{color: #fff;font-size:20px;}
.top-cart{
	width:16%;max-width:120px;font-size:13px;line-height:32px;
	float:right;text-align:center;
}
.top-cart a{color:#676767;}
.top-cart img{margin-top:6px;float:left;}


#toptop{
	margin:0;padding:0;
	background:#31434c;
	background-color: #2d4372;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d4372), color-stop(100% #4d85b6));
	background-image: -webkit-linear-gradient(top, #2d4372 0%, #4d85b6 100%);
	background-image: -moz-linear-gradient(top, #2d4372 0%, #4d85b6 100%);
	background-image: -ms-linear-gradient(top, #2d4372 0%, #4d85b6 100%);
	background-image: -o-linear-gradient(top, #2d4372 0%, #4d85b6 100%);
	background-image: linear-gradient(top, #2d4372 0%, #4d85b6 100%);
}
#toptop .main{max-width:1220px;}
#toptop .main:after{content:'';display:block;clear:both;}
#toptop .top-logo{width:40%;float:left;text-align:left;position: relative;padding:36px 0;}
#toptop .top-logo:before {
  position: absolute;
  content: " ";
  display:block;
  height: 100%;
  left: -1000px;
  right: 0;
  top: 0;
  box-sizing: inherit;
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  background-color: #e5e5e5;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100% #e5e5e5));
  background-image: -webkit-linear-gradient(top, #fff 0%, #e5e5e5 100%);
  background-image: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%);
  background-image: -ms-linear-gradient(top, #fff 0%, #e5e5e5 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #e5e5e5 100%);
  background-image: linear-gradient(top, #fff 0%, #e5e5e5 100%);
}

#toptop .top-logo img{max-width:100%;position: relative;}
#toptop .top-right{width:50%;float:right;overflow:hidden;margin:0;padding:10px 0;}
#toptop .top-right:after{content:'';display:block;clear:both;}
#menu-top{
	clear:both;z-index:999;width:100%;margin:0 auto;
	min-height:40px;top:0;left:0;background:#af1315;
	text-transform:uppercase;font-family: 'Roboto Condensed', sans-serif;
}
#menu-top .main > ul:after{content:'';clear:both;}
#menu-top .main > ul > li{
	position:relative;white-space:nowrap;float:left;
	text-align:center;height:40px;display:inline-block;line-height:40px;
	padding:0 20px 0 12px;background: url(../images/bg_nav_li.png) right center no-repeat;
}
#menu-top .main > ul > li:first-child{overflow:hidden;padding:0 20px 0 0;}
#menu-top .main > ul > li:last-child{background:none !important;}
#menu-top .main > ul > li.active-off{
	background:#F0D713;border-top-left-radius:6px;-webkit-border-top-left-radius:6px;border-top-right-radius:6px;-webkit-border-top-right-radius:6px;
}
#menu-top .main > ul > li > a{color:#fff;font-size:15px;}
#menu-top .main > ul > li:nth-child(1) > a{background:url(../images/home.png) no-repeat 5px center;padding:5px 5px 5px 36px;}
#menu-top .main > ul > li > ul{
	padding:0 10px;margin-left:-99999px;position:absolute;z-index:99;left:0;top:40px;text-align:left;
	background:rgba(63, 80, 89, 0.9);border-bottom-left-radius:6px;border-bottom-right-radius:6px;
	border-left:2px #999 solid;border-bottom:2px #999 solid;
	
}
#menu-top .main > ul > li.li-news > ul{left:-70px;}
#menu-top .main > ul > li:hover > ul{margin-left:0;}
#menu-top .main > ul > li > ul > li{float:left;width:188px;margin:0 5px}
#menu-top .main > ul > li:nth-child(3) > ul > li{width:210px;}

#menu-top .main > ul > li > ul a{height:16px;line-height:16px;padding-left:15px;float:left;display:block;color:#fff;font-size:14px;background:url(../images/icon_normal_topmenu.png) no-repeat 2px center;}
#menu-top .main > ul > li > ul a:hover{background:url(../images/icon_hover_topmenu.png) no-repeat 10px center;padding-left:15px;text-decoration:underline;transition:0.3s all ease;}
#menu-top .main > ul > li > ul > li > ul > li{margin-top:2px;float:none;padding:0;}
#menu-top .main > ul > li > ul > li > ul > li:first-child{padding-top:6px;}
#menu-top .main > ul > li > ul > li span{text-transform:uppercase;clear:both;display:block;font-size:14px;padding:0 0 0 0;}
#menu-top .main > ul > li > ul > li > a, #menu-top .main > ul > li > ul > li > a:hover{background:none;padding:8px 0px;}
#menu-top .main > ul > li > ul > li:not(:last-child){border-bottom:1px #fff dotted;}
#menu-top .main > ul > li > ul > li span{color:#333332;border-bottom:1px #c7c7c7 dotted;font-size:15px;text-transform:uppercase;}
#menu-top .main > ul > li > ul > li span:hover{opacity:0.7;}
.alert-notifi{width:100%;position:fixed;z-index:9999;top:0;}
#notification{max-width:660px;margin:0 auto;line-height:50px;font-size:16px;padding:0 12px;clear:both;background:#EDEDED;border-radius:10px;}
#notification img{float:right;padding:12px 3px 0 10px;cursor:pointer;display:block;}
#notification .error{color:red;line-height:30px;font-weight:700;}
#notification a{font-weight:700}
#notification a:hover{text-decoration:underline}
.hidden{visibility:hidden;}
#slider{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);max-width:1200px;margin:0 auto;}
#content-index{width:100%;margin:0;padding:0;}
#container{margin:0;padding:0;}
.about{padding-top:30px;padding-bottom:30px;}
.about-info{
	width:50%;margin:0 auto;float:left;background-color:#8f1e1e;
	padding:12px 16px 24px;box-sizing:border-box;
}
.about-info p, .about-info h2 , .about-info a{color:#fff;}
.about-info h2{
	line-height:30px;padding-bottom:5px;font-size:25px; font-weight:700;text-align:left;font-style:italic;
}
.about-info h2:first-letter{font-size:40px;text-transform:uppercase;}
.about .about-right {
    margin: 0; width:50%;max-width:680px; float:right;
}
.about .about-right h3 {
    font-size: 22px;line-height:28px;width:96%;margin:0 auto; font-family: 'Roboto Condensed', sans-serif;
    text-align: center; padding-bottom:5px; color:#555; text-transform: uppercase;
}.about .about-right .pic{text-align:right;}
.about .about-right .cols {
    float: right;
    color: #1a6388;
    text-transform: uppercase;
    font-size: 14px;
    width: 48%;box-sizing:border-box;padding:10px;
    margin: 0 auto;
}

.about .about-right p {
    width: 96%;
    text-align: left;
    margin: 0 auto;
    padding: 24px 0;
}
.about .about-right p:after{content:'';clear:both;}
.about .about-right .cols .row{padding-left: 5px;box-sizing:border-box;font-size:14px;text-align:left;font-weight:700;}
.about .about-right .cols .row span{display:inline-block;cursor:pointer;}
.about .about-right .cols i{font-size:40px;margin-right:6px;float:left;margin-top:-8px;}
.about .about-right .hotline-tv{text-align:center;}

.block-news{
	padding-top:20px;padding-bottom:20px; box-sizing:border-box;
}
.block-news h2{
	font-size:20px;line-height:24px;text-align:left;
	background:url(../images/icon-list.png) no-repeat 10px 13px;color:#F54F1D;
	text-transform:uppercase;padding:10px 12px 10px 42px;
}
.block-news h2.new{background:url(../images/icon-new.png) no-repeat 8px 8px;}
.block-news h2 a{color:#F54F1D;}
.block-news h2 a:hover{text-decoration:underline}
.list-product-block {
    display: -ms-flexbox!important;
    display: flex!important;
    flex-wrap: wrap;
    background-color: #fff;
}
.block-news .product-block-inner{
	margin:1%;text-align:center;position:relative;width:23%;float:left;
	min-height:350px;overflow:hidden;padding:0 0 10px 0;background:#fff;
	transition:0.5 all ease;box-shadow:0 0 1px #EDEDED;
	
}
.block-news .product-block-inner:nth-of-type(4n + 1){clear:both;}
.block-news .product-block-inner:hover{box-shadow:0 0 3px #535353;}
.block-news .image{width:100%;margin:0 auto;position:relative}
.block-news .image .link-image{display:block;max-width:100%;max-height:100%;margin:0 auto;position:relative;overflow:hidden;}
.block-news .image .link-image .hover-image{
	position:absolute;width:100%;height:100%; display:block;
	background: url(../images/eye-icon.png) no-repeat center, url(../images/page/linebg-fade.png) repeat-x 0 0;
	top:0;transition:all 0.3s ease-in-out;opacity:0;
}
.block-news .image .link-image:hover .hover-image{opacity:1;}
.block-news .image img{max-width:100%;display:block;margin:auto;}
.block-news .product-block-inner .sale{position:absolute;top:0;right:0;padding:3px;background:#E76453;color:#fff;font-size:13px;border-bottom-left-radius:5px;}
.block-news .name{font-family: 'Roboto Condensed', sans-serif;padding:10px 6px 8px;margin:0 auto;text-align:center;overflow:hidden;min-height:60px;}
.block-news .name a{color:#47616e;font-size:18px;line-height:20px;font-weight:500}
.block-news .name a:hover{text-decoration:underline}
.block-news .code{font-size:20px;padding:0 0 5px}
.block-news .details{width:92%;margin:8px auto;text-align:justify}
.block-news .price{font-size:15px;padding:6px 10px 0;}
.block-news .price{display:block;color:#666;}
.box-product .price{text-align:center;}
.block-news .price{color:#666;}
.block-news .price-old, .allproduct .price-old{font-size:14px;padding:5px 0 0;}
.price-old{color:#8e8e8e;text-decoration:line-through;display: block;}
.price-new, .donvi{color:#E76453;}
.block-news .price-new, .price-new{padding:0;color:#E76453;font-size:16px;white-space: nowrap; font-weight: 700;}
.block-news .cart, .block-news .contact{padding:10px 0;width:50%;;margin:0 auto;}
.block-news .cart-2{max-width:120px;margin:0 auto;padding:10px 0;}
.button{width:94%;max-width:120px;height:30px;border:none;padding:0px 8px;
	background:#e76452;background:-moz-linear-gradient(top, #e76452 0%, #d43e2a 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e76452), color-stop(100%,#d43e2a));
	background:-webkit-linear-gradient(top, #e76452 0%,#d43e2a 100%);
	background:-o-linear-gradient(top, #e76452 0%,#d43e2a 100%);
	background:-ms-linear-gradient(top, #e76452 0%,#d43e2a 100%);
	background:linear-gradient(to bottom, #e76452 0%,#d43e2a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e76452', endColorstr='#d43e2a',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color:#fff;
}
a.button:hover, .button:hover{
	cursor:pointer;
	background:#2b465d;background:-moz-linear-gradient(top, #3595ea 0%, #2b465d 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3595ea), color-stop(100%,#2b465d));
	background:-webkit-linear-gradient(top, #3595ea 0%,#2b465d 100%);
	background:-o-linear-gradient(top, #3595ea 0%,#2b465d 100%);
	background:-ms-linear-gradient(top, #3595ea 0%,#2b465d 100%);
	background:linear-gradient(to bottom, #3595ea 0%,#2b465d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3595ea', endColorstr='#2b465d',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.modal-content .button{clear:both;display:block;}
.category-list{margin:0;padding:0;}
.mobile-menu .category-list{background:#fff;}
.box-news h3{background:#EDEDED;font-size:15px;margin:0;text-align:center;line-height:25px;width:100%;margin:0 auto;text-transform:uppercase;padding:5px 0;color:#47616e;display:block;}
.box-news .news-item li{padding:5px 4px;border-bottom:1px #EDEDED dashed;clear:both;}
.box-news .news-item li:last-child{border:none;}
.box-news .news-img{float:left;margin:4px;}
.box-news .news-item .news-title h4{text-align:left;line-height:17px;padding:2px;font-size:14px;}
.box-news .news-item .news-title h4:first-letter{text-transform:uppercase;}
.box-news .news-details{padding:0 5px;font-size:13px;line-height:16px;}
.box-news .news-details:first-letter{text-transform:uppercase;}
.content-info{margin:0;padding:6px 12px 20px;}
.content-info .note{color:#F30;padding:20px 0 0}
.content-info h2{font-size:22px;line-height:30px;width:100%;color:#47616e;text-transform:uppercase;padding:10px 0;font-family: 'Roboto Condensed', sans-serif;display:block;text-align:left}
.content-info h3{font-size:20px;line-height:28px;width:100%;color:#47616e;padding:5px 0;font-family: 'Roboto Condensed', sans-serif;display:block;}
.content-info p{margin:10px 0}
.content-info .day, #div-article .day{color:#F54F1D;font-size:18px}
.content-info table, article table{padding:5px 0;overflow:inherit;width:100%;}
.content-info table tbody tr:nth-child(odd), article  table tbody tr:nth-child(odd){background:#ededed}
.content-info table tbody tr:nth-child(even), article  table tbody tr:nth-child(even){background:#f9f9f9}
.content-info table tbody tr:first-child td, article  table tbody tr:first-child td{vertical-align:middle;}
.content-info table tbody tr .td-first{max-width:100px !important;}

.content-info table thead tr:first-child, article  table thead tr:first-child{background:#47616e;color:#fff;font-size:18px;text-transform:uppercase;text-align:center;}
.content-info table td:nth-child(3) p,
article  table td:nth-child(3) p,
.content-info table td:nth-child(4) p,
article  table td:nth-child(4) p{text-align:center !important;}

.content_article button {
    background-color: #00adee;
    border: #00adee 1px solid;
    color: #fff!important;
    border-radius: 5px;
    padding: 3px 8px 2px; margin:1px 5px;
    text-transform: uppercase;
    font-weight: 400;
    vertical-align: top;
}
.blog-new{padding:5px 0 10px;}
.blog-new h3{border-bottom:1px #47616e dashed;}
.blog-new .price{color:#F54F1D;font-size:18px;}

#comments{
	background: url(../images/bg_comments.jpg) center center no-repeat fixed;
	background-size:cover;
}
.comments-in{
	background: url(../images/bg_repeat.png) repeat; padding:10px;
}
#comments h2{
	display: block;
    font-size: 22px;text-transform:uppercase;
    padding: 12px 12px 12px 24px;margin-bottom:12px;
    box-sizing: border-box;
    border-bottom: 1px #fff solid;color:#fff;
	background: url(../images/arrow-comment.png) no-repeat left 14px;
}
#comment-body {
	line-height: 150%;
	padding:6px 0;
	box-sizing:border-box;
	height: 442px;
	overflow: hidden;
}
#comment-body .allpj {
	margin: 0px auto;
}
#comment-body li{padding-bottom:15px;}
#comment-body li:after{content:'';clear:both;}
#comment-body .le {
	text-align: left;
}
#comment-body .ri {
	text-align: right;
}
#comment-body .pic {
	padding: 0px;
	margin: 0px;
	border-radius: 50%;
	border:2px #fff solid;
	max-width: 20%;
	overflow:hidden;
	display: inline-block;
}
#comment-body .le .pic{float:left;}
#comment-body .ri .pic{float:right;}
#comment-body .pic img{float:left;}
#comment-body .le .lj {
	margin-top: 20px;
	vertical-align: top;
	width:16px;height:8px;display:inline-block;
	background:url(../images/comments/say_1.png);
}


#comment-body .text {
	min-height: 92px;
	padding: 10px;
	box-sizing:border-box;
	border-radius: 1em;
	max-width: 71%;
	min-width: 51%;
	margin-top: 0;
	
	display: inline-block;
	position:relative;
}
#comment-body .le .text{background-color: #c7d7e6;margin-left:22px;}
#comment-body .ri .text{background-color: #ffe4c8;margin-right:22px;}
#comment-body .le .text:before {
	content:'';
	vertical-align: top;
	position:absolute;top: 20px;left:-16px;z-index:1;
	width:16px;height:8px;display:inline-block;
	background:url(../images/comments/say_1.png);
}
#comment-body .ri .text:before {
	content:'';
	
	vertical-align: top;
	position:absolute;top: 20px;right:-16px;z-index:1;
	width:16px;height:8px;display:inline-block;
	background:url(../images/comments/say_2.png);
}


.category-list .category-title{
	background:#f9f9f9;font-size:15px;text-align:center;
	line-height:25px;width:100%;margin:0 auto;padding:2px 0;
	display:block;
}
.category-list .category-title span{
	clear:both;position:relative;display:block;
	padding:5px 5px 5px 24px;text-align:left;color:#2b465e;
	font-weight:700;font-size:16px;cursor:pointer;
	
}
.category-list .category-title.active span{color:#47616e;}
#side_bar .category-list .category-title span:hover{color:#d09c39;}
#side_bar .category-list .category-title span:hover:before{border-left: 8px solid #d09c39;}
.category-list .category-title span:before{
	width:0;height:0;display:block;content:'';
	border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 8px solid #2b465e;
	float:left;margin-top:8px;margin-right:10px;
}

.category-list .list{margin:0;padding:10px 0 10px 0;border:1px #EDEDED solid;}
.category-list > ul{width:100%;margin:0 auto;box-sizing:border-box;}
.category-list > ul > li ul{padding:0;margin:0;width:100%;max-width:241px;}
.category-list > ul > li{margin-bottom:10px;}
.category-list > ul > li li{width:88%;margin:0 auto;padding:0 0;min-height:23px;line-height:23px;padding:5px 0;}
.category-list .list > ul > li a{background:url(../images/page/icon2_menuleft.png) no-repeat 0 center;white-space:nowrap;padding:5px 5px 5px 12px;font-size:13px;color:#535353;}
.category-list .list > ul > li a:hover{margin-left:10px;background:url(../images/page/icon2_hover_menuleft.png) no-repeat 0 center;color:#c94c4c;transition:all 0.3s;}
.category-list .list > ul > li a.active{margin-left:10px;background:url(../images/page/icon2_hover_menuleft.png) no-repeat 0 center;color:#F54F1D;}
.categories_detail .form-center{width:94%;max-width:450px;margin:0 auto;}
.form-center .form-data {padding:4px 0;min-height:24px;}
.form-center .form-data.form_dk_alert{text-align:center !important;}
.form-center .form-data input, .form-center .form-data select{
	width:100% !important;padding:2px 10px;box-sizing: border-box;
	border-radius:3px;border:1px solid #969A96;
}
.form-center .form-data select{font-size:15px;}
.form-center .form-data label{
	width:100%;display:block;
	text-align:left;font-weight: 700;
	font-size:16px;text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
}
.form-center .form-data button {
    padding: 12px;
    font-size: 20px;
    margin-top: 12px;
	max-width:180px;
    height: auto;
    text-transform: uppercase;
}
.modal .form-center {
    width: 100%;
}
.modal .form-center:after{content:'';clear:both;}
.modal-style .modal-content .form-data{width:50%;float:left;box-sizing:border-box;}
.modal-style .modal-content .form-data:nth-child(odd){clear:both;padding-right:10px;}
.modal-style .modal-content .form-data:nth-child(even){padding-left:10px;}
.form-center .form-data input, .form-center .form-data select{
	width:100% !important;box-sizing: border-box;height:30px;
	border-radius:3px;border:1px solid #969A96;
}
.new-article{background:#fff}
.new-article h3 {
	display: block;
	font-size: 22px;
	padding: 25px 12px 8px 16px;
	box-sizing:border-box;
	border-bottom:1px #d09c39 solid;border-left:10px #d09c39 solid;
}
.new-article h3 a{color:#d09c39;}
.new-article h3 a:hover{text-decoration:underline;}
.new-article ul{margin-top:12px;}
.new-article ul:after{content:'';clear:both;}
.new-article ul li {
	width: 50%;padding:10px; box-sizing:border-box;
	float:left;
	min-height: 80px;
}
.new-article ul li:nth-child(2n + 1){clear:both;}
.new-article ul li:after{content:'';clear:both;}
.new-article h4 {
	padding: 0;
	overflow: hidden;
	text-align: left;
	line-height: 20px;
	font-size: 14px;
}
.new-article h4 a {
	color: #00667b
}
.new-article h4 a:hover {
	color: #387c13;text-decoration:underline;
}
.new-article .news-img {
	float:left;margin-right:12px;
}
.new-article .news-img img{max-width:100%;}
.new-article .news-img .hover-img{
	position:absolute;display:block;
	background: url(../images/eye-icon.png) no-repeat center, url(../images/page/linebg-fade.png) repeat-x 0 0;
	top:0;transition:all 0.3s ease-in-out;opacity:0.1;
}
.new-article .news-img .link-image {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.new-article .news-img a:hover .hover-img{opacity:1;}
.new-article .news-details {
	text-align: justify;
	font-size: 14px;
	padding-top:16px;
	padding-bottom:16px;
}
.new-article .news-details p{line-height:20px;}
.fired-popup {
	background: rgba(41, 67, 90, 0.7);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 9999;
	display: none
}
.modal {
	display: none;
	position: fixed;
	z-index: 99999;
	left: 0;
	right: 0;
	top: 10%;
	background-color: #fafafa;
	box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.5), 0 25px 55px 0 rgba(0, 0, 0, 0.5);
	padding: 0;
	height: 80%;
	width: 84%;
	max-width: 600px;
	margin: auto;
	overflow-y: auto;
	border-radius: 2px;
	will-change: top, opacity
}
.modal div {
	box-sizing: border-box
}
.modal .modal-content {
	padding: 20px
}
.modal .modal-content h4 {
	padding: 10px 0;
	font-size: 1.5rem;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	text-align: center
}
.modal .modal-content .details {
	padding: 5px 0;
	text-align: left
}
.modal .modal-content .details span {
	font-weight: 700
}
.modal .modal-close {
	cursor: pointer;
	position: absolute;
	background: none;
	border: none;
	color: grey;
	font-size: 36px;
	line-height: 20px;
	top: 5px;
	right: 5px
}
.modal .modal-close:hover {
	color: #ffab00
}
.modal .modal-footer {
	border-radius: 0 0 2px 2px;
	background-color: #fafafa;
	padding: 12px 6px;
	text-align: center;
	width: 100%
}
.modal.modal-fixed-footer .modal-content {
	position: absolute;
	height: calc(100% - 56px);
	max-height: 100%;
	width: 100%;
	overflow-y: auto
}
.modal.modal-fixed-footer .modal-footer {
	border-top: 1px solid rgba(0, 0, 0, .1);
	position: absolute;
	bottom: 0
}
.modal.bottom-sheet {
	top: auto;
	bottom: -100%;
	margin: 0;
	width: 100%;
	max-height: 45%;
	border-radius: 0;
	will-change: bottom, opacity
}
.fixed-button{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;display:block;}
.tick_normal {
    float: right;
    font-family: arial;
    overflow: hidden;
    padding: 0;
    position: fixed;
    width: 150px;
    z-index: 999;
    height: 80px;
	cursor:pointer;
}
.tick_hover {
    border-radius: 10px 0 0 10px;
    float: left;
    transition: all ease 1s;
    overflow: hidden;
    padding: 16px 0;
	box-sizing:border-box;
    position: fixed;
    right: 0;
    top: 42px;
    width: 150px;
    z-index: 99999;
}
.tick_hover .p_text_hover {
    color: #2b465e;
    font-size: 16px;
	font-weight:700;
    line-height: 28px;
	text-align: center;
    width: 150px;
}
.tick_hover .p_text_hover .sticky_phone {
    background: url("../images/header_icon3.png") no-repeat scroll 10px 0 rgba(0, 0, 0, 0);
    color: #c5efed;
    display: block;
    font-size: 19px;
    height: 32px;
    padding-left: 45px;
    width: 36px;
}


.tick_normal_left {
    float: left;
	background-color: #f2f2f2;
    transition: all ease 1s;
	border-radius:  0 10px 10px 0;
    overflow: hidden;
	box-sizing:border-box;
    position: fixed;
    left: 0;
    top: 42px;
    width: 154px;
    z-index: 999;
	
}
.tick_normal_left hr{width:100px;margin: 0 auto;}
.tick_normal_left .div_text {
    color: #2b465e;
	background-color: #f2f2f2;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
	padding: 12px 0 2px;
    font-size: 16px;
	font-weight:700;
    line-height: 28px;
	text-align:center;
    width: 154px;
}
#reg-bgleft .error{color:red;font-size:12px;}
#form_dk .error{color:red;font-size:14px;}
.button-popup {text-align:center;text-transform:uppercase;padding: 20px 0;}
.button-popup strong{padding:12px;border-radius:10px;}
.divdl {
	bottom: 5px; left:5px; width:240px;border-radius:8px;
	z-index: 101; border-style: solid; border-color: red; border-width: 2px; 
	position: fixed;background-color:#FFFFFF;
}
.divdl p{font-size:13px;line-height:16px; padding: 6px;}
.divdl .button-tuvan {text-align:center;padding-bottom:18px;padding-top:18px;}
.divdl .button-tuvan strong{padding:12px 20px;border-radius:10px;}
footer{width:100%;margin:0;padding:0;overflow:hidden;background-color:#333;}
.footer-link{width:100%;padding:10px 0px;margin:0;overflow:hidden;border-bottom:1px #5d717b solid;}
.footer-link ul{
	display: flex;
    -webkit-box-pack: justify;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer-link ul:after{clear:both;content:'';}
.footer-link ul li{
	float:left;text-align:center;font-style:italic;font-size:14px;
	padding:8px;color:#535353;box-sizing:border-box;
}
.footer-link ul li:last-child{border:none;}
.footer-link ul li .cols{display:block;}
.footer-link ul li a{color:#fff;}
.footerbg2{color: #fff;background: #333;}
.footerbg2 a{color: #edc666;}
.footerbg2 a:hover{color: #fff;}
.footerbg2  h4{font-family: 'Roboto Condensed', sans-serif;color:#edc666;font-size:22px;padding-bottom:12px;line-height:25px;text-align:left;}
.footerbg2 .left-footer{width:40%;padding:20px 10px;float:left;text-align:left;}
.footerbg2 .left-footer h5{
	font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 24px;
    text-align: left;
}
.footerbg2 .left-footer p{margin-bottom:8px;}
.footerbg2 .right-footer{width:60%;float:right;text-align:left;padding:20px 0;display:flex;}
.footerbg2 .right-footer:after{content:'';clear:both;}
.footerbg2 .footer-info, .footer-info-last{text-align:left;width: 50%;}

.info-last, .fanpage-fb{padding:10px;}
.footerbg2 .footer-info p{padding-top:10px;}
.right-footer .footer-info strong{display:block;width:80px;float:left;}
.copyright{text-align: center;
    clear: both;
    padding: 12px 5px 10px;
    color: #fff;
    border-top: 1px #c7b192 solid;
}
.copyright span{font-size:16px;font-weight:700;}
.social-links {text-align:left;}
.social-links .list li{display:inline-block;margin-right:20px;}
.social-links .list li a{color:#fff}
.social-links .list li a:hover{color:#edc666;}
.social-links .list li i{font-size: 1.71429rem;line-height: 2.57143rem;}
.social-links *:before, .social-links *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@-webkit-keyframes rotex {

30% {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}
33% {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg)
}
36% {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}
39% {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg)
}
42% {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}
45% {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg)
}
48% {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}
51% {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg)
}
54% {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}
57% {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg)
}

}
@-moz-keyframes rotex {

30% {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}
33% {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg)
}
36% {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}
39% {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg)
}
42% {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}
45% {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg)
}
48% {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}
51% {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg)
}
54% {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}
57% {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg)
}

}
@-o-keyframes rotex {

30% {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}
33% {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg)
}
36% {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}
39% {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg)
}
42% {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}
45% {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg)
}
48% {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}
51% {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg)
}
54% {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}
57% {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg)
}

}
@keyframes rotex {

30% {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}
33% {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg)
}
36% {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}
39% {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg)
}
42% {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}
45% {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg)
}
48% {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}
51% {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg)
}
54% {
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg)
}
57% {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg)
}

}

.btn_menu{
	float:left;z-index:9999;right:0;background-size:100%;cursor:pointer;width:32px;height:34px; 
	padding:6px 6px 0;
}
.btn_menu i{font-size:30px;}
#htop{
	display:none;background:#33454f;z-index:9999;width:100%;top:0;min-height:40px;color:#fff;
}
#htop .home-top{float:left;padding:8px;line-height:24px;font-size:15px;font-family: 'Roboto Condensed', sans-serif;}
#htop .open-top{
	margin:0 auto;font-size:18px;line-height:30px;text-transform:uppercase;cursor:pointer;
	font-weight:700;float:right;display:inline-block;font-family: 'Roboto Condensed', sans-serif;
	text-align:center;padding:8px; line-height:24px;box-sizing:border-box;height:40px;
}
#htop .home-top img, #htop .open-top img{margin-right:6px;float:left;}
#htop .home-top i, #htop .open-top i{font-size:18px;float:left;margin-right:5px;line-height:24px;}
#htop .home-top span, #htop .open-top span{display:inline-block;vertical-align:middle;}
#htop .home-top a, #htop .open-top a{color:#fff;}
.btn_phone {
	position:fixed;bottom:20px;left:20px;
	z-index: 999;cursor:pointer;
	text-align: center;
	box-sizing:border-box;
	-webkit-animation: rotex 2.5s infinite;
	-moz-animation: rotex 2.5s infinite;
	-o-animation: rotex 2.5s infinite;
	animation: rotex 2.5s infinite;
}
.btn_phone a {
	display:inline-block;background:#1886bd;padding:6px;border-radius:50%;
}
.btn_phone img{float:left;}
.hotline-phone-ring-wrap{position:fixed;bottom:0;left:0;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 .5s;left:-10px;bottom:-10px;display:block;}
.hotline-phone-ring-circle{width:110px;height:110px;top:0;left:0;position:absolute;background-color:transparent;border-radius:100%;border:2px solid #1564a7;-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 .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:0.5;}
.hotline-phone-ring-circle-fill{width:80px;height:80px;top:16px;left:16px;position:absolute;background-color:rgba(21,100,167,0.7);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 .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;}
.hotline-phone-ring-img-circle{background-color:#1564a7;width:50px;height:50px;top:31px;left:31px;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:flex;align-items:center;justify-content:center;}
.hotline-phone-ring-img-circle .pps-btn-img{display:flex;font-size:2em;color:#fff;}
.hotline-bar{position:absolute;background:#1564a7;height:40px;background-size:100%;cursor:pointer;transition:all .8s;-webkit-transition:all .8s;z-index:9;border-radius:50px!important;left:36px;bottom:22px;padding:0 5px;}
.hotline-bar > a{color:#fff;text-decoration:none;font-size:18px;font-weight:700;text-indent:40px;letter-spacing:1px;display:block;line-height:38px;font-family:'Roboto Condensed', sans-serif;}
@-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);
  }
}
#error404{min-height:308px;text-align:center;width:98%;margin:0 auto;}
#error404 .title404{font-size:25px;color:#ad013a;margin-top:20px;padding-top:35px;clear:both;text-align:center;line-height:35px;}
#error404 .homeclick{margin-top:10px;line-height:25px;font-size:18px;}
#error404 .homeclick a{color:#36F}
#error404 .homeclick a:hover{text-decoration:underline;color:#69F}
#error404 ul li{display:inline-block;padding:5px 10px;margin:2px;background:#F63;color:#fff;}
#error404 ul li a{color:#fff;}
#error404 p{font-size:15px;line-height:25px;margin-top:5px;}
.search404{margin:0 auto;padding-bottom:20px;}
.search404 input{margin-top:5px;padding:2px 10px;}

@charset "utf-8";.animationHidden{visibility:hidden !important;}
.jcs4 *{padding:0;margin:0;}
.jcs4{position:relative;}
.jcs4-viewport{position:relative;overflow:hidden;}
.jcs4-slide{position:absolute;top:0;left:0;width:100%;height:100%;}
.jcs4-slide img{display:block;width:100%;height:auto;visibility:visible;}
.jcs4-image-crop{position:absolute;display:block;width:100%;height:100%;}
.jcs4-image-crop img{position:absolute;top:50%;left:50%;width:auto;height:100%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.no-csstransforms .jcs4-image-crop img{top:0;left:0;}
.jcs4-loading{z-index:9999;position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:4px solid rgba(255, 255, 255, .2);border-top-color:#fff;border-radius:40px;-webkit-animation:loader 1250ms infinite linear;animation:loader 1250ms infinite linear;}
@-webkit-keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
.jcs4-controls{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.jcs4.loading .jcs4-controls{display:none;}
.jcs4-prev,
.jcs4-next{z-index:3;cursor:pointer;position:absolute;top:50%;display:block;width:30px;height:60px;margin-top:-30px;background:url(../images/arrows_slide.png) no-repeat;opacity:0;transition:all .3s;}
.jcs4-prev{left:-30px;background-position:center -60px;}
.jcs4-next{right:-30px;background-position:center 0;}
.jcs4-prev:hover,
.jcs4-next:hover{opacity:.7 !important;transition:all .3s;}
.jcs4:hover .jcs4-prev{left:10px;opacity:1;transition:all .3s;}
.jcs4:hover .jcs4-next{right:10px;opacity:1;transition:all .3s;}
.jcs4-pages{z-index:3;position:absolute;bottom:2%;left:50%;opacity:.8;transition:all .3s;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);}
.jcs4-pages:hover{opacity:1;}
.jcs4-pages a{cursor:pointer;display:block;float:left;width:12px;height:12px;margin:0 4px;background:#ccc;border:2px solid white;border-radius:12px;font-size:0;line-height:1;text-indent:-999px;overflow:hidden;}
.jcs4-pages a:hover{background:#ccc;}
.jcs4-pages a.active{background:#333;}


.thongbao-lienhe, .thongbao-lienhe1, .thongbao-lienhe2{
	clear:both;margin:0 auto;font-size:16px;
	text-align:center;overflow:hidden;
}
.success{color:#5cb85c;}
.error{color:#F00;}
.social-last{
	position:fixed;bottom:10px;right:10px;
	z-index:99999;font-weight:700;
	float:left;text-align:center;margin:0 auto;font-size:16px;
}
.contact-last li img, .social-last li img {
    float: left;
    margin-right: 3px;
    margin-top: 2px;
    -webkit-animation: rotex 2.5s infinite;
    -moz-animation: rotex 2.5s infinite;
    -o-animation: rotex 2.5s infinite;
    animation: rotex 2.5s infinite;
}
.loading{background:url(../images/loader.gif) no-repeat top center;display:block;text-align:center;width:24px;height:24px;background-size:100%;margin:0 auto}
.hotline-phone-ring-wrap{position:fixed;bottom:0;left:0;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 .5s;left:-10px;bottom:-10px;display:block;}
.hotline-phone-ring-circle{width:110px;height:110px;top:0;left:0;position:absolute;background-color:transparent;border-radius:100%;border:2px solid #a50d0d;-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 .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:0.5;}
.hotline-phone-ring-circle-fill{width:80px;height:80px;top:16px;left:16px;position:absolute;background-color:rgba(203,69,18,0.7);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 .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;}
.hotline-phone-ring-img-circle{
	background-color:#bb1414;width:60px;height:60px;bottom:20px;left:20px;position:absolute;background-size:20px;
	border-radius:100%;border:2px solid transparent;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;
	transform-origin:50% 50%;display:flex;align-items:center;justify-content:center;
}
.hotline-phone-ring-img-circle img{
	-webkit-animation: rotex 2.5s infinite;
	-moz-animation: rotex 2.5s infinite;
	-o-animation: rotex 2.5s infinite;
	animation: rotex 2.5s infinite;
}
.hotline-phone-ring-img-circle:after{
	content:"";
    width:100%;
    height:100%;
    background:transparent;
    position:absolute;
    left:0%;
    top:0%;
    border-radius:50%;
    -webkit-box-shadow:0px 0px 10px #bb1414;
    box-shadow:0px 0px 10px #bb1414;
    -webkit-animation:dropwater 1.2s 0.5s infinite;
    animation:dropwater 1.2s 0.5s infinite
}
.hotline-phone-ring-img-circle .pps-btn-img{display:flex;font-size:2em;color:#fff;}
.hotline-bar{position:absolute;background-color:#db440a;height:40px;background-size:100%;cursor:pointer;transition:all .8s;-webkit-transition:all .8s;z-index:9;border-radius:20px;left:46px;bottom:22px;padding:0 5px;}
.hotline-bar > span{color:#fff;text-decoration:none;font-size:16px;white-space: nowrap;font-weight:700;text-indent:32px;letter-spacing:1px;display:block;line-height:40px;padding-right:6px;}
@keyframes dropwater{
    0%{
        transform:scale(1.1);
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -o-transform:scale(1.1)
    }
    50%{
        transform:scale(1.2);
        -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -o-transform:scale(1.2)
    }
    100%{
        transform:scale(1.3);
        -webkit-transform:scale(1.3);
        -moz-transform:scale(1.3);
        -o-transform:scale(1.3);
        opacity:0
    }
}
@media screen and (max-width:1200px){
	.banner_doc{display:none;}
	#menu-top .main > ul > li{padding:0 10px;}
}
@media screen and (max-width:1024px){
	.main{width:100%;margin:0 auto;}
.banner_left{display:none;}
#contact{overflow:hidden;max-height:39px;margin:0 auto;text-align:center;z-index:99;}
#content5 .online, #content5 .henkham{width:50%;max-width:252px;margin:0 auto;}
#content5 .toikham{width:96%;max-width:252px;clear:both;float:none;margin:0 auto;}
}
@media screen and (max-width:900px){
	.content-info #tablesdt tbody tr,
.content_article #tablesdt tbody tr,
.content-info #tablesdt tbody td,
.content_article #tablesdt tbody td{display:block;}
.content-info .goicuoc tbody tr,
.content_article .goicuoc tbody tr{display:block;margin:20px auto;border:none;border-bottom:1px #47616e dashed;border-top:10px #47616e solid;background:#f5f5f5}
.content-info .goicuoc tbody td,
.content_article .goicuoc tbody td{display:block;clear:both;border:none;}
.goicuoc tbody tr:first-child{display:none}
#menu-top{display:none;}
#htop{display:block;}
.alert-notifi{top:40px;}
#notification{line-height:25px;text-align:left}
#notification > div{padding:12px;}
#notification img{padding:0px 3px 0 10px;}
#toptop .top-logo{width:100%;text-align:center;}
#toptop .top-logo:before {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
}
#toptop .top-right{width:96%;max-width:440px; float:none;margin:0 auto;}
.top-search{width:60%;float:left;padding:0;}
.top-cart{width:38%;}
.about-info, .about .about-right{
	width:100%;
}
.about .about-right h3{padding-top:20px;}
.block-news .product-block-inner{width:48%;float:left;box-shadow:0 0 5px #666;padding-top:16px;}

.block-news .product-block-inner:nth-child(even), .new-article ul li:nth-child(odd){clear:both;}

.footerbg1{width:100%;float:none;}
.footerbg1 ul li{width:50%;}
.footerbg1 ul li:last-child{width:100%}
.right-footer .footer-info strong{float:none;text-transform:uppercase;}
.footerbg2 .left-footer{width:100%;float:none;}
.footerbg2 .right-footer{width:100%;float:none;}
.footerbg2 .right-footer .footer-info{width:100%;}
.footerbg2 .right-footer .footer-info-last{width:100%;}
}
@media screen and (max-width:680px){
	.copyright{margin:auto;padding:10px 12px 0;width:96%;line-height:25px;}
}
@media screen and (max-width:480px){
	.block-news .product-block-inner{width:94%;float:none;margin:20px auto;max-width:272px;}
	.block-news h2{font-size:16px;}
	.footerbg1 .col{width:97%;float:none;background:none;}
	.new-article ul li{width:100%;}
	.modal-style .modal-content .form-data,
	.modal-style .modal-content .form-data:nth-child(odd),
	.modal-style .modal-content .form-data:nth-child(even){width:100%;float:none; box-sizing:border-box;padding:5px 0;}
	.modal.modal-fixed-footer .modal-content{position:inherit;}
	.modal.modal-fixed-footer .modal-footer{position:inherit;}
	.thongbao-lienhe, .thongbao-lienhe1, .thongbao-lienhe2{font-size: 14.5px !important;}
	.modal {height:92%;top:4%;}
}