*{	font-family: Roboto, sans-serif;!important;margin: 0;padding: 0;}
.glyphicon{
	font-family: 'Glyphicons Halflings'!important;
}
.fa{
	font-family: 'FontAwesome'!important;
}
html,body{
	border: 0;
	background-color: #fff;
}
html{
	font-size: 62.5%;
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:100%;
}
img{max-width:100%;}
body
{
	line-height: 21px;
	font-size: 14px;
	color:#000000;
	overflow-x: hidden;
	background : #fff;
	position: initial !important;
}	
/* 1.2 - HTML5 Elements */
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display:block; }

/* 1.4 - Typography */
h1,h2,h3,h4,h5,h6 { color:#000000; margin:0 0 13px 0;  font-weight: 700;line-height:1.2}
h1 { font-weight: 400; color: #000000;  font-size: 36px; }
h2 { font-weight: 400; color: #000000;  font-size: 28px;}
h3 { font-weight: 400; color: #000000;  font-size: 24px;}
h4 { font-size: 13px; line-height: 18px; }
h5 { font-size: 12px; line-height: 18px; }
h6 { font-size: 10px; line-height: 18px; text-transform:uppercase; }
h1 .note, h2 .note, h3 .note, h4 .note, h5 .note, h6 .note { margin-left: 8px; font-weight: 400; font-size: 12px;}
h1 .note a, h2 .note a, h3 .note a, h4 .note a, h5 .note a, h6 .note a { color: #ef8742; }
p { margin: 0 0 20px 0; line-height: 21px }

/* 1.5 - Links and Buttons */
a {
	color:#aab1b4;
	text-decoration: none; 
	outline: none;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
a:hover,a:focus{color:#333333;text-decoration: none; outline: none;}	
a:active { outline: none; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#aab1b4;font-weight: 700; line-height: 1.1; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:#333333;}
.accent-color { color: #ef8742 !important; }
#zoom-image { -webkit-border-radius:0 2px 0 0; -moz-border-radius:0 2px 0 0; border-radius:0 2px 0 0; }
/* 1.6 - Tables */
table { width: 100%; border-spacing: 0; }
table tr td { border-top: 1px solid #dddddd; }
table tr td, table tr th { padding: 10px; text-align: left; }
table tr td:first-child, table tr th:first-child { padding-left: 0px; }
table tr td:last-child, table tr th:last-child { padding-right: 0px; }
strong { font-weight: 700; }
em { font-style: italic; }

/* 2.1 - Helper Classes */
.row:before, .row:after, .clearfix:before, .clearfix:after {content:"\0020";display:block;height:0;visibility:hidden}
.clearfix:after, .row:after { clear:both; }
.clearfix, .row { zoom:1; }
.table { display: table; margin: 0 auto; }
.fixed { position: fixed; }
hr{    border-top: 1px solid #ebebeb;}

/* 2.3 - Lists */
ul{
	padding:0;list-style-type:none;
}
/********************* END -> RESET ***********************/

/* 6.2 - FlexSlider */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider {width: 100%; margin: 0 0 30px 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; margin-bottom: 0px !important;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: inline-block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {background: #fff; position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative; }
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.8); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.8); font-size: 14px; line-height: 18px;}

.flex-direction-nav li { margin-bottom: 0; }
.flex-direction-nav li a {
	width: 32px;
	height: 32px;
	display: block;
	background: url('../../../../hstatic.net/0/0/global/design/theme-default/slide-arrow.png') no-repeat;
	position: absolute;
	top: calc(50% - 16px);
	cursor: pointer;
	text-indent: -999em;
	border-radius: 50%;
	opacity: 0;

}

.flex-direction-nav li .flex-disabled {display: none; filter:alpha(opacity=30); cursor: default;}
#sliderproduct:hover .flex-direction-nav li a,
#p-sliderproduct:hover .flex-direction-nav li a{
	opacity: 0.7;
}
#sliderproduct:hover .flex-direction-nav li a:hover,
#p-sliderproduct:hover .flex-direction-nav li a:hover{
	opacity: 1;
}
/* Dark Direction Nav */
.flex-direction-nav li .prev {left: 20px; background-position: 0 0; }
.flex-direction-nav li .next {right: 20px; background-position: -252px 0; }
.flex-direction-nav li .prev:hover {background-position: 0 -50px; }
.flex-direction-nav li .next:hover {background-position: -252px -50px; }

.flex-controls { filter: alpha(opacity = 90); }
.slides a:hover { opacity: 1; }

.slider-default.col-md-12
{
	padding:0px;
}
.zoomWrapper {
	position: relative;
	text-align:center;
	width: 100% !important;
}
.zoomWrapper img {
	max-width: 100%;
	max-height: 100%;
	position: relative !important;
}
.flexslider .slides > li{
	display: block!important;
}




/* ===============*/
/* ====================================== 	BODY  THEME ======================================*/
.mr-b-50{
	margin-bottom:50px;
}
.mr-b-40{
	margin-bottom:40px;
}
.mr-t-30{
	margin-top:30px;
}
.heading-title h2.title-index{
	text-transform: uppercase;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 1px;
	padding: 0 0 1px 0;
	display: inline-block;
	margin: 0;
	color:#000000;
	border-bottom: 2px solid #000000;
}
h1.title-layoutpage-big,.title-like h2{
	text-transform: uppercase;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 1px;
	padding: 0 0 1px 0;
	display: inline-block;
	margin: 0;
	color:#000000;
	border-bottom: 2px solid #000000;
}
.btn-custom {
	border: 0 none;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 12px 30px;
	border-radius: 0;
	background:#000000;
	color:#ffffff;
}
.btn-custom:hover {

	background:#333333;
	color:#ffffff;
}
button[disabled]{
	opacity: 0.6;
}
/* product-item*/
.product-block{
	position: relative;
	margin-bottom:30px;
}
.product-sale {
	position: absolute;
	left: 0;
	background: #f26c4f;
	padding: 10px 20px;
	font-weight: 500;
	line-height: 14px;
	color: #fff;
	text-align: center;
	z-index: 9;
	font-size: 14px;
}
.product-sale label {
	margin:0;
}
.product-img{overflow: hidden;}
.product-img img{
	max-width: 100%;
	-webkit-transition: margin .1s ease, transform .25s ease;
	-moz-transition: margin .1s ease, transform .25s ease;
	-o-transition: margin .1s ease, transform .25s ease;
	transition: margin .1s ease, transform .25s ease;
}
.product-img:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.product-detail{
	text-align: center;
	padding-top: 20px;
}
.product-detail .pro-vendor a,.product-detail .pro-vendor{
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 11.2px;
	color:#000000
}
.product-block .pro-name{
	margin:0;
}
.product-block .pro-name a {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 1.5rem;
	line-height: 2.5rem;
	margin: 0 0 0.5rem 0;
	color:#000000;
	font-size: 14px!important;
	line-height: 19px !important;
	margin: 0 !important;
	font-weight: 400;
}
.product-block .pro-name a:hover{
	color:#616161;
}
.product-block .product-detail .pro-prices {
	padding: 8px 0;
}
.pro-prices .pro-price, .pro-prices .pro-price-del {
	font-size: 16px;
	line-height: 19px;
	display: inline-block;
	margin: 0;
}
.pro-prices .pro-price {
	padding-right: 8px;
	color: #000000;
}
.pro-prices .pro-price-del {
	color:#898989;
	font-size:13px;
}
.sold-out {
	position: absolute;
	z-index: 1;
	padding: 10px 15px;
	border-radius:0px;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	background:  #000000;
	border-width: thin;
	border-style: solid;
	border-color: #000000;
	right: 0;
	top: 0;
}
/* end - product-item*/

/******* Topbar top-search********/
.top-search {
	text-align: center;
	padding: 10px 0;
}


.search_block_top form {
	position: relative;
	border: 0;
}

.search_block_top .search_query{
	background: none;
	color: #9c9c9c;
	height: 42px;
	padding: 10px 15px;
	width: 300px;
	display: inline-block;
	border-radius: 0px;
	font-weight: 300;
	border: 1px solid #aab1b4;
}
.search_block_top .btn.button-search {

	display: inline-block;
	font-size: 16px;
	line-height: 42px;
	padding: 0;
	text-align: center;
	width: 42px;
	color: #696969;
	border: 0;
}
.topbar {
	background-color:#464646;
	color:#ffffff;
	text-align: center;
	padding: 10px 0;
}
.topbar p{
	margin:0;
}


/******* header-top ********/
.header-top{
	color: #aab1b4;
	background-color:#ebebeb;
	line-height: 12px;
	padding: 20px 10px;
	font-size: 12px;
}
.nav-header-left  ul.top-nav{
	margin-bottom: 0px;
}
.nav-header-left ul.top-nav li a{
	font-size: 14px;
	color:#aab1b4;
	text-transform: uppercase;
	padding: 3px 30px 0 0;
}
.right-icon{
	text-align: right;
}
ul.icon-link{
	margin:0;
}
ul.icon-link li {
	list-style-type: none;
	display: inline-block;
}
ul.icon-link a {
	padding: 0 10px;
	display: inline-block;
	color:#aab1b4;
}
ul.icon-link a:hover, ul.top-nav li a:hover {
	color:#333333;
}
.social-media-icons-header-spacer{
	margin-left:30px;
}

/******* header-logo ********/
.logo {
	padding: 20px;
	text-align: center;
}
.logo a img, .logo h1 a { 
	display: inline-block; 
}
.logo h1 { margin:0; border:0; }
.logo h1 a {
	word-break:break-all;
	text-decoration:none;
	font-size:32px; 
	line-height:32px; 
	color:#333333;
	margin:0; 
	padding:0;
	border:0;
}
.logo h1 a:hover { text-decoration:none; color:#333333; }
.logo a, .logo img { display:block; margin:0; }
/******* navbar-main menu chính ********/
.header-logo.site-header{
	background: #ffffff;
}
.main-navigation{
	padding: 10px 0;
	border-bottom: 1px solid #e0e3e4;
	border-top: 1px solid #e0e3e4;
	text-align: center;
	background:#ffffff;
}
.nav-wrapper ul.main-menu > li{
	float: none;
	display: inline-block;
}
.nav-wrapper ul.main-menu li a{
	color:#aab1b4;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 14px;
	padding: 10px 15px;
}
.nav-wrapper ul.main-menu li a:hover,.nav-wrapper ul.main-menu li a:focus{
	background: transparent;
	color:#333333;
}

/* dropdown*/
ul.main-menu .sub-arrow {
	position: static;
	margin-top: 0;
	margin-right: 0;
	margin-left: 6px;
	display: inline-block;
	width: 0;
	height: 0;
	overflow: hidden;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px dashed transparent;
	border-bottom: 4px dashed transparent;
	border-left: 4px dashed transparent;
}

.main-menu .dropdown .dropdown-menu{
	padding: 5px 0;
	margin: 2px 0 0;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	min-width: 160px;
}
.main-menu .dropdown:hover .dropdown-menu{
	display:block;
}
.sub-dropmenu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
	position: absolute;
	min-width: 160px;
	background: #fff;
	padding: 5px 0;
	display:none;
	margin: 2px 0 0;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu  span.sub-right{
	border-top: 4px dashed transparent;
	border-bottom: 4px dashed transparent;
	border-left: 4px solid;
	display: inline-block;
	width: 0;
	height: 0;
	overflow: hidden;
	vertical-align: middle;
	position: absolute;
	right: 20px;
	top: 12px;
}
.sub-dropmenu li a.sub-droparrow:before{

}
.main-menu .dropdown .dropdown-menu > li{
	position: relative;
}
.main-menu .dropdown .dropdown-menu > li:hover{
	display:block;
}
.dropdown:hover .dropdown-menu {
	display: block;
	margin-top: 0; 
}


.dropdown-menu li:hover .sub-dropmenu{
	display: block;
	margin-top: 0;
}
/*====================================== Footer ======================================*/
.footer-bottom{
	padding: 40px 0;
	color:#757575;
	background:#f6f6f6;
}
footer a, .footer-bottom a {
	color: #757575;
}
.footer-bottom .title {
	text-transform: uppercase;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 1px;
	padding: 10px 0;
	color:#333333;
	padding-top: 0;
	margin-top: 0;
}
.footer-bottom  .about_us {
	text-align: left;
}
#footer .about_us ul li {
	padding: 0;
	line-height: 30px;
}
#footer .about_us i {
	margin-right: 7px;
	font-size: 15px;
}
.footer-bottom ul.list-unstyled li {
	list-style-type: none;
	padding-bottom: 7px;
}
.group-input {
	position: relative;
	margin: 7px 0px;
}
.group-input button {
	border: 0;
	background: none;
	position: absolute;
	right: 5px;
	top: 0px;
	outline: none;
	color: #212121;
	padding-left: 0;
	padding-right: 0;
	font-size: 16px;
	height: 36px;
	width: 38px;
	color: #757575;
}
.group-input label {
	color:#757575;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	margin: 0;
	left: 10px;
	top: 8px;
	transition: top 0.2s ease-out;
	-moz-transition: top 0.2s ease-out;
	-webkit-transition: top 0.2s ease-out;
}
.group-input input[type="email"] {
	-webkit-appearance: none;
	outline: none;
	padding: 0 10px;
	font-weight: normal;
	vertical-align: top;
	background-color: #ffffff;
	background-image: none;
	filter: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 0;
	color: inherit;
	display: block;
	width: calc(100% - 40px);
	border: none;
	background: #fff;
	margin-bottom: 0;
	height: 36px;
}
.group-input input[type="email"]:focus {
	border-color: #999999;
	outline: 0;
	outline: thin dotted \9;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.group-input input:focus ~ label, .group-input input.not-empty ~ label, .group-input .input:focus ~ label, .group-input .input.not-empty ~ label {
	top: -20px;
	font-size: 90%;
	color: #333333;
	left: 4px;
}
.social-icons ul.list-inline li{
	margin-right: 5px;
	padding: 0;
}
.social-icons ul.list-inline li a {
	font-size: 2em;
	display: inline-block;
	text-decoration: none;
	-moz-transition: all 0.15s ease-in-out 0s;
	-webkit-transition: all 0.15s ease-in-out 0s;
	-o-transition: all 0.15s ease-in-out 0s;
	-ms-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
	padding: 5px 8px;
}
.social-icons ul.list-inline li a :hover{
	color:#333;
}
.footer-copyright{
	padding: 30px 0 30px 0;
	color:#757575;
	font-size: 12px;
	background:#ebebeb;
}
p.copyright {
	text-align: left;
	padding-top: 20px;
	color: #aab1b4;
	font-size: 12px;
}
.footer-payment-methods {
	text-align: right;
}
.footer-payment-methods ul.payment_link li {
	display: inline-block;
	height: auto;
	width: 50px;
	margin: 0 0 10px 10px;
}

/*=============end- Footer =============*/
/*====================================== index ======================================*/
/******* sections_adverts ********/
.adverts_item {
	margin-top: 20px;
	margin-bottom: 20px;
	border-left: 1px solid #bfbfbf;
	text-align: center;
}
.adverts_item:first-child {
	border-left: none;
}
.adverts_item span {
	width: 100%;
	display: inline-block;
	padding: 0;
}
.text-advert-header{
	padding: 0 10px;
	margin: 0;
	color:#000000;
}
.text-advert-subheader{
	padding: 5px 10px 0 10px;
	margin: 0;
	opacity: 0.5;
	font-size: 12px;
	color:#000000;
}
/********************* Slider********************************/

/** home slider**/
.hrv-banner-container {
	overflow: hidden;
}
.hrv-banner-container .hrv-banner-content {
	position: absolute;
	right: 0;
	left: 0;
	top: 50%;
	margin-top: -93px;
}
.hrv-banner-caption{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	pointer-events: none;}
.hrv-banner-caption .container {
	height: 100%;
}
.hrv-caption-inner{
	position: relative;
	height: 100%;
}

.hrv-banner-container .owl-pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2%;
}
.hrv-banner-container .owl-page span {
	display: block;
	width: 13px;
	height: 13px;
	margin: 5px;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background: #fff;
}
.hrv-banner-container .owl-page.active span {
	background: #f4a137;
}
.hrv-banner-container .owl-controls {
	text-align: center;
}
.hrv-banner-container .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
}


.hrv-banner-container .hrv-title1 {
	font-size: 30px;
	color:#ffffff;
	line-height: 1.5;
}

.hrv-banner-container .hrv-title2 {
	position: relative;
	margin-left: 12px;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 70px;
	line-height: 1.2;
	text-transform: uppercase;
	color:#ffffff;
}
.hrv-banner-container .hrv-banner-content .hrv-url {
	position: relative;
	font-size: 15px;
	line-height: 1.6;
	padding: 0 15px;
	text-transform: uppercase;
	border: 1px solid white;
	display: inline-block;
	margin-top: 15px;
	border-color: #000000;
	background:#000000;
	color:#ffffff;
}
.hrv-banner-container .hrv-banner-content .hrv-url:hover {
	color: #fff;
	border-color: #f4a137;
	background: #f4a137;
}




#hrv-banner-caption1 .hrv-banner-content{

	text-align:center;

}

#hrv-banner-caption1 .hrv-title1 {
	-webkit-animation: bounceInUp 1000ms ease-in-out;
	-moz-animation: bounceInUp 1000ms ease-in-out;
	-ms-animation:bounceInUp 1000ms ease-in-out;
	animation: bounceInUp 1000ms ease-in-out;
}
#hrv-banner-caption1  .hrv-title2 {
	-webkit-animation: bounceInUp 2000ms ease-in-out;
	-moz-animation: bounceInUp 2000ms ease-in-out;
	-ms-animation:bounceInUp 2000ms ease-in-out;
	animation: bounceInUp 2000ms ease-in-out;
}
#hrv-banner-caption1 .hrv-banner-content .hrv-url {
	-webkit-animation:bounceInUp 3000ms ease-in-out;
	-moz-animation:bounceInUp 3000ms ease-in-out;
	-ms-animation:bounceInUp 3000ms ease-in-out;
	animation:bounceInUp 3000ms ease-in-out;
}





#hrv-banner-caption2 .hrv-banner-content{

	text-align:left;

}

#hrv-banner-caption2 .hrv-title1 {
	-webkit-animation: bounceInRight 1000ms ease-in-out;
	-moz-animation: bounceInRight 1000ms ease-in-out;
	-ms-animation:bounceInRight 1000ms ease-in-out;
	animation: bounceInRight 1000ms ease-in-out;
}
#hrv-banner-caption2  .hrv-title2 {
	-webkit-animation: bounceInRight 2000ms ease-in-out;
	-moz-animation: bounceInRight 2000ms ease-in-out;
	-ms-animation:bounceInRight 2000ms ease-in-out;
	animation: bounceInRight 2000ms ease-in-out;
}
#hrv-banner-caption2 .hrv-banner-content .hrv-url {
	-webkit-animation:bounceInRight 3000ms ease-in-out;
	-moz-animation:bounceInRight 3000ms ease-in-out;
	-ms-animation:bounceInRight 3000ms ease-in-out;
	animation:bounceInRight 3000ms ease-in-out;
}





