/* HOTLINE */
.phonering-alo-phone {position:fixed;visibility:hidden;background-color:transparent;width:200px;height:200px;
cursor:pointer;z-index:200000!important;right:150px;bottom:-50px;left:-50px;display:block;
-webkit-backface-visibility:hidden;
-webkit-transform:translateZ(0);
transition:visibility .5s;
}
.phonering-alo-phone.phonering-alo-show {visibility:visible}
.phonering-alo-phone.phonering-alo-static {opacity:.6}
.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {opacity:1}
.phonering-alo-ph-circle {width:160px;height:160px;top:20px;left:20px;position:absolute;
background-color:transparent;border-radius:100%;border:2px solid rgba(30,30,30,0.4);
opacity:.1;
-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
transition:all .5s;
-webkit-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
-webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
-webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
border-color:#00aff2;
opacity:.5
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
border-color:#272d6b;
opacity:.5
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
border-color:#00aff2;
opacity:.5
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
border-color:#ccc;
opacity:.5
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
border-color:#75eb50;
opacity:.5
}
.phonering-alo-ph-circle-fill {width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:#000;
border-radius:100%;border:2px solid transparent;
-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
transition:all .5s;
-webkit-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
-webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
opacity:0!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
background-color:rgba(39,45,107,0.5);
opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
background-color:rgba(39,45,107,0.5);
opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
background-color:rgba(0,175,242,0.5);
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
background-color:rgba(204,204,204,0.5);
opacity:.75!important
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
background-color:rgba(117,235,80,0.5);
opacity:.75!important
}
.phonering-alo-ph-img-circle {
width:60px;
height:60px;
top:70px;
left:70px;
position:absolute;
background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
border-radius:100%;
border:2px solid transparent;
-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
-webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
background-color:#00aff2;
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
background-color:#272d6b;
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
background-color:#00aff2;
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
background-color:#ccc;
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
background-color:#75eb50
}
@-webkit-keyframes phonering-alo-circle-anim {
0% {
-webkit-transform:rotate(0) scale(.5) skew(1deg);
-webkit-opacity:.1
}
30% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
-webkit-opacity:.5
}
100% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
-webkit-opacity:.1
}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
opacity:.2
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
opacity:.2
}
100% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
opacity:.2
}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
0% {
-webkit-transform:rotate(0) scale(1) skew(1deg)
}
10% {
-webkit-transform:rotate(-25deg) scale(1) skew(1deg)
}
20% {
-webkit-transform:rotate(25deg) scale(1) skew(1deg)
}
30% {
-webkit-transform:rotate(-25deg) scale(1) skew(1deg)
}
40% {
-webkit-transform:rotate(25deg) scale(1) skew(1deg)
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg)
}
100% {
-webkit-transform:rotate(0) scale(1) skew(1deg)
}
}
@-webkit-keyframes phonering-alo-circle-anim {
0% {
-webkit-transform:rotate(0) scale(.5) skew(1deg);
transform:rotate(0) scale(.5) skew(1deg);
opacity:.1
}
30% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
transform:rotate(0) scale(.7) skew(1deg);
opacity:.5
}
100% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg);
opacity:.1
}
}
@keyframes phonering-alo-circle-anim {
0% {
-webkit-transform:rotate(0) scale(.5) skew(1deg);
transform:rotate(0) scale(.5) skew(1deg);
opacity:.1
}
30% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
transform:rotate(0) scale(.7) skew(1deg);
opacity:.5
}
100% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg);
opacity:.1
}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
transform:rotate(0) scale(.7) skew(1deg);
opacity:.2
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg);
opacity:.2
}
100% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
transform:rotate(0) scale(.7) skew(1deg);
opacity:.2
}
}
@keyframes phonering-alo-circle-fill-anim {
0% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
transform:rotate(0) scale(.7) skew(1deg);
opacity:.2
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg);
opacity:.2
}
100% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
transform:rotate(0) scale(.7) skew(1deg);
opacity:.2
}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
0% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg)
}
10% {
-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
transform:rotate(-25deg) scale(1) skew(1deg)
}
20% {
-webkit-transform:rotate(25deg) scale(1) skew(1deg);
transform:rotate(25deg) scale(1) skew(1deg)
}
30% {
-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
transform:rotate(-25deg) scale(1) skew(1deg)
}
40% {
-webkit-transform:rotate(25deg) scale(1) skew(1deg);
transform:rotate(25deg) scale(1) skew(1deg)
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg)
}
100% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg)
}
}
@keyframes phonering-alo-circle-img-anim {
0% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg)
}
10% {
-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
transform:rotate(-25deg) scale(1) skew(1deg)
}
20% {
-webkit-transform:rotate(25deg) scale(1) skew(1deg);
transform:rotate(25deg) scale(1) skew(1deg)
}
30% {
-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
transform:rotate(-25deg) scale(1) skew(1deg)
}
40% {
-webkit-transform:rotate(25deg) scale(1) skew(1deg);
transform:rotate(25deg) scale(1) skew(1deg)
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg)
}
100% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg)
}
}







