body{
	margin:0px;
	padding:0px;
}

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

.videocontainer {
  position: relative;
  width: auto;
  height: auto;
  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;
	}
	
.fourimages > div {
	max-width: 32.5%; /* Declare your value. Can be in relative units. */
    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 19% kai meta 49.7*/
   /*height: auto;*/
	display: inline-block;
	vertical-align: top;
}

.fourimages > div:nth-child(5) {
	max-width: 24.98%; /* 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(6) {
	max-width: 24.98%; /* 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(7) {
	max-width: 24.98%; /* Declare your value. Can be in relative units. itan 19% kai meta 49.7*/
   /*height: auto;*/
	display: inline-block;
	vertical-align: top;
}

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


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

/***********new**************/
.siximages {
	text-align: justify;
	}
.siximages > div {
	max-width: 16%; /* Declare your value. Can be in relative units. */
    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(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%; /* 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%; /* 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**************/

/*********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**************/

/*****************************************/
/*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;
}
.content {
  padding: 16px;
}
.sticky {
  position: relative;
  top: 0;
  width: 100%;
}
.sticky + .content {
  padding-top: 15px;
}
/****************** top bar - black line************/
.blkline_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:15px;
	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 *****************/
/****************** serach bar only  *****************/
#demo-2 input[type=search] {
	/*background: #ededed url(../images/search-icon.png) no-repeat 9px center;*/
	background: url(../images/search-icon.png) no-repeat 0px 7px;
	border: solid 1px transparent;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	width: 15px;
	/*padding-left: 10px;*/
	color: transparent;
	cursor: pointer;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 5px 0px;
	/*width: 155px;*/
	/*-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;*/
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .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: 30%;
}
.button1{
font-family: 'Comfortaa', cursive;
  color:#353535;
  font-size:16px;
  font-weight:800;
  text-decoration:none;
}
.button1:hover{
  text-decoration: none;
  color:#6c6c6c;
  }
/*
.button1{
font-family: 'Comfortaa', cursive;
  color:#353535;
  font-size:16px;
  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;
}*/
/*.boxtitlepos2{
	margin-top:100px;
	text-align:center;
}*/
.newdelivery{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:25px;
	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:24px;
	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: 35%;
}
.recent_see:before {
  right: 0.5em;
  margin-left: -50%;
}
.recent_see:after {
  left: 0.5em;
  margin-right: -50%;
}
/************ line between text ***********/


.hiddendivlarge{
	display:none;
} 


.hiddendivmenu{
	display:none;
}

.inlineimg{
float:left;
width:22.23%;
margin-right:20px;
}
.boxtitlepos, .boxtitlepos2{
	margin-top:60px;
	text-align:center;
}
.boxtitle{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:22px;
	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:22px;
	font-weight:500;
	color:#db3bdd;
text-decoration: none;
}
.boxtext{
	text-align:center;
	color:#616161;
	font-size:13px;
	font-family: 'Comfortaa', cursive;
	margin:25px 25px;
}
.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:8px;
	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:80px;
}
.space5050down{
	margin-top:20px;
	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 .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;
}
/******************************************/
/* Make the container relative */
/*.swap-on-hover {
  position: relative;
	margin:  0 auto;
	max-width: 400px;
	/*min-height:300px;*/