#hrv-banner-caption3 .hrv-banner-content{

	text-align:center;

}

#hrv-banner-caption3 .hrv-title1 {
	-webkit-animation: bounceInLeft 1000ms ease-in-out;
	-moz-animation: bounceInLeft 1000ms ease-in-out;
	-ms-animation:bounceInLeft 1000ms ease-in-out;
	animation: bounceInLeft 1000ms ease-in-out;
}
#hrv-banner-caption3  .hrv-title2 {
	-webkit-animation: bounceInLeft 2000ms ease-in-out;
	-moz-animation: bounceInLeft 2000ms ease-in-out;
	-ms-animation:bounceInLeft 2000ms ease-in-out;
	animation: bounceInLeft 2000ms ease-in-out;
}
#hrv-banner-caption3 .hrv-banner-content .hrv-url {
	-webkit-animation:bounceInLeft 3000ms ease-in-out;
	-moz-animation:bounceInLeft 3000ms ease-in-out;
	-ms-animation:bounceInLeft 3000ms ease-in-out;
	animation:bounceInLeft 3000ms ease-in-out;
}





#hrv-banner-caption4 .hrv-banner-content{

	text-align:center;

}

#hrv-banner-caption4 .hrv-title1 {
	-webkit-animation: fade 1000ms ease-in-out;
	-moz-animation: fade 1000ms ease-in-out;
	-ms-animation:fade 1000ms ease-in-out;
	animation: fade 1000ms ease-in-out;
}
#hrv-banner-caption4  .hrv-title2 {
	-webkit-animation: fade 2000ms ease-in-out;
	-moz-animation: fade 2000ms ease-in-out;
	-ms-animation:fade 2000ms ease-in-out;
	animation: fade 2000ms ease-in-out;
}
#hrv-banner-caption4 .hrv-banner-content .hrv-url {
	-webkit-animation:fade 3000ms ease-in-out;
	-moz-animation:fade 3000ms ease-in-out;
	-ms-animation:fade 3000ms ease-in-out;
	animation:fade 3000ms ease-in-out;
}




