/* CSS Document */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}

*, *:before, *:after {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
fieldset, img {
    border: none;
}
li {
    list-style-position: inside;
	list-style:none;
}
body {
    font-size: 14px;
    line-height: 1.4;
    font-family: 'Arial', sans-serif;
	position:relative;
	color:#6d6d6d;
}
* {
    padding: 0;
    margin: 0;
}
.container img {
	max-width: 100%;
}
.container {
	position:relative;
}
.primary .container {
    margin-bottom: 50px;
}
/*------------------------------------------------------------------------*/
.top {
    background: #f2f2f2;
    padding: 5px 0;
    font-size: 13px;
	color:#999999;
}
.top-left li {
    display: inline-block;
    padding: 0 10px;
}
.top-left li:first-child {
	padding-left:0;
}
.top-left a {
    color: #999999;
}
.top-left {
    float: left;
	width:60%;
}
.top-right {
    float: right;
	width:40%;
	text-align:right;
}
.top-right select {
    border: none;
    background: none;
    color: #39b0ff;
    cursor: pointer;
}
/*------------------------------------------------------------------------*/
.header {
    padding: 15px 0;
}
.logo {
    width: 12%;
    float: left;
    padding-right: 15px;
}
.logo img {
    height: auto;
}
.address {
    color: #255e7c;
    font-size: 13px;
    font-weight: bold;
    margin-top: 5px;
}
.search {
    position: relative;
    width: 35%;
    float: left;
    padding: 15px;
	margin-top:5px;
}
.search button {
  position: absolute;
  top:15px;
  right:10px;
  border:none;
  height:40px;
  width:50px;
  text-align:center;
  background: #30739a;
  border: 1px solid #eeeeee;
}
.search a.btn_search {
    position: absolute;
    top: 15px;
    right: 15px;
    border: none;
    height: 40px;
    width: 50px;
    text-align: center;
    background: #30739a;
        padding: 10px 12px;
    border: 1px solid #eeeeee;
}
.search input {
	padding: 10px 20px;
    border: 1px solid #eeeeee;
    width: 100%;
    font-family: 'Roboto', Arial, sans-serif;
    color: #999999;
 	background: #fff;
	font-size:13px;
}
.keysearch {
    font-size: 13px;
    color: #999999;
    margin-top: 5px;
}
.keysearch span {
    color: #296283;
    font-weight: bold;
}
.headicon {
    width: 13%;
    float: left;
    padding: 0 12px;
    margin: 20px 0 0 20px;
}
.headicon img {
	float:left;
	margin-right:5px;
}
.cart {
    width: 15%;
    float: left;
	padding-left: 15px;
	font-size:15px;
	color:#653e42;
	line-height:16px;
	position:relative;
	margin-top:20px;
}
.cart span {
    background: #0c5b88;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    position: absolute;
    top: 8px;
    right: 0;
	border-radius: 5px;
}
.cart span:before {
    content: '';
    position: absolute;
    left: -6px;
    top: 6px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid #0c5b88;
}
.header a {
    color: #3b3b3b;
    font-size: 13px;
}
/*-----------------------------------navigation----------------------------*/
.navigation {
    margin-bottom: 30px;
    background: #39b0ff;
	-webkit-box-shadow: 0px 5px 9px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 5px 9px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 5px 9px 0px rgba(0,0,0,0.2);
	font-family: 'Roboto', Arial, sans-serif;
}
.mainmenu {
    position: relative;
	font-size:15px;
	clear:both;
	width:80%;
	float: left;
}

.mainmenu ul {
	margin-bottom: 0; 
	padding: 0;
}
.mainmenu ul li {
	display:inline-block;
	position:relative;
}
.mainmenu ul li:last-child, .mainmenu ul li.parent li {
	background: none;
}
.mainmenu ul li.parent li {
	width: 100%;
}
.mainmenu ul li.parent li a {
	border: none;
	padding: 10px 15px;
	color:#fff;
    line-height: normal;
	text-align:left;
	border-bottom:1px dotted #d1d1d1;
}
.mainmenu ul li.parent li:last-child a {
	border-bottom:none;
}
.mainmenu ul li.parent > a {
	background:url(../images/arrow-1.png) no-repeat 93% center;
}
.mainmenu ul li.parent > a:hover, .mainmenu ul li.parent:hover > a, .mainmenu ul li.parent.active > a {
	background:url(../images/arrow-1.png) no-repeat 93% center #30739a;
}
.mainmenu ul li > a:hover, .mainmenu ul li.active > a, .mainmenu ul li:hover > a {
	background:#30739a;
}
.mainmenu ul li.parent ul a:hover {
	background:  #30739a;
}
.mainmenu ul li a {
	display: block;
	color:#fff;
	white-space:nowrap;
	font-size:15px;
	text-transform:uppercase;
	position:relative;
	padding: 13px 25px;
	text-align:center;
}

.mainmenu ul li:last-child a {
	border-right: none;
}
.mainmenu ul.menu > li.parent:hover:after, .mainmenu ul.menu > li.parent.active:after {
    background: url(../images/arrow-hover.png) no-repeat center bottom;
}
.mainmenu ul li.parent > ul {
    visibility: hidden;
    position: absolute;
    top: 30px;
    left: 0;
    background: #39b0ff;
    padding: 0;
	transition: all 0.3s ease 0s;
	opacity: 0;
	z-index:999;
	text-align:left;
}
.mainmenu ul li.parent:hover > ul {
	visibility:visible;
	opacity: 1;
	top: 51px;
}
.mainmenu ul li.parent ul ul, .mainmenu ul li.parent:hover ul ul {
    visibility: hidden;
    position: absolute;
    top: 3px;
    left: 104%;
    background: #fff;
    padding: 0;
	transition: all 0.3s ease 0s;
	opacity: 0;
	z-index:999;
	text-align:left;
	border: 1px solid #e8e8e8;
}
.mainmenu ul ul li.parent-child:hover ul {
	visibility:visible;
	opacity: 1;
	top: 5px;
}
.hotline {
    width: 20%;
    float: left;
    text-align: right;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	padding-top:10px;
}
.hotline span {
	font-size:15px;
	text-transform:uppercase;
	font-weight:normal;
}
.wellcome {
    margin-top: -20px;
    font-size: 12px;
    color: #285f83;
    font-weight: bold;
    text-transform: uppercase;
	margin-bottom:8px;
}
/*-------------------------------------------------------------------*/
.category {
    width: 25%;
    float: left;
    padding-right: 15px;
    margin-bottom: 30px;
}
.category h3 {
    margin: 0;
    background: #39b0ff;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 13px;
    text-align: center;
	font-family: 'Roboto', Arial, sans-serif;
}
.category ul {
    border: 1px solid #39b0ff;
    padding: 7px 23px 0 23px;
}
.category a {
    background: url(../images/arrow-2.png) no-repeat left center;
    border-bottom: 1px dotted #d1d1d1;
    padding: 3px 15px 3px;
    display: block;
	color:#6d6d6d;
	font-size:16px;
}
    .category a:hover {
        /*background: url(../images/arrow-2-hv.png) no-repeat left center;*/
        background: url(../images/arrow-2.png) no-repeat left center;
        color: #39b0ff;
    }
.category li:last-child a {
	border: none;
}
.slide {
    width: 75%;
    float: left;
    padding-left: 15px;
    margin-bottom: 30px;
}
/*----------------------------Slideshow----------------------------------*/
.slideshow .bx-wrapper .bx-prev {
  background: rgba(0, 0, 0, 0) url("../images/pre.png") no-repeat scroll 0 0;
  left: 0;
}
.slideshow .bx-wrapper .bx-next {
	right: 0;
	background: url(../images/next.png) no-repeat;
}
.slideshow .bx-wrapper .bx-prev:hover {
    background: rgba(0, 0, 0, 0) url("../images/pre.png") no-repeat scroll 0 0;
    opacity: 1;
}
.slideshow .bx-wrapper .bx-next:hover {
	background: url(../images/next.png) no-repeat;
    opacity: 1;
}
.slideshow .bx-wrapper .bx-controls-direction a {
  height: 32px;
  outline: 0 none;
  position: absolute;
  text-indent: -9999px;
  width: 32px;
  z-index: 9999;
  top: 45%;
    opacity: 0.2;
}
.slideshow .bx-wrapper .bx-pager {
    bottom: 20px;
}
.slideshow .bx-wrapper .bx-controls-auto {
	display:none;
}
.slideshow .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    display: none;
    text-align: center;
    width: auto;
    position: absolute;
    right: 20px;
}
/*----------------------------------------------------------------------*/
.modhome h3 {
    background: #39b0ff;
    margin-top: 0;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 13px 25px;
	font-family: 'Roboto', Arial, sans-serif;
	margin-bottom: 15px;
}
ul.list-product li {
    width: 25%;
    float: left;
    padding: 0 15px;
    margin-bottom: 30px;
}
.pro-img {
    border: 1px solid #cdcdcd;
    text-align: center;
    padding: 15px;
    margin-bottom: 10px;
}

