@font-face {
	font-family: 'supermarketregular';
	src: url('../../assets/fonts/supermarket/supermarket-webfont.eot');
	src: url('../../assets/fonts/supermarket/supermarket-webfont.eot?#iefix') format('embedded-opentype'),
	url('../../assets/fonts/supermarket/supermarket-webfont.woff2') format('woff2'),
	url('../../assets/fonts/supermarket/supermarket-webfont.woff') format('woff'),
	url('../../assets/fonts/supermarket/supermarket-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a{
	font-family: 'supermarketregular' !important;
}
body{
	font-family: 'supermarketregular' !important;
	font-size: 15px;
}
a:hover {
	color: #0c29b4;
}
#header:not(.header-transparent) #mainMenu > ul > li:hover > a, #header:not(.header-transparent) #mainMenu > ul > li.current-menu > a {
	color: #0c29b4;
	/*color: #ff1717;*/
}
nav .main-menu .dropdown-menu a, nav .main-menu .dropdown-menu span.dropdown-menu-title-only{
	font-family: 'supermarketregular' !important;
	font-size: 16px;
}
/*--------------------------------------------------------------2.0 - SEARCH FORM  --------------------------------------------------------------*/
.topbar-contact .title a{
	font-size: 16px;
	color: #080808;
}
.searchform {
	background:#f4f4f4;
	background:rgba(244,244,244,.79);
	border: 1px solid #d3d3d3;
	left: 33%;
	/*right: 5%;*/
	padding: 2px 5px;
	position: absolute;
	margin: -22px 0 0 -170px;
	top: 50%;
	width:339px;
	box-shadow:0 4px 9px rgba(0,0,0,.1);
	-moz-box-shadow:0 4px 9px rgba(0,0,0,.1);
	-webkit-box-shadow:0 4px 9px rgba(0,0,0,.1);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px
}

.searchform input, .searchform button {
	float: left;
}
.searchform input {
	background:#fefefe;
	border: none;
	font:14px/12px 'supermarketregular' , sans-serif;
	margin-right: 5px;
	padding:7px 10px;
	width: 216px;
	box-shadow: 0 0 4px rgba(0,0,0,.4) inset, 1px 1px 1px rgba(255,255,255,.75);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.4) inset, 1px 1px 1px rgba(255,255,255,.75);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.4) inset, 1px 1px 1px rgba(255,255,255,.75);
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px
}
.searchform input:focus {
	outline: none;
	box-shadow:0 0 4px #0d76be inset;
	-moz-box-shadow:0 0 4px #0d76be inset;
	-webkit-box-shadow:0 0 4px #0d76be inset;
}
.searchform input::-webkit-input-placeholder {
	font-style: italic;
	line-height: 15px
}

.searchform input:-moz-placeholder {
	font-style: italic;
	line-height: 15px
}


.searchform button {
	/*background: rgb(52,173,236);
	background: -moz-linear-gradient(top, rgba(52,173,236,1) 0%, rgba(38,145,220,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(52,173,236,1)), color-stop(100%,rgba(38,145,220,1)));
	background: -webkit-linear-gradient(top, rgba(52,173,236,1) 0%,rgba(38,145,220,1) 100%);
	background: -o-linear-gradient(top, rgba(52,173,236,1) 0%,rgba(38,145,220,1) 100%);
	background: -ms-linear-gradient(top, rgba(52,173,236,1) 0%,rgba(38,145,220,1) 100%);
	background: linear-gradient(to bottom, rgba(52,173,236,1) 0%,rgba(38,145,220,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34adec', endColorstr='#2691dc',GradientType=0 );*/
	background: rgb(20, 8, 175);
	background: -moz-linear-gradient(top, rgba(52,173,236,1) 0%, rgba(38,145,220,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(20, 8, 175)), color-stop(100%,rgba(38,145,220,1)));
	background: -webkit-linear-gradient(top, rgb(20, 8, 175) 0%,rgb(20, 8, 175) 100%);
	background: -o-linear-gradient(top, rgba(52,173,236,1) 0%,rgba(38,145,220,1) 100%);
	background: -ms-linear-gradient(top, rgba(52,173,236,1) 0%,rgba(38,145,220,1) 100%);
	background: linear-gradient(to bottom, rgba(52,173,236,1) 0%,rgb(47, 36, 192) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34adec', endColorstr='#2691dc',GradientType=0 );
	border: none;
	color:#fff;
	cursor: pointer;
	font: 13px/13px 'HelveticaNeue', Helvetica, Arial, sans-serif;
	padding: 10px;
	width:106px;
	box-shadow: 0 0 2px #2692dd inset;
	-moz-box-shadow: 0 0 2px #2692dd inset;
	-webkit-box-shadow: 0 0 2px #2692dd inset;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

.searchform button:hover {
	opacity:.9;
}

/*-------------------------------------------------------------OHM SETTING --------------------------------------------------------------*/

.img-responsive, .thumbnail>img, .thumbnail a>img{    
	display: -webkit-inline-box;
}
.heading {
	margin-bottom: 40px;
}
/*#slider{min-height: 565px;}*/
.owl-stage-outer{height: 100% !important;}
.owl-carousel .owl-item img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transform-style: preserve-3d;
}
.owl-prev , .owl-next,
.inspiro-slider .owl-dots{
	display: none !important;
}
.social-webboard:hover{
	background-color: #3c2ef7;
	color: #fff;
}
#topbar .social-line{
	background: url('../_images/icon/line-iconx40-color.png');
	background-size: 18px;
	background-repeat: no-repeat;
	background-position-x: 6px;
	background-position-y: 10px;
}
#topbar .social-line a:hover{
	background: url('../_images/icon/line-iconx40-white.png');
	background-size: 22px;
	background-repeat: no-repeat;
	background-position-x: 5px;
	background-position-y: 9px;
	
}	
#topbar .social-line:hover{	
	background-color: #43cb00;
}

