/* ===== HEADER STYLE ===== */
.pc-header{}
.pc-header .logo{
	width:75px;
}

.pc-user .box,
	.mobile-user .box {
		width: 278px;
		left:-118px !important;
		top: 42px!important;
		padding: 15px 25px;
	 	border-top: 3px solid #f15922;
		-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
	    -khtml-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
	    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
	    -ms-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
	    -o-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
	    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
	}
	.pc-user .box-head,
	.mobile-user .box-head {
		margin: 0 0 12px 0;
		font-size: 14px;
		font-weight: bold;
	}
	.pc-user .box-head a,
	.pc-user .forgotpass a:hover,
	.mobile-user .box-head a,
	.mobile-user .forgotpass a:hover {
		color: #15c;
	}
	.pc-user .forgotpass a,
	.mobile-user .forgotpass a {
		color: #000;
	}
	.pc-user .form-row,
	.mobile-user .form-row {
		margin-bottom: 10px;
	}
	.pc-user .form .input-text,
	.mobile-user .form .input-text {
		height: 32px;
		padding: 0 8px;
		border: 1px solid #ccc;
		border-top: 1px solid #c4c4c4;
		color: #000;
		font-size: 14px;
		line-height: 32px;
	}
	.pc-user .form .btn-submit,
	.mobile-user .form .btn-submit {
		height: 32px;
	    border: 0;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    -ms-border-radius: 3px;
	    -o-border-radius: 3px;
	    border-radius: 3px;
	    background: #0f7fc1;
	    color: #fff;
	    text-align: center;
	    line-height: 32px;
	    cursor: pointer;
	}
	.pc-user .form .btn-submit:hover,
	.mobile-user .form .btn-submit:hover {
		background: #1c94db;
	}
	.pc-user .box-foot,
	.mobile-user .box-foot {
		margin: 12px 0 0 0;
	}
	.pc-user .box-foot .title,
	.mobile-user .box-foot .title,
	#modal-register .panel-foot .title {
		position: relative;
		margin: 0 0 8px 0;
		color: #000;
		font-size: 13px;
		line-height: 20px;
		text-align: center;
	}
	.pc-user .box-foot .title:before,
	.mobile-user .box-foot .title:before,
	#modal-register .panel-foot .title:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 1px;
		left: 0px;
		top: 50%;
		background: #dfdfdf;
	}
	.pc-user .box-foot .title > span,
	.mobile-user .box-foot .title > span,
	#modal-register .panel-foot .title > span {
		display: inline-block;
		position: relative;
		padding: 0 10px;
		background: #fff;
	}
	.pc-user .social-login a,
	.mobile-user .social-login a,
	#modal-register .social-login a {
		display: block;
		position: relative;
		width: 104px;
		height: 28px;
		background-repeat: no-repeat;
		background-image: url(img/login-social.png);
		background-position: 0 0;
		text-indent: -99999px;
	}
	.pc-user .social-login .facebook,
	.mobile-user .social-login .facebook,
	#modal-register .social-login .facebook {
		background-position: 0 -30px;
	}
	.pc-user .social-login .facebook:hover,
	.mobile-user .social-login .facebook:hover,
	#modal-register .social-login .facebook:hover {
		background-position: 0 0;
	}
	.pc-user .social-login .google,
	.mobile-user .social-login .google,
	#modal-register .social-login .google {
		background-position: -107px -30px;
	}
	.pc-user .social-login .google:hover,
	.mobile-user .social-login .google:hover,
	#modal-register .social-login .google:hover {
		background-position: -107px 0;
	}
/* .top-bar */
.top-bar{
    background: #ececec;
    padding: 10px 0 12px 0;
}
.top-bar .top-link{}
.top-bar .top-link > ul{}
.top-bar .top-link > ul li{
    margin-right: 40px;
}
.top-bar .top-link > ul li:nth-child(1){
}
.top-bar .top-link > ul li a{
    font-size: 14px;
    color: #363636;
}
.top-bar .top-link > ul li a:hover{}
.top-bar .top-auth >ul{}
.top-bar .top-auth >ul li{

}
.top-bar .top-auth >ul li a{
    color: #363636;
}
.top-bar .top-auth >ul li:hover a{
}
.top-bar .top-auth >ul li a i{
    margin-right: 15px;
    color: #363636;
}

/* .uk-navbar */
.uk-navbar{
    padding: 25px 0;
    background: #f6f6f6;
    border: none;
    border-radius: 0;
}
.main-menu{
	
}
.uk-navbar .logo{}
.uk-navbar .list-menu{}
.uk-navbar .list-menu > li{
    position: relative;
    margin-left: 20px;
}
.uk-navbar .list-menu > li span{
    position: absolute;
    border-radius: 2px;
    background: #000;
    top: -20px;
    right: 0;
    display: block;
    padding: 2px;
    font-size: 10px;
    font-weight: bold;
    text-transform: capitalize;
    line-height: 15px;
    color: #fff;
}
.uk-navbar .list-menu > li span:before{
    content: " ";
    position: absolute;
    bottom: -3.5px;
    left: 10%;
    display: block;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3.5px solid transparent;
}
.uk-navbar .list-menu > li span#new{
    background: #fcc314;
}
.uk-navbar .list-menu > li span#new:before{
    border-top: 4px solid #fcc314;
}
.uk-navbar .list-menu > li span#hot{
    background: #ed1c24;
}
.uk-navbar .list-menu > li span#hot:before{
    border-top: 4px solid #ed1c24;

}
.uk-navbar .list-menu > li > a{
    color: #333;
    padding: 10px;
    font-size: 16px;
	display:block;
}
.uk-navbar .list-menu > li:hover > a{
    background: #ed1847;
    color: #fff
}
/* .drop-menu */