@media only screen and (max-width: 991px) {
	.hrv-banner-container .owl-pagination{display:none;}
}
@media only screen and (max-width: 767px) {
	.hrv-banner-container .hrv-banner-content {
		margin-top: -60px;
	}

	.hrv-banner-container  .hrv-title1 {
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 15px;
	}
	.hrv-banner-container .hrv-title2 {
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 15px;
		letter-spacing:2px;
	}
	.hrv-banner-container .hrv-banner-content .hrv-url{
		font-size: 14px;
		margin-top:5px;
	}
}
@media only screen and (max-width: 568px) {
	.hrv-banner-container .hrv-banner-content {
		margin-top: -60px;
	}
	.hrv-banner-container .hrv-title1 {
		font-size: 20px;
		line-height: 25px;
	}
	.hrv-banner-container .hrv-title2 {
		letter-spacing: 5px;
	}
	.hrv-banner-container  .hrv-banner-content .hrv-url {
		font-size: 12px;
		line-height: 24px;
		padding: 0 10px;
		margin-top: 10px;
	}
	.hrv-banner-container .owl-controls .owl-buttons {
		display: none;
	}
}
@media only screen and (max-width: 480px) {
	.hrv-banner-container .hrv-banner-content {
		margin-top: -50px;
	}

	.hrv-banner-container .hrv-title1 {
		font-size: 15px;
		line-height: 20px;
		margin-bottom: 5px;
	}
	.hrv-banner-container .hrv-title2 {
		letter-spacing: 0;
		margin-bottom: 5px;
		line-height: 30px;
		font-size: 25px;
		letter-spacing:2px;
	}

	.hrv-banner-container  .hrv-banner-content .hrv-url {
		font-size: 10px;
		line-height: 18px;
		padding: 0 10px;
		margin-top: 5px;
	}

	.logo.logo-mobile{width: calc(100% - 70px)!important;}
	.main-header .breadcrumb{font-size: 10px!important;line-height: 20px!important;}

}
@media only screen and (max-width: 375px){
	.hrv-banner-container .hrv-banner-content {
		margin-top: -35px;
	}

	.hrv-banner-container .hrv-title1 {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 5px;
	}
	.hrv-banner-container .hrv-title2 {
		letter-spacing: 0;
		margin-bottom: 5px;
		line-height: 25px;
		font-size: 20px;
		letter-spacing:2px;
	}

}
.hrv-banner-container .owl-page span {
	display: block;
	width: 13px;
	height: 13px;
	margin: 5px;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background: #fff;
	width: 12px !important;
	height: 12px !important;
	background: none !important;
	border: 2px solid rgba(255, 255, 255, 0.6) !important;
	border-radius: 50%;
	position: relative;
	box-sizing: content-box;
}
.hrv-banner-container .owl-page.active span:after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background: #fff;
	position: absolute;
	top: 2px;
	left: 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.hrv-banner-container .owl-page.active span{
	border-color: white !important;
}