.sort- {display:none;}
.spec-title-sort{
    background: #ffeff0;
    border: 1px solid #ffddde;
}
.product_images #elevatezoom_big{    position: relative !important;}
.name-catalogue h1 {
    font-family: UTM-Gods-WordR;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    color: #c10911;
    border-bottom: 2px solid;
    padding-bottom: 5px;    float: left;
}
.page-header h1{
    font-family: UTM-Gods-WordR;

    font-size: 22px;
    color: #c10911;
    margin: 0;
    padding-bottom: 5px;   
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    float: left;
    position: absolute;
    top: 30%;
    left: 32%;
    display: none;
}
.con-w3l .pro-1:hover .btn-danger{display:block;}
.item_content .img-full__none{
    padding: 10px 0;
}
.sort_by{
    padding: 14px 0;
}
.sort_by label {    font-size: 15px;    color: #464646;    font-family: Arial;    font-weight: normal;    display: inline-block;    vertical-align: middle;	width:38%;	float:left;    padding: 7px 0;}
.sort_by .form-control{width:60%;    height: 35px;}
.list {padding: 15px 0 20px 0;    /*border-bottom: 1px solid #cccccc;*/}
.mid-1{    text-align: center;}
.women h6 {float:left;}
.women h6 a{    font-size: 15px;    line-height: 19px;    height: 41px;    overflow: hidden;    float: left;}
.box2 img{
    width: auto;
}
.bx-wrapper{display:none;}
#product_description{padding-top:0px;}
.other-prd{padding-top:50px}

























body{
	margin:0;
	padding:0;
    background:url(../images/bg_body.png) #F5F5F5;
	font-family: 'Roboto', sans-serif;
}

ul li, li {
    list-style: none;
}
img {
    width: 100%;
}
a:hover {
    text-decoration: none;
}
.header{
    background: #fff;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 8px;
}
.page-header, .page-header h3 {
	margin:0;
}
.page-header {
    border-bottom: 1px solid #c10911;    margin-bottom: 10px;
}

.dropdown-menu{
    width: 750px;
}
.header-menu .navbar .navbar-collapse .dropdown .dropdown-menu  .multi-column-dropdown li a {
    font-family: avo;
}
.multi-column-dropdown li a i {
    margin-right: 7px;
}
.navbar-default .navbar-brand {
    color: #fff;
}
.nav-header {
	height: 54px;
    background: #c10911;
    border-bottom: 2px solid #ffffff;
    border-top: 4px solid #1f1f1f;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #FFEB3B;    
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #FFEB3B;
   
}
#hamburger
{
	box-sizing: border-box;
	display: block;
	width: 45px;
	height: 40px;
	position: absolute;
	top: 0;
	
	left: 5px;
	z-index: 4;
}
#hamburger:before,
#hamburger:after,
#hamburger span
{
	background: #fff;
	content: '';
	display: block;
	width: 30px;
	height: 5px;
	position: absolute;
	left: 8px;
}
#hamburger:before
{
	top: 10px;
}
#hamburger span
{
	top: 20px;
}
#hamburger:after
{
	top: 30px;
}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span
{
	-webkit-transition: none 0.5s ease 0.5s;
	transition: none 0.5s ease 0.5s;

	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after
{
	top: 20px;	
}
html.mm-opening #hamburger span
{
	left: -50px;
	opacity: 0;
}
html.mm-opening #hamburger:before
{
	transform: rotate( 45deg );
}
html.mm-opening #hamburger:after
{
	transform: rotate( -45deg );
}
.mm-listview > li > a{color:#fff !important}
#hamburger{display:none}





.fix {
  left: 0;
  max-width: 100%;
  overflow: visible;
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0px 1px 6px;
}
.navbar-default {
	background:none;
	border:none;
	margin: 0;
    padding: 0;
}
.navbar-brand {
    font-size: 17px;
	}
.navbar-nav {
    font-size: 17px;
    margin: 6px 0 0 -35px;
}
.top-bar {
    background: #f2218c;
    height: 35px;
}
.ul-topmenu li {
    padding: .5rem;
    float: left;
}
.ul-topmenu li {
    display: inline-block;
    list-style: none;
    position: relative;
    font-size: 1.2rem;
}
.ul-topmenu li:first-child {    
    font-size: 15px;
}
ul.ul-topmenu li {
    padding-left: 35px;
}
.contact-info a:before, .phone-icon a:before, .ul-topmenu li a.support-icon:before, .hi-icon a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/icon-top.png);
    background-repeat: no-repeat;
}
.contact-info a:before {
    height: 22px;
    width: 28px;
    margin-right: 20px;
    position: absolute;
    left: 0px;
}
.hi-icon a:before {
    height: 28px;
    width: 28px;
    margin-right: 20px;
    position: absolute;
    left: 0px;
	background-position: -44px 0px;
}
.contact-info a, .hi-icon a, {
    display: block;
    color: #fff;
    padding: 2.5px 0 .75rem 3.5rem;
    position: relative;
	font-size:14px;
}
.contact-info {
    margin-left: 30px;
    padding-top: 7px !important;
}
.hi-icon a, .contact-info a {
	color: #fff;    
    font-weight: bold;
    font-style: italic;
    font-family: utm-aptima;
}
.hotLine {
    position: relative;
    float: right;
    margin-top: 15px;
    margin-right: 17px;
    padding-left: 40px;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: 1px;
    color: #0098da;
}
.hotLine .fa {
    position: absolute;
    left: 0;
    top:5px;
    font-size: 45px;
    color: #0098da;
    transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
}
.linkOver {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.hotLine b {
    color: #0098da;
	float: right;
}
.hotLine span {
    font-size: 13px;
    color: #262626;
    cursor: default;
    float: right;
    margin-top: 7px;
}
.hotLine:hover b {
    color: #f2218c;
}
.hotLine:hover .fa {
    color: #f2218c;
    animation: lax 0.3s infinit !importante;
    -moz-animation: lax 0.3s infinite !important;
    -webkit-animation: lax 0.3s infinite !important;
}
.fa-volume-control-phone:before {
    content: "\f2a0";
}
.search {
    float: right;
    margin: 11px 0 0;
    font-family: avo;
    font-style: italic;
}
.mg-page-title {
    padding-top: 18px;
    text-align: center;
    position: relative;
    background: #1f1f1f;
	
}
.mg-page-title h1 {
    font-family: serif;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 12px;
    margin-top: 0;
    font-size: 35px;
}
.box-promotion {
	float:right;
}
.icon-box img {
	height:40px;
	width:40px;	
}
.box-slide-news .container, .main-relax .container, .main-area .container{
    background: rgba(255, 255, 255, 0.5);
    padding: 25px 15px 5px 15px;
}
.title-relax{
    margin: 0 15px;
    text-align: center;
    position: relative;
    background: #c10911;
}
.title-relax h2 {
        margin: 0;
    color: #fff;
    margin-bottom: 15px;
    position: relative;
    font-family: utm aptima;
    padding: 10px 0;
}
.info-page{
    margin: 0 15px;
    font-family: utm aptima;
    font-size: 19px;
    font-style: italic;
    text-align: justify;
}


/*====================================CUON TIN TUC ----------------*/
.box-slide-news .list-news{
    height: 375px;
}
.box-slide-news .list-news .parner{
    height: 330px;
}
.list-news-item {
    height: 45px;
    background: #c10911;
    text-align: center;
    padding-top: 10px;
}
.title-news{
    color: #fff;
    font-size: 17px;
    font-family: UTM-Gods-WordR;
}

.parner{
    /* height: 365px; */
   
    overflow: hidden;
}
.parner-item {
    position: relative;
    display: block;
    padding: 10px 10px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    float: left;
    width: 100%;
}


.parner-media-left img{
    width: 70px;
    height: 55px;
}
.parner-media-body{
    position: relative;
    font-size: 15px;
    font-family: sans-serif;
    color: #555;
}
.parner-media-middle {
    vertical-align: middle;
}
.parner-media-left, .parner-media-right, .parner-media-body {
    display: table-cell;

}
.parner-media-left, .parner-media>.pull-left {
    padding-right: 10px;
}
* { margin:0; padding:0; }




#newsticker-demo { 
width:310px; 
background:#EAF4F5; 
padding:5px 5px 0; 
font-family:Verdana,Arial,Sans-Serif;
font-size:12px;
margin:20px auto;
}

#newsticker-demo a { text-decoration:none; }
#newsticker-demo img { border: 2px solid #FFFFFF; }

#newsticker-demo .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding:5px;
}

