/*Font*/
@font-face{
	font-family: "helcan";
	src:url('../fonts/helveticaneue.ttf');
}
@font-face{
	font-family: "helcan";
	src:url('../fonts/helveticaneue.eot');
}


@font-face{
	font-family: "helcanm";
	src:url('../fonts/helveticaneuemedium.ttf');
}
@font-face{
	font-family: "helcanm";
	src:url('../fonts/helveticaneuemedium.eot');
}
@font-face{
	font-family: "helcanm";
	src:url('../fonts/helveticaneuemedium.oft');
}

@font-face{
	font-family: "helcanb";
	src:url('../fonts/helveticaneuebold.ttf');
}
@font-face{
	font-family: "helcanb";
	src:url('../fonts/helveticaneuebold.eot');
}
@font-face{
	font-family: "helcanb";
	src:url('../fonts/helveticaneuebold.oft');
}



@font-face{
	font-family: "Roboto-Bold";
	src:url('../fonts/Roboto-Bold.ttf');
}
@font-face{
	font-family: "Roboto-Bold";
	src:url('../fonts/Roboto-Bold.eot');
}



@font-face{
	font-family: "Roboto-Italic";
	src:url('../fonts/Roboto-Italic.ttf');
}
@font-face{
	font-family: "Roboto-Italic";
	src:url('../fonts/Roboto-Italic.eot');
}


@font-face{
	font-family: "Roboto-Light";
	src:url('../fonts/Roboto-Light.ttf');
}
@font-face{
	font-family: "Roboto-Light";
	src:url('../fonts/Roboto-Light.eot');
}



@font-face{
	font-family: "Roboto-Medium";
	src:url('../fonts/Roboto-Medium.ttf');
}
@font-face{
	font-family: "Roboto-Medium";
	src:url('../fonts/Roboto-Medium.eot');
}



@font-face{
	font-family: "UTMAurora";
	src:url('../fonts/UTMAurora.ttf');
}
@font-face{
	font-family: "UTMAurora";
	src:url('../fonts/UTMAurora.eot');
}



@font-face{
	font-family: "UTMAvo";
	src:url('../fonts/UTMAvo.ttf');
}
@font-face{
	font-family: "UTMAvo";
	src:url('../fonts/UTMAvo.eot');
}


@font-face{
	font-family: "UTMAvoBold";
	src:url('../fonts/UTMAvoBold.ttf');
}
@font-face{
	font-family: "UTMAvoBold";
	src:url('../fonts/UTMAvoBold.eot');
}




@font-face{
	font-family: "UTMAurora";
	src:url('../fonts/UTMAurora.ttf');
}
@font-face{
	font-family: "UTMAurora";
	src:url('../fonts/UTMAurora.eot');
}



@font-face{
	font-family: "UTMAvoBold_Italic";
	src:url('../fonts/UTMAvoBold_Italic.ttf');
}
@font-face{
	font-family: "UTMAvoBold_Italic";
	src:url('../fonts/UTMAvoBold_Italic.eot');
}



@font-face{
	font-family: "UTMCafeta";
	src:url('../fonts/UTMCafeta.ttf');
}
@font-face{
	font-family: "UTMCafeta";
	src:url('../fonts/UTMCafeta.eot');
}



@font-face{
	font-family: "UTMAvoItalic";
	src:url('../fonts/UTMAvoItalic.ttf');
}
@font-face{
	font-family: "UTMAvoItalic";
	src:url('../fonts/UTMAvoItalic.eot');
}



@font-face{
	font-family: "UTMCafeta";
	src:url('../fonts/UTMCafeta.ttf');
}
@font-face{
	font-family: "UTMCafeta";
	src:url('../fonts/UTMCafeta.eot');
}


/************UTMAvo**************/

@font-face{
	font-family: "ua";
	src:url('../fonts/UTMAvo.ttf');
}
@font-face{
	font-family: "ua";
	src:url('../fonts/UTMAvo.eot');
}

@font-face{
	font-family: "uab";
	src:url('../fonts/UTMAvoBold.ttf');
}
@font-face{
	font-family: "uab";
	src:url('../fonts/UTMAvoBold.eot');
}

@font-face{
	font-family: "uabi";
	src:url('../fonts/UTMAvoBold_Italic.ttf');
}
@font-face{
	font-family: "uabi";
	src:url('../fonts/UTMAvoBold_Italic.eot');
}

@font-face{
	font-family: "uai";
	src:url('../fonts/UTMAvoItalic.ttf');
}
@font-face{
	font-family: "uai";
	src:url('../fonts/UTMAvoItalic.eot');
}

/************roboto**************/
@font-face{
	font-family: "roboto_l";
	src:url('../fonts/Roboto-Light.ttf');
}
@font-face{
	font-family: "roboto_l";
	src:url('../fonts/Roboto-Light.eot');
}

@font-face{
	font-family: "roboto_md";
	src:url('../fonts/Roboto-Medium.ttf');
}
@font-face{
	font-family: "roboto_md";
	src:url('../fonts/Roboto-Medium.eot');
}

@font-face{
	font-family: "roboto_i";
	src:url('../fonts/Roboto-Italic.ttf');
}
@font-face{
	font-family: "roboto_i";
	src:url('../fonts/Roboto-Italic.eot');
}

@font-face{
	font-family: "roboto_b";
	src:url('../fonts/Roboto-Bold.ttf');
}
@font-face{
	font-family: "roboto_b";
	src:url('../fonts/Roboto-Bold.eot');
}
.blog-body a.blog-title {
	display:block;
	min-height:60px;
}

/*****  FONT  ******
**********************/
/* vietnamese */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url('../fonts/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/*****  GLOBAL  ******
**********************/

body {
    font-family: roboto, "helcan";
    font-size: 13px;
    color: #333;
    background-color: #fff;
}

a,
a:hover,
a:focus {
    text-decoration: none;	
}
a:hover,
a:focus {
    color: #ff4747;	
}
img {
	max-width: 100%;	
}
.clearb {
    clear: both;
}

.pr {
    position: relative;
}

.p20 {
    padding-top: 10px;
    padding-bottom: 20px;
	padding-left:0;
}
.p40 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.form-control {
    border-radius: 0px;
}
.btn {
    border-radius: 0px; 
}
.btn.focus, .btn:focus {
    color: #fff;    
}
/*****  TOPBAR  ******
**********************/
.top-bar {
    position: relative;
    width: 100%;

    font-size: 13px;
    color: #aaaaaa;
    background: #2a2a2a;
    min-height: 0;
}

.top-bar .tb-left {
line-height: 40px;
    font-size: 14px;
    text-transform: uppercase;
    color: #FFCB10;
}
.top-bar .tb-left  p {
    margin: 0px;    
}

.top-bar .tb-left span {
    margin-right: 4px;
}

.top-bar .tb-left span > a {
    color: #FFCB10;
}

.top-bar .tb-left span > i {
    margin-right: 6px;
}

.top-bar .tb-right ul {
    margin: 0px;
    padding: 0px;
    float: right;
}

.top-bar .tb-right ul li {
    float: left;
    line-height: 40px;
    margin-right: 3px;
}

.top-bar .tb-right ul li a {
    font-family: arial;
    font-size: 13px;
    color: #fff;
}
.top-bar .tb-right ul li.tb-cart {
    width: auto
    display: inline-block;
    margin-left: 5px;
    margin-right: 0px;
}

.tb-right .tb-cart i {
    font-size: 20px;
    margin-right: 10px;
}

.tb-right .tb-cart span.cart-count{
    position: relative;
    text-align: center;
    width: 27px;
    height: 27px;
    line-height: 27px;   
    display: inline-block;
    color: #fff;
    background: #FFCB10;
    border-radius: 5px;
    vertical-align: middle;
}
.tb-right .tb-cart span.cart-count:before {
    content: "\f0d9";
    font-family: "FontAwesome";
    color: #FFCB10;
    position: absolute;
    top: 0%;
    left: -6px;
    font-size: 20px;
}
.navbar{border-radius:0; border:0px solid; min-height:0;}
.navbar-right .search-form > a {
    width: auto;
    height: 100%;
    color: #333;
    text-align: center;
    padding: 0px;
    margin-top: 0px;
    line-height: 77px;
}

.navbar-right .search-form {
    position: relative;
	height: 100%;
}
.navbar-right .search-form  #hidden-search {
    position: absolute;
    top: 70px;
    right: 0px;
    width: 350px;
}

/*****  HEADER  ******
**********************/

.navbar-brand {
       padding:0;
    line-height: 37px;
    height: auto;
    display: inline-block;
}
/*** Menu ***/
.menu-nav {
    position: absolute;
    top: 100px;
    z-index: 100;
    left: 0px;
    width: 100%;
}
.navbar {
    background:#333;
    margin-bottom: 0px;
}

.site-nav > li.mega-menu {
    position: static;
    padding-bottom: 0px;
}
.site-nav > li:last-child a {
    padding: 0px;
}

.wrapper-container .site-nav li.drop-down:hover.mega-menu > a > .icon-dropdown {
    border-top-color: #fff;
    opacity: 1;
}

.wrapper-container .site-nav li.drop-down.mega-menu > a {
    position: relative;
}

.cbp-spmenu .site-nav {
    display: none;
}

.site-nav {
    text-align: center;
    padding: 0;
    margin: 0;
    position: static;
	width:100%;
	height:100%;
}

.site-nav a {
    display: block;
    padding: 12px;
    text-decoration: none;
}

.site-nav li {
    display: block;
    margin: 0;
}

.site-nav > li {
    display: inline-block;
    list-style: none;
	float:left; width:15%;
	height:100%;
}

.site-nav > li > a {
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    letter-spacing: 0.05em;
    line-height: 1.5em;
    padding-bottom: 0px;
    padding: 30px 0;
    height: 100%;
    display: block;
}

.site-nav > li > a span {
    position: relative;
    font-family: UTMAvo;
    font-size: 14px;
}
.drop-down {
    position: relative;
}
.site-nav > li.drop-down > a span:after {
    position: absolute;
    left: 50%;
    content: "\f0d7";
    bottom: -15px;
    font-family: "FontAwesome";
    font-size: 13px;
    color: #fff;
    line-height: 5px;
}
.site-nav > li.drop-down:hover > a span:after {
    color: #333;
}

