body{
	font-size: 16px;
	letter-spacing: 0;
	font-family:"Sukhumvit Set", 'Kanit', sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p,
.widget .widget-title, .widget > h4,
.grid-filter li a,
.grid-active-title{
	font-family:"Sukhumvit Set", 'Kanit', sans-serif;
	letter-spacing: 0;
}
p{
	font-size: 15px;
	color: #555555;
	margin-bottom: 10px;
	line-height: 1.5;
}
section{ padding: 60px 0;}

a:hover{ cursor: pointer;}
.hvr-underline-reveal:before{ background-color: #d1151a;}

.w-100{ width: 100%;}
.inline-block{ display: inline-block;}
.line-btm{ display: inline-block; position: relative; margin-bottom: 15px !important; padding-bottom: 5px;}  
.line-btm:before{
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 60%;
	height: 3px;
	background: #333;
}

.hvr-expand{
	-webkit-transition: all ease-out 0.2s;
	-moz-transition: all ease-out 0.2s;
	-o-transition: all ease-out 0.2s;
	transition: all ease-out 0.2s;
}
.hvr-expand:hover{ transform: scale(1.1);}


/*a:hover, a:focus, a:active{ color: #d82111 ;}*/
::selection{ background: #CEC1A9; color: #000;}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active{ background-color: #d82111;}
#goToTop:hover i{ color: #fff !important;}
.btn.btn-dark:hover{ color: #fff !important;}
#header .header-extras #shopping-cart > a .shopping-cart-items{ background-color: #e70000;}
.social-icons li:hover img{
	-webkit-animation: toTopFromBottom 0.3s forwards;
	-moz-animation: toTopFromBottom 0.3s forwards;
	animation: toTopFromBottom 0.3s forwards;
}
.social-icons.social-icons-colored .social-line a, .social-icons.social-icons-colored-hover .social-line a:hover{background-color: #00b900;}
.social-icons.social-icons-colored .social-linead a, .social-icons.social-icons-colored-hover .social-linead a:hover{background-color: #00cc45;}
.social-icons.social-icons-colored .social-viber a, .social-icons.social-icons-colored-hover .social-viber a:hover{background-color: #73458f;}
.social-icons.social-icons-colored .social-wechat a, .social-icons.social-icons-colored-hover .social-wechat a:hover{background-color: #3fc24c;}
footer{ padding-bottom: 0;}
.w-100{ width: 100%;}


/* TOPBAR */
#topbar{
	position: relative;
	border: none;
	background: #df6c73;
	color: #ccc;
}
#topbar:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 35px;
	background: #fff;
	left: 0;
	top: 0;
	/*background: rgb(237,154,159);*/
	/*background: linear-gradient(90deg, rgba(237,154,159,1) 0%, rgba(223,108,115,1) 32%, rgba(251,162,167,1) 84%);*/
	background: #df6c73;
}

.top-left{ width: 15%; display: inline-block; float: left; position: relative }
.top-right{ width: 84%; display: inline-block; float: right; position: relative }

.top-right .element-bar{
	padding: 4px 15px;
	border-radius: 0 0 8px 8px;
	padding-left: 3px;
	/*background: rgba(255, 255, 255, 0.93);*/
	/*box-shadow: 1px 5px 10px rgba(197, 95, 102, 0.99);*/
}


.top-info{ display: inline-block; float: left ;}
.top-info ul{ padding: 0; margin: 0;}
.top-info ul li{ display: inline-block; margin-right: 15px; font-size: 14px;}
.top-info img{ height: 16px; margin-top: -4px; margin-right: 3px;}
.top-info ul li i{ margin-right: 2px; color: #fff;}
.top-info ul li a{  color: #fff;}
.top-info ul li a:hover{ text-decoration: underline;}

.top-lang{ 
	float: right;
	padding-right: 15px;
	margin-left: 10px;
	margin-right: 0px;
}
.top-lang a{margin-left: 2px;}
.top-lang a img{ width: 24px;}

.top-social{
	float: right;
	border-left: 1px solid rgba(242, 242, 242, 0.14);
	padding-left: 8px;
}
.top-social ul{ margin: 0; padding: 0;}
.top-social ul li{ float: left; display: inline-block; margin-left: 10px;}
.top-social a img{  height: 20px;}

.system-currency{ float: right;}
.topbar-dropdown .title{ line-height: 1; color: #333;}

.system-account{ float: right;}
.system-account img{ height: 15px; margin-right: 3px !important;}

/* TASK BAR */
.task-bar{  background: #df6c73;}

/* TOP LOGO */
.top-logo{
	display: inline-block;
	float: left;
}
/*.top-logo img{ padding: 0 5px;}*/

/* SEARCH */
.head-search{
	width: 380px;
	float: left;
	margin-top: 15px;
	/* margin: 25px 0; */
	/*margin-left: 210px;*/
}
.head-search .form-wrap{ position: relative;}
.head-search input[type=text] {
	width: 100%;
	color: #a23751;
	border: 1px solid transparent;
	border-radius: 50px;
	padding: 0 20px;
	font-size: 16px;
	line-height: 38px;
	background: #fff;
	/* color: #fff; */
}
.head-search input::placeholder{ color: #ccc;}
.head-search button{
	position: absolute;
	top: 0;
	right: 0px;
	border: none;
	background: none;
	font-size: 15px;
	padding: 0;
	text-align: center;
	color: #ccc;
	height: 40px;
	width: 40px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
.head-search input[type=text]:focus{
	border-color: #df6c73;
	box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.13);
}
.head-search form:hover button i{ color: #a23751;}


.top-link{
	position: absolute;
	top: 50px;
	right: 15px;
}
.top-link a.cart{
	position: relative;
	text-align: center;
	display: inline-block;
	background: transparent;
	padding: 8px;
	margin-left: 15px;
	border-radius: 8px;
}
.top-link a.cart:hover{
	background: #d96575;
	box-shadow: inset 1px 2px 8px rgba(169, 79, 91, 0.54);
}
.top-link a.cart img{ 
	height: 32px; 
	margin-bottom: 2px; 
}
.top-link a.cart span{
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	letter-spacing: 0;
	line-height: 1;
	padding-top: 8px;
}
.top-link a.cart .count-item{
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	padding: 0;
	background: #fff;
	color: #4e1535;
	border-radius: 50%;
	position: absolute;
	top: 5px;
	right: 8px;
}


.topbar-dropdown .title{ padding-right: 12px; color: #fff;}
#header #top-search form input{ font-size: 18px;}
#header .header-extras #shopping-cart{
	background: #1f2167;
	padding: 0 20px;
	padding-right: 25px;
}
#header .header-extras #shopping-cart a{ color: #fff;}
#header .header-extras #shopping-cart > a .shopping-cart-items{
	background: #ffe519;
	color: #333;
	font-weight: 600;
	font-size: 11px;
	right: -8px;
}


/* LOGO*/
#header.header-mini #header-wrap #logo a > img{ width: auto;}

/* HEAD MINI */
#header,
#header.header-mini #header-wrap #mainMenu-trigger,
#header.header-mini,
#header.header-mini #header-wrap #logo{
	line-height: 50px;
	height: 50px;
}
#mainMenu.menu-left nav{ margin-left: 0;}

/* HDER */
#header.header-sticky.sticky-active #header-wrap, #header #header-wrap{ 
	border: none;
	background-color: #d7686f !important;
}
#header #header-wrap .container{ padding: 0;}
#header .header-extras > ul > li > a:not(.btn), #header .header-extras > ul > li .topbar-dropdown > .title,
#header #top-search form input{ 
	color: #fff;
}
#mainMenu > nav > ul >li > a{
	font-family: "Sukhumvit Set", 'Kanit', sans-serif;
	padding: 0 8px;
	line-height: 40px;
	font-weight: normal;
	letter-spacing: 0;
	font-size: 14px;
	font-weight: 600;
	/*color: #fff;*/
	color: #3f3f3f;
}
#mainMenu nav > ul > li{ margin-left: 2px;	}
.menu-center{ text-align: center;}

#mainMenu nav > ul > li:hover,
#mainMenu nav > ul > li:focus,
#mainMenu nav > ul > li.active{ 
	background: #f6777e;
	color: #fff;
}
#mainMenu nav > ul > li:hover > a,
#mainMenu nav > ul > li > a:hover{ 
	color: #fff;
}



/* HEAD BANNER */
.section-slider{ margin-top: 40px;}
.slide-caption{
	position: absolute;
	width: 40%;
	top: 30%;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}
.slide-caption .htitle{
	margin-bottom: 0;
	color: #df6c73;
	letter-spacing: 2px;
}
.slide-caption .stitle{
	width: 520px;
	color: #5e5e5e;
	text-shadow: 1px 1px 2px rgba(5, 5, 5, 0.21);
	line-height: 1.3;
	margin-top: 10px;
	margin-bottom: 20px;
	letter-spacing: 0;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
}

.btn-custom{
	display: inline-block;
	color: #7f7f7f;
	padding: 5px 10px;
	border-radius: 2px;
	border: 1px solid #ccc;
	line-height: 1;
	font-size: 13px;
}
.btn-custom:hover{
	background-color: #df6c73;
	border-color: #df6c73;
	color: #fff;
}

.static-banner{
	padding: 10px 0 20px 0;
}


a.text-link{ 
	background: #d82111; color: #fff;
	border-radius: 25px;
	padding: 0 15px;
	margin-left: 10px;
}
a.text-link:hover{ background: #fe030a; color: #fff !important;}
.transition{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.md-overlay{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	opacity: 0;
	pointer-events: none;
	background: rgba(0, 0, 0, 0.7);	
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
div:hover > .md-overlay{ opacity: 1;}
.md-overlay:after{
	content: "click to view";
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	top: 40%;
	text-align: center;

}

.hvr-overlay .inner{ position: relative; width: 100%;}
.hvr-overlay:hover .inner .md-overlay{ opacity: .8;}
.hvr-overlay .banner-desp{
	text-align: center;
	position: absolute;
	width: 100%;
	top: 30%;
	padding: 20px;
	opacity: 0;font-size: 18px;
	font-weight: 600;
}
.hvr-overlay:hover .banner-desp{ opacity: 1; color: #fff; z-index: 2;}

.sct--title{ 
	position: relative;
	margin-bottom: 30px;
}
.sct--title .inner{
	border-bottom: 3px solid #ebebeb;
	position: relative;
}
.sct--title .inner:before{
	position: absolute;
	content: "";
	left: 0;
	bottom: -3px;
	width: 200px;
	height: 3px;
	background-color: #eb2227;

}
.sct--title h3{ 
	display: inline-block; 
	padding-right: 10px;
	color: #bb1317;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.sct--title .link-more{ float: right; margin-top: 10px; font-weight: 600;}
.link-more:hover{ text-decoration: underline;}
.link-more i{ width: 10px; padding-left: 0; transition:.2s;}
.link-more:hover i{ padding-left: 2px;}

.block{ display: block !important;}
.inline-block{ display: inline-block !important;}

ul.item-col-6 > li{ width: 50%; float: left; padding: 0 1%;}
ul.item-col-5 > li{ width: 66.6666667%; float: left; padding: 0 1%;}
ul.item-col-4 > li{ width: 33.33333333%; float: left; padding: 0 1%;}
ul.item-col-3 > li{ width: 25%; float: left; padding: 0 1%;}
ul.item-col-2 > li{ width: 20%; float: left; padding: 0 1%;}
ul.item-col-1 > li{ width: 100%; float: left; padding: 0;}

.item > .inner > a{
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
}

/* ITEM TRANSITION DESCRIPTION */
.item.transitin-desp{ position: relative;}
.item.transitin-desp .box-title{
	display: table;
	width: 100%;
	height: 190px;
	top: 0;
	position: absolute;
	pointer-events: none;
	opacity: 0;
	transition: .2s;
}
.item.transitin-desp:hover .box-title{
	opacity: 1;
}
.item.transitin-desp .inwrap{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	pointer-events: none;
}
.item.transitin-desp .inwrap h4{
	font-size: 22px;
	font-weight: 600;
	z-index: 2;
	position: relative;
	color: #fff;
}
.item.transitin-desp .md-overlay:after{
	top: 85%;
}


/* PRODUCT */
.pitem{ 
	position: relative;
	margin-bottom: 20px;
}
.pitem .inner{ 
	position: relative;
	overflow: hidden;
	
}
.pitem:hover .inner{ box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.1);}
.p-status{
	position: absolute;
	top: 5px;
	right: 10px;
	display: inline-block;
	line-height: 1;
}
.p-status .status-item{
	background: #000000;
	padding: 5px;
	line-height: 1.35;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 800;
	display: inline-block;
	text-align: center;
	border-radius: 4px 4px 4px 0;
	box-shadow: -2px 3px 2px rgba(97, 97, 97, 0.15);
	max-width: 50px;
}
.p-status .status-item.new{ background-color: #ffba43;}
.p-status .status-item.sale{ background-color: #dd1329;}
.p-status .status-item.hot{ background-color: #ff9833;}
.p-status .status-item.cool{ background-color: #0088c8;}
.p-status .status-item.outofstock{ background-color: #bdbdbd;}
.p-status .status-item.bestseller{ background-color: #abd335;}
.p-status .status-item.preorder{ background-color: #bead95;}
.p-status .status-item.specialprice{ background-color: #373e93;}

.p-code{ line-height: 1; margin-bottom: 5px;}
.p-code a{
	font-size: .9em;
	font-weight: 800;
	color: #222;
	letter-spacing: .5px;
	border: 1px solid #ccc;
	line-height: 1.2;
	padding: 2px 5px;
	border-radius: 3px;
	display: inline-block;
}
.p-category{
	line-height: 1;
	margin-bottom: 10px;
}
.p-category a{
	font-weight: 600;
	font-size: 13px;
	line-height: 1;
	display: inline-block;
	padding: 3px 4px;
	vertical-align: middle;
}
.product-images, .item-images{ 
	position: relative;
	min-height: 200px;
	vertical-align: middle;
	display: table;
}
.product-images > a{
	display: table-cell;
	vertical-align: middle;
}
.sct-bestseller .owl-item img{ height: auto;}
 
a.p-title{ 
	color: #333;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-size: 15px;
	line-height: 1.5;
	font-weight: 500;
}
a.p-title:hover{ text-decoration: underline;}
.product-detail{ 
	padding: 10px 15px;
	background: #fff;
}
.p-price{ 
	color: #c42e3d;
	font-size: 1em;
	margin-top: 5px;
	font-weight: 600;
}
.p-price del{ 
	color: #696969;
	margin-right: 4px;
	font-weight: normal;
	font-size: .8em;
	/*display: block;*/
	line-height: 1;
	margin-top: 10px;
}
.p-price ins{ text-decoration: none; margin-right: 5px;}
.p-tag{
	font-size: 12px;
	line-height: 1;
	margin-bottom: 0px;
	display: inline-block;
	width: 100%;
}
.p-tag a{
	border-radius: 50px;
	line-height: 1.2;
	padding: 0 5px;
	display: inline-block;
	background: #f7f7f7;
}
.p-tag a:hover{ 
	color: #fff;
	background: #373e93;
}

.p-desp{
	font-size: 12px;
	line-height: 1.5;
	color: #555;
	margin-top: 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
/*.product-link .btn-custom{ 
	padding: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	min-width: 50px;
	text-align: center;
	display: block;
	border-radius: 0;
	margin-bottom: 8px;
	background: #000;
	border-radius: 50%;
	overflow: hidden;
}
.product-link .btn-custom span{ display: none;}
.product-link .btn-custom:hover{ background-color: #d82111;}*/

.p-size{ font-size: 14px; line-height: 1;}

.item-link{
	position: absolute;
	z-index: 2;
	bottom: 10px;
	right: -42px;
	margin: 0 auto;
	text-align: center;
	/*opacity: 0;*/
	transition: .2s;
}
.product-link .btn-custom{ margin-left: 2px;}
.product-link{ 
	position: relative;
	/* text-align: center; */
	padding: 10px 15px;
	padding-top: 0;
	background: #fff;
	display: inline-block;
	width: 100%;
	opacity: 0;
}
.pitem:hover .product-link{ opacity: 1;}

.product-link .btn-custom.btn-cart{
	background-color: #d7686f;
	border-color: #d7686f;
	color: #fff;
}


.item-detail{ 
	padding: 20px;
	padding-bottom: 30px;
}
a.item-title{
	display: inline-block;
	width: 100%;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #a52a37;
	font-size: 16px;
	font-weight: 600;
	margin: 5px 0 10px 0;
}
a.item-title:hover{ text-decoration: underline;}
.item-desp{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;line-height: 1.5;
	font-size: .9em;
}


.btn-border{
	color: #fff;
	font-size: 16px;
	display: inline-block;
	float: right;
	width: auto;
	border: 1px solid #fff;
	padding: 0 10px;
	line-height: 34px;
	border-radius: 2px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: .5px;
}
.btn-border:hover{
	background: rgba(255, 255, 255, 0.92);
	color: #2e3093;
}

.image-hover{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
}
.image-hover:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 2;
	background: rgba(0, 0, 0, 0); 
	transition: .2s;
}
.image-hover:hover:before{ 
	background: rgba(0, 0, 0, 0.26);
}

.hvr-expand{
	-webkit-transition: all ease-out 0.1s;
	-moz-transition: all ease-out 0.1s;
	-o-transition: all ease-out 0.1s;
	transition: all ease-out 0.1s;
}
.hvr-expand:hover{ transform: scale(1.1);}



/* FOOTER */
footer{
	background: rgb(238,238,238);
	background: linear-gradient(0deg, rgba(238,238,238,1) 17%, rgba(255,255,255,1) 56%, rgba(250,248,248,1) 91%);
	background: #fff;
}
footer .footer-content{ padding-bottom: 10px;}
footer p{ font-size: 14px;}
.fcontent .htitle{ 	line-height: 1.2;}
.copyright-content{
	border: none;
	padding: 10px 0;
	min-height: 20px;
}
/*footer .footer-content, .copyright-content{ background: #f7f7f7;}*/
.copyright-text{
	font-size: 12px;
	border-top: 1px solid rgba(107, 107, 107, 0.17);
	letter-spacing: 1px;
	padding-top: 5px;
}
footer .fcontent-1 .address-box .htitle{
	margin-bottom: 0;
}
footer .fcontent-1 .foot-logo{
	width: 25%;
	display: inline-block;
	float: left;
	padding-right: 20px;
} 

footer .fcontent-1 .link-box ul li{ font-size: 15px;}


.owl-carousel.show-arrows .owl-nav [class*="owl-"]{  
	opacity: .2; 
	background: none; 
	border: none;
	top: 45%;
}
.owl-carousel.show-arrows .owl-nav .owl-prev{ left: -10px;}
.owl-carousel.show-arrows .owl-nav .owl-next{ right: -10px;}
.owl-carousel.show-arrows .owl-nav .owl-prev i, .product-rec-section .owl-carousel .owl-nav .owl-next i{ color: #174372 !important;}
.owl-carousel.show-arrows .owl-nav .owl-prev:hover{ left: -15px;}
.owl-carousel.show-arrows .owl-nav .owl-next:hover{ right: -15px;}
.owl-carousel .owl-nav [class*="owl-"]:hover{ opacity: 1;}
.owl-carousel .owl-nav [class*="owl-"]:hover i{ color: #333;}

.social-box ul{
	margin-bottom: 0;
	margin-top: 10px;
}
.social-box ul li{
	display: inline-block;
	float: left;
	margin-right: 8px;
}
.social-box img{ height: 28px;}



.head-section{ 
	text-align: center;
	margin-bottom: 60px;
}
.hr-title abbr{
	font-size: 28px;
	letter-spacing: 2px;
	font-weight: 800;
	color: #4a4b46;
}
.hr-title a{ 
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #333;
	display: block;
	padding: 2px 10px;
	width: auto;
	width: 120px;
	margin: 0 auto;
	color: #fff;
	background: #737373;
	font-weight: 600;
	border-radius: 50px;
	box-shadow: inset 1px -2px 2px #333;
}
.hr-title a:hover{ 
	text-decoration: underline;
	background-color: #000;
}

/* SIDEBAR */
.widget .widget-title:before{ display: none;}
.widget .widget-title:after{
	left: 25px;
	bottom: 2px;
	width: 40%;
	border-bottom: 2px solid #e9e9e9;
	/*display: none;*/
}
#side-bar > .widget > .sbar{
	padding: 0px;
	border: 1px solid #ececec;
}
.widget .widget-title, .widget > h4{
	padding: 20px 25px 10px 25px;
	margin: 0;
	letter-spacing: .5px;
	font-size: 18px;
	/*margin-bottom: 15px;*/
}
.widget .widget-title i{ color: #d1d1d1; font-size: 13px;} 
.widget .widget-title img{
	height: 28px;
	margin-top: 2px;
	display: none;
}

#side-bar > .widget > .sbar.sbar-cate{ 
	border: 2px solid #df6c73;
	background: rgba(223, 108, 115, 0.15);
	background: #df6c73;
}
#side-bar > .widget > .sbar.sbar-cate .widget-title:after{ display: none;}


ul.main-list{  padding: 10px 0;}
ul.main-list a:before{ display: none;}
ul.main-list > li > a{ padding-left: 25px;}
ul.dropdown-list a { padding-left: 35px; }
ul.dropdown-list ul.dropdown-list a { padding-left: 45px; }
ul.dropdown-list ul.dropdown-list ul.dropdown-list a { padding-left: 55px; }

/* SIDEBAR BANNER*/
.sbar-banner-slide .owl-carousel .owl-controls .owl-dots{
	margin: 0;
	margin-top: -20px;
}


/* MASON */
.page-with-sidebar{ padding: 0;}
.page-with-sidebar .content-right section{ padding: 20px 0; padding-bottom: 40px;}


/* VIDEO */
.section-video{ 
	padding: 0;
	/*background: #30312d;*/
	/*background: #df6c73;*/
}
.section-video .title-box img{
	width: 30px;
	display: inline-block;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}
.section-video .title-box h1{
	color: #fff;
	margin-bottom: 0;
	font-weight: 800;
	font-size: 50px;
	letter-spacing: 2px;
	line-height: 1;
	text-transform: uppercase;
	padding-left: 50px;
}
.section-video .title-box a{
	color: #fff;
	margin-left: 50px;
	margin-top: 10px;
	display: inline-block;
}
.section-video .title-box a:hover{
	text-decoration: underline;
}
.clipping-mask{
	width: 100%;
	height: 100%;
	-webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
	clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
	background: #30312d;
	background: url(../_images/bg-02.jpg);
	background-size: 100%;
	background-position: center;
	padding: 120px 0;
}
.footer-content [class*="fcontent-"]{ margin-bottom: 20px}


/* SIDEBAR */
#side-bar.active{ background-color: #fff;}
.lines, .lines:before, .lines:after{ background-color: #fff;}

.sh_subpage .page-with-sidebar{ padding: 40px 0;}
.sh_subpage footer{ border-top: 2px solid #f7f7f7;}

.sct-offer{ padding-top:0 !important;}
.static-banner .b-items a img{ 
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.static-banner .b-items a:hover img{ 
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/*#header.header-sticky.sticky-active #header-wrap #mainMenu > nav > ul >li > a{ font-weight: 800;}*/

@media( max-width: 1920px){ #mainMenu > nav > ul >li > a{ padding: 0 6px !important;}}
@media( max-width: 1919px){ #mainMenu > nav > ul >li > a{ padding: 0 8px !important;}}
@media(max-width: 1024px){
	#mainMenu > nav > ul >li > a{ padding: 0 6px !important;}
	#mainMenu > nav > ul >li > a{ padding: 0 5px; font-size: 12px;}
	.product-link{ opacity: 1;}
	.product-link .btn-custom.btn-more{ border: none; padding: 0;}
	.product-link .btn-custom.btn-cart{ background: #d7686f;}
	.product-link .btn-custom.btn-cart:hover{ background: #d7686f;}
}

@media(max-width: 991px){
	.top-logo img{ padding: 0; margin-top: 10px;}
	.top-right .element-bar{ display: inline-block;}
	.top-left{ width: 13%;}
	.top-right{ width: 87%;}
	.top-info ul li{ margin-right: 10px; font-size: 12px;}
	.top-lang{ margin-left: 0;}
	.top-link{ top: 40px;}
	.top-link a.cart img{ height: 25px;}
	.head-search{ padding-left: 30px;}

	.slide-caption{
		top: 0;
		padding-top: 20px;
		width: 80%;
	}
	.slide-caption .htitle{ font-size: 20px;}
	.slide-caption .stitle{ width: 100%;}


	#header #mainMenu-trigger, #header #mainMenu:not(.menu-overlay) nav > ul > li{ padding: 0 20px;}
	.section-slider{margin-top: 30px;}

	.product-link{ opacity: 1;}
	.section-video .sleft{ margin-top: 40px;}
	.section-video .video-item{ margin-bottom: 40px;}
	.product-link .btn-custom{
		margin: 0;
		margin-bottom: 5px;
		width: auto;
		display: inline-block ;
		float: left ;
		padding: 3px 8px;
	}
	.product-link .btn-custom.btn-cart{ float: right;} 
	.p-price del{ display: block ;}

	ul.item-col-3 > li{ width: 33.33333333%;}

	.hr-title abbr{ font-size: 22px;}

}

@media(max-width: 768px){
	.top-left{ width: 10%;}
	.top-right{ width: 90%;}
	.top-right .element-bar{ padding-left: 0; padding-right: 0;}
	.top-link{ top: 80px;}
	.top-social, .top-lang{ padding: 0; margin-left: 5px;}  
	.top-lang a img, .top-social a img{ width: 18px; height: auto;}
	.topbar-dropdown .title{ padding-right: 0; margin-left: 5px;}

	.head-search{
		padding: 0;
		margin: 0;
		margin-top: -45px;
		width: 265px;
	}
	.head-search input[type=text], .head-search button{ line-height: 30px; height: 30px;}
	.system-account, .system-currency{ margin-top: 10px;}

	.top-link a.cart img{ height: 20px;}
	.top-link a.cart span{ display: inline-block; padding-left: 5px; font-weight: 400;}

	.top-logo img{ width: 100%;}
	ul.item-col-3 > li{ width: 50%;}

	.slide-caption{ padding-top: 0px;}
	.slide-caption .stitle{ font-size: 10px; margin: 0;}
	.slide-caption .btn-custom{font-size: 8px; }
	.top-link a.cart .count-item{ right: -10px;}

	.hr-title.hr-long{ width: 100%; margin: 0;}

	.product-link .btn-custom.btn-more{ display: none;}
	.product-link .btn-custom.btn-cart{ float: left;}
	.product-detail{ padding-bottom: 0;}

}
@media(max-width: 480px){
	.top-info ul li span{ display: none;}
	/*.static-banner .owl-carousel .owl-item{ width: 50% !important;}*/

	.sh_subpage .page-with-sidebar{ padding: 10px 0;}
	.content-right{ padding: 0;}
	
	#topbar{ height: 50px; padding-top: 5px;}

	.top-info ul li a span{ display: none;}
	.top-lang, .system-account, .system-currency{ margin-top: 0;}

	.top-link{ top: 50px;}
	.top-left{ 
		width: 0;
		height: 50px;
		margin-bottom: -50px;
	}
	.top-link{ top: 47px;}
	.top-left .top-logo{ position: relative; left: 50px; top: 45px; }
	.top-left .top-logo img{ margin: 0; height: 50px; width: auto !important;}
	.top-right{ width: 100%; padding: 0 10px;}
	
	.head-search{ 
		display: none;
		margin-top: 0;
		top: 110px;
		position: absolute;
		width: 90%;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	body.mainMenu-open .head-search{ display: block;}
	.mainMenu-open #header #mainMenu{ padding-top: 50px;}


	a.p-title, .p-price{ font-size: 13px; font-weight: 500;}
	.p-desp{ font-size: 10px;}

}

@media(max-width: 320px){
	.top-left, .top-social{ display: none ;}
	ul.item-col-3 > li{ width: 100%;}
	
	#side-bar{ padding: 20px !important;}

}