.newsticker-jcarousellite { width:300px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { float:left; width:110px; }
.newsticker-jcarousellite .info { float:right; width:190px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }

.clear { clear: both; }













/*====================================CUON TIN TUC ----------------*/
/*.dich vu uy tin */
.promotion{
    padding: 20px 0;
}
#ap-promotion .box-apreassurances {
    width: 100%;
	background: #fff;
}
.box-apreassurances .reassurances-left {
    position: relative;
    padding: 15px 5px;
    text-align: center;
}
.box-apreassurances .icon-box {
    float: left;
    margin-right: 5px;
}
.box-apreassurances .description {
    vertical-align: top;
    text-align: left;
}
.box-apreassurances .description h4 {
    color: #828282;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    margin:0 0 4px 0;
}
.box-apreassurances .description p {
    font-size: 13px;
    color: #828282;
	margin:0;
}
/*end dich vu uy tin */

/*  --qua tang 24h- */
.offer-banner-section{
    padding: 25px 0 10px 0;
    background: pink;
}
.offer-banner-section .row {
    margin-right: -15px;
    margin-left: -15px;
}
.offer-banner-section .col-lg-4{
	list-style: none;
}

.banner-item24h{position:relative}
.banner-item24h:after{content:"";position:absolute;display:block;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.3);-webkit-transition:all ease .25s;transition:all ease .25s;-webkit-transform:scale(0, 0);-ms-transform:scale(0, 0);transform:scale(0, 0);visibility:hidden}
.banner-item24h:before{content:"";display:block;position:absolute;top:10px;bottom:10px;left:10px;right:10px;border:1px solid #fff;z-index:2;-webkit-transition:all ease .25s;transition:all ease .25s;-webkit-transform:scale(0, 0);-ms-transform:scale(0, 0);transform:scale(0, 0);visibility:hidden}
.banner-item24h:hover:after{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1);visibility:visible}
.banner-item24h:hover:before{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1);visibility:visible}
.banner-item24h .banner-text{position:absolute;top:50%;text-align:center;width:100%;margin-top:-15px;z-index:2;opacity:0;-webkit-transition:opacity ease .25s;transition:opacity ease .25s}
.banner-item24h .banner-text span{font-family:"UTM-Silk-Script";font-size:55px;color:#fff;display:block}
.banner-item24h .banner-text .df{font-family:"UTM-Silk-Script";font-size:50px;font-weight:300;line-height:24px}
.banner-item24h:hover .banner-text{opacity:1}
.col-lg-4 a img {
    max-width: 100%;
}
.img_full {
    margin-bottom: 15px;
}
/* End --qua tang 24h- */

/* -style colum left- */
.col-right    {
	 padding: 0 !important;
}

.main-area .container{
    padding: 20px 15px;    margin-top: 15px;
}
.index aside {
    padding-left: 0;
}
.product_list h5 a .fa {
    padding-right: 10px;
}
.block {
    margin-bottom: 20px;
    background: #fff;
	width: 100%;
}
.block > div:first-child {
    background: #f2218c;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border: rgba(0,128,0,0) thin solid;
    position: relative;
}
.block > div:first-child > h5 {
	margin: 1px 0;
    padding: 8px 17px 9px;
    border-top: #fff thin dashed;
    border-bottom: #fff thin dashed;
    font-family: UTM-Alexander;
    font-size: 17px;
}
.block .block-title a {
    text-decoration: none!important;
    color: #fff;
    line-height: 30px;
}
.block-content {
    padding: 10px 0;
}
.block-content > li {

    padding-right: 10px;
    position: relative;
}
.block-content li a {
    padding: 5px 0;
}
.block-content > li a {
    color: #000;
    margin-left: 17px;
    display: block;
}

.product_list .fa-caret-right {
    color: #ccc;
    position: absolute;
    top: 8px;
}
li.level0 > a > span {
    position: relative;
    display: block;
    padding: 0 10px 0 15px;
    font-size: 15px;
    color: #3a3a3a;
}
.online_support h5, .best_product h5 {
    line-height: 30px;
}
.item-sp {
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
	padding: 10px;
}
.image-sp {
    width: 30%;
    float: left;
    overflow: hidden;    border-radius: 50%;
    box-shadow: 0px 1px 5px;
}
.image-sp img {
    width: 100%;
}
.info-sp {
    width: 65%;
    float: right;
}
.info-sp .name-sp {
	font-weight: bold;
    padding-bottom: 0px;
}
.info-sp .phone-sp {
    color: red;
	font-weight: bold;
    font-size: 25px;
}
.item-sp .mail-sp {
    
    font-size: 14px;

    margin-top: 10px;
    float: left;

}
.best_product .block-content .item {
    margin: 15px;
    overflow: hidden;
}
.best_product .block-content .item > .item_pd {
    margin-left: 0px!important;
    margin-right: 0px!important;
}
.best_product .block-content .item .item-img {
    border: rgba(185,173,173,0.42) thin solid;
    padding: 0;
}
.best_product .block-content .item .item-img img {
    width: 100%;
}
.best_product .block-content .item .item-info {
    overflow: hidden;
    color: rgba(0,0,0,0.62);
    padding: 5px 10px;
}
.item-name {
    color: #959595;
}
.cl_price {
    color: #dc3333;
}
.blog-navigator, .hot_sale_navigator {
    position: absolute;
    top: 5px;
    right: 15px;
}
.blog-navigator .btn, .hot_sale_navigator .btn {
    background: transparent;
    border: none;
    padding: 5px 3px;
    font-weight: 600;
    color: #ccc!important;
    font-size: 20px;
}
/* -End style colum left- */

/* - style colum right- */

.banner-mid .col-lg-4 {
    padding: 0 5px 20px 0;
}
.banner-mid .col-lg-8 {
    padding: 0 0 20px 5px;
}
.spec h3{
    margin-top: 0;
	font-family: UTM-Gods-WordR;
    text-transform: uppercase;
    font-weight: bold;    
    font-size: 20px;
	
	color: #c10911;
}
.other-prd{}

.prd {
    background: #fff;
    padding: 10px 15px 10px;
    margin: 0 15px 20px 15px;
}
.spec {
    border-bottom: 3px solid #c10911;
    margin: 0 0 4px 0px;
}
.spec h2{
    font-family: UTM-Gods-WordR;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 10px;
    font-size: 20px;
    margin: 0;
    position: relative;
    z-index: 1;
    overflow: visible;
}
.spec h2 a{
    color: #c10911;
}
.spec h2:after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    margin-left: 5px;
    top: 0;
    border-left: #c10911 10px solid;
    border-top: transparent 16px solid;
    border-bottom: transparent 16px solid;
    border-right: none;
    z-index: -1;
}
.ser-t {
    text-align: center;
    margin: 0 auto;
    width: 20%;
    position: relative;
}
.ser-t b{
	width: 100%;
    height: 2px;
    display: block;
    background: #0097dc;
    margin-bottom: 3px;
}
.ser-t b.line{
	width: 80%;
	margin:0 auto;
}
.ser-t  span{
	width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: -7px;
    left: 46%;  
}
.ser-t  span i{
	width: 20px;height: 20px;
    display: block;
    border: 2px solid #0097dc;
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(45deg) translate3d(0, 0, 0);
    -o-transform: rotate(45deg) translate3d(0, 0, 0);
    transform: rotate(45deg) translate3d(0, 0, 0);
    margin-left: 0;
	background: #fff
}