/*}*/
/* Select the image and make it absolute to the container */
/*.swap-on-hover img {
  position: absolute;
  top:0%;
  left:0%;
  transform: translate( 5%, 5%);
	overflow: hidden;
	/* Sets the width and height for the images*/
	/*width: 95%;
	height:auto;
}*/
/*
	We set z-index to be higher than the back image, so it's alwyas on the front.
We give it an opacity leaner to .25s, that way when we hover we will get a nice fading effect.
*/
/*.swap-on-hover .swap-on-hover__front-image {
  z-index: 99;
  transition: opacity .3s linear;
  cursor: pointer;
}*/
/* When we hover the figure element, the block with .swap-on-hover, we want to use > so the front-image is going to have opacity of 0, which means it will be hidden, to the back image will show */
/*.swap-on-hover:hover > .swap-on-hover__front-image{
  opacity: 0;
}*/
/*****************************/
.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%;
  /*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:15px;
 /* 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 .4s ease, background-color .4s ease;
-webkit-transition: width .4s ease, background-color .4s ease;
-moz-transition: width .4s ease, backgroundbackground-color .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:14px;
  font-weight:400;
  color:#9f9f9f;
  margin-left:20px;
  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:18px;
	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: .1rem;
  text-transform: uppercase;
   font-family: 'Roboto Condensed', sans-serif;
   font-size:13px;
  text-decoration: none;
  white-space: nowrap;
  background-color: #939b8e;
  border-radius: 1px;
  border: 1px solid #939b8e;
  cursor: pointer;
  box-sizing: border-box;
}
.newsletterbtn, input[type="submit"]:hover, input[type="submit"]:focus {
  color: #efeeee;
  border-color: #939b8e;
  outline: 0;
    background-color: #a8b1a3;
  }
.parralaxpos{
	position:relative;
	text-align: center;
}
.parallaxcaption{
	position:absolute;
	top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
	color:#fff;
	font-family: 'Comfortaa', cursive;
   font-size:22px;
   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:15px;
   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:8px;
	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:15px;
	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;
}
.filtertexts{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:13px;
	color:#2b012c;
	font-weight:400;
	margin-top:5px;
	/*padding-bottom:30px;*/
}
.filtertitle2{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:400;
  font-size:18px;
  color:#2b012c;
}
.filtertexts2{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
	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: 25px;
  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: 14px;
  width: 14px;
  /*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: 4px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid #fd39ff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/**************** checkbox for filters **************/
/************* amesi epilogi stin timh*****/
/*.showme {
position:relative;
  display: none;
  top:380px;
  width:100%;
}
.showhim:hover .showme {
  display: block;
}*/
/*********************/
/*
.tooltip span {
  visibility: hidden;
  position:relative;
  top:380px;
}
.tooltip:hover span {
  visibility: visible;
}
.tooltip span:not(:hover) {
  visiblity: hidden;
  transition: visibility 2s;
}
.tooltip span:not(:hover) .button2 {
  visiblity: hidden;
  transition: visibility 0s;
}
.tooltip span select{
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  /*font-family: 'Comfortaa', cursive;
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 0px;
  box-shadow: none;
  box-sizing: border-box;
  }
.tooltip span select:focus {
  border: 1px solid #33C3F0;
  outline: 0;
 }
 .tooltip span select{
  margin-bottom: 1.5rem;
 }
/************* amesi epilogi stin timh*****/
/************* products details ************/
.product_code{
	color:#949494;
	font-size:16px;
	font-family: 'Comfortaa', cursive;
	font-weight:700;
}
.product_code_text{
	color:#333333;
	font-size:14px;
	font-family: 'Comfortaa', cursive;
	font-weight:700;
}
.product_title{
	color:#333333;
	font-size:16px;
	font-family: 'Comfortaa', cursive;
	font-weight:700;
	margin-top:20px;
}
.product_descr{
	color:#333333;
	font-size:13px;
	font-family: 'Comfortaa', cursive;
	font-weight:400;
	margin-top:20px;
}
.product_price{
	color:#333333;
	font-size:34px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	margin-top:20px;
}
.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:8px 8px 8px 8px;
  text-align:center;
  text-decoration:none;
  margin-right:5px;
}

