@charset "utf-8";
*{margin:0; padding:0;outline:0;}
html{height:100%;}
h1{font-size:15px;}
h2{font-size:14px;} 
h3{font-size:13px;} 
h4{font-size:12px;} 
h5{font-size:11px;} 
h6{font-size:10px;} 
a{text-decoration:none;} 
p{padding:5px 0;}
img{border:0; border-spacing:0;}
img, embed{vertical-align:middle;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, img, embed  {
        margin: 0;
        padding: 0;
        outline: 0;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
		border-color:#e8e8e8;
}
table td{border-color:#e8e8e8;}
caption, th, td {
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/************************************************************************************
Reset HTML5 Elements to Block
*************************************************************************************/
.fa-list-ol { width:18px; height:20px; float:left;background: url(../imgs/123.JPG) no-repeat; }
.vn_title {text-transform: uppercase;font-weight: 700; color: #0d509d !important; padding: 5px 0;font-size:15px !important; border-bottom: 1px solid #ddd;position: relative;}
.vn_title span{color: #0d509d !important;}
.vn_title::before { content: "";width: 200px;height: 3px;background-color: #0d509d;position: absolute;bottom: -2px;left: 0; z-index: 1;}
.vn_child { margin-bottom:10px;}
.vn_child a{ text-indent:20px; margin-bottom:5px; font-size:14px; float:left; width:100%; color: #666; font-family:Roboto,Arial;}.box_show .vn_title::before, .box_show .vn_title::after {display:none;}.f-detail .vn_title {position: relative; padding-bottom: 10px;  margin: 10px 0px; font-weight:bold;}.muc_luc { font-weight:600; float:none; clear:both; width:96%; background:#f3f3f3; border:solid 1px #333; padding:1% 2%; border-radius:5px; font-size:16px; color:#333; margin-top:15px; display:none;}.box_show{ width: 95%; background: #edf6ff;}.button { border:none; font-weight:bold; text-transform:capitalize; background:none;color: #333; cursor:pointer; font-size:17px;}.muc_luc .fa {margin-right: 10px;}#tag_hien .vn_title {  border-bottom:none; float:left; width:100%; text-transform:capitalize !important;}#tag_hien .vn_title a{font-weight:bold !important;}#tag_hien {background: #f3f3f3; margin-top:-5px; border-radius: 0px 0px 5px 5px; width:96%; margin-bottom:20px; border-left: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #333; padding: 1% 2%; float:left; display:none;}.vn_title a{color: #333; font-size:14px; font-weight:bold; float:left; width:100%; font-family:Roboto,Arial;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #444;
	background: #fff;
	line-height: 24px;
	-webkit-text-size-adjust:100%;
}
#wrapper {width: 100%; position: relative;}
/************************************** BEGIN PHAN TRANG ************************************/
/************************************** END PHAN TRANG **************************************/
a, a:hover {
		
}
.clear {clear:both; height: 0; float: none;}
.box-sizing-fix {box-sizing: border-box; -moz-box-sizing: border-box; -webkit- box-sizing: border-box;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
} /* Hides from IE-mac \*/
.clearfix {
	display: block;
	float:none; clear:both;
}
/* Fix input safari mobile */
input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
}
.PageNum a {
	background: #fff;
	padding: 2px 5px;
	display:inline-block;
	border: 1px solid #d5d5d5;
	color: #202f3d;
	margin: 0 3px 5px 0;
}
.PageNum a:hover {color: #202f3d; background: #f1f1f1;}
.PageNum span {
	background: #f1f1f1;
	padding: 2px 5px;
	display:inline-block;
	border: 1px solid #d5d5d5;
	color: #202f3d;
	font-weight: bold;
	margin: 0 3px 5px 0;
}
.min-wrap {width: 1000px; margin: 0 auto;}
.block-show-mobile {display: none;}
#menu-icon {display: none;}
/************************************** BEGIN header ************************************/
header {}
.banner {background: url(../imgs/bg-header.png) no-repeat center top; height: 100px; background-size: cover;}
.logo {float: left; width: 180px;}
.r-header {margin-left: 180px; text-align: right;}
.user-header {font-size: 10px; text-transform: uppercase; color: #0d509d; overflow: hidden;}
.user-header ul.ul-uh {float: right; display: block; padding: 5px 0 10px 0;}
.user-header ul.ul-uh > li {float: left;}
.user-header ul.ul-uh > li > a {color: #0d509d; padding: 0 5px;}
.user-header ul.ul-uh > li:last-child > a {padding-right: 0;}
.user-header ul.ul-uh > li > a:hover {text-decoration: underline;}
.tool-rh {overflow: hidden;}
.ul-rh-social {float: right; display: block; margin-left: 10px;}
.ul-rh-social > li {float: left; margin-right: 5px;}
.ul-rh-social > li a {background-position: 0px 0px; background-repeat: no-repeat; display: block; width: 32px; height: 32px;}
.ul-rh-social > li a.facebook {background: url(../imgs/facebook.png);}
.ul-rh-social > li a.tiwtter {background: url(../imgs/tiwtter.png);}
.ul-rh-social > li a.google {background: url(../imgs/google.png);}
.ul-rh-social > li a.destop1 {background: url(../imgs/destop.png);}
.ul-rh-social > li a.destop2 {background: url(../imgs/mobile.png);}
.ul-rh-social > li a:hover {background-position: 0px -32px;}
.hotline-rh {
	float: right;
	border: 1px solid #0d509d;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #0d509d;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	height: 30px; line-height: 30px;
	padding: 0 10px;
	-moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.hotline-rh:hover {color: #fff; background: #0d509d;}
.menu {height: 50px; background: #0d509d; color: #fff;}
.menu .min-wrap {position: relative;}
.nav-menu {}
.nav-menu ul#nav {float: left; display: block; height: 50px; white-space: nowrap;}
.nav-menu ul#nav > li {float: left; font-size: 14px; color: #fff; font-family: Arial; border-left: 1px solid #3d73b1; position: relative; z-index: 9999;}
.nav-menu ul#nav > li .home {background: url(../imgs/home.png) no-repeat 0px 0px; width: 20px; height: 50px; display: block; text-indent: -9999px;}
.nav-menu ul#nav > li a {
	line-height: 50px;
	color: #fff;
	padding: 0 20px;
	display: block;
}
.nav-menu ul#nav > li.active, .nav-menu ul#nav > li:hover {background: #fff;}
.nav-menu ul#nav > li.active a, .nav-menu ul#nav > li:hover a {color: #0d509d;}
.nav-menu ul#nav > li.active .home, .nav-menu ul#nav > li:hover .home {background-position: 0px -50px;}
.nav-menu ul#nav > li:hover ul.sub-menu {display: block;}
.nav-menu ul#nav > li ul.sub-menu {
	display: none;
	position: absolute;
	min-width: 198px;
	background: #fff;
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 3px rgba(0,0,0,0.5);
	top: 50px; left: 0;
	padding: 5px 0;
}
.nav-menu ul#nav > li ul.sub-menu li a {white-space: nowrap; line-height: 30px;}
.nav-menu ul#nav > li ul.sub-menu li a:hover {text-decoration: underline;}

.btn-tdmp {
	display: inline-block;
	position: absolute;
	top: 8px; right: 0;
	background: #59b001;
	color: #fff;
	font-family: Arial; font-size: 14px;
	padding: 8px 10px 7px 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 1px 0px #1e7806;
	-moz-box-shadow: 0px 1px 0px #1e7806;
	box-shadow: 0px 1px 0px #1e7806;
	-moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.btn-tdmp:hover, .btn-tdmp:focus {
	-webkit-box-shadow: 0px 2px 0px #1e7806;
	-moz-box-shadow: 0px 2px 0px #1e7806;
	box-shadow: 0px 2px 0px #1e7806;
	background: #64c600;
}
/************************************** END header **************************************/
/************************************** BEGIN container ************************************/
#container {}
#container .min-wrap {padding: 30px 0 0 0;}
.sidebar {float: left; width: 200px; position: relative;}
.content {float: right; width: 770px;}
.shadown-l {position: absolute; top: 0; left: -20px; background: url(../imgs/shadown-l.png) no-repeat; width: 20px; height: 400px;}
.shadown-r {position: absolute; top: 0; right: -20px; background: url(../imgs/shadown-r.png) no-repeat;  width: 20px; height: 400px;}
.slide {background: #f9f9f9; margin-bottom: 30px;}
.block-ct {}
.title-bct {background: url(../imgs/title-bct.png) repeat-x; height: 5px; position: relative;}
.title-bct span {
	background: #fff; 
	padding-right: 10px; 
	position: absolute; 
	top: -6px; left: 0; 
	font-size: 14px; 
	font-weight: 600; 
	color: #333; 
	text-transform: uppercase;
}
.title-bct span a {color: #333;}
.main-bct {padding: 30px 0;}
.main-bct ul.ul-mbct > li {float: left; width: 236px; margin: 0 31px 0 0;}
.main-bct ul.ul-mbct > li:nth-child(3n) {margin-right: 0;}
.main-bct ul.ul-mbct > li + li + li + li {margin-top: 30px;}
.img-bct {height: 166px; position: relative; overflow: hidden;}
.price {background: #59b001; color: #fff; font-size: 18px; font-weight: 300; padding: 10px; position: absolute; top: 0; right: 0; text-transform: uppercase;}
.m1-img-bct img {width: 100%; min-height: 166px;}
.m2-img-bct {
	position: absolute; 
	right: 0; bottom: -166px; left: 0; 
	width: 100%; height: 166px; 
	background-color: rgba(0,0,0,0.5); 	
	 z-index: 100;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.m2-img-bct .link-bct {
	background: url(../imgs/link.png) no-repeat 50% 50%; 
	width: 100%; height: 100%; 
	display: block; 
}
.img-bct:hover .m2-img-bct {bottom: 0;}
.tool-bct {background: #f2f2f2; overflow: hidden; font-size: 11px; height: 30px; line-height: 30px;}
.tool-bct ul li {float: left; border-right: 1px solid #ddd; padding: 0 10px;}
.tool-bct ul li:last-child {border-right: none;}
.tool-bct ul li span {display: block; padding-left: 20px;}
.tool-bct ul li span.icon-snhadat1 {background: url(../imgs/icon-snhadat1.png) no-repeat 0px 9px;}
.tool-bct ul li span.icon-snhadat2 {background: url(../imgs/icon-snhadat2.png) no-repeat 0px 9px;}
.tool-bct ul li span.icon-snhadat3 {background: url(../imgs/icon-snhadat3.png) no-repeat 0px 9px;}
.tool-bct ul li span.icon-snhadat4 {background: url(../imgs/icon-snhadat4.png) no-repeat 0px 9px;}
.info-bct {}
.info-bct h3 {font-weight: 700; margin: 10px 0 5px 0; height: 36px; overflow: hidden;}
.info-bct h3 a {color: #0d509d;}
.info-bct h3 a:hover {text-decoration: underline;}
.info-bct span {color: #888; display: block; height: 36px; overflow: hidden;}
.block-sb {
	border: 1px solid #d8d8d8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 20px;
	-webkit-box-shadow: 0px 1px 0px #d8d8d8;
	-moz-box-shadow: 0px 1px 0px #d8d8d8;
	box-shadow: 0px 1px 0px #d8d8d8;
	background: url(../imgs/block-sb.png) repeat-x top;
}
.b-insb {padding-bottom: 30px;}
.b-insb:last-child {padding-bottom: 0;}
.t-binsb {text-transform: uppercase; color: #0d509d; font-size: 14px; font-weight: 600; padding-bottom: 3px; border-bottom: 1px dashed #ccc;}
.t-binsb2 {padding-left: 20px; background: url(../imgs/search-sb.png) no-repeat 0px 2px;}
.m-binsb {padding: 10px 0 0 0;}
.support-sb {font-size: 10px; text-transform: uppercase;}
.support-sb ul li {height: 32px; line-height: 32px; padding-left: 40px;}
.support-sb ul li + li {padding-top: 10px;}
.support-sb ul li a {color: #444;}
.support-sb ul li.icon-sp1 {background: url(../imgs/icon-sp1.png) no-repeat left; }
.support-sb ul li.icon-sp2 {background: url(../imgs/icon-sp2.png) no-repeat left;}
.support-sb ul li.icon-sp3 {background: url(../imgs/icon-sp3.png) no-repeat left;}
.support-sb ul li.icon-sp4 {background: url(../imgs/icon-sp4.png) no-repeat left;}
.news-sb {font-size: 12px;}
.news-spec-sb {}
.news-spec-sb + .news-spec-sb {padding-bottom: 20px;}
.news-spec-sb .img-nssb {border: 1px solid #d8d8d8; padding: 2px; width: 152px; height: 105px;}
.news-spec-sb .img-nssb span {width: 100%; height: 100%; display: block; overflow: hidden;}
.news-spec-sb .img-nssb img {width: 100%; min-height: 105px;}
.news-spec-sb h4 {display: block; padding: 8px 0;}
.news-spec-sb h4 a {color: #0D509D; font-weight: 600;}
.news-spec-sb h4 a:hover {text-decoration: underline;}
.ul-news-other {border-top: 1px solid #d8d8d8;}
.ul-news-other li {padding: 8px 0; border-bottom: 1px solid #d8d8d8;}
.ul-news-other li a {color: #888;}
.ul-news-other li a:hover {text-decoration: underline; color: #0D509D;}
.address-dact {font-weight: 400; color: #999; font-size: 12px; padding-top: 5px;}
.search-sb ul li {padding-top: 10px;}
.search-sb ul li span {color: #858585; display: inline-block; padding-bottom: 5px;}
.search-sb ul li .bg1-sb {
	border: 1px solid #979797;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: url(../imgs/bg1-sb.png) repeat-x;
	height: 24px;
}
.search-sb ul li .bg2-sb {background: url(../imgs/bg2-sb.png) no-repeat right; width: 100%; height: 100%; position: relative; overflow: hidden;}
.bg2-sb select{
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	position: absolute;
	top: 0; left: 0;
	font-weight: 400;
	text-indent:10px;
	background: transparent;
	padding: 0 0 0 0;
	width: 115%; height: 24px;
	font-size: 11px;
	border: 0;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	cursor: pointer;
	color: #444;
}
.bg2-sb select option {background: #fff;}
@-moz-document url-prefix() { 
  .bg2-sb select {
     padding-top: 3px;
  }
}
.btn-search {padding-top: 20px;}
.btn-search input {
	border: none;
	background: #2972c6;
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 5px 0;	
	text-transform: uppercase;
	font-weight: 600;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	-webkit-box-shadow: 0px 2px 0px #0d509d;
	-moz-box-shadow: 0px 2px 0px #0d509d;
	box-shadow: 0px 2px 0px #0d509d;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.btn-search input:focus {background: #0d509d;}
.danb {
	background: #f2f2f2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	padding: 50px 11px 30px 11px;
	position: relative;
}
.t-danb {
	background: url(../imgs/danb.png) no-repeat;
	width: 180px; height: 45px;
	display: block;
	position: absolute;
	margin: 0 auto;
	left: 0; right: 0; top: -11px; bottom: 0;		
}
.m-danb {position: relative;}
.m-danb .caroufredsel_wrapper {width: 100% !important;}
.ul-catalog-spec > li {float: left; width: 236px; margin-right: 20px;}
#prev3 {
	position: absolute;
	display: block;
	background: url(../imgs/prev-danb.png) no-repeat 0px 0px;	
	left: -31px;
	width: 20px; height: 48px; top: 40%;
	text-indent: -9999px;
}
#prev3:hover {background-position: 0px -48px;}
#next3 {
	position: absolute;
	display: block;
	background: url(../imgs/next-danb.png) no-repeat 0px 0px;
	right: -31px;
	width: 20px; height: 48px; top: 40%;
	text-indent: -9999px;
}
#next3:hover {background-position: 0px -48px;}
/************************************** END container **************************************/
/************************************** BEGIN footer ************************************/
footer {padding-top: 40px;}
.textlink-f {border-top: 1px solid #dedede; padding: 30px 0;}
.ul-tf {float: left; display: block; width: 100%;}
.ul-tf > li {float: left; width: 20%;}
.ul-tf > li .t-tl-tf {font-size: 12px; font-weight: 600; padding-bottom: 5px;}
.ul-tf > li .t-tl-tf a {color: #333;}
.ul-tf > li .m-tl-tf {padding-right: 10px;}
.ul-tf > li .m-tl-tf ul li a {color: #666;}
.ul-tf > li .m-tl-tf ul li a:hover {color: #0d509d; text-decoration: underline;}
.info-f {background: #f2f2f2; padding: 20px 0; text-align: center; color: #666;}
.info-f a {color: #666;}
.info-f a:hover {color: #0d509d; text-decoration: underline;}
.info-f .min-wrap {position: relative;}
.info-f .min-wrap .back-top-top {
	background: url(../imgs/back-to-top.png) no-repeat 0px 0px;
	width: 26px; height: 26px;
	display: block;
	position: absolute;
	margin: 0 auto;
	left: 0; right: 0; top: -33px; bottom: 0;
}
.info-f .min-wrap .back-top-top:hover {background-position: 0px -26px;}
/************************************** END footer **************************************/
.dm-catelog {}
.dm-catelog ul li {padding: 8px 0;}
.dm-catelog ul li + li {border-top: 1px solid #eee;}
.dm-catelog ul li a {
	color: #666; 
	background: url(../imgs/icon-dm-catelog-1.png) no-repeat 0px 6px; 
	display: block;
	padding-left: 10px;
}
.dm-catelog ul li a:hover, .dm-catelog ul li.active a {background: url(../imgs/icon-dm-catelog-2.png) no-repeat 0px 6px; color: #0D509D;}
.block-news {margin-top: 30px;}
.m-news-catelog {padding-top: 20px;}
.p-news1 {float: left; width: 580px; border-right: 1px solid #d8d8d8; padding-right: 10px;}
.img-pnews1 {width: 190px; height: 131px; padding: 2px; border: 1px solid #d8d8d8; margin-right: 10px; float: left;}
.img-pnews1 span {display: block; width: 100%; height: 100%; overflow: hidden;}
.img-pnews1 span img {width: 100%; min-height: 131px;}
.info-pnews1 h3 {font-weight: 600; margin-bottom: 5px;font-size:15px;}
.info-pnews1 h3 a {color: #0D509D;}
.info-pnews1 h3 a:hover {text-decoration: underline;}
.info-pnews1 span {color: #888;}
.p-news2 {overflow: hidden; padding-left: 10px;}
.p-news2 ul li {padding: 8px 0;}
.p-news2 ul li:first-child {padding-top: 0;}
.p-news2 ul li + li {border-top: 1px dotted #b2b2b2;}
.p-news2 ul li a {color: #888; display: block; padding-left: 10px; background: url(../imgs/icon-news-1.png) no-repeat left 7px;}
.p-news2 ul li a:hover {color: #0D509D; background: url(../imgs/icon-news-2.png) no-repeat left 7px; text-decoration: underline;}
.top-cont {border-bottom: 1px solid #eee; height: 42px;}
.name-catelog {float: left; text-transform: uppercase; color: #0D509D; font-size: 14px; font-weight: 600; padding-top: 21px; white-space: nowrap;}
.breacrum {float: right; font-size: 12px; padding-top: 22px;}
.breacrum ul {white-space: nowrap;}
.breacrum ul li {float: left;}
.breacrum ul li a {
	color: #999;
	padding: 0 10px;
	background: url(../imgs/icon-breacrum.png) no-repeat right 4px;
}
.breacrum ul li:first-child a {padding-left: 0;}
.breacrum ul li:last-child a {padding-right: 0; background: none;}
.breacrum ul li a:hover {color: #0D509D; text-decoration: underline;}
.f-news ul li {padding: 20px 0;}
.f-news ul li + li {border-top: 1px solid #eee;}
.page {text-align: right;}
.f-data {}
.t-data {font-weight: 700; color: #0d509d; padding-top: 20px;}
.tt-data {color: #444; font-size: 14px;font-weight:normal;font-style:italic; margin-bottom:20px;}
.f-detail {text-align: justify;font-size: 15px;line-height: 24px; margin-top:25px; }
.f-detail img, .f-detail div, .f-detail table, .f-detail h1, .f-detail h2, .f-detail h3, .f-detail h4, .f-detail h5, .f-detail h6, .f-detail p, .f-detail strong, .f-ndct em{max-width: 100% !important;}
.f-detail img {padding: 5px 0; max-width: 100% !important;}
.news-other {padding-top: 20px;}
.t-not {display: inline-block; border-left: 2px solid #0d509d; border-bottom: 2px solid #0d509d; color: #0d509d; padding: 0 0 2px 4px; line-height: 14px;}
.m-not {}
.m-not ul li {padding: 5px 0;}
.m-not ul li a {color: #333; display: block; background: url(../imgs/icon-news-other.png) no-repeat left 8px; padding-left: 10px}
.m-not ul li a:hover {color: #0d509d;}
.m-not ul li a span {color: #999; font-size: 11px; font-style: italic;}
.tool-ndct {padding: 8px 0;}
.date-ndct {float: left; color: #999; font-size: 11px; font-style: italic;}
.social-ndct {float: right;}
.social-ndct span {float: left; color: #999;}
.social-ndct ul {display: block; float: left;}
.social-ndct ul li {float: left; margin-left: 5px;}
.info-product {height: 30px; border-bottom: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2;}
.i1-Prod {float: left; width: auto; line-height: 30px; font-size: 11px; color: #999; white-space: nowrap;}
.i1-Prod span {color: #0d509d;}
.i2-Prod {float: right; width: auto; height: 30px;}
.i2-Prod ul {float: right; display: block;}
.i2-Prod ul li {float: left; border-left: 1px solid #eee;}
.i2-Prod ul li.active {background: #f2f2f2;}
.i2-Prod ul li a {padding: 10px; display: block; width: 10px; height: 10px;}
.i2-Prod ul li a.view-gird {background: url(../imgs/icon-gird.png) no-repeat center;}
.i2-Prod ul li a.view-list {background: url(../imgs/icon-list.png) no-repeat center;}
.product-spec {background: #f2f2f2; margin-bottom: 30px;}
.m-prodS {padding: 10px;}
.t-prodS {background: url(../imgs/title-bct.png) repeat-x center; height: 18px; text-align: center; white-space: nowrap;}
.t-prodS span {
	font-size: 13px;
	background: #f2f2f2;
	margin: 0 auto;
	display: inline-block;
	padding: 0 10px;
	font-weight: 400;
	text-transform: uppercase;
}
.rm-prodS {text-align: center;}
.rm-prodS a {background: #ddd; color: #666; display: block; padding: 10px 0;}
.rm-prodS a span {background: url(../imgs/rm-prodS-1.png) no-repeat right 6px; padding-right: 15px; display: inline-block; text-transform: uppercase;}
.rm-prodS a:focus {color: #fff; background: #0D509D;}
.rm-prodS a:focus span {background: url(../imgs/rm-prodS-2.png) no-repeat right 6px;}
.f-spnb {margin-top: 10px;}
.f-spnb ul.ul-mbct li .tool-bct {background: #fff;}
.f-spnb ul.ul-mbct > li.li-spnb1 {float: left; width: 236px; margin-right: 20px;}
.f-spnb ul.ul-mbct > li.li-spnb1 + li + li +li {margin-top: 20px;}
.f-spnb ul.ul-mbct > li.li-spnb1:nth-child(3n) {margin-right: 0;}
.f-spnb ul.ul-mbct > li.li-spnb1 .tt-ct-prod {display: none;}
.f-spnb ul.ul-mbct > li.li-spnb2 {padding: 20px 0;}
.f-spnb ul.ul-mbct > li.li-spnb2 + li {border-top: 1px dotted #D8D8D8;}
.f-spnb ul.ul-mbct > li.li-spnb2:first-child {padding-top: 0;}
.f-spnb ul.ul-mbct > li.li-spnb2:last-child {padding-bottom: 0;}
.f-spnb ul.ul-mbct > li.li-spnb2 .m1-prod {width: 236px; float: left; margin-right: 10px;}
.f-spnb ul.ul-mbct > li.li-spnb2 .info-bct {overflow: hidden;}
.f-spnb ul.ul-mbct > li.li-spnb2 .info-bct h3 {margin-top: 0; height: auto;}
.f-spnb ul.ul-mbct > li.li-spnb2 .info-bct span {height: auto;}
.f-spnb ul.ul-mbct > li.li-spnb2 .tt-ct-prod {display: block; padding-top: 5px;}
.f-product {}
.f-product ul.ul-mbct > li.li-prod1 {float: left; width: 236px; margin: 0 31px 30px 0;}
.f-product ul.ul-mbct > li.li-prod1:nth-child(3n) {margin-right: 0;}
.f-product ul.ul-mbct > li.li-prod1 .tt-ct-prod {display: none;}
.f-product ul.ul-mbct > li.li-prod2 {padding: 20px 0;}
.f-product ul.ul-mbct > li.li-prod2 + li {border-top: 1px dotted #D8D8D8;}
.f-product ul.ul-mbct > li.li-prod2:first-child {padding-top: 0;}
.f-product ul.ul-mbct > li.li-prod2 .m1-prod {width: 236px; float: left; margin-right: 10px;}
.f-product ul.ul-mbct > li.li-prod2 .info-bct {overflow: hidden;}
.f-product ul.ul-mbct > li.li-prod2 .info-bct h3 {margin-top: 0; height: auto;}
.f-product ul.ul-mbct > li.li-prod2 .info-bct span {height: auto;}
.f-product ul.ul-mbct > li.li-prod2 .tt-ct-prod {display: block; padding-top: 5px;}
.filter-sidebar ul li a {color: #464646; font-size: 12px; display: block; background: url(../imgs/icon-dm-catelog-1.png) no-repeat left 7px; padding-left: 10px;}
.filter-sidebar ul li a:hover, .filter-sidebar ul li.active a {color: #0D509D; background: url(../imgs/icon-dm-catelog-2.png) no-repeat left 7px;}
.block-da {margin-top: 30px;}
.rm-da {text-align: center;}
.rm-da a {background: #fff; color: #666; display: block; padding: 10px 0; border: 1px solid #eee;}
.rm-da a span {background: url(../imgs/rm-prodS-1.png) no-repeat right 6px; padding-right: 15px; display: inline-block; text-transform: uppercase;}
.rm-da a:focus {color: #fff; background: #0D509D; border: 1px solid #0D509D;}
.rm-da a:focus span {background: url(../imgs/rm-prodS-2.png) no-repeat right 6px;}
.contact .top-cont {height: auto; padding-bottom: 5px;}
.contact .name-catelog, .contact .breacrum {padding-top: 0;}
.main-page-ct {
	margin: 20px 0;
}
.info-contact {}
.iCon-1 {overflow: hidden;}
.iCon-2 {float: right; margin-left: 20px; width: 300px;}
.t-iCon {font-weight: 400; font-size: 16px; color: #333; padding-bottom: 20px;}
.m-iCon {color: #333;}
.m_iCon a {color: #333;}
.m_iCon a:hover {text-decoration: underline; color: #0D509D;}
.form-contact li + li {padding-top: 10px;}
.form-contact li .txt-contact {
	border: 1px solid #ddd;
	background: #fff;
	color: #666;
	font-size: 12px;
	font-family: 'OpenSans', sans-serif, Arial, Helvetica;
	width: 100%; height: 34px;
	padding: 0 8px;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.form-contact li .tArea-contact {
	border: 1px solid #ddd;
	background: #fff;
	color: #666;
	font-size: 12px;
	font-family: 'OpenSans', sans-serif, Arial, Helvetica;
	width: 100%; min-width: 100%; max-width: 100%;
	min-height: 150px; height: 150px;
	padding: 8px;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.form-contact li .txt-contact:focus, .form-contact li .tArea-contact:focus {
	border: 1px solid #2972C6;	
	color: #2972C6;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.btn-contact {
	margin: 10px 0 2px 0;
	border: none;
	background: #2972c6;
	color: #fff;
	text-align: center;
	padding: 5px 15px;	
	text-transform: uppercase;
	font-weight: 600;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	-webkit-box-shadow: 0px 2px 0px #0d509d;
	-moz-box-shadow: 0px 2px 0px #0d509d;
	box-shadow: 0px 2px 0px #0d509d;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.btn-contact:focus {background: #0d509d;}
.errors-contact {}
.errors-contact span {
	padding: 5px 31px 5px 5px;
	display: block; 
	border: 1px solid #f27272; 
	margin: 5px 0; 
	background: #ffd2d2 url(../imgs/error.png) no-repeat right;
}
.top-spct {border-bottom: 1px solid #eee; background: #59b001; display: table; width: 100%;}
.t1-spct {color: #fff; text-align: center; padding: 10px 20px 20px 20px; text-transform: uppercase; font-size: 12px; display: table-cell;}
.t1-spct h4 {font-size: 24px; font-weight: 700; padding-top: 10px; white-space: nowrap;}
.t2-spct {padding: 10px 10px 10px 0; background: #fff; display: table-cell;}
.t2-spct h2 {color: #0d509d; font-size: 14px; font-weight: 700; padding-bottom: 5px;}
.t2-spct span {color: #888;}
.ct-spct {padding: 20px 0;}
.slide-spct {float: left; width: 550px; margin-right: 10px; background: #fff;}
.info-spct {overflow: hidden;}
.slide-simple {float: left; width: 550px; margin-right: 10px; background: #fff; position: relative;}
.slide-simple img {margin: 0 auto; max-width: 100%; max-height: 100%;}
.f-slide {}
.f-slide ul li {position: relative;}
.f-slide ul li img {margin: 0 auto; max-width: 100%; max-height: 100%;}
.f-thumb {padding: 10px 0; background: #f2f2f2;}
.f-thumb a {padding: 2px; background: #fff;}
.f-thumb a.active {background: #2972C6;}
.f-thumb a span {display: block; width: 100%; height: 63px; overflow: hidden;}
.f-thumb a span img {width: 100%; min-height: 63px;}
.f-thumb .bx-wrapper .bx-controls-direction a {border: none; padding: 0; width: 7px; height: 12px; margin-top: 0; top: 44%;}
.f-thumb .bx-wrapper .bx-controls-direction a.bx-prev {
	background: url(../imgs/btn-slide-bds-prev.png) no-repeat;	
	left: -10px;
}
.f-thumb .bx-wrapper .bx-controls-direction a.bx-prev:hover {background-position: 0px -12px;}
.f-thumb .bx-wrapper .bx-controls-direction a.bx-next {
	background: url(../imgs/btn-slide-bds-next.png) no-repeat;
	right: -10px;
}
.f-thumb .bx-wrapper .bx-controls-direction a.bx-next:hover {background-position: 0px -12px;}
.t-ifspct {font-weight: 600; font-size: 13px; color: #333; text-transform: uppercase; border-bottom: 1px solid #eee; padding-bottom: 4px;}
.ul-ifspct li {padding: 8px 0; border-bottom: 1px dotted #ccc; color: #555;}
.ul-ifspct li .li1-ifspct {float: left; width: 50%;}
.ul-ifspct li .li2-ifspct {float: right; text-align: right; width: 50%;}
.social-spct {padding-top: 8px;}
.t-dspct {height: 5px; background: url(../imgs/title-bct.png) repeat-x; position:relative; margin-bottom: 10px;}
.t-dspct span {background: #fff; padding-right: 10px; position: absolute; top: -7px; left: 0; text-transform: uppercase; font-weight: 400; color: #333;}
.note-ct {
	background: #fffed2;
	border: 1px solid #f2ba72;
	padding: 10px;	
	margin-top: 20px;
}
.maps-spct {margin-top: 20px;}
.t-maps-spct {background: #f9f9f9; display: block; text-align: right; font-size: 11px; text-transform: uppercase; padding: 5px;}
.f-qluser {}
.ipt-form-contact {padding-bottom: 15px;}
.ipt-form-contact:last-child {padding-bottom: 0;}
.ipt-form-contact span {display: block; font-weight: 600; padding-bottom: 5px; color: #0D509D;}
.ipt-form-contact input.ipt-fc {
	border: 1px solid #ddd;
	border-top: 2px solid #ddd;	
	width: 100%;
	font-size: 13px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 300;
	padding: 8px;
}
.ipt-form-contact input.ipt-fc2 {
	border: 1px solid #ddd;
	border-top: 2px solid #ddd;	
	width: 50%;
	font-size: 13px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 300;
	padding: 8px;
	float: left;
}
.ipt-form-contact textarea {
	border: 1px solid #ddd;
	border-top: 2px solid #ddd;	
	width: 100%; min-width: 100%; max-width: 100%;
	font-size: 13px;
	font-family: 'OpenSans', Arial, Helvetica, sans-serif;
	font-weight: 300;
	padding: 8px;	
	height: 200px;
}
.ipt-form-contact input.ipt-fc:focus, .ipt-form-contact textarea:focus, .ipt-form-contact input.ipt-fc2:focus {
	border: 1px solid #74B9F0;
	border-top: 2px solid #74B9F0;
	box-shadow: 0 0 5px #74B9F0;
	-moz-box-shadow: 0 0 5px #74B9F0;
	-webkit-box-shadow: 0 0 5px #74B9F0;
	-moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.sty-upload-img ul li {width: 50%; float: left;}
.sty-contact-user {background: #f6f6f6; padding: 10px;}
.title-contact-user {border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.main-contact-user {padding-top: 10px; border-top: 1px solid #fff;}
.checkbox-nkg {}
.checkbox-nkg ul li {float: left; position: relative; width: 20%;}
.checkbox-nkg ul li input {position: absolute; top: 2px; left: 0; cursor: pointer;}
.checkbox-nkg ul li label {padding-left: 18px; cursor: pointer;}
.form-address {}
.form-address ul li {float: left; width: 25%;}
.form-address ul li .name-address {font-weight: 400; padding-bottom: 5px;}
.form-address ul li .sty-address {background: #F3F3F3; height: 18px; padding: 5px 0; margin-right: 10px; overflow-x: hidden;}
.form-address ul li:last-child .sty-address {margin-right: 0;}
.form-address ul li .slec-address {
	min-width: 100%; width: auto;
	background: none; 
	border: none; 
	padding: 0 5px;
	font-size: 13px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 300;
}
.form-address ul li .slec-address2 {
	background: #f3f3f3; 
	border: none; 
	padding: 0 5px; 
	width: 100%;
	font-size: 13px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 300;
}
.form-address ul li .slec-address2:focus{
	color: #00C;
}
.note-qluser {margin: 10px 0; border: 1px solid #F2BA72; padding: 5px 31px 5px 5px; font-size: 12px; background: #FFFED2 url(../imgs/note.png) no-repeat right;}
.slec-simple {background: #F3F3F3; height: 18px; padding: 5px 0; overflow-x: hidden; display: inline-block;}
.slec-simple .slec-address {
	width: 182px;
	background: none; 
	border: none; 
	padding: 0 5px;
	font-size: 13px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 300;
}
.slec-simple2 {background: #F3F3F3; height: 18px; padding: 9px 0 8px 0; overflow-x: hidden; display: inline-block; margin-left: 10px;}
.slec-simple2 .slec-address2 {
	width: 120px;
	background: none; 
	border: none; 
	padding: 0 5px;
	font-size: 13px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 300;
}
.adv-news {padding-top: 5px;}
.adv-news img {max-width: 100%;}
.content-scroll {height: 260px; overflow: auto;}
.form-user {padding: 10px 0 0 0;}
.li-form {padding-bottom: 15px;}
.li1f {float: left; font-weight: 600; line-height: 35px; width: 25%;}
.li2f {float: right; width: 75%;}
.ipt-lif {
	border: 1px solid #ddd;
	border-top: 2px solid #ddd;	
	width: 50%;
	font-size: 13px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 300;
	padding: 8px;	
}
.ipt-lif:focus {
	border: 1px solid #74B9F0;
	border-top: 2px solid #74B9F0;
	box-shadow: 0 0 5px #74B9F0;
	-moz-box-shadow: 0 0 5px #74B9F0;
	-webkit-box-shadow: 0 0 5px #74B9F0;
	-moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;	
}
.top-qltd {border-bottom: 1px solid #eee;}
.t1-qltd {float: left; width: auto; padding: 5px 0;}
.t2-qltd {float: right; text-align: right; width: auto;}
.t2-qltd a {background: #63C400; color: #fff; padding: 5px 10px; display: inline-block; text-transform: uppercase;}
.bl-qltd {border-bottom: 1px solid #eee; padding: 10px 0;}
.li-bl {float: left; font-weight: 600;}
.li-bl + .li-bl {margin-left: 20px;}
.li-bl label {}
.li-bl select {
	background: #f9f9f9;
	padding: 3px;
	border: 1px solid #eee;
	cursor:pointer;	
	margin: 0 0 0 5px;
	font-family: Helvetica, "Arial", sans-serif;
	font-size: 12px;
	width: 80px;
}
.tool-qltd {padding: 10px 0;}
.tool1-qltd {float: left; width: auto; font-size: 11px;}
.tool1-qltd input {
	font-family: Helvetica, "Arial", sans-serif;
	font-size: 11px;
	background: #f9f9f9;
	border: 1px solid #eee;
	cursor: pointer;
	padding: 5px 10px;
}
.tool2-qltd {float: right; width: auto; font-size: 11px;}
.tool2-qltd ul li {display: inline-block;}
.tool2-qltd ul li  + li {padding-left: 7px;}
.tool2-qltd ul li a {
	background: #f9f9f9;
	border: 1px solid #eee;
	padding: 5px 10px;
	color: #444;
}
.tool2-qltd ul li a.active {background: #0D509D; color: #fff; border: 1px solid #0D509D;}
.tool2-qltd ul li input {
	font-family: Helvetica, "Arial", sans-serif;
	font-size: 11px;
	background: #f9f9f9;
	border: 1px solid #eee;
	cursor: pointer;
	padding: 5px 10px;	
}
.data_qlbv{font-family: Helvetica, "Arial", sans-serif; font-size: 11px;}
.data_qlbv table{border:1px solid #eee; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.data_qlbv table thead{border-bottom:1px solid #eee; border-top:1px solid #fff; height:40px; line-height:40px; background: #e5e5e5;}
.data_qlbv table thead td{padding:0 10px; font-weight:bold; color:#222;}
.data_qlbv table td{border:1px solid #ccc;}
.data_qlbv table tbody td{padding:10px;}
.data_qlbv table tbody tr:hover{background:#e2eaf3 !important;}
.data_qlbv table tbody tr:nth-child(2n){background:#FBFBFB;}
.search-addnew {
	border: none;
	font-family: 'OpenSans', sans-serif, Arial, Helvetica;
	font-size: 11px;
	height: 23px; width: 100%;
	background: none;
	color: #000;
	padding: 0 4px;
}
.f-login {width: 700px; margin: 0 auto; background: #fff url(../imgs/f-login.png) repeat-y center; box-shadow: 0px 0px 3px #ccc; -moz-box-shadow: 0px 0px 3px #ccc; -webkit-box-shadow: 0px 0px 3px #ccc;}
.erros-form {color: #F00;}
.title-flogin {background: #0D509D; padding: 10px 0; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; font-weight: 600;}
.l-flogin {float: left; width: 50%;}
.r-flogin {float: right; width: 50%;}
.f-pfl {padding: 30px;}
.li-pfl {padding-bottom: 30px;}
.t-pfl {padding-bottom: 10px; font-weight: 600;}
.m-pfl {}
.ipt-pfl {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	background: #f9f9f9;
	border: 1px solid #e1e1e1;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10px;
	-moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.ipt-pfl:focus {
	box-shadow: 0px 0px 5px #74B9F0;
	-moz-box-shadow: 0px 0px 5px #74B9F0;
	-webkit-box-shadow: 0px 0px 5px #74B9F0;
	background: #fff;
	border: 1px solid #74B9F0;
	-moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.btn-pfl {background: #01afd1; text-align: center; width: 100%; padding: 10px 0; border: none; cursor: pointer; font-weight: bold; color: #fff; font-size: 16px;}
.btn-pfl:hover {background: #0295b2;}
.btn-fb {background: url(../imgs/btn-fg.png) no-repeat 0px 0px; width: 100%; height: 37px; display: block;}
.btn-fb:hover {background: url(../imgs/btn-fg.png) no-repeat 0px -37px;}
.btn-gg {background: url(../imgs/btn-fg.png) no-repeat 0px -74px; width: 100%; height: 37px; display: block;}
.btn-gg:hover {background: url(../imgs/btn-fg.png) no-repeat 0px -111px;}
.note-pfl {font-size: 11px; line-height: 22px;}
.note-pfl b {color: #0D509D; font-weight: bold;}
.note-pfl span.s-fb {color: #3b5998; font-weight: bold;}
.note-pfl span.s-gg {color: #d6492f; font-weight: bold;}
.f-login .f-qluser {background: #fff; padding: 20px;}
.f-login .f-qluser .errors-contact span {margin: 0 0 10px 0;}
.adv-sidebar {padding: 10px 0 0 0;}
.adv-sidebar ul li + li {padding-top: 10px;}
.adv-sidebar ul li img {width: 100%;}
.partner {border-top: 1px solid #DEDEDE; padding: 10px 0;}
.partner .min-wrap {position: relative;}
.partner .min-wrap .caroufredsel_wrapper {width: 100% !important;}
.ul-partner li {float: left; width: 110px; margin-right: 10px; height: 84px; border: 1px solid #eee; padding: 2px;}
.ul-partner li img {width: 100%; height: 100%;}
#prev-partner {
	position: absolute;
	display: block;
	background: url(../imgs/prev-partner.png) no-repeat 0px 0px;	
	left: -16px;
	width: 10px; height: 16px; top: 38%;
	text-indent: -9999px;
}
#prev-partner:hover {background-position: 0px -16px;}
#next-partner {
	position: absolute;
	display: block;
	background: url(../imgs/next-partner.png) no-repeat 0px 0px;
	right: -16px;
	width: 10px; height: 16px; top: 38%;
	text-indent: -9999px;
}
#next-partner:hover {background-position: 0px -16px;}
.text-partner {text-align: center; padding: 5px 0 0 0; text-transform: uppercase; font-size: 10px;}
.text-partner a {color: #666; text-decoration: underline;}
.text-partner a:hover {color: #0D509D;}
.slec-kg {background: #fff; padding: 3px; border: 1px solid #ddd;}
.slec-kg select {
	border: none;
	width: 100%;
	background: #fff;
	font-family: 'OpenSans', sans-serif, Arial, Helvetica;
	font-size: 12px;
	color: #acacac;
}
.slec-kg select:focus {color: #2972c6;}
.f-partner {border: 1px solid #eee; border-top: none; border-bottom: none; border-right: none; margin-bottom: 20px;}
.f-partner ul li {
	float: left; 
	width: 20%; height: 90px; 
	border-bottom: 1px solid #eee; 
	border-right: 1px solid #eee; 
	padding: 5px;
	position: relative;	
}
.f-partner ul li a {
	display: block; 
	position: relative;
	width: 100%; height: 100%;
}
.f-partner ul li a img {
	margin: auto;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	max-width: 100%; max-height: 100%;
}
.f-partner ul li a span {
	opacity: 0;
	padding: 5px;
	top: -5px; left: -5px;
}
.f-partner ul li:hover a span {
	display: block;
	overflow: hidden;
	width: 100%; height: 100%;
	position: absolute;
	color: #fff;
	background-color: rgba(0,0,0,0.5); 	
	 z-index: 100;
	 opacity: 1;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}