.space {
	height:20px;
}
#flexisel-prd .item, #flexisel-prd2 .item, #flexisel-hot-prd .item, #flexisel-new-prd .item{
	border: 1px solid #ffffff;
    margin: 5px;
    box-shadow: 0px 1px 2px 0px;
}
#flexisel-prd .image, #flexisel-prd2 .image, #flexisel-hot-prd .image,#flexisel-new-prd .image {
    position: relative;
    overflow: hidden;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    border: 3px solid #ededed;
	margin:1px 2px 10px 2px;
}
#flexisel-prd, #flexisel-prd2, #flexisel-hot-prd , #flexisel-new-prd, .best_product .nbs-flexisel-nav-right, .best_product .nbs-flexisel-nav-left{
	display:none;
}


#flexisel-prd .item:hover .product-overlay, #flexisel-prd2 .item:hover .product-overlay, #flexisel-new-prd .item:hover .product-overlay, #flexisel-hot-prd .item:hover .product-overlay {
    bottom: 0;
}

#flexisel-prd .item .name, #flexisel-prd2 .item .name, #flexisel-hot-prd .item .name, #flexisel-new-prd .item .name {
    margin: 3px 4px 0px 4px;
    padding: 0;
    font-size: 14px;
    height: 45px;
    background: #c10911;
	text-align: justify;
}
.name a{
	color: #fff;
    padding: 5px 10px;
    float: left;
    line-height: 18px;
    overflow: hidden;
	font-size: 15px;
}
.item p{
	    padding: 0 10px 10px 10px;
    line-height: 20px;
    text-align: justify;
    overflow: hidden;
    font-size: 15px;
    height: 120px;
    margin-bottom: 20px;
    font-family: sans-serif;
}
.price {
    padding: 0 15px 15px;
    display: none;
}
.price span{
	color:red;
}
.product-overlay a {
    display: block;
    float: left;
    width: 50%;
    font-size: 11px;
    color: #fafafa;
    background-color: rgba(45, 13, 14, 0.74);
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.1);
}
.product-overlay span{
    color: #fff !important;
    text-align: center;
    margin: 0;
    width: 100%;
    font-size: 15px !important;
    font-family: "utm aptima", sans-serif;
}