.product_size_text:hover{
  /*border:2px #d0d0d0 solid;*/
  border:2px #ababab 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;
}
.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:45px;
}
.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;
}
.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 .18s ease-out .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:.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 .18s ease-out .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].font-awesome:after{font-family:FontAwesome, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif}*/
	/*[aria-label][data-balloon-pos][data-balloon-break]:after{white-space:pre}[aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after{white-space:pre-line;word-break:break-word}
	[aria-label][data-balloon-pos][data-balloon-blunt]:before,[aria-label][data-balloon-pos][data-balloon-blunt]:after{transition: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)}
	/*[aria-label][data-balloon-pos][data-balloon-pos="up-left"]:after{bottom:100%;left:0;margin-bottom:10px;transform:translate(0, var(--balloon-move));transform-origin:top}
	[aria-label][data-balloon-pos][data-balloon-pos="up-left"]:before{bottom:100%;left:5px;transform:translate(0, var(--balloon-move));transform-origin:top}
	[aria-label][data-balloon-pos][data-balloon-pos="up-left"]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos="up-left"][data-balloon-visible]:after{transform:translate(0, 0)}
	[aria-label][data-balloon-pos][data-balloon-pos="up-left"]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos="up-left"][data-balloon-visible]:before{transform:translate(0, 0)}
	[aria-label][data-balloon-pos][data-balloon-pos="up-right"]:after{bottom:100%;right:0;margin-bottom:10px;transform:translate(0, var(--balloon-move));transform-origin:top}
	[aria-label][data-balloon-pos][data-balloon-pos="up-right"]:before{bottom:100%;right:5px;transform:translate(0, var(--balloon-move));transform-origin:top}
	[aria-label][data-balloon-pos][data-balloon-pos="up-right"]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos="up-right"][data-balloon-visible]:after{transform:translate(0, 0)}
	[aria-label][data-balloon-pos][data-balloon-pos="up-right"]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos="up-right"][data-balloon-visible]:before{transform:translate(0, 0)}
	[aria-label][data-balloon-pos][data-balloon-pos="down"]:after{left:50%;margin-top:10px;top:100%;transform:translate(-50%, calc(var(--balloon-move) * -1))}
	[aria-label][data-balloon-pos][data-balloon-pos="down"]:before{width:0;height:0;border:5px solid transparent;border-bottom-color:var(--balloon-color);left:50%;top:100%;transform:translate(-50%, calc(var(--balloon-move) * -1))}
	[aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:after{transform:translate(-50%, 0)}
	[aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:before{transform:translate(-50%, 0)}
	[aria-label][data-balloon-pos][data-balloon-pos="down-left"]:after{left:0;margin-top:10px;top:100%;transform:translate(0, calc(var(--balloon-move) * -1))}
	[aria-label][data-balloon-pos][data-balloon-pos="down-left"]:before{width:0;height:0;border:5px solid transparent;border-bottom-color:var(--balloon-color);left:5px;top:100%;transform:translate(0, calc(var(--balloon-move) * -1))}
	[aria-label][data-balloon-pos][data-balloon-pos="down-left"]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos="down-left"][data-balloon-visible]:after{transform:translate(0, 0)}
	[aria-label][data-balloon-pos][data-balloon-pos="down-left"]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos="down-left"][data-balloon-visible]:before{transform:translate(0, 0)}
	[aria-label][data-balloon-pos][data-balloon-pos="down-right"]:after{right:0;margin-top:10px;top:100%;transform:translate(0, calc(var(--balloon-move) * -1))}
	[aria-label][data-balloon-pos][data-balloon-pos="down-right"]:before{width:0;height:0;border:5px solid transparent;border-bottom-color:var(--balloon-color);right:5px;top:100%;transform:translate(0, calc(var(--balloon-move) * -1))}
	[aria-label][data-balloon-pos][data-balloon-pos="down-right"]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos="down-right"][data-balloon-visible]:after{transform:translate(0, 0)}
	[aria-label][data-balloon-pos][data-balloon-pos="down-right"]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos="down-right"][data-balloon-visible]:before{transform:translate(0, 0)}
	[aria-label][data-balloon-pos][data-balloon-pos="left"]:after{margin-right:10px;right:100%;top:50%;transform:translate(var(--balloon-move), -50%)}
	[aria-label][data-balloon-pos][data-balloon-pos="left"]:before{width:0;height:0;border:5px solid transparent;border-left-color:var(--balloon-color);right:100%;top:50%;transform:translate(var(--balloon-move), -50%)}
	[aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:after{transform:translate(0, -50%)}
	[aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:before{transform:translate(0, -50%)}
	[aria-label][data-balloon-pos][data-balloon-pos="right"]:after{left:100%;margin-left:10px;top:50%;transform:translate(calc(var(--balloon-move) * -1), -50%)}
	[aria-label][data-balloon-pos][data-balloon-pos="right"]:before{width:0;height:0;border:5px solid transparent;border-right-color:var(--balloon-color);left:100%;top:50%;transform:translate(calc(var(--balloon-move) * -1), -50%)}
	[aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:after,[aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:after{transform:translate(0, -50%)}
	[aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:before,[aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:before{transform:translate(0, -50%)}
	[aria-label][data-balloon-pos][data-balloon-length="small"]:after{white-space:normal;width:80px}[aria-label][data-balloon-pos][data-balloon-length="medium"]:after{white-space:normal;width:150px}
	[aria-label][data-balloon-pos][data-balloon-length="large"]:after{white-space:normal;width:260px}
	[aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after{white-space:normal;width:380px}@media screen and (max-width: 768px){[aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after{white-space:normal;width:90vw}}
	[aria-label][data-balloon-pos][data-balloon-length="fit"]:after{white-space:normal;width:100%}*/
