/**

 * @package so Categories for HikaShop

 * @version 1.0.0

 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL

 * @copyright (c) 2014 YouTech Company. All Rights Reserved.

 * @author YouTech Company http://www.smartaddons.com

 *

 */



.clear {

	clear: both;

}

.child-cat{overflow:hidden}

.so-categories {

	margin: 20px 0;

	overflow: hidden;

}



.so-categories .intro_text,

.so-categories .footer_text {

	margin: 10px 0px;

}



.so-categories .cat-wrap {

	width: 100%;

	display: inline-block;

}



.so-categories .cat-wrap.theme2 .content-box .child-cat {

    padding-top: 20px;

}



/*############################################## Css Device ##################################*/

.so-categories.lt-ie9.preset01-1 .cat-wrap .content-box {

	float: left;

	margin: 0;

	width: 100%;

}



.so-categories.lt-ie9.preset01-2 .cat-wrap .content-box {

	float: left;

	margin: 0 1%;

	width: 48%;

}



.so-categories.lt-ie9.preset01-3 .cat-wrap .content-box {

	float: left;

	margin: 0 1%;

	width: 31.3333%;

}



.so-categories.lt-ie9.preset01-4 .cat-wrap .content-box {

	float: left;

	margin: 0 1%;

	width: 23%;

}



.so-categories.lt-ie9.preset01-5 .cat-wrap .content-box {

	float: left;

	margin: 0 1%;

	width: 18%;

}



.so-categories.lt-ie9.preset01-6 .cat-wrap .content-box {

	float: left;

	margin: 0 1%;

	width: 14.6666%;

}



.so-categories.lt-ie9.preset01-1 .clr1,

.so-categories.lt-ie9.preset01-2 .clr2,

.so-categories.lt-ie9.preset01-3 .clr3,

.so-categories.lt-ie9.preset01-4 .clr4,

.so-categories.lt-ie9.preset01-5 .clr5,

.so-categories.lt-ie9.preset01-6 .clr6 {

	clear: both;

}



@media all and (max-width: 479px) {

	.so-categories.preset05-1 .cat-wrap .content-box {

		float: left;

		margin: 0;

		width: 100%;

	}



	.so-categories.preset05-2 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 48%;

	}



	.so-categories.preset05-3 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 31.3333%;

	}



	.so-categories.preset05-4 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 23%;

	}



	.so-categories.preset05-5 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 18%;

	}



	.so-categories.preset05-6 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 14.6666%;

	}



	.so-categories.preset05-1 .clr1,

	.so-categories.preset05-2 .clr2,

	.so-categories.preset05-3 .clr3,

	.so-categories.preset05-4 .clr4,

	.so-categories.preset05-5 .clr5,

	.so-categories.preset05-6 .clr6 {

		clear: both;

	}

}



@media all and (min-width: 480px) and (max-width: 767px) {

	.so-categories.preset04-1 .cat-wrap .content-box {

		float: left;

		margin: 0;

		width: 100%;

	}



	.so-categories.preset04-2 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 48%;

	}



	.so-categories.preset04-3 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 31.3333%;

	}



	.so-categories.preset04-4 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 23%;

	}



	.so-categories.preset04-5 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 18%;

	}



	.so-categories.preset04-6 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 14.6666%;

	}



	.so-categories.preset04-1 .clr1,

	.so-categories.preset04-2 .clr2,

	.so-categories.preset04-3 .clr3,

	.so-categories.preset04-4 .clr4,

	.so-categories.preset04-5 .clr5,

	.so-categories.preset04-6 .clr6 {

		clear: both;

	}

}



@media all and (min-width: 768px) and (max-width: 991px) {

	.so-categories.preset03-1 .cat-wrap .content-box {

		float: left;

		margin: 0;

		width: 100%;

	}



	.so-categories.preset03-2 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 48%;

	}



	.so-categories.preset03-3 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 31.3333%;

	}



	.so-categories.preset03-4 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 23%;

	}



	.so-categories.preset03-5 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 18%;

	}



	.so-categories.preset03-6 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 14.6666%;

	}



	.so-categories.preset03-1 .clr1,

	.so-categories.preset03-2 .clr2,

	.so-categories.preset03-3 .clr3,

	.so-categories.preset03-4 .clr4,

	.so-categories.preset03-5 .clr5,

	.so-categories.preset03-6 .clr6 {

		clear: both;

	}

}