.uk-navbar .list-menu > li >.drop-menu{
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: 0 2px 4px #ccc;
	z-index:999;
}
.uk-navbar .list-menu > li:hover > .drop-menu{
    display: block;
}
.uk-navbar .list-menu > li > .drop-menu .sub-menu{
    width: 220px;
}
.uk-navbar .list-menu > li > .drop-menu .sub-menu li{
    position: relative;
    border: 1px solid #EDEDED;
}
.uk-navbar .list-menu > li>.drop-menu .sub-menu li a{
    color: #363636;
    display: block;
    padding: 10px;
}
.uk-navbar .list-menu > li>.drop-menu .sub-menu li:hover>a{
    background: #ed1847;
    color: #fff;
}
.uk-navbar .list-menu > li > .drop-menu .sub-menu li > .drop-menu{
    position: absolute;
    left: 100%;
    top: 0;
    width: 220px;
    background: #fff;
    box-shadow: 0 2px 4px #ccc;
    display: none;
}
.uk-navbar .list-menu > li > .drop-menu .sub-menu li:hover > .drop-menu{
    display: block;
}
.uk-navbar .list-menu > li > .drop-menu .sub-menu li > .drop-menu .sub-menu-1{}
.uk-navbar .list-menu > li > .drop-menu .sub-menu li > .drop-menu .sub-menu-1 li{}
.uk-navbar .list-menu > li > .drop-menu .sub-menu li > .drop-menu .sub-menu-1 li > a{
    padding: 10px;
    color: #363636;
}
.uk-navbar .list-menu > li > .drop-menu .sub-menu li > .drop-menu .sub-menu-1 li:hover>a{
    background: #ed1847;
    color: #fff;
}
/* .top-search */
.top-search{
    background: #6fb718;
    padding: 5px 0;
	position:relative;
	z-index:1;
}
.top-search .search{
	width:300px;
	position:relative;
}
.top-search .search input{
    display: block;
    width: 100%;
}
.top-search .search button{
    background: #ed1847;
	position:absolute;
	right: -81px;
	top: 0px;
	padding:6px 15px;
}
.top-search .search button i{
    color: #fff;
}
.top-search .hotline{}
.top-search .hotline #icon-call{
    background: #fff;
    padding-top: 5px;
    margin-right: 15px;
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 25px;
    text-align: center;
    line-height: 35px;
}
.top-search .hotline #icon-call i{
    font-size: 25px;
    color: #ed1847;
}
.top-search .hotline .phone{
    color: #fff;
}
.top-search .hotline .phone a{
    color: #fff;
    font-weight: bold;
	font-family:'Roboto-Bold';
}

	/* ######################## Header for mobile ######################## */
	.mobile-header {
		position: relative;
		z-index: 5;
	}
	.mobile-header .upper {
		padding: 5px;
		background: #f6f6f6;
		position: relative;
		text-align: center;
	}
	.mobile-header .upper .moblie-menu-btn {left: 5px;}
	.mobile-header .logo {display: inline-block;}
	.mobile-header .logo a {width: 75px;}
	.mobile-header .lower {
		position: relative;
		padding: 5px;
		background: #fff;
		border-top: 1px solid #e1e1e1;
		border-bottom: 1px solid #e1e1e1;
	}
	.mobile-search .form {
		position: relative;
		padding-right: 60px;
	}
	.mobile-search .form .input-text {
		display: block;
		height: 32px;
		background: #fff;
		font-size: 13px;
		line-height: 32px;
		color: #000;
		border: 1px solid #ed1847;
		-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.12);
		-moz-box-shadow: inset 0 0 5px rgba(0,0,0,.12);
		-ms-box-shadow: inset 0 0 5px rgba(0,0,0,.12);
		-o-box-shadow: inset 0 0 5px rgba(0,0,0,.12);
		box-shadow: inset 0 0 5px rgba(0,0,0,.12);
	}
	.mobile-search .form .btn-submit {
		display: block;
		position: absolute;
		height: 32px;
		width: 60px;
		top: 0px;
		left: initial;
		right: 0px;
		background: #ed1847 url(img/icon_search.png) 50% 50% no-repeat;
		border: 1px solid #ed1847;
		cursor: pointer;
		text-indent: -99999px;
	}
	.mobile-search .form .input-text::-webkit-input-placeholder {
	    color: #999;
	    font-size: 13px;
	}
	.mobile-search .form .input-text::-moz-placeholder {
	    color: #999;
	    font-size: 13px;
	}
	.mobile-search .form .input-text:-ms-input-placeholder {
	    color: #999;
	    font-size: 13px;
	}
	.mobile-search .form .input-text:-moz-placeholder {
	    color: #999;
	    font-size: 13px;
	}
	.mobile-hotline {
		display: block;
		position: absolute;
		right: 5px;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.mobile-hotline .value {
		display: block;
		width: 13px;
		height: 26px;
		background: url(img/icon_mobile_phone.png) center;
		-webkit-background-size: 13px 26px;
		-moz-background-size: 13px 26px;
		-ms-background-size: 13px 26px;
		-o-background-size: 13px 26px;
		background-size: 13px 26px;
		text-indent: -99999px;
	}

/* ===== ASIDE STYLE ===== */
.aside{}
/* aside-panel */
.aside .aside-panel{}
.aside .aside-panel{}
.aside .aside-panel .panel-head{
    background: #ed1847;
    padding: 10px 0px 10px 20px;
}

.aside .aside-panel .panel-head .title{
    margin: 0;
}
.aside .aside-panel .panel-body{
    background: #fff;
    box-shadow: 0px 1px 1px #ccc;
}

/* .aside-panel.aside-category */
.aside .aside-panel.aside-category{}
.aside .aside-panel.aside-category .panel-body .list-category{}
.aside .aside-panel.aside-category .panel-body .list-category > li{
    position: relative;
    padding: 10px;
}
.aside .aside-panel.aside-category .panel-body .list-category > li .icon{
	margin-right:10px;
	filter: brightness(1) invert(1);
}
.aside .aside-panel.aside-category .panel-body .list-category > li:hover{
    background: #131313;
}
.aside .aside-panel.aside-category .panel-body .list-category > li a{
    color: #131313;
	font-size:16px;
}
.aside .aside-panel.aside-category .panel-body .list-category > li:hover a{
    color: #fff;
}
.aside .aside-panel.aside-category .panel-body .list-category > li>a:before{
   
}
.aside .aside-panel.aside-category .panel-body .list-category > li .drop-menu{
    position: absolute;
    top: 0;
    left: 100%;
    width: 220px;
    box-shadow: 0px 0px 2px #ccc;
    background: #fff;
    display: none;
	z-index:9999;
}
.aside .aside-panel.aside-category .panel-body .list-category > li:hover .drop-menu{
    display: block;
}
.aside .aside-panel.aside-category .panel-body .list-category > li .drop-menu .sub-menu{}
.aside .aside-panel.aside-category .panel-body .list-category > li .drop-menu .sub-menu > li{
    padding: 10px 20px;
}
.aside .aside-panel.aside-category .panel-body .list-category > li .drop-menu .sub-menu > li:hover{
    background: #131313;
}
.aside .aside-panel.aside-category .panel-body .list-category > li .drop-menu .sub-menu > li a{
    color: #131313;
}
.aside .aside-panel.aside-category .panel-body .list-category > li .drop-menu .sub-menu > li:hover a{
    color: #fff;
}
/* .aside-panel .aside-tool */
.aside .aside-panel.aside-tool{}
.aside .aside-panel.aside-tool .panel-head{}
.aside .aside-panel.aside-tool .panel-body{
    margin-bottom: 20px;
}
.aside .aside-panel.aside-tool .panel-body .list-tool{}
.aside .aside-panel.aside-tool .panel-body .list-tool .child{}
.aside .aside-panel.aside-tool .panel-body .list-tool .child .child-head{
    text-align: center;
    padding: 6px 0;
    color: #fff;
    border-radius: 25px;
    background: #6fb718;
}
.aside .aside-panel.aside-tool .panel-body .list-tool .child:nth-child(1) .child-head{
    display: none;
}
.aside .aside-panel.aside-tool .panel-body .list-tool .child .child-body{
    padding: 20px 10px;
}
.aside .aside-panel.aside-tool .panel-body .list-tool .child .child-body .icon{
    margin-right: 15px;
    display: block;
}
.aside .aside-panel.aside-tool .panel-body .list-tool .child .child-body .info{
    font-size: 12px;
}
.aside .aside-panel.aside-tool .panel-body .list-tool .child .child-body .info form{
    font-size: 12px;
}
.aside .aside-panel.aside-tool .panel-body .list-tool .child .child-body .info form label{
    display: block;
}
.aside .aside-panel.aside-tool .panel-body .list-tool .child .child-body .info form input{
    display: block;
    margin: 15px 0;
    font-size: 12px;
}

.aside .aside-panel.aside-tool .panel-qc{}
.aside .aside-panel.aside-tool .panel-qc .list-qc{}
.aside .aside-panel.aside-tool .panel-qc .list-qc li{
    margin-bottom: 15px;
}
/* ===== SLIDE STYLE ===== */
.main-slide{
    margin-bottom: 15px;
	position:relative;
	z-index:1;
}
.main-slide .slide-show{}
.main-slide .slide-show ul{}
.main-slide .slide-show ul li{
    min-height: 330px;
    max-height: 330px;
}
.main-slide .slide-show ul li .image{}
/* ===== MAIN STYLE ===== */
/* .homepage-product */
.homepage-product{
    border: 1px solid #ebebeb;
    margin-bottom: 15px;
    background: #fff
}
.homepage-product .panel-head{
    border-bottom: 1px solid #ebebeb;
}
.homepage-product .panel-head .cate-product{
    background: #6fb718;
    padding: 10px 10px;
    border-radius: 0 25px 25px 0;
}
.homepage-product .panel-head .cate-product .cate-title{
    margin: 0;
}
.homepage-product .panel-head .cate-product .cate-title .icon{}
.homepage-product .panel-head .cate-product .cate-title .title-content{}
.homepage-product .panel-head .cate-product .cate-title .title-content a{}
.homepage-product .panel-head .cate-link{
    margin-right: 20px;
}
.homepage-product .panel-head .cate-link a{
    color: #555;
}
.homepage-product .panel-body{
    padding: 10px 5px 20px 5px;
}
.homepage-product .panel-body .list-product{}
.homepage-product .panel-body .list-product li{
	margin: 0 0 10px 0;
}
.homepage-product .panel-body .list-product .product{}
.homepage-product .panel-body .list-product .product .thumb{
    position: relative;
    margin-bottom: 10px;
}
.lb{
    position: absolute;
    top: 10px;
    left: -4px;
    color: #fff;
    padding: 2px 5px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.lb.lb-new{
    background: #fcc314;
}
.lb.lb-hot{
    background: #e30a2c;
}
.lb:after{
    content: " ";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    transform: rotate(45deg);
    border-left: 3px solid transparent; 
    border-right: 3px solid transparent;
}
.lb.lb-new:after{
    border-bottom: 3px solid #fcc314;
}
.lb.lb-hot:after{
    border-bottom: 3px solid #e30a2c;
}

.homepage-product .panel-body .list-product .product .thumb .image{
    border: 1px solid #ebebeb;
    height: 198px;
}
.homepage-product .panel-body .list-product .product .info{
	text-align:center;
}
.homepage-product .panel-body .list-product .product .info .title{
    height: 40px;
    overflow: hidden;
    margin-bottom: 5px;
}
.homepage-product .panel-body .list-product .product .info .title a{
    color: #555;
}
.homepage-product .panel-body .list-product .product .info .product-rate{
    margin-bottom: 5px;
}
.homepage-product .panel-body .list-product .product .info .product-rate li{
    font-family: "FAS";
    color: #fcc314;
}
.homepage-product .panel-body .list-product .product .info .product-price{
    margin-bottom: 5px;
}
.homepage-product .panel-body .list-product .product .info .product-buy{
    text-align: center;
}
.homepage-product .panel-body .list-product .product .info .product-buy .button-main{
    padding: 3px 10px;
}

/* ===== OTHER STYLE ===== */
.page-body{
    padding-top: 10px;
    padding-bottom: 40px;
    background: #f6f6f6;
}
.button-main{
    font-size: 12px;
    padding: 0 25px;
    border-radius: 25px;
    background: #ed1847;
    color: #fff;
    text-transform: capitalize;
}
a.see-more{
    color: #ed1847;
    text-decoration: underline;
}
p.date-time{
    font-size: 12px;
}
.panel-head .title .icon{
    margin-right: 10px;
    filter: brightness(0) invert(1);
}
.panel-head .title .title-content a{
    color: #fff;
    text-transform: capitalize;
    font-weight: normal;
}
#price{
    color: #ec2029;
}

/* ===== FOOTER STYLE ===== */
.footer{}
/* .foot-partner */
.foot-partner{
    padding-top: 30px;
    border-top: 1px solid #ebebeb;
}
.foot-partner .list-partner{
    margin-bottom: 40px;
}
.foot-partner .list-partner li{}
.foot-partner .list-partner li .image{}

/* .quick-link */
.quick-link{
    padding-top: 50px;
    border-top: 1px solid #ebebeb;
    background: url('../resources/img/upload/foot-background-1.png') no-repeat center center;
    background-size: auto;
    padding-bottom: 50px;
}
.quick-link .box{}
.quick-link .box .box-head{}
.quick-link .box .box-head .title{
    margin-bottom: 30px;
}
.quick-link .box .box-head .title a{
    color: #555555;
    text-transform: uppercase;
	font-family:'Roboto-Bold';
}
.quick-link .box .box-body{
    margin-bottom: 20px;
}
.quick-link .box .box-body .list-link{}
.quick-link .box .box-body .list-link .link{
    margin-bottom: 15px;
}
.quick-link .box .box-body .list-link .link .icon{
    width: 20px;
    height: 20px;
    margin-right: 10px;
    text-align: center;
}
.quick-link .box .box-body .list-link .link .icon i{
    color: #36baa2;
}
.quick-link .box .box-body .list-link .link a{
    color: #555;
}
.quick-link .box .box-foot{}
.quick-link .box .box-foot .ic-social{}
.quick-link .box .box-foot .ic-social li{
    margin-right: 20px;
}
.quick-link .box .box-foot .ic-social li .icon{}
.quick-link .box .box-foot .ic-social li .icon  i{
    font-size: 2em;
    color: #6fb718;
}
/* .copyright */
.copyright{
    padding: 8px 0;
    background: #d7d7d7;
    text-align: center;
}
.copyright h3{
    color: #555555;
    margin: 0;
    font-weight: normal;
}
.copyright h3 a{
    color: #555555;
    font-weight: bold;
	font-family:'Roboto-Bold';
}
#backtop{
    position: fixed;
    right: 60px;
    clip: rect(auto, auto, auto, auto);
    display: block;
    width: 50px;
    height: 50px;
    background: #fcc314;
    font-size: 20px;
    color: #fff;
    border-radius: 0;
    text-align: center;
    line-height: 50px;
    z-index: 9999;
	font-family:'Roboto-Bold';
}
.cart-info .total-prodcut,
.cart-info .total-money{
	font-size:15px;
}
.star {
	margin: 0 0 10px 0;
	color: rgb(255, 190, 0);
	font-size: 13px;
	letter-spacing: 1px;
	font-weight:bold;
}
.product-price .price{
	font-weight:bold;
	color:red;
	font-family:'Roboto-Bold';
}

