body {
	margin: 0px;
	padding: 0px;
}
#narrow {
	float: right;
	width: calc(100% - 180px);
	text-align: center;
}
#wide {
	float: left;
	width: 180px;
}

/**************for video ********************/
video {
  width: 100%;
  height: 100%;
}

.videocontainer {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
}

.video-cover video {
  object-fit: cover;
}

/**************for video ********************/
/*************filtra sidenav***********************/
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	background-color: #fff;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
	box-shadow: 0px 0px 5px #aaaaaa;
}

.sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

.sidenav a:hover {
	color: #f1f1f1;
}

.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;

	padding: 8px 8px 8px 32px;
	text-decoration: none;
	color: #818181;
	display: block;
	cursor: pointer;
}

@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}
	.sidenav a {
		font-size: 18px;
	}
}
/*************filtra sidenav***********************/
/***********new**************/
.fourimages {
	text-align: justify;
    font-size: 0;   /* gia na min exoun kena oi 4 fotografies stin seira*/
	}
.fourimages > div {
	max-width: 32.5%; /* Declare your value. Can be in relative units. itan 32.5% */
    height: auto;
	display: inline-block;
	vertical-align: top;
    /*border: 1px black solid; */

	/* IE fix. */
	*display: inline;
	zoom: 1;
	}

.fourimages > div:nth-child(4) {
	max-width: 24.98%; /* Declare your value. Can be in relative units. itan 24,98% kai meta 49.7*/  /*69*/
   /*height: auto;*/
	display: inline-block;
	vertical-align: top;
	font-size: initial; /* gia na min exoun kena oi 4 fotografies stin seira*/
	
}

.fourimages > div:nth-child(5) {
	max-width: 24.98%; /* Declare your value. Can be in relative units. itan 24.98% kai meta 49.7*/
   /*height: auto;*/
	display: inline-block;
	vertical-align: top;
	font-size: initial; /* gia na min exoun kena oi 4 fotografies stin seira*/
	

}

.fourimages > div:nth-child(6) {
	max-width: 24.98%; /* Declare your value. Can be in relative units. itan 24.98% kai meta 49.7*/
   /*height: auto;*/
	display: inline-block;
	vertical-align: top;
	font-size: initial; /* gia na min exoun kena oi 4 fotografies stin seira*/
	
}
.fourimages > div:nth-child(7) {
	max-width: 24.98%; /* Declare your value. Can be in relative units. itan 24.98% kai meta 49.7*/
   /*height: auto;*/
	display: inline-block;
	vertical-align: top;
	font-size: initial; /* gia na min exoun kena oi 4 fotografies stin seira*/
	
}

.fourimages:after {
	content: "";
	width: 100%;
	display: inline-block;
    }

/*.fourimages > div:nth-child(1) {
	max-width: 49.7%; /* Declare your value. Can be in relative units. itan 19% kai meta 49.7*/
   /*height: auto;
	display: inline-block;
	vertical-align: top;
}*/
/* .fourimages > div:nth-child(2){
/*	max-width: 49.7%; /* Declare your value. Can be in relative units. itan 19% kai meta 49.7*/
  /* height: auto;
	display: inline-block;
	vertical-align: top;
}*/

 /*.fourimages > div:nth-child(3){
	max-width: 49.7%; /* Declare your value. Can be in relative units. itan 19% */
   /*height: auto;
	display: inline-block;
	vertical-align: top;
}*/

/*    
.fourimages > div:nth-child(5) {
	max-width: 100%; /* Declare your value. Can be in relative units. itan 19% */
    /*height: auto;
	display: inline-block;
	vertical-align: top;
    /*border: 1px black solid; */
/*} */

/*.fourimages > div:nth-child(8) {
	max-width: 100%; /* Declare your value. Can be in relative units. itan 19% */
   /* height: auto;
	display: inline-block;
	vertical-align: top;*/
    /*border: 1px black solid; */
/*}*/

/***********new**************/
.instagram_title{
    font-family: "Comfortaa", cursive;
    color:#fff;
    text-align:center;
    font-size: 30px;
    padding-top:30px;
    margin-bottom:30px;
    
}

/***********new**************/
.siximages {
	text-align: justify;
	}
.siximages > div {
	max-width: 16.2%; /* Declare your value. Can be in relative units. itan 19% */
    height: auto;
	display: inline-block;
	vertical-align: top;
    /*border: 1px black solid;*/

	/* IE fix. */
	*display: inline;
	zoom: 1;
	}
	
.siximages:after {
	content: "";
	width: 100%;
	display: inline-block;
    }
    
/*.siximages > div:nth-child(7) {
    max-width: 49.7%; /* Declare your value. Can be in relative units. itan 19% */
   /*height: auto;
	display: inline-block;
	vertical-align: top;
}*/

/*.siximages > div:nth-child(8) {
    max-width: 49.7%; /* Declare your value. Can be in relative units. itan 19% */
   /*height: auto;
	display: inline-block;
	vertical-align: top;
}*/

.siximages > div:nth-child(1) {
    max-width: 100%; /* Declare your value. Can be in relative units. itan 19% */
   height: auto;
	display: inline-block;
	vertical-align: top;
}

.siximages > div:nth-child(2) {
    max-width: 49.7%; /* Declare your value. Can be in relative units. itan 19% */
   height: auto;
	display: inline-block;
	vertical-align: top;
}

.siximages > div:nth-child(3) {
    max-width: 49.7%; /* Declare your value. Can be in relative units. itan 19% */
   height: auto;
	display: inline-block;
	vertical-align: top;
}

.siximages > div:nth-child(4) {
    max-width: 100%; /* Declare your value. Can be in relative units. itan 19% */
   height: auto;
	display: inline-block;
	vertical-align: top;
}
/***********new**************/

#aaa {

	position: relative;
	/*min-height:300px; */
  }
  #bbb{
	width:100%;
	/*height:100%;*/
	position: absolute;
	top: 0;
	left: 0;
	
  }

#bbb {
	z-index: 10;
  }
  

/*********marquee**************/

/*.scrollmessage{
    font-family: "Roboto Condensed", sans-serif;
	font-size: 18px;
	color:#fff;
	margin-top:7px;
	letter-spacing:3px;
	
}*/

.marquee {
    font-family: "Roboto Condensed", sans-serif;
	font-size: 18px;
	color:#fff;
	background-color:#d926dc;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 35px;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-top:10px;

  
}

.track {
  position: absolute;
  white-space: nowrap;
  
  will-change: transform;
  animation: marquee 22s linear infinite;
}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/*********marquee**************/

/************** modal **********/
#modal {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    height: 100%;
    width: 100%;
}
.modalconent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fe0000;
    width: 0 auto;
    padding: 20px;
    text-align:center;
}
.buttonmodal{
    position: absolute;
    color:#fff;
    font-size:45px;
    right:0;
    border:0px;
}
/************modal**********/

/*****************************************/
/*sticky menu*/
/*****************************************/