@media all and (min-width: 992px) and (max-width: 1199px) {

	.so-categories.preset02-1 .cat-wrap .content-box {

		float: left;

		margin: 0;

		width: 100%;

	}



	.so-categories.preset02-2 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 48%;

	}



	.so-categories.preset02-3 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 31.3333%;

	}



	.so-categories.preset02-4 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 23%;

	}



	.so-categories.preset02-5 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 18%;

	}



	.so-categories.preset02-6 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 14.6666%;

	}



	.so-categories.preset02-1 .clr1,

	.so-categories.preset02-2 .clr2,

	.so-categories.preset02-3 .clr3,

	.so-categories.preset02-4 .clr4,

	.so-categories.preset02-5 .clr5,

	.so-categories.preset02-6 .clr6 {

		clear: both;

	}

}



@media all and (min-width: 1200px) {

	.so-categories.preset01-1 .cat-wrap .content-box {

		float: left;

		margin: 0;

		width: 100%;

	}



	.so-categories.preset01-2 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 48%;

	}



	.so-categories.preset01-3 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 31.3333%;

	}



	.so-categories.preset01-4 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 23%;

	}



	.so-categories.preset01-5 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 18%;

	}



	.so-categories.preset01-6 .cat-wrap .content-box {

		float: left;

		margin: 0 1%;

		width: 14.6666%;

	}



	.so-categories.preset01-1 .clr1,

	.so-categories.preset01-2 .clr2,

	.so-categories.preset01-3 .clr3,

	.so-categories.preset01-4 .clr4,

	.so-categories.preset01-5 .clr5,

	.so-categories.preset01-6 .clr6 {

		clear: both;

	}

}



/*################################# End css Device #############################################*/



.so-categories .cat-wrap .content-box {

	overflow: hidden;

	line-height: 20px;

	padding-bottom: 15px;

}



.so-categories .cat-wrap .content-box .cat-title a {

	font-weight: bold;

	font-size:13px;

}



.so-categories .cat-wrap.theme1 .content-box .child-cat .child-cat-title {

	float: none;

	padding: 0;

}



.so-categories .cat-wrap .content-box .child-cat .child-cat-title {

	float: left;

	padding-right: 5px;

}



.so-categories .cat-wrap.theme3 .content-box .child-cat .child-cat-title {

	float: left;

	display: inline;

}



.so-categories .cat-wrap.theme2 .content-box img,

.so-categories .cat-wrap.theme3 .content-box img {

	width: 100%;

	display: block;

	max-width: 100%;

	box-shadow: #000 0em 0em 0em;

	-webkit-transition: all 0.2s linear;

	-moz-transition: all 0.2s linear;

	-o-transition: all 0.2s linear;

	-ms-transition: all 0.2s linear;

	transition: all 0.2s linear;

	border:#f5f5f5 1px solid;

}



.so-categories .cat-wrap .image-cat {

	overflow: hidden;

}



.so-categories .cat-wrap.theme4 .so-categories-content .child-cat .child-cat-info .image-cat {

	float: left;

	width: 30%;

	margin: 0;

	margin: 0 13px 0 0;

	overflow: hidden;

}



.so-categories .cat-wrap.theme4 .so-categories-content .child-cat .child-cat-info .image-cat a {

	display: block;

	border: 0;

	width: 100%;

	float: left;

	overflow: hidden;

	font-size:13px;

}



.so-categories .cat-wrap.theme4 .so-categories-content .child-cat .child-cat-info .image-cat img {

	width: 100%;

	display: block;

	max-width: 100%;

	box-shadow: #000 0em 0em 0em;

	-webkit-transition: all 0.2s linear;

	-moz-transition: all 0.2s linear;

	-o-transition: all 0.2s linear;

	-ms-transition: all 0.2s linear;

	transition: all 0.2s linear;

	border:#f5f5f5 1px solid;

}



.so-categories .cat-wrap img:hover {

	opacity: 0.8;

	filter: alpha(opacity=80);

	box-shadow: #000 0em 0em 0em;

	-webkit-transform: scale(1.1, 1.1);

	-moz-transform: scale(1.1, 1.1);

	-o-transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	transform: scale(1.1, 1.1);

}



/*#################### css for theme 2 ######################*/