/* art-catalogue */
/* ######################## Article ######################## */
	.artcatalogue .heading,
	.artsame .heading {
		position: relative;
		margin: 0 0 20px 0;
		padding-bottom: 10px;
		border-bottom: 1px solid #ed1847;
		font-size: 18px;
		font-weight: normal;
		font-family: 'Roboto-Bold';
		line-height: 24px;
		text-transform: uppercase;
	}
	.artcatalogue {margin-bottom: 25px!important;}
	.artcatalogue .panel-body {padding: 0 0 10px 0;}
	.artcatalogue .list-article>li {margin-bottom: 15px;}
	.artcatalogue .article {position: relative;}
	.artcatalogue .article .thumb {
		position: relative;
		float: left;
		width: 250px;
	}
	.artcatalogue .article .infor {
		position: relative;
		float: left;
		width: -moz-calc(100% - 250px);
		width: -webkit-calc(100% - 250px);
		width: -ms-calc(100% - 250px);
		width: -o-calc(100% - 250px);
		width: calc(100% - 250px);
		padding-left: 15px;
	}
	.artcatalogue .article .title {
		margin: 0 0 10px 0;
		font-size: 20px;
		line-height: 22px;
	}
	.artcatalogue .article .title a {
		display: block;
		color: #333;
		font-family:'Roboto-Bold' !important;
		text-transform:uppercase;
		font-size:14px;
	}
	.artcatalogue .article .title a:hover {color: #f15922;}
	.artcatalogue .article .meta {
		margin: 0 0 8px 0;
		font-size: 14px;
		line-height: 18px;
		color: #999;
	}
	.artcatalogue .article .meta .fa {
		position: relative;
		margin-right: 5px;
		top: -1px;
		font-size: 12px;
	}
	.artcatalogue .article .meta>*+* {margin-left: 15px;}
	.artcatalogue .article .description {
		max-height: 80px;
		color:#333333;
		font-size: 15px;
		/* font-family:'Roboto' !important; */
		line-height: 20px;
		overflow: hidden; 
		-ms-text-overflow: ellipsis; 
		text-overflow: ellipsis
	}
	@media (min-width: 767px) {
		.artcatalogue .article .image {height: 165px;}
	}
	@media (min-width: 1220px) {
		.artcatalogue .panel-body {padding: 0;}
		.artcatalogue .list-article>li {margin-bottom: 20px;}
		.artcatalogue .article .infor {padding-left: 20px;}
	}
	@media (max-width: 767px) {
		.artcatalogue .article .title {
			font-size: 18px;
			line-height: 20px;
		}
		.artcatalogue .article .meta {display: none;}
	}
	@media (min-width: 479px) and (max-width: 767px) {
		.artcatalogue .article .thumb {width: 180px;}
		.artcatalogue .article .infor {
			position: relative;
			width: -moz-calc(100% - 180px);
			width: -webkit-calc(100% - 180px);
			width: -ms-calc(100% - 180px);
			width: -o-calc(100% - 180px);
			width: calc(100% - 180px);
		}
		.artcatalogue .article .image {
			position: relative;
			height: 125px;
		}
		.artcatalogue .article .description {max-height: 60px;}
	}
	@media (max-width: 567px) {
		.artcatalogue .article .thumb {
			width: 35%;
			padding: 0;
			border: none;
		}
		.artcatalogue .article .image {height: 120px;}
		.artcatalogue .article .infor {width: 65%;}
		.artcatalogue .article .title {
			margin: 0 0 10px 0;
			font-size: 16px;
			line-height: 20px;
		}
		.artcatalogue .article .description {max-height: 40px;}
	}
	@media (max-width: 479px) {
		.artcatalogue .article .infor {padding-left: 10px;}
		.artcatalogue .article .image {height: 105px;}
		.artcatalogue .article .description {display: none;}
	}
	@media (max-width: 350px) {
		.artcatalogue .article .image {height: 85px;}
	}
	/* ######################## Detail ######################## */
	.share-box>*+* {margin-left: 5px;}
	.share-box .plus {
		position: relative;
		margin-top: -4px;
	}
	.detail-content {
		margin: 0 0 20px 0;
		font-size: 14px;
		line-height: 22px;
		font-family: Roboto, sans-serif !important;
		color: #000;
		/* padding:10px; */
		/* border:1px solid #333; */
	}
	.detail-content iframe{
		width:100% !important;
		height:400px !important;
	}
	.detail-content *{
		font-family:'HTVietNam' !important;
	}
	.detail-content .panel-body *{
		font-size:18px;
		line-height:25px;
	}
	.detail-content h1 >*{
		color:#ed1847;
		font-family:'Roboto-Bold' !important;
		font-weight:bold;
		font-size:22px !important;
		
	}
	@media (max-width: 415px){
		.detail-content img {
			display: block!important;
			width: auto!important;
			height: auto!important;
			margin: 0 auto 15px auto!important;
		}
	}
	.detail-content ul{
		padding-left:10px;
	}
	.detail-content iframe {
		display: block!important;
		margin: 0 auto 15px auto!important;
	}
	.detail-content table {
		width: 100%;
		border-collapse: collapse;
	}
	.detail-content table td, .detail-content table th {
		padding: 8px;
		border: 1px solid #898989;
	}
	@media (max-width: 479px) {

	}
	
	.list-suggest-thumb{}
	.list-suggest-thumb .image{
		height:120px !important;
	}
	
		/* Article same */
	.art-same {margin-bottom: 10px!important; }
	.art-same .heading {
		margin: 0 0 20px 0;
		font-size: 16px;
		line-height: 20px;
		color: #0088cc;
		font-weight: normal;
		text-transform: uppercase;
		font-family: 'UTM Avo Bold', sans-serif;
	}
	.art-same .list-article>li {margin-bottom: 15px;}
	.art-same .article .thumb {margin: 0 0 5px 0;}
	.art-same .article .title {
		margin: 0;
		height: 40px;
		font-size: 14px;
		line-height: 20px;
		overflow: hidden; 
		-ms-text-overflow: ellipsis; 
		text-overflow: ellipsis
	}
	.art-same .article .title a {color: #333;letter-spacing:0.5px;font-family:'Roboto'}
	.art-same .article .title a:hover {color: #ec667e;}
	@media (min-width: 960px) {
		.art-same {margin-bottom: 15px!important; }
	}
	@media (min-width: 1220px) {
		.art-same {margin-bottom: 25px!important; }
		.art-same .article .image {height: 75px;}
		.art-same .article .thumb {margin: 0 0 10px 0;}
	}
	@media (max-width: 1220px) {
		.art-same .list-article {margin-left: -10px;}
		.art-same .list-article>li {
			padding-left: 10px;
			margin-bottom: 10px;
		}
	}
	@media (min-width: 767px) and (max-width: 1220px) {
		.art-same .article .image {height: 140px;}
	}
	@media (min-width: 599px) and (max-width: 767px) {
		.art-same .article .image {height: 160px;}
	}
	@media (min-width: 567px) and (max-width: 599px) {
		.art-same .article .image {height: 150px;}
	}
	@media (min-width: 479px) and (max-width: 567px) {
		.art-same .article .image {height: 130px;}
	}
	@media (max-width: 479px) {
		.art-same .heading {
			margin: 0 0 10px 0;
			font-size: 14px;
		}
		.art-same .article .title {
			max-height: 36px;
			font-size: 14px;
			line-height: 18px;
		}
		.art-same .article .image {height: 105px;}
	}
	@media (max-width: 350px) {
		.art-same .article .image {height: 90px;}
	}
	
	/* ######################## Contact ######################## */
	.contact {margin: 0 0 20px 0;}
	.contact .contact-infomation, 
	.contact .contact-form {
		margin-bottom: 20px!important;
	}
	.contact .contact-infomation .note {
		margin-bottom: 10px;
		font-style: italic;
		color: #666;
	}
	.contact .contact-infomation .company {
		margin-bottom: 10px;
		line-height: 24px;
		font-size: 18px;
		font-weight: normal;
		    font-family: "Roboto-Bold" !important;
		text-transform: uppercase;
		color: #f15922;
	}
	.contact .contact-infomation .address {margin-bottom: 20px;}
	.contact .contact-infomation .address p {
		margin: 0 0 5px 0;
		color: #000;
	}
	.contact .contact-infomation .address a {color: #000;}
	.contact .contact-map {
		padding: 4px;
		height: 389px;
		border: 1px solid #d5d5d5;
	}
	.contact .contact-form .label {
		margin-bottom: 15px;
		line-height: 22px;
		font-size: 14px;
		color: #333;
		font-family:'Roboto';
	}
	.contact .contact-form .form-row {margin-bottom: 10px;}
	.contact .contact-form .input-text, 
	.contact .contact-form .form-select, 
	.contact .contact-form .form-textarea {
		border: 1px solid #d5d5d5;
		line-height: 20px;
		font-size: 14px;
		color: #000;
	}
	.contact-form .form-select {color: #999!important;}
	.contact .contact-form .input-text, 
	.contact .contact-form .form-select {height: 30px;}
	.contact .contact-form .form-textarea {
		padding: 5px 10px;
		height: 200px;
		font-family:'Roboto' !important;
	}
	.contact-form .btn-submit {
		display: inline-block;
		padding: 6px 25px;
		background: #f15922;
		border: none;
		line-height: 20px;
		font-size: 14px;
		color: #fff;
		text-transform: uppercase;
		cursor: pointer;
	}
	@media (min-width: 960px) {
		.contact .contact-infomation .company {font-size: 20px}
	}
	
	/* Product detail */
	.prd-detail {margin: 0 0 15px 0;}
	.prd-detail .panel-head, .prd-detail .panel-body {margin-bottom: 10px;}
	
	.prd-gallerys .slider .product .thumb {margin-bottom: 0!important;}
	.prd-gallerys .lSSlideOuter .lSPager.lSGallery li {
		position: relative;
		display: block;
		background: #fff;
		border: 1px solid #af8349;
	}
	.prd-gallerys .lSSlideOuter .lSPager.lSGallery li a {
		margin: 0;
		display: block;
		padding: 2px;
		-webkit-box-shadow: inset 0px 0px 0px 4px #f6f6f6;
		-moz-box-shadow: inset 0px 0px 0px 4px #f6f6f6;
		-ms-box-shadow: inset 0px 0px 0px 4px #f6f6f6;
		-o-box-shadow: inset 0px 0px 0px 4px #f6f6f6;
		box-shadow: inset 0px 0px 0px 4px #f6f6f6;
	}
	.prd-detail .prd-title {
		margin: 0 0 10px 0;
		font-size: 24px;
		line-height: 24px;
		color: #000;
	}
	.prd-detail .prd-infor .meta {
		margin: 0 0 10px 0;
		padding-bottom: 10px;
		border-bottom: 1px dotted #c8c8c8;
	} 
	.prd-detail .prd-price {
		font-size: 15px;
		line-height: 20px;
		font-family: 'UTM Avo Bold', sans-serif;
		font-weight: normal;
		text-transform: uppercase;
		color: #e51b24;
	}
	.prd-detail .prd-infor .rate {
		font-size: 	14px;
		color: #ffc000;
		letter-spacing: 1px;
	}
	.prd-detail .prd-excerpt {
		margin: 0 0 15px 0;
		font-size: 16px;
		line-height: 20px;
		color: #000;
	}
	.prd-detail .prd-excerpt ul {list-style: none}
	.prd-detail .prd-excerpt ul li {
		position: relative;
		padding-left: 20px;
		background: url(img/icon_batquai.png) 0px 4px no-repeat;
	}
	.prd-detail .prd-excerpt ul li+li {margin-top: 5px;}
	.prd-detail .prd-description {
		margin: 0 0 15px 0;
		font-size: 13px;
		line-height: 20px;
		color: #666;
		font-family:'HTVietNam';
	}
	.prd-detail .prd-description p {margin: 0 0 5px 0;}
	.prd-detail .prd-property {margin: 0 0 15px 0;}
	.prd-detail .prd-property .btn {
		float: left;
		display: block;
		height: 42px;
		background: url(img/bg-buy-now.png) center;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		line-height: 42px;
		width: 212px;
		text-align: center;
		color: #fff;
		text-transform: uppercase;
	}
	.prd-detail .prd-property .btn.btn-add-to-cart {
		background: url(img/bg-add-to-cart.png) center;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	.prd-detail .prd-property .btn+.btn {margin-left: 10px;}

	.prd-detail .nav-tabs li {
		float: left;
		position: relative;
		padding: 10px 25px;
		bottom: -3px;
		z-index: 5;
		border: 1px solid transparent;
		border-top: 4px solid transparent;
		cursor: pointer;
		font-size: 18px;
		line-height: 20px;
		text-transform: uppercase;
		font-weight: bold;
		color: #666;
	}
	.prd-detail .nav-tabs li:hover {color: #ed1847;}
	.prd-detail .nav-tabs li.uk-active {
		background: #fff;
		border: 1px solid #c8c8c8;
		border-top: 2px solid #ed1847;
		border-bottom-color: #fff;
		color: #ed1847;
		font-family:'Roboto-Bold';
		letter-spacing:0.5px;
		font-size:14px;
	}
	.prd-detail .suggest-list{
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.6);
		box-shadow: 0 1px 1px rgba(0,0,0,.6);
		border-top:1px solid #ccc;
	}
	.prd-detail .tab-content {
		padding: 20px;
		background: #fff;
		border: 1px solid #c8c8c8;
	}
	.prd-content-mobile {margin-bottom: 10px;}
	.prd-content-mobile ul>li+li {margin-top: 5px;}
	.prd-content-mobile .accordion-label {
		display: block;
		position: relative;
		padding: 8px 15px;
		background: #f6f7f8;
		border: 1px solid #e1e1e1;
		color: #333;
		font-size: 16px;
		line-height: 20px;
	}
	.prd-content-mobile .accordion-label:before {
		content: "\f054";
		display: block;
		position: absolute;
		font-family: FontAwesome;
		font-size: 12px;
		color: #666;
		left: initial;
		right: 10px;
		top: 8px;
	}
	.prd-content-mobile .accordion-label.uk-active:before {
		content: "\f078";
		color: #fff;
	}
	.prd-content-mobile .accordion-label.uk-active {
		border-color: #ed1847;
		background: #ed1847;
		color: #fff;
	}
	.prd-content-mobile .accordion-content {
		margin-top: 10px;
		padding: 15px 10px 10px 10px;
		border: 1px solid #e1e1e1;
		background: #fff;
	}
	
	.prd-infor .subtitle{
		color:#007ff0;
		font-size:14px;
		font-family:'HTVietNam';
		margin: 0 0 10px 0;
		font-style:italic;
		position:relative;
		padding-left:25px;
	}
	.prd-infor .subtitle:before{
		content:'';
		display:block;
		position:absolute;
		left:0;
		top:-2px;
		width:20px;
		height:20px;
		background:url(img/gift.png) no-repeat;
		background-size:100%;
	}
	.prd-icon {
		margin: 0 0 10px 0;
		border-bottom:1px solid #d4d3d3;
		padding: 0 0 10px 0;
	}
	.prd-icon li{
		float:left;
		margin-right:10px;
	}
	.prd-icon li *{
		font-size:13px;
		color:#333333;
		
	}
	.prd-icon li span > b{
		font-family:'HTVietNam'
	}
	
	.detail-info{}
	.detail-info .right{
		padding-left:10px;
	}
	.detail-info .right .list-detail-support{
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		border-bottom:1px solid #d4d3d3;
	}
	.detail-info .right .list-detail-support li{
		position:relative;
		padding: 10px 0;
	}
	.detail-info .right .list-detail-support li .article{}
	.detail-info .right .list-detail-support li .article .icon{
		width:35px;
		float:left;
		vertical-align:middle;
	}
	.detail-info .right .list-detail-support li .article .icon img{
		width:100%;
		height:100%;
	}
	.detail-info .right .list-detail-support li .article .detail{
		width:calc(100% - 35px);
		width:-webkit-calc(100% - 35px);
		width:-moz-calc(100% - 35px);
		width:-o-calc(100% - 35px);
		float:left;
		padding-left:5px;
	}
	
	.detail-info .right .list-detail-support li h5{
		font-family:'Roboto-Bold';
		font-size:14px;
		tex-transform:uppercase;
		letter-spacing:0.5px;
		font-weight:normal;
		margin: 0 0 5px 0;
	}
	.detail-info .right .list-detail-support li span{
		font-style:italic;
		font-size:13px;
		font-family:'HTVietNam';
	}
	.detail-info .left{
		padding-right:10px;
		border-right:1px solid #d4d3d3;
		height:100%;
	}
	.detail-info .left p{
		font-family:'HTVietNam';
		font-size:15px;
	}
	.detail-info .left p span.label{
		width:120px;
		color:#999;
		display:inline-block;
	}
	.detail-info .left p span.main-price{
		color:#ff5c00;
		font-size:20px;
		font-family:'Roboto-Bold';
	}
	.detail-info .left p span.value{}
	.detail-info .left p span.percent{
		color: #63c54c;
	}
	
	.prd-description{
		border-top:1px solid #d4d3d3;
		margin:10px 0 0 0;
		padding: 10px 0 0 0;
	}
	.prd-description,
	.prd-description *{
		font-size:13px;
		font-family:'HTVietNam';
	}
	
	@media (min-width: 1220px) {
		.prd-detail {margin: 0 0 25px 0;}
		.prd-detail .panel-head {margin-bottom: 30px;} 
		.prd-detail .panel-body {margin-bottom: 20px;}
		.prd-detail .prd-title {
			margin: 0 0 15px 0;
			font-size: 24px;
			line-height: 35px;
			font-family:'Roboto-Bold';
			letter-spacing:0.5px;
		}
		.prd-detail .prd-infor .meta {margin: 0 0 20px 0;} 
		.prd-detail .prd-price {font-size: 16px;font-family:'Roboto-Bold';}
		.prd-detail .prd-description {margin: 0 0 25px 0;}
		.prd-detail  .prd-property {margin: 0 0 25px 0;}
	}
	@media (min-width: 960px) and (max-width: 1220px) {
		.prd-detail .prd-property .btn {
			width: -webkit-calc(50% - 5px);
			width: -moz-calc(50% - 5px);
			width: -ms-calc(50% - 5px);
			width: -o-calc(50% - 5px);
			width: calc(50% - 5px);
		}
	}
	@media (max-width: 567px) {
		.prd-detail .prd-property .btn  {
			float: none;
			width: 150px;
			height: 32px;
			line-height: 32px;
		}
		.prd-detail .prd-property .btn+.btn {
			margin: 5px 0 0 0;
		}
	}
	@media (max-width: 767px) {
		.prd-detail .prd-gallerys {margin-bottom: 10px;}
	}
	.prd-detail .prd-buy {
		position: relative;
		margin-bottom: 15px;
	}
	.prd-detail  .prd-buy .wrap-quantity {
		display: block;
		position: relative;
		width: 60px;
		margin: 0 15px;
	}
	.prd-detail .prd-buy .input-text {
		height: 30px;
		line-height: 30px;
		border: 1px solid #ccc;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		padding: 0 10px;
		text-align: center;
	}
	.prd-detail .prd-buy .btn {
		display: block;
		position: absolute;
		font-size: 14px;
		line-height: 15px;
		left: initial;
		right: 5px;
		color: #898989;
	}
	.prd-detail .prd-buy .abatement {top: 0px;}
	.prd-detail .prd-buy .augment {bottom: 0px;}
	.prd-detail .prd-buy .status {
		display: block;
		position: relative;
		padding-left: 25px;
		background: url(img/Cart-Y.png) 0px 50% no-repeat;
		font-size: 15px;
		font-weight: bold;
		color: #009688;
	}
	.prd-detail .share-box {margin: 0 0 5px 0;}
	.prd-detail .btn-groups {
		margin-left: -15px;
		margin-bottom: 10px;
	}
	.prd-detail .btn-groups>li {
		float: left;
		width: 50%;
		padding-left: 15px;
	}
	.prd-detail .btn-groups .btn {
		display: block;
		position: relative;
		padding: 10px 10px 10px 50px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
		line-height: 20px;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		text-align: center;
	}
	.prd-detail .btn-groups .btn:before {
		content: "";
		display: block;
		position: absolute;
		height: 100%;
		width: 50px;
		top: 0px;
		left: 0px;
	}
	.prd-detail .btn-groups .btn-buy {background: #da251c;font-family:'Roboto-Bold' !important;text-transform:uppercase;}
	.prd-detail .btn-groups .btn-buy:before {
		background: url(img/ShoppingCart-32.png) 50% 50% no-repeat;
		border-right: 1px solid #e16055;
	}
	
	/* >>>>> Register modal <<<<< */
	#modal-register,
	#success-modal {
		background: rgba(0, 0, 0, .65);
	}

	#modal-register .uk-modal-close.uk-close,
	#booktour-modal .uk-modal-close.uk-close {
		margin: 0;
		padding: 0;
		width: 23px;
		height: 23px;
		left: initial;
		right: 10px;
		top: 10px;
		background: url(img/icon-close.png);
	}
	#modal-register .uk-modal-dialog {
		position: relative;
		width: 415px;
		padding: 0;
		background: #fff;
	}
	#booktour-modal .panel {position: relative;}
	#modal-register .heading,
	#booktour-modal .heading {
		position: relative;
		margin: 0;
		padding: 13px 15px;
		background: #0f7fc1;
		font-size: 16px;
		font-weight: bold;
		font-family: Arial;
		text-transform: uppercase;
		text-align: center;
	}
	#modal-register .heading > *,
	#booktour-modal .heading > * {
		color: #fff;
	}
	#modal-register  .panel-body {padding: 15px 30px 10px 30px;}
	#modal-register .sex {
		margin: 0 0 25px 0;
		text-align: center;
	}
	#modal-register .sex > * {display: inline-block;}
	#modal-register .sex > * + * {margin-left: 20px;}
	#modal-register .sex input {outline: none}
	#modal-register .form-row {margin-bottom: 10px;}
	#modal-register .form .input-text,
	#booktour-modal .form .input-text,
	#booktour-modal .form .form-select,
	#booktour-modal .form .form-textarea {
		display: block;
		height: 34px;
		padding: 0 8px;
	    border: 1px solid #ccc;
    	border-top: 1px solid #c4c4c4;
    	color: #000;
    	font-size: 14px;
    	line-height: 34px;
	}
	#booktour-modal .form .form-textarea {
		height: 100px;
		line-height: 22px;
	}
	#modal-register .form .action,
	#booktour-modal .form .action {
		margin: 0 0 15px 0;
		padding-top: 15px;
		text-align: center;
	}
	#modal-register .btn-submit,
	#booktour-modal .form .btn-submit {
		display: inline-block;
		position: relative;
		padding: 8px 35px;
		background: #0f7fc1;
		border: none;
		cursor: pointer;
		color: #fff;
		font-size: 14px;
		font-family: inherit;
		line-height: 22px;
		outline: none;
	}
	#modal-register .btn-submit:hover,
	#booktour-modal .form .btn-submit:hover {background: #1c94db;}

	#modal-register .form .input-text::-webkit-input-placeholder {
	    color: #898989;
	    font-size: 13px;
	}
	#modal-register .form .input-text::-moz-placeholder {
	    color: #898989;
	    font-size: 13px;
	}
	#modal-register .form .input-text:-ms-input-placeholder {
	    color: #898989;
	    font-size: 13px;
	}
	#modal-register .form .input-text:-moz-placeholder {
	    color: #898989;
	    font-size: 13px;
	}
	#modal-register .panel-foot {
		padding: 0 30px 15px 30px;
		text-align: center;
	}
	#modal-register .panel-foot .social-login > * + * {margin-left: 10px;}
	#booktour-modal .panel .loading {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		background: rgba(0, 0, 0, .65);
		z-index: 5;
	}
	#booktour-modal .panel .loading .fa {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		color: #fff;
		font-size: 24px;
	}
	
	.panel-qc{
		z-index:1 !important;
	}
	.tooltip-container {
		display: none;
		visibility: hidden;
		z-index:9999;
		position:relative;
	}
	/* #tooltip  */
	#tooltip{
		position:relative;
		z-index:9999;
	}
	#tooltip .title {
		margin: 0;
		padding: 8px 8px;
		background: #ed1847;
		font-size: 16px;
		font-weight: bold;
		line-height: 20px;
		font-family:'Roboto-Bold';
	}
	#tooltip .title>* {color: #fff;}
	#tooltip .box .price,
	#tooltip .box .guarantee,
	#tooltip .box  .status {
		position: relative;
		padding: 2px 0 2px 70px;
	}
	#tooltip .box .price .value>span {display: block;}
	#tooltip .box .price:not(.not-price) .label {
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	#tooltip .box .price .value .number {
		font-size: 24px;
		font-weight: bold;
		line-height: 30px;
		color: #ee0000	;
	}
	#tooltip .box .price:not(.not-price) .value .number {
		font-weight: normal;
		font-family: 'UTMImpact', sans-serif;
		text-transform: uppercase;
	}
	#tooltip .box .status .value {color: #1d8acb;}

	#tooltip .box .label {
		position: absolute;
		width: 70px;
		left: 0px;
		top: 0px;
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
	}
	#tooltip .box {
		padding: 10px;
		position: relative;
		font-size: 15px;
		line-height: 18px;
		color: #333;
	}
	#tooltip .box + .box {border-top: 1px solid #ccc;}
	#tooltip .box-label {
		margin: 0 0 5px 0;
		font-size: 14px;
		font-weight: bold;
		color: #ee0000;
	}
	#tooltip .box p {margin: 0;}

	@media (min-width: 1220px) {
		#tooltip {
		    position: absolute;
		    display: none;
		    background-color: #fff;
		    border: 1px solid #026CB8;
		    width: 350px;
		    z-index: 9;
		}
	}
	@media (max-width: 1220px) {
		#tooltip {
			display: none;
			visibility: hidden;
		}
	}
	.filter{
		margin: 0 0 10px 0;
		background: #f3f6fd;
		border: 1px solid #d6d8da;
		border-top: 1px solid #aeb8c4;
		padding:5px;
	}
	@media (min-width: 960px){
		.uk-form-horizontal .uk-form-label{
			width:80px !important;
			margin-top:6px;
		}
		.uk-form-horizontal .uk-form-controls{
			margin-left:80px;
			
		}
	}
	
	.alert{
		margin: 0 0 20px 0;
	}
	.alert .heading-1{
		background:#6fb718;
		margin:0;
		padding:5px 10px;
		border-radius:25px;
		-webkit-border-radius:25px;
		-moz-border-radius:25px;
		-o-border-radius:25px;
		font-weight:normal;
		text-transform:uppercase;
		color:#fff;
	}
	.alert .panel-body{
		padding:15px;
		border:1px solid #ccc;
		border-top:0;
		
	}
	.alert .panel-body .title{
		font-family:'Arial';
		text-align:center;
	}
	.alert p{
		text-align:center;
	}
	.alert .alert-content *{
		font-size:14px;
		/* font-weight:normal; */
		/* color:#ff6600; */
		font-family:'Arial';
	}
	.login-form .uk-form-controls input{
		width:100%;
		margin:0;
	}
	.login-form .uk-form-label{
		font-family:'HTVietNam';
		font-weight:normal;
	}
	.login-form .uk-form-row p > *{
		font-size:13px;
		color:#333;
		font-style:italic;
	}
	
	 /* >>>>>> featured-product <<<<< */
   .featured-product {
   		padding: 15px 0 10px;
   		background: #fff;
   }
   	.featured-product .vert {margin: 0;}
	.featured-product .vert,
	.featured-product .vert .simply-scroll-clip {
		width: 100%;
		height: 90px;
	}
	.featured-product .list-product li {
		padding-left: 5px;
		height: 90px;
		width: 95px;
	}
	.featured-product .product .thumb {
		padding: 1px 1px;
		border: 1px solid #ccc;
		height: 90px;
	}
	
	/* ==================== #SOCIAL-FLOAT ==================== */
