
*{margin: 0;padding: 0;}
a:hover{text-decoration: none;outline: none;}
.container, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-md-10, .col-md-11, .col-md-12{
 	position: relative;
}
body{
	font-family: Helvetica;
	font-size: 14px;
}
img{max-width: 100% !important;}
.background-full-op{
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(../img/bg-tran-full.png);
	background-repeat: repeat;
	background-position: center;
	top: 0px;
	left: 0px;
	z-index: 999;
	display: none;
	cursor: pointer;
}
.pg-hidden{display: block !important;}
.pg-show{display: none !important;}
.width-100p{width: 100%;clear: both;}
.padding-5px{padding: 5px;}
.bg-color-theme{
	background-color: #ffffff;
	color: #000000;
}
.bg-color-theme-01 .container{background: #ff6a00;}
.bg-color-red{background-color: #FF0000 !important;color: #FFFFFF;}
.bg-color-yellow{background-color: rgba(255, 221, 0, 1) !important;color: #000000;}
.cbh10{clear: both;width: 100%;height: 10px;}
.cbh20{clear: both;width: 100%;height: 20px;}
.cbh50{clear: both;width: 100%;height: 50px;}
.no-padding{padding: 0;}
.padding-lr-10px{padding-right: 10px;padding-left: 10px;}
.padding-lr-20px{padding-right: 20px;padding-left: 20px;}
.padding-right-10px{padding-right: 10px;}
.padding-right-20px{padding-right: 20px;}
.padding-left-10px{padding-left: 10px;}
.padding-left-20px{padding-left: 20px;}
.margin-bottom-10px{margin-bottom: 10px;}
.text-color-red{color: #FF0000;font-weight: bold;}
.box-shadow-bottom{-webkit-box-shadow: 0 3px 5px -3px #000;
-moz-box-shadow: 0 3px 5px -3px #000;
box-shadow: 0 3px 5px -3px #000;}
.hotline-top{
	display: block;
	padding: 10px 0;
	margin-bottom: 0;
}
.hotline-top li{
	display: block;
	width: 100%;
	font-size: 12px;
	color: #FFF237;
	font-weight: bold;
	text-align: right;
}
.hotline-top li p{
	margin-bottom: 5;
}
.hotline-top li span{
	font-size: 18px;
    font-weight: bold;
    text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0 5px 10px #868686;
    text-transform: uppercase;
}
ul.list-nav-top-bar{
	display: block;
	width: 100%;
	background: #FFFFFF; /* For browsers that do not support gradients */
	/*background: -webkit-linear-gradient(left, #0D4C8F , #1E83C0); /* For Safari 5.1 to 6.0 */
	/*background: -o-linear-gradient(right, #0D4C8F,  #1E83C0); /* For Opera 11.1 to 12.0 */
	/*background: -moz-linear-gradient(right, #0D4C8F,  #1E83C0); /* For Firefox 3.6 to 15 */
	/*background: linear-gradient(to right, #0D4C8F ,  #1E83C0); /* Standard syntax */
	color: #f8f400;
	text-align: right;
	padding: 10px 0;
}
ul.list-nav-top-bar li{
	display: inline-block;
	margin-right: 10px;
}
ul.list-nav-top-bar li a{
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}
ul.list-nav-top-bar li a:hover{
	text-decoration: underline;
}
.logo-top{
	padding-top: 10px;
	padding-bottom: 10px;
}
.logo-top img{max-height: 40px;height: 40px;}
.btn-theme{
	background: none;
	background-color: #000000;
	color: #FFFFFF;
}
.btn-theme:hover{
	background-color: #093C72;
	color: #FFFFFF;
}
.ideal-search{display: block;width: 100%;color: #888;text-transform: uppercase;}
.ideal-search span{color: #000;text-transform: capitalize;}
.ideal-search a{color: #888;}
.ideal-search a:hover{text-decoration: underline;}
.main-menu{
	color: #ffffff;
	background-color: #ff6a00;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	position: relative;
}
.main-menu > i{font-size: 16px;position: absolute;line-height: 40px;width: 40px;height: 40px;display: inline-block;top: 0px;}
.main-menu > i:first-of-type{left: 0;font-size: 24px;cursor: pointer;}
.main-menu > i:last-of-type{right: 0;}
.main-menu-sub{
	display: block;
}
.main-menu-sub > ul{
	display: block;
	width: 100%;
}
.main-menu-sub > ul > li{
	display: inline-block;
	padding: 0 18px;
	position: relative;
	cursor: pointer;
}
.main-menu-sub > ul > li > a{color: #FFFFFF;font-weight: bold;text-transform: uppercase;display: block;width: 100%;height: 100%;}
.main-menu-sub > ul > li > ul{display: none;position: absolute;top: 100%;left: 0;background-color: #FFFFFF;border: 1px solid #dfdfdf;z-index: 100;padding: 10px;width: 220px;}

.main-menu-sub > ul > li > ul > li{display: block;width: 100%;}
.main-menu-sub > ul > li > ul > li > a{color: #555;font-size: 12px;display: block;line-height: 26px;}
.main-menu-sub > ul > li > ul > li > a:before{content: "\f054";position: relative;bottom: 1px;font-family: 'FontAwesome';font-size: 65%;margin-right: 5px;}
.main-menu-sub > ul > li > ul > li > a:hover{color: #db0202;}
.main-menu-sub > ul > li:hover > ul{display: block;}
.main-menu-sub > ul > li:hover:after{content: "";height: 20px;width: 20px;border-width: 10px;border-style: solid;border-color: transparent transparent #FFFFFF transparent;position: absolute;bottom: -1px;left: 50%;margin-left: -10px;z-index: 101;}



.header-top-icon li{display: inline-block;margin-top: 10px;}
.header-top-icon li.giao-hang-lap-dat{
	font-size: 14px;
	text-align: center;
	padding: 0 10px;
	font-weight: bold;
}
a.icon-cart{position: relative;}
a.icon-cart span{position: absolute;top: -13px;left: 13px;background-color: #FF0000;border-radius: 50%;color: #FFFFFF;width: 20px;height: 20px;line-height: 20px;text-align: center;overflow: hidden;display: block;}
.main-menu-hotline{
	display: block;
	text-align: right;
	font-weight: bold;
	color: #ff0000;
	text-transform: uppercase;
	font-size: 120%;
	/*text-shadow: 1px 0 0 #DEE509, -1px 0 0 #DEE509, 0 1px 0 #DEE509, 0 -1px 0 #DEE509, 1px 1px #DEE509, -1px -1px 0 #DEE509, 1px -1px 0 #DEE509, -1px 1px 0 #DEE509, 0 5px 10px #CCCCCC;*/
}
.main-menu-hotline a{color: #ff0000;}
.main-menu-hotline p{margin-bottom: 0;}
.banner-left-info{
	margin-top: 5px;
}
.list-nav-news{
	display: block;
	width: 100%;
}
.list-nav-news li{
	float: left;
	width: 33.33333333333%;
	text-align: center;
	text-transform: uppercase;
	height: 35px;
	line-height: 35px;
}
.list-nav-news li a{
	color: #FFFFFF;
	font-size: 11px;
}
.list-nav-news li:nth-of-type(1){
	background-color: #4a90e2;
}
.list-nav-news li:nth-of-type(2){
	background-color: #e74c3c;
}
.list-nav-news li:nth-of-type(3){
	background-color: #FFEE29;
}

button.btn-buy, a.btn-buy{background: #FED700;color: #FF0000;border: none;padding: 0 5px;height: 26px;line-height: 26px;display: inline-block;text-transform: uppercase;cursor: pointer;}
button.btn-buy:hover, a.btn-buy:hover{
	background: -moz-linear-gradient(#f59000, #fd6e1d);
    background: -webkit-linear-gradient(#f59000, #fd6e1d);
    background: -o-linear-gradient(#f59000, #fd6e1d);
    background: -moz-linear-gradient(#f59000, #fd6e1d);
    background: linear-gradient(#f59000, #fd6e1d);
	color: #FFFFFF;
}

.regular{text-align: center;}
.regular .slick-slide{border: 1px solid #ebebeb !important;height: 85px !important;position: relative;overflow: hidden;margin-right: 5px;}
/*.regular .slick-slide img{position: absolute;left: 0;top: 50%;cursor: pointer;}*/
#slideshow{height: 420px;position: relative;padding: 0 0px;margin-bottom: 10px;}
#slideshow .cnt-main-img{border: 1px solid #ebebeb;display: block;height: 100%;position: relative;text-align: center;}
#slideshow .cnt-main-img img{/*position: absolute;top: 50%;left: 0;*/max-width: 100%;max-height: 100%;display: inline-block;}
.slick-prev:before, .slick-next:before{color: black!important;opacity: 1!important;}
.slick-prev{left: 0!important;}
.slick-next{right: 0!important;}
.slick-prev, .slick-next{z-index: 2}
.img-ads-left{
	display: block;
	border-style: solid;
	border-color: #dfdfdf;
	border-width: 1px 0 1px 1px;
	/*height: 540px;*/
	overflow-x: hidden;
	text-align: center;
}
.img-ads-left a{display: block;width: 100%;height: 100%;}
.img-ads-left img{max-height: 100%;width: auto;}
.list-product-catalog{
	display: block;
	width: 100%;
	margin-bottom: 0;
}
.list-product-catalog > li{
	width: 25%;
	float: left;
	padding: 10px;
	border: 1px solid #dfdfdf;
	text-align: center;
	position: relative;
}
.list-product-catalog > li > figure{
	display: block;
	width: 100%;
	height: 150px;
	position: relative;
	margin-bottom: 20px;
}
.list-product-catalog > li > figure > a{
	display: block;
	width: 100%;
	height: 100%;
}
.list-product-catalog > li > figure > a > img{
	height: 100%;
	width: auto;
}
.list-product-catalog > li > figure > p.price-new{
	position: absolute;
	bottom: -17px;
	right: 0px;
	color: #000;
    display: inline-block;
    font: italic bold condensed 30px/35px Arial;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 3px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 0 7px 10px #868686;
    margin-bottom: 0;
}
.list-product-catalog > li > p.price-old{
	display: block;
	text-align: right;
    color: #636363;
    font: 12px Arial;
    text-decoration: line-through;
    margin-bottom: 0;
}
.list-product-catalog > li > p.prodcut-brand{
	color: #005baa;
    display: block;
    font: bold 15px/22px Arial;
    height: 22px;
    min-height: 22px;
    overflow: hidden;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0;
}
.list-product-catalog > li > h2 > a{
	color: #222222;
    display: block;
    font: 13px/18px Arial;
    overflow: hidden;
    text-align: left;
    height: 40px;
    overflow: hidden;
}
.list-product-catalog > li > p.price-sale{
	color: #FF0000;
	text-align: left;
	font-size: 12px;
	margin-bottom: 0;
}
.list-product-catalog > li div.note-product{
	position: absolute;
	top: 0px;
	left: 0px;
	max-width: 100%;
	width: 100px;
}
div.sidebar{
	display: block;
	width: 100%;
	border: 1px solid #dfdfdf;
	margin-bottom: 10px;
	overflow: hidden;
}
div.sidebar h3.title-cap{
	display: block;
	width: 100%;
	height: 32px;
	color: #000;
	background: linear-gradient(#F3F3F3, #DFDFDF);
	border-bottom: 3px solid #000;
	font-size: 18px;
	line-height: 32px;
	text-transform: uppercase;
	padding: 0 10px;
	position: relative;
	
}
div.sidebar-top{border-right: none;}
div.sidebar-top h3.title-cap{border-bottom: 2px solid #000;height: 33px;}
.title-cap ul{height: 32px;line-height: 27px;color: #FFF;position: absolute;right: 0;top: 0;display: inline-block;padding: 0 10px;margin-bottom: 0;}
.title-cap ul li{display: inline-block;margin-right: 0px;font-size: 24px;}
.title-cap ul li i{height: 17px;width: 13px;display: inline-block;background-image: url(../img/arrow-slider.png);background-repeat: no-repeat;background-position: -17px 0px;cursor: pointer;}
.title-cap ul li:first-child i{background-position: 0px -17px;}
.title-cap ul li:last-child i{background-position: -13px -17px;}

.title-cap ul li.active:first-child i{background-position: 0px 0px;}
.title-cap ul li.active:last-child i{background-position: -13px 0px;}
div.sidebar ul.list-content{
	display: block;
	width: 100%;
	margin-bottom: 0;
	padding: 10px;
}
div.sidebar ul.list-content li{
	display: block;
	width: 100%;
	clear: both;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 7px;
	margin-bottom: 7px;
}
div.sidebar ul.list-content li:last-of-type{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
div.sidebar ul.list-content li figure{
	float: left;
	width: 40%;
	margin-right: 5%;
	height: 70px;
	overflow: hidden;
}
div.sidebar ul.list-content li figure a{
	display: block;
	width: 100%;
	height: 100%;
}
div.sidebar ul.list-content li figure a img{
	max-width: 100%;
	height: 100%;
}
div.sidebar ul.list-content li div.cnt-sidebar{
	width: 55%;
	float: left;
	height: 55px;
	overflow: hidden;
}
.sidebar ul.list-content li div.cnt-sidebar h3, .sidebar ul.list-content li div.cnt-sidebar h4{
	display: block;
	width: 100%;
	font: 13px/18px Arial;
	margin-bottom: 5px;
}
.sidebar ul.list-content li div.cnt-sidebar h3 a, .sidebar ul.list-content li div.cnt-sidebar h4 a{
	color: #0072bc;
}
div.sidebar ul.list-content li div.cnt-sidebar p.wid-price{
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0;
}

div.sidebar ul.sidebar-catalog{display: block;width: 100%;padding: 0px 0;}
div.sidebar ul.sidebar-catalog li{display: block;width: 100%;height: 40px;line-height: 40px;border-style: solid;border-width: 0 0 1px 0;border-color: #dfdfdf;padding: 0 10px;margin-bottom: 0;background-color: #fafafa;}
div.sidebar ul.sidebar-catalog li:last-of-type{border-bottom: none;}
div.sidebar ul.sidebar-catalog li a{display: block;width: 100%;height: 100%;color: #000;font-weight: bold;position: relative;}
div.sidebar ul.sidebar-catalog li a span{height: 20px;width: 20px;position: absolute;top: 50%;margin-top: -10px;right: 0;font-size: 12px;line-height: 20px;font-weight: bold;text-align: center;}
div.sidebar ul.sidebar-catalog li:hover{background-color: #eaeaea;}
.title-cap-new{
	display: block;
	width: 100%;
	position: relative;
	height: 35px;
	margin-bottom: 10px;
}
.title-cap-new::after{
	content: "";
	height: 1px;
	width: 100%;
	background-color: #cccccc;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -1px;
}
.title-cap-new span{
	display: inline-block;
	height: 35px;
	font: 18px/35px Arial;
	background-color: #FFFFFF;
	padding: 0 10px 0 0;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	color: #555555;
}
.title-cap-new span.span-cus{font-size: 16px;}
.title-cap-new-1{
	text-align: center;
	height: 20px;
}
.title-cap-new-1::after{
	background-color: #f2f2f2;
}
.title-cap-new-1 span{
	width: 170px;
	text-align: center;
	padding: 0;
	font-size: 13px !important;
	line-height: 20px !important;
	height: 20px;
	text-transform: uppercase;
	left: 50%;
	margin-left: -75px;
	color: #0D4C8F;
}
.title-catalog-new{
	display: block;
    width: 100%;
    /* height: 32px; */
    /* line-height: 32px; */
    margin-bottom: 20px;
    font-size: 18px;
}
.title-catalog-new a{
	display: block;
    width: 100%;
    position: relative;
    border-bottom: 2px solid #ff6a00;
    height: 100%;
}
.title-catalog-new a span{
	/*background-color: #ff6a00;*/
    display: inline-block;
    padding: 5px 0px;
    color: #ff6a00;
    font-size: 18px;
    position: relative;
    line-height: 1.4;
    text-transform: uppercase;
}



.list-cnt-news{
	display: block;
	width: 100%;
	margin-bottom: 0;
}
.list-cnt-news li{
	float: left;
	background-color: #f8f8f8;
	padding: 10px;
	border-radius: 3px;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 10px;
	border: 1px solid #e4e4e4;
}
.list-cnt-news li:nth-of-type(3n+3){
	margin-right: 0;
}
.list-cnt-news li:nth-of-type(3n+1){
	clear: both;
}
.list-cnt-news li figure{
	background-color: #ffffff;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    height: 180px;
    width: 100%;
    max-height: 180px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 5px;
}
.list-cnt-news li figure img{
	height: 100%;
	width: auto;
}
.list-cnt-news li h2{
	display: block;
	text-align: left;
	line-height: 20px;
}
.list-cnt-news li h2 a{
	color: #000000;
    display: block;
    font-family: Tahoma;
    font-size: 14px;
    text-align: left;
    height: 40px;
    overflow: hidden;
    font-weight: bold;
    text-align: justify;
}
.list-cnt-news li div{
	color: #333333;
    font-size: 14px;
    max-height: 110px;
    overflow: hidden;
    padding-top: 10px;
    text-align: justify;
}
ul.list-widget-cnt{
	display: block;
	margin-bottom: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
ul.list-widget-cnt > li{
	width: 23.5%;
	display: inline-block;
	margin-right: 2%;
	margin-bottom: 2%;
}
ul.list-widget-cnt > li:nth-of-type(4n+4){
    margin-right: 0;
}

.widget-00 h3{display: block;width: 100%;background-color: #ff6a00;color: #ffffff;text-transform: uppercase;padding: 0 10px;font: bold 13px/32px Arial;text-align: center;}
.widget-00 ul{display: block;width: 100%;margin: 10px 0;padding: 0 10px;}
.widget-00 ul li{display: block;width: 100%;margin-bottom: 5px;position: relative;padding: 0 10px;}
.widget-00 ul li:before{content: "\f0c8";position: absolute;font: normal normal normal 5px/1 FontAwesome;top: 7px;left:0px;margin-right: 0px;}
.widget-00 ul li:last-of-type{margin-bottom: 0;}
.widget-00 ul li a, .widget-00 ul li strong{font-size: 13px;font-weight: bold;color: #000;}
.widget-00 ul li p{font-size: 11px;display: block;width: 100%;margin-bottom: 0;}
.widget-03 ul li a{font-weight: normal;}
.widget-04 ul li:before{content: "\f098";font: normal normal normal 12px/1 FontAwesome;position: absolute;left: 0;top: 2px;}
.widget-04 ul li p{margin-left: 10px;}
.widget-04 ul li p:first-of-type{font-weight: bold;font-size: 13px;}
.widget-04 ul li:last-of-type:before{content: "\f0e0";}
.footer-warranty{padding-right: 10px;}
.footer-warranty h3{display: block;width: 100%;background-color: #ff6a00;font-weight: bold;text-transform: uppercase;padding: 10px;color: #ffffff;font-size: 16px;margin-bottom: 10px;}
.footer-warranty div{padding: 0 20px;position: relative;margin-bottom: 10px;}
.footer-warranty div:before{content: "\f0c8";position: absolute;font: normal normal normal 7px/1 FontAwesome;bottom: 3px;margin-right: 5px;left: 5px;top: 3px;}
.footer-warranty div h4{font-weight: bold;font-size: 13px;margin-bottom: 5px;}
.footer-warranty div p{margin-bottom: 0;font-size: 12px;}
.register-info{margin-bottom: 10px;padding-left: 10px;}
.register-info table{background-color: #ed1c24;color: #FFFFFF;margin-bottom: 0;}
.register-info table h4{display: block;font-weight: bold;width: 100%;font-size: 16px;color: #FFFFFF;}
.register-info table h4 i{margin-right: 5px;}
.register-info table tr, .register-info table tr td, .register-info table tr th{border: none;}
.register-info table tr td{padding-top: 0;padding-bottom: 0;}
.register-info table tr td:first-of-type{font-size: 16px;font-weight: bold;vertical-align: middle;}
.register-info table tr td form{display: block;width: 100%;position: relative;overflow: hidden;height: 30px;line-height: 30px;margin-bottom: 10px;font-size: 12px;border-radius: 5px;}
.register-info table tr td form input{display: block;width: 100%;height: 30px;line-height: 30px;border-radius: 3px;border: none;padding: 0 40px 0 10px;color: #000;}
.register-info table tr td form button{width: 30px;height: 30px;position: absolute;top: 0px;right: 0px;background-color: #000;color: #FFF;text-align: center;border: none;box-shadow: none;border-radius: 3px; border: 1px solid #FFFFFF;}
ul.list-widget-news{
	display: block;
	width: 100%;
	margin-top: 10px;
}
ul.list-widget-news li{
	display: block;
	width: 100%;
	font-size: 12px;
	margin-bottom: 5px;
	padding: 0 10px;
}
ul.list-widget-news li i{
	position: relative;
	font-size: 50%;
	bottom: 1px;
	color: #000000;
	margin-right: 1px;
}
ul.list-widget-news li a{
	color: #000000;
}
.widget-03 h5{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #cccccc;
    font: 13px/24px Airal;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding: 0 15px;
}
ul.list-widget-social{
	display: block;
	width: 100%;
	padding: 0 15px;
}
ul.list-widget-social li{
	display: inline-block;
}
ul.list-widget-social li a{
	background-color: #FF0000;
	color: #FFFFFF;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	display: inline-block;
	width: 30px;
	font-weight: bold;
	text-align: center;
	margin-right: 10px;
}
div.hotline-top{
	display: block;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #cccccc;
}
div.hotline-top img{
	width: 60px;
	float: left;
	margin-right: 10px;
}
div.hotline-top p:first-of-type{
	font: 20px/26px tahoma;
    margin-top: 15px;
    float: left;
    margin-bottom: 10px;
}
div.hotline-top p:last-of-type{
	color: #ff0000;
    font: bold 20px/15px tahoma;
    float: left;
}
div.hotline-bottom{
	display: block;
	width: 100%;
}
div.hotline-bottom p{
	text-align: center;
	font: 16px/20px tahoma;
    margin-top: 10px;
    padding-left: 25px;
}
div.hotline-bottom p:first-of-type{
	background-image: url(../img/phone.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	text-align: center;
	border-bottom: 1px dashed #cccccc;
}
div.hotline-bottom p:first-of-type span{
	display: block;
	width: 100%;
	margin-bottom: 5px;
}
div.hotline-bottom p:first-of-type span:nth-of-type(2){
	color: #ff0000;
    font: bold 20px/15px tahoma;
    margin-top: 10px;
}
div.hotline-bottom p:first-of-type span:nth-of-type(3){
	font: 12px/10px tahoma;
    margin-top: 5px;
}
div.hotline-bottom p:last-of-type{
	background-image: url(../img/email.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	min-height: 40px;
}
.end-footer-top{background-color: #f1f1f1;}
.end-footer-background{background: linear-gradient(#f3f3f3, #dfdfdf);color: #000000;border-top: 2px solid #000000;}
.end-footer{
	text-align: center;
    font: 14px/18px Arial;
    padding: 14px 0;
}
.end-footer p{
	margin-bottom: 0;
}
.end-footer a{
	color: #FF0000;
	font-weight: bold;
}
.end-footer .col-md-3{padding-right: 10px;}
.end-footer .col-md-9{padding-left: 10px;}

ul.nav-news{
	margin-bottom: 0px;
}
ul.nav-news li{
	text-align: center;
	padding: 5px 0;
    color: #333333;
    font: bold 12px/24px Arial;
}
ul.nav-news li a{
    color: #333333;
    font-weight: bold;
}
ul.nav-news li.active a{
	color: #ff0000;
	background-color: #FFFFFF;
	border-radius: 15px;
	padding: 0 10px;
	display: inline-block;
}
div.pg-details{
  display: block;
  width: 100%;
}
div.pg-details p,
div.pg-details h2,
div.pg-details h3,
div.pg-details h4,
div.pg-details h5,
div.pg-details h6,
div.pg-details img,
div.pg-details span,
div.pg-details table,
div.pg-details table tr,
div.pg-details table td,
div.pg-details {
  max-width: 100% !important;
  height: auto !important;
}
div.pg-details iframe{
	max-width: 100% !important;
}
div.pg-details h2,
div.pg-details h3{
  font-size: 16px !important;
}
div.pg-details h2,
div.pg-details h3,
div.pg-details h4,
div.pg-details h5,
div.pg-details h6{
  margin-bottom: 10px;
}
div.pg-details img{
  max-width: 100% !important;
  height: auto !important;
}
.slspinder .spinner {
    width: 100px;
}
.slspinder .spinner input {
    text-align: right;
}
.slspinder .input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}
.slspinder .input-group-btn-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 8px;
    margin-left: -1px;
    position: relative;
    border-radius: 0;
}
.slspinder .input-group-btn-vertical > .btn:first-child {
    border-top-right-radius: 4px;
}
.slspinder .input-group-btn-vertical > .btn:last-child {
    margin-top: -2px;
    border-bottom-right-radius: 4px;
}
.slspinder .input-group-btn-vertical i{
    position: absolute;
    top: 0;
    left: 4px;
}
.single-pro-details{
	display: block;
	text-align: center;
	width: 100%;
	margin-bottom: 10px;
}
.single-pro-details img{
	display: inline-block;
}
ul.thumb-pro-details{
	display: block;
	width: 100%;
	margin-bottom: 0;
}
ul.thumb-pro-details li{
	width: 23.5%;
	float: left;
	margin-right: 2%;
	margin-bottom: 10px;
	border: 1px solid #E3E3E3;
	height: 75px;
	overflow: hidden;
	text-align: center;
	padding: 5px;
	cursor: pointer;
}
ul.thumb-pro-details li img{
	height: 100%;
	width: auto;
}
ul.thumb-pro-details li:nth-of-type(4n+4){margin-right: 0;}
ul.thumb-pro-details li:nth-of-type(4n+1){clear: both;}
div.product-information{
	display: block;
	width: 100%;
}
div.product-information h1{
	color: #005baa;
    font: 16px/20px Arial;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0px;
    height: 40px;
}
div.product-information h1 a{
	color: #005baa;
}
div.product-information p.div-option{
	display: block;
	width: 100%;
	border-bottom: 1px solid #b7b7b7;
	padding: 5px 0px;
}
div.product-information p.div-option span{font-size: 12px;}
div.product-information p.div-option span strong{font-weight: bold;border-right: 1px solid #000000;margin-right: 10px;padding-right: 10px;}
div.product-information p.div-option span:nth-of-type(1) strong{color: #0072bc;margin-left: 5px;}
div.product-information p.div-option span:nth-of-type(2) strong{color: #ff0000;margin-left: 5px;border-right: none;}
div.product-thongso{display: block;width: 100%;}
div.product-thongso h3{border-bottom: 1px solid #cccccc;margin-bottom: 5px;font: bold 13px/20px Arial;}
div.product-thongso div{width: 100%;padding: 5px;height: 200px;overflow: hidden;}
div.product-thongso span{
	display: block;
	width: 100%;
	border-top: 1px solid #cccccc;
	text-align: right;
	color: #000000;
	cursor: pointer;
	padding-top: 5px;
	font-size: 12px;
	margin-bottom: 10px;
}
.rank-star{font-size: 100%;margin-bottom: 10px;}
.rank-star i{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffe394 0%, #ffb234 100%) repeat scroll 0 0; color: #FFF; padding: 2px;}
div.product-action{
	display: block;
	width: 100%;
	background-color: #f2f2f2;
}
div.product-action.no-background-color{
	background-color: #FFFFFF;
}

div.product-action p.price-new{
	display: block;
	width: 100%;
	color: #636363;font-size: 13px;
}
div.product-action p.price-new span:first-of-type{
	color: #ca0505;
    display: inline-block;
    font-size: 26px;
    font-weight: normal;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin-right: 10px;
}
div.product-action p.price-old, div.product-action p.price-sale{color: #636363;font-size: 15px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-weight: normal;margin-bottom: 5px;}
div.product-action p.price-old span{text-decoration: line-through;}
div.product-action p.product-quantity{
	font-size: 15px;
	color: #000;
	margin-bottom: 0px;
}
div.product-action p.product-quantity a{color: #000000;}
div.product-action p.product-quantity a:hover{text-decoration: underline;}
div.product-action p.product-quantity span{color: #00b84e;font-weight: bold;}
div.product-shopping{display: block;width: 100%;}
div.product-shopping p, .content-fixed p{margin-top: 5px;padding: 0 50px;clear: both;}
div.product-shopping p a, .content-fixed p a{color: #000;}
div.product-shopping p a i, .content-fixed p a i{background-color: #288ad6;padding: 5px;border-radius: 50%;color: #FFFFFF;font-size: 10px;font-weight: bold;position: relative;top: -2px;}

.slspinder{
	margin-bottom: 10px;
	display: inline-block;
}
.product-count label{
	margin-right: 10px;
	font-size: 16px;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	float: left;
	margin-bottom: 10px;
}
button.btn-buy-product, a.btn-buy-product{
	border-radius: 3px;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;margin-right: 10px;
    border: none;
    float: left;
    cursor: pointer;
    background: #00b84e;
    font-size: 16px;

    background: -moz-linear-gradient(#f59000, #fd6e1d);
    background: -webkit-linear-gradient(#f59000, #fd6e1d); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f59000, #fd6e1d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f59000, #fd6e1d); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f59000, #fd6e1d); /* Standard syntax */
}
button.btn-buy-product:hover, a.btn-buy-product:hover{background: #fd6e1d}
button.btn-buy-product2, a.btn-buy-product2{
	background: #df0000;
	background: -moz-linear-gradient(#2EA0F7, #288ad6);
    background: -webkit-linear-gradient(#2EA0F7, #288ad6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2EA0F7, #288ad6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2EA0F7, #288ad6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2EA0F7, #288ad6); /* Standard syntax */
}
button.btn-buy-product2:hover, a.btn-buy-product2:hover{background: #288ad6;}
button.btn-buy-hotline, a.btn-buy-hotline{background: #FF9707;}
button.btn-buy-product i, a.btn-buy-product i{margin-right: 5px;}

a.btn-hdbuy{background: #FFFFFF;color: #000000; line-height: 16px;outline:none;}
a.btn-hdbuy img{float: left;margin-right: 5px;}
a.btn-hdbuy:hover{text-decoration: underline;}
.hotline-buy{display: block;width: 100%;padding: 0 0px !important;}
.hotline-buy span{color: #288ad6;}
.product-action-new{
	display: block;
	width: 100%;
	border: 1px solid #eeeeee;
	background-color: #fbfbfb;
	margin-bottom: 10px;
}
.product-action-new h3{
	background-color: #0d4c8f;
    color: #fff237;
    display: block;
    font: bold 14px/24px Arial;
    padding: 5px 0;
    text-align: center;
    width: 100%;
    text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0 5px 10px #868686;
}
.product-action-new ul{padding: 10px 10px 5px 10px;list-style: none;margin-bottom: 0;}
.product-action-new ul li{margin-bottom: 5px;list-style: none;position: relative;padding-left: 20px;font-size: 12px;}
.product-action-new ul li:before{content: "\f046";height: 14px;width: 14px;font-family: "FontAwesome";position: absolute;left: 0px;top: center;color: #00b84e;margin-right: 5px;}

div.list-product-all{margin-bottom: 10px;overflow: hidden;border: 1px solid #dfdfdf;}


/*.nav-tabs{border-bottom: 1px solid #008ac2;}*/
.custom-tab{
	background-color: #ff0000;
	border-top: 1px solid #ff0000;
	border-right: 1px solid #ff0000;
	border-left:  1px solid #ff0000;
}
.custom-tab li{
	margin-bottom: 0;
}
.custom-tab li a{
	font-size: 16px;
	border-radius: 0;
	border: none;
	color: #ffffff;
}

.custom-tab > li.active > a, .custom-tab > li.active > a:hover, .custom-tab > li.active > a:focus,.custom-tab > li a:hover, .custom-tab > li a:focus{
	color: #ff0000;
	border: none;
	background: #ffffff;
	border-radius: 0px;
}
.content-fixed{position: absolute;display: inline-block;right: 0;top: 0;height: 100%;}
.content-fixed button.btn-buy-product{margin-right: 0;margin-left: 0px;}
.tab-content{
	border: 1px solid #ff0000;
	border-top: none;
	padding: 10px;
	border-radius: 0px 0px 5px 5px;
}
.pagination{
	margin-top: 0;
	margin-bottom: 10px;
}


ul.content-detail{display: block;width: 100%;}
ul.content-detail li{display: block;width: 100%;}
ul.content-detail li h3{display: block;width: 100%;height: 40px;line-height: 40px;border-bottom: 1px solid #cccccc;font-size: 16px;padding: 0 20px;cursor: pointer;position: relative;margin-bottom: 10px;}
ul.content-detail li h3 i{font-size: 70%;position: absolute;left: 0;top: 50%;width: 20px;text-align: center;height: 20px;margin-top: -10px;line-height: 20px;}
ul.content-detail li:last-of-type div.pg-details{display: none;}






ul.list-news-footer{
	display: block;
	width: 100%;
	border: 1px solid #cccccc;
}
ul.list-news-footer h3{
	display: block;
	width: 100%;
	background-color: #FFDD00;
	color: #000000;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	margin-bottom: 10px;
	text-align: center;
}
ul.list-news-footer li{
	margin-left: 2%;
	width: 30.6666666666666666%;
	margin-bottom: 10px;
	float: left;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
}
ul.list-news-footer li:nth-of-type(3n+3){
	margin-right: 2%;
}
ul.list-news-footer li:nth-of-type(3n+1){
	clear: both;
}
ul.list-news-footer li figure{
	float: left;
	width: 30%;
	height: 65px;
	margin-right: 10px;
	overflow: hidden;
}
ul.list-news-footer li figure img{
	height: 100%;
	width: auto;
}
ul.list-news-footer li h4{
	margin: 0;
	display: block;
	line-height: 20px;
}
ul.list-news-footer li h4 a{
	font: bold 12px/20px Arial;
	color: #333333;

}
div.sidebar-new{
	display: block;
	width: 100%;
	background-color: #F6F6F6;
	border: 1px solid #c9c9cb;
	margin-bottom: 10px;
}
div.sidebar-new h3{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	background-color: #EDEDED;
	border-bottom: 1px solid #d9d9db;
	padding: 0 10px;
}
div.sidebar-new ul.list-menu{
	display: block;
	width: 100%;
	padding: 0 10px;
	margin-bottom: 0;
}
div.sidebar-new ul.list-menu > li{
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-size: 13px;
	border-bottom: 1px solid #dddddd;
	position: relative;
}
div.sidebar-new ul.list-menu > li:last-of-type{
	border-bottom: none;
}
div.sidebar-new ul.list-menu > li > a{
	color: #333333;
	display: block;
	width: 100%;
	height: 100%;
}
div.sidebar-new ul.list-menu > li > a:hover{
	color: #FF0000;
}
div.sidebar-new ul.list-menu > li > ul{
	display: none;
	width: 100%;
	position: absolute;
	left: 100%;
	top: 0px;
	background-color: #FFFFFF;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	z-index: 100;
}
div.sidebar-new ul.list-menu > li:hover > ul{
	display: block;
}
div.sidebar-new h5{
	display: block;
    color: #0072bb;
    font: bold 12px/22px Arial;
    margin: 0px;
    text-transform: uppercase;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    background-color: #EDEDED;
    border-bottom: 1px solid #c9c9cb;
}
ul.list-fillter-hangsx{
	display: block;
	width: 100%;
	padding: 0 10px;
	max-height: 300px;
	overflow-y: auto;
}
ul.list-fillter-hangsx li{
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #dddddd;
}
ul.list-fillter-hangsx li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #666666;
	font-size: 12px;
}
ul.list-fillter-hangsx li a i{
	margin-right: 5px;
}
ul.list-fillter-hangsx li a:hover i{
	color: #666666;
}
ul.list-fillter-hangsx li a:hover{
	color: #FF0000;
}
ul.list-fillter-price{
	display: block;
	width: 100%;
	padding: 0 10px;
}
ul.list-fillter-price li{
	float: left;
	width: 50%;
	height: 20px;
	line-height: 20px;
}
ul.list-fillter-price li a{
	color: #FF0000;
	font-size: 12px;
	width: 100%;
	height: 100%;
}
ul.list-fillter-price li a:hover{
	text-decoration: underline;
}
.pg-title-billing{
	background: #e7e7e9;
    border-radius: 4px;
    color: #222222;
    font: bold 15px/32px Arial;
    height: 32px;
    padding-left: 15px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.form-shopping.form-horizontal .form-group{
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 5px;
}
.form-shopping.form-horizontal .control-label{
	font: 12px/30px Arial;
    padding: 0;
    text-align: left;
}
.form-shopping.form-horizontal .control-label a{
	color: #00a1e6;
    text-decoration: underline;
}
.form-shopping.form-horizontal .form-control{
	font: 12px/30px Arial;
	padding: 0 10px;
}
.form-shopping.form-horizontal input.form-control{
	height: 30px;
}
.form-shopping.form-horizontal .help-block{
	font: 12px/24px Arial;
}
.form-shopping.form-horizontal input[type="checkbox"]{
	margin: 8px 5px;
	float: left;
}
.btn-shop-cart{
	padding: 10px 15px;
	border-radius: 2px;
	display: inline-block;
	margin-bottom: 10px;
}
.btn-shop{
	background-color: #FFDD00;
	color: #FFFFFF;
}
.btn-end{
	background-color: #f5a623;
	color: #FFFFFF;
}
.btn-billing{
	background-color: #f5a623;
    border: medium none;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font: bold 22px/31px Arial;
    margin: 0;
    padding: 16px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.nganhang{
	display: none;
	margin-top: 10px;
}
p.title-more-buy{
	margin-bottom: 0;
}
p.title-more-buy a{
	color: #00a1e6;
    font: bold 12px/31px Arial;
    text-align: center;
    text-decoration: underline;
    text-transform: uppercase;
    margin-bottom: 0;
}
.table-billing table{
	margin-bottom: 10px;
}
.table-billing table td{
	border: 1px solid #dddddd;
	padding: 10px;
}
.top-bar{display: block;width: 100%;background-color: #ff6a00;font-size: 12px;color: #FFFFFF;padding: 5px;}
.top-bar a{color: #FFFFFF;}
.top-bar i{margin-right: 5px;}
.top-bar ul{margin-bottom: 0;display: block;width: 100%;text-align: right;}
.top-bar ul li{display: inline-block;margin-left: 5px;padding-left: 5px;border-left: 1px solid #fff;}
.top-bar ul li:first-of-type{border: none;}
.main-slider{display: block;width: 100%;padding-top: 10px;padding-left: 10px;}
.ads-home-top, .ads-home-top a{display: block;width: 100%;}
.ads-home-top img{display: block;width: 100%;height: 148px;}



/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    .fancybox-inner {
	   overflow: hidden !important;
	}
}



#fixed-footer{display: block;width: 100%;}
#fixed-footer .btn-phone-footer{display: block;width: 100%;height: 40px;overflow: hidden;text-align: center;font-size: 20px;line-height: 40px;text-transform: uppercase;letter-spacing: 2px;font-weight: bold;background-color: #ED1C24;color: #ffffff;outline: none;box-shadow: 0 -5px 5px -5px #333;text-decoration: none;}
#fixed-footer .btn-phone-footer span{display: inline-block;height: 100%;padding: 0 10px;-webkit-animation: swinging 2s infinite;
        -moz-animation: swinging 2s infinite;
        -o-animation: swinging 2s infinite;
        -ms-animation: swinging 2s infinite;
        animation: swinging 2s infinite;}
@-webkit-keyframes swinging{
	0% { -webkit-transform: rotate(0); }
	5% { -webkit-transform: rotate(10deg); }
	10% { -webkit-transform: rotate(-9deg); }
	15% { -webkit-transform: rotate(8deg); }
	20% { -webkit-transform: rotate(-7deg); }
	25% { -webkit-transform: rotate(6deg); }
	30% { -webkit-transform: rotate(-5deg); }
	35% { -webkit-transform: rotate(4deg); }
	40% { -webkit-transform: rotate(-3deg); }
	45% { -webkit-transform: rotate(2deg); }
	50% { -webkit-transform: rotate(0); }
	100% { -webkit-transform: rotate(0); }
}
@-ms-keyframes swinging{
	0% { -ms-transform: rotate(0); }
	5% { -ms-transform: rotate(10deg); }
	10% { -ms-transform: rotate(-9deg); }
	15% { -ms-transform: rotate(8deg); }
	20% { -ms-transform: rotate(-7deg); }
	25% { -ms-transform: rotate(6deg); }
	30% { -ms-transform: rotate(-5deg); }
	35% { -ms-transform: rotate(4deg); }
	40% { -ms-transform: rotate(-3deg); }
	45% { -ms-transform: rotate(2deg); }
	50% { -ms-transform: rotate(0); }
	100% { -ms-transform: rotate(0); }
}
@-moz-keyframes swinging{
	0% { -moz-transform: rotate(0); }
	5% { -moz-transform: rotate(10deg); }
	10% { -moz-transform: rotate(-9deg); }
	15% { -moz-transform: rotate(8deg); }
	20% { -moz-transform: rotate(-7deg); }
	25% { -moz-transform: rotate(6deg); }
	30% { -moz-transform: rotate(-5deg); }
	35% { -moz-transform: rotate(4deg); }
	40% { -moz-transform: rotate(-3deg); }
	45% { -moz-transform: rotate(2deg); }
	50% { -moz-transform: rotate(0); }
	100% { -moz-transform: rotate(0); }
}
@-o-keyframes swinging{
	0% { -o-transform: rotate(0); }
	5% { -o-transform: rotate(10deg); }
	10% { -o-transform: rotate(-9deg); }
	15% { -o-transform: rotate(8deg); }
	20% { -o-transform: rotate(-7deg); }
	25% { -o-transform: rotate(6deg); }
	30% { -o-transform: rotate(-5deg); }
	35% { -o-transform: rotate(4deg); }
	40% { -o-transform: rotate(-3deg); }
	45% { -o-transform: rotate(2deg); }
	50% { -o-transform: rotate(0); }
	100% { -o-transform: rotate(0); }
}
@keyframes swinging{
	0% { transform: rotate(0); }
	5% { transform: rotate(10deg); }
	10% { transform: rotate(-9deg); }
	15% { transform: rotate(8deg); }
	20% { transform: rotate(-7deg); }
	25% { transform: rotate(6deg); }
	30% { transform: rotate(-5deg); }
	35% { transform: rotate(4deg); }
	40% { transform: rotate(-3deg); }
	45% { transform: rotate(2deg); }
	50% { transform: rotate(0); }
	100% { transform: rotate(0); }
}
#fixed-footer .btn-phone-footer i{font-size: 120%;position: relative;bottom: -4px;}

/* BackToTop button css */
#scroll_go_top {
	position:fixed;
	right:10px;
	bottom:50px;
	cursor:pointer;
	width:40px;
	height:40px;
	background-color:#ff6a00;
	text-indent:-9999px;
	display:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	z-index: 11;
	color: #ffffff;
}
#scroll_go_top span {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-8px;
	margin-top:-12px;
	height:0;
	width:0;
	border:8px solid transparent;
	border-bottom-color:#ffffff;
}
#scroll_go_top:hover {
	background-color:#ff6a00;
	opacity:1;filter:"alpha(opacity=100)";
	-ms-filter:"alpha(opacity=100)";
}


.support-billing{display: block;width: 100%;clear: both;line-height: 1.4;border: 1px solid #dfdfdf;margin-bottom: 20px;}
.support-billing div.col-md-6{padding: 20px;}
.support-billing div:nth-of-type(2){border-left: 1px solid #dfdfdf;}
.support-billing h3{font-size: 18px;font-weight: bold;margin-bottom: 5px;}
.support-billing p{margin-bottom: 0;}


/*------------------------------Liên hệ---------------------------------*/
h2.title_support{display: block;width: 100%;text-transform: uppercase;font-size: 16px;font-weight: bold;border-left: 5px solid #ff6a00;padding: 5px 20px;color: #000000;margin-bottom: 20px;}
form.form-contact{display: block;width: 100%;border: 1px solid #dfdfdf;padding: 20px;margin-bottom: 20px;}
form.form-contact .frm-group{display: block;width: 100%;margin-bottom: 10px;vertical-align: bottom;font-size: 14px;line-height: 30px;}
form.form-contact .frm-group label{width: 35%;float: left;}
form.form-contact .frm-group input, form.form-contact .frm-group textarea{width: 65%;float: left;height: 30px;border: 1px solid #dfdfdf;padding: 0 10px;}
form.form-contact .frm-group textarea{height: 90px;}
form.form-contact .frm-group button{display: block;width: 100%;text-align: center;padding: 5px 10px;background-color: #ff6a00;box-shadow: none;border: none;border-radius: 3px;font-weight: bold;text-transform: uppercase;background: -webkit-linear-gradient(#ff6a00, #E5C004); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ff6a00, #E5C004); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ff6a00, #E5C004); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ff6a00, #E5C004); /* Standard syntax */}
form.form-contact .frm-group button:hover{background: #E5C004;}
.support_details{border: 1px solid #dfdfdf;padding: 20px;margin-bottom: 20px;}
.pg-details blockquote{border-left: 5px solid #ff6a00;}
.pg-details blockquote h2, .pg-details blockquote h3, .pg-details blockquote h4, .pg-details blockquote h5{margin-bottom: 0;font-weight: bold;font-size: 17px;}
/*------------------------------Liên hệ---------------------------------*/

/*------------------------------Bình Luận---------------------------------*/
.comment_main{display: block;width: 100%;border: 1px solid #dfdfdf;}
.comment_main h5.title_comment{display: block;width: 100%;background-color: #ff6a00;}
.comment_main h5.title_comment span{display: inline-block;padding: 10px 20px;font-size: 16px;font-weight: bold;color: #FFFFFF;text-transform: uppercase;background-color: #000000;}
.comment_main h5.fb_comment span{display: block;width: 100%;background-color: #3B5998;}

.frm_comment{display: block;width: 100%;padding: 20px;}
.frm_comment h3{display: block;width: 100%;font-size: 16px;font-weight: bold;color: #ED1C24;margin-bottom: 10px;}
.frm_comment textarea{display: block;width: 100%;height: 100px;border: 1px solid #dfdfdf;padding: 10px;line-height: 20px;font-size: 14px;}
.frm_comment textarea:nth-of-type(2){height: 40px;line-height: 39px;font-size: 13px;padding: 0 10px;}

.frm_comment input[type="text"]{float: left;width: 80%;height: 40px;border: 1px solid #dfdfdf;padding: 0 10px;line-height: 40px;font-size: 12px;border-top: none;}
.frm_comment button{float: left;width: 20%;border: none;box-shadow: none;background-color: #ff6a00;color: #ffffff;text-align: center;font-size: 14px;height: 40px;line-height: 40px;overflow: hidden;font-weight: bold;outline: none;}
.frm_comment button:hover{background-color: #D1AF08;}

ul.list_all_comment{display: block;width: 100%;border-top: 1px solid #dfdfdf;padding: 10px;}
ul.list_all_comment li{display: block;width: 100%;background-image: url(../img/no-avatar.png);background-repeat: no-repeat;background-position: left top;background-size: 25px 25px;padding-left: 30px;margin-bottom: 20px;}
ul.list_all_comment li > div{display: block;width: 100%;}
ul.list_all_comment li > div p.name_cmt{display: block;width: 100%;font-weight: bold;margin-bottom: 5px;}
ul.list_all_comment li > div p.name_cmt span{display: inline-block;margin-left: 10px;background-color: #eebc49;font-size: 10px;height: 18px;line-height: 18px;font-weight: normal;text-transform: uppercase;color: #000000;padding: 0 5px;}
ul.list_all_comment li > div p.content_cmt{display: block;width: 100%;margin-bottom: 5px;}
ul.list_all_comment li > div span.add_cmt{display: inline-block;cursor: pointer;color: #4a90e2;font-size: 12px;}
ul.list_all_comment li ul{display: block;width: 100%;background-color: #f1f1f1;border: 1px solid #e7e7e7;padding: 15px 10px;position: relative;margin-top: 20px;}
ul.list_all_comment li ul:after,ul.list_all_comment li ul:before{content: "";position: absolute;bottom: 100%;border-style: solid;border-color: transparent;left: 0;}
ul.list_all_comment li ul:after{border-bottom-color: #f1f1f1;border-width: 11px;margin-left: 12px;}
ul.list_all_comment li ul:before{border-bottom-color: #e7e7e7;border-width: 12px;margin-left: 11px;}
/*------------------------------Bình Luận---------------------------------*/


.img_no_cmt{display: block;width: 100%;padding: 0 30px;}
.img_no_cmt .arrow_cmt{width: 30%;float: left;}
.img_no_cmt .sticker_cmt{width: 70%;float: left;text-align: center;padding: 20px 0;}
.img_no_cmt .sticker_cmt p{margin-top: 20px;margin-bottom: 0;}


.loading {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.7);
    z-index: 1;
}

.loading > div {
    width: 60px;
    height: 60px;
    position: absolute;
    left: calc(50% - 30px);
    top: calc(50% - 60px);
}


.loading > div > div {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #1d98d4;
    top: 10px;
    left: 10px;
    transform-origin: 20px 20px;
    border-radius: 8px;
    animation: spin-a 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}

.loading > div > .c2 {
    top: 10px;
    left: auto;
    right: 10px;
    transform-origin: -4px 20px;
    animation: spin-b 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}
.loading > div > .c3 {
    top: auto;
    left: auto;
    right: 10px;
    bottom: 10px;
    transform-origin: -4px -4px;
    animation: spin-c 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}
.loading > div > .c4 {
    top: auto;
    bottom: 10px;
    transform-origin: 20px -4px;
    animation: spin-d 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}

@keyframes spin-a {
    0%   { transform: rotate(90deg); }
    0%  { transform: rotate(90deg); }
    50%  { transform: rotate(180deg); }
    75%  { transform: rotate(270deg); }
    100% { transform: rotate(360deg); }
}
@keyframes spin-b {
    0%   { transform: rotate(90deg); }
    25%  { transform: rotate(90deg); }
    25%  { transform: rotate(180deg); }
    75%  { transform: rotate(270deg); }
    100% { transform: rotate(360deg); }
}
@keyframes spin-c {
    0%   { transform: rotate(90deg); }
    25%  { transform: rotate(90deg); }
    50%  { transform: rotate(180deg); }
    50%  { transform: rotate(270deg); }
    100% { transform: rotate(360deg); }
}
@keyframes spin-d {
    0%   { transform: rotate(90deg); }
    25%  { transform: rotate(90deg); }
    50%  { transform: rotate(180deg); }
    75%  { transform: rotate(270deg); }
    75% { transform: rotate(360deg); }
    100% { transform: rotate(360deg); }
}


.loading > span {
    width: 300px;
    height: 30px;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    top: 50%;
    margin-top: 5px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    font-family: "sfu_helvetica_regular";
}

.album-project{
	display: block;
	width: 100%;
	max-height: 500px;
	overflow: hidden;
	position: relative;
}
.album-project h3{
	display: block;
	width: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #ff6a00;
	margin-bottom: 20px;
}
.album-project .view-more-ablum{
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,0.8);
	padding: 10px 10px;
	cursor: pointer;
}
.album-project .view-more-ablum span{
	display: inline-block;
	padding: 5px 10px;
	text-transform: uppercase;
	background-color: #ff6a00;
	color: #ffffff;
}