.so-categories .cat-wrap.theme2 .arrow {

	background: url(../images/arrow.png) no-repeat;

	margin-top: 6px;

	width: 6px;

	height: 7px;

	float: left;

	padding-right: 10px;

}



.so-categories .cat-wrap.theme2 .content-box .parent-cat {

	float: left;

	margin: 0 10px 10px 0;

	max-width: 50%;

}



.so-categories .cat-wrap.theme2 .content-box .parent-cat .cat-title {

	padding-bottom: 5px;
	text-align:center;

}
.catagory-icons {
  width: 100px;
  height: 100px;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0px 11px 20px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 11px 20px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 11px 20px 0px rgba(0,0,0,0.1);
  padding: 15px 10px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.catagory-icons-wrapper p {
  font-size: 16px;
  text-align: center;
  margin-top: 20px;
}



.so-categories .cat-wrap.theme2 .content-box .child-cat .child-cat-title {

	float: none;

	overflow: hidden;

}



/*#################### css for theme 3 ######################*/

.so-categories .cat-wrap.theme3 .content-box .cat-title {

	padding-top: 5px;

	margin-bottom: 10px;

}



/*#################### css for theme 4 ######################*/

.so-categories.theme4 {

	padding: 1px;

}



.so-categories .cat-wrap.theme4 {

	border: 1px solid #CCCCCC;

	width: 100%;

	margin: 0 -1px;

	height: auto;

}



.so-categories .cat-wrap.theme4 .so-categories-inner {

	width: 100%;

	float: left;

	padding: 0px;

	margin: 0px;

}



.so-categories .cat-wrap.theme4 .so-categories-heading {

	background: url(../images/bk.gif) repeat-x;

	height: 24px;

	cursor: pointer;

}



.so-categories .cat-wrap.theme4 .so-categories-heading .icon_left {

	background: url(../images/icon.png) no-repeat;

	margin-top: 8px;

	width: 7px;

	height: 7px;

	margin-left: 5px;

	float: left

}



.so-categories .cat-wrap.theme4 .so-categories-heading .icon_right {

	background: url(../images/plus.gif) no-repeat;

	margin-top: 5px;

	margin-right: 5px;

	width: 13px;

	height: 13px;

	float: right

}



.so-categories .cat-wrap.theme4 .so-categories-inner.selected .icon_right {

	background: url(../images/minus.gif) no-repeat;

}



.so-categories .cat-wrap.theme4 .so-categories-heading .cat-title {

	padding-left: 5px;

	line-height: 24px;

	float: left;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	max-width: 75%;

}



.so-categories .cat-wrap.theme4 .so-categories-content {



	height: 0;

	overflow: hidden;

	width: 100%;

}



/* .so-categories .cat-wrap.theme4 .so-categories-inner.selected .so-categories-content{

	margin:10px;

    margin-bottom:10px;

} */



.so-categories .cat-wrap.theme4 .so-categories-content .child-cat {

	padding: 15px;

	padding-bottom: 0px;

	overflow: hidden;



}



.so-categories .cat-wrap.theme4 .so-categories-content .child-cat.cat-lastitem {

	padding-bottom: 15px;

}



.so-categories .cat-wrap.theme4 .so-categories-content .child-cat.subcat-empty {

	padding: 10px;

}



.so-categories .cat-wrap.theme4 .so-categories-content .child-cat .child-cat-info {

	display: block;

}



.so-categories .cat-wrap.theme4 .so-categories-content .child-cat .image-cat {

	float: left;

	margin-right: 10px;

	overflow: hidden;

}



/* .so-categories .cat-wrap.theme4 .so-categories-content .child-cat .child-cat-desc{

	float:left;

} */

.so-categories .cat-wrap.theme4 .so-categories-content .child-cat .child-cat-desc .child-cat-title,

.so-categories .cat-wrap.theme4 .so-categories-content .child-cat .child-cat-desc .child-cat-title a {

	float: left;

	font-weight: bold;

	padding-right: 3px;

	font-size:13px;

}



@media all and (max-width: 480px) {

	.so-categories .cat-wrap.theme2 .content-box .parent-cat {

		margin: 0 0 10px 0;

		width: 100%;

		float: none;

		max-width: 100%;

	}



	.so-categories .cat-wrap.theme2 .content-box img {

		width: 100%;

		display: block;

		max-width: 100%;

	}



}



.cf:before,

.cf:after {

	content: " ";

	display: table;

}



.cf:after {

	clear: both;

}