.hrv-banner-container  .owl-controls .owl-buttons div {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px; 
	border-radius:50%; 
	background-color: transparent;
	font-size: 0;
	z-index: 9;
	cursor: pointer;
	top: 50%;
	margin-top: -23px;
	opacity: 0;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}

.owl-buttons >div {
	display: inline-block;
	position: absolute;

	background: transparent;
	text-indent: -9999px;

	transition: all .3s ease-in-out;
	text-decoration: none;
	color: transparent;
}
.hrv-banner-container  .owl-controls .owl-buttons div.owl-prev {
	background: url(slider-arrowsa22a.png?v=1040) repeat scroll 0 0;
	margin: 0 0 0 -40px;
	left: -55px;
}

.hrv-banner-container  .owl-controls .owl-buttons div.owl-next {
	background: url(slider-arrowsa22a.png?v=1040) repeat scroll 0 100%;
	margin: 0 -40px 0 0;
	right: -55px;
}

.hrv-banner-container:hover .owl-buttons div.owl-prev {
	margin-left: 70px;
	opacity: 0.8;
}
.hrv-banner-container:hover .owl-buttons div.owl-next {
	margin-right: 70px;
	opacity:  0.8;
}
/** end home slider **/

/*****   homepage-section-informaiton *****/
.informaiton-right h2 {
	font-size: 30px;
	color:#000000;
}
@media (min-width: 992px){
	.media-customer{
		margin-right: -15px;
		margin-left: -15px;
	}
	.media-customer .col-media-8 {
		width: 66.66666667%;
		padding:0 15px;
	}
	.media-customer .col-media-4 {
		width: 33.33333333%;
		padding:0 15px;
	}
}
/** end  homepage-section-informaiton **/
/*****   homepage-section-instagram *****/
.instagram-grid-5 {
	width: 20%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 30px;
}
/** end  homepage-section-instagram **/
/*****   homepage-section-blogs *****/
.homepage-section-blogs{

}
.article-image {
	position: relative;
}
.article-image a::after {
	background-color: rgba(51,51,51,0.5);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity 0.2s ease-in-out 0s;
	width: 100%;
}
.article-body{
	margin-top: 20px;
}
.article-body h2 {
	margin-top: 10px;
	font-size: 30px;
}
.article-body h2 a{
	color:#000000;
	font-weight: 500;
}
.article-body h2 a:hover{
	color:#333333;
}
.blog-publish-date {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 13px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	font-weight: 500;
}
.blog-title--divider {
	background-color:#000000;
	display: inline-block;
	height: 1px;
	margin: 10px 0 5px;
	position: relative;
	vertical-align: middle;
	width: 36px;
}
.home-blog-excerpt {
	padding: 15px 0;
}
.article-image a:hover::after {
	opacity: 1;
	transition: opacity 0.6s cubic-bezier(0, 0.01, 0, 0.99) 0s;
}
/** end homepage-section-blogs **/
/*****   parallax-wrapper *****/

.parallax-wrapper {
	overflow: hidden;
	position: relative;
}
.parallax_caption{
	position: relative;
	z-index:9;
	color:#ffffff;
}
.parallax-bkg::before {
	background-color: #000;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.6;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.parallax-bkg-1{
	background: url(parallax-topa22a.jpg?v=1040) no-repeat center fixed;
	background-size: cover;
	text-align: center;
	padding: 55px 0;
}
.parallax-bkg-2{
	background: url(parallax_bottoma22a.jpg?v=1040) no-repeat center fixed;
	background-size: cover;
	text-align: center;
	padding: 55px 0;
}