.site-nav li:hover > .site-nav-dropdown {
    display: block;
}

.site-nav li.drop-down .icon-dropdown {
    height: 0;
    width: 0;
    border: 4px solid transparent;
    border-top-color: #7a8e95;
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
}

.site-nav-dropdown li:hover > a {
    padding-left: 35px;
    margin-right: -3px;
}

.site-nav-dropdown li:hover > a:before {
    content: "\f0da";
    font-size: 12px;
    font-family: FontAwesome;
    position: absolute;
    color: #666;
    top: 7px;
    left: 20px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.site-nav-dropdown {
    border: 1px solid transparent;
    display: none;
    left: 0;
    position: absolute;
    text-align: left;
    top: 80px;
    width: 215px;
    z-index: 5;
    padding: 0;
    margin-bottom: 0;
}

.site-nav-dropdown a {
    color: #333333;
    font-family: Arial;
    font-size: 14px;
    padding: 7px 20px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    display: block;
    position: relative;
}

.site-nav-dropdown ul {
    left: 101%;
    top: -1px;
    display: none;
}

.site-nav li.drop-down .icon-dropdown {
    height: 0;
    width: 0;
    border: 4px solid transparent;
    border-top-color: #7a8e95;
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    cursor: pointer;
}

.site-nav li.drop-down > a > .icon-dropdown {
    border: 0;
    width: 9px;
    height: 6px;
    margin-top: -3px;
}

.site-nav li.drop-down:hover > a > .icon-dropdown .site-nav li.drop-down:hover > a:hover > .icon-dropdown,
.site-nav li.drop-down > a:hover > .icon-dropdown {
    border: 0;
}

.site-nav li.drop-down.mega-menu:hover > a > .icon-dropdown {
    background: url(../icon-menu.png) no-repeat;
}

.site-nav li.drop-down .icon-dropdown {
    border: 0;
    background: url(../icon-menu.png) no-repeat;
    width: 9px;
    height: 6px;
    margin-top: -3px;
}

.site-nav li:hover.mega-menu > .icon-dropdown {
    opacity: 1;
}

.site-nav .site-nav-dropdown li.drop-down .icon-dropdown {
    position: absolute;
    top: 17px;
    right: 30px;
}
/* Mega Menu */

.mega-menu .site-nav-dropdown {
    width: 100%;
    left: 0;
    position: absolute;
    text-align: left;
    top: 80px;
    z-index: 5;
    padding: 30px 0px 10px;
}

.mega-menu .site-nav-dropdown a {
    padding: 2px 20px 20px;
    font-size: 17px;
    
    font-weight: 400;
    text-transform: uppercase;
}

.mega-menu .site-nav-dropdown ul a {
    font-size: 14px;
    font-family: Arial;
    font-weight: normal;
    color: #666666;
    text-transform: lowercase;
    padding-top: 5px;
    padding-bottom: 5px;
}

.mega-menu .site-nav-dropdown .container {
    padding: 0;
    width: 1140px;
}

.cbp-spmenu .site-nav-dropdown li.drop-down > a,
.mega-menu .site-nav-dropdown .col-1 .inner > a {
    padding: 0;
    margin: 0 20px 10px;
    line-height: 1;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.mega-menu .site-nav-dropdown .inner ul.drop-down {
    min-height: 126px;
}

.mega-menu .site-nav-dropdown .inner:nth-child(4) ul.drop-down,
.mega-menu .site-nav-dropdown .inner:nth-child(5) ul.drop-down,
.mega-menu .site-nav-dropdown .inner:nth-child(6) ul.drop-down {
    min-height: 220px;
}

.mega-menu .site-nav-dropdown li:hover > a:before {
    top: 7px;
}

.mega-menu .banner-image a {
    padding: 0;
}

.site-nav li.mega-menu .sub-mega-menu .inner {
    padding-right: 0;
    width: 100%;
}

.site-nav li.mega-menu .sub-mega-menu .inner li {
    float: left;
    width: 25%;
    padding-right: 5%;
}

.site-nav li.mega-menu .site-nav-dropdown .inner p.toogleClick {
    display: none!important;
}

.site-nav li.mega-menu .site-nav-dropdown ul.drop-down {
    display: block;
    position: static;
    padding: 0;
}

.site-nav li.mega-menu .site-nav-dropdown ul.drop-down li:hover {
    background: none;
}

.site-nav li.mega-menu .site-nav-dropdown ul.drop-down li:hover > a:before {
    background: none;
}

.site-nav li.mega-menu > .drop-down:hover > .site-nav-dropdown,
.site-nav li.mega-menu > .drop-down.open > .site-nav-dropdown {
    display: block;
}
/*DropDown*/

.site-nav-dropdown {
    border-style: solid;
    border-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.3);
    background: #ffffff;
}

.nav-search {
    margin-top: -3px;
    line-height: 40px;
}
/*    Slide    */

.carousel-control span {
    position: absolute;
    top: 70%;
}

.carousel-control.right span {
    left: 15%;
}

.carousel-control.left span {
    right: 15%;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.carousel-indicators li {
    height: 5px;
    width: 40px;
    border-radius: 0px;
    border: 0px none;
    background: #fff;
    padding: 0px;
    margin: 0px;
}

.carousel-indicators .active {
    height: 5px;
    width: 40px;
    background: #222;
    padding: 0px;
}
/*** BREADCRUMB ***
*******************/
.breadc {
   background: url('../img/bg-banner.jpg') repeat-x center left;
   min-height: 200px;
   max-height: 200px;
}
.breadpos {
    padding-top: 143px;
}
.breadc ol li a {
    color: #333;
}
.breadc > li:first-child:before {
    content: "\f015";
    font-family: "FontAwesome";
    font-size: 14px;
    color: #aaa;
    padding: 0 5px;
}
.breadc .pull-left span {
     color: #fff;
    font-size: 18px;
    padding: 5px 0;
    text-transform: uppercase;
    padding: 10px; line-height:1.5em;
    background: #333;
	position:relative;
	border-radius:5px  0 0 5px; -moz-border-radius:5px  0 0 5px; -webkit-border-radius:5px  0 0 5px; -o-border-radius:5px  0 0 5px; -ms-border-radius:5px  0 0 5px; 
}

.breadc .pull-left span:before{  padding-right: 9px;  content: "\f111";     font: normal normal normal 14px/1 FontAwesome;}
.breadc .pull-left span:after{    content: "";
    position: absolute;
    top: 0;
    right: -28px;
    width: 0;
    height: 0px;
    border-bottom: 21px solid transparent;
    border-top: 21px solid transparent;
    border-right: 0px solid transparent;
    border-left: 28px solid #333;}
.breadc .pull-left span  h1{margin:0; font-size:22px;}
.breadc .breadcrumb {
    margin-bottom: 0px;
    background: transparent;
    padding: 5px 0px;
}
/*****  BANNER  ******
**********************/

.banner {
    background: url('../img/bg-banner.jpg') repeat-x center left;
    max-height: 510px;
}

.inner-banner {
    padding: 80px 0px;
}

.inner-banner div {
    float: left;
    position: relative;
    padding: 0px;
}

.inner-banner div:first-child > a {
    
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 7px 20px;
    position: absolute;
    left: 6%;
    bottom: 42px;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.4);
}

.inner-banner div > a {
    
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 7px 20px;
    position: absolute;
    left: 20%;
    bottom: 42px;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.4);
}

.inner-banner div > a:hover {
    border: 1px solid #333;
}
/****  Colletion  ****
**********************/

.section-title {
        background: #333;
    padding: 2px 5px;
}

.section-title > h1,
.section-title > h2 {
    
    font-size: 30px;
    text-transform: uppercase;
    color: #2b2b2b;
}
.section-title > p{color:#fff;}
.left-menu .collec a {
      color: #333;
    text-transform: uppercase;
    padding: 5px 17px;
    display:block;
	font-family:roboto_md;
}
.left-menu,.left-menu ul{
margin:0;
	padding:0
}
ul.left-menu-child {
        position: absolute;
    right: -220px;
    border: 1px solid #ddd;
    border-top: 0;
	   border-bottom: 0;
    top: -1px;
    background: #fff;
	 width: 220px;
   
	opacity:0;
	z-index:-1
}
.left-menu .collec:hover .left-menu-child {
    opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; -ms-opacity: 1;
	 z-index: 1;
}
.left-menu li{
list-style:none
}
.left-menu .collec p {
    display: inline-block;
}
.box-left-menu {
    border: 1px solid #ddd;
}
.box-left-menu a:hover{

}

ul.left-menu li.collec:hover a{    color: #fff;
    background: #666;}
ul.left-menu li.collec:hover ul.left-menu-child li a{background:#fff; color:#333;}
ul.left-menu li.collec:hover ul.left-menu-child li:hover a{background:#f1f1f1; color:#333;}

.left-menu .collec {
    border-top: 1px solid #ddd;
	position: relative;
}
.section-title > p {
        color: #fff;
    font-size: 13px;
    font-family: Arial;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 0px;
	font-weight:bold;
	    text-align: center;
}
.left-menu .collec{position:relative;}

ul.left-menu-child .collec ul.left-menu-child{display:none;}
ul.left-menu-child .collec:hover ul.left-menu-child{display:block;}
.sec-content .collec {
    text-align: center;
}

.sec-content .collec > a {
    display: block;
    color: #2b2b2b;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 0px;
}

.sec-content .collec > p {
    font-family: Arial;
    font-size: 14px;
    color: #aaa;
}
/** Product Tabs **/

.product-tabs-title {
    text-align: center;
    width: 100%;
    float: left;
    height: 46px;
    background: url('../img/gray-line.png') repeat-x center center;
    margin-bottom: 25px;
}

.tab-head {
    list-style: none;
    text-align: center;
    padding: 0px;
    display: inline-block;
    background-color: #fff;
    position: relative;
}

.tab-head li {
    position: relative;
    display: inline-block;
    font-size: 14px;
    list-style: outside none none;
    margin: 0 30px;
    text-transform: uppercase;
}

.tab-head:before {
    content: "\f111";
    font-family: "FontAwesome";
    color: #e6e6e6;
    display: block;
    position: absolute;
    top: 18px;
    left: 0px;
    font-size: 8px;
    background: none;
    width: auto;
    height: auto;
}

.tab-head li:first-child:before {
    content: "";
    background: none;
}

.tab-head li:before {
    content: "";
    background: url('../img/cross.png') no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    left: -35px;
    position: absolute;
    text-decoration: inherit;
    top: 11px;
}

.tab-head:after {
    content: "\f111";
    font-family: "FontAwesome";
    color: #e6e6e6;
    display: block;
    position: absolute;
    top: 18px;
    right: 0px;
    font-size: 8px;
}

.tab-head li a {
    font-size: 26px;
    
    text-transform: uppercase;
    color: #888888;
}

.tab-head li.active a {
    font-size: 26px;
    
    text-transform: uppercase;
    color: #666;
}

.tab-head li.active:after {
    content: "\f0d7";
    font-family: "FontAwesome";
    font-size: 18px;
    position: absolute;
    bottom: -14px;
    color: #f00;
    left: 45%;
}
/***  Product Grid  ***
**********************/
.effect_hover{position:relative; display:block;}
.effect_hover::before{position:absolute; top:0; left:0; width:100%; content:""; height:100%; display:block; opacity:0; -webkit-opacity:0; -moz-opacity:0; background:rgba(0,0,0,0.3); transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; -webkit-transition:all 0.2s ease-out 0s; -ms-transition:all 0.2s ease-out 0s; -o-transition:all 0.2s ease-out 0s;}
.effect_hover:hover::before{transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); opacity:1; -moz-opacity:1; -webkit-opacity:1; -ms-opacity:1; -o-opacity:1;}
.effect_hover .info_pro{position:absolute; top:0; left:-999px; height:100%; padding:10px; color:#fff; visibility:hidden; opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0; -ms-opacity:0; transition: all 0.3s; font-size:14px;}
.effect_hover .info_pro p{margin:2px;}
.effect_hover .info_pro .title_info_pro_in{font-weight:bold; font-size:16px; text-transform:uppercase;}
.effect_hover:hover .info_pro{visibility:inherit; left:0; opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -ms-opacity:1;}
.product-grid {
    position: relative;
    min-height: 0;
		padding-bottom:30px;
}
.trademark_in.ourner,.trademark_in.ourner .col-md-3.col-sm-6.col-xs-12{padding:0;}
.trademark_in.ourner .prod-image{padding:5px;}
.trademark_in.ourner .prod-image .image-wrapper{border:1px solid; padding:5px;}
.prod-image {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    text-align: center;
}
.prod-image .image-wrapper img {

}
.prod-image:after,
.prod-image:before {
    content: "";
    display: table-cell;
}
.product-image-block {
    border: 1px solid #ddd;
    padding-bottom: 15px;
}
.prod-image .flag {
    border: medium none;
    display: inline-block;
    float: none !important;
    color: #fff;
    
    font-size: 16px;
    font-weight: normal;
    height: 55px;
    line-height: 55px;
    margin: 0 2px;
    text-align: center;
    width: 55px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
h2.product-title {
    margin: 0;
}
.product-image-block .owl-carousel .owl-item {
    border: 1px solid #ddd;
   
}
div#owl-demo  .owl-item{margin:0;}
a.add-contact {
    background: #333;
    color: #fff !important;
    padding: 3px;
    border-radius: 7px;
    margin: 10px 0px;
}
.prod-image .flag.new {
    position: absolute;
    background-color: #2d2118;
    top: 10px;
    left: 10px;
}
.view_all{text-align:left;}
.contact-add {
    border: 1px solid #ddd;
    display: inline-block;
    width: 125px;
    font-size: 15px !important;
    padding: 5px 10px !important;
    margin: 0 auto 0;
}
a.contact-add:hover{background:#333; color:#fff;}
.prod-image .flag.sale {
    position: absolute;
    background-color: #ff4747;
    top: 10px;
    right: 10px;
}

.image-wrapper .ImageOverlayH {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.image-wrapper .CStyleHe {
    visibility: hidden;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    bottom: 0;
    width: 100%;
    -webkit-transition: all 300ms cubic-bezier(1.000, -0.600, 0.570, -0.150);
    -moz-transition: all 300ms cubic-bezier(1.000, -0.600, 0.570, -0.150);
    -ms-transition: all 300ms cubic-bezier(1.000, -0.600, 0.570, -0.150);
    -o-transition: all 300ms cubic-bezier(1.000, -0.600, 0.570, -0.150);
    transition: all 300ms cubic-bezier(1.000, -0.600, 0.570, -0.150);
}

.WhiteRounded {
    background-color: #ffffff;
    border: medium none;
    display: inline-block !important;
    float: none !important;
    font-size: 14px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    margin: 0 2px;
    text-align: center;
    width: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
}

.WhiteRounded > a {
    color: #222222;
    display: block;
    font-weight: normal;
}

.image-wrapper:hover .ImageOverlayH {
    opacity: 1;
}

.image-wrapper:hover .CStyleHe {
    margin-bottom: -20px;
    opacity: 1;
    bottom: 50%;
    visibility: visible;
}

.prod-detail {
    text-align: center;
}
.prod-detail .des_in{text-align:left; margin:0 0 10px 0; height:107px; overflow:hidden;}
.prod-detail > a {
    display: block;
    font-size: 17px;
    
    color: #333333;
    text-align: left;
    padding:0px;
	padding:10px 0;
}

.prod-detail .prod-price {
    display: inline-block;
    
}

.prod-detail .prod-price .price {
    color: #333;
    font-size: 22px;
}

.prod-detail .prod-price .compare-price {
    color: #888;
    font-size: 18px;
}

.prod-btn button {
    background: #fff;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    color: #333333;
    font-size: 13px;
    padding: 8px 19px 7px 19px;
}

.prod-btn button:hover {
    border: 1px solid #333;
}
.prod-btn a {
    background: #fff;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    color: #333333;
    font-size: 13px;
    padding: 8px 19px 7px 19px;  
    display: inline-block;
}
.prod-btn a:hover {
    border: 1px solid #333;
}
.prod-btn i {
    margin-right: 9px;
    color: #aaaaaa;
}

.prod-btn span {
    text-transform: uppercase;
}

.prod-btn {
    position: absolute;
    left: 50%;
    margin-left: -65px;
    bottom: -17px;
}

.owl-buttons div {
    background: rgba(255, 74, 74, 0.7);
    height: 40px;
    width: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
}

.owl-buttons div i {
    font-size: 18px;
    color: #fff;
}

.owl-buttons .owl-prev {
    position: absolute;
    top: 50%;
    left: 0px;
}

.owl-buttons .owl-next {
    position: absolute;
    top: 50%;
    right: 0px;
}
/*** DEAL PRODUCT ***
*********************/

.sec-deal {
    width: 100%;
    height: 600px;
	background: url(../img/bg-deal.jpg-1457574403258.jpg);
    background-size: cover;
    padding: 66px 0;
    background-attachment: fixed;
    background-position: 0 50%;
    text-align: center;
    margin: 40px 0px 0px;
}

.deal-container {
    height: 468px;
    min-height: 468px;
    max-height: 468px;
}

.deal-prod {
    padding: 30px 40px;
    background: #f7f7f7;
    min-height: 468px;
    max-height: 468px;
}

.deal-prod .deal-left {
    max-width: 324px;
    float: left;
    margin-right: 25px;
}

.deal-prod .deal-right {
    width: 126px;
    float: left;
}

.deal-prod .deal-left .prod-detail,
.deal-prod .deal-left .prod-detail > a {
    text-align: left;
}

.deal-prod .deal-img {
    max-width: 324px;
    height: 324px;
    background: #fff;
    position: relative;
}

.deal-prod .deal-img .deal-time {
    position: absolute;
    top: 35px;
    left: -10px;
}

.deal-prod .deal-img .deal-time div {
    width: 70px;
    height: 60px;
    text-align: center;
    background: #ff4747;
    margin-bottom: 5px;
    color: #fff;
    
    padding: 5px;
}

.deal-prod .deal-img .deal-time div:last-child {
    margin-bottom: 0px;
}

.deal-prod .deal-img .deal-time p {
    margin-bottom: 0px;
    font-size: 20px;
}

.deal-prod .deal-img .deal-time span {
    font-size: 16px;
}

.deal-prod .deal-right .jcarousel-clip-vertical {
    height: 408px;
}
/*** BRAND LOGO ***
*******************/
.sec-brand {
    min-height: 100px;
    background: #f7f7f7;
}
.blog-entry p.entry-day {
    font-size: 48px;
    
    font-weight: bold;
    color: #ff4747;
}
.blog-entry p.entry-month {
    font-size: 15px;
    
    font-weight: normal;
    color: #666;
}
.blog-entry p.entry-year {
    font-size: 20px;
    
    font-weight: normal;
    color: #666;
}
.blog-body {
     border-left: 1px solid #e2e2e2;   
     padding-bottom: 40px;
}
.blog-detail .blog-body {
     border-left: 0px solid #e2e2e2;
     border-bottom: 1px solid #e2e2e2;  
     padding-bottom: 20px;
}
.blog-body .blog-title {
     
    font-size: 20px;
    color: #333333;
}
.blog-page .blog-body .blog-title  {
    font-size: 26px;
}
.blog-detail .blog-body .blog-title {
    font-size: 32px;
}
.blog-body .author {
     padding: 20px 0px;   
}
.blog-body .author span {
     margin-right: 20px;   
}
.blog-body .author i {
     color: #aaa;
    margin-right: 8px;
}
.blog-body .blog-summary {
    padding: 25px 0px;
    font-size: 14px;
    color: #666666;    
}
 .blog-more {
        border: 1px solid #FF0000;
    text-transform: uppercase;
    font-size: 14px;

    padding: 7px 15px;
    color: #FF0000;
    display: inline-block;
    font-weight: bold;
    background: #FBFBFB;
}
 .blog-more:hover {
     border: 1px solid #ff4747;   
}
p.h {
    border-bottom: 1px solid #ff8080;
    height: 36px;
}
.comments-container .comments-counter {
    font-size: 18px;
    
    color: #333333;
    text-transform: uppercase;
    padding: 40px 0px;
}
.comments-container .comments-counter  h3 {
    margin: 0px;
}
.comment-list .comment {
    margin-bottom: 20px;
}
.comment-list .comment:last-child {
    margin-bottom: 0px;
}
.comment-list .comment .comment-body {
    padding: 20px;
    border: 1px solid #e2e2e2;
    background: #f7f7f7;

}.comment-list .comment .comment-body > figure {
    float: left;
    width: 125px;
    margin: 0px;
    margin-right: 20px;
    margin-bottom: 10px;
}
.comment-contents .comment-header {
    font-size: 14px;
    color: #999999;
    font-family: Arial;
    display: inline-block;
    padding-bottom: 15px;
}
.comment-contents .comment-header span:first-child {
    color: #333;
}
.comment-form-container {
    border-top: 1px solid #e2e2e2;
}
.comment-form-container input {
    margin-bottom: 20px;
}
.comment-form-container button {
    border: none;
    outline: none;
    margin: 30px 0px 0px;
}
.custom-button {
    padding: 8px 20px 7px;
    background: #444;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    display: block;
}
.page-cart .custom-button {
	margin-bottom: 10px;	
}
.custom-button:hover {
    background: #333;
    color: #fff;
}
.asideTitle {
    color: #333;
    font-size: 18px;
    
    text-transform: uppercase;
    margin-bottom: 25px;
    background: url('../img/gray-line.png') repeat-x bottom left;
}
.asideTitle span {
    display: inline-block;
    background: #fff;
    padding-right: 20px;
}
.lastest_news .news_item .blog-image img {
    width: 130px;
}
.lastest_news .news_item a {
    font-size: 15px;
    font-family: arial;
    color: #666;
    display: block;
    padding: 15px 0px;
}
.alltag a {
    display: inline-block;
    padding: 3px 7px;
    border: 1px solid #999;
    margin: 0 10px 10px 0;
    font-size: 13px;
    color: #666;
}
/**** FOOTER ******
******************/
html{min-height:100%; position:relative;background: #151515;}
footer {
    background: #151515;
    margin-top: 0;
    padding: 10px 0 0 0;
    min-height: 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
body{margin-bottom:108px;}
@media(max-width:768px)
{
	footer {position:static;}
body{margin-bottom:0;}
}
footer  .mgb-30.col-md-6.col-sm-6.col-xs-12,.col-sm-6.col-md-6.col-xs-12{width:50%; padding:0;}
.foo-info > span {
    color: #fff;
    padding: 30px 0px 0;
    display: block;
}
.foo-info .form-control {
    border-radius: 0px;
}    
.foo-info .input-group-btn .btn-default {
     border-radius: 0px;
    background: #0c0c0c;
    border-color: #0c0c0c;
    color: #cccccc;
}
.foo-title {
   
}
.foo-title span {
    color: #aaa;
    font-size: 22px;
    font-family: roboto_md;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
}
.foo-info > p {
    font-family: Arial;
    font-size: 14px;
	margin:0;
    color: #888888;
}
.foo-info .foo-mail{
    font-family: Arial;
    font-size: 14px;
    color: #888888;
}
.foo-info .foo-address:before {
    content: "\f041";  
    font-family: "FontAwesome";
    padding-right: 20px;
}
.foo-info .foo-phone:before {
    content: "\f095";  
    font-family: "FontAwesome";
    padding-right: 5px;
}
.foo-info .foo-mail:before {
    content: "\f0e0";  
    font-family: "FontAwesome";
    padding-right: 20px;
}
.foo-content li {
    line-height: 35px;
    position: relative;
}
.foo-content li:before {
    content: "\f111";
    font-family: "FontAwesome";
    font-size: 6px;
    color: #888888;
    padding-right: 10px;    
}

.foo-content li a {
    font-family: arial;
    font-size: 14px;
    color: #888;
}
.foo-content li:hover a {
    color: #fff;
}
.fooFlowus {
     margin-top: 50px;   text-align:right;
}
.list-unstyled{display:inline-block;}
.fooFlowus ul li {
    display: inline-block;
    margin-right: 5px;
}
.fooFlowus ul li a {
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    color: #aaa;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    border: 1px solid #fff;
    background-color: transparent;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
}
.contact-form .fooFlowus ul li a {
	border: 1px solid #333;	
	color: #111;
}
.contact-form .foo-info > p,
.contact-form  .foo-info .foo-mail{
	color: #111;	
}
.fooFlowus ul li a:hover {
    background-color: #ff4747;
    border: 1px solid #ff4747;
    color: #fff;
}
.copyright {
    min-height: 0;
    background: #151515;
    text-indent: -999999px;
}
.copyright .cpr {
    line-height: 1.5em;
	text-align:center;
    font-size: 13px;
    color: #888888;
}
h4.tkw9999{margin:0; height:2px;}
.copyright .payment a {
    line-height: 44px;
    color: #888;
    font-size: 24px;
    display: inline-block;
    margin-left: 11px;
}
.copyright .payment a:hover {
    color: #fff;
}
/*** COLLECTION ***
*******************/
.toolbar {
    min-height: 40px;
    margin-bottom: 30px;
}
.toolbar .pull-left {
    line-height: 40px;
}
.toolbar .pull-left span {
    color: #666;
    font-size: 14px;
}
.toolbar .view-mode {
    border: 1px solid #e2e2e2;
    float: left;
    width: 82px;
    height: 40px;
    line-height: 40px;
    background: #f7f7f7;  
    margin-right: 20px;  
}
.toolbar .view-mode a {
    color: #bbbbbb;
    font-size: 18px;
    width: 40px;
    text-align: center;
    display: block;
    float: left;
}
.toolbar .view-mode a.active {
    color: #555555;
}
.toolbar .view-mode a.grid {
    border-right: 1px solid #e2e2e2;
}
.toolbar .browse-tags label {
    line-height: 40px;
    float: right;
    margin-right: 20px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0px;
}
.toolbar .browse-tags .form-control {
    width: 150px;
    height: 40px;
    float: right;
    background: #f7f7f7;
}

/* list collection */
.list-collection .product-grid{
    padding: 20px;
    min-height: 281px;

    overflow: hidden;
}
.list-collection .prod-image {
    max-width: 264px;
    float: left;
    margin-right: 20px;
}
.list-collection .prod-detail {
    text-align: left; 
	padding-bottom: 0px;
}

.list-collection .prod-detail .list-product-detail a {
    display: block;
    
    font-size: 20px;
    padding: 20px 0px;
    color: #333;
}
.list-collection .prod-detail .list-product-buy  .prod-price {
    display: block; 
    padding: 20px 0px;
}
.list-collection .prod-detail .prod-btn {
    position: static;   
    margin-left: 0px;
}
/*CART RESPONSIVE *
*******************/
.tblres { 
    width: 100%; 
    border-collapse: collapse; 
}
.tblres tr:nth-of-type(odd) { 
    background: #fcfcfc; 
}
.tblres th { 
    background: #fcfcfc; 
    color: #444444; 
    font-weight: normal; 
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    
}
.tblres td, .tblres th { 
    padding: 6px; 
    border: 1px solid #ccc; 
    text-align: center; 
}
.tblres td a {
    color: #444;
    font-size: 14px;
}
.tblres td a:hover {
    color: #333;
}
.tblres td .product .product-quantity .input-group {
    margin: 0 auto; 
}
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
    .tblres table, .tblres thead,.tblres tbody,.tblres th,.tblres td,.tblres tr { 
        display: block; 
    }    
    .tblres thead tr { 
        position: absolute;
        top: -9999999px;
        left: -999999px;
    }
    
    .tblres tr { border: 1px solid #ccc; }
    
    .tblres td { 
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
    }
    
    .tblres td:before { 
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }
    .tblres td:nth-of-type(1):before { content: "?nh "; }
    .tblres td:nth-of-type(2):before { content: "T�n s?n ph?m"; }
    .tblres td:nth-of-type(3):before { content: "Gi�"; }
    .tblres td:nth-of-type(4):before { content: "S? l??ng"; }
    .tblres td:nth-of-type(5):before { content: "Th�nh ti?n"; }
    .tblres td:nth-of-type(6):before { content: "X�a"; }
}
.btn-cart input,
.btn-cart a{
    float: left;    
}
.btn-cart input {
    margin-right: 20px; 
}
/* PAGINATION *
***************/
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #666;
    text-decoration: none;
    background-color: #f7f7f7;
    border: 1px solid #e2e2e2;
    margin: 0px 5px;
}
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    z-index: 2;
    color: #333;
    cursor: default;
    background-color: #f7f7f7;
    border-color: #e2e2e2;
}
.pagination>li:last-child>a, .pagination>li:last-child>span,
.pagination>li:first-child>a, .pagination>li:first-child>span {
    border-radius: 0px;
}

/* PRODUCT DETAIL *
*******************/

.product .images {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 480px;
}
.product .images .item-imgs > a{
    text-align: center;
}
.product .prod-detail {
    text-align:  left;
}
.product .product-title {
font-size: 22px;
    text-transform: uppercase;
    color: #333;
    padding: 10px 0px;
}
.product .prod-detail .prod-price .price {
    margin-right: 20px;
}
.product .prod-detail .product-summary {
    padding: 30px 0px 20px;
}
.product .product-variant {
    padding: 15px 0px;
}
.product .product-variant .selector-wrapper  {
    margin-bottom: 15px;
}   
.product .product-variant .selector-wrapper > label {
    font-weight: normal;
    font-size: 14px;
    color: #333;
}
.product .product-variant .selector-wrapper > select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.product .product-quantity {
    padding-bottom: 20px;   
}

.product .product-quantity label {
    font-weight: normal;
    line-height: 34px;
    font-size: 14px;
    float: left;
    margin-bottom: 0px;
    margin-right: 10px;
}
    
.product .product-quantity .input-group {
    width: 150px;
}
.product .product-quantity .mathbtn {
    border-color: #cccccc;
    border-radius: 0px;
}
.product .prod-btn {
    position: relative;
    left: 0;
    top: 0;
    margin-left: 0px;
    
}
.product .prod-btn button{
    background: #333;
    color: #fff;
    border-color:  #333;
}
.product .prod-btn i {color : #fff; }
.detail_tab .tab-content {
    border: 1px solid #ddd;
    border-top: 0px none;
    padding: 20px;
}
.detail_tab .nav-tabs>li>a {
    border-radius: 0px;
    border: 1px solid #ddd;
    margin-right: 0px;
    text-transform: uppercase;
    font-size: 16px;
    color: #333;
}
.detail_tab .nav-tabs>li:nth-child(2)>a,
.detail_tab .nav-tabs>li:nth-child(3)>a {
    border-left: 0px none;
}

.relate-title {
    text-align: center;
    width: 100%;
    float: left;
    height: 46px;
    background: url('../img/gray-line.png') repeat-x center center;
    margin-bottom: 25px;
}
.relate-title span {
    display: inline-block;
    background: #fff;
    font-size: 26px;
    text-transform: uppercase;
    padding: 0px 25px;
    position: relative;
    
}
.relate-title span:after {
    content: "\f111";
    font-family: "FontAwesome";
    color: #e6e6e6;
    display: block;
    position: absolute;
    top: 18px;
    left: 0px;
    font-size: 8px;
    background: none;
    width: auto;
    height: auto;
}
.relate-title span:before {
    content: "\f111";
    font-family: "FontAwesome";
    color: #e6e6e6;
    display: block;
    position: absolute;
    top: 18px;
    right: 0px;
    font-size: 8px;
    background: none;
    width: auto;
    height: auto;
}
#owl-relate .product-grid {
    position: relative;
    padding: 19px 19px 0 19px;
    border: 1px solid #ddd;
    height: 250px;
    max-height: 500px;
    margin-bottom: 20px;
}
#owl-relate .prod-btn {
    left: 50%;
    margin-left: -25%;
}

/* PAGE 404 */
.pagenotfound {
    padding: 100px 0px; 
}
.main404 {
    text-align: center; 
}
.page404desc {
    padding: 20px 0px;  
}
.main404  a {
    display: inline-block;
    margin-top: 50px;
}   

/* PAGE LOGIN */
.customer-login {
    padding: 30px;  
    border: 1px solid #eee;
}
.customer-login h4 {
    font-size: 18px;
    
    color: #444;
    margin: 10px 0px 20px;
    text-transform: uppercase;
}
.customer-login p {
    color: #666;
    font-size: 14px;
}
.form-input {
    margin-bottom: 20px;    
}
.form-input:last-child {
    margin-bottom: 0px;
}
.form-input .label {
    font-size: 14px;
    color: #666;
    width: 120px;
    float: left;    
    font-weight: normal;
    text-align: left;
    line-height: 34px;
    padding: 0px;
}
.form-input .value {
    float: left;    
    width: 370px;
}
.customer-login a{ 
    display: inline-block;  
}
.customer-login .form-input a {
    color: #666;
    font-size: 14px;
}
.register-content .form-input  .value a {
    line-height: 34px;
    padding-left: 20px;
}
/* ADDRESS PAGE*/
.customer_address {
    border: 1px solid #e2e2e2;
    padding: 20px;
    margin-bottom: 30px;
}
.customer_address .author {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    display: block;
    padding-bottom: 10px;
}
.address_actions .btn-danger a {
    color: #fff;    
}
/* ORDER PAGE */
h3.order_title {
font-size: 20px;
    
    text-transform: uppercase;
    color: #333;    
}
#order_address {
    border-top: 1px solid #e2e2e2;
    margin-top: 20px;
}

@media only screen and (max-width: 800px) {
    #order-tables table, 
    #order-tables thead, 
    #order-tables tbody, 
    #order-tables th, 
    #order-tables td, 
    #order-tables tr { 
        display: block; 
    }
    #order-tables thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
 
    #order-tables tr { border: 1px solid #ccc; }
 
    #order-tables td { 
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        white-space: normal;
        text-align:left;
    }
    #order-tables td:before { 
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        *white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
    #order-tables td:before { content: attr(data-title); }
}
#order-tables {
    margin-bottom: 30px;    
}
.paginate-left {
text-align: left
}
.paginate-center {
    text-align: center;
}
#order-tables > table {
	width: 100%;	
}
/*** GOOGLE MAP *****
*********************/
.map-container .map {
	height: 400px;
	width: 100%;
}
.image-wrapper {
    height: auto;
}
.image-wrapper img {
    max-width: 100%;
    max-height: 100%;
	height:auto;
	width:auto;
	margin:0 auto;
}
 .map-container {
    width: 100%;
}
.map-container iframe{
    display: block;
    width: 100%;
    pointer-events: none;
}
.map-container iframe.clicked{
    pointer-events: auto;
}
.clear{clear:both;}
.owl-buttons div{display:none;}

.owl-buttons div.owl-prev, .owl-buttons div.owl-next{display:block;}
.wp_page{width:100%; text-align:right; padding:10px 0px;}
.wp_page>.page{width:100%;}
.wp_page>.page a{font-size:13px; border:1px solid #333; padding:5px 10px; text-decoration:none; font-weight:bold; color:#333; line-height:2.5em; }
.wp_page>.page a:hover,.wp_page>.page a.active{background:#333; color:#fff; font-weight:bold;}
.navbar{height:80px;}
@media (max-width:992px)
{
	.left-menu .collec ul.left-menu-child{display:none;}
	.left-menu .collec:hover ul.left-menu-child{position:static; width:100%; display:block;}
	
	.navbar{height:auto !important;}
}

@media (max-width:1023px)
{
	.breadpos { padding-top: 155px;}
}
.col-md-6.product-image-block{padding:0;}
.class_image_top{cursor:pointer;}

/* CSS Document */
.clear{clear:both;}
ul.list_ul{list-style:none; margin:0; padding:0;}
ul.list_ul li.lists{width:100%; float:left; margin:0; padding:10px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  position:relative;}
ul.list_ul li.lists .date-box{left:10px; top:10px;}
ul.list_ul li.lists .date-box {
    width: 60px;
    position: absolute;
    text-align: center;
    border: solid 1px #333;
}
ul.list_ul li.lists .date-box .day {
    color: #333;
    display: block;
    font-size: 20px;
    padding: 5px 0 5px 0;
	background:#fff;
    font-family: 'UTMCafeta',helcan, Arial, sans-serif;
}
ul.list_ul li.lists .date-box .month {
    font-size: 12px;
    display: block;
    color: #fff;
    background: #333;
    font-family: 'UTMCafeta',helcan, Arial, sans-serif;
}
.img-list{width:30%; height:auto;  float:left}
.img-list>a{display:block; text-align:center;}
.img-list-in{width:100%; height:auto; margin:0 auto;}
.content-list{width:70%; float:left}
.title-list{font-size:16px; color:#333; text-transparent:uppercase;}
.title-list h3{margin:0;}
.title-list h3 a{font-size:16px; color:#333; text-transform:uppercase; text-decoration:none; font-weight: bold;}
.content-list-in{width:100%; margin:10px 0px; font-size:13px; text-align:justify;}
.content-list_inm{margin-left:20px;}
.lists .xt{width:100%; text-align:right;}
.lists .xt a{text-decoration:none; color:#333; padding:5px 20px 5px 10px;font-size:13px; font-family:roboto_b;  display:block; float:right; font-style:italic; position:relative; margin-top:5px; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;     background: #fff;   border:1px solid #333; }
.lists .xt a:hover{color:#333; background:transparent; }
.lists .xt a:after{content: "\f178"; position:absolute; bottom: 5px; right: 3px;  font: normal normal normal 14px/1 FontAwesome;}
@media (max-width:400px)
{
	ul.list_ul li.lists{padding-left:0;}
	.img-list{width:100%; float:none; height:auto;}
	.content-list{width:100%; float:none;}
	.content-list_inm{margin-left:0px;}
	.title-list h3 ,.content-list-in {margin-top:10px;}
	
}
.related_news {
    margin: 0px;
	padding-bottom:30px;
	text-align:left;
}
.related_news_title {
    font-size: 18px;
    font-style: normal;
	font-family:roboto_b;
    /* border-bottom: 1px; */
    padding: 10px 0px 10px 0px;
    border-bottom: 1px dashed #ccc;
}
.related_news_title span{padding-right:5px;}
.related_news_content ul {
    list-style: none;
    padding-left: 15px;
	padding:0;
	
	margin:5px 0px;
}
.related_news_content ul li {
    font-size: 14px;
	padding:5px 0px;
}
.list_fonts {
    padding-right: 5px;
}
.related_news_content .fa{padding-right:5px;}

.related_news_content ul li::before{content: "\f105";     font: normal normal normal 14px/1 FontAwesome; color:#AEB0B3; font-size:18px;}
.related_news_content li a{padding-left:10px; color:#333;}

/******start contact********/
.contact_form{font-family:"arial";}
.map{ margin-bottom:20px;}
.map iframe{width:100%; height:300px;}
.contact_form .contact_left{width:55%; float:left;}
.contact-list {
    font-size: 17px;
    line-height: 24px;
    color: #5a6063;
    margin-bottom: 59px;
	list-style:none;
	margin:0; padding:0;
}
.contact-list li {
    padding:10px;
    position: relative;
    margin-bottom: 0;
    min-height: 55px;
	position:relative;
}



.contact-list .title, .hiring-box .title {
    font-size: 24px;
    font-weight: 400;
    color: #0078ae;
    display: block;
    margin: 0 0 8px;
	text-transform: uppercase;
}
.contact-list p {
    margin: 0 0 5px;
	font-size:16px;
}
.hiring-box {
    font-size: 17px;
    line-height: 24px;
    color: #5a6063;
    border-radius: 3px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0 ;
    padding:10px;
}
.hiring-box .title {
    font-size: 21px;
    margin: 0 0 10px;
}
.arrow-link {
    font-size: 14px;
    color: #009ddc;
    display: inline-block;
    text-transform: uppercase;
    padding: 0 20px 0 0; 
    position: relative;
    -webkit-transition: color .3s ease-out,background-color .3s ease-out;
    -moz-transition: color .3s ease-out,background-color .3s ease-out;
    transition: color .3s ease-out,background-color .3s ease-out;
}
.ch-contacts-details {
    background: #fff;
    padding: 30px 0;
}
.contact_form .contact_right{width:45%; float:left;}
/**********thông tin*************/
.clear{clear:both;}
input, select, textarea{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box; 
	-o-box-sizing: border-box;
}
input[type="text"],input[type="file"],input[type="submit"], input[type="password"], textarea, select { 
    outline: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box; 
	-o-box-sizing: border-box;
}
input[type="text"] {
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
}
input[type="text"]:focus,
input[type="text"].focus,textarea:focus,
textarea.focus, select:focus,
select.focus {
  border: solid 1px #1690C8;
  box-shadow: 0 0 5px 1px #DBEDF4;
}
.box_contact{width:100%; }
.title-box_contact{width:auto; padding:10px; background:#8A0000; font-size:16px ; color:#fff; text-transform:uppercase;
border-radius:3px; 
-moz-border-radius:3px; 
-ms-border-radius:3px; 
-o-border-radius:3px; 
-webkit-border-radius:3px; 
}
.content-box_contact{ margin:0 auto; }
.row{width:100%; margin-top:5px;}
.text-input{width:30%; float:left; font-size:14px; text-align:right; padding-right:15px; margin-top:8px;box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box; 
	-o-box-sizing: border-box;}
.input{width:100%; float:left;}
.input label {
    display: block;
    font-size: 16px;
    color: #0a4f82;

    margin: 0 3px 5px 0;
}
.clsip,.clsipa{width:100%; padding:7px; border-radius:3px; 
-moz-border-radius:3px; 
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; height:40px;
-ms-border-radius:3px; 
-o-border-radius:3px; 
-webkit-border-radius:3px; 
border:1px solid #ccc;}

.clsipc{width:100%; border-radius:3px; 
-moz-border-radius:3px; 
-ms-border-radius:3px; 
-o-border-radius:3px; 
-webkit-border-radius:3px;
 padding:7px; border:1px solid #ccc;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; height:auto;
 }

.clsipa{min-height:150px;}

.input.ipmaxn.mxntext {
    font-size: 22px;
}
.clsipxn{padding:7px; width:80%;border-radius:3px;
-moz-border-radius:3px; 
-ms-border-radius:3px; 
-o-border-radius:3px; 
 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
-webkit-border-radius:3px; 
border:1px solid #ccc;}
.ipmaxn{width:100%; text-align:center;}
.img-reload{float:left; margin:5px; font-weight:bold;}
.btn-reload{ width:32px; height:30px; border:0px; margin-left:15px; cursor:pointer;}
.divbtn-gui{float:left;}
.btn-gui{border:0px; padding:3px 30px 3px 30px; margin-left:30px;
border-radius:3px;
-moz-border-radius:3px; 
-ms-border-radius:3px; 
-o-border-radius:3px; 
-webkit-border-radius:3px; 
background:#8A0000; font-size:13px;color:#fff;
cursor:pointer;
}
input.btn-gui {
    margin: 0;
    padding: 5px 10px;
    width: auto;
    font-size: 16px;
	font-weight:bold;
    background: #fff;
	color:#145C92;
    text-transform: uppercase;
	border: 2px solid #145C92;
	box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
}

.bdnone{border:none;}

.btnclass{margin:0px;}

/***********START checkbox************/
input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}

input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

input[type=checkbox]:not(old):checked + label > span, input[type=radio ]:not(old):checked + label > span {
    background-image: -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
    background-image: -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
    background-image: -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
    background-image: -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
    background-image: linear-gradient(rgb(224,224,224),rgb(240,240,240));
    position: relative;
}

input[type=checkbox]:not(old):checked + label > span:before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    display: block;
    width: 1em;
    color: #145C92;
    font-size: 0.875em;
    line-height: 1em;
    text-align: center;
    text-shadow: 0 0 0.0714em rgb(115,153,77);
    font-weight: bold;
    position: absolute;
    top: -5px;
    font-size: 20px;
}

input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 0.125em;
  background       : rgb(153,204,102);
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}

/*********END checkbox************/
/********START choose file********/

/* Container of demo-styling */
.choose_file {
/* Make padding go inside the element, instead of expanding */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position:relative;
}
/* Container for 2 child elements (button & filename) */
.fileUpload {
background: #fff;
border: 0;
display: block;
width: 100%;
/* border radius */
-o-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
    border: 1px solid #333;
}
/* The button */
.fileUpload .fileBtn {
	color:#fff;
background: #333;
cursor: pointer;
float: left;
font-size: 1em;
font-weight: bold;
padding: 10px;
text-align: center;
width:100px;
/* border radius */
-o-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
font-size:13px;

box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -mz-box-sizing:border-box; -o-box-sizing:border-box;
}
.fileUpload .fileBtn:hover {
}
/* Where the input-name will be filled in */

.fileUpload .fileName {
float: right;
overflow: hidden;
white-space: nowrap;
width: calc(100% - 100px);
width: -webkit-calc(100% - 100px);
width: -moz-calc(100% - 100px);
text-align: left;
color: #000;
padding:10px;
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -mz-box-sizing:border-box; -o-box-sizing:border-box;
}
.fileUpload .fileBtn,.fileUpload .fileName{height:35px;}
/* Animation (hover) */
.fileUpload .fileBtn:hover {
-webkit-transition-property: background;
-webkit-transition-duration: 0.4s;
-webkit-transition-timing-function: ease-in;
-moz-transition-property: background;
-moz-transition-duration: 0.4s;
-moz-transition-timing-function: ease-in;
-o-transition-property: background;
-o-transition-duration: 0.4s;
-o-transition-timing-function: ease-in;
-ms-transition-property: background;
-ms-transition-duration: 0.4s;
-ms-transition-timing-function: ease-in;
transition-property: background;
transition-duration: 0.4s;
transition-timing-function: ease-in;
}
/* Clear input-parent, due to child-floats */
.fileUpload:after {
clear: both;
content: " ";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
/********END File***********/
label.choosefile{display:inline-block;
    color: #fff;
    background: #333;
    cursor: pointer;
    float: left;
    font-size: 1em;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    width: 100px;
	height:100%;
    -o-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    font-size: 13px;

box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -mz-box-sizing:border-box; -o-box-sizing:border-box;
margin:0;
position:absolute; top:0; left:0;
}
.logo_contact{display:block; text-align:center;}
.logo_contact img{display:inline-block; max-width:100%; min-width:40%; width:50%;}
.input_code_wp{position:relative;}
.input_code_wp .input_code {padding-left: 110px;}
.input_code_wp .text_code{position: absolute;
    top: 0;
    left: 0;
    background-color: #145C92;
    color: #fff;
    height: 40px;
    width: 100px;
    padding: 10px;
    text-align: center;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px;
    font-weight: bold;}

@media (max-width:768px)
{
	
	.contact_form .contact_right,.contact_form .contact_left{width:100%; float:none; margin-bottom:15px;}
	.clsip,.clsipa{width:100%; }
	.content-box_contact{width:100%; margin:0 auto;}
	.text-input,.input{width:auto;text-align:left; float:none;}
	.text-input{padding-right:0px;}
	.clsipxn{width:100%;}
	.ch-contacts-details{padding-bottom:0;}

	.hiring-box{padding:10px;}
	
}
@media (max-width:550px)
{

}
@media (max-width:400px)
{
	.contact-list li,.hiring-box{padding:0; margin-bottom:20px;}
	.contact-list li.addr:before,.contact-list li.phone:before{display:none;}
}
@media (max-width:350px)
{

}
.content-box_contact .row{margin:0; margin-bottom:10px;}
/*********End form contact***********/



.col-md-3.p20.co-xs-12{padding-left:0;}
.col-md-9.col-xs-12.p20{padding-left:0; padding-right:0;}
section.grid-collection.p20.col-md-9.col-xs-12 .col-md-3.col-sm-6.col-xs-12{padding:5px;}
section.grid-collection.p20.col-md-9.col-xs-12 .row{margin:0;}
section.grid-collection.p20.col-md-9.col-xs-12 .col-md-12{margin:0 -10px;}
.toolbar.clearfix {
}
section.grid-collection.p20.col-md-9.col-xs-12 .col-md-12{padding-right:0;}
.content_pro_detail{padding:10px 0;}
@media (max-width:1023px)
{
	.col-md-3.p20.co-xs-12,.col-md-9.col-xs-12.p20{padding-top:0px;}
	.col-md-3.p20.co-xs-12{padding-top:15px; padding-right:0;}
	
}
.owl-theme .owl-controls{margin-top:0 !important;}

/*********Giỏ hàng*************/
.clear {
    clear: both;
}
.floatleft {
    float: left;
}
.container_table{
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
	    overflow: hidden;
}
.container_table table.table {
  display: table;
  border-collapse: collapse;
  border-spacing: 2px;
  border-color: #ccc;
    width: 100%;
	  font-size:13px;
	  font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.table>tbody>tr>td, .table>tfoot>tr>td{
    vertical-align: middle;
  padding: 5px; text-align:center;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.btn_df {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
    text-decoration: none;
}

.btn-sm,.btn-group-sm>.btn_df {
  padding: 0px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
      margin-left: 5px;
}

.btn_table_td_rf_del {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.btn-sm, .btn-group-sm>.btn_df {
  padding: 3px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.floatleft.width50 {
    width: 40px;
}
.btn_table_sc {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

.btn_table {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.btn_df.btn_table_td_rf_del.btn-sm{margin-left:0; height:auto; font-size:15px;}
.btn_table:hover, .btn_table:focus, .btn_table:active, .btn_table.active, .open>.dropdown-toggle.btn_table {
  color: #fff;
  background-color: #333;
  border-color: #d58512;
}

.col_table_image.col_table_hidden-xs{
  width: 100px;
margin:0 auto;
}
.col_table_name {
  padding: 0px 10px;
}

.clear{clear:both;}
.floatright{float:right;}
.floatleft {
    float: left;
    width: 50px;
}
a.btn_df.btn_table.floatleft{width:auto;}
.aligncenter{text-align:center;}
.text-center{background:none;}
input[type="number"] {
	width:50px; padding: 5px 10px 5px 3px; outline:none; -moz-outline:none; -ms-outline:none; -webkit-outline:none; -o-outline:none;
	text-align:center;
}

.tr_first{background:#eee; color:#333;}
.tr_first>th{padding:15px 0px; text-align:center; color:#333; text-transform:uppercase; font-size:14px;}
tr{background:#fff;}

.btn_df.btn_table_td_rf_del.btn-sm.btn_ref {width: 100%;}
.number{border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; -ms-border-radius:7px; border:0px;}


.inputsoluong {
    border: 0px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    text-align: center;
    border: 1px solid #D4D2D2;
}

td.textright {background-color: #fff; font-size:16px; font-weight:bold;}

span.color_#FFCB10.font_money{    color: #FFCB10; font-size:16px; font-weight:bold;}
.col_table_image.col_table_hidden-xs img {
    width: 100%;
}
input.inputsoluong {
    width: 100%;
    padding: 6px 10px;
    box-sizing: border-box;
}
td.textright {
    font-size: 18px;
    color: #FFCB10;
}
td.textright {
    height: 45px;
}
table#cart tbody td {}

table#cart tbody td .form-control{
	width:100%;
	display: block ;
}	

.data-table td{text-align: center;}
td.textright_text{ font-size:18px; color:#333; text-transform:uppercase;}
a.btn_df.btn_table.floatleft{background-color:transparent; border:0; color:#333; font-weight:bold; font-size:13px;    padding: 10px;
    line-height: 20px;}
tr.tr_last {
    background-color: #EEEEEE;
}
a.btn_df.btn_table_sc.btn-block.floatright{
    outline: 0;
    background-color: #FF0000;

	border:0;
	border-bottom: 4px solid #B11616;
	width:auto;
	
}
.btn_df.btn_table_td_rf_del.btn-sm
{
	    outline: 0;
    background-color: transparent;
	border:0;
	border: 1px solid #CACACA;
}
.btn_df.btn_table_td_rf_del.btn-sm i.fa{color:#333;}
i.fa.fa-refresh,i.fa.fa-trash-o{color:#fff;}
tr {border: 1px solid #ddd;    box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; }
span.text_price.color_#FFCB10{color:#FFCB10; font-weight:bold;}
.table>tbody>tr>td.textright_text{text-align:right;}
/* Table Desktop*/
.text_mobile{display:none;}
@media screen and (max-width:768px){
	.text_mobile{display:inline-block;}
	.table tbody tr td:first-child{padding: 15px 10px;}
	.col_table_name{width:100%; padding: 0px;}
	.table>tbody>tr>td, .table>tfoot>tr>td{border: 0px solid #C7E4EF;     text-align: left;}
	table{border-collapse:collapse; border: 0px solid #ccc;}
	.actions .btn_table_td_rf_del{
		float:left;
	}
	.actions .btn-danger{
		float:right;
	}
	
	.table thead { display: none; }
	.table tbody td { display: block; padding: 5px; min-width:0px; text-align:left;}
	.table,.table td,.table tbody{display: block;}
	.table tr {
			display: block;
			width: 100%;
	}
	.table tbody tr td:first-child { background: #333; color: #fff; }
	.table tbody td:before {
		content: attr(data-th); font-weight: bold;
		display: inline-block;
		margin-right:10px; font-size:15px;
		margin-bottom:5px;
		text-transform:uppercase;
	} 
	.table tfoot td .btn{display:block;}
	td.col_table_hidden-xs.text-center {background-color: transparent !important;}
	td.col_table_hidden-xs.text-center strong{color:#333;}
	table{padding-bottom:10px;}
	td.actions.aligncenter { height: auto; padding:5px 10px}
	h4.nomargin {margin-bottom: 0px;}
	.col_table_name p {margin-top:5px;}
	.table tbody td .row h4 {color: #fff;font-size: 14px;  font-weight:normal; color:#333;    margin-top: 5px;     margin-bottom: 5px; }
	.color_#FFCB10{color:#FFCB10;}
	.table tbody tr td.textright{text-align:center; height:auto; padding:10px 10px;}
	.btn_df.btn_table_td_rf_del.btn-sm { margin-left: 5px;}
	td.actions.aligncenter>.btn_df.btn_table_td_rf_del.btn-sm{    margin-left: 0;
    width: 50%;
    float: none;
    padding: 10px 0;
    display: block;
    margin: 0 auto;}
	.table>tbody>tr>td.textright_text{text-align:center;}
}
/********************/
section.grid-collection.p20.col-md-9.col-xs-12 .box_contact .contact_bottom .row{margin-bottom:10px;}
.col-md-6.col-sm-6.hidden-xs.tb-left.pull-left, .col-md-6.col-sm-6.col-xs-12.tb-right.pull-right {
    width: 50%;
    /* padding: 0; */
}
.owl-item .col-xs-12{padding:0;}
@media (max-width:992px)
{
	.product .col-md-6{padding:0;}
	div#owl-relate .col-xs-12{padding:0;}
	.container .row{margin-left:0;margin-right:0;}
	.menu-nav{position:static; padding:0; margin-bottom:0;}
	.breadc{    min-height: 110px;
    max-height: 110px;}
	.breadpos{padding-top:40px;}
	section.grid-collection.p20.col-md-9.col-xs-12{padding-top:0;}
	.product-tabs-title{height:auto; margin-bottom:0;}
	.p20{padding:5px 0;}
}
.owl-item {
    padding: 3px;
}
@media (max-width:1000px)
{
	.col-md-3.col-sm-12.col-xs-12 .foo-info {width: 50%;margin: 0 auto;padding-bottom: 40px;}
	.mgb-30.col-md-3.col-sm-12 .foo-info{width:100%;}
	.col-md-3.p20.co-xs-12{padding-bottom:10px;}
	footer .row{margin:0;}
}

@media (max-width:500px)
{
	
	footer .mgb-30.col-md-6.col-sm-6.col-xs-12, .col-sm-6.col-md-6.col-xs-12{width:100%;}
	.col-md-3.col-sm-12.col-xs-12 .foo-info{width:80%;}
	.container.breadpos .pull-left,.container.breadpos .pull-right{float:none !important;}
	.breadpos{padding-top:30px;}
	.breadc .pull-left span:after{border-bottom: 18px solid transparent;
    border-top: 18px solid transparent;}
	.container.breadpos .pull-right {
    padding-top: 10px;
}
}


.sitebar-col>h4 {position:relative; font-size:16px; margin:0; text-transform:uppercase; font-weight:bold; padding:10px 15px; text-align:left; background:#f1f1f1;}
.display_none_more>h4>span.toggle,.sitebar-col.display_none_more>.sitebar-col-content{display:none;}
.h1, .h2, .h3, h1, h2, h3{font-family:Roboto-Bold, helcanb;}

@media only screen and (min-width: 768px)
{

}
@media (max-width:768px)
{
	.col-md-6.col-sm-6.tb-left.pull-left,.col-md-6.col-sm-6.col-xs-12.tb-right.pull-right{width:auto; padding:0;}

}
.tab-content.clearb {
    padding-top: 10px;
}
@media (max-width:992px)
{
	.sitebar-col>h4 {cursor:pointer; }
	.sitebar-col>h4 span.toggle{position:absolute; top:10px; right:13px;}
	.sitebar-col>h4 span.toggle:after{  content: "\f0fe";  font: normal normal normal 14px/1 FontAwesome; }
	.sitebar-col>h4 span.toggle.opened:after{  content: "\f146";  font: normal normal normal 14px/1 FontAwesome; }
	.sitebar-col-content{display:none;}
	.sitebar-col{width:100%; float:none;}
	.sitebar-col-content{display:none;}
	.col-md-6.col-sm-6.tb-left.pull-left,.col-md-6.col-sm-6.col-xs-12.tb-right.pull-right{width:100%; padding:0; text-align: center;}
}

.product>h1{padding:10px 0; margin:0;}
a{text-decoration:none;}
ul{list-style:none;}
.menu_dropdown{width:100%; padding:0; margin-bottom:0;}
.menu_dropdown ul {padding-left:0px; display:none; padding:0;}
.menu_dropdown li{height:auto;}
.menu_dropdown li>a{display:block;    font-size: 15px;  padding:5px 45px 5px 15px; border-bottom:1px solid #ddd; height:40px; box-sizing:border-box; line-height:1.8em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; color:#333; }

.menu_dropdown li ul li a{padding:5px 15px;}
.menu_dropdown li.parent,.menu_dropdown li{position:relative;}
.menu_dropdown li.parent .arrow_toggle{position:absolute; top:0px;right:10px;}
.menu_dropdown li strong {
    cursor: pointer;
    position: absolute;
    top: 1px;
    right: 0;
    text-align: center;
    height: 39px;
    width: 40px;
    background: #fff;
    border-bottom: 1px solid #DDD;
}
.menu_dropdown li strong:before {
    content: "+";
    color: #000;
	padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;-ms-box-sizing:border-box; text-align:center;
	color:#333;
	height:100%;
	width:100%;
	font-weight: bold; font-size:16px;
	display:block;
	padding:5px;
	line-height: 30px;

	
}
.menu_dropdown li strong.opened:before{content: "-";height:100%; width:100%; font-weight: bold; font-size:16px; display:block; padding:5px;}
.menu_dropdown li .parent{padding-top:0px;}
ul.menu_dropdown>li:first-child>a{border-top:1px solid #ddd;}


.display_desktop{display:block;}
.display_mobile{display:none;}
.float_left{float:left;}
.float_right{float:right;}
.btn-success:hover{background:#333; color:#fff;}
@media (max-width:990px)
{
	.display_desktop{display:none;}
.display_mobile{display:block;}
}
.site-nav > li > a{transition:all 0.5s;}
.site-nav > li > a.current,.site-nav > li > a:hover{    background: #FFF;  color: #37228E; }
h4.tkw9999>a {
    padding: 5px;
    font-size: 13px;
    display: inline-block;
	color:#aaa;
	text-transform:capitalize;
}
form.newsletter {
    margin-top: 15px;
}
a.navbar-brand>img {
    width: 240px;
    height: auto;
    padding: 8px 0;
	margin:0 auto;
	margin-bottom:50px;margin-left:50px;
}
.mgb-30.col-md-12.col-sm-12{text-align:center;}
.navbar-header{float:none;}
.menu_top_mobile {
    background: #37228E;
}
.navbar-collapse.collapse{height:100%; padding:0;}
 .col-md-3.col-sm-6.col-xs-12{width:20%;}
 .bottom .col-md-3.col-sm-6.col-xs-12{width:25%; margin-bottom:20px;}
  .bottom.detail .col-md-3.col-sm-6.col-xs-12{width:33.3%; margin-bottom:20px;}
.site-nav > li:last-child {
    width: 5%;
}
.bottom .view_all{text-align:right}
.bottom .view_all .contact-add{border:0px solid;}
.bottom .view_all a.contact-add:hover{background:transparent; color:#333;}
h3.title_h3, h1.title_h3h1 {
    padding: 10px;
    text-transform: uppercase;
    z-index: 1000;
    display: block;
    text-align: center;
    color: #333;
    position: relative;
    font-size: 24px;
}
h3.title_h3:before, h1.title_h3h1:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #ccc;
    position: absolute;
    top: 30px;
    left: 0;
}
h3.title_h3>span, h1.title_h3h1>span {
    position: relative;
    background: #F1F1F1;
    padding: 10px 20px;
    font-family: roboto_b;
}
.trademark.bottom .product-grid{box-shadow:0px 0px 5px #333; -webkit-box-shadow:0px 0px 5px #333; -moz-box-shadow:0px 0px 5px #333; padding:5px 10px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s;}
.trademark.bottom .product-grid:hover{box-shadow:0px 0px 10px #333; -webkit-box-shadow:0px 0px 10px #333; -moz-box-shadow:0px 0px 10px #333;}
.trademark_in{padding:20px 0; margin:0 -15px;}
.trademark.bottom.detail .trademark_in{padding:0; margin:0 -15px;}

 .content-box_contact.popup_contact{width:320px;}
  .content-box_contact.popup_contact h3{font-size:14px; font-family:roboto_md; line-height:1.5em;}
    .content-box_contact.popup_contact h3 .red{color:red;}
	 .content-box_contact.popup_contact .input label, .content-box_contact.popup_contact  input.btn-gui{font-family:roboto_b;}
	 .btn-success:focus, .btn-success:hover,.btn-danger:focus, .btn-danger:hover{    background: #fff;
    color: #145C92;
    text-transform: uppercase;
    border: 2px solid #145C92;}
.image-wrapper a,.trademark_in.ourner .prod-image .image-wrapper{
	display: flex;
    overflow: hidden;
    border: 8px solid #fff;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    height: 150px;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
}
.trademark_in.ourner .prod-image .image-wrapper{border:1px solid;}
span.WhiteRounded a{height:auto; border:0px solid; background:transparent; display:block;}

/*******404********/

@font-face{
	font-family: "roboto_l";
	src:url(../fonts/Roboto-Light.ttf);
}

@font-face{
	font-family: "roboto_md";
	src:url('../fonts/Roboto-Medium.ttf');
}

@font-face{
	font-family: "roboto_i";
	src:url('../fonts/Roboto-Italic.ttf');
}

@font-face{
	font-family: "roboto_b";
	src:url('../fonts/Roboto-Bold.ttf');
}




@font-face{
	font-family: "roboto_l";
	src:url(../fonts/Roboto-Light.eot);
}

@font-face{
	font-family: "roboto_md";
	src:url('../fonts/Roboto-Medium.eot');
}

@font-face{
	font-family: "roboto_i";
	src:url('../fonts/Roboto-Italic.eot');
}

@font-face{
	font-family: "roboto_b";
	src:url('../fonts/Roboto-Bold.eot');
}

.pagenot {
  margin: 0px auto;
  text-align: center;
  position: relative;
  font-family:"roboto_md";
  line-height:1.5em;
  padding-bottom:50px;
}

.pagenot h1 {
  font-size: 235px;
  color: #314D68;
  font-weight: bold;
  padding: 0;
    margin: 0;
	  line-height:1.5em;
}

.about_desc div {
  padding: 7px 0;
}
.pagenot-text {
  width: 100%;
}

.pagenot p {
  font-size: 16px;
  color: #858585;
  line-height: 1.6em;
  padding: 0;
  font-weight: 400;
  margin: 0 auto;
}

.pagenot p  a{text-decoration:none; color:#314D68;}

.search_form404 {
  margin-top: 15px;
}

.search_form404 input[type="text"] {
  display: inline-block;
  padding: 10px 10px;
  width: 300px;
  margin: 0;
  border: 1px solid #EBEBEB;
  background: #F2F2F2;
  color: #C4C4C4;
  font-size: 1em;
  outline: none;
  font-family: 'Oxygen', sans-serif;
  box-shadow: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
}

.search_form404 input[type="submit"],.search_form404 input[type="text"]{  box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box;}

.search_form404 input[type="submit"] {
  border: none;
  background: #3498DB;
  padding: 10px 25px;
  color: #FFF;
  font-size: 1em;
  font-weight: bold;
  -webkit-appearance: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width:80px;
}

.pagenot-text h3 {
  font-size: 22px;
  color: #314D68;
  padding: 16px;
      text-transform: uppercase;
  margin:0;
}
.container.not404 {
    padding-bottom: 65px;
}
/*******end 404*******/

.breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0;
    margin-top: 15px;
    border-radius: 0px;
}
.breadcrumb a{padding-right:15px; position:relative; padding:5px; display:inline-block; padding-right:15px;}
.breadcrumb a:after{position:absolute; top:8px; right:2px;content: "\f101"; font: normal normal normal 14px/1 FontAwesome;}
.breadcrumb a:last-child{padding-right:0;}
.breadcrumb a:last-child:after{content:"";}
@media (min-width: 992px)
{
.col-md-3 {
    width: 22%;
}
}
@media(max-width:992px)
{
		.navbar-header.hidden-xs{display:none;}
		.col-md-3.col-sm-6.col-xs-12{width:33.3%;}
		 .bottom .col-md-3.col-sm-6.col-xs-12{width:50%;}
		  .bottom.detail .col-md-3.col-sm-6.col-xs-12{width:50%; margin-bottom:20px;}
		.col-md-3.col-sm-6.col-xs-12:last-child,.col-md-3.col-sm-6.col-xs-12:nth-child(4){width:50%;}
		.fooFlowus{text-align:center; float:right;}
		.menu-nav .submenu,.list-unstyled{width:100%; margin-bottom:0;}
	
}
#back-top {
    position: fixed;
    bottom: 60px;
    right: 100px;
    font-size: 34px;
    cursor: pointer;
    background: #191919;
    width: 35px;
    height: 36px;
	line-height:0;
    text-align: center;
    color: #fff;
	border:2px solid #ccc;
}
.carousel-control{opacity:0.1; -moz-opacity:0.1;}
.carousel-control:focus, .carousel-control:hover{opacity:0.6; -moz-opacity:0.6;}
.des_in p{margin-bottom:0;}
@media(max-width:992px)
{
	ul.left-menu-child{position:static; width:100%; opacity:1;}
}
@media(max-width:768px)
{
#back-top { right:5px;}
}
@media(max-width:768px)
{
	section.grid-collection.p20.col-md-9.col-xs-12 .col-md-3.col-sm-6.col-xs-12{width:50%;}
	.logo,.navbar-brand{width:100%;}
	.navbar-collapse.collapse{padding:0;}
	.navbar-collapse.collapse ul{margin-bottom:0;}
	.container.pr{padding:0;}
	.navbar-brand{ float: left; width: auto;}
	.fooFlowus{text-align:center; float:right;}
	.carousel-control span {top:45%;}
	
	
}
@media(max-width:480px)
{
		.navbar-brand,.fooFlowus{width:100%;}
		a.navbar-brand>img{margin:0; margin:0 auto;}
		.fooFlowus{margin:0;}
		.fooFlowus ul li a{width:25px; height:25px;line-height: 25px; }
}
@media(max-width:420px)
{
	.navbar-brand,.fooFlowus{ float: none; width: 100%; text-align:center; margin:0;}
	.fooFlowus ul li a{line-height:25px; height:25px; width:25px;}
}
@media(max-width:400px)
{
	section.grid-collection.p20.col-md-9.col-xs-12 .col-md-3.col-sm-6.col-xs-12{width:50%;}
		.col-md-3.col-sm-6.col-xs-12, .bottom .col-md-3.col-sm-6.col-xs-12, .bottom.detail .col-md-3.col-sm-6.col-xs-12{width:50%; padding:5px;}
			 .content-box_contact.popup_contact{width:100%;}
			 .wp_page{text-align:center;}
			 h3.title_h3, h1.title_h3h1{font-size:18px;}
		
}
@media(max-width:320px)
{
	section.grid-collection.p20.col-md-9.col-xs-12 .col-md-3.col-sm-6.col-xs-12{width:100%;}
		.col-md-3.col-sm-6.col-xs-12, .bottom .col-md-3.col-sm-6.col-xs-12, .bottom.detail .col-md-3.col-sm-6.col-xs-12{width:100%;}
		.trademark .col-md-3.col-sm-6.col-xs-12:last-child,.col-md-3.col-sm-6.col-xs-12:nth-child(5){width:100%;}
		.trademark.bottom .col-md-3.col-sm-6.col-xs-12:last-child,.col-md-3.col-sm-6.col-xs-12:nth-child(5){width:100%;}
		
}