html,body{
	width: 100%;
	height: auto;
	font-family: 'Arimo',tahoma;
	min-height: 100%;
	float: left;
/*border-left: 1px solid #e5e5e5;*/
	margin: 0;
}

div[class*="col-"] {
	display: inline-block;
	height: auto;
	box-sizing:border-box;
	padding: 4px 5px;
}

.col-1{
	width: 10%;
}
.col-2{
	width: 20%;
}
.col-3{
	width: 30%;
}
.col-4{
	width: 40%;
}
.col-5{
	width: 50%;
}
.col-6{
	width: 60%;
}
.col-7{
	width: 70%;
}
.col-8{
	width: 80%;
}
.col-9{
	width: 90%;
}
.col-10{
	width: 100%;
}

ul,li,p,a,h4{
	padding:0;
	margin: 0;
	list-style: none;
}
.srmcart-header{
	float: left;
	width: 100%;
	position: relative;
	background: #fff;
	z-index: 200;
	min-height: 65px;
	font-family: 'Roboto', sans-serif;
	box-sizing:border-box;
	padding: 0 0 0 145px;
	background: -moz-linear-gradient(top, rgba(79,79,79,1) 0%, rgba(54,54,54,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(79,79,79,1)), color-stop(100%,rgba(54,54,54,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(79,79,79,1) 0%,rgba(54,54,54,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(79,79,79,1) 0%,rgba(54,54,54,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(79,79,79,1) 0%,rgba(54,54,54,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(79,79,79,1) 0%,rgba(54,54,54,1) 100%); /* W3C */
}
div.logo{
	width: auto;
	height: 100%;
	float: left;
	position: absolute;
	padding-right: 20px;
	left: 0;
	box-sizing:border-box;
	padding-left: 0;
	
	display: table;
}
div.logo img{
	margin-top: 10px;
	padding-right: 15px;
	border-right: 1px solid #ccc;
	height: 45px;
	margin-left: 15px;
}
div.header-top{
	width: 100%;
	height: 100%;
	box-sizing:border-box;

}
/*-----------------DROP DOWN MENU------------*/
div.dropdown{
	min-width: 150px;
	width: auto;
	height: auto;
	box-shadow: 0 0 4px #ccc;
	top:0%;
	border-radius: 5px;
	left: -68px;
	position: absolute;
	display: none;
	background-color: white;
	z-index: 1000;
}


.medium-title{
	position: relative;
	box-sizing:border-box !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
}
div.user div.user-dropdown div.close i.icon{
	color:#CDCDCD ;
}


/* --------------- USER MENU ----------------*/
div.logo div.table-cell{
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}




.w100{
	width: 100%;
	height: auto;
}




/*----------NAV top----------*/
nav.menu{
	width: 100%;
	float: left;
}

div.srmcart-navigator-top{
	float: left;
	width: 100%;
	position: relative;
	height: 100%;
	padding-top: 0;
	box-sizing: border-box;
	z-index: 100;
}
div.srmcart-navigator-top i.subarrow{
	display: none !important;
}

div.srmcart-navigator-top ul{
	list-style: none;
	width: auto;
	float: left;
	margin: 0;
	height: 65px;
	float: right;
	padding: 0;
	display: table;
}
div.srmcart-navigator-top i.icon.usericon{
	font-size: 45px;


}
div.srmcart-navigator-top li.user{
	padding-left: 65px;
}
div.srmcart-navigator-top li.user i.icon,div.srmcart-navigator-top li.logout i.icon{
	top: 3px;
	left: 10px;
	height: 45px;
	width: 36px;
	height: 36px;
	overflow: hidden;
	
	border-radius: 40px;
	border:2px solid white;
}
div.srmcart-navigator-top i.icon.usericon:before{
	
	width: 30px;
	height: 30px;
	overflow: hidden;
	color: white;

	border-radius: 40px;
	float: left;
	margin-top: 3px;
	line-height: 34px;
	margin-left: 3px;
	
}

div.srmcart-navigator-top ul li{
	list-style: none;
  width: auto;
  /* display: table-cell; */
  /* float: left; */
  margin-top: 0%;
  float: left;
  vertical-align: middle;
  color: white;
  border-radius: 20px;
  padding: 0 10px 0 10px;
  margin-right: 10px;
  float: left;
  font-size: 14px;
  position: relative;
  float: left;
  
  box-sizing: border-box;
  line-height: 65px;
  height: 65px;
 
}
div.srmcart-navigator-top ul li.mainli a.main{
	margin-top: 10px;
	padding: 0;
	vertical-align: middle;
	line-height: 30px;
	padding: 17px 0 17px 0;
	display: block;
	height: 100%;
	margin: 0;
	box-sizing:border-box;
}
div.srmcart-navigator-top ul li.mainli a.main span{

	padding: 12px;
	border: none;
	border-radius: 14px;
	

}
div.srmcart-navigator-top ul li.mainli a.main:hover span{
	background-color: white;
}
div.srmcart-navigator-top ul li:hover span{
	background-color: white;
	color: #4b81c2;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
div.srmcart-navigator-top ul li:hover{
	
	
	border-color:#4b81c2;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
div.srmcart-navigator-top ul li.srmcart-button.logout{
	padding-right: 0;
	padding-left: 10px;
}
div.srmcart-navigator-top ul li.srmcart-button.logout i{
	position: static;
	float: left;
	font-size: 35px;
	margin-top: 2px;

}
div.srmcart-navigator-top ul li.srmcart-button.logout.request i{
	font-size: 30px;
	border-color: white;
}
div.srmcart-navigator-top ul li.srmcart-button.logout.request i:before{
	color: white;
}
div.srmcart-navigator-top ul li.srmcart-button.logout i:before{
	width: 30px;
	height: 34px;
	overflow: hidden;
	color: white;
	border-radius: 40px;
	float: left;
	margin-top: 1px;
	line-height: 34px;
	margin-left: 3px;
}
div.srmcart-navigator-top ul li:hover a{
	color: #4b81c2;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
div.srmcart-navigator-top ul li.srmcart-button{
	border-left: 1px solid #ccc;
	border-radius: 0;
	max-height: 45px;
	margin-top: 10px;
}
div.srmcart-navigator-top ul li.srmcart-button:hover,div.srmcart-navigator-top ul li.srmcart-button:hover a{
	background-color: transparent;
}
div.srmcart-navigator-top ul li.srmcart-button:hover i{
	border-color:#4b81c2;
	color: #4b81c2;
	 -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
div.srmcart-navigator-top ul li.srmcart-button:hover i:before{
	color: #4b81c2;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
div.srmcart-navigator-top ul li a{
	width: 100%;
	display: block;
	color: white;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	text-overflow:ellipsis;
	line-height: 45px;
	height: 45px;
	text-decoration: none;
}
div.srmcart-navigator-top ul li:hover a span{
	background-color: transparent ;
}

div.srmcart-navigator-top ul li a i.icon{
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	text-align: center;
	font-size: 15px;
}
div.srmcart-navigator-top ul li.mainli:hover,div.srmcart-navigator-top ul li.mainli.active{
	/*background-color: #f0f0f0;*/
}
/*div.srmcart-navigator-top ul li:last-child{
	border: none;
}*/
div.srmcart-navigator-top ul li:hover{
	cursor: pointer;
}
div.srmcart-navigator-top ul li.sub{
	/*padding-right: 30px;*/
	text-align: center;
	z-index: 110;
}

div.srmcart-navigator-top ul li.sub a{
	height: auto;
	line-height: 25px;
}
div.srmcart-navigator-top ul li.sub:hover div.arrow-cnt{
	display: block;
}
div.srmcart-navigator-top ul li.sub div.arrow-cnt{
	height: 17px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	box-sizing:border-box;
	display: none;
	text-align: center;
}
div.srmcart-navigator-top ul li.sub div.arrow-cnt:before{
	content: "";
	width: 0;
	height: 0;
	position: relative;
	/* z-index: 110; */
	height: 0;
	/* float: left; */
	border-style: solid;
	display: inline-block;
	top: -100%;
	/* margin-top: -33px; */
	border-width: 0 12.5px 12px 12.5px;
	border-color: transparent transparent white transparent;
}
div.srmcart-navigator-top ul li.sub ul.submenu{
	position: absolute;
	display: none;
}
div.srmcart-navigator-top ul li.sub:hover ul.submenu{
	display: block;
}
div.srmcart-navigator-top ul li.sub ul.submenu li a{
	padding-left: 36px;
}
div.srmcart-navigator-top ul li.sub ul.submenu li a i.icon{
	width: 36px;
	height: 36px;
	line-height: 36px;
}
div.srmcart-navigator-top ul li.sub div.arrow{
	width: 100%;
}
div.srmcart-navigator-top ul li.sub div.arrow:before{
	  
}
div.srmcart-navigator-top ul li.sub:hover div.arrow:before,
div.srmcart-navigator-top ul li.sub.active div.arrow:before{
	display: block;
	border-color: transparent transparent white transparent;
}
div.srmcart-navigator-top i.icon{
	height: 45px;
	line-height: 45px;
	top: 0;
	width: auto;
}


div.srmcart-navigator-top ul li ul.submenu{	
	background-color: white;
	left: 0;
	max-width: 240px;
	padding: 20px 0 0 0;
	min-width: 100%;
	min-width: 100%;
	padding-top: 0;
	height: auto;
	z-index: 100;
	border-radius: 0 0 3px 3px;
	box-shadow: 0 3px 4px #ccc;
	top: 65px;
	color:#3097be;
	left: 0%;
}
div.srmcart-navigator-top ul li ul.submenu.openleft{
	right: 0;
	left: auto;
	text-align: right;
}
div.srmcart-navigator-top ul li ul.submenu li a{
	text-align: left;
	color:#3097be;
}
div.srmcart-navigator-top ul li ul.submenu.openleft li a{
	text-align: left;
}
div.srmcart-navigator-top ul li ul.submenu.openleft li.sub:before{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 20px 18px 0;
	border-color: transparent transparent transparent #3097be;
	left:0;
	right: auto;
}
div.srmcart-navigator-top ul li ul.submenu li{
	height: auto;
	max-width: none;
	box-sizing:border-box;
	border: none;
	line-height: 25px;
	padding: 0;
	position: relative;
	width: 100%;
	text-align: left;
	float: left;
	margin: 0;
}
div.srmcart-navigator-top ul li ul.submenu li:hover ul.submenulv2{
	/*display: block;*/
}
div.srmcart-navigator-top ul li ul.submenu li ul.submenulv2{
	width: 240px;
	height: auto;
	background-color: white;
	position: absolute;
	left: 100%;
	display: none;
	top:0;
	box-shadow: 0 0 4px #ccc;
}
div.srmcart-navigator-top ul li ul.submenu li ul.submenulv2.openleft{
	left: -240px;
	border-right:2px solid #3097be;
	border-left: 0px;
}

/*div.srmcart-navigator-top ul li ul.submenu li.sub:before{
	content: " ";
	width: 0;
	height: 0;
	bottom: 0;
	border-style: solid;
	position: absolute;
	right: 0;
	display: none;
	border-width: 18px 20px 18px 0;
	border-color: transparent #3097be transparent transparent;
}*/
div.srmcart-navigator-top ul li ul.submenu li.sub:hover:before{
	display: block;
}
div.srmcart-navigator-top ul li ul.submenu li.sub:hover a{
	/*background-color: transparent;*/
}
div.srmcart-navigator-top ul li ul.submenu li ul.submenulv2 li:first-child{
	background-color: #3097be ;
	height: 0px;
}
div.srmcart-navigator-top ul li ul.submenu li a{
	display: block;
	box-sizing:border-box;
	border-bottom: 1px dotted #ccc;
	padding:5px 10px 5px 10px;
}
div.navigator a{
	text-decoration: none;
	color: black;
}
div.srmcart-navigator-top ul li ul.submenu li:hover a{
	background-color: #71C2DA;

}
div.srmcart-navigator-top ul li ul.submenu li.sub:hover a{
		border-top: 0px solid #3097be;
}
div.srmcart-navigator-top ul li ul.submenu li:hover ul.submenulv2 li a{
	background-color: white;
	border-top:0;
}
div.srmcart-navigator-top ul li ul.submenu li ul.submenulv2 li a:hover{
	background-color: #ccc;
}
div.srmcart-navigator-top ul li ul.submenu li:last-child a,div.srmcart-navigator-top ul li ul.submenu li:last-child ul.submenulv2 li:last-child a{
	border-bottom: none;
}
div.srmcart-navigator-top ul li ul.submenu li:last-child ul.submenulv2 a{
	border-bottom: 1px dotted #ccc;
}
div.srmcart-navigator-top ul li ul.submenu li ul.submenulv2{
	border-left:2px solid #3097be;
}

div.srmcart-navigator-top ul li.srmcart-button.logout.menu{
	display: none;
}
@media screen and (max-width: 1000px){
	

	div.srmcart-navigator-top ul li.srmcart-button.logout.menu{
		height: 65px;
		line-height: 65px;
		box-sizing: border-box;
		margin: 0;
		max-height: 65px;
		border:none;
		padding: 0 0 0 0;
		width: auto;
		display: block;
		width: 60px;
	}

	div.srmcart-navigator-top ul li.srmcart-button.logout.menu a{
		height: 65px;
		line-height: 65px;
		box-sizing: border-box;
		padding: 0 10px 0 10px;
		border-radius: 0;
	}
	
	div.srmcart-navigator-top ul li.srmcart-button.logout.menu a i{
		height: 100%;
		border: none;
		line-height: 64px;
		width: 100%;
		border-radius: 0;
		margin: 0;
	}
	div.srmcart-navigator-top ul li.srmcart-button.logout.menu i:before{
		line-height: 64px;
		height: 65px;
		width: 100%;
		font-size: 42px;
		border-radius: 0;
		margin: 0;
	}

	div.srmcart-navigator-top ul li.srmcart-button.logout.menu.active a{
		background: rgb(75, 129, 194);
		
	}
	div.srmcart-navigator-top ul li.srmcart-button.logout.menu.active a:hover i:before{
		color:white;
	}
	div.srmcart-navigator-top ul li.srmcart-button.logout.menu.active i:before{
		color: rgb(67, 67, 67);
		color:white;
	}
	
	div.srmcart-navigator-top ul.menu.adminmenu{
		border-top:5px solid #4b81c2;
		position: absolute;
		top: 100%;
		width: 330px;
		box-shadow: 0px 7px 10px #838383;
		height: auto;
		background: white;
		right: 0;
		display: none;

	}


	div.srmcart-navigator-top ul.menu.adminmenu li{
		width: 100%;
		float: left;
		border-radius: 0;
		color: black;
		height: auto;
		border-bottom: 1px solid #4b81c2;
	}
	div.srmcart-navigator-top ul li.sub div.arrow-cnt{
		display: none !important;
	}
	div.srmcart-navigator-top ul.menu.adminmenu li.mainli a.main span{
		color: black;
	}
	div.srmcart-navigator-top ul.menu.adminmenu li.sub ul.submenu{
		position: static;
		display: block;
		margin-bottom: 20px;
		border-top:1px solid rgba(204, 204, 204, 0.42);
		float: left;

	}
	div.srmcart-navigator-top ul.menu.adminmenu li.sub ul.submenu li{
		border-color:rgba(204, 204, 204, 0.42);
		border-bottom: none;
	}
	
	div.srmcart-navigator-top ul li.sub ul.submenu li a{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	div.srmcart-navigator-top ul li.sub ul.submenu li a i.icon{
		width: 45px;
		height: 45px;
		line-height: 45px;
	}
}
@media screen and (max-width: 600px){
	div.logo img {
	  margin-top: 15px;
	  padding-right: 15px;
	  border-right: 1px solid #ccc;
	  height: 35px;
	  border: none;
	  margin-left: 15px;

	}
	div.srmcart-navigator-top ul li.srmcart-button.user a span{
		display: none;
		
	}
	div.srmcart-navigator-top ul li.srmcart-button.user{
		padding-right: 0;
		margin-right: 0;
	}
	div.srmcart-navigator-top li.user {
	  padding-left: 60px;
	}
	.srmcart-header{
		padding: 0;
	}
}

/*---------------------------------------------------------------------------------------*/
/*--------------------------------------- HEADER ----------------------------------------*/
/*---------------------------------------------------------------------------------------*/
body{
	font-family: 'Open Sans', sans-serif;
}

header.head{
	width: auto;
	background-color: white;
	height: 60px;
}
div.menu{
	width: auto;
	height: 100%;
}
header ul.menu.left{
	float: left;
	height: 60px;
}
header ul.menu.right{
	float: right;
	height: 60px;
}
header ul.menu.right li.icon-li a{
	width: auto;
	padding-right: 10px;
	padding-left: 10px;
}
header ul.menu.right li.icon-li:hover a{
	color:#4b81c2 ;
		 -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
header ul.menu.right li.icon-li a{
	color:#5b5b5b ;
}
header ul.menu.right li.icon-li a i.lang-flag{
	width: 40px;
	height: 100%;
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	float: left;
}
ul.menu li div.icon{
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 5px;
	background-size: 50% auto;
	background-position: center;
	background-repeat: no-repeat;
}
header ul.menu li:hover a span{
	color: #4b81c2;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
header ul.menu li.basket:hover a span{
	color: white;
}
header ul.menu li div.icon.reg{
	/*background-image:url(../img/webshop_signup_icon.svg);*/
}
header ul.menu li div.icon.login{
	/*background-image:url(../img/webshop_login_icon.svg);*/

}
header ul.menu li div.icon.login:before{
	font-family: "Ionicons";
	content:'\f4fa' ;
	color: #5b5b5b;
}
header ul.menu li div.icon a i:before{
	color: #5b5b5b;
}
header ul.menu li div.icon a:hover i:before{
	color: #4b81c2;
}
header ul.menu  li div.icon.baket{
	background-image:url(../img/shoppingcart.svg);
	background-size: 100% auto;
}
header ul.menu  li div.icon.reg:before{
	font-family: "Ionicons";
	color: #5b5b5b;
	content:'\f4f9' ;


}
header ul.menu  li:hover div.icon:before{
	color: #4780c4;
		-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
header ul.menu  li div.icon{
	font-size: 24px;
	text-align: center;
}
header ul.menu  li a span{
	line-height: 30px;
	float: left;
	color: #5b5b5b;
}
header ul.menu  li span{
	border-right: 1px solid #ccc;
	padding: 0 20px 0 20px;
}
header ul.menu  li.icon-li span{
	padding: 0 20px 0 0;
}
header ul.menu  li.basket{
	background-color:#4b81c2;
	position: relative;
	color: white;
	font-size: 20px;
	width: 160px;
	padding: 0 6px 0 20px;
}
header ul.menu li.border_none span,header ul.menu li.basket span{
	border:none;
}
header ul.menu  li.basket div.price{
	width: 100%;
	position: absolute;
	height: 70px;
	left: 0;
	top:100%;
	text-align: center;
	font-size: 14px;
	line-height: 17px;
	background-color:#487cbb;
	box-sizing:border-box;
	padding: 15px 10px 10px 10px;
}

header ul.menu  li.basket div.triangle{
	top:100%;
	width: 100%;
	left: 0;
	height: 40px;
	position: absolute;
	width: 0;
	height: 0;
	z-index:2;
	border-style: solid;
	border-width: 0 160px 24px 0;
	border-color: transparent #487cbb transparent transparent;
}
header ul.menu  li.basket div.dark{
	width: 160px;
	height: 30px;
	position: absolute;
	top: 100%;
	left: 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-image: url(../img/triangle_shadow.png);
}

header ul.menu  li:last-child span{
	border: none;
}
header ul.menu li.basket span{
	font-size: 20px;
	color: white;
	padding: 0 10px 0 10px;
	text-transform: uppercase;
}
header ul.menu  li a{
	display: block;
	float: left;
	height: 100%;
	width: 100%;
	box-sizing:border-box;
	padding: 15px 0 15px 0;
}
header ul.menu li{
	display: inline-block;
	height: 100%;
	font-size: 13px;

	line-height: 30px;
	height: 60px;
	padding:0 0 0 0;
	width: auto;
	box-sizing:border-box;
}
div.site-width{
	max-width: 1220px;
	box-sizing:border-box;
	padding: 0 10px 0 10px;
	margin: 0 auto;
}
div.search-head{
	width: 100%;
	border-bottom: 2px solid #e6e6e6;
	height: auto;
	min-height: 100px;
	float: left;
	background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 75%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(33%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(75%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 33%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 75%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 33%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 75%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 33%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 75%,rgba(237,237,237,1) 100%); /* IE10+ */
}
div.search-head div.search-head-inner{
	position: relative;
	box-sizing:border-box;
	padding-left: 150px;
	padding-right: 180px;
	width: 100%;
}
div.search-head div.top{
	float: left;
	width: 100%;
	min-height: 130px;
	box-sizing:border-box;
	padding-bottom: 20px;
	padding-top: 20px;
	border-bottom: 5px solid #4b81c2;
}

div.site{
	width: 100%;
	float: left;
}
a{
	text-decoration: none;
}
img.logo{
	position:absolute;
	left: 0;
	float: left;
}
div.menu-button{
	
	display: none;
}
@media screen and (max-width: 850px){
	div.menu-button{
		line-height: 60px;
		font-size: 32px;
		width: 60px;
		position: absolute;
		top: 0;
		left: 0;
		height: 30px;
		margin-top: 15px;
		color: #5b5b5b;
		
		text-align: center;
		display: block;
		/*border-right: 1px solid #ebebeb;*/
	}
	div.menu-button i{
		height:30px;
		line-height:30px;
		float: left;
		width: 100%;
	}
	div.menu-button:hover{
		cursor: pointer;
		color: #4b81c2;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	div.menu-button.active{
		background-color:#4b81c2;
		color: white;
	}
	div.menu-button.active i{
		opacity: 0.8;
	}
	div.menu-button.active:hover i{
		opacity: 1;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	header ul.menu.left{
		position: absolute;
		width: 250px;
		background: white;
		z-index: 100;
		display: none;
		height: auto;
		box-shadow: 0 7px 10px #ccc;
		left: 0;
		top: 60px;
		border-top: 5px solid #4b81c2;
	}
	header ul.menu.left li{
		float: left;
		font-size: 15px;
		width: 100%;
		box-sizing:border-box;
		padding: 0 20px 0 20px;
	}
	header.head{
		position: relative;
	}
	header ul.menu.left li:last-child a{
		border:none;
	}
	header ul.menu.left li a{
		border-bottom: 1px solid #bebebe;
	}
	header ul.menu.left li a span{
		width: 100%;
		border:none;
		padding: 0;
	}
}


label.fakeinput.select{
	padding:0px 30px 0px 0;
	border: 1px solid #cecece;
	font-size: 14px;
	position: relative;
	height: 30px;
	box-sizing:border-box;
	display: table;display: block;
	float: left;
	margin-bottom:0;
}
label.fakeinput.select:hover,label.fakeinput.select input:hover{
	cursor: pointer;
}
label.fakeinput.select span.z3fake_title{
	display: block;
	text-align: left;
	overflow: hidden;
	text-overflow:ellipsis;
	line-height: 30px;
}
label.fakeinput.select:hover{
	border-color: #a6a6a6;
	cursor: pointer;
}
.fake-wrapper{
	width: 100%;
	position: absolute;
	top:100%;
	box-sizing:border-box;
	border: 1px solid #4b81c2;
	background-color: white;
	max-height: 256px;
	display: none;
	overflow-y: scroll;
	left: 0;
	z-index:90;
}
.fake-wrapper ul{
	width: 100%;
	display: block;
	height: auto;
}
.fake-wrapper ul li{
	width: 100%;
	box-sizing:border-box;
	font-size: 14px;
	padding: 5px;
	text-align: left;
}
.fake-wrapper ul li.selected{
	background-color: #4b81c2;
	color: white;
}
.fake-wrapper ul li.optgroup{
		padding:0;
		/*border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;*/
}
.fake-wrapper ul li.optgroup span{
	width: 100%;
	box-sizing:border-box;
	padding-left: 5px;
	font-weight: bold;
	text-align: left;
}
.fake-wrapper ul li.optgroup ul li{
	padding: 5px 5px 5px 15px;
}
.fake-wrapper ul li.optgroup:hover{
	background-color: white;
}

.fake-wrapper ul li:hover{
	background-color: #dff0f9;
	cursor: pointer;
}
.fake-wrapper ul li.selected:hover{
	background-color: #4b81c2;
}
label.checkbox-label.fakeinput.checked:hover i.icon{
	color:#4b81c2;
	border-color:#4b81c2;
}
label.checkbox-label.fakeinput:hover i.icon{
	color:#a6a6a6;
	border-color:#a6a6a6;
}
.fakeinput.select:before {
  font-family: 'Ionicons';
  position: absolute;
  right: 0;
  height: 50px;
  width: 30px;

  text-align: center;
  line-height: 30px;
  top: 0;
  content: '\f4f8';
  color: #4b81c2;
}
.selectPager .fakeinput.select:before {
	width: 30px !important;
}
.search-box{
	width: 75%;
	float: right;
	height: auto;
	position: relative;
	padding-top: 20px;
	box-sizing: border-box;
  	padding-right: 50px;
}
.search-box button{
	position: absolute;
	border:none;
	background: none;
	width: 50px;
	font-size: 27px;
	color: #4b81c2;
	right: 0;
	top: 20px;
	padding:0;
	height: 50px;
	text-align: center;
	border: 1px solid #cecece;
	margin: 0 !important;
	line-height: 50px;
}
.search-box button.clear{
	top:75px;
	border:none;
	width: 40px;
	border-radius: 0;
	right: 5px;
	height: 40px;
	background-color: rgb(226, 77, 88);

}
.search-box button.clear i:before,
.search-box button.clear i{
	line-height: 40px;
	height: 40px;
	font-size: 20px;
	color: white;
	box-sizing:border-box;
}
.search-box button.clear:hover{
	background-color: rgb(169, 51, 60);
}

.search-box button i{
	width: 100%;
	line-height: 50px;
	font-size: block;
	float: left;
}
.search-box button:hover{
	cursor: pointer;
	background: #f7f7f7;
	border-color: #a6a6a6;
}
.search-box label.fakeinput.select{
	width: 50%;
	height: 50px;
	max-height: 50px;
	text-overflow:ellipsis;
	background-color: #f7f7f7;
}
.search-box input[type="text"]{
	width: 50%;
	height: 50px;
	box-sizing:border-box;
	float: left;
	border:1px solid #cecece;
	background-color: #f7f7f7;
}
.search-box input[type="text"]:hover{
	border-color: #a6a6a6;
}
.search-box label.fakeinput.select input.z3fake_title{
	line-height: 48px !important;
	height: 100%;
	background: transparent;
}
.search-box label.fakeinput.select input.z3fake_title:hover{
	border-color: transparent;
}

.search-box  .fakeinput.select:before{
	line-height: 48px;
}
.search-box .search-item{
	display: inline-block;
	width: auto;
	height: 30px;
	font-size: 15px;
	margin-top: 5px;
	background: #f7f7f7;
	background-color: rgba(79,79,79,1);
	border: 1px solid #e6e6e6;
	color: #5f5f5f;
}
.search-box .search-item a{
	display: table;
	width: auto;
	color: #CACACA;
	height: 100%;
	position: relative;
	box-sizing:border-box;
	padding: 5px 30px 5px 10px;
}
.search-box .search-item a:hover,.search-box .search-item a:hover:before{
	color: white;
}
.search-box .search-item a:before{
	font-family: 'Ionicons';
	content: "\f12a";
	color: #f5f5f5;
	width: 30px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	position: absolute;
	top: 0;
	color: #CACACA;
	right: 0;
}
.search-box .search-item a span{
	display: table-cell;
}
.search-box .search-item .sitem{
	font-size: 10pt;
}
div.search-item-cnt{
	float: left;
	width: 100%;
	height: auto;
	box-sizing:border-box;
	padding-right: 0;
}
.header ul.menu li.icon-li span{
	border: none;
}
@media screen and (max-width: 700px){
	.header ul.menu li.icon-li span{
		display: none;
	}
	.search-box .search-item{
		width: 48%;
		float: left;
		height: 40px;
		box-sizing:border-box;
		position: relative;
		margin-left: 1%;
		padding-right: 30px;
		overflow: hidden;
		text-align: left;
		margin-right: 1%; 
	}
	.search-box .search-item a{
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		word-break:keep-all;
		padding-top: 10px;
		padding-bottom: 10px;
		position: static;
	}
	.search-box .search-item a:before{
		background-color: rgba(79,79,79,1);
		line-height: 40px;
	}
}
@media screen and (max-width: 600px){
	.search-box .search-item{
		width: 98%;
	}
}

div.breadcrumb{
	width: 100%;
	height: 40px;
	float: left;
	background-color: #f7f7f7;

}
div.breadcrumb ul li{
	display: inline-block;
	line-height: 40px;
	margin-right: 10px;
	padding-left: 15px;
}
div.breadcrumb ul li:first-child{
	/*padding-left: 0;*/
}
div.breadcrumb ul li span{
	float: left;
	width: 100%;
	font-size: 15px;
	color: #5b5b5b;
	height: 30px;
	margin-top: 5px;
	line-height: 30px;
	padding-right: 10px;
	border-right: 1px solid #ccc;

}
div.breadcrumb ul.breadcrumb-ul li span{
	box-sizing:border-box;
	width: auto;
	padding-right: 25px;
	position: relative;
}
div.breadcrumb ul.breadcrumb-ul li:hover span{
	color: black;
}
div.breadcrumb ul.breadcrumb-ul li.active span{
	color: #4b81c2;
	font-weight: bold;
}
div.breadcrumb ul.breadcrumb-ul li span:before{
	font-family: 'Ionicons';
	content: '\f10a';
	width: 25px;
	height: 25px;
	font-size: 16px;
	right: 0;
	text-align: center;
	top: 0;
	position: absolute;

}
input{
	border: 1px solid #cecece;
	box-sizing:border-box;
	padding: 5px 10px 5px 10px;
}
input:hover{
	border-color: #a6a6a6;
}
input:focus{
	border-color: #4b81c2;
}
h5.inner-title{
	width: 100%;
	font-weight: normal;
	font-size: 21px;
	float:left;
	box-sizing:border-box;
	margin: 0;
	padding: 40px 1% 10px 1%;
}
button.category-button{

	font-size: 20px;
	padding: 10px;
	margin:20px 10px;
	border:none;
	background: #f5f5f5;
	background: #02ff00;
	float: right;
	border:1px solid #ddd;
	
}
button.category-button:hover{
	background-color: #4b81c2;
	color: white;
}

@media screen and (max-width: 900px){
	.search-box{	
		width:80%;
		padding-right: 50px;
	}
	div.search-head div.search-head-inner{
		padding-right: 170px;
	}
}
@media screen and (max-width: 800px){
	.search-box{	
		width:100%;
		padding-right: 50px;
	}
	img.logo{
		position: static;
		display: inline-block;
		float: left;

	}
	div.search-head div.search-head-inner{
		padding-right: 0;
		padding-left: 0;
	}
	div.search-head div.top{
		height: auto;
		text-align: center;
	}
	div.search-head div.top{
		padding-top:5px;
	}
	header ul.menu li.basket div.price{
		z-index:2;
	}
}
@media screen and (max-width: 600px){
	div.srmcart-navigator-top ul li.srmcart-button{
		border:none;
	}
	header ul.menu.right li a span{
		display: none;
	}
	header.head div.site-width{
		padding: 0;
	}
	header ul.menu.right li.icon-li div.icon{
		background-size: 65% auto;
		margin: 0;
		float: left;
	}
	header ul.menu.right li{
		float: left;
	}
	header ul.menu.right li.icon-li a{
		padding-left: 10px;
		border-left: 1px solid #ccc;
		height: 30px;
		margin-top: 15px;
		padding-right: 10px;
		padding: 0 10px 0 10px;
	}
	header ul.menu li.basket{
		width: 110px;
		padding: 0 20px 0 20px;
	}
	header ul.menu li.basket a{
		text-align: center;
	}
	header ul.menu li.basket a div.icon.baket{
		float: none;
		display: inline-block;

	}

	header ul.menu li.basket div.triangle{
		  border-width: 0 110px 24px 0;
	}
	header ul.menu li.basket div.dark{
		width: 110px;
	}
	div.breadcrumb ul li{
		display: none;
	}
	div.breadcrumb ul li.active{
		display: block;
		height: 30px;
		position: relative;
		font-weight: bold;
	}
	div.breadcrumb ul li.active:hover{
		color: #4b81c2;
		cursor: pointer;
	}
	div.breadcrumb ul li.active:before{
		content:"\f10a" ;
		font-family: "Ionicons";
		position: absolute;
		right: 5px;
		top:5px;
		height: 30px;
		line-height: 30px;
	}
	div.breadcrumb ul li.active.opened:before{
		content:"\f10d";
	}
}


/*------------------------------------------------------------------------*/
/*-----------------------------CATALOG LANDING PAGE ----------------------*/
/*------------------------------------------------------------------------*/

.inner-title span{
	float: left;
	line-height: 50px;
}

.inner-title form{
	float: right;
}

.list-search{
	width: auto;
	float: right;
	padding: 10px;
	border-right: 1px solid #ddd;
}
.list-search button.clear{
	background-color: rgb(226, 77, 88);
	border:none;
	outline: none;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: white;
}

.list-search button.clear:hover{
	background-color: rgb(169, 51, 60);
	cursor: pointer;
}

.list-search label{
	display: inline-block;
	float: none;
	width: auto;
    font-size: 16px;
    text-transform: uppercase;
}
.list-search select{
	display: inline-block;
	float: none;
	padding: 3px;
}
div.c-item:hover div.c-top{
	border-color:#487cbb;
	cursor: pointer;
	box-shadow: 0 0 10px rgb(136, 136, 136);

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
div.catalog-content{
	width: 100%;
	float: left;
	height: auto;
}
div.catalog-content div.c-item{
	width: 14%;

	float: left;
	margin-right: 1.3%;
	margin-bottom: 10px;
	margin-left: 1.3%;
	padding: 0;
}
div.c-item div.c-top{
	width: 100%;
	box-sizing:border-box;
	height: 210px;
	padding: 5px;
	
	border:2px solid #e6e6e6;
}
div.c-item div.c-top div.c-title{
	height: 55px;
	width: 100%;
	display: table;
}
div.c-item div.c-top div.c-title span{
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	line-height: 16px;
	color: #4b81c2;
	height: 100%;
	word-break:initial;
	text-align: center;
	width: 100%;
}
div.c-item div.c-top div.img{
	height: 145px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
}
div.c-item div.c-top div.img .tbl{
	display: table;
	float: left;
	width: 100%;
	height: 100%;
}
div.c-item div.c-top div.img .tbl-cell{
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
div.c-item div.c-top div.img .tbl-cell img{
	width: auto;
	height: auto;
	max-height: 145px;
	max-width: 100%;
	max-width:150px;
}
div.c-item div.bottom{
	width: 100%;
	float: left;
	height: auto;
}
div.c-item div.bottom div.b{
	width: 96%;
	box-sizing:border-box;
	margin-left: 2%;
	height: 4px;
	border-width: 0 2px 2px 2px;
	border-style: solid;
	border-color: #e6e6e6;

}
div.c-item div.bottom div.b.b2{
	width: 92%;
	box-sizing:border-box;
	margin-left: 4%;
}
@media screen and (max-width: 1100px){
	div.catalog-content div.c-item{
		width: 16%;

		float: left;
		margin-right: 0.3%;
		margin-bottom: 10px;
		margin-left: 0.3%;
		padding: 0;
	}
}
@media screen and (max-width: 998px){
	div.catalog-content div.c-item{
		width: 19%;

		float: left;
		margin-right: 0.5%;
		margin-bottom: 10px;
		margin-left: 0.5%;
		padding: 0;
	}
}
@media screen and (max-width: 870px){
	div.catalog-content div.c-item{
		width: 23%;

		float: left;
		margin-right: 1%;
		margin-bottom: 10px;
		margin-left: 1%;
		padding: 0;
	}
}
@media screen and (max-width: 750px){
	div.catalog-content div.c-item{
		width: 30%;

		float: left;
		margin-right: 1%;
		margin-bottom: 10px;
		margin-left: 1%;
		padding: 0;
	}
}
@media screen and (max-width: 600px){
	div.catalog-content div.c-item{
		width: 48%;

		float: left;
		margin-right: 1%;
		margin-bottom: 10px;
		margin-left: 1%;
		padding: 0;
	}
	div.catalog-content div.c-item div.img{
		background-size: 100% auto;
	}
}
@media screen and (max-width: 450px){
	div.catalog-content div.c-item div.img{
		background-size: auto  100%;
	}
}
@media screen and (max-width: 380px){
	div.catalog-content div.c-item div.img{
		background-size: 100% auto;
	}
	div.catalog-content div.c-item{
		width: 100%;

		float: left;
		margin-right: 1%;
		margin-bottom: 10px;
		margin-left: 1%;
		padding: 0;
	}
}

/*-----------------------------------------------------------------------------------*/
/*-------------------------------------PAGEAREA--------------------------------------*/
/*-----------------------------------------------------------------------------------*/


div.pageArea{
	float: right;
	width: auto;

	border-top:1px solid #ebebeb;
	height: 100%;
	width: 100%;
	box-sizing:border-box;
	padding: 10px;
	margin-left: 10px;

}
div.pageArea{
	width: 100%;
}
div.numPager{
	float: left;
}
div.numPager ul {
	float: left;
	margin-left: 10px;
}
div.numButtons{
	width: auto;
	float: left;
	background-color: #4b81c2;
	height: auto;
	height: 40px;
	border-radius: 30px;
	text-align: center;
}
div.pageArea div.numButtons a.button:hover{
	box-shadow: none;
	color: white;
	cursor: pointer;
	line-height: 50px;
}
div.pageArea div.numButtons a.button i{
	line-height: 20px;
	height: 20px;
	float: left;
	width: 100%;
}
div.pageArea div.numButtons a.button:first-child{
	border-right: 1px solid white;

}
div.pageArea div.numButtons a.button.disabled,div.pageArea div.numButtons a.button.disabled:hover{
	opacity: 0.5;
}
div.pageArea div.numButtons a.button:last-child{
	border-left: 1px solid white;
}
div.pageArea div.numButtons a.button{
	float: none;
	color: white;
	border-radius: 0;
	box-sizing:border-box;
	float: left;
	width: 40px;
	height: 20px !important;
	margin:10px 0 10px 0!important;
	display: inline-block;
	border:none;
	opacity: 0.8;
}
div.pageArea label.fakeinput.select{
	width: 100px;
}
div.pageArea div.numButtons a.button:hover{
	opacity: 1;
}
div.numPager ul li{
	display: inline-block;
	line-height: 30px;
	height: 30px;
	margin-top: 5px;
	padding: 0 0px 0 0px;
	color:#4b81c2;
	text-align: center;
	border-radius: 30px;
	width: 30px;

}
div.numPager ul li a{
	color:#626262;
}
div.numPager ul li.active a{
	color: #4b81c2;
}
div.numPager ul li:hover{
	color: #4b81c2;
	background-color: #f5f5f5;
	cursor: pointer;
}
div.numPager ul li.active,div.numPager ul li.active:hover{
	color: #626262;
}
div.selectPager{
	float: right;
}
div.pageArea a,div.pageArea label{
	display: inline-block;
	float: none;
	box-sizing:border-box;
	margin-right: 4px;
	height: 37px !important;
	padding: 0;
	width: 37px;
	text-align: center;
	float: left;
}
div.pageArea a i{
	width: 37px;
	line-height: 37px;
	text-align: center;
}
div.pageArea div.numPager a{
	display: block;
  	float: left;
 	width: 100%;
  	height: 100% !important;
  	margin: 0;
}
div.pageArea div.numPager li:hover a{
	color:#4b81c2;
}
div.pageArea .fakeinput.select:before,div.pageArea label span.z3fake_title{
	height: 35px;
	line-height: 35px;
	margin-left: 5px;
	float: left;

}
input.z3fake_title{
	line-height: normal !important;
}
div.pageArea .fakeinput.select:before,div.pageArea label .z3fake_title{
	height: 35px;
	line-height: 35px;
	margin-left: 0;
	width: 100%;
	border:none !important;
	float: left;

}
a.button{
	float: left;
	padding: 5px 5px 5px 5px;
	margin: 0;
	width: auto;
	height: 41px;
	line-height: 30px;
}
div.pageArea div.numButtons a.button:hover{
	box-shadow: none;
	color: white;
	line-height: 50px;
}
div.pageArea .page-title{
	line-height: 35px;
}
@media screen and (max-width: 600px){
	div.numButtons{
		width: 100%;
	}
	div.numPager{
		width: 100%;
	}
	div.pageArea div.numButtons a.button{
		width: 50%;
	}
	div.numPager ul{
		width: 100%;
		text-align: center;
		margin-left: 0;
	}
	div.numPager ul li{
		float: none;
		display: inline-block;
	}
	div.numPager ul li a{
		direction: block;
		text-decoration: none;
	}
	div.selectPager{
		width: 100%;
		padding-top: 10px;
		border-top: 1px solid #ebebeb;
		margin-top: 10px;
		text-align: center;
	}
	div.pageArea .page-title,div.selectPager label.fakeinput.select{
		display: inline-block;
		width: 50%;
		box-sizing:border-box;
	}
	div.pageArea .page-title{
		padding-left: 10px;
	}
	div.selectPager label.fakeinput.select{
		float: left;
		margin-right: 0;
		width: 50%;
	}
}
footer{
	width: 100%;
	float: left;

	background-color: #f7f7f7;
	border-top: 2px solid #e6e6e6;
	height: auto;
	margin-top: 30px;
	font-size: 14px;

	line-height: 40px;
}
footer span{
	
	color: #5F5F5F;
	vertical-align: middle;
	display: table-cell;
	padding: 0;
	padding: 20px;
}
footer div.f-inner{
	width: 100%;
	box-sizing:border-box;
	position: relative;
	padding-left: 150px;
}
div.table{
		
		
	width: 100%;
	display: table;
	height: 115px;
}
footer span.right{
	text-align: right;

	color: #5F5F5F;
}
footer span.uppercase{
	text-transform: uppercase;
}
div.poweredby{
	float: left;
	width: 120px;
	position: absolute;
	left: 0;
	height: auto;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 20px;
	border-right: 1px solid #CBCBCB;
}
div.poweredby span{
	width: 100%;
	line-height: 25px;
	padding: 0;
	text-align: center;
	float: left;
}
footer img{
	float: left;
	height: auto;
	width: 100%;
	margin: 0;
	margin-right: 0;
	padding-right: 0;
}
@media screen and (max-width: 700px){
	footer div.f-inner{
		padding-left: 0;
	}
	div.poweredby{
		position: static;
		margin-left:0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;

	}
	div.poweredby span{
		border:none;
	}
	div.table{
		display: block;
		float: left;
		width: 100%;
	}
	div.poweredby{
		display: inline-block;
		float: none;
		border: none;
	}
	footer span,footer span.right{
		width: 96%;
		text-align: left;
		display: block;
		padding-left: 0;
		padding-right: 0;
		line-height: 18px;
		margin: 0 2% 0 2%;
		border-top:1px solid #e6e6e6;
	}
	footer{
		text-align: center;
		height: auto;
	}
}




/*------------------------------------------------------------------------------*/
/*-----------------------------PRODUCT LIST------------------------------------*/
/*------------------------------------------------------------------------------*/

ul.breadcrumb-ul{
	width: auto;
	float: left;
}

ul.list-view{
	float: right;
	width: auto;
}
div.breadcrumb ul.list-view li{
	padding: 0;
}
div.breadcrumb ul.list-view li span{
	border: none;
	position: relative;
	padding-left: 35px;
}

div.breadcrumb ul.list-view li.active span,div.breadcrumb ul.list-view li.active:hover span{
	color: #4b81c2;
}
div.breadcrumb ul.list-view li span{
	width: auto;
}
div.breadcrumb ul.list-view li span i.icon{
	position: absolute;
	left: 0;
	text-align: center;
	font-family: 'Ionicons';
	font-size: 22px;
	top: 0;
	box-sizing:border-box;
	width: 30px;
	height: 30px;
	line-height: 33px;
	font-style: normal;
}
div.breadcrumb ul.list-view li:hover span{
	color: #181818;
	cursor: pointer;
}

.srmicon-grid:before
{
	content: "\f4fc";
}
.srmicon-list:before
{
	content: "\f4fb";
}




/*------------------LIST VIEW-------------------*/

.product-cnt.list .item{
	width: 100%;
	float: left;
	border-top:1px solid #e6e6e6;
	font-size: 14px;
	padding: 5px 0 5px 0;
	display: table;
	height: 70px;
}
.product-cnt.list .item.head:hover{
	background-color: transparent;
}
.product-cnt.list .item:hover,.product-cnt.list .item.odd:hover{
	background:#ccc;
	cursor:pointer;
}
.product-cnt.list .item.incart,.product-cnt.list .item.odd.incart{
	background-color: rgba(255, 155, 0, 0.49);
}
.product-cnt.list .item.incart:hover{
	background-color: rgba(255, 155, 0, 0.8);
}
.product-cnt.list .item .sec{
	display: table-cell;
	vertical-align: middle;
	padding: 5px 10px 5px 10px;
}
.product-cnt.list .item .sec.name{
	color: #4b81c2;
}
.product-cnt.list .item .sec.img{
	width: 120px;
	height: 90px;
	padding: 5px;
}
.product-cnt.list .item{
	max-height: 111px;
}
.product-cnt.list .item .sec.count{
	width: 70px;
	min-width:  100px;
	text-align: center;
}
.product-cnt.list .item .sec.price{
	width: 85px;
	text-align: center;
	min-width:  105px;
}
.product-cnt.list .item .sec.img div.img{
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-repeat: no-repeat;
	display: block;
}
.product-cnt.list span.name-max{
	max-height: 70px;
	overflow: hidden;
	display: block;
	  line-height: 22px;
	font-size: 13px;
}
.product-cnt.list .item.odd{
	background-color: #fafafa;
}
.product-cnt.list .item .sec.tobasket{
	width: 170px;
	min-width: 170px;
}
.product-cnt.list .item .sec.tobasket input{
	width: 80px;
	height: 40px;
	float: left;
}
.product-cnt.list .item .sec.tobasket button{
	width: 90px;
	height: 40px;
	box-sizing:border-box;
	float: left;
}
.product-cnt.list .item .sec.tobasket button.disabled{
	 background-color: #434343;
}

.product-cnt.list .item .sec.tobasket button{
	background-color: transparent;
	border:none;
	color: white;
	text-transform: uppercase;
	background-color:#4b81c2;
}

.product-cnt .item .sec.img img{
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 90px;
	max-width:100px;

}
.product-cnt.list .item .sec.img{
	position: absolute;
	left: 0;
	top: 0;
	width: 110px !important;
	height: 90px;
}

.product-cnt.list .item .sec.img .tbl{
	float: left;
	width: 100%;
	height: 100%;
}

.product-cnt.list .item .sec.name{
	width: 50%;	
}

.product-cnt.list .item {
	position: relative;
	box-sizing:border-box;
	padding-left:120px;
	height: 100px;
	
}
@media screen and (max-width:800px){
	.product-cnt.list .item .sec.tobasket{
		min-width: 0px;
	}
	.product-cnt.list .item .sec.img
	{
		width: 90px !important;
	}
	.product-cnt.list .item {
		position: relative;
		box-sizing:border-box;
		padding-left: 85px;
		height: 100px;
		text-align: left !important;
		padding-top: 20px;
	}
	.product-cnt.list .item .sec.img div.img
	{
		background-size: auto 100%;
	}
	
	.product-cnt.list span.name-max{
		float: left;
	}
	.product-cnt.list span.name-max:before{
		content: '';
	}
	.product-cnt.list .item .sec,.product-cnt.list .item .sec.price,.product-cnt.list .item .sec,.product-cnt.list .item .sec.count{
		float: left;
		text-align: left !important;
		box-sizing:border-box;
		display: block;
		width: 100%;
		margin-top: 5px;
	}
	.product-cnt.list .item .sec.tobasket button{
		width: 40px;
	}
	.product-cnt.list .item .sec.tobasket button:before{
		content: '\f3f8';
		font-family: 'Ionicons';
		font-style: normal;
		font-size:30px;
	}
	.product-cnt.list .item .sec.tobasket input{
		width: 60px;
	}
	.product-cnt.list .item .sec.tobasket button span{
		display: none;
	}
	.product-cnt.list .item .sec.price{
		position: absolute;
		width: auto;
		background-color: white;
		height: 40px;
		right: 110px;
		box-sizing: border-box;
		padding: 10px;
		border:1px solid #cecece;
		bottom:0;
	}
	.product-cnt.list .item .sec.tobasket{
		width: 120px;
		padding-top: 0;
		padding-bottom: 0;
		position: absolute;
		bottom:0;
		right: 0;
	}
	.product-cnt.list .item .sec:before{
		
		
		color: #838383;
		
	}
	.product-cnt.list .item .sec.name{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		box-sizing: border-box;
		padding-left: 95px;
		line-height: 20px;
		height: 25px;
		margin-top: 0;

		text-overflow: ellipsis;
		overflow: hidden;
	}
	.product-cnt.list .item .sec.name span{
		text-overflow:ellipsis;
		overflow: hidden;
		white-space: nowrap;
		float: left;
		width: 100%;
	}
	.product-cnt.list .item .sec.id:before{
		content: 'VTSZ';
	}
/*	.product-cnt.list .item .sec.name:before{
		content: 'Termék neve';
	}*/
	.product-cnt.list .item .sec.count:before{
		content: 'Min';
	}
	/*.product-cnt.list .item .sec.price:before{
		content: 'Egységár';
	}	*/
}
@media screen and (max-width:600px){
	.product-cnt.list .item {
		height: 140px;
		padding-bottom: 60px;
	}
	div.breadcrumb ul li.active{
		width: 100%;
		border:none;
		box-sizing:border-box;
	}
	div.breadcrumb ul li span{
		border:none;
	}
	ul.breadcrumb-ul{
		width: 100%;
	}
	div.breadcrumb ul.list-view{
		width: 100%;
		border-top: 2px solid #e6e6e6;
	}
	div.breadcrumb ul.list-view li{
		width: 50%;
		float: left;
		margin-right: 0;
		text-align: center;
		box-sizing:border-box;
		display: block;
	}
	div.breadcrumb ul.list-view li.active:before{
		content: '';
	}
	div.breadcrumb ul.list-view li:first-child{
		border-right: 1px solid #e6e6e6;
	}
	div.breadcrumb{
		height: auto;
	}
	div.breadcrumb ul.list-view li span{
		float: none;
		display: inline-block;
	}
}

@media screen and (max-width:500px){
	/*.product-cnt.list .item {
		position: relative;
		box-sizing:border-box;
		text-align: left !important;
		padding-left: 0;
	}
	.product-cnt.list .item .sec.img div.img{
		position: static;
		background-image: none !important;
		position: static;
	}
	.product-cnt.list .item .sec.img{
		position: static;
		width: 100%;
		max-height: none;
		height: auto;
	}
	.product-cnt.list .item .sec.img div.img img{
		display: block;
		max-height: none;
		height: auto;
		max-width: 350px;
		width: 100%;

	}*/
}



/*------------------GRID  VIEW-------------------*/



.product-cnt.grid .item{
	width: 23%;
	box-sizing:border-box;
	margin: 0 1% 0 1%;
	float: left;
	font-size: 14px;
	position: relative;
	height: auto;
	border: 1px solid #cecece;
	border-bottom: none;
	margin-bottom: 15px;
	padding: 10px;
}
.product-cnt.grid .item div.sec.img{
	height: auto;

	width: 100%;
	float: left;
}
.product-cnt.grid .item div.sec.img div.img{
	width: 100%;
	background-image: none !important;
	height: auto;
	overflow: hidden;
	height: 190px;
	display: block;
}
.product-cnt.grid .item div.sec.img div.img{
	height: 190px;
	width: 100%;
}
.product-cnt.grid .item div.sec.img div.img img{
	display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 190px;
}
.product-cnt.grid .item div.sec.count{
	text-align: right;
}
.product-cnt.grid .item div.sec.count:before{
	content: 'Min.:';
}
.product-cnt.grid .item div.sec.id,.product-cnt.grid .item div.sec.count{
	width: 100%;
	line-height: 15px;
	text-align: left;
	font-size: 12px;
	margin-bottom: 10px;
	float: left;
}
.product-cnt.grid .item div.sec.data{
	float: left;
	width: 100%;
	white-space: nowrap;
	height: 60px;
	margin-top: 10px;
}
.product-cnt.grid .item div.sec.name a{
	color:#4b81c2 ;
}
.product-cnt.grid .item div.sec.data span{
	width: 100%;
	float: left;
	height: 20px;
	line-height: 20px;
}
.product-cnt.grid .item div.sec.id{
	text-align: left;
	padding: 5px 0 5px 0;
}
.product-cnt.grid .item div.sec.name{
	float: right;
	color: #4b81c2;
	max-height: 50px;
	overflow: hidden;
	line-height: 25px;
	height: 50px;
}
.product-cnt.grid .item div.sec.tobasket{
	position: absolute;
	width: 50%;
	bottom: 10px;
	height: 40px;
	left: 50%;
	bottom:0;
}
.product-cnt.grid .item div.sec.tobasket input,.product-cnt.grid .item div.sec.tobasket button{
	width: 50%;
	float: left;
	height: 100%;

	box-sizing:border-box;
}
.product-cnt.grid .item div.sec.tobasket button{
	background:none;
	border:none;
	background-color: #4b81c2;
}
.product-cnt.grid .item div.sec.tobasket button:before{
	content: '\f3f8';
	font-family: 'Ionicons';
	font-style: normal;
	color: white;
	font-size:30px;

}
.product-cnt.grid .item div.sec.tobasket button span{
	display: none;
}
.product-cnt.grid .item div.sec.price{
	position: absolute;
	width: 50%;
	height: 40px;
	text-align: center;
	bottom: 0;
	box-sizing:border-box;
	line-height: 40px;
	left: 0;
	border-bottom: 1px solid #bebebe;
	border-top: 1px solid #bebebe;
}
.product-cnt.grid .item{
	padding-bottom:50px;
}
.product-cnt.list .item a{
	color:#4b81c2 ;
}
.product-cnt.list .item.sec.name a{
	display: block;
}
.product-cnt.list .item a:hover{
	text-decoration: underline;
}
@media screen and (max-width: 1000px){
	.product-cnt.grid .item
	{
		width: 31%;
	}
}
@media screen and (max-width: 700px){
	.product-cnt.grid .item
	{
		width: 48%;
	}
}
@media screen and (max-width: 400px){
	.product-cnt.grid .item
	{
		width:100%;
		margin-left: 0%;
	}
}


/*---------------------------------- PARTNERS LIST --------------------------------*/
.product-cnt.list .item.head{
	display: none;

}
.border-bottom{
	border-bottom: 2px solid #ccc;
}
.product-cnt.list .item.head
{
	height: auto;
	min-height: 35px;
	margin-bottom: 0px;
}
@media screen and (min-width:800px){
	.product-cnt.list .item.head{
		display: block;
	}
	.product-cnt.list .item.head .sec.img{
		height: 15px;
	}
	.product-cnt.list .item.head .sec{
		color:black !important;
		font-weight: bold;
		text-align: left;
	}
	.product-cnt.list .item.head{
		min-height:35px;
		border-top: none;
	}
	.product-cnt.list .item .sec.name{
		/*width: 40%*/
	}
	.product-cnt.list .item .sec.id{
		min-width: 140px;
	}
	.product-cnt.list.partners .item .sec.name{
		width: 70%;
	}
	.product-cnt.list .item .sec.img{
		max-width: 120px;
		width: 45px;
	}

	.product-cnt.list .item.head .sec.count{
		text-align: center;
	}
	.product-cnt.list .item.head .sec.price{
		text-align: center;
	}	

}
@media screen and (max-width: 800px){
	.product-cnt.list.partners .item .sec.id:before {
	  content: 'Partner név:';
	}	
	.product-cnt.list.partners .item .sec.count:before{
	  content: 'Partner kód:';
	}	
	.product-cnt.list.partners .item .sec.price:before{
	  content: 'Partner 1:';
	}	
	.product-cnt.list.partners .item .sec.price2:before{
	  content: 'Partner 2:';
	}	
}
.product-cnt.list.partners .item .sec.price,.product-cnt.list.partners .item .sec.price2{
	position: static;
	border:none;
	min-width: 105px;
}
.product-cnt.list.partners .item .sec.price,.product-cnt.list.partners .item .sec.price2{
	width: 100%;
	padding:5px 10px 5px 10px;
	height: auto;
}

/*----------------------BASKET LIST---------------------------*/
.product-cnt.list.basket .item .sec.tobasket{
	width: 100px;
}
.product-cnt.list.basket .item .sec.delete{
	min-width: 50px;
}
.product-cnt.list.basket .item .sec.delete button.delete:hover{
	cursor: pointer;
}
.product-cnt.list.basket .item .sec.delete button.delete{
	width: 40px;
	border-radius: 20px;
	border: none;
	height: 40px;
	margin: 5px;
	background-color: rgb(226, 77, 88);
}
.product-cnt.list.basket .item .sec.delete button.delete i{
	width: 100%;
	height: 100%;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	color: white;
	float: left;
}
.product-cnt.list .item .sec.tobasket{

}
.product-cnt.list.basket .item .sec.tobasket button{
	background-color: rgb(226, 77, 88);
	border-radius: 20px;
	width: 40px;
	height: 40px;
	right: 10px;
	top:30px;
	position: absolute;
}
.product-cnt.list.basket .item .sec.tobasket{
	min-width: 90px;
	text-align: right;
	padding-right: 80px;
}
.product-cnt.list.basket .item .sec.price{
	text-align: right;
}
@media screen and (max-width: 800px){
	.product-cnt.list.basket .item .sec.tobasket button{
		bottom:0;
		border-radius: 0;
		top: auto;
	}
	.product-cnt.list.basket .item .sec.tobasket span{
		height: 40px;
		position: absolute;
		right: 50px;
		bottom:0;
		line-height: 38px;
		padding: 0 5px 0 5px;
		border-top: 1px solid #bebebe;
		border-bottom: 1px solid #bebebe;
		box-sizing:border-box;
		width: 102px;
		text-align: right;
		float: left;
	}
	.product-cnt.list.basket .item .sec.tobasket button i{
		line-height: 40px;
	}
	.product-cnt.list.basket .item .sec.tobasket button:before{
		content: '';
		display: none;
	}

	.product-cnt.list.basket .item .sec.tobasket{
		width: auto;
	}
	.product-cnt.list.basket .item .sec.price{
		right: 152px;
	}
	.product-cnt.list.basket .item .sec.price {
		padding: 0;
		border: none;
	}
	.product-cnt.list.basket .item .sec.price input{
		height: 100%;
		width:100%;
	}
	.product-cnt.list.basket .item .sec.count:before{
		content: 'Egys.ár:';
	}
}
.product-cnt.list.basket .item .sec.price input{
	width: 100%;
}
.product-cnt.list.basket .item .sec.tobasket button:hover{
	cursor: pointer;
}



/*--------------------------LOGIN -------------------------*/
h4.section-title{
	font-size: 16px;
	margin-top: 10px;
	font-weight: normal;
	padding: 10px 0 10px 0;
	margin-bottom: 0;
}
.bordered{
	border-bottom: 1px solid #e6e6e6;	
}
.w100{
	width: 100%;
	box-sizing:border-box;
	padding: 10px 1%;
	margin-top: 0;
	float: left;
}
.fn14{
	font-size: 14px;
}
.nopad{
	padding: 0 !important;
}
.srm-form label{
	font-size: 14px;
}
.srm-form label.w30,.w30{
	display: inline-block;
	width: 30%;
	box-sizing:border-box;
}
.srm-form input.w70,.w70{
	display: inline-block;
	width: 70%;
	box-sizing:border-box;
}
.w50{
	display: inline-block;
	width: 50%;
	float: left;
	box-sizing:border-box;
	padding: 10px 1%;
}
.w25{
	display: inline-block;
	width: 25%;
	float: left;
	box-sizing:border-box;
	padding: 10px;
}
div.error{
	display: block;
	font-size: 15px;
	padding: 10px;
	width: 100%;
	color: white;
	box-sizing:border-box;
	margin-bottom: 10px;
	background-color:rgb(211, 39, 39);
}
form label{
	width: 100%;
	float: left;

}
form input{
	height: 30px;
	border: 1px solid #ffffff;
}
form input,form textarea{
	width: 100%;
	box-sizing:border-box;
	display: block;
}

form.form input,form.form textarea{
	border:1px solid #ccc;
	float: left;
}
form.form input.readonly,form.form textarea.readonly{
	background: #f5f5f5;
}

form.form label{
	float: left;
	line-height: 30px;
}
form.form .form-item{
	padding:10px;
	margin-bottom: 0px;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
}
form.form button{
	padding:15px;
	font-size: 16px;
	border: 1px solid #ccc;
	background: #f5f5f5;
	
}
form.form button:hover{
	background: #ddd;
}

button.admin,input.admin[type="button"],input.admin[type="submit"]{
	width: auto;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	border: 1px solid #ccc;
	vertical-align: middle;
	cursor: pointer;
	background-color: white;
	margin-top: 10px;
	font-weight: bold;
	padding: 5px;
	margin: 5px 5px 5px 0px;
}
button.rounded,input[type="button"].rounded,input[type="submit"].rounded{
	border-radius: 30px;
	padding: 10px 15px 10px 15px !important;
}
button.right{
	float: right;
}
.red-fill{
	background-color: #e04f5b !important;
	color: white !important;
	border:none !important;
}
.red-fill:hover{
	background-color: #d0021b !important;
}
.blue-fill{
	background-color: #249ad6 !important;
	color: white !important;
	border:none;
}
.blue-fill:hover{
	background-color: #4b81c2 !important;
}
.gray-fill{
	background-color: #cecece !important;
	color: white;
}
.darkgray-fill{
	background-color: #838383 !important;
	color: white;
}
.darkgray-fill:hover{
	background-color:#5F5E5E  !important;
}
.red-solid{
	border:2px solid #e04f5b !important;
	color: #e04f5b !important;
}
.red-solid:hover{
	border-color: #d0021b !important;
	color:#d0021b !important;
}
.blue-solid{
	border:2px solid #249ad6 !important;
	color: #249ad6 !important;
}
.blue-solid:hover{
	border-color: #4b81c2 !important;
	color: #4b81c2 !important;
}
.gray-solid{
	border-color: #cecece !important;
	border: #cecece !important;
}
button:hover,input[type="button"]:hover,input[type="submit"]:hover{
	/*box-shadow: 0 0 7px  #b4b4b4;*/
	cursor: pointer;
	/*background-color: #838383;*/
}

input:hover{
	border-color: #a6a6a6;
}


.srm-form input{
	border:1px solid #cecece;
}
.srm-form input:hover{
	border-color: #a6a6a6;
}
.srm-form input:focus{
	border-color: #249ad6;
	outline: none;
}
.srm-form{
	float: left;
	padding: 1%;
	width: 98%;
	height: auto; 
	margin-top: 10px;
}
.srm-form input,.srm-form label,.srm-form textarea{
	width: 99%;
	float: left;
	max-width: 99%;
	height:auto;
	padding: 5px;
	margin-bottom: 5px;
	height:40px;
	box-sizing:border-box;
}
.srm-form textarea{
	border: 1px solid #ccc;
	height: auto;
	min-height: 150px;
}
.srm-form label{
	line-height: 30px;
	margin-bottom: 0;
}

.srm-form label.checkbox-label:hover{
	cursor:pointer;

}
.srm-form label.checkbox-label
{
	display: table;
	padding:0 10px 0 35px;
}
.srm-form label.checkbox-label span{
	display: table-cell;
	vertical-align: middle;
	font-size: 15px;
	line-height: 17px;
	margin-bottom: 0;
}
.form-item{
	margin-bottom: 10px;
	display: block;
	float: left;
	width: 100%;
}
.form-item.w33{
	display: table;
}
.form-item.w33 button.button{
	height: 30px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px 0 10px;
}
.srm-form input[type="button"],.srm-form input[type="submit"],.srm-form button{
	float: left;
	width: auto;
	padding: 10px;

	height: auto;
}
.srm-form .datetime{
	width: 100%;
	height: auto;
	float: left;
	box-sizing:border-box;
	padding-right: 100px;
	position: relative;
}
.srm-form .datetime input.fixed{
	position: absolute;
	text-align: center;
	width: 40px;
	right: 0px;
}
.srm-form .datetime input.fixed.hours{
	right: 50px;
}

.srm-form .datetime span.separet{
	position: absolute;
	width: 10px;
	text-align: center;
	line-height: 27px;
	right: 40px;
}

/*------------------------LOADER-------------------*/

div.loader-absolute{
	width: 100%;
	display: none;
	height: auto;
	position: fixed;
	padding-top: 100px;
	min-height:auto;
	padding-bottom: 20px;
	z-index: 202;
	box-sizing:border-box;
	top:0;
	text-align: center;
	left: 0;
	text-align: center;
}
.loader-inner-width{
	max-width: 900px;
	width: 100%;
	margin: 0 auto 0 auto;
	display: block;
	height: 100%;
}
div.bgshadow{
	position: fixed;
	display: none;
	width: 100%;
	z-index: 201;
	top:0;
	left: 0;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.loadwindow.progressbar img
{
	display: inline-block;
  	width: 19%;
  	height: auto;
 	position: static;
 	margin: 10px 0 10px 0;
}
div.progress-box{
	width: 80%;
  	display: inline-block;
  	height: 40px;
  	position: relative;
  	border: 1px solid #ccc;
  	border-radius: 5px;
  	overflow: hidden;
  	box-shadow: 0 0 7px #7B7676;
}
div.progress-box span.progress-count{
	position: absolute;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	left: 0;
	font-weight: bold;
	top: 0;
}
.loadwindow.progressbar .loader-close:hover{
	box-shadow: 0 0 5px #ccc;
}
.loadwindow.progressbar .loader-close{
	width: 30px;
	height: 30px;
	top: 2px;
	right: 2px;
	background-color:#249ad6;
}
.loadwindow.progressbar .loader-close i{
	line-height: 31px;
}
.loadwindow.progressbar span.info{
	box-sizing:border-box;
	padding: 10px;
	line-height: 20px;
}

div.progress-box div.progress-inner{
	height: 100%;
	background-color: rgb(36, 154, 214);
	float: left;
	text-align: center;
	width: 0%;
}
div.loader-absolute.loading{
	position: fixed;
	z-index: 9999;
	display: none;
	top:40%;
	z-index: 202;
	height: auto;
	width: 100%;
	padding: 0;
	margin: 0 auto 0 auto;
}
div.loader-width{
	width: 100%;
	margin: 0 auto 0 auto;
}
div.bgshadow{
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
div.loader-cnt{
	width: 100%;
	display: inline-block;
	max-width:600px;
	background-color: white;
	min-height: 100%;
	text-align: left;
	box-shadow: 0 0 10px rgba(0,0,0,0.6);	
	padding:0px !important;

}
div.loader-cnt.error div.loader-header{
	background-color:#C24B4B;
}
div.loader-header{
	width: 100%;
	height: 50px;
	display: table;
	background-color: #4b81c2;
	color:white;
	position: relative;
	box-sizing:border-box;
	padding: 0 30px 0 30px;
}

div.loader-header span{
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	text-align: center;
}
.loader-close{
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	background-color: transparent;
	padding: 0;
	border: none;
	margin: 0;
	top: 0;
}
.loader-close i{
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 16px;
	color: white;
	display: block;
	line-height: 50px;
}
.loader-buttons,.loader-inner{
	width: 100%;
	box-sizing:border-box;
	height: auto;
	padding: 10px;
	color: black;
	background-color: white;
}
.loadwindow{

	height: auto;
	max-width: 500px;
	width: 98%;
	margin-top: 0%;
	display: inline-block;
	text-align: center;
	border-radius: 0;
	border:1px solid #249ad6;
	padding:0 0px 10px 0px;
	box-shadow: 0 0 10px rgba(0,0,0,0.6);
	position: relative;
}
.loadwindow.progressbar span{
	width: 100%;
	float: left;
	line-height: 30px;
}
.loadwindow.progressbar progress{
	width: 400px;
}
.loadwindow .inner{
	
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	padding: 0 50px 0 50px;
	display: table;
}
.loadwindow .inner span{
	display: table-cell;
	text-transform: uppercase;
	height: 100%;
	vertical-align: middle;
	font-size: 14px;
}
.loadwindow img{
	display: inline-block;
	width: 50px;
	height: 50px;
	position: static;
	margin: 10px 0 10px 0;
	

}

div.loader-cnt .srm-form div.section{
	border: none;
}





/*-------------------SAP SELECT ------------------------*/
.sap-select{
	float: left;
	width: 100%;
	padding: 10px;
	box-sizing:border-box;
	height: 100%;
}


.notfound{
	font-size: 22px;
	width: 100%;
	margin-top: 0;
	float: left;
	padding-top: 10px;
	text-align: center;
	border-top:1px solid #ccc;
}
table.catalog{
	border-collapse: 0;
	border-spacing: 0;
}
table.catalog td.img div.img{
	width: 133px;
	height: 100px;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
table.catalog{
	font-size: 14px;
}
table.catalog td{
	padding: 10px;
}
table.catalog td.img{
	min-width: 133px;
	max-width: 133px;
}
table.catalog{
	width: 100%;
	float: left;
}
table.catalog tr.cat td{
	border-top: 1px solid #ccc;
	color: #5b5b5b;
}
td.name{
	width: 60%;
}
span.desc{
	width: 100%;
	white-space: normal;
}
td.nr{
	text-align: left;
}
td.more{
	width: 70px;
	min-width: 70px;
	padding: 0;
}
td.more i{
	height: 100px;
	margin-top: 10%;
	width: 60px;
	float: right;
}
tr.cat:hover{
	background-color:rgba(72, 124, 187, 0.24);
	cursor: pointer;
}
td.more i:before{
	font-family: 'Ionicons';
	content: '\f10a';
	font-size: 30px;
	float: left;
	line-height: 100px;
	width: 60px;
	color: #5b5b5b;
	text-align: center;
	font-style: normal;
}
table.catalog td.img img{
	display: none;
}
@media screen and (max-width: 700px){
	table.catalog {
		float: left;
	}
	table.catalog tr.cat{
		  float: left;
		  width: 100%;
		  height: auto;
		  border: 2px solid #ccc;
		  margin-bottom: 10px;
		  margin-top: 0;
		  box-sizing: border-box;

	}
	table.catalog thead{
		display: none;
	}
	table.catalog tr td{
		  float: left;
		  box-sizing: border-box;
		  width: 100%;
	}
	table.catalog td.img{
		max-width: initial;
		
		height: auto;
		width: 100%;
	}
	table.catalog td.img div.img{
		float: left;
		width: 100%;
		background-image: none !important;
		height: auto;
	}
	table.catalog td.img img{
		display: block;
		width: 100%;
		height: auto;
		margin-left: 0%;
	}
	table.catalog td.more{
		display: none;
	}
	

}

button.clear.result{
	padding: 11px;
	display: inline-block;
	margin-top: 10px;
	box-sizing:border-box;
	background-color: rgb(226, 77, 88);
	border:none;
	color: white;
	height: 45px;
	position: relative;
	font-size: 16px;
	padding-right: 40px;
}
button.clear.result:hover{
	background-color: rgb(169, 51, 60);

}
button.clear.result:after{
	
	position: absolute;
	right: 0;
	top: 0;
	font-family: 'Ionicons';
	content: '\f12a';
	line-height: 45px;
	width: 40px;
	height: 45px;
	text-align: center;
}


/*--------------------PROD DETAILS -----------------------------*/













.prod-details{
	width: 100%;
	float: left;
	box-sizing:border-box;
	/*position: relative;*/
	height: auto;
	padding-right: 0;
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #4b81c2;
	min-height: 300px;
}
.prod-details .img{
	right: 0;
    float: left;
    top: 0;
    float: none !important;
    width: auto;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
}
.prod-details h3{
	margin: 10px 0 10px 0;
}
.prod-details p{
	font-size: 15px;
}
.prod-details h5{
	margin: 15px 0 5px 0;
}
.prod-details .w100{
	display: block;
}
div.clear{
	clear: both;
}
.prod-details .prod-d-inner{
	display: block;



}
.prod-details .prod-d-top{
	padding-left: 410px;
	position: relative;
	min-height: 300px;
	display: block;
}
.prod-details .prod-d-inner .img-cnt{
	position: absolute;
	left: 0;
	top: 0;
	text-align:center;
	width: 400px;
	
}
.prod-details .prod-d-inner .thumbs{
	
	width: 100%;
	display: block;
	float: left;
}
.prod-details .prod-d-inner h4.sec{
	padding: 5px 0 10px 0;
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
}
.prod-details .prod-d-inner h5.sec{
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ccc;
}
.prod-details .prod-d-inner.thumbs ul{
	width: 100%;
	float: left;
}
.prod-details .prod-d-inner .thumbs ul li{
	float: left;
	box-sizing:border-box;
	width: 20%;
	padding:0 5px 10px 5px;
	margin-left: 0;
	margin-right: 0;
	display: inline-block;
	height:200px;
}
.prod-details .prod-d-inner .thumbs ul li img{
	border: 1px solid #ccc;
    height: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 200px;
    float: none;
    display: inline-block;
}
.prod-details .prod-d-inner .thumbs ul li img:hover{
	box-shadow: 0 0 10px #ccc;
	cursor: pointer;
}
.prod-details .prod-d-inner img{
	float: left;
}
.prod-details ul li{
	width: 100%;
	display: inline-block;

}
.prod-details ul li b{
	font-size: 15px;
	margin-right: 20px;
	margin-left: 0;
}
.prod-details ul li b.separate{
	width: 100%;
	float: left;
	padding-bottom:5px;
	border-bottom: 1px solid #EDEDED;
}
.prod-details ul li span.separate{
	width: 100%;
	float: left;
}
.prod-details table
{
	border:2px solid #ccc;
	border-spacing: none;
	border-collapse: collapse;
	font-size: 14px;
	margin-bottom: 10px;
	height: auto;
}
.prod-details table{
	width:31%;
	box-sizing:border-box;
	float: left;
	margin-right: 1%;
}
.prod-details table td.count{
	text-align: right;
}
.prod-details table thead tr td{
	border-bottom: 1px solid #4b81c2;
	padding: 5px;
}
.prod-details table tbody tr td{
	padding: 5px;
	border-top: 1px solid #ccc;
}
.prod-details table tr td.noborder{
	border: none;
}
.prod-details .tobasket{
	min-width: 280px;
	margin-top: 20px;
	float:right;
	height: 40px;
}
.prod-details .tobasket button{
	height: 40px;
	padding: 5px;
	box-sizing:border-box;
	border:none;
	color: white;
	text-transform: uppercase;
	width: auto;
	background-color:#4b81c2 ;
	float: left;
}

.prod-details .tobasket input{
	height: 40px;
	width:75px;
	text-align: center;
	box-sizing:border-box;
	float: left;
}
.prod-details .tobasket span.count-price{
	height: 40px;
	width:auto;
	min-width: 140px;
	padding: 0 5px 0 5px;
	float: left;
	line-height: 38px;
	text-align: center;
	font-size: 13px;
	box-sizing:border-box;
	border:1px solid #ccc;
}

  
div.content{
	display: block;
	float: left;
	width: 100%;
}

.tbl{
	display: table;
	float: left;
	width: 100%;
	height: 100%;
}
.tbl-cell{
	display: table-cell;
}
.tbl-cell.middle{
	vertical-align: middle;
	text-align: center;
}
.va-middle{
	vertical-align: middle;
}
.txt-center{
	text-align: center;
}


@media screen and (max-width: 990px){
	.prod-details table{
		width:48%;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 800px){
	.prod-details .prod-d-inner .thumbs ul li{
		width: 25%;
	}
	.prod-details .prod-d-top{
		padding-left: 0;

	}
	.prod-details .prod-d-inner .img-cnt{
		position: static;
		clear: both;
		float: left;
	}
	.prod-details .prod-d-inner div.base{
		float: left;
		width: 100%;
	}
	.prod-details .prod-d-inner div.base h5{
		margin-top: 0;
	}
	.prod-details .prod-d-inner div.img-cnt {
		margin-top: 10px;
	}
}

@media screen and (max-width: 700px){
	.prod-details .prod-d-inner .thumbs ul li{
		width: 33%;
	}
	.prod-details .tobasket input{
		width:100px;
	}
	.prod-details .tobasket span.count-price{
		width: 100px;
	}
	.prod-details .img{
		clear: right;
		float: none;
		display: inline-block;
	}
	.prod-details table{
		width: 100%;
	}
	.prod-details .tobasket button{
		width: 50px;
	}
	.prod-details .tobasket button:before{
		content: '\f3f8';
		font-family: 'Ionicons';
		font-style: normal;
		color: white;
		font-size: 30px;	
		line-height: 30px;
	}
	.prod-details .tobasket button span{
		display: none;
	}
}
@media screen and (max-width: 400px){
	.prod-details .prod-d-inner div.img-cnt{
		float: left;
		width: 100%;
	}
	.prod-details .tobasket{
		height: 80px;
		padding-right: 80px;
		width: 100%;
		padding-left: 0;
		box-sizing:border-box;
		float: left;
		position: relative;
		min-width: initial;
	}
	.prod-details .tobasket button{
		position: absolute;
		right: 0;
		top: 0;
		width: 80px;
		height: 80px;
	}
	.prod-details .prod-d-inner div.img-cnt img
	{
		width: 100%;
		height: auto;
	}
	.prod-details .tobasket span.count-price{
		width: 100%;
		
		border-bottom: 0;

	}
	.prod-details .tobasket input{
		width: 100%;
	}
	.prod-details .prod-d-inner .thumbs ul li{
		width: 50%;
	}
	.prod-details .prod-d-inner .thumbs ul li{
		width: 50%;
	}
	.prod-details .img{
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-top:10px;
	}
}
.orderable{
	color: black;
	position: relative;
	padding-right: 30px;
}
.orderable:after{
	font-family: 'Ionicons';
	content: " ";
	width: 20px;
	right: 0px;
	position: absolute;
	float: left;
	height: 100%;
	top: 0;
	line-height: 20px;
}
.orderable:hover:after{
	content: "\f10d";
	opacity: 0.5;
}
.orderable.asc:hover:after{
	content: "\f104";
	opacity: 0.5;
}
.orderable.asc:after{
	content: "\f10d";
}
.orderable.desc:hover:after{
	content: "";
}
.orderable.desc:after{
	content: "\f104";
}

button.cart_submit{
	border:none;
	color: white;
	margin-top: 10px;
	text-transform: uppercase;
	background-color: #4b81c2;
	padding: 10px;
}
.nomargin{
	margin:0 !important;
}

/*--------------comtacts----------------*/
div.contacts{
	float: left;
	width: 100%;
	height: auto;
}
div.contact-el{

	border: 1px solid #ccc;
	border-top: 4px solid #4b81c2;
	float: left;
	width: 100%;
	box-sizing:border-box;
	height: auto;
	padding: 10px;
}
div.contacts table{
	border: none;
	width: 100%;
	margin: 0;
}
div.contacts table tr td:last-child{
	font-weight: bold;
}
div.contacts table tr td{
	border: none;
	border-bottom: 1px dotted #ccc !important; 
}
div.contacts table tr:last-child td{
	border: none !important;
}
div.contacts div.contact-el-outter
{
	float: left;
	width: 33.3333%;
	box-sizing:border-box;
	height: auto;
	padding: 10px;
}
@media screen and (max-width: 850px){
	div.contacts div.contact-el-outter{
		width: 50%;
	}
}
@media screen and (max-width: 600px){
	div.contacts div.contact-el-outter{
		width: 100%;
	}
}


button.tobasket-button.disabled{
	background-color:#434343;
	cursor:not-allowed ;
}
.product-cnt.grid .item div.sec.tobasket button.disabled{
	background-color:#434343;
	cursor:not-allowed ;
}
.product-cnt.grid .item.incart{
	border-color:rgba(255, 155, 0, 1);
}
.product-cnt.grid .item:hover{
	box-shadow: 0 0 15px #ccc;
}

h3.incart{
	background-color:rgba(255, 155, 0, 1);
	padding: 5px;
	font-weight: normal;
	font-size: 16px;
}


a.link{
	color:#249ad6;
}

a.link:hover{
	color:#4b81c2;
}
.content-element{
	font-family: 'Open Sans', sans-serif !important; 
	font-size: 14px;
	margin-top: 10px;
}
.content-element span,.content-element p{
	font-family: 'Open Sans', sans-serif !important; 
	font-size: 14px  !important; 
}
.content-footer-element{
	float: left;
	width: 50%;
	padding: 1%;
	box-sizing:border-box;
}
.content-footer-element span,.content-footer-element p{
	  font-family: 'Open Sans', sans-serif !important;
	  font-size: 14px  !important;
	  padding: 0;
	  line-height: 19px;
}
.content-footer-element h5{
	margin: 3px 0 3px 0;
	font-size: 16px;
}

header ul.menu li.basket.disabled div.triangle{
	border-color: transparent #4E5156 transparent transparent;

}
header ul.menu li.basket.disabled div.price{
	background-color: #4E5156;

}
header ul.menu li.basket.disabled{
	background-color: #4E5156;

}

div.srmcart-navigator-top ul li.srmcart-button.logout.request i{
    /*-webkit-animation: mymove 1s infinite; 
    animation: mymove 1s infinite;
     transition-delay: 2s;
    -webkit-transition-delay: 2s;*/
    -webkit-animation-name: mymove;
 	-webkit-animation-duration: 3s;
 	-webkit-animation-delay:1s ;

    animation-name: mymove;
 	animation-duration: 3s;
 	animation-delay: 1s;
 	-webkit-animation-iteration-count:infinite; /* Chrome, Safari, Opera */
    animation-iteration-count:infinite;
}
div.srmcart-navigator-top ul li.srmcart-button.logout.request i:before{
    /*-webkit-animation: mymove 1s infinite; 
    animation: mymove 1s infinite;
        transition-delay: 2s;
    -webkit-transition-delay: 2s;*/
    -webkit-animation-name: mymove;
 	-webkit-animation-duration: 3s;
 	-webkit-animation-delay: 1s;

    animation-name: mymove;
 	animation-duration: 3s;
 	animation-delay: 1s;
 	-webkit-animation-iteration-count:infinite; /* Chrome, Safari, Opera */
    animation-iteration-count:infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {
    	color: white;
    	border-color:white;
    }
    to {
    	color: red;
    	border-color:red;
    }
    from {
    	color: red;
    	border-color:red;
    }
    to {
    	color: white;
    	border-color:white;
    }

}

@keyframes mymove {
    from {
    	color: white;
    	border-color:white;
    }
    to {
    	color: red;
    	border-color:red;
    }
    from {
    	color: red;
    	border-color:red;
    }
    to {
    	color: white;
    	border-color:white;
    }
}