.parallax_caption h2.parallax_title{
	font-size: 36px;
	margin-top: 20px;
	margin-bottom: 10px;
	color:#ffffff;
}
.parallax_caption .parallax_text{
	padding: 0 30px;
}
/** end parallax-wrapper **/
/*====================================== collections ======================================*/
.collection-by .dropdown-toggle{
	height: 36px;
	padding: 0 34px 0 12px;
	border: 1px solid #dcdcdc;
	background: #fff;
	border-radius: 0;
	min-width:180px;
	text-align: left;
	color:#000000;
}
.collection-by .dropdown-toggle::after {
	content: '';
	display: block;
	position: absolute;
	top: 15px;
	right: 14px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 5px 0 5px;
	border-color: #bababa transparent transparent transparent;
}
.collection-by.btn-group.open .dropdown-toggle,.collection-by.btn-group .dropdown-toggle:active {
	box-shadow: none;
	background: transparent;
}
.collection-by ul.dropdown-menu {
	border-radius: 0;
	width: 100%;
}

.collection-by ul.dropdown-menu li a {
	color:#000000;
}
.sort-collection {
	padding: 20px 0;
}
.content-product-list {
	margin-top: 20px;
}
.browse-tags{
	display: inline-block;
}

.browse-tags span.text-l,.collection-by span.text-l{
	display: block;
	text-align: left;
	margin-bottom: 5px;
}
.custom-dropdown {
	margin-top: 5px;
	display: inline-block;
	position: relative;
	vertical-align: middle;	
	max-width: 100%;
	overflow: hidden;
	margin-left: 2px;
	border-radius:0px;
}
.browse-tags .custom-dropdown{
	width:180px;
	margin-top:0px;
	margin-bottom:0px;
}
.browse-tags .custom-dropdown__select{
	text-transform: none;
	font-size: 14px;
}


.custom-dropdown::after {
	content: "";
	position: absolute;
	pointer-events: none;
}
.custom-dropdown__select {
	font-size: inherit;
	padding: .5em;
	margin: 0;
	width:100%;
}
.custom-dropdown__select::-ms-expand{
	display:none;
}
.custom-dropdown__select {
	display: block;

	height: 36px;
	padding: 0 34px 0 12px;
	border: 1px solid #dcdcdc;

	background: #fff;
	outline: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	appearance:none; 
	cursor: pointer;
	text-indent: 1px;
	text-overflow: '';

}
.custom-dropdown::after {
	content: '';
	display: block;
	position: absolute;
	top: 15px;
	right: 14px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 5px 0 5px;
	border-color: #bababa transparent transparent transparent;
}

/*====================================== product ======================================*/
/* product- img */
.product-page .slide-nav {
	display: none;
}
#sliderproduct {
	position: relative;
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.product-thumb {
	width: 125px;
	box-sizing: border-box;
}
li.product-thumb {
	border: 1px solid #ebebeb;
	margin: 5px;
	padding: 1px;
	text-align: center;
	display: inline-block;
}
.product-thumb.active, .product-thumb:hover {
	border: 1px solid #00a7f4;
	position: relative;
}
div#surround {
	position: relative;
}
/* product- detail */
.product-title h1 {
	font-weight: 500;
	line-height: 22px;
	text-transform: capitalize;
	margin-top: 0px;
	margin-bottom: 30px;
	font-size: 36px;
	color:#000000;
}
div#price-preview {
	margin: 10px 0 30px 0;
}
.product-price span {
	font-size: 24px;
	color:#000000;
	margin-right: 25px;
}

div#price-preview {
	margin: 10px 0 30px 0;
}

.product-price del {
	color: #898989;
	text-decoration: line-through;
	margin-top: 2px;
}
.selector-wrapper label, .select-wrapper label {
	color:#aab1b4;
	text-transform: uppercase;
	font-size: 12px;
	display: block;
}
.select .selector-wrapper {
	width: 50%;
	float: left;
	padding: 0 15px;
	margin-bottom:20px;
}
.select .selector-wrapper .custom-dropdown {
	width: 100%;
	color:#aab1b4;
}

#quantity {
	text-indent: 10px;
	height: 35px;
	border: 1px solid #ebebeb;
	max-width: 100%;
	border-radius: 0;
	width: 80px;
	margin-bottom: 20px;
	color:#aab1b4;
}
.btn-detail {
	text-transform: uppercase;
	font-weight: bold;
	border: 1px solid transparent;
	position: relative;
	font-size: 16px;
	color:#ffffff;
	text-align: center;
	height: 48px;
	cursor: pointer;
	background: #000000;
	width: 100%;
	margin-bottom:20px;
}
.box-like-socials-article {
	float: left;
	padding-right: 5px;
}

/*Product tag*/
.tag-wrapper {
	float: left;
	margin: 10px 0px;
	width: 100%;
}

.tag-wrapper a {
	background: #ebebeb;
	color: #000000;
	padding: 1px 5px;
	font-size: 10px;
	border-left: 3px solid #000000;
float: left;
margin: 0px 5px;
}

.tag-wrapper label {
	font-size: 16px;
	float: left;
	line-height: 37px;
}

.tag-wrapper .tags li.active a, .tag-wrapper .tags li.active a:before {
	border-left-color: #000000;
}
.tags li {
	display: inline-block;
	list-style-type: none;
}

.tags li a {
	display: inline-block;
	background: #ebebeb;
	border-left: 3px solid #000000;
color: #000000;
padding: 4px 9px;
position: relative;
margin: 5px;
font-size: 10px;
}

.tags li a:before {
	left: 0;
	top: 11px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #000000;
	border-width: 4px;
}

.tags li.active a, .tags li.active a:before {
	border-left-color: #000000;
}
/*End  product tag*/

.product-comment ul.nav-tabs {
	border-bottom: 0;
	display: table;
	margin: 0 auto;
	text-align: center;
	margin-bottom:20px;
}
.product-comment ul.nav-tabs li{
	margin:0px 5px;
}
.product-comment ul.nav-tabs li a {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 1px;
	padding:5px;
	display: inline-block;
	margin: 0;
	color: #000000;
	border: 0;
}
.product-comment ul.nav-tabs li a:hover,.product-comment ul.nav-tabs li.active a,
.product-comment ul.nav-tabs li.active>a:focus{
	background: transparent; 
	border: 0;
	border-bottom: 2px solid  #000000;
color: #000000;
}