.top-container {
	background-color: #f1f1f1;
	padding: 30px;
	text-align: center;
}
.topbar {
	/*padding: 10px 16px;*/
	background: #fff;
	color: #f1f1f1;
	min-height: 100px;
	z-index: 999;
}
.topbar .logo{
	background-image: url(../images/logo_new_black.png);
	background-repeat: no-repeat;
 	background-position: center; 
	display:block;
	width:120px;
	min-height:120px;

}

.topbar2 {
  color: #f1f1f1;
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  min-height:100px;
  z-index:999;
}

.topbar2 .logo{
	background-image: url(../images/logo_new.png);
	background-repeat: no-repeat;
 	background-position: 20px 20px; 

	display:block;
	width:120px;
	min-height:120px;

}

.topbar2 #cssmenu > ul > li > a {
	color:#fff;
}

.topbar2 #cssmenu > ul > li:hover > a,
.topbar2 #cssmenu > ul > li.active > a{
	color: #fff;
	font-weight:normal;
}

.topbar2 #menu-line {
position: absolute;
top: 0;
left: 0;
height: 3px;
background: #fff;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}

.content {
	padding: 16px;
}

.sticky .logo{
	background-image: url(../images/logo_new_black.png);
	background-repeat: no-repeat;
 	background-position: 20px 20px; 

	display:block;
	width:120px;
	min-height:120px;
}
.sticky #cssmenu > ul > li > a {
	color:#000;
}

.sticky #cssmenu > ul > li:hover > a,
.sticky #cssmenu > ul > li.active > a{
	color: #939b8e;
	font-weight:normal;
}

.sticky #menu-line {
position: absolute;
top: 0;
left: 0;
height: 3px;
/*background: #e128e4;*/
background: #939b8e;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}

.sticky {
	
  position: fixed;
  top: 0;
  width: 100%;
  /*background:#fff;*/
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 100%);
  min-height:80px;  
  box-shadow: 0px 1px 5px #d8d8d8;  /*mine*/
}

.sticky + .content {
	padding-top: 132px;
}

/****************** top bar - black line************/
.blkline_text {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 15px;
	/*color: #e5e5e5;*/
	color:#5a5a5a;
	text-decoration: none;
	padding-left: 10px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.blkline_text:hover {
	color: #818181;
}
/****************** top bar - black line **********/
/****************** kalathi only *****************/
#lblCartCount {
	font-size: 12px;
	background: #d926dc;
	/*background: trasparent;*/
	color: #fff;
	padding: 3px 3px;
	vertical-align: top;
	margin-left: -10px;
}
.badge {
	padding-left: 0px;
	padding-right: 9px;
	-webkit-border-radius: 60%;
	-moz-border-radius: 60%;
	border-radius: 60%;
}
/*
.label-warning[href],
.badge-warning[href] {
background-color: #c67605;
}/*
/****************** kalathi only *****************/
/****************** search bar only	*****************/
#demo-2 input[type="search"] {
	background: url(../images/search-icon.png) no-repeat 2px 7px;
	border: solid 1px transparent;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	width: 15px;
	color: transparent;
	cursor: pointer;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 5px 0px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
#demo-2 input[type="search"]:hover {
	background-color: trasparent;
}
#demo-2 input[type="search"]:focus {
	width: 130px;
	padding-left: 40px;
	color: #5a5a5a;
	background-color: trasparent;
	cursor: auto;
	border-bottom: 1px #5a5a5a solid;
}
#demo-2 input::-webkit-input-placeholder {
	color: transparent;
}
/* Firefox < 19 */
#demo-2 input:-moz-placeholder {
	color: transparent;
}
/* Firefox > 19 */
#demo-2 input::-moz-placeholder {
	color: transparent;
}
/* Internet Explorer 10 */
#demo-2 input:-ms-input-placeholder {
	color: transparent;
}
#demo-2 input:focus::-webkit-input-placeholder {
	color: #5a5a5a;
}
/* Firefox < 19 */
#demo-2 input:focus:-moz-placeholder {
	color: #5a5a5a;
	opacity: 1;
}
/* Firefox > 19 */
#demo-2 input:focus::-moz-placeholder {
	color: #5a5a5a;
	opacity: 1;
}
/* Internet Explorer 10 */
#demo-2 input:focus:-ms-input-placeholder {
	color: #5a5a5a;
}
/****************** serch bar only	*****************/
/*****************************************/
/*scrollToTop*/
/*****************************************/
.scrollToTop {
	width: 55px;
	height: 55px;
	padding: 10px;
	text-align: center;
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	bottom: 50px;
	right: 40px;
	display: none;
	background: url("../images/scroll-to-top.png") no-repeat 0px 20px;
	z-index: 110;
}
.scrollToTop:hover {
	text-decoration: none;
}
/********************************************/
.responsive-image {
	height: auto;
	width: 100%;
	max-width: 100%;
}
.responsive-image-logo {
	height: auto;
	width: 100%;
	max-width: 100%;
}
.button1 {
	font-family: "Comfortaa", cursive;
	color: #353535;
	font-size: 21px;
	font-weight: 800;
	background: url(../images/arrow_title.png) 0px 11px no-repeat; /* 2 was 4 */
	padding: 0 0 3px 25px;
	display: inline-block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	text-decoration: none;
	margin-left: 10px; /*mine*/
}
.button1:hover {
	text-decoration: none;
	color: #6c6c6c;
	background-position: 100% 11px;
	padding: 0 25px 3px 0px;
}
/*
.button2{
	font-family: 'Comfortaa', cursive;
	text-align:center;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	display:block;
	/*border: 1px solid #f0eeee;*/
/*width:100%; */
/*padding:10px 0px 10px 0px;
	margin-top:-10px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
	background:#aaaaaa;
		-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
text-decoration: none;
}
.button2:hover{
	color:#fff;
	background:#bcb9b9;
}*/
.boxtitlepos,
.boxtitlepos2 {
	margin-top: 100px;
	text-align: center;
}
/*.boxtitlepos2{
	margin-top:100px;
	text-align:center;
}*/
.newdelivery {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 28px;
	font-weight: 500;
	color: #2b012c;
	text-align: center;
}
/************ line between text ***********/
.recent_see {
	overflow: hidden;
	text-align: center;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 28px;
	font-weight: 500;
	color: #2b012c;
}
.recent_see:before,
.recent_see:after {
	background-color: #acacac;
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 40%;
}
.recent_see:before {
	right: 0.5em;
	margin-left: -50%;
}
.recent_see:after {
	left: 0.5em;
	margin-right: -50%;
}
/************ line between text ***********/
.hiddendivlarge {
	display: none;
}
.hiddendivmenu2 {
	/* menu mobile */
	display: none;
}

.hiddenlogo{
 display:none;   
}