/* -- 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;
 /*margin: 0 -4px 0 -5px;*/
 }
.quantity.buttons_added .plus {
 padding: 8px 10px 8px;
 height: 50px;
 width:50px;
 background-color: #ffffff;
 border-radius:0px;
 border: 1px solid #efefef;
 cursor:pointer;
 font-size:20px;
 /*margin: 0 -4px 0 -5px;*/
 }
.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: #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 #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 {
	 border: 1px solid #939b8e;
  outline: 0;
}
input[name=frmRegSubmit], input[name=frmAccountUpdateSubmit],
input[name=frmPasswordUpdateSubmit], input[name=frmPasswordResetSubmit] {
	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: #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=frmRegSubmit]:focus, input[name=frmRegSubmit]:hover,
input[name=frmAccountUpdateSubmit]:focus, input[name=frmAccountUpdateSubmit]:hover,
input[name=frmPasswordUpdateSubmit]:hover, input[name=frmPasswordResetSubmit]:hover {
	 border: 1px solid #939b8e;
  outline: 0;
  color:#fff;
  background-color:#a8b1a3;
}
textarea[name=message] {
  min-height: 120px;
  resize:none;
}
.cartmaintitle{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:24px;
	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: 20px 30px 20px 10px;
}
.radio-item2, .radio-item3 {
  display: inline-block;
  position: relative;
  padding: 0 6px;
  margin: -30px 0px 0px 0px;
}
.radio-item4{
  display: inline-block;
  position: relative;
  padding: 0 6px;
  margin: 0px 10px 20px 0px;
}
.radiotext, .radiotext2{
	color:#636262;
	font-size:12px;
	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'] {
  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: 15px;
  height: 15px;
  border-radius: 11px;
  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  {
  border-radius: 11px;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 9px;
  left: 10px;
  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]
{
	margin:30px 0 30px 0;
	width:100%;
	font-size:15px;
	height:48px;
	border-radius:1px;
	padding: 6px 10px; 
	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=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 {
	 border: 1px solid #fd39ff;
  outline: 0;
}*/
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[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 {
  /*margin: 10px 0px 5px 20px;*/
  color:#949494;
	font-size:12px;
	font-family: 'Comfortaa', cursive;
	font-weight:400;
}
.productdescrtext span{
  /*margin: 25px 20px 5px 10px;*/
    color:#333333;
	font-size:12px;
	font-family: 'Comfortaa', cursive;
	font-weight:700;
}
.cartproductprice{
 /* margin: 85px 0px 5px 0px;*/
  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:12px;
	font-family: 'Comfortaa', cursive;
	font-weight:400;
	font-style:italic;
	padding-top:20px;
}
/********************* checkout ************************/
/********************* login **************************/
.field-icon {
  /* float: right; */
  margin-left: -35px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
}
/********************* login **************************/
/********************** carousel **********************/
.carousel_products {
  position:relative;
  height:390px;
  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:#939b8e;
	line-height: 1.3;
}
.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:#a8b1a3;
	line-height: 1.3;
}
.center-bottom {
	position: absolute;
	bottom: 90px;
	text-align:center;
	left: 5px;
	right: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:17px;
	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:21px;
	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 {
    display:none;
	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: 80px;
}
/********************** image swap for product lists ********************/
.box, .box2{
	display: none;
}

@media only screen and (min-width: 813px) and (max-width: 850px) {

.boxtitle{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:20px;
	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:20px;
	font-weight:500;
	color:#db3bdd;
text-decoration: none;
}
.boxtext{
	text-align:center;
	color:#616161;
	font-size:12px;
	font-family: 'Comfortaa', cursive;
	margin:25px 25px;
}
.boxbutton{
	font-family: 'Comfortaa', cursive;
	text-align:center;
	color:#616161;
	font-size:12px;
	font-weight:bold;
	display:block;
	border: 3px solid #f0eeee;
	width:150px;
	padding:7px;
	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;
}
    
}

@media  (max-width: 896px) {
	.inlineimg {
	float:left;
	width:21.92%;
	margin-right:20px;
	}
	.boxtitlepos, .boxtitlepos2{
		margin-top:30px;
		text-align:center;
	}
	.carousel_products {
		position:relative;
		height:350px;
		width:100%;
		margin:0 auto;
	}
	.cf {
		position:relative;
		width:100%;
		margin:0 auto;
	}
	.center-bottom-products {
		position: absolute;
		top: 10px;
		text-align:center;
		font-family: 'Roboto Condensed', sans-serif;
		font-size:14px;
		line-height:1.3;
		font-weight:500;
		color:#696969;
	}
	.center-bottom-price-products{
		position: absolute;
		bottom: 10px;
		text-align:center;
		left: 5px;
		right: 5px;
		font-family: 'Roboto Condensed', sans-serif;
		font-size:19px;
		font-weight:800;
		color:#282828;
	}
	.center-bottom {
		position: absolute;
		bottom: 80px;
		text-align:center;
		left: 5px;
		right: 5px;
		font-family: 'Roboto Condensed', sans-serif;
		font-size:15px;
		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:20px;
		font-weight:800;
		color:#282828;
	}
	.cartsimpletext{
		color:#686868;
		font-size:12px;
		font-family: 'Comfortaa', cursive;
		font-weight:700;
	}
	.editcartlink{
		color:#4f534d;
		font-size:12px;
		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;
	}
	.productdescrtitle,
	.productdescrtitle a {
		margin: 0px 0px 20px 0px;
		color:#333333 !important;
		font-size:12px;
		font-family: 'Comfortaa', cursive;
		font-weight:700;
	}
	.productdescrtext {
		color:#949494;
		font-size:10px;
		font-family: 'Comfortaa', cursive;
		font-weight:400;
	}
	.productdescrtext span{
		color:#333333;
		font-size:10px;
		font-family: 'Comfortaa', cursive;
		font-weight:700;
	}
	.totalcarttext{
		color:#686868;
		font-size:12px;
		font-family: 'Comfortaa', cursive;
		font-weight:700;
	}
	.totalcartprice{
		color:#333333;
		font-size:13px;
		font-family: 'Comfortaa', cursive;
		font-weight:700;
	}
}


.snip1554 {
  background-color: #a8b1a3;
  color: #ffffff;
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  margin: 0px;
  max-width: 315px;
  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: -100%;
  position: absolute;
  width: 100px;
  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 > img {
  opacity: 0.9;
  /*-webkit-filter: grayscale(100%);
  filter: grayscale(100%); */

}

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

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