/* socate-regular - latin */

@font-face {
    font-family: 'socakesocake';
    src: url('../fonts/socake/socake-webfont.woff2') format('woff2'),
         url('../fonts/socake/socake-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;

}
@font-face {
    font-family: 'socakesocake';
    src: url('../fonts/socake/socake-webfont.woff2') format('woff2'),
         url('../fonts/socake/socake-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;

}
@font-face {
    font-family: 'socakesocake';
    src: url('../fonts/socake/socake-webfont.woff2') format('woff2'),
         url('../fonts/socake/socake-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;

}

/*******century gothic*********/
@font-face {
    font-family: 'century_gothicregular';
    src: url('../fonts/century/gothic-webfont.woff2') format('woff2'),
         url('../fonts/century/gothic-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;

}


@font-face {
    font-family: 'century_gothicbold';
    src: url('../fonts/century/gothicb-webfont.woff2') format('woff2'),
         url('../fonts/century/gothicb-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}




@font-face {
    font-family: 'century_gothicbold0';
    src: url('../fonts/century/gothicb0-webfont.woff2') format('woff2'),
         url('../fonts/century/gothicb0-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}




@font-face {
    font-family: 'century_gothic';
    src: url('../fonts/century/centurygothic-webfont.woff2') format('woff2'),
         url('../fonts/century/centurygothic-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;

}





@font-face {
    font-family: 'century_gothicbold_italic';
    src: url('../fonts/century/gothicbi-webfont.woff2') format('woff2'),
         url('vgothicbi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'century_gothicitalic';
    src: url('../fonts/century/gothici-webfont.woff2') format('woff2'),
         url('../fonts/century/gothici-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
 

body {
	/* font-family: 'Source Sans Pro', sans-serif; */
	font-family: 'century_gothicregular';
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	overflow-x: hidden;
}
/***** Background css start ****/
.bg-section1{
	/** background:#e7e5e2; **/
	background:#fff;
}

/***** Background css End ****/

.header.style6 .block-minicart .cartlink .cart-icon{
	font-size:24px;
}

/***** Background image css start ****/
.bg-section-img{
	background-image: url(../images/bg/bg31.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	
}

.bg-section-img2{
	background-image: url(../images/bg/bg32.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	
}

.bg-section-img3{
	background-image: url(../images/bg/bg33.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	
}

.bg-footer-img{
	background-image: url(../images/bg/footer4.png);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	
}

/***** Background image css End ****/




/*** Web View Header Button CSS Start ***/
.login-btn{
	
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 12px;
}

.reg-btn{
	   padding: 0.25rem 0.5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 12px;
}


/*** Web View Header Button CSS Start ***/

/*** Mobile View Header Button CSS Start ***/
@media (min-width: 100px) and (max-width: 991px) {
.nav-btn .btn {
    font-size: 11px;
    padding: 8px 26px;
    letter-spacing: 0.3px;
}

}
/*** Mobile View Header Button CSS End ***/


/*** WEB : Single Product Details Pincode CSS START  ***/
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/**
input {
	border: none;
	font-family: inherit;
	font-size: inherit;
	line-height: 1.5em;
	margin: 0;
	outline: none;
	padding: 0;
	-webkit-appearance: none;
} **/

input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after {
	content: "";
	display: table;	
}
.clearfix:after { clear: both; }



/* ---------- SEARCH ---------- */

#search {
	background: #42454e;
	border-radius: 3px;
	display: inline-block;
	padding: 7px;
}

#search input {
	float: left;
}

#search input[type="search"],
#search input[type="submit"] {
	border-radius: 3px;
	font-size: 12px;
}

#search input[type="search"] {
	background: #fff;
	color: #42454e;
	min-width: 184px;
	padding: 6px 8px;
}

#search input[type="submit"] {
	background: #1bba9a;
	color: #fff;
	font-weight: bold;
	margin-left: 7px;
	padding: 6px 10px;
}

#search input[type="submit"]:hover {
	background: #189e83;
}

#search input[type="search"]::-webkit-input-placeholder { color: #42454e; }
#search input[type="search"]:-moz-placeholder { color: #42454e; }
#search input[type="search"]:-ms-input-placeholder { color: #42454e; }
/*** WEB : Single Product Details Pincode CSS End  ***/


/*** Deal of the day css start ***/
#clockdiv{
	font-family: GalaxieCondensedMedium,Arial,sans-serif;
	color: white;
	display: inline-block;
	font-weight: 100;
	text-align: center;
	font-size: 15px;
  text-shadow: 2px 2px 4px #732d27;
  /* margin-left:410px; */
  padding-bottom:15px;
}

#clockdiv > div{
	padding: 10px;
	width:75px;
	border-radius: 50px;
	display: inline-block;
  /*	background: #9c3892; **/
  	background-image: url(../images/bg/1.jpg);
	background-color: #000;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	
}

#clockdiv div > span{
	/** padding: 15px; **/
	padding: 5px;
	border-radius: 3px;
	background: #ff2c2c;
/**	display: inline-block; **/
	display: initial;
  box-shadow: 2px 3px 3px #242424;
}

.smalltext{
	/** padding-top: 15px; **/
	padding-top: 0px;
	font-size: 12px;
  text-shadow: 2px 2px #414141;
  font-weight: 800;
  font-family: 'century_gothicbold';
  color: #fffa19;
}

/*** Deal of the day css End ***/

/*** MOBILE : Deal of the day css Start ***/
@media (min-width: 100px) and (max-width: 991px) {



#clockdiv{
	font-family: GalaxieCondensedMedium,Arial,sans-serif;
	color: white;
	display: inline-block;
	font-weight: 100;
	text-align: center;
	font-size: 15px;
  text-shadow: 2px 2px 4px #732d27;
  /* margin-left:35px; */
  padding-bottom:15px;
}

#clockdiv > div{
	padding: 10px;
	/* width:75px; */
    width: 69px;
	border-radius: 50px;
	display: inline-block;
   /** background:#9c3892; **/
 	background-image: url(../images/bg/1.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;	
	
	
}

#clockdiv div > span{
	/** padding: 15px; **/
	padding: 5px;
	border-radius: 3px;
	background: #ff2c2c;
/**	display: inline-block; **/
	display: initial;
  box-shadow: 2px 3px 3px #242424;
}

.smalltext{
	/** padding-top: 15px; **/
	padding-top: 0px;
	font-size: 12px;
  text-shadow: 2px 2px #414141;
}
}
/*** MOBILE : Deal of the day css End ***/


/*** Category Padding Css Start ***/
.suggest-part{
	padding-bottom:15px;
	padding-top:20px;
}

/*** Category Padding Css End ***/



/****** Image zoom CSS START ***/
.zoom {
 
  background-color: black;
  transition: transform .2s; 
   margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.1); /*  */
}

/****** Image zoom CSS End ***/


/**** MOBILE VIEW : HOME BANNER CSS START ***/
@media (min-width: 100px) and (max-width: 991px) {
.slick-slide .ban1 {
    display: block;
    width: 100%; 
}
}
/**** MOBILE VIEW : HOME BANNER CSS START ***/


/**** WEB : BLOG BUTTON CSS START ***/
.blog-btn{
	 color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
	
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    margin-left: 97px;	
	
}
.blog-btn:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
}
/**** WEB : BLOG BUTTON CSS END ***/

/**** MOBILE : BLOG BUTTON CSS START ***/
@media (min-width: 100px) and (max-width: 991px) {
.blog-btn{
	 color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
	
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    margin-left: 114px;	
	
}
.blog-btn:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
}
}

/**** MOBILE : BLOG BUTTON CSS END ***/

/*** WEB : MY ACCOUNT CSS START ***/
.my-account-menu .account-menu-list li a.active, .my-account-menu .account-menu-list li a:hover {
    background-color: #e1362f;
    color: #fff;
}

.my-account-menu .account-menu-list li a {
    width: 100%;
    padding: 10px 30px;
    font-size: 14px;
    color: #888;
    margin-top: -1px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display: block;
    text-decoration: none;
}

.single-form {
    margin-top: 30px;
}

.account-details{
	box-shadow: 1px 0px 6px 0px #131313bf; 
	padding:10px;
}
/*** WEB : MY ACCOUNT CSS END ***/

.intro-icon i.fa-2x{
    font-size: 25px;
}
@media (min-width: 768px) {
   .mr-40{
    margin-right: 40px;
   }
   .ml-40{
    margin-left: 40px;
   }
}