#social-float { position: fixed; right: 0; top: 35%; z-index: 100; }
#social-float ul { width: 45px; }
#social-float ul li {}
#social-float ul li a { display: block; height: 45px; width: 45px; line-height: 45px; text-align: center; color: #FFF; padding-right: 10px; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-box-shadow: 0 1px 5px #777; -moz-box-shadow: 0 1px 5px #777; box-shadow: 0 1px 5px #777; }
#social-float ul li a.facebook { background: #3A5897; }
#social-float ul li a.twitter { background: #54ABED; }
#social-float ul li a.linkedin { background: #0177B5; }
#social-float ul li a.google { background: #DC4E41; }
#social-float ul li a.pinterest { background: #CB2027; }
#social-float ul li a:hover { width:90px; -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px);transition:all 0.5s ease; }
#social-float ul li a [class*=fa] {}

/* ######################## Mobile ########################  */
	.hotline-fixed {
		position: fixed;
	    left: 30px;
	    bottom: 30px;
	    background: rgba(213, 213, 213, .5);
	    border: 1px solid #d5d5d5;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    -ms-border-radius: 3px;
	    -o-border-radius: 3px;
	    border-radius: 3px;
	    z-index: 99999;
	}
	.hotline-fixed a {
		position: relative;
	    display: block;
	    padding: 10px 20px 10px 60px;
	    font-size: 18px;
	    line-height: 20px;
	    font-weight: bold;
	    color: #ff0000;
	    -webkit-background-size: 30px;
	    -moz-background-size: 30px;
	    -ms-background-size: 30px;
	    -o-background-size: 30px;
	    background-size: 30px;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    -ms-border-radius: 4px;
	    -o-border-radius: 4px;
	    border-radius: 4px;
	}
	@media (min-width: 960px) {
		.hotline-fixed {
			left: 50px;
			bottom: 50px;
		}
	}


	.call-btn {
	    position: absolute;
	    margin: 0;
	    padding: 0;
	   	left: 0px;
	   	top: 50%;
	   	left: -40px;
	   	-webkit-transform: translate(0, -50%);
	   	-moz-transform: translate(0, -50%);
	   	-ms-transform: translate(0, -50%);
	   	-o-transform: translate(0, -50%);
	   	transform: translate(0, -50%);
	    background: #fff;
	    background-color: transparent;
	    cursor: pointer;
	    font-size: 0;
	    width: 110px;
	    height: 110px;
	    z-index: 1000;
	}

	.call-btn .tada {
	    background: #00aff2;
	    border-radius: 100px;
	    width: 40px;
	    height: 40px;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    margin-top: -20px;
	    margin-left: -20px;
	    animation-name: tada;
	    animation-duration: 0.5s;
	    animation-iteration-count: infinite;
	    animation-direction: alternate;
	}
	.call-btn:hover .tada {background: #ff0000;}

	.call-btn .tada .icon:before {
	    content: "\f095";
	    font-size: 25px;
	    font-family: FontAwesome;
	    text-decoration: none;
	    color: #fff;
	    margin-left: 10px;
	    position: absolute;
	    top: 50%;
	    margin-top: -10px;
	}


	@keyframes tada {
	    from {
	        transform: rotate(-20deg);
	    }
	    to {
	        transform: rotate(20deg);
	    }
	}

	.call-btn .pulse {
	    width: 60px;
	    height: 60px;
	    background: #bfebfc;
	    border-radius: 100px;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    margin-top: -30px;
	    margin-left: -30px;
	    animation-name: pulse;
	    animation-duration: 0.5s;
	    animation-iteration-count: infinite;
	    animation-direction: alternate;
	    animation-timing-function: ease-in-out;
	}
	.call-btn:hover .pulse {background: rgba(255, 0, 0, .5);}

	@keyframes pulse {
	    from {
	        width: 55px;
	        height: 55px;
	        margin-top: -27.5px;
	        margin-left: -27.5px;
	    }
	    to {
	        width: 60px;
	        height: 60px;
	        margin-top: -30px;
	        margin-left: -30px;
	    }
	}
	.call-btn .zoomIn {
	    width: 80px;
	    height: 80px;
	    border: 2px solid #00aff2;
	    border-radius: 100px;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    margin-top: -40px;
	    margin-left: -40px;
	    animation-name: zoomIn;
	    animation-duration: 1s;
	    animation-iteration-count: infinite;
	    animation-timing-function: ease-out;
	}
	.call-btn:hover .zoomIn {border: 2px solid #ff0000;}

	@keyframes zoomIn {
	    from {
	        width: 40px;
	        height: 40px;
	        margin-top: -20px;
	        margin-left: -20px;
	    }
	    to {
	        width: 80px;
	        height: 80px;
	        margin-top: -40px;
	        margin-left: -40px;
	    }
	}

	@media screen and (max-width: 549px) {
	    .call-btn {
	        width: 80px;
	        height: 80px;
	    }
	    .call-btn .pulse {left: -30px;}
	}