.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
	padding: 0px 0 20px 0;;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	width:100%;
	margin: 0 auto;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
}
/*---- Navigation ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width:20px;
	height:20px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
	left: auto;
    top: -30px !important;
}

.nbs-flexisel-nav-left {
	right: 60px;
	background: url(../images/img-sprite-qt-21.png) no-repeat 0px 0px;
}
.nbs-flexisel-nav-right {
	right: 30px;
	background: url(../images/img-sprite-qt-21.png) no-repeat -20px 0px;
}
.product-overlay {
    -webkit-transition: bottom .3s ease-in-out;
    -o-transition: bottom .3s ease-in-out;
    transition: bottom .3s ease-in-out;
}
.product-overlay {
    position: absolute;
    width: 100%;
    height: 35px;
    line-height: 35px;
    top: auto;
    bottom: -35px;
    left: 0;
    z-index: 6;
}
/* -End style colum right- */









































/*-- //footer-top --*/
.footer-bottom {
    text-align: center;
    margin: 0em 0 0;
}
.footer-bottom h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 3.5em;
    display: inline-block;
	position:relative;
}
.footer-bottom h2 a {
    text-decoration: none;
    color: #fff;
}
.footer-bottom h2 span {
    font-size: 12px;
    display: block;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-family: 'Noto Sans', sans-serif;
    padding-top: 6px;
}
.footer-bottom h2 b {
    font-size: 10px;
    background: #CC2127;
    font-weight: normal;
    padding: 3px;
    display: inline-block;
    line-height: 10px;
    position: absolute;
    top: 9px;
    left: -7px;
}
 p.fo-para {
    font-size: 1em;
    line-height: 2em;
    color: #fff;
    padding: 1em 0 3em;
    width: 70%;
    margin: 0 auto;
}
.fo-grid1 p{
	 font-size:1em;
	line-height:2em;
	color:#fff;
}
.fo-grid1 p a{
	text-decoration:none;
	color:#fff;
}
.fo-grid1 p a:hover {
    color: #FAB005;
}
.fo-grid1 p  i{
	margin-right:7px;
}
.social-fo  li{
	list-style-type:none;
	display:inline-block;
	margin:0 5px;
}
.social-fo li a {
width: 35px;
    height: 35px;
    display: block;
    background: #3B5998;
    border-radius: 100px;
    color: #fff !important;
    line-height: 2.5em;
    padding: 10px 0 0 14px;
    font-size: 16px;
}
.social-fo li a.twi {
    background: #4099FF;
    padding: 10px 0 0 10px;
}
.social-fo li a.youtobe {
	background: #CD2830;
    padding: 9px 0 0 9px;
    font-size: 18px;
}
.social-fo li a.g-plus {
    background: #E35E90;
    padding: 10px 0 0 10px;
}
.address {
    margin-top: 2em;
}
/*-- //footer-top --*/
.footer {
	background: #1f1f1f;
    border-top: 4px solid #c10911;
}
.footer .comtainer{
	pađing:none;
}
.footer-grid span {
    color: #fff;
    font-size: 1.7em;
    margin-bottom: 20px;
    border-bottom: 1px dotted #ccc;
}
.footer-grid p {
     color: #ccc;
    line-height: 35px;
    font-size: 15px;
    text-align: justify;
    font-weight: 100;
}
.bg_menu ul, .footer-grid ul.add, .social ul  {
	padding:0;
}
.footer-grid ul li{
	list-style-type:none;
	font-size:14px;
	line-height:2.2em;
    color: #ABABAB;

}
.footer-grid ul li a{
	font-weight: 100;
    color: #ccc;		
}
.footer-grid ul li a:hover{
    color:#FAB005;		
}
.social{
    border-top: 1px dotted #ccc;
    padding-top: 10px;
}