.inlineimg {
	float: left;
	width: 23%;
	margin-right: 15px;
}
.boxtitle {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 34px;
	font-weight: 500;
	color: #2b012c;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}
.boxtitle:hover {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 34px;
	font-weight: 500;
	color: #db3bdd;
	text-decoration: none;
}
.boxtext {
	text-align: center;
	color: #616161;
	font-size: 18px;
	font-family: "Comfortaa", cursive;
	margin: 80px 150px;
}
.boxbutton {
	font-family: "Comfortaa", cursive;
	text-align: center;
	color: #616161;
	font-size: 15px;
	font-weight: bold;
	display: block;
	border: 3px solid #f0eeee;
	width: 150px;
	padding: 18px;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	background: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}
.boxbutton:hover {
	color: #db3bdd;
}
.feature_divider {
	border: 2px solid #363636;
	display: block;
	margin: 15px auto;
	width: 70px;
}
.space20 {
	margin-top: 20px;
}
.space20logo {
	margin-top: 20px;
}
.space20down {
	padding-bottom: 20px;
}
.space30 {
	margin-top: 30px;
}
.space40 {
	margin-top: 40px;
}
.space50 {
	margin-top: 50px;
}
.space60 {
	margin-top: 60px;
}
.space80 {
	margin-top: 80px;
}
.space120 {
	margin-top: 120px;
}
.space5050down {
	margin-top: 50px;
	margin-bottom: 10px;
}
.space50leftright {
	margin-top: 70px;
	margin-left: 70px;
	margin-right: 70px;
}
.paddingright20 {
	padding-right: 20px;
}
.paddingleft30 {
	padding-left: 30px;
}
.minheight380 {
	min-height: 450px;
}
.minheight110 {
	min-height: 100px;
}
/************* image zoom *********/
/* [1] The container */
.img-hover-zoom {
	/*height: 350px; /* [1.1] Set it as per your need */
	overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}
/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
	transition: transform 0.7s ease;
}
/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
	transform: scale(1.1);
	/*transform: scale(1.2) rotate(10deg); ***/ /* for zoom*/
}
/************* image zoom *********/
.wrapper {
	width: 100%;
	height: 300px;
	/*margin: 20px auto;*/
	position: relative;
	overflow: hidden;
}
/*.wrapper.slide:hover img {
		margin-top: -100px;
}*/
.wrapper.fade img:hover {
	opacity: 0;
}
.wrapper img {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
	display: block;
}
.wrapper.fade img {
	position: absolute;
}
/******************************************/
.leftcolumn {
	display: inline-block;
	width: 48.9%;
	height: 100%;
	/*min-height:480px;*/
	/*background: #f5f4f4;*/
}
.rightcolumn {
	/* display:inline-block; */
	/* width: calc(50% - 0px);*/
	width: 48.9%;
	float: right;
	height: 100%;
	margin:0px;
	/*min-height:380px;*/
	/*background-color: #f5f4f4; */
}
.textcontainer {
	position: relative;
	text-align: center;
	min-height: 150px;
	/*border:1px red solid;*/
}
.center-bottom-products {
	position: absolute;
	top: 10px;
	text-align: center;
	/*left: 5px;
	right: 5px;*/
	/*transform: translate(-50%, -50%);*/
	font-family: "Roboto Condensed", sans-serif;
	font-size: 18px;
	/* padding:6px 10px 6px 10px;*/
	line-height: 1.3;
	font-weight: 500;
	color: #696969;
	/*border:1px red solid;*/
	/*background:#db3bdd;*/
	/*z-index:100; /* to balame giati to ekrube i piso eikona poy ekane hover */
}
.center-bottom-price-products {
	position: absolute;
	bottom: 10px;
	text-align: center;
	left: 5px;
	right: 5px;
	/*transform: translate(-50%, -50%);*/
	font-family: "Roboto Condensed", sans-serif;
	font-size: 22px;
	/* padding:6px 10px 6px 10px;*/
	font-weight: 800;
	color: #282828;
	/* border:1px red solid;*/
	/*background:#db3bdd;*/
	/*z-index:100; /* to balame giati to ekrube i piso eikona poy ekane hover */
}
/**********************************/
.accordion_container {
	display: none;
}
.footertitle {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #272727;
	margin: 20px 0 30px 0;
}
.footertext {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 15px;
	color: #aab2b5;
	margin: 40px 0 0 0;
}
.footerimage {
	float: right;
	margin: 40px 0 0 0;
}
.footerstores_text {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 15px;
	text-decoration: none;
	color: #868585;
	line-height: 230%;
}
/***** sliding underline *****/
.slide-center-out {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 15px;
	text-decoration: none;
	display: inline-block;
	color: #868585;
	line-height: 220%;
}
/* add a empty string after the elment with class .slide-center-out	*/
.slide-center-out:after {
	content: "";
	display: block;
	height: 2px;
	width: 0;
	color: #575656;
	background: transparent;
	transition: width 0.4s ease, background-color 0.4s ease;
	-webkit-transition: width 0.4s ease, background-color 0.4s ease;
	-moz-transition: width 0.4s ease, backgroundbackground-color 0.4s ease;
	margin: auto; /* center the cotent so it will sliding from the midddle to the left and right */
}
.slide-center-out:hover {
	color: #575656;
}
/* Change the width and background on hover, aka sliding from the middle to the left and right */
.slide-center-out:hover:after {
	width: 100%;
	background: #575656;
}
/***** sliding underline *****/
/******* strikethrough prices ***********/
.strikethrough {
	position: relative;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #9f9f9f;
	margin-left: 25px;
	padding: 0px 3px 0px 3px;
}
.strikethrough:before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	right: 0;
	border-top: 1px solid;
	border-color: #ff6969;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
.product_price_strike {
	position: relative;
	color: #a1a1a1;
	font-size: 21px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	margin-left: 35px;
	padding: 0px 6px 0px 6px;
	/*text-decoration: line-through; */
}
.product_price_strike:before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	right: 0;
	border-top: 1px solid;
	border-color: #ff6969;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
/******* strikethrough prices ***********/
.newslettertitle {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 22px;
	font-weight: 500;
	color: #2b012c;
	padding: 40px 0 0 10px;
}
.newslettertext {
	text-align: center;
	color: #616161;
	font-size: 14px;
	font-family: "Comfortaa", cursive;
	margin: 10px 0 10px 0;
}
input[name="newsletterform"] {
	margin: 30px 0 30px 0;
	width: 350px;
	font-size: 15px;
	height: 48px;
	border-radius: 1px;
	padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #fff;
	border: 1px solid #feafff;
	box-shadow: none;
	box-sizing: border-box;
}
input[name="newsletterform"]:focus {
	border: 1px solid #fd39ff;
	outline: 0;
}
.newsletterbtn,
input[type="submit"] {
	display: inline-block;
	height: 48px;
	padding: 5px 30px;
	color: #fff;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	line-height: 38px;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
	/*background-color: #fd39ff;*/
	background-color: #939b8e;
	border-radius: 1px;
	/*border: 1px solid #feadff;*/
	border: 1px solid #939b8e;
	cursor: pointer;
	box-sizing: border-box;
}
.newsletterbtn:hover,
input[type="submit"]:hover,
input[type="submit"]:focus {
	color: #efeeee;
	/*border-color: #fe8aff;*/
	border-color: #939b8e;
	outline: 0;
	/*background-color: #fe5cff;*/
	background-color: #a8b1a3;
	
}
.parralaxpos {
	position: relative;
	text-align: center;
}
.parallaxcaption {
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-family: "Comfortaa", cursive;
	font-size: 30px;
	font-weight: 700;
}
.parallaxcaptionsmall {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	/*left: 30%;
	right: 30%;*/
	color: #fff;
	font-family: "Comfortaa", cursive;
	font-size: 23px;
	font-weight: 500;
}
.parallaxbutton {
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: "Comfortaa", cursive;
	text-align: center;
	color: #616161;
	font-size: 15px;
	font-weight: bold;
	display: block;
	border: 3px solid #f0eeee;
	width: 150px;
	padding: 18px;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	background: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}