.list-like .title-like{
	margin-bottom: 40px;
}
/*====================================== blog ======================================*/
.news-content .body-article {
	margin-top: 20px;
}
.news-content .body-article h2.title-article{
	font-size: 30px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.news-content .body-article h2.title-article a{
	font-size: 30px;
	font-weight: 500;
	color:#000000;
}
.news-content .body-article a.readmore  {
	text-decoration: underline;
	color:#000000;
}
.news-content .body-article .info-more li {
	display: inline-block;
	margin-right: 10px;
}
.news-content .body-article .info-more li a,.news-content .body-article .info-more li i{
	color:#000000;
}
/************  blog_sidebar **************/
.group_sidebar h3.sb-title{
	font-size: 13px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 5px;
	font-weight: 500;
	color:#000000;
}
.article.seller-item{
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 12px 0;
	clear: both;
}
.article.seller-item .sellers-img {
	padding-left: 0;
}
.seller-item .post-content a{
	font-weight: bold;
	color:#000000;
}
.seller-item .post-content a:hover,.news-content .body-article h2.title-article a:hover,
.news-content .body-article a.readmore:hover{
	color:#333333;
	opacity: 0.8;
}
.post-content span.date {
	display: block;
}
.post-content span.date i{
	font-size: 13px;
	margin-right: 8px;
}
.feauter-article .img-feauter{
	margin-bottom: 30px;
}
.feauter-article h2{
	font-size: 13px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 5px;
	font-weight: 500;
}
.feauter-article h2 a{
	font-weight: 500;
	color:#000000;
}
/*====================================== page contact about 404 ======================================*/
.form-control {
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #ebebeb;
} 
.contact-form .input-lg, .contact-form .form-group-lg .form-control {
	height: 43px;
	padding: 8px 16px;
	font-size: 14px;
	line-height: 17px;
	border-radius: 4px;
}
.info-address li i {
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid  #ebebeb;
	width: 35px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.info-address li {
	margin-bottom: 10px;
	padding-left: 45px;
	position: relative;
	line-height: 30px;
}
.page-not .subtext{
	margin-top:20px;
}
/*================================page search  ===================================*/
#search .search-field{
	max-width: 350px;
	margin: auto;
}
#search .search_box {
	border: 1px solid #aab1b4;
	height: 57px;
	margin: 20px 0 10px;
}
#search input#go {
	border: 0;
	margin: 20px 0 10px;
	height: 57px;
}
/*================================ cart  cart-drawer ===================================*/
.main-body{
	position: relative;
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease,-webkit-transform .4s ease;
	width: 100%;
}
.main-body.body-left{
	border-right: 1px solid #e6e6e6;
	webkit-transform: translate(-390px,0);
	-ms-transform: translate(-390px,0);
	transform: translate(-390px,0);
	-webkit-transform: translate3d(-390px,0,0);
	transform: translate3d(-390px,0,0);
	position: fixed;
}
.slideout-cart.body-right{
	display:block
}

#slideout-overlay {
	background-color: white;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	opacity: 0.9;
	display: none;
	top: 0 !important;
}
.shopping-cart-right{
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 0;
	width: 390px;
	display: none;
	overflow-y: auto;
	padding:0 20px;
}
.slideout-open .slideout-menu {
	overflow-x: hidden;
}
.cart-menu-close{
	font-size: 20px;
	color: #999;
	z-index: 2;
	float: right;
	padding: 15px;
}
/* content cart*/

.cart-info {
	display: inline-block;
	position: relative;

}
.cart-view table{
	width: 100%;
}

.cart-view table td.img img{
	width: 70px;
	margin: 5px;
	border: 1px solid #dddddd;
	max-width: none;
}
.cart-view table td a{
	font-size: 11px;
	float: left;
	width: 100%;

}
#cart-view tr td ,.table-total tr td{
	border: none!important;
}

.cart-view .line {
	float: left;
	width: 100%;
	border-top: 2px solid  #000000;
margin: 10px 0px;
}
.cart-view a.linktocart {
	font-size: 13px;
	background:#ebebeb;
	border: 1px solid #ebebeb;
color:#000000;
text-align: center;
text-transform: uppercase;
padding: 12px 30px;
position: relative;
float: left;
width: 100%;
white-space: nowrap;
margin-top: 10px;
margin-bottom:25px;
}

.cart-view a.linktocheckout {
	background:#000000;
	color: #ffffff;
	border: 1px solid #000000;
font-size: 13px;
text-align: center;
text-transform: uppercase;
padding: 12px 30px;
position: relative;
float: right;  
width: auto;
width: 100%;
white-space: nowrap;
margin-top: 10px;
margin-bottom:25px;
}

table#cart-view tr {
	border-bottom: 1px dotted #bcbcbc;
}
table#cart-view tr td {
	border-top: 0;
}
table#cart-view tr td {
	border: none;
}

.cart-view table td.img img {
	border: none;
}
#cart-view tr td:not(.img) {     padding: 10px 0;position: relative;
	padding-right: 20px; }
.remove-cart {
	position: absolute;
	right: 10px;
}
table tr td:last-child, table tr th:last-child {
	padding: 0px 20px 0 20px;
}

.cart-view table td a {
	margin: 0 0 2px;
	padding: 0;
	font-size: 14px;
	font-size: 14px;
	font-weight: 400;
	line-height:1.2;
	color:#aab1b4;
}

span.pro-quantity-view {
	position: relative;
	vertical-align: top;
	padding-right: 15px;
	display: inline-block;
	margin-right: 10px;
}

span.pro-quantity-view {
	float: left;
	width: auto;
	border: 1px solid #dcdcdc;
	text-align: center;
	padding: 6px 8px;
	font-size: 12px;
	line-height: 1;
	margin-right: 12px;
}

span.pro-price-view {
	display: block;
	text-align: center;
	float: left;
	color: #222;
	line-height: 26px;
	font-weight: 900;
}
#cart-view tr:last-child {
	border: none;
}
#cart-view .variant {
	font-size: 11px;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	font-style: italic;
	line-height: 1.2;
	margin-bottom: 2px;
}

/*================================ cart  page ===================================*/
/**** page checkout ***/
/* 1.6 - Tables */
table { width: 100%; border-spacing: 0; }
table tr td { border-top: 1px solid #dddddd; }

table tr td:first-child, table tr th:first-child { padding-left: 0px; }
table tr td:last-child, table tr th:last-child { padding-right: 0px; }

strong { font-weight: 700; }
em { font-style: italic; }

/* 3.7 - Cart */
#cart .buttons { margin-top: 30px; }
#cart .extra-checkout-buttons { float: right; text-align: right;  padding-top: 15px; }
#cart .extra-checkout-buttons input { border: none; box-shadow: none; height: 42px; }
#cart .qty { text-align: center; }
#cart .price, #cart .remove { text-align: right; }
#checkout { 
	float: right;
	margin-left: 15px;
	margin-bottom:15px;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 0 !important;
	text-transform: uppercase;
	height: 40px;
	line-height: 38px;
	font-size: 13px;
	background: #000000;
	color:#ffffff;
	border: 1px solid  #000000;
letter-spacing: 0;
}
#update-cart {
	float: right;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 0 !important;
	text-transform: uppercase;
	height: 40px;
	line-height: 38px;
	font-size: 13px;
	background: #ebebeb;
	color: #000000;;
	border: 1px solid  #ebebeb;
letter-spacing: 0;
}
#cart .image { text-align: center; }
#cart .image a, #cart .image img { margin: 0; border: none;max-height:100px }
#cart a .variant_title { display: block; color: #555555; }
#cart .item-description { font-size: 12px; }
#cart .item-quantity{width:50px; text-align: center;}
.subtext.success { font-weight: 700; color: #40954a; }
div.errors, .subtext.error { font-weight: 700; color: #f00; }
div.errors a{color: #53A1CC}
div.errors { margin-bottom: 15px; }

.cart-buttons { float:right!important}
.checkout-buttons textarea{
	border-radius: 4px;
	height: 70px;
	border-color: #DDD7D7;
	margin-top:3px;
	max-width:100%;
	padding:5px;
}
.inner-right .checkout-buttons{
	margin-top:15px;
}
#cartformpage .remove a {color:#333;margin-right:20px;}
#cartformpage .remove a.cart:hover {
	color: #53a1cc;
}
#cartformpage img{
	max-width:50px;
}
#cartformpage th{
	padding-bottom:20px;}