.pro-img > a > img {
    width: 250px;
    height: 250px;
}
.pro-title {
    padding: 0 5px;
    font-weight: bold;
	margin-bottom:5px;
    font-size: 17px;
}
.price-new {
    float: left;
    font-weight: bold;
    font-size: 15px;
    color: #24637f;
    padding: 0 5px;
}
.price-old {
    color: #6e6e6e;
    font-weight: bold;
    padding: 0 10px;
    float: left;
	font-size:13px;
}
.price-old span {
	text-decoration:line-through;
}
.see-more {
    position: absolute;
    top: 14px;
    right: 25px;
    color: #fff;
}

.article h1 {
    margin-top: 0;
}
.article .list-date {
    padding-bottom: 10px;
}
/*----------------------------------------------------------------------*/
.hotshot {
	border-top: 5px solid #39b0ff;
	/*background:url(../images/bgfoot.png) right;*/
	padding-top: 40px;
}
.hot-item {
    width: 33.3%;
    float: left;
	padding: 0 15px;
	margin-bottom: 40px;
}
.hotshot h3 {
    color: #39b0ff;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}
.hot-cont img {
    margin: 0 3px 10px 3px;
}
.hot-cont.logo-bottom img {
    height: auto;
    width: 60%;
}
.hotshot li a {
    color: #6d6d6d;
    display: block;
    padding-bottom: 6px;
}
.hotshot p a {
    color: #0089d7;
    text-decoration: underline;
}
.hotshot p span.red-text {
    color: #de0000;
    font-weight: bold;
}
.hot-social {
    color: #000;
    font-weight: bold;
}
.hot-social p {
	margin-bottom: 5px;
}
.footer {
    background-color: #39b0ff;
    padding: 10px 0;
    font-size: 11px;
    color: #fff;
}
.footleft {
    width: 50%;
    float: left;
}
.footright {
    width: 50%;
    float: left;
	text-align:right;
}
.footer span {
    font-size: 18px;
}
/*----------------------------------------------------------------------*/
@media (min-width:1200px) {
	.container { max-width: 1180px; }
}
@media (min-width:992px) {
	.mainmenu .collapse { display: block; height:auto!important; }
	.navbar-toggle { display: none; }
	.head-mobile { display: none; }
}
@media (max-width:1200px) {
	.search {
	    width: 32%;
	}
	.headicon {
		width: 15%;
		margin: 20px 0 0 0px;
	}
	.cart {
	    width: 18%;
	}
	.mainmenu {
	    width: 78%;
	}
	.hotline {
	    width: 22%;
	}
	.mainmenu ul li a {
		padding: 13px 15px;
	}
	.mainmenu ul li.parent a {
		background: url(../images/arrow-1.png) no-repeat 96% center;
	}
	.mainmenu ul li.parent a:hover, .mainmenu ul li.parent:hover > a, .mainmenu ul li.parent.active > a {
		background: url(../images/arrow-1.png) no-repeat 96% center #30739a;
	}
}
@media (max-width:991px) {
	.container {
		padding: 0 15px;
	}
	.navigation {
		display:none;
	}
	.mainmenu ul li { 
		display: block;
		margin:0;
		float:none;
	}
	.mainmenu > ul {
		z-index:99999;
		position:absolute;
		text-align:left;
		background:#39b0ff;
		width:100%;
		margin-top:7px;
		min-height:36px;
	}
	.mainmenu .navbar-toggle {
		text-transform:uppercase;
		margin-bottom: 0;
		background:#fff;
		color:#39b0ff;
	}
	.mainmenu ul li a {
		background: #39b0ff;
		color:#fff;
		padding: 12px 18px;
		border:none;
		border-bottom:1px dotted rgba(232,232,232,0.5);
		text-align:left;
		line-height: normal;
		font-size:14px;
	}
	.mainmenu ul li:hover a {
		color:#fff;
	}
	.mainmenu ul li.parent ul a {
		color: #fff;
		background: url(../images/arrow-3.png) no-repeat 20px center #39b0ff;
		padding-left: 35px;
		border-bottom:1px dotted rgba(232,232,232,0.5);
	}
	.mainmenu ul li a:hover, .mainmenu ul li.active a {
		color:#fff;
		background:#30739a;
	}
	.mainmenu ul li.parent ul a:hover {
		background: url(../images/arrow-3.png) no-repeat 20px center #30739a;
		color:#fff;
	}
	.mainmenu {
		border: medium none;
		float: left;
		margin-top: 0;
		width: 50%;
		padding: 0;
		text-align:center;
		position:static;
		padding: 5px 0;
   		border-right: 1px solid #f28a5a;
	}
	.mainmenu ul.menu > li:before, .mainmenu ul.menu > li:after {
		display:none;
	}
	.mainmenu ul li.parent ul {
		visibility:visible;
		position:static;
		opacity: 1;
		background:#01addf;
		padding:0;
		margin:0;
		border: none;
	}
	.mainmenu ul li.parent ul ul, .mainmenu ul li.parent:hover ul ul {
		background: #01addf;
		padding: 0;
		z-index: 999;
		text-align: left;
		position:static;
		opacity: 1;
		visibility:visible;
		border: none;
	}
	.mainmenu ul li.parent ul ul li {
	}
	.mainmenu ul li.parent a, .mainmenu ul li.parent a:hover, .mainmenu ul li.parent:hover > a, .mainmenu ul li.parent.active > a {
		background-image:none;
	}
	.category {
		display:none;
	}
	.slide {
		width: 100%;
		padding-left: 0;
		margin-bottom:0;
	}
	ul.list-product li {
	    width: 33.3%;
	}
	.hot-item {
        width: 33.3%;
	}
	.header {
		display:none;
	}
	.head-mobile {
		padding: 10px 0;
	}
	.head-mobile .logo {
		width: 33%;
	}
    .head-mobile .logo img {
        height: auto;
    }
	.mod-right {
		width: 67%;
		float: left;
		background: #39b0ff;
		position:relative;
		margin-top:30px;
	}
	.navsearch {
		width: 50%;
		float: left;
		text-align: center;
		padding-top: 9px;
		height: 40px;
		border-right: 1px solid #f28a5a;
	}
	.navcart {
		width: 33.3%;
		float: left;
		text-align: center;
		padding-top: 9px;
		height: 40px;
	}
	.navsearch .search {
		position: absolute;
		width: 100%;
		left: 0;
		border: 1px solid #39b0ff;
		top: 37px;
		z-index: 9999;
		background: #fff;
		padding: 15px;
	}
	.navcart .iconcart {
		position: absolute;
		width: 100%;
		left: 0;
		border: 1px solid #39b0ff;
		top: 42px;
		z-index: 9999;
		background: #fff;
		padding: 15px;
	}
	.search-title, .cart-title {
		cursor:pointer;
	} 
	.item-icon {
		width: 50%;
		text-align: left;
		margin-bottom: 10px;
		margin-top: 5px;
	}
	.cart.item-icon {
		width: 100%;
		text-align: left;
	}
	.cart.item-icon span {
		left: 130px;
		right: auto;
	}
	.navcart a {
		color: #3b3b3b;
	}
	.wellcome {
	    margin-top: -5px;
	}
	.slideshow {
		margin-bottom: 30px;
	}
}
@media (max-width:768px) {
}
@media (max-width:720px) {
}
@media (max-width:640px) {
	ul.list-product li {
	    width: 50%;
	}
}
@media (max-width:600px) {
	.head-mobile .logo {
		width: 40%;
	}
    .head-mobile .logo img {
        height: auto;
    }
	.mod-right {
		width: 60%
	}
	.item-icon {
	    width: 100%;
	}
}
@media (max-width:480px) {
	.hot-item {
		width: 100%;
		min-height:inherit;
		margin-bottom: 20px;
        text-align: center;
	}
	ul.list-product li {
	    width: 50%;
	}
	.pro-title {
		min-height: 50px;
	}
	.price {
        min-height: 40px;
    }
    .pro-img > a > img {
		height: auto
    }
	.head-mobile .logo {
		width: 100%;
		text-align: center;
		padding-right: 0;
	}
    .head-mobile .logo img {
        height: auto;
    }
	.mod-right {
		width: 100%;
		margin-bottom:5px;
		margin-top:10px;
	}
	.slideshow .bxslider img {
        height: auto;
    }
}
@media (max-width:430px) {
	.footleft {
		width: 100%;
		margin-bottom: 10px;
        text-align: center;
	}
	.footright {
		width: 100%;
		float: left;
		text-align: left;
	}
}
@media (max-width:360px) {
}


.news-chil  {padding: 20px 0}

.form-col-left {
  float: left;
  text-align:right;
  width: 25%;
  padding-right:5px;
}
.form-col-right {
  width: 75%;
  float: left;
}
.form-row {
  overflow: hidden;
  margin-bottom: 10px;
}
.form-contact-text {
  width: 50%;
  padding: 2px 10px;
  color:#000;
}
.form-contact button, .PQTButton {
    padding: 4px 25px;
    margin-right: 10px;
    border-radius: 5px;
    border: none;
	font-weight: bold;
}
.form-contact button:hover, .PQTButton:hover {
	background:red;
	color:#fff;
}

.sub-description{
    color:red;
    font-weight:bold;
}

@media (max-width:991px) {
    .form-contact-text {
	  width: 100%;
	  padding: 2px 10px;
	  color:#000;
	}
}

.row {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}