.copy-right{
    padding-bottom: 5px;
}

.copy-right p {
    color: #848383;
    font-size: 14px;
    text-align: center;
    margin-top: 1em;
}
.copy-right p a {
    color: #3B5998;	
}
.copy-right p a:hover {
    color: #FAB005;	
}


/*-- //footer --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 24px;
	right: 1%;
	overflow: hidden;
	z-index: 999; 
	width: 35px;
	height: 35px;
	border: none;
	text-indent: 100%;
	background: url(../images/arr.png) no-repeat 0px 0px;
}
.page-childrent .div_content {
    padding: 0 15px 0 0;
}
.page-childrent .text-content {
    padding: 15px;
    font-family: utm-aptima;
    font-style: italic;
}
.page-childrent .introduce .text-content {
    font-family: utm-aptima;
    font-style: italic;
}
.article_header {
    padding:20px 0 10px;
}
.blog-article .col-lg-8 p {
    text-align: justify;
}
.blog-article .product_name {
	font-size: 17px;
    border-bottom: 1px solid #ddd;
    padding-left: 15px;
}
.page-childrent .spec {
    margin-bottom: 25px;
}
.wow {
    margin-bottom: 25px;
    
    padding-bottom: 10px;
	float:left;
}
.page-header h3 span {
    color: #c10911;
    text-transform: uppercase;
}
.article_header .product_name a{
   color: #333;
}


@keyframes pulse {
  50% {
    background: #5b5b5b; } }
@-webkit-keyframes pulse {
  50% {
    background: #5b5b5b; } }
@-moz-keyframes pulse {
  50% {
    background: #5b5b5b; } }
@keyframes pulserevert {
  50% {
    background: #fff; } }
@-webkit-keyframes pulserevert {
  50% {
    background: #fff; } }
@-moz-keyframes pulserevert {
  50% {
    background: #fff; } }
@keyframes lax {
  0% {
    transform: rotate(-25deg) scale(1, 1); }
  50% {
    transform: rotate(-50deg) scale(1.15, 1.15); }
  100% {
    transform: rotate(-25deg) scale(1, 1); } }
@-moz-keyframes lax {
  0% {
    -moz-transform: rotate(-25deg) scale(1, 1); }
  50% {
    -moz-transform: rotate(-50deg) scale(1.15, 1.15); }
  100% {
    -moz-transform: rotate(-25deg) scale(1, 1); } }
@-webkit-keyframes lax {
  0% {
    -webkit-transform: rotate(-25deg) scale(1, 1); }
  50% {
    -webkit-transform: rotate(-50deg) scale(1.15, 1.15); }
  100% {
    -webkit-transform: rotate(-25deg) scale(1, 1); } }
@keyframes fadeDown {
  0% {
    top: -100%; }
  100% {
    top: 0; } }
@-moz-keyframes fadeDown {
  0% {
    top: -100%; }
  100% {
    top: 0; } }
@-webkit-keyframes fadeDown {
  0% {
    top: -20px; }
  100% {
    top: 0; } }
@keyframes vibe {
  0% {
    transform: rotate(0deg); }
  20% {
    transform: rotate(12.5deg); }
  40% {
    transform: rotate(0deg); }
  60% {
    transform: rotate(-12.5deg); }
  80% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(12.5deg); } }
@-moz-keyframes vibe {
  0% {
    transform: rotate(0deg); }
  20% {
    transform: rotate(12.5deg); }
  40% {
    transform: rotate(0deg); }
  60% {
    transform: rotate(-12.5deg); }
  80% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(12.5deg); } }
@-webkit-keyframes vibe {
  0% {
    transform: rotate(0deg); }
  20% {
    transform: rotate(12.5deg); }
  40% {
    transform: rotate(0deg); }
  60% {
    transform: rotate(-12.5deg); }
  80% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(12.5deg); } }