#cartformpage td{
	padding:5px;}
.cart-buttons{
	margin-top:30px;
}
.continue-shop {
	margin: 10px 0;
}

.checkout-buttons label {
	display: block;
}

.cart-buttons .button-default {
	width: 150px;
}
table tr th,.checkout-buttons label{font-weight:bold;}
/** end checkout**/

/*====================================== Tài khoản account custom ======================================*/

/*********page customer **********/
/* 3.9 - Customer Pages */
#customer-account p, #customer-order p { line-height: 14px; }
#login input.text { width: 220px; }
#customer-activate .create-password { margin-bottom: 30px; }
#customer-activate .label, #customer-login .label, #customer-reset-password .label, #customer-register .label { display: block; }
#customer-activate .text, #customer-login .text, #customer-reset-password .text, #customer-register .text { display: block; margin-bottom: 15px; }
#customer-login .action_bottom, #customer-register .action_bottom,.address_actions { margin-top: 15px; }
#order_cancelled { margin-bottom: 30px; }
#customer-addresses .add-new-address { display: block; }
.userbox {
	max-width: 100%;
	width: 335px;
	padding: 15px;
	background-color: #fff;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	margin:auto;
	margin-top: 30px;
	margin-bottom:50px;
}
.userbox h2 {
	color: #75828C;
	font-size: 16px;
	margin-top: 0;
	display: inline;
}
.icon-field {
	display: inline-block !important;
	background-color: #ebebeb !important;
	color: white;
	border: solid 1px #ebebeb;
text-align: center;
height: 37px;
vertical-align: middle;
line-height: 33px;
width: 35px;
margin-top: 10px;
margin-bottom: 2px;
float: left;
}
.icon-login {
	display: inline;
	width: auto;
	height: auto;
	line-height: normal;
	vertical-align: baseline;
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
	margin-top: 0;
}
.icon-envelope:after {
	content: url(../../../../hstatic.net/0/0/global/design/theme-default/email.png);
}
.icon-user:after {
	content: url(../../../../hstatic.net/0/0/global/design/theme-default/userico.png);
}
.userbox input[type=email],
.userbox input[type=password],
.userbox input[type=text] {
	max-width: calc(100% - 30px)!important;
	width: 270px !important;
	height: 37px;
	display: inline-block !important;
	background-color: #fff;
	border: solid 1px #ebebeb;
margin-left: -5px;
margin-top: 10px;
float: left;
padding-left: 10px;
outline: none;
margin-bottom: 0px !important;
}
.icon-shield:after {
	content: url(../../../../hstatic.net/0/0/global/design/theme-default/pass.png);
	margin-top: 8px;
	display: block;
}
.action_bottom .btn {
	font-size: 14px;
	font-weight: 600;
	color: white;
	display: inline-block;
	text-decoration: none;
	width: 100%;
	height: 35px;
	background: #000000;
	text-align: center;
	border: none;
	margin-top: 15px;
}

#customer-login .action_bottom {
	margin-top : 0px;
}
.req_pass {
	margin-top:10px;
}
.req_pass a {
	color : #aab1b4 !important;
}
.req_pass a:hover {
	color : #333333 !important;
}
div#recover-password h2 {
	color: #4091BD;
	font-weight: bold;
	text-align: center;
	width: 100%;
	float: left;
	border-bottom: 1px solid;
}
li.user{
	color: #fff;
	font-size: 18px!important;
}
li.user a:not(.fa) {
	font-size: 18px!important;
	font-weight: bold;
	line-height: 50px;
}

.custom-create h1 {text-align:center;}

/** customer new **/
.AccountContent {
	margin-top: 20px;
}
#customer_sidebar h2 ,#customer_sidebar p {
	margin-bottom: 0;
}
#customer_sidebar{margin-top:0;}
.AccountList ul > li > a{
	display: block;
	position: relative;
	padding: 5px 0px;
}
.AccountList ul > li > a:before {
	content: "\f0c8";
	font-family: "FontAwesome";
	font-size: 8px;
	display: inline-block;
	margin-right: 8px;
}
ul.list-unstyled .fa {
	margin: -3px 5px 0 0;
	font-size: 18px;
	width: 20px;
	text-align: center;
}
#customer_orders table, #order_details {
	width: 100%;
	background: #fff;
}
#customer_orders table tr, #order_details tr {
	height: 25px;
	line-height: 30px;
}
#customer_orders table thead th, #order_details tr th {
	font-weight: 500;
}
#customer_orders table tr.odd, #order_details tr {
	background: #fff;
}
#customer_orders table tr td, #order_details tr td {
	vertical-align: middle;
	border-top: none;
	font-size: 13px;
}
#order_details tr td{
	line-height:21px;
}
#order_details b{

	font-weight:500;
}
#customer_orders table tr a{
	font-weight: 300;
	float: left;
	width: 85%;
	margin-left: 3px;
	line-height: 20px;
}
#order_details tr a {
	font-weight: 300;
	float: left;
	margin-left: 3px;
	line-height: 20px;
}
.title-detail {
	color:#000000;
	padding-bottom: 10px;
	font-size: 15px;
	margin-bottom: 10px !important;
	border-bottom: 1px solid #ebebeb;
}
#customer_sidebar h2, #customer_sidebar p {
	margin-bottom: 0;
}
.name_account {
	font-weight: 500;
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 5px;
}
.customer-table-wrap{
	margin-top: 15px;
	background: #f7f7f7;
	padding: 10px;
}
.customer-table-bg  {
	background: #fff;
	padding: 10px;
}
.customer-table-bg .table>tbody>tr>th{border-top:none;}


.order_date {
	font-weight: normal;
	font-size: 13px;
	text-transform:none;

}
.order_section_title {
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	margin: 0 0 10px;
	padding: 10px 0px;
	position: relative;
	text-transform: uppercase;
}
.alert-info{
	border-radius:0;
	margin-bottom:0;
}
.text_status{
	font-weight:500;
}
.adressName {
	margin: 0px 0px 10px;
	padding: 10px 0px;
	border-bottom: 1px solid #eeeeee;
	font-size: 17px;
}
.account-order .address {
	margin: 0px 0px 30px;
	padding: 10px;
	background-color: #fbfbfb;
}
.address p{
	margin-bottom:5px;
}
.address_title {
	margin-bottom:0;
	font-size: 16px;
	padding: 10px 0 10px 10px;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.address_table {
	margin-bottom: 10px;
	border-top: 0px solid #ddd;
	background: #fafafa;
	padding: 8px;
}
#address_tables .address_table:first-of-type {
	border: 0;
}
.address_actions {
	margin-top: 10px;
}
p.address_actions.text-right {
	margin-bottom: -15px;
	position: relative;
	z-index: 99;
	line-height:13px;

}
span.action_link {
	padding: 5px;
}
.view_address p {
	margin: 5px 0;
	line-height:15px;
}
.view_address p > b {
	font-weight: 500;
}
.view_address p > strong {
	font-weight: 500;
	font-size: 15px;
	color:#000000;
}
.account-address .note{
	border:none;padding:0;
}
.action_link a{
	text-transform: uppercase;
	font-size:13px;

}