.parallaxbutton:hover {
	color: #db3bdd;
	border: 3px solid #ffd8ff;
}
.parallax_divider {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 2px solid #fff;
	display: block;
	margin: 15px auto;
	width: 70px;
}
/******************** filters accordion *************/
.filtercategory {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 22px;
	font-weight: 800;
	color: #2b012c;
	text-align: center;
	padding-bottom: 30px;
}
.filtertitle {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #2b012c;
}
.filtertexts {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px;
	color: #2b012c;
	font-weight: 400;
	margin-top: 20px;
	/*padding-bottom:30px;*/
}
.filtertitle2 {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #2b012c;
}
.filtertexts2 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px;
	color: #2b012c;
	font-weight: 400;
	margin-top: 20px;
	/*padding-bottom:30px;*/
}
div.panel {
	/*widht: 50%;
	height: 100%;*/
	display: block;
}
div.panellogin {
	/*widht: 50%;
	height: 100%;*/
	display: none;
}
/**************** checkbox for filters **************/
/* The container */
.filterschkbx {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 8px;
	cursor: pointer;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #2b012c;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Hide the browser's default checkbox */
.filterschkbx input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	/*background-color: #eee;*/
	border: 1px #d0d0d0 solid;
}
/* On mouse-over, add a grey background color */
.filterschkbx:hover input ~ .checkmark {
	/*background-color: #ccc; */
	border: 1px #8c8c8c solid;
}
/* When the checkbox is checked, add a blue background */
.filterschkbx input:checked ~ .checkmark {
	/*background-color: #2196F3; */
	background-color: #fff;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
/* Show the checkmark when checked */
.filterschkbx input:checked ~ .checkmark:after {
	display: block;
}
/* Style the checkmark/indicator */
.filterschkbx .checkmark:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid #fd39ff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/************* amesi epilogi stin timh*****/
/************* products details ************/
.product_code {
	color: #777; /*color: #949494;*/
	font-size: 18px;
	font-family: 'Roboto', sans-serif; /* font-family: "Comfortaa", cursive; */
	font-weight: 500;
	text-align:center;
}
.product_code_text {
	color: #777;  /*color: #333333;*/
	font-size: 16px;
	font-family: 'Roboto', sans-serif; /* font-family: "Comfortaa", cursive; */
	font-weight: 300;
	text-align:center;
}
.product_title {
	color: #333333;
	font-size: 20px;
	font-family: 'Roboto', sans-serif; /* font-family: "Comfortaa", cursive; */
	font-weight: 600;
	margin-top: 20px;
	text-align:center;
}
.product_descr {
	color: #333333;
	font-size: 16px;
	font-family: 'Roboto', sans-serif; /* font-family: "Comfortaa", cursive; */
	font-weight: 400;
	margin-top: 20px;
	text-align:center;
}
.product_price {
	color: #333333;
	font-size: 40px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	margin-top: 20px;
	text-align:center;
}
.product_size_title {
	color: #949494;
	font-size: 14px;
	margin-bottom: 15px;
	font-family: "Comfortaa", cursive;
	font-weight: 400;
}
.product_size_text {
	border: 2px #f1f1f1 solid;
	color: #767676;
	font-size: 14px;
	padding: 13px 13px 13px 13px;
	text-align: center;
	text-decoration: none;
	margin-right: 5px;
	user-select: none;
	cursor: pointer;
}
.product_size_text:hover {
	border: 2px #d0d0d0 solid;
	color: #767676;
}
.position_product_size_text_list {
	text-align: center;
	margin-top: 10px;
}
.product_size_title_list {
	color: #f4f4f4;
	font-size: 12px;
	font-family: "Roboto Condensed", sans-serif;
	margin-bottom: 8px;
}
.product_size_text_list {
	border: 1px #f1f1f1 solid;
	color: #f4f4f4;
	font-size: 11px;
	padding: 4px 4px 4px 4px;
	text-align: center;
	text-decoration: none;
	margin-right: 5px;
	cursor: pointer;
	user-select: none;
}
.product_size_text_list:hover {
	border: 1px #d0d0d0 solid;
	color: #fff;
	background-color: #000;
}
.product_quantity_title {
	color: #949494;
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 15px;
	font-family: "Comfortaa", cursive;
	font-weight: 400;
}
.product_color_title {
	color: #949494;
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 50px;
	font-family: "Comfortaa", cursive;
	font-weight: 400;
}
.product_color_image {
	display: inline;
	/*max-width:100px;
	min-height:150px;*/
	margin-right: 10px;
}
.product_color_image_width {
	width: 80px;
}
.product_color_image_link img {
	border: 1px #e9e9e9 solid;
}
.product_color_image_link:hover img {
	border: 1px #b4b4b4 solid;
	opacity: 0.8;
}
.activeimages img {
	border: 1px #919191 solid;
}
.activeprices {
	border: 2px #717171 solid;
}
.activeprices:hover {
	border: 2px #717171 solid;
}
.addtocartbtn {
	display: inline-block;
	height: 48px;
	padding: 5px 30px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 17px;
	text-decoration: none;
	white-space: nowrap;
	border-radius: 1px;
	cursor: pointer;
	box-sizing: border-box;
	outline: 0;
	background-color: #939b8e;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
:root {
	--balloon-color: rgba(16, 16, 16, 0.95);
	--balloon-font-size: 12px;
	--balloon-move: 4px;
}
button[aria-label][data-balloon-pos] {
	overflow: hidden;
	/*background-color:#d926dc;*/
	border: 1px #a8b1a3 solid;
	color: #fff;
}
button[aria-label][data-balloon-pos]:hover {
	overflow: hidden;
	background-color: #a8b1a3;
	border: 1px #939b8e solid;
	color: #fff;
}
button:disabled,
button[disabled][aria-label][data-balloon-pos] {
	overflow: visible;
	background-color: #bdc7b7;
	color: #fff;
}
[aria-label][data-balloon-pos] {
	position: relative;
	cursor: pointer;
}
[aria-label][data-balloon-pos]:after {
	opacity: 0;
	pointer-events: none;
	transition: all 0.18s ease-out 0.18s;
	text-indent: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
		"Helvetica Neue", sans-serif;
	font-weight: normal;
	font-style: normal;
	text-shadow: none;
	font-size: var(--balloon-font-size);
	background: var(--balloon-color);
	border-radius: 2px;
	color: #fff;
	content: attr(aria-label);
	padding: 0.5em 1em;
	position: absolute;
	white-space: nowrap;
	z-index: 10;
}
[aria-label][data-balloon-pos]:before {
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top-color: var(--balloon-color);
	opacity: 0;
	pointer-events: none;
	transition: all 0.18s ease-out 0.18s;
	content: "";
	position: absolute;
	z-index: 10;
}
[aria-label][data-balloon-pos]:hover:before,
[aria-label][data-balloon-pos]:hover:after,
[aria-label][data-balloon-pos][data-balloon-visible]:before,
[aria-label][data-balloon-pos][data-balloon-visible]:after,
[aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before,
[aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after {
	opacity: 1;
	pointer-events: none;
}
[aria-label][data-balloon-pos][data-balloon-pos="up"]:after {
	bottom: 100%;
	left: 50%;
	margin-bottom: 10px;
	transform: translate(-50%, var(--balloon-move));
	transform-origin: top;
}
[aria-label][data-balloon-pos][data-balloon-pos="up"]:before {
	bottom: 100%;
	left: 50%;
	transform: translate(-50%, var(--balloon-move));
	transform-origin: top;
}
[aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:after,
[aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:after {
	transform: translate(-50%, 0);
}
[aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:before,
[aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:before {
	transform: translate(-50%, 0);
}

/* -- quantity box	plus and minus-- */
.quantity {
	display: inline-block;
}
.quantity .input-text.qty {
	width: 60px;
	height: 50px;
	padding: 0 5px;
	text-align: center;
	background-color: transparent;
	border: 1px solid #efefef;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	font-size: 15px;
	border-radius: 0px;
}
.quantity.buttons_added {
	text-align: left;
	position: relative;
	white-space: nowrap;
	vertical-align: top;
}
/* for chrome */
.buttons_added input[type="number"]::-webkit-outer-spin-button,
.buttons_added input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* for firefox */
.buttons_added input[type="number"] {
	-moz-appearance: textfield;
}
.quantity.buttons_added input {
	display: inline-block;
	margin: 0 -5px 0 0px;
	vertical-align: top;
	box-shadow: none;
}
.quantity.buttons_added .minus {
	padding: 5px 10px 8px;
	height: 50px;
	width: 50px;
	background-color: #ffffff;
	border-radius: 0px;
	border: 1px solid #efefef;
	cursor: pointer;
	font-size: 20px;
}
.quantity.buttons_added .plus {
	padding: 6px 10px 8px;
	height: 50px;
	width: 50px;
	background-color: #ffffff;
	border-radius: 0px;
	border: 1px solid #efefef;
	cursor: pointer;
	font-size: 20px;
}
.quantity.buttons_added .minus {
	border-right: 0;
}
.quantity.buttons_added .plus {
	/*border-left: 0;*/
}
.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {
	background: #eeeeee;
	border: 1px solid #dcdcdc;
}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	margin: 0;
}
.quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
	outline: none;
}
/* -- quantity box	plus and minus-- */
/************* products details ************/
/************* terms and other texts********/
.main_texts_terms {
	color: #636262;
	font-size: 15px;
	margin-bottom: 15px;
	margin-top: 50px;
	font-family: "Comfortaa", cursive;
	font-weight: 400;
}
/************* terms and other texts********/
/******************** επιστροφες ***********************/
.position_epistrofes_button {
	text-align: right;
}
.return_shoes_text {
	color: #636262;
	font-size: 16px;
	margin-bottom: 15px;
	margin-top: 50px;
	font-family: "Comfortaa", cursive;
	font-weight: 400;
	text-align: center;
}
.return_btn {
	color: #fff;
	font-size: 16px;
	/*padding:20px 200px 20px 20px;*/
	background-color: #000;
	margin-bottom: 15px;
	font-family: "Comfortaa", cursive;
	font-weight: 400;
	width: 300px;
	display: inline-block;
	text-decoration: none;
	padding: 13px 20px 11px 15px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
	border-radius: 3px;
	text-align: left;
}
.return_btn:hover {
	/*background-color: #e128e4; */
	background-color: #939b8e;
	color: #fff;
}
.form_position {
	display: inline-block;
	text-align: left;
	width: 350px;
}
.return_shop_label {
	color: #5d5d5d;
	font-size: 14px;
	font-family: "Comfortaa", cursive;
	font-weight: 400;
	margin-top: 13px;
}
input[name="txtLoginPassword"],
input[name="txtLoginUsername"],
input[name="txtRegisterEmail"],
input[name="txtRegisterMobileNo"],
input[name="txtRegisterFirstname"],
input[name="txtRegisterLastname"],
input[name="txtRegisterPassword"],
input[name="txtRegisterVerifyPassword"],
input[name="txtCurrentPassword"],
input[name="txtNewPassword"],
input[name="txtNewPasswordVerify"],
textarea[name="message"],
input[name="onomafacebook"],
input[name="addressform"],
input.regformfield,
textarea.regformfield {
	margin: 30px 0 30px 0;
	min-width: 350px;
	font-size: 15px;
	height: 48px;
	border-radius: 1px;
	padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #fff;
	font-family: "Comfortaa", cursive;
	color: #5d5d5d;
	/*border: 1px solid #feafff;*/
	border: 1px solid #bcc6b6;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}

input[name="txtLoginPassword"]:focus,
input[name="txtLoginUsername"]:focus,
input[name="txtRegisterEmail"]:focus,
input[name="txtRegisterMobileNo"]:focus,
input[name="txtRegisterFirstname"]:focus,
input[name="txtRegisterLastname"]:focus,
input[name="txtRegisterPassword"]:focus,
input[name="txtRegisterVerifyPassword"]:focus,
input[name="txtCurrentPassword"]:focus,
input[name="txtNewPassword"]:focus,
input[name="txtNewPasswordVerify"]:focus,
textarea[name="message"]:focus,
input[name="onomafacebook"]:focus,
input[name="addressform"]:focus,
input.regformfield:focus {
	/*border: 1px solid #fd39ff;*/
	border: 1px solid #939b8e;
	outline: 0;
}
input[name="frmRegSubmit"],
input[name="frmAccountUpdateSubmit"],
input[name="frmPasswordUpdateSubmit"],
input[name="frmPasswordResetSubmit"],
input.formbutton {
	margin: 30px 0 30px 0;
	min-width: 350px;
	font-size: 15px;
	height: 48px;
	border-radius: 1px;
	padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
	/*background-color: #fd39ff;*/
	background-color: #939b8e;
	font-family: "Comfortaa", cursive;
	color: #fff;
	/*border: 1px solid #af00b2;*/
	border: 1px solid #7c8478;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}
input[name="frmRegSubmit"]:focus,
input[name="frmRegSubmit"]:hover,
input[name="frmAccountUpdateSubmit"]:focus,
input[name="frmAccountUpdateSubmit"]:hover,
input[name="frmPasswordUpdateSubmit"]:hover,
input[name="frmPasswordResetSubmit"]:hover,
input.formbutton:hover {
	border: 1px solid #939b8e;
	outline: 0;
	color: #fff;
	/*background-color: #fe7fff;*/
	background-color: #a8b1a3;
}
textarea[name="message"] {
	min-height: 120px;
	resize: none;
}
.cartmaintitle {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 28px;
	font-weight: 500;
	color: #2b012c;
	text-align: center;
}
/******************** επιστροφες ***********************/
/********************* checkout ************************/
.accountexitstitle {
	color: #4f534d;
	font-size: 15px;
	font-family: "Comfortaa", cursive;
	font-weight: 700;
	margin-bottom: 10px;
}
.accountlogin {
	background-color: #f7f7f7;
	padding: 0px 30px 0 30px;
	border: 1px #ecebeb solid;
}
.forgotpass {
	color: #414141;
	font-size: 14px;
	font-family: "Comfortaa", cursive;
	font-weight: 400;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}
.forgotpass:hover {
	color: #797979;
}
input[name="accountname"],
input[name="accountemail"] {
	margin: 30px 0 30px 0;
	width: 100%;
	font-size: 15px;
	height: 48px;
	border-radius: 1px;
	padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #fff;
	font-family: "Comfortaa", cursive;
	color: #5d5d5d;
	border: 1px solid #feafff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}
input[name="accountname"]:focus,
input[name="accountemail"]:focus {
	border: 1px solid #fd39ff;
	outline: 0;
}
input[name="accountsubmit"] {
	margin: 30px 0 30px 0;
	min-width: 130px;
	font-size: 14px;
	height: 38px;
	border-radius: 1px;
	padding: 0px 8px; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #fd39ff;
	font-family: "Comfortaa", cursive;
	color: #fff;
	border: 1px solid #af00b2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}
input[name="frmCheckoutSubmit"] {
	margin: 30px 0 30px 0;
	min-width: 340px;
	font-size: 14px;
	height: 38px;
	border-radius: 1px;
	padding: 0px 8px; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #939b8e;
	font-family: "Comfortaa", cursive;
	color: #fff;
	border: 1px solid #7c8478;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}
input[name="accountsubmit"]:focus,
input[name="accountsubmit"]:hover,
input[name="frmCheckoutSubmit"]:focus,
input[name="frmCheckoutSubmit"]:hover {
	border: 1px solid #939b8e;
	outline: 0;
	color: #fff;
	background-color: #a8b1a3;
}
/*********radio button form**********/
.radio-item {
	display: inline-block;
	position: relative;
	padding: 0 6px;
	margin: 30px 60px 20px 10px;
}
.radio-item2,
.radio-item3 {
	display: inline-block;
	position: relative;
	padding: 0 6px;
	margin: -30px 40px 0px 0px;
}
.radio-item4 {
	display: inline-block;
	position: relative;
	padding: 0 6px;
	margin: 0px 10px 20px 0px;
}
.radiotext,
.radiotext2 {
	color: #636262;
	font-size: 13px;
	font-family: "Comfortaa", cursive;
	font-weight: 400;
}
.radio-item input[name="ritem"],
.radio-item input[name="accountType"],
.radio-item2 input[name="ritem2"],
.radio-item2 input[name="deliveryType"],
.radio-item3 input[name="ritem3"],
.radio-item3 input[name="paymentType"],
.radio-item4 input[name="rdRegisterGender"],
.radio-item3 input[name="ordsrc"] {
	display: none;
}
.radio-item label,
.radio-item2 label,
.radio-item3 label,
.radio-item4 label {
	color: #666;
	font-weight: normal;
}
.radio-item label:before,
.radio-item2 label:before,
.radio-item3 label:before,
.radio-item4 label:before {
	content: " ";
	display: inline-block;
	position: relative;
	top: 5px;
	margin: 0 5px 0 0;
	width: 18px;
	height: 18px;
	border-radius: 11px;
	/*border: 2px solid #e128e4; */
	border: 2px solid #939b8e;
	background-color: transparent;
}
.radio-item input[name="ritem"]:checked + label:after,
.radio-item input[name="accountType"]:checked + label:after,
.radio-item2 input[name="ritem2"]:checked + label:after,
.radio-item2 input[name="deliveryType"]:checked + label:after,
.radio-item3 input[name="ritem3"]:checked + label:after,
.radio-item3 input[name="paymentType"]:checked + label:after,
.radio-item4 input[name="rdRegisterGender"]:checked + label:after,
.radio-item3 input[name="ordsrc"]:checked + label:after {
	border-radius: 11px;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 10px;
	left: 11px;
	content: " ";
	display: block;
	background: #a8b1a3;
}
/*********radio button form**********/
/*
input[name=checkoutformemail],
input[name=checkoutformonoma],
input[name=checkoutformeponumo],
input[name=checkoutformkinito],
textarea[name=contactformmessage],
input[name=txtRegisterBillingAddress],
input[name=txtRegisterBillingArea],
input[name=txtRegisterBillingCity],
input[name=txtRegisterBillingZipCode],
select[name=selRegisterBillingCountry],
select[name=checkoutformgender],
*/
input[type="email"].checkoutformfield,
input[type="number"].checkoutformfield,
input[type="search"].checkoutformfield,
input[type="text"].checkoutformfield,
input[type="tel"].checkoutformfield,
input[type="url"].checkoutformfield,
input[type="password"].checkoutformfield,
textarea.checkoutformfield,
select.checkoutformfield,
.checkoutformfield {
	margin: 30px 0 30px 0;
	width: 100%;
	font-size: 15px;
	height: 48px;
	border-radius: 1px;
	padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #fff;
	font-family: "Comfortaa", cursive;
	color: #5d5d5d;
	border: 1px solid #bcc6b6;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}
/*
input[name=checkoutformemail]:focus,
input[name=checkoutformonoma]:focus,
input[name=checkoutformeponumo]:focus,
input[name=checkoutformkinito]:focus,
textarea[name=contactformmessage]:focus,
input[name=txtRegisterBillingAddress]:focus,
input[name=txtRegisterBillingArea]:focus,
input[name=txtRegisterBillingCity]:focus,
input[name=txtRegisterBillingZipCode]:focus,
select[name=selRegisterBillingCountry]:focus,
select[name=checkoutformgender]:focus,
*/
input[type="email"].checkoutformfield:focus,
input[type="number"].checkoutformfield:focus,
input[type="search"].checkoutformfield:focus,
input[type="text"].checkoutformfield:focus,
input[type="tel"].checkoutformfield:focus,
input[type="url"].checkoutformfield:focus,
input[type="password"].checkoutformfield:focus,
textarea.checkoutformfield:focus,
select.checkoutformfield:focus,
.checkoutformfield:focus {
	border: 1px solid #939b8e;
	outline: 0;
}
textarea[name="contactformmessage"] {
	min-height: 100px;
	resize: none;
}
.productdescrtitle,
.productdescrtitle a {
	margin: 0px 0px 20px 0px;
	color: #333333 !important;
	font-size: 13px;
	font-family: "Comfortaa", cursive;
	font-weight: 700;
}
.productdescrtext {
	color: #949494;
	font-size: 12px;
	font-family: "Comfortaa", cursive;
	font-weight: 400;
}
.productdescrtext span {
	color: #333333;
	font-size: 12px;
	font-family: "Comfortaa", cursive;
	font-weight: 700;
}
.cartproductprice {
	color: #333333;
	font-size: 16px;
	font-family: "Comfortaa", cursive;
	font-weight: 700;
}
.totalcarttext {
	color: #686868;
	font-size: 13px;
	font-family: "Comfortaa", cursive;
	font-weight: 700;
}
.totalcartprice {
	color: #333333;
	font-size: 15px;
	font-family: "Comfortaa", cursive;
	font-weight: 700;
}
.editcartlink {
	color: #4f534d;
	font-size: 14px;
	font-family: "Comfortaa", cursive;
	font-weight: 400;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}
.editcartlink:hover {
	color: #757b72;
}
.cartsimpletext {
	color: #686868;
	font-size: 14px;
	font-family: "Comfortaa", cursive;
	font-weight: 700;
}
.cartsimpletext2 {
	color: #686868;
	font-size: 16px;
	font-family: "Comfortaa", cursive;
	font-weight: 700;
}
.paymenttexts {
	color: #868686;
	font-size: 14px;
	font-family: "Comfortaa", cursive;
	font-weight: 400;
	font-style: italic;
	padding-top: 20px;
}
/********************* checkout ************************/
/********************* login **************************/
.field-icon {
	margin-left: -35px;
	margin-top: -25px;
	position: relative;
	z-index: 2;
}
/********************* login **************************/
/********************** carousel **********************/
.carousel_products {
	position: relative;
	height: 475px;
	width: 100%;
	margin: 0 auto;
}
.carousel_products img {
	position: absolute;
	width: 100%;
	left: 0;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
.carousel_products img.bottom:hover {
	opacity: 0;
}
.top-right {
	position: absolute;
	top: 0px;
	right: 0px;
	font-family: "Comfortaa", cursive;
	font-size: 10px;
	padding: 6px 10px 6px 10px;
	font-weight: 500;
	color: #fff;
	/*background: #fd79ff; */
	background: #939b8e;
	line-height: 1.6;
}
.top-left {
	position: absolute;
	top: 0px;
	left: 0px;
	font-family: "Comfortaa", cursive;
	font-size: 10px;
	padding: 6px 10px 6px 10px;
	font-weight: 500;
	color: #fff;
	/*background: #db3bdd; */
	background: #a8b1a3;
	line-height: 1.6;
}
.center-bottom {
	position: absolute;
	bottom: 80px;
	text-align: center;
	left: 5px;
	right: 5px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500;
	color: #282828;
}
.center-bottom-price {
	position: absolute;
	bottom: 5px;
	text-align: center;
	left: 5px;
	right: 5px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 22px;
	font-weight: 800;
	color: #282828;
}
/********************** carousel **********************/
/********************** image swap for product lists ********************/
.cf {
	position: relative;
	width: 100%;
	margin: 0 auto;
	line-height: 0;
}
.cf img {
	width: 100%;
	display: block;
	left: 0;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
.cf img.bottom {
	opacity: 0;
}

.cf:hover img.bottom {
	opacity: 1;
}

.boxcaption {
	background-color: rgba(119, 119, 119, 0.8);
	width: 100%;
	height: 0%;
	position: absolute;
	bottom: 0px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	line-height: 1.6;
}
.cf .boxcaption {
	overflow: hidden;
}

.cf:hover .boxcaption {
	height: 90px;
}
/********************** image swap for product lists	********************/
.box,
.box2 {
	display: none;
}

.template {
	position: relative;
	display: inline-block;
	border: 1px dotted gray;
	padding: 0;
	margin: -1px;
}
.templatefile {
	position: absolute;
	background-color: #dddddd;
	color: #000000;
	font-size: 11px;
	font-family: tahoma;
	left: 0px;
	top: 0px;
	padding: 0px;
}
.validationerror {
	border: 2px solid red !important;
}



@media only screen and (min-width: 1025px) and (max-width: 1600px) {
.parallaxcaption {
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-family: "Comfortaa", cursive;
	font-size: 25px;
	font-weight: 700;
}
.parallaxcaptionsmall {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	/*left: 30%;
	right: 30%;*/
	color: #fff;
	font-family: "Comfortaa", cursive;
	font-size: 17px;
	font-weight: 500;
}
.parallaxbutton {
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: "Comfortaa", cursive;
	text-align: center;
	color: #616161;
	font-size: 14px;
	font-weight: bold;
	display: block;
	border: 3px solid #f0eeee;
	width: 130px;
	padding: 14px;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	background: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}
.parallaxbutton:hover {
	color: #db3bdd;
	border: 3px solid #ffd8ff;
}
.parallax_divider {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 2px solid #fff;
	display: block;
	margin: 15px auto;
	width: 70px;
}

}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
	.boxtitlepos,
	.boxtitlepos2 {
		margin-top: 40px;
		text-align: center;
	}

	.boxtitle {
		font-family: "Roboto Condensed", sans-serif;
		font-size: 24px;
		font-weight: 500;
		color: #2b012c;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		text-decoration: none;
	}
	.boxtitle:hover {
		font-family: "Roboto Condensed", sans-serif;
		font-size: 24px;
		font-weight: 500;
		color: #db3bdd;
		text-decoration: none;
	}

	.boxtext {
		text-align: center;
		color: #616161;
		font-size: 15px;
		font-family: "Comfortaa", cursive;
		margin: 40px 30px;
	}

	.boxbutton {
		font-family: "Comfortaa", cursive;
		text-align: center;
		color: #616161;
		font-size: 13px;
		font-weight: bold;
		display: block;
		border: 3px solid #f0eeee;
		width: 150px;
		padding: 10px;
		margin-left: auto;
		margin-right: auto;
		text-decoration: none;
		background: #fff;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		text-decoration: none;
	}
	.boxbutton:hover {
		color: #db3bdd;
	}

	.filtercategory {
		font-family: "Roboto Condensed", sans-serif;
		font-size: 16px;
		font-weight: 800;
		color: #2b012c;
		text-align: center;
		padding-bottom: 30px;
	}

	.filtertitle {
		font-family: "Roboto Condensed", sans-serif;
		font-weight: 400;
		font-size: 12px;
		color: #2b012c;
	}

	/* The container */
	.filterschkbx {
		display: block;
		position: relative;
		padding-left: 22px;
		margin-bottom: 8px;
		cursor: pointer;
		font-family: "Roboto Condensed", sans-serif;
		font-size: 13px;
		font-weight: 400;
		color: #2b012c;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	/* Hide the browser's default checkbox */
	.filterschkbx input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}
	/* Create a custom checkbox */
	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 15px;
		width: 15px;
		/*background-color: #eee;*/
		border: 1px #d0d0d0 solid;
	}
	/* On mouse-over, add a grey background color */
	.filterschkbx:hover input ~ .checkmark {
		/*background-color: #ccc; */
		border: 1px #8c8c8c solid;
	}
	/* When the checkbox is checked, add a blue background */
	.filterschkbx input:checked ~ .checkmark {
		/*background-color: #2196F3; */
		background-color: #fff;
	}
	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	/* Show the checkmark when checked */
	.filterschkbx input:checked ~ .checkmark:after {
		display: block;
	}
	/* Style the checkmark/indicator */
	.filterschkbx .checkmark:after {
		left: 3px;
		top: 1px;
		width: 5px;
		height: 10px;
		border: solid #fd39ff;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

@media only screen and (min-width: 1281px) and (max-width: 1440px) {
	.boxtitlepos,
	.boxtitlepos2 {
		margin-top: 60px;
		text-align: center;
	}

	.boxtitle {
		font-family: "Roboto Condensed", sans-serif;
		font-size: 27px;
		font-weight: 500;
		color: #2b012c;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		text-decoration: none;
	}
	.boxtitle:hover {
		font-family: "Roboto Condensed", sans-serif;
		font-size: 27px;
		font-weight: 500;
		color: #db3bdd;
		text-decoration: none;
	}

	.boxtext {
		text-align: center;
		color: #616161;
		font-size: 16px;
		font-family: "Comfortaa", cursive;
		margin: 60px 40px;
	}

	.boxbutton {
		font-family: "Comfortaa", cursive;
		text-align: center;
		color: #616161;
		font-size: 15px;
		font-weight: bold;
		display: block;
		border: 3px solid #f0eeee;
		width: 150px;
		padding: 12px;
		margin-left: auto;
		margin-right: auto;
		text-decoration: none;
		background: #fff;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		text-decoration: none;
	}
	.boxbutton:hover {
		color: #db3bdd;
	}

	.filtercategory {
		font-family: "Roboto Condensed", sans-serif;
		font-size: 16px;
		font-weight: 800;
		color: #2b012c;
		text-align: center;
		padding-bottom: 30px;
	}

	.filtertitle {
		font-family: "Roboto Condensed", sans-serif;
		font-weight: 400;
		font-size: 15px;
		color: #2b012c;
	}

	/* The container */
	.filterschkbx {
		display: block;
		position: relative;
		padding-left: 25px;
		margin-bottom: 12px;
		cursor: pointer;
		font-family: "Roboto Condensed", sans-serif;
		font-size: 14px;
		font-weight: 400;
		color: #2b012c;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	/* Hide the browser's default checkbox */
	.filterschkbx input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}
	/* Create a custom checkbox */
	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 15px;
		width: 15px;
		/*background-color: #eee;*/
		border: 1px #d0d0d0 solid;
	}
	/* On mouse-over, add a grey background color */
	.filterschkbx:hover input ~ .checkmark {
		/*background-color: #ccc; */
		border: 1px #8c8c8c solid;
	}
	/* When the checkbox is checked, add a blue background */
	.filterschkbx input:checked ~ .checkmark {
		/*background-color: #2196F3; */
		background-color: #fff;
	}
	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	/* Show the checkmark when checked */
	.filterschkbx input:checked ~ .checkmark:after {
		display: block;
	}
	/* Style the checkmark/indicator */
	.filterschkbx .checkmark:after {
		left: 3px;
		top: 1px;
		width: 5px;
		height: 10px;
		border: solid #fd39ff;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

@media only screen and (min-width: 1441px) and (max-width: 1776px) {
	.boxtitlepos,
	.boxtitlepos2 {
		margin-top: 70px;
		text-align: center;
	}

	.boxtitle {
		font-family: "Roboto Condensed", sans-serif;
		font-size: 28px;
		font-weight: 500;
		color: #2b012c;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		text-decoration: none;
	}
	.boxtitle:hover {
		font-family: "Roboto Condensed", sans-serif;
		font-size: 28px;
		font-weight: 500;
		color: #db3bdd;
		text-decoration: none;
	}

	.boxtext {
		text-align: center;
		color: #616161;
		font-size: 16px;
		font-family: "Comfortaa", cursive;
		margin: 80px 70px;
	}

	.boxbutton {
		font-family: "Comfortaa", cursive;
		text-align: center;
		color: #616161;
		font-size: 16px;
		font-weight: bold;
		display: block;
		border: 3px solid #f0eeee;
		width: 150px;
		padding: 13px;
		margin-left: auto;
		margin-right: auto;
		text-decoration: none;
		background: #fff;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		text-decoration: none;
	}
	.boxbutton:hover {
		color: #db3bdd;
	}

	.filtercategory {
		font-family: "Roboto Condensed", sans-serif;
		font-size: 16px;
		font-weight: 800;
		color: #2b012c;
		text-align: center;
		padding-bottom: 30px;
	}

	.filtertitle {
		font-family: "Roboto Condensed", sans-serif;
		font-weight: 400;
		font-size: 16px;
		color: #2b012c;
	}

	/* The container */
	.filterschkbx {
		display: block;
		position: relative;
		padding-left: 25px;
		margin-bottom: 12px;
		cursor: pointer;
		font-family: "Roboto Condensed", sans-serif;
		font-size: 15px;
		font-weight: 400;
		color: #2b012c;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	/* Hide the browser's default checkbox */
	.filterschkbx input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}
	/* Create a custom checkbox */
	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 15px;
		width: 15px;
		/*background-color: #eee;*/
		border: 1px #d0d0d0 solid;
	}
	/* On mouse-over, add a grey background color */
	.filterschkbx:hover input ~ .checkmark {
		/*background-color: #ccc; */
		border: 1px #8c8c8c solid;
	}
	/* When the checkbox is checked, add a blue background */
	.filterschkbx input:checked ~ .checkmark {
		/*background-color: #2196F3; */
		background-color: #fff;
	}
	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	/* Show the checkmark when checked */
	.filterschkbx input:checked ~ .checkmark:after {
		display: block;
	}
	/* Style the checkmark/indicator */
	.filterschkbx .checkmark:after {
		left: 3px;
		top: 1px;
		width: 5px;
		height: 10px;
		border: solid #fd39ff;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}


/********************************************/
.snip1554 {
  background-color: #a8b1a3;
  color: #ffffff;
  display: inline-block;
  font-family: "Comfortaa", cursive;
  font-size: 15px;
  margin: 0px;
  max-width: 1000px;
  min-width: 100px;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
}

.snip1554 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip1554:after {
  background-color: white;
  opacity: 0.6;
  top: 0;
  bottom: 0;
  content: '';
  left: -200%;
  position: absolute;
  width: 200px;
  box-shadow: 0 0 100px white;
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.snip1554 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}

.snip1554 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  line-height: 1em;
  opacity: 0;
}

.snip1554 h3 {
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.1em;
  margin: 0;
  /*text-transform: uppercase;*/
}

.snip1554 h3 span {
  font-weight: 700;
}

.snip1554 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.snip1554:hover > img,
.snip1554.hover > img {
  opacity: 0.5;
 /* -webkit-filter: grayscale(100%);
  filter: grayscale(100%);*/
}

.snip1554:hover:after,
.snip1554.hover:after {
  left: 200%;
}

.snip1554:hover figcaption,
.snip1554.hover figcaption {
  opacity: 1;
}

/********************************/