#social-login:hover{
	background-color: #0c29b4;
	color: #fff;
}
#footer .widget .social-line {
	background: url('../_images/icon/line-iconx40-color.png');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position-x: 0px;
	background-position-y: 10px;
}
#topbar{
	border-top: 3px solid #0c29b4;
}
#topbar .payment-btn{
	/*position: absolute;*/
	position: relative;
	background: #0c29b4;
	color: #fff;
	/*right: 36%;*/
	float: left;
	margin-right: 8px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 1px 2px 5px #ccc;
}
#topbar .payment-btn a{
	color: #fff;
	display:inline-block;
	padding: 4px 15px;
	border-right: 1px solid #4b59a0;
} 
#topbar .payment-btn a:hover{
	background: #304fce;
}
#topbar .payment-btn a:first-child{
	border-bottom-left-radius: 10px;
}
#topbar .payment-btn a:last-child{
	border-bottom-right-radius: 10px;
}
#topbar .social-icons li a{
	width: auto;
	padding: 0 10px;	
}
#header .custom-logo{
	position: absolute;
	z-index: 3;
}
.menu-bar{
	/*height: 60px;*/
}
/*#mainMenu > ul{height: 60px;}*/
#mainMenu > ul > li > a{
	color: #000;
}
.dropdown-menu{
	min-width: 160px !important;
}

.product-category-item{
	padding: 20px 0;
}

.accordion.fancy .ac-item img{
	width: 22px;
	margin-right: 8px;
}
#footer.footer-light a:hover{
	color: #0c29b4 !important;
}
.footer-content {
	padding: 60px 0 20px 0;
}
footer {
	padding-bottom: 0px; 
}
#footer.footer-dark a:hover,
#footer.footer-dark span:hover{
	color: #fff !important;
}
#footer.footer-light .copyright-content {
	min-height: 64px;
	padding: 15px 0;
}

.sub-banner{
	width: 60%;
}

.brand-logo ul li{
	padding: 5px 0;
}

#mainMenu > ul > .menu-show-device > a{
	display: none ;
}
.shop-promote h2{
	font-size: 44px;
	font-weight: 400;
}
.shop-promote h1{
	font-size: 28px;
	position: absolute;
	right: 0;
	top: 16px;
}
/*-------------------------------------------------------------- SET FONT  --------------------------------------------------------------*/
#mainMenu > ul > li > a{
	font-size: 16px;
	padding: 10px 7px;
}
.accordion .ac-title{
	font-size: 16px;
}
.post-thumbnail-content h4 a{
	font-size: 16px;
}
.copyright-text{
	font-style: 14px;
}
footer{
	font-size: 16px;
}
#top-search {
	display: none;
}
.news-contents img{
	width: 100%;
}
.news-contents .title{
	margin-bottom: 40px;
}

/*-------------------------------------------------------------- Responsive --------------------------------------------------------------*/

@media(max-width: 1199px){
	#topbar .payment-btn{
		/*right: 44%;*/
	}
	.inspiro-slider .slide{
		height: auto !important;
	}
	.custom-search{
		display: none;
	}
	#slider{
		min-height: 100% !important;
		height: 100% !important;
	}
	.inspiro-slider .owl-stage-outer, .owl-carousel .owl-stage{
		height: auto !important;
	}

}

@media(max-width: 991px){
	.navigation-wrap .main-menu .menu-bar li.menu-show-device{
		display: block !important;
	}
	#header .custom-logo img{
		width: 88%;
	}
	.nav-main-menu-responsive {
		display: block;
		position: relative;
		z-index: 30;
	}
	.inspiro-slider {
		height: none;
	}
	#top-search {
		display: block !important;
	}
	body.top-search-active .custom-logo {
		opacity: 0;
	}
	#header #top-search form input {
		padding: 0 100px 0 0;
	}
	.inspiro-slider .owl-stage-outer,
	.owl-carousel .owl-stage{
		height: auto;
	}
	#topbar .payment-btn a {
		color: #fff;
		display: inline-block;
		padding: 4px 5px;
		border-right: 1px solid #4b59a0;
	}
	#mainMenu > ul > .menu-show-device > a{
		display: block !important;
	}
	.brand-logo ul li{
		float: left;
	}
	.sub-banner{
		width: 100%;
	}
	.shop-promote h2 {
		font-size: 26px;
		font-weight: 400;
	}
	.shop-promote h1 {
		font-size: 19px;
		position: absolute;
		left: 0;
		top: -16px; 
	}
	
}
@media (max-width: 767px) and (min-width: 480px){
	.container, #header.header-fullwidth .container {
		width: 100% !important;
	}