.add-new-address {
	padding-bottom: 10px;
	display: inline-block;
	padding: 10px;
	background: #000000;
	color:#ffffff !important;
}
.name-order{
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	text-transform: uppercase;
}
.account-address .input-group-addon{
	padding: 6px 10px;
	border-radius: 0;
	color: #DAD9D9;
}
.address_title h3{margin-bottom:0;}
.address_title strong{
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
}
.input-group {
	margin: 10px 0px;
}
/*====================================== pagination-default ======================================*/
div#pagination {
	background: #fff;
	border-radius: 5px;
	width: 100%;
	float: left;
	margin:20px 0;
}
div#pagination .prev, div#pagination .next {
	background-color: #ebebeb;
	color: #000000;
	position: relative;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	padding:16px;
	text-decoration: none;
	text-transform: uppercase;
}
div#pagination .fa:before {
	font-size: 22px;
	position: absolute;
	top:18px
}
div#pagination .next:before {
	right: 16px;
}
div#pagination .prev span, div#pagination .next span {
	font-size: 12px;
	text-transform: uppercase;
	padding: 0px 5px 0px 20px;
	white-space: nowrap;
	line-height: 29px;
}
div#pagination .next span {
	padding: 0px 20px 0px 0px;
	text-align: right;
}
div#pagination a.page-node, div#pagination span.page-node {
	font-size: 15px;
	color:#aab1b4;
	padding: 0px 10px;
	height: 57px;
	display: inline-block;
	line-height: 56px;
}
div#pagination a.page-node:hover, div#pagination span.page-node.current {
	border-bottom: 2px solid #000000;
color: #000000;
font-weight: bold;
}
div#pagination .prev:hover, div#pagination .next:hover {
	color:#333333;
}
/*================================ wrap-breadcrumb breadcrumb ===================================*/
.wrap-breadcrumb {
	margin: 20px 0;
}
.wrap-breadcrumb .breadcrumb {
	display: block;
	float: none;
	background: transparent;
	font-size: 12px;
	color: #A1A1A1; 
	padding: 10px 0;
	margin: 0;
	border-radius: 0;
}
.wrap-breadcrumb .breadcrumb>li+li:before {
	padding: 0 2px;
	color: #A1A1A1; 
	content: "\f105";
	font-family: FontAwesome;
}
/*================================ responsive  ===================================*/
@media (max-width: 991px) and (min-width: 768px){
	ul.icon-link {
		margin: 15px 0;
		text-align: center;
	}
	.top-nav>li {
		display: inline-block;
		float: none;
	}
	.nav-header-left ul.top-nav {
		margin-bottom: 0px;
		text-align: center;
		width: 100%;
		line-height: 44px;
	}
	.nav-header-left ul.top-nav li a{
		padding: 0 15px 15px 15px;
	}
	.footer-bottom .clear-sm:nth-child(2n+1) {
		clear: both;
	}
	.footer-copyright {
		padding: 25px 0 10px 0;
	}
	/* homepage-section-instagram */
	.instagram-list{
		margin:0;
	}
}
@media ( max-width: 767px) {
	.mr-b-50 {
		margin-bottom: 25px;
	}
	.product-block {
		margin-bottom: 20px;
	}
	.product-sale {
		padding: 6px 10px;
	}
	/* topbar */
	nav.nav-header-left {
		display: none;
	}
	.right-icon {
		text-align: center;
	}
	.adverts_item {
		border-left:0;
	}
	.social-media-icons-header-spacer{
		margin-left:0px;
	}

	ul.icon-link li a.slide-menu-cart {
		display: none;
	}
	.search_block_top .search_query {
		width: 240px;
	}
	/* ********* mobile-header-wrap  *********/
	.mobile-header-wrap {
		padding-top: 20px;
	}
	.menu-btn{
		color: #000000;
	}
	#mm-blocker {
		background: rgba(3,2,1,0.5);
		display: none;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999999;
	}
	.mm-menu {
		background: #fff;
		color: #4d4d4d;
		display: block;
		overflow: hidden;
		padding: 0;
		width: 80%;
		min-width: 140px;
		max-width: 440px;
		border-color: #ebebeb;
	}
	/* cart-view */

	.main-body.body-left {
		border-right: 1px solid #e6e6e6;
		webkit-transform: translate(-300px,0);
		-ms-transform: translate(-300px,0);
		transform: translate(-300px,0);
		-webkit-transform: translate3d(-300px,0,0);
		transform: translate3d(-300px,0,0);
	}
	.shopping-cart-right {
		width: 300px;
		padding: 0 10px;
	}

	/* sections_adverts */
	#adverts_slide_mobile .owl-pagination .owl-page {
		margin: 0 6px;
		display: inline-block;
	}
	#adverts_slide_mobile .owl-pagination .owl-page span {
		width: 11px;
		height: 11px;
		display: block;
		background: #666;
		background: rgba(0,0,0,0.5);
		cursor: pointer;
		text-indent: -9999px;
		-webkit-border-radius: 20px;
	}
	#adverts_slide_mobile .owl-pagination{
		width: 100%;
		position: relative;
		bottom: 0;
		text-align: center;
		padding-bottom: 20px;
		opacity: 0.4;
	}
	#adverts_slide_mobile .owl-pagination .owl-page.active span{
		background: #000;
		background: rgba(0,0,0,0.9);
		cursor: default;
	}
	/* end-sections_adverts */
	/* footer */
	.footer-payment-methods ul.payment_link li {
		max-width: 40px;
		margin: 0 0 5px 5px;
	}
	.footer-bottom {
		text-align: left;
		padding-bottom: 20px;
	}
	p.copyright {
		text-align: center;
	}
	.footer-payment-methods {
		text-align: center;
	}
	.footer-copyright {
		padding: 0;
	}
	.col-footer-4,.col-footer-3{
		text-align: center;
		padding-top:15px;
	}
	/* cart draww*/
	.cart-view a.linktocheckout,.cart-view a.linktocart{
		font-size: 11px;
		padding: 10px;
	}
	.continue-shop {
		text-align: center;
	}
	/* homepage-section-instagram */
	.informaiton-right h2 {
		margin-top:20px;
	}
	.instagram-list{
		margin:0;
	}
	/* blog */
	.news-content .body-article h2.title-article a {
		font-size: 22px;
	}
	/* product */
	.product-title h1 {
		margin-top: 25px;
		line-height: 36px;
		font-size: 32px;
	}
	.product-description-wrapper {
		padding: 0;
	}
}