@font-face{font-family:pfufont;src:url("fonts/PFUniversal-Regular_1.otf") format("opentype")}

.products_container{
	position:relative;
	float:left;
	width: 100%;
	margin-top: 8px;
}

.m-menu__section-text {
    text-align: center!important;
    color: white!important;
    font-family: pfufont;
    font-size: 15px!important;
    border-top: 1px solid #fff;
    border-bottom: 1px solid white;
}



.products_container_home{
	position:relative;
	float:left;
	width: 100%;
	margin-top: -24px;
}

.product_item_container{
	position: relative;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    width: calc(50% - 10px);
    padding-bottom: 102%;
	border: 2px solid #00000017;
    border-radius: 8px;
    overflow: hidden;
	background: #e6e6e6;
}

.product_img{
	    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
	aspect-ratio:1/1;
}

.product_title {
    position: absolute;
    top: 43%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    overflow: hidden;
    font-size: 12px;
    font-family: pfufont;
    font-weight: bold;
}

.add2cart_button{
	background: #0582c7;
    width: 62%;
    color: white;
    font-family: pfufont;
    border-radius: 4px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    height: 25px;
    font-size: 17px;
}

.add2cart_button_list {
    background: #0582c7;
    width: 80px;
    color: white;
    font-family: pfufont;
    border-radius: 3px;
    margin-top: 5px;
    height: 25px;
    font-size: 16px;
    float: left;
    margin-left: -7px;
    /* margin-top: 36px; */
    padding-left: 5px;
    padding-top: 0px;
}



.left_subcontainer {
    width: calc(100% - 80px);
    float: left;
	line-height: 1.2;
	margin-top: -5px;
	
}
.left_subcontainer_yper {
		margin-top: -35px;
}

@media (max-width: 380px){
	.left_subcontainer {
		width: calc(100% - 80px);
		float: left;
		line-height: 1.1;
		margin-top: -7px;
	}
}

@media (max-width: 380px){
	.left_subcontainer_yper {
		margin-top: -34px;
	}
}


.quantity_buttons_container {
    width: 80px;
    float: left;
}
    
.add2cart_button_pop {
    text-align: center;
    background: #0582c7;
    width: 70%;
    color: white;
    font-family: pfufont;
    border-radius: 3px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    height: 25px;
    font-size: 17px;
    max-width: 130px;
}

.add2cart_quantity{
	width: 61%;
    color: white;
    font-family: pfufont;
    border-radius: 4px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    height: 25px;
    font-size: 17px;
}

.add2cart_quantity_list {
    width: 60px;
    color: white;
    font-family: pfufont;
    border-radius: 4px;
    margin-top: 6px;
    height: 25px;
    font-size: 17px;
    float: left;
    margin-left: 11px;
}

.add2cart_quantity_pop{
	width: 70%;
    color: white;
    font-family: pfufont;
    border-radius: 4px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    height: 25px;
    font-size: 17px;
	max-width:130px;
	clear:both;
}

.add2cart_quantity_left{
	position: relative;
    float: left;
    color: white;
    width: 25%;
    background: #0582c7;
    font-weight: bold;
	cursor:pointer;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.add2cart_quantity_left_list {
    position: relative;
    float: left;
    color: white;
    width: 25%;
    background: #0582c7;
    font-weight: bold;
    cursor: pointer;
    padding-left: 6px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.add2cart_quantity_left_pop {
    position: relative;
    float: left;
    color: white;
    width: 23%;
    background: #0582c7;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-right: 3%;
}

.add2cart_quantity_center{
	position: relative;
    float: left;
    color: black;
    width: 50%;
    background: #ffffff;
}

.add2cart_quantity_center_list{
	position: relative;
    float: left;
    color: black;
    width: 50%;
    background: #ffffff;
}

.add2cart_quantity_right{
	position: relative;
    float: left;
    color: white;
    width: 25%;
    background: #0582c7;
    font-weight: bold;
	cursor:pointer;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.add2cart_quantity_right_list {
    position: relative;
    float: left;
    color: white;
    width: 25%;
    background: #0582c7;
    font-weight: bold;
    cursor: pointer;
    padding-left: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.add2cart_quantity_right_pop {
    position: relative;
    float: left;
    color: white;
    width: 23%;
    background: #0582c7;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-left: 3%;
}

.add2cart_quantity_input{
	width: 100%;
    height: 25px;
    height: 25px;
	text-align: center;
	border: 0px solid #e9eff0 !important;
	font-size: 18px;
}
.add2cart_quantity_input:focus, .add2cart_quantity_input:focus{
    outline: none;
}



@media (max-width: 555px){
.add2cart_quantity_list {
    width: 60px;
}
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}



.add2cart_button:hover{
	background: #06a2f9;
}



#admin-logo {
    margin-left: -21px;
	width: 150px;
    //width: 185px;
    margin-top: 2px;
}

#cart_icon{
	width: 29px;
    margin-right: -10px;
    cursor: pointer;
    margin-top: 13px;
}

#profile-icon{
	width: 28px;
    margin-right: 12px;
    margin-top: 11px;
}


.m-topbar__logout{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
}


@media (max-width: 1024px){
.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-topbar__logout img {
    max-width: 31px!important;
}

}

.login_icon{
	width: 27px;
    margin-top: 9px;
}


.floatleft{
	float:left;
}

#info-icon{
	position: relative;
    width: 29px;
    margin-right: -3px;
    margin-top: 11px;
    float: right;
}

#brochure-icon{
	position: relative;
    width: 29px;
    margin-right: 10px;
    margin-top: 11px;
    float: right;
}

#m_aside_header_topbar_mobile_toggle{
	float:right;
}


@media (max-width: 359px){
	#admin-logo {
		width: 135px;
	}

}


@media (max-width: 344px){
	#admin-logo {
		width: 135px!important;
	}
	#cart_icon {
		width: 25px;
	}
	#info-icon {
		width: 26px;
	}
	#profile-icon {
		width: 25px;
	}

}


@media (max-width: 322px){
	#admin-logo {
		width: 100px!important;
	}
	#cart_icon {
		margin-top: 8px!important;
	}
	#profile-icon {
		margin-top: 5px!important;
	}
	#info-icon {
		margin-top: 4px!important;
	}
	#brochure-icon {
		margin-top: 3px!important;
	}
}


#menu_epilogon_heading{
	display:none;
}

.forget_heading {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: pfufont;
}



.right_line_forget {
    position: absolute;
    left: 190px;
    width: 54px;
    background: black;
    height: 1px;
    top: 32px;
}

.left_line_forget {
    position: absolute;
    left: -58px;
    width: 54px;
    background: black;
    height: 1px;
    top: 32px;
}










.pagination{
    width: 280px;
    height: 20px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    color: #666666;
    font-weight: bold;
    text-align: center;
	padding-top: 15px;
	clear:both;
	    margin-bottom: 100px;
}

.pagination a{
    color: black;
	position:relative;
	//padding-left: 5px;	
}

.previous_page:hover, .next_page:hover{
	font-weight: bold;
	color: #185AE1; 
}

.previous_page{
    background: url("../images/left-blue-arrow.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    float: left;
    height: 20px;
    margin-left: 10px;
    //min-width: 200px;
    padding: 5px 0 0;
    //width: 10%;
    cursor: pointer;
	font-family:pfufont;
	font-size: 14px;
	
	position: relative;
    float: left;
    width: 36px;
    background-size: 34px 35px;
    height: 35px;
	display:none;
}

.next_page{
    background: url(../images/right-blue-arrow.png) no-repeat scroll right center rgba(0, 0, 0, 0);
    height: 34px;
    padding-right: 40px;
    padding-top: 5px;
    text-align: right;
    //: ;
    width: 10%;
    cursor: pointer;
    font-family: pfufont;
    font-size: 14px;
    position: relative;
    float: left;
    width: 36px;
    background-size: 34px 35px;
        margin-left: -36px;
		display:none;
}
.pagination_cont{
	width: 100%;
    position: relative;
    float: left;
}
.pagination_links{
    float: left;
    height: 20px;
    padding-top: 5px;
    position: relative; left: 50%;
transform: translateX(-50%);
}

.pagination_links .current{
	color: #0064FB;
	font-weight: bold;
	cursor: default;		
}

.pagination span{
   position:relative;
}

.pagination span:first-child, .pagination span:last-child {
      position: relative;
      top: 0px;
}

.pagination a:first-child, .pagination a:last-child {
      position: relative;
      top:0px;
}

.pagination_l{
    height: 20px;
    position: absolute;
    border-top: 1px solid #2F3032;
    margin-left: 83%;
    margin-top: -30px;
    text-align: center;
    padding: 5px 10px;
    color: #2F3032;
}

/**************************************************
PAGING ARROWS
*************************************************/

#left_ar{
	position:absolute;
	left:-839px
}

#left_ar_txt{
	position:absolute;
	left:-807px;
	font-family:pfufont;
	font-size:14px;
	top:3px;
}

#right_ar{
	position:absolute;
	right:-869px;
}

#right_ar_txt{
	color:#666666;
	position:absolute;
	right:-835px;
	font-family:pfufont;
	font-size:14px;
	top:3px;
}

#left_ar_super_nea{
	position:absolute;
	left:-762px
}

#left_ar_txt_super_nea{
	position:absolute;
	left:-731px;
	font-family:pfufont;
	font-size:14px;
	top:3px;
}

#right_ar_super_nea{
	position:absolute;
	right:-764px;
}

#right_ar_txt_super_nea{
	color:#666666;
	position:absolute;
	right:-725px;
	font-family:pfufont;
	font-size:14px;
	top:3px;
}

@media only screen and (min-width:1365px) and (max-width:1367px){
    #left_ar{
		left:-600px;
		top:-7px;
	}

	#left_ar_txt{
		left:-565px;
		top:-1px;
	}

	#right_ar{
		right:-614px;
		top:-7px;
	}

	#right_ar_txt{
		right:-578px;
		top:-3px;
	}
	#left_ar_super_nea{
		left:-555px;
		top:-3px;
	}

	#left_ar_txt_super_nea{
		left:-524px;
		top:3px;
	}

	#right_ar_super_nea{
		right:-568px;
		top:-3px;
	}

	#right_ar_txt_super_nea{
		right:-531px;
		top:2px;
	}
	
	.previous_page{
		margin-left:15px;
	}
	/* gia tablet nea*/
	.left_ar_super_nea{
		left:-494px !important;
		top:-3px !important;
	}

	.left_ar_txt_super_nea{
		left:-461px !important;
		top:3px !important;
	}
	.right_ar_super_nea{
		right:-507px !important;
		top:-3px !important;
	}

	.right_ar_txt_super_nea{
		right:-470px !important;
		top:2px !important;
	}
}

@media only screen and (min-width:1130px) and (max-width:1364px){
    #left_ar{
		left:-507px;
		top:-3px;
	}

	#left_ar_txt{
		left:-470px;
		top:6px;
	}

	#right_ar{
		right:-509px;
		top:-3px;
	}

	#right_ar_txt{
		right:-465px;
		top:4px;
	}
	#left_ar_super_nea{
		left:-450px;
		top:-3px;
	}

	#left_ar_txt_super_nea{
		left:-414px;
		top:6px;
	}

	#right_ar_super_nea{
		right:-444px;
		top:-3px;
	}

	#right_ar_txt_super_nea{
		right:-395px;
		top:4px;
	}
}





@media only screen and (max-width:959px){
    #left_ar{
		left:-507px
	}

	#left_ar_txt{
		left:-507px;
	}

	#right_ar{
		right:-569px;
	}

	#right_ar_txt{
		right:-535px;
	}
	#left_ar_super_nea{
		left:-430px;
		top:-3px;
	}

	#left_ar_txt_super_nea{
		left:-394px;
		top:6px;
	}

	#right_ar_super_nea{
		right:-404px;
		top:-3px;
	}

	#right_ar_txt_super_nea{
		right:-355px;
		top:4px;
	}
}

/**************************************************
PAGING ARROWS END
*************************************************/


.banner_img_76{
	margin-left:0px!important;
}
.banner_img_75{
	margin-left:0px!important;
}

.banner_img_73{
	margin-left:0px!important;
}

#paging_container {
    position: relative;
    float: left;
    width: 100%;
    //background: red;
    height: 50px;
    margin-top: 20px;
}

#inner_paging {
    margin-left: auto;
    margin-right: auto;
    //background: yellow;
}

.paging_box {
    width: 32px;
    height: 24px;
    position: relative;
    float: left;
	border: 1px solid #d2d2d2;
    border: 1px solid #29292933;
    cursor: pointer;
    text-align: center;
    font-family: pfufont;
    font-size: 17px;
    margin-left: 3px;
    padding-top: 0px;
}

.current_page {
    background: #0042ff;
    color: white;
}

.current{
	color: white !important;
	margin-left: -4px;
}




.pagination_links_fix{
	//width:100%;
}




footer{
	margin-top: 60px;
}












#sort_container{
	position: relative;
    width: 365px;
	margin-bottom: 10px;
	margin-top: 31px;
}


select {
    margin: 0;
    border: 1px solid #111;
    background: transparent;
    width: 202px;
    padding: 0 35px 2px 5px;
    font-size: 14px;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/arrow-down-icon.png) 98% / 8% no-repeat #eee;
    cursor: pointer;
    -moz-box-shadow: 1px 1px 3px #444;
    -webkit-box-shadow: 1px 1px 3px #444;
    box-shadow: 1px 1px 3px #444;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#444444');
    font-family: pfufont!important;
}





#search_container{
	text-align: center;
    position: relative;
    float: left;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -56px;
    //background: #212529;
}

#search_input{
	width: calc(100% - 41px);
	padding-left: 47px;
}

#search_icon{
	margin-left: -6px;
	width: 41px;
	margin-top: -1px;
	height:31px;
}

input[type=text]{
    width:50%;
    border: 1px dotted #212529;
    border-radius:4px;
    margin:8px 0;
    outline:none;
    padding-left:8px;
    box-sizing:border-box;
    transition:.3s;
	font-family: pfufont;
	font-size:18px;
  }
  
  input[type=text]:focus{
    //border-color:#1CA599;
    //box-shadow:0 0 3px 0 #1CA599;
  }
  
  
  #search_suggestion_list{
	        background: #e4e4e4;
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			border-radius: 6px;
			margin-top: 53px;
			position: fixed;
			top: 56px;
			height: 80%;
			left: 5%;
			overflow: auto;
			display: none;
			border: 2px solid #808080db;
	  
  }
  
  
  
  .product_img_search{
		position: relative;
		float: left;
		width: 75px;
		margin-left: 7px;
		    margin-top: -4px;
  }
  
  .product_img_list{
		position: relative;
		float: left;
		width: 67px;
		margin-left: 7px;
		clear:both;
  }
  .product_img_list_normal {
    margin-top: 4px;
}
  
  .product_title_search{
	  width: calc(100% - 0px);
		font-family: pfufont;
		font-size: 13px;
		padding-left: 88px;
		font-weight: bold;
  }
  
  .product_title_list{
	  //width: calc(100% - 70px);
		font-family: pfufont;
		font-size: 13px;
		padding-left: 88px;
  }
  
  .product_item_container_search{
	  position:relative;
	  float:left;
	  background: #e6e6e6;
	      width: 100%;
    height: 84px;
    padding-top: 8px;
	border-bottom: 1px solid #80808021;
	  
  }
  
  .product_item_container_list{
	position:relative;
	float:left;
	//background:white;
	background: #e6e6e6;
	width: 100%;
    height: 93px;
    padding-top: 8px;
	//border-bottom: 2px dotted #00000038;
	border: 2px solid #00000017;
	margin-top:7px;
	border-radius:4px;
  }
  















 
  .add2cart_button_search {
        background: #0582c7;
    width: 60px;
    color: white;
    font-family: pfufont;
    border-radius: 4px;
    margin-top: -13px;
    margin-left: auto;
    margin-right: -61px;
    /* height: 20px; */
    height: 24px;
    font-size: 12px;
    padding-left: 3px;
    padding-top: 2px;
    float: right;
}

.add2cart_quantity_search {
    width: 63px;
    color: white;
    font-family: pfufont;
    border-radius: 4px;
    margin-top: -45px;
    /* margin-left: 3px; */
    margin-right: 7px;
    height: 23px;
    height: 24px;
    font-size: 16px;
    float: right;
    margin-right: -62px;
}

.add2cart_quantity_left_search {
    position: relative;
    float: left;
    color: white;
    width: 26%;
    background: #0582c7;
    font-weight: bold;
    cursor: pointer;
    padding-left: 6px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.add2cart_quantity_right_search {
    position: relative;
    float: left;
    color: white;
    width: 26%;
    background: #0582c7;
    font-weight: bold;
    cursor: pointer;
    padding-left: 4px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

#m_header_topbar{
	z-index:1;
}


.product_info_container{
	position:relative;
	width:100%;
	float:left;
	text-align:center;
	padding-top: 11px;
}

.product_info_title{
	font-family: pfufont;
    font-size: 16px;
	font-weight:bold;
}

.product_info_img{
	width: 100%;
    max-width: 500px;
    margin-top: 8px;
	float:left;
}

.pre_price_hr{
	background: #2125290d;
    height: 1px;
	clear: both;
}

.product_info_prices_container {
    width: 100%;
    position: relative;
    float: left;
    height: 188px;
    margin-top: -4px;
    text-align: center;
}

.product_info_prices_inner_container{
	width: 100%;
    max-width: 500px;
	margin-left: auto;
    margin-right: auto;
}

.product_info_header_left{
	width: 50%;
    float: left;
    color: red;
    max-width: 250px;
	border-right: 1px solid #0000003d;
	border-bottom: 1px solid #0000003d;
	font-size: 20px;
    font-family: pfufont;
	font-weight:bold;
}

.product_info_header_right{
	width: 50%;
    float: left;
    color: green;
    max-width: 500px;
	border-bottom: 1px solid #0000003d;
	font-size: 20px;
    font-family: pfufont;
	font-weight:bold;
}

.product_info_header_right_noprev{
	width: 100%;
    float: left;
    color: green;
    max-width: 500px;
	border-bottom: 1px solid #0000003d;
	font-size: 20px;
    font-family: pfufont;
	font-weight:bold;
}

.product_info_kathari_left{
	width: 50%;
    float: left;
    color: red;
    max-width: 250px;
	border-right: 1px solid #0000003d;
	font-size: 20px;
    font-family: pfufont;
	clear:both;
}
.product_info_kathari_left_label{
	width: 50%;
    float: left;
    color: black;
    max-width: 250px;
	border-right: 1px solid #0000003d;
	font-size: 16px;
    font-family: pfufont;
	clear:both;
	padding-top: 10px;
}

.product_info_kathari_right{
	width: 50%;
    float: left;
    color: green;
    max-width: 500px;
	font-size: 20px;
    font-family: pfufont;
}

.product_info_kathari_right_noprev{
	width: 100%;
    float: left;
    color: green;
    max-width: 500px;
	font-size: 20px;
    font-family: pfufont;
}

.product_info_kathari_right_label{
	width: 50%;
    float: left;
    color: black;
    max-width: 500px;
	font-size: 16px;
    font-family: pfufont;
	padding-top: 10px;
}

.product_info_kathari_right_label_noprev{
	width: 100%;
    float: left;
    color: black;
    max-width: 500px;
	font-size: 16px;
    font-family: pfufont;
	padding-top: 10px;
}


.product_info_mefpa_left_label{
	width: 50%;
    float: left;
    color: black;
    max-width: 250px;
	border-right: 1px solid #0000003d;
	font-size: 16px;
    font-family: pfufont;
	clear:both;
	padding-top: 10px;
}

.product_info_mefpa_right_label{
	width: 50%;
    float: left;
    color: black;
    max-width: 500px;
	font-size: 16px;
    font-family: pfufont;
	padding-top: 10px;
}
.product_info_mefpa_right_label_noprev{
	width: 100%;
    float: left;
    color: black;
    max-width: 500px;
	font-size: 16px;
    font-family: pfufont;
	padding-top: 10px;
}
.product_info_mefpa_left{
	width: 50%;
    float: left;
    color: red;
    max-width: 250px;
	border-right: 1px solid #0000003d;
	font-size: 20px;
    font-family: pfufont;
	clear:both;
}

.product_info_mefpa_right{
	width: 50%;
    float: left;
    color: green;
    max-width: 500px;
	font-size: 20px;
    font-family: pfufont;
}

.product_info_mefpa_right_noprev{
	width: 100%;
    float: left;
    color: green;
    max-width: 500px;
	font-size: 20px;
    font-family: pfufont;
}

.product_extra_details{
	text-align:center;
	width:100%;
}

#prod_barcode{
	font-family: pfufont;
    font-size: 15px;
    width: 50%;
    text-align: center;
    float: left;
}

#prod_unit{
	font-family: pfufont;
    font-size: 15px;
    width: 50%;
    text-align: center;
    float: left;
}

#prod_yper{
	font-family: pfufont;
    font-size: 15px;
    width: 50%;
    text-align: center;
    float: left;
	margin-bottom: 10px;
}

#prod_yper_box{
	font-family: pfufont;
    font-size: 15px;
    width: 50%;
    text-align: center;
    float: left;
	margin-bottom: 10px;
}

.product_grafima{
	margin-top: -38px; 
}

.carousel_container{
	width:100%;
	text-align:center;
	height:200px;
	margin-top: 35px;
}

.carousel_inner_container{
	width:100%;
	max-width:700px;
	height:200px;
    margin-left: auto;
    margin-right: auto;
}

.carousel_left_container{
	width:30px;
	height:200px;
	float:left;
	position:relative;
}

.carousel_products_container{
	width: calc(100% - 60px);
	height:200px;
	float:left;
	position:relative;
	overflow:hidden;
}


.carousel_right_container{
	width:30px;
	height:200px;
	float:left;
	position:relative;
}

.arrows_pop{
	margin-top: 73px;
}



.carousel_product_container{
	width:150px;
	height:200px;
	position:relative;
	float:left;
	margin-left:5px;
	overflow:hidden;
}

.carousel_img{
	width:150px;
}

@media (max-width:1280px){
	.carousel_img{
		width:100%;
	}
	.carousel_product_container{
		width:25%;
		margin-left:0px;
	}
}
@media (max-width:700px){
	.carousel_img{
		width:100%;
	}
	.carousel_product_container{
		width:50%;
		margin-left:0px;
	}
}

.proteinomena_label {
    background: #201f2b;
    color: white;
    font-family: pfufont;
    border-radius: 6px;
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 20px;
    padding-left: 12px;
}

#grid_view_icon{
	float: right;
    width: 27px;
    margin-left: 7px;
}
#list_view_icon{
	float: right;
    width: 27px;
    margin-left: 12px;
}

#cart_message_container{
	display:none;
	font-size: 15px;
	color: white;
    background: #51A351;
	
    font-family: pfufont;
    border-radius: 3px;
    position: absolute;
    padding-top: 6px;
    left: 3%;
    width: 94%;
    border: 1px solid #c4c5d6;
    -webkit-box-shadow: -1px 13px 39px -13px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 13px 39px -13px rgba(0,0,0,0.75);
    box-shadow: -1px 13px 39px -13px rgba(0,0,0,0.75);
}

#caution_container{
	display:none;
	font-size: 23px;
    color: white;
    background: #ff0000;
    font-family: pfufont;
    border-radius: 3px;
    position: absolute;
    padding-top: 6px;
    left: 7%;
    width: 86%;
	border: 1px solid #c4c5d6;
    -webkit-box-shadow: -1px 13px 39px -13px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 13px 39px -13px rgba(0,0,0,0.75);
    box-shadow: -1px 13px 39px -13px rgba(0,0,0,0.75);
}

#cart_caution_container{
	display:none;
	font-size: 23px;
    color: white;
    background: #ff0000;
    font-family: pfufont;
    border-radius: 3px;
    position: absolute;
    padding-top: 6px;
    left: 7%;
    width: 86%;
	border: 1px solid #c4c5d6;
    -webkit-box-shadow: -1px 13px 39px -13px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 13px 39px -13px rgba(0,0,0,0.75);
    box-shadow: -1px 13px 39px -13px rgba(0,0,0,0.75);
}

@media (max-width:525px){
	#cart_message_container{
		    left:4%;
			width: 92%;
	}
}

#cart_message_container_info{
	//background: #f7f8fc;
	background: white;
    height: 70px;
    margin-top: 4px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}


#cart_message_img{
	width: 66px;
    float: left;
    margin-left: 3px;
}

#cart_message_title{
	color: black;
    font-family: pfufont;
    font-size: 15px;
    width: calc(100% - 66px);
	padding-top: 3px;
}

#tick_icon{
	width: 19px;
    margin-top: -5px;
	margin-right: 9px;
}

.dot {
    height: 21px;
    width: 21px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
    float: right;
    margin-right: -35px;
    color: white;
    font-family: pfufont;
    padding-top: 11px;
    text-align: center;
}

::-webkit-input-placeholder {
   text-align: center !important;
}

:-moz-placeholder { /* Firefox 18- */
   text-align: center !important;
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align: center !important;
}

:-ms-input-placeholder {  
   text-align: center !important;
}



#username_input::-webkit-input-placeholder {
   text-align: left !important;
}

#username_input:-moz-placeholder { /* Firefox 18- */
   text-align: left !important;
}

#username_input::-moz-placeholder {  /* Firefox 19+ */
   text-align: left !important;
}

#username_input:-ms-input-placeholder {  
   text-align: left !important;
}

#password_input::-webkit-input-placeholder {
   text-align: left !important;
}

#password_input:-moz-placeholder { /* Firefox 18- */
   text-align: left !important;
}

#password_input::-moz-placeholder {  /* Firefox 19+ */
   text-align: left !important;
}

#password_input:-ms-input-placeholder {  
   text-align: left !important;
}

.tropoi_apostolis_txt{
	width:100%;
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 26px;
}

.tropoi_pliromis_txt{
	width:100%;
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 26px;
}

.tropoi_apostolis_ticks{
	float: left;
    margin-right: 4px;
}

.tropoi_pliromis_ticks{
	float: left;
    margin-right: 4px;
    margin-top: 4px;
}

.tropoi_apostolis_headings{
	font-family: pfufont;
    font-size: 18px;
    font-weight: bold;
    margin-top: -2px;
}

.tropoi_pliromis_headings{
	font-family: pfufont;
    font-size: 18px;
    font-weight: bold;
    margin-top: 2px;
}

.tropoi_apostolis_basic_txt{
	font-family: pfufont;
    font-size: 16px;
    margin-top: 3px;
	margin-bottom: 7px;
}

.metaforikes_images{
	
		width:50%;
		margin-top: 13px;
		float:left;
}

@media (max-width:700px){
	.metaforikes_images{
		width:100%;
		margin-top: 13px;
	}
}

.tropoi_pliromis_images{
	width:100%;
	margin-top: 29px;
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
}

.trapezes_divs{
		margin-top:10px;
		text-align:center;
}

.trapezes_headings{
	font-family: pfufont;
    font-size: 17px;
}

.trapezes_dets{
		font-weight: bold;
    font-family: pfufont;
    font-size: 16px;
}

.plirom_heading{
	text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
	font-family:pfufont;
	margin-top: 21px;
	margin-bottom: -30px;
}

.plirom_sub_heading{
	position: relative;
    width: 146px;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
}

.left_line{
	position: absolute;
    left: -58px;
    width: 54px;
    background: black;
    height: 1px;
    top: 18px;
}

.right_line{
	position: absolute;
    left: 190px;
    width: 54px;
    background: black;
    height: 1px;
    top: 18px;
}










.right_line_oroi {
    position: absolute;
    left: 150px;
    width: 54px;
    background: black;
    height: 1px;
    top: 18px;
}

.right_line_oroi_oroi {
    position: absolute;
    left: 150px;
    width: 54px;
    background: black;
    height: 1px;
    top: 18px;
}



@media (min-width: 480px){
	.plirom_sub_heading {
		width: 274px;
	}
	.right_line_oroi {
		left: 278px;
	}
	.right_line_oroi_oroi {
		position: absolute;
		left: 150px;
		width: 54px;
		background: black;
		height: 1px;
		top: 18px;
	}
}
@media (min-width: 350px){
	.plirom_sub_heading {
		width: 274px;
	}
	.right_line_oroi {
		//left: 148px;
		left: 278px;
	}
}

@media (min-width: 350px){
	
	.right_line_agap {
		left: 148px;
	}
}


.right_line_contact {
    position: absolute;
    left: 131px;
    width: 54px;
    background: black;
    height: 1px;
    top: 18px;
}

.trapeza_logo{
	width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 220px;
    margin-top: 9px;
}

.epikoinonia_headings {
    font-family: pfufont;
    font-size: 18px;
    font-weight: bold;
    margin-top: 14px;
}

.epikoinonia_ticks {
    float: left;
    margin-right: 8px;
    margin-top: 16px;
    width: 22px;
}

.epikoinonia_subs {
    font-family: pfufont;
    font-size: 17px;
	pointer-events: none;
	color:black;
}












#order_history_options_container{
	width: 300px;
    margin-right: auto;
    margin-left: auto;
    height: 150px;
    position: relative;
    text-align: center;
    margin-bottom: -85px;
}

#date_apo_div{
	margin-top: 24px;
    position: relative;
    font-family: pfufont;
    font-size: 17px;
    display: block;
}
#date_eos_div{
	position: relative;
    margin-top: 10px;
    font-family: pfufont;
    font-size: 17px;
    display: block;
}

#date_apo{
	color: #808080b3;
}
#date_eos{
	color: #808080b3;
}
.par_container{
	width: 95%;
    height: 290px;
    background: #f1f1f1;
    margin-right: auto;
    margin-left: auto;
    margin-top: 35px;
	border: 4px solid black;
	
}
.date_img_par{
	width: 36px;
    margin-top: 4px;
    margin-left: 7px;
    float: left;
}

.date_par_txt{
	float: left;
    font-family: pfufont;
    margin-top: 6px;
    margin-top: 5px;
    font-size: 19px;
	    margin-left: 5px;
}

.par_num_container{
	 float: right;
}

.par_num_img{
	width: 24px;
    float: left;
    margin-top: 5px;
}

.par_num_txt{
	    float: left;
    font-family: pfufont;
    font-size: 19px;
    margin-top: 6px;
    margin-right: 9px;
    margin-left: 4px;
}

.price_container{
	float: left;
    clear: both;
}

.price_img_par{
	float: left;
    width: 26px;
    margin-left: 13px;
    margin-top: 8px;
}

.price_par_txt{
	font-size: 19px;
    float: left;
    margin-top: 10px;
    margin-left: 11px;
    color: #0058ff;
    font-weight: normal;
}

.order_status{
	border-radius: 3px;
    color: white;
    height: 38px;
    font-size: 19px;
    font-family: pfufont;
    margin-top: 13px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    padding-top: 5px;
    font-weight: bold;
}

.order_status_anamoni{
	background: #ff0000;
    background: linear-gradient(to right, #ff0000 , #ff1a1a);
}

.order_status_perisilogi{
	background: #005ce6;
    background: linear-gradient(to right, #ff6600 , #ff8533);
	
}

.order_status_oloklirothike{
	background: #00cc00;
}

.order_status_timologisi{
	background: #ff0066;
    background: linear-gradient(to right, #ff0066 , #ff3385);
}

.order_status_pliromi{
	background: linear-gradient(to right, #005ce6 , #3385ff);
    
}

.notes_container{
	    float: left;
    clear: both;
	margin-bottom: 20px;
}

.notes_img_par{
	    width: 29px;
    margin-left: 12px;
    margin-top: 16px;
    float: left;
}

.notes_par_txt{
	font-family: pfufont;
    float: left;
    margin-top: 16px;
    font-size: 18px;
    margin-left: 11px;
}

.buttons_container{
	clear: both;
    width: 100%;
    height: 45px;
	position: relative;
}

.button_kiniseis{
	float: right;
    background: #FF8202;
    color: white;
    padding: 5px;
    width: 130px;
    margin-right: 9px;
    margin-top: 13px;
    border-radius: 5px;
}

.button_lipsi{
	float: left;
    color: white;
    background: #99BE10;
    padding: 5px;
    width: 130px;
    
	margin-left: 9px;
    margin-top: 13px;
    border-radius: 5px;
}

.kiniseis_img_par{
	width: 19px;
    float: left;
    margin-left: 13px;
}

.lipsi_img_par{
	width: 19px;
    float: left;
    margin-left: 22px;
}

.kiniseis_par_txt{
	float: left;
    font-family: pfufont;
    margin-left: 11px;
    font-size: 15px;
}

.lipsi_par_txt{
	float: left;
    font-family: pfufont;
    margin-left: 11px;
    font-size: 15px;
}

#center_div_sigrisi{
	text-align: center;
}

#sigrisi_txt{
	font-family: pfufont;
    font-size: 23px;
    font-weight: bold;
	margin-top: 20px;
}

.sigrisi_odigies_img{
	width:100%;
}

.column11_important{
	width: 529px!important;
}

.column2_important{
	    width: 17px!important;
}

.column33_important{
	width: 3px!important;
}

.column3_important{
	width: 13px!important;
}






@media (max-width: 390px){
	#admin-logo {
		width: 130px;
	}
	#cart_icon {
		width: 24px;
	}
	#profile-icon {
		width: 26px;
	}
	#info-icon {
		width: 26px;
	}
	#brochure-icon {
		width: 26px;
	}
	/*
	#search_input {
		width: calc(85% - 41px);
	}*/
}
/*
@media (max-width: 350px){
	#admin-logo {
		width: 120px;
	}
	#cart_icon {
		width: 21px;
	}
	#profile-icon {
		width: 21px;
	}
	#info-icon {
		width: 21px;
	}
	#brochure-icon {
		width: 21px;
	}
}

@media (max-width: 323px){
	#admin-logo {
		width: 110px;
	}
	#cart_icon {
		width: 20px;
	}
	#profile-icon {
		    width: 19px;
	}
	#info-icon {
		width: 19px;
	}
	#brochure-icon {
		width: 19px;
	}
}

*/
@media (max-width: 400px){
	#sort_select {
		width: 160px!important;
		font-size: 12px;
	}
	
	#grid_view_icon {
		width: 23px;
	}
	
	#list_view_icon {
		width: 23px;
	}
	#sort_container{
		width: 320px;
	}
}

@media (max-width: 352px){
	#sort_select {
		width: 140px!important;
		font-size: 10px;
		margin-top: 1px;
	}
	/*
	#sort_container span{
		position: relative;
		width: 360px;
		margin-bottom: 10px;
		margin-top: 45px;
	}*/
}

/*
@media screen { @media (min-width: 0px) {
	#search_icon {
		height: 40px!important;
		margin-top:1px;
	}
	.add2cart_quantity_input{
		border-radius:0px;
		//padding-top:1px;
	}
	.add2cart_quantity_left{
		margin-top:1px;
	}
	.add2cart_quantity_right{
		margin-top:1px;
	}
	
} }
*/


#prod_barcode { pointer-events: none; }
#prod_barcode > a { text-decoration:none; color:inherit; }
@media (max-width: 727px){
	#pelatis_down_details_right {
		margin-top: -6px;
	}
	#pelatis_down_details_right_profile {
		margin-top: -6px;
	}
	
}

.trapezes_dets li { pointer-events: none;color:black; }
.trapezes_dets li > a { text-decoration:none; color:black; }

.trapezes_dets li { pointer-events: none;color:black;}
.trapezes_dets li > a { text-decoration:none; color:black; }



.success_order_img{
	width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 36px;
    max-width: 500px;
}
.success_order_txt{
	font-family: pfufont;
    font-size: 18px;
    margin-top: 13px;
}


#pelatis_in_banner{
	position: relative;
    width: 97%;
    background: #211f2c;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 21px;
    color: #fff;
    font-family: pfufont;
    font-size: 24px;
    padding-top: 8px;
}

#eggrafi_button {
    background: #128ac7;
    width: 100px;
    height: 34px;
    clear: both;
    color: white;
    font-family: pfufont;
    border-radius: 5px;
    font-size: 19px;
    padding-top: 2px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}






#pelatis_down_details_right_profile {
		position: relative;
		float: right;
		width: 372px;
		height: 300px;
		padding-left: 0;
		margin-top: 0px;
	}

@media (max-width: 960px){
	#pelatis_down_details_right {
		position: relative;
		float: left;
		width: 372px;
		height: 300px;
		padding-left: 0;
		margin-top: 0px;
	}
	
	#pelatis_down_details_right_profile {
		position: relative;
		float: right;
		width: 239px;
		height: 300px;
		padding-left: 0;
		margin-top: 0px;
	}
	
}

@media (max-width: 830px){

	
	#pelatis_down_details_left {
		margin-top: 15px;
		z-index: 98;
		height: 780px;
	}
	
	#register_form_img {
		display: none;
	}
	
	#pelatis_down_details_right {
		position: relative;
		float: left;
		width: 372px;
		height: 550px;
		padding-left: 0;
		margin-top: -12px;
		clear: both;
	}
	@supports (-webkit-touch-callout: none) {
	  /* CSS specific to iOS devices */ 
	  #pelatis_down_details_right {
			margin-top: 301px;
			padding-top:80px;
		}
		#katigoria_fpa{
			//width: 189px!important;
			margin-left: 119px!important;
			//height: 27px!important;
		}
		#kat_fpa_input_container {
			margin-left: -123px;
		}
	}
	#pelatis_down_details_right_profile {
		position: relative;
		float: left;
		width: 372px;
		height: 190px;
		padding-left: 225px;
		margin-top: -65px;
		clear: both;
		margin-left: 57px;
	}
	
	
}

@media (max-width: 500px){
	#pelatis_down_details_left {
		width: 100%;
	}
	@supports (-webkit-touch-callout: none) {
	  #pelatis_down_details_left {
			height:680px;
		}
	}
	
	
	#pelatis_down_details_right {
		width: 100%;
		margin-left: 0px;
	}
	
}

#error_area{
	color: red;
    font-family: pfufont;
    font-size: 16px;
    margin-top: 5px;
    text-align: center;
    width: 100%;
}



#tk_input {
    width: 254px;
}



#register_complete_img{
	width: 50%;
    max-width: 300px;
	margin-top: 15px;
}

#register_complete_txt{
	width: 85%;
    text-align: center;
    font-family: pfufont;
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 14px;
}

#register_form_img{
	width: 110px;
    margin-top: 10px;
    margin-bottom: 8px;
}

.register_class{
	width: 100%;
    height: 40px;
    margin-top: 7px;
    cursor: pointer;
    background: #ffb822;
    padding-top: 4px;
}

.bounce-top {
	-webkit-animation: bounce-top 0.9s both;
	        animation: bounce-top 0.9s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-4-9 17:12:49
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation bounce-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}


.required_field{
	border: 1px dotted #ff0000 !important;
}
.input_errors {
    color: red;
    font-size: 14px;
    margin-left: auto;
    margin-top: -6px;
    margin-right: auto;
}




::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family:pfufont;
  text-align:left;
  font-size:18px;
}
::-moz-placeholder { /* Firefox 19+ */
  font-family:pfufont;
  text-align:left;
  font-size:18px;
}
:-ms-input-placeholder { /* IE 10+ */
  font-family:pfufont;
  text-align:left;
  font-size:18px;
}
:-moz-placeholder { /* Firefox 18- */
  font-family:pfufont;
  text-align:left;
  font-size:18px;
}





/******************************************************
START EIKONIDIA STICKER PROIONTON
******************************************************/


.details_circle{
	width: 35px;
    height: 35px;
    //background: orange;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    border-radius: 50%;
    margin-top: 3px;
    margin-right: 3px;
	color:white;
}

.prosfora_txt{
	color: #fff;
    margin-top: -22px;
    transform: rotate(-45deg);
    font-size: 9px;
    margin-left: 5px;
    font-weight: bold;
}

.details_offer {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 55px solid transparent;
    border-top: 55px solid red;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    display: none;
}

.details_big_sale{
	position: absolute;
    top: 1%;
    left: 1%;
    z-index: 1;
    width: 25%;
}
.details_big_sale_cart{
	position: absolute;
    top: 1%;
    left: 1%;
    z-index: 0;
    width: 45%;
}

.details_brochure{
	width: 35px;
    height: 35px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    margin-top: 3px;
    margin-left: 3px;
}

.details_instore {
    width: 55px;
    height: 27px;
    position: absolute;
    left: 0px;
    top: 9px;
    z-index: 1;
    margin-top: 3px;
    margin-left: 3px;
}

.details_cart{
	width: 90%;
    height: 25px;
    background: #ff8f00;
    color: white;
    z-index: 2;
    position: absolute;
    text-align: center;
    font-family: pfufont;
    margin-left: 5%;
    margin-top: 50%;
    font-size: 16px;
	-webkit-box-shadow: 2px 6px 24px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 6px 24px 0px rgba(0,0,0,0.75);
box-shadow: 2px 6px 24px 0px rgba(0,0,0,0.75);
	border-radius: 4px;
}


.product_kivotio_list{
	float:left;
	clear:both;
}
.product_kivotio{
	font-weight:normal;
}

.details_icon_container{
	position: relative;
    width: 50px;
    float: left;
    height: 20px;
}

.details_circle_list{
	width: 20px;
    height: 20px;
    //background: orange;
    z-index: 1;
    border-radius: 50%;
    margin-left: 5px;
    margin-top: -2px;
    float: left;
	color:white;
}

.details_circle_list_anamenomena {
    width: 28px;
    height: 20px;
    z-index: 1;
    margin-left: 27px;
    margin-top: -2px;
    float: left;
}

.details_brochure_list {
    width: 20px;
    height: 20px;
    float: left;
    z-index: 1;
    margin-top: -2px;
    margin-left: 25px;
}

.details_instore_list {
    width: 46px;
    height: 18px;
    float: left;
    z-index: 1;
    margin-top: -2px;
    margin-left: 25px;
}

.details_offer_list {
    width: 23px;
    height: 23px;
    float: left;
    z-index: 1;
    margin-top: -3.1px;
    margin-left: 5px;
	display:none;
}
.yper_img_list{
	width: 43px;
    height: 27px;
    float: left;
    z-index: 1;
    margin-top: 1px;
    margin-left: 46px;
}


 @media (max-width:629px){
	.yper_img_list {
		margin-left: 31px;
	}

}

 @media (max-width:479px){
	.yper_img_list {
		margin-left: 20px;
	}

}



.details_cart_ikonidio{
	height: 29px;
    margin-top: -3px;
    float: left;
    margin-left: 0px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.details_cart_text{
	font-size: 13px;
    margin-top: 3px;
}

@media (max-width: 380px){
	
	.details_cart_text{
		font-size: 12px;
	}
}

.details_cart_quan{
	position: absolute;
    
    top: -2px;
    font-size: 20px;
}

.product_timi_list{
	width: 134px;
    float: left;
	
}

.details_cart_list{
	width: 34px;
    height: 19px;
    color: white;
    z-index: 2;
    text-align: center;
    font-family: pfufont;
    font-size: 16px;
    float: left;
    position: absolute;
    /* margin-left: 5px; */
    border-radius: 4px;
    -webkit-box-shadow: 2px 6px 24px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 6px 24px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 6px 24px 0px rgba(0,0,0,0.75);
    top: 41px;
    left: 19px;
}








 @media (min-width:480px){
	.product_item_container_list{
	  height: 110px;
  }
  .product_img_list {
		width: 92px;
	}
	.quantity_buttons_container {
		width: 80px;
		float: right;
		margin-top: -66px;
	}
	.left_subcontainer {
		margin-top: -8px;
		margin-left: 5px;
		line-height: 1;
	}
	.left_subcontainer_yper {
		margin-top: -25px;
		margin-left: 5px;
	}
	.product_title_list {
		font-size: 15px;
	}
	.details_cart_list {
		left: 31px;
	}

}




@media (min-width:630px){
	.product_item_container_list{
	  height: 150px;
  }
  .product_img_list {
		width: 115px;
	}
	.quantity_buttons_container {
		width: 90px;
		float: right;
		margin-top: -45px;
	}
	.left_subcontainer {
		margin-top: 3px;
		margin-left: 5px;
	}
	.left_subcontainer_yper {
		margin-top: -30px;
		margin-left: 5px;
	}
	.product_title_list {
		font-size: 18px;
	}
	.details_cart_list {
		top: 60px;
		left: 42px;
		width: 60px;
		background: #ef9a00;
		height: 25px;
	}
	.details_cart_ikonidio_list {
		height: 28px;
		margin-top: -9px;
		float: left;
		margin-left: 0px;
		border-radius: 4px;
	}
	.details_cart_quan_list {
		position: absolute;
		top: -8px;
		font-size: 20px;
		left: 32px!important;
	}
	.add2cart_button_list {
		width: 89px;
		margin-top: 5px;
		height: 30px;
		font-size: 18px;
	}
	.add2cart_quantity_list {
		width: 71px;
	}
	.product_timi {
		width: 200px;
	}
	.product_timi_list {
		width: 200px!important;
		float: left;
	}

}



#taksinomisi_span{
	font-family: pfufont;
    font-size: 15px;
    font-weight: bold;
    margin-left: -5px;
    float: left;
    color: white;
    background: #201f2b;
    padding-left: 7px;
    padding-right: 7px;
    height: 26px;
	border-radius:2px;
	padding-top:2px;
}

#sort_select{
	margin-left: 10px;
	float:left;
}


@media (min-width:700px){
	.add2cart_button_list {
		width: 110px;
		margin-top: 8px;
		height: 35px;
		font-size: 21px;
		margin-left: -31px;
		padding-left: 9px;
		padding-top: 2px;
	}
	.add2cart_quantity_list {
		width: 95px;
		margin-left: -16px;
	}
	.add2cart_quantity_left_list {
		position: relative;
		float: left;
		color: white;
		width: 25%;
		//background: #0582c7;
		font-weight: bold;
		cursor: pointer;
		padding-left: 10px;
		border-top-left-radius: 3px;
		height: 30px;
		border-bottom-left-radius: 3px;
		margin-top: -3px;
		    padding-top: 3px;
	}
	.add2cart_quantity_right_list {
		position: relative;
		float: left;
		color: white;
		width: 25%;
		//background: #0582c7;
		font-weight: bold;
		cursor: pointer;
		padding-left: 7px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		height: 30px;
		margin-top: -3px;
		padding-top: 3px;
	}
	.add2cart_quantity_input_lists {
		width: 100%;
		height: 30px;
		text-align: center;
		font-size: 21px;
	}
	.add2cart_quantity_center_list {
		position: relative;
		float: left;
		color: black;
		width: 50%;
		background: #ffffff;
		margin-top: -3px;
	}
	
	
	#sort_container {
		position: relative;
		width: 450px;
		margin-bottom: 74px;
		margin-top: 34px;
	}
	#grid_view_icon {
		float: left;
		width: 35px;
		margin-left: 12px;
	}
	#list_view_icon {
		float: left;
		width: 34px;
		margin-left: 7px;
		margin-top: 1px;
	}
	#taksinomisi_span {
		font-size: 19px;
		margin-top: 2px;
		margin-left: 2px;
	}
	#sort_select {
		margin-left: 10px;
		float: left;
		width: 220px;
		height: 33px;
		font-size: 18px;
	}
	
	

}









.details_cart_ikonidio_list {
    height: 28px;
    margin-top: -9px;
    float: left;
    margin-left: 0px;
    border-radius: 4px;
}

.details_cart_text_list{
    font-size: 13px;
    margin-top: 1px;
}

.details_cart_quan_list{
    position: absolute;
    top: -8px;
    font-size: 20px;
}

/******************************************************
END EIKONIDIA STICKER PROIONTON
******************************************************/



.m-aside-menu .m-menu__nav .m-menu__item>.m-menu__heading .m-menu__link-text, .m-aside-menu .m-menu__nav .m-menu__item>.m-menu__link .m-menu__link-text {
    display: table-cell;
    height: 100%;
    width: 100%;
    padding: 0;
    vertical-align: middle;
    text-align: left;
}



.product_timi{
	width: 190px;
	font-weight:normal;
	font-size: 13px;
}


.sigrisi_lines_top{
	    width: 90%;
    height: 1px;
    margin-bottom: -9px;
    border-bottom: 1px solid #8080805e;
    bottom: 52px;
    position: absolute;
    left: 5%;
}

.sigrisi_iconz{
	float:left;
}

#elipsi_txt{
	float:left;
}

#prosthiki_xoris_icon{
	clear:both;
	margin-top: 5px;
}

#prosthiki_xoris_txt{
	float:left;
	margin-top: 5px;
}

#epipleon_icon{
	clear:both;
	margin-top: 5px;
}

#epipleon_txt{
	float:left;
	margin-top: 5px;
}

#ligoteri_icon{
	clear: both;
	margin-top: 5px;
}

#ligoteri_txt{
	float:left;
	margin-top: 5px;
}

.sigrisi_txtz{
	font-family: pfufont;
    font-size: 17px;
    margin-left: 4px;
}

@media (max-width: 471px){
	.sigrisi_txtz {
		font-size: 15px;
	}
}
@media (max-width: 407px){
	.sigrisi_txtz {
		font-size: 15px;
		width: 80%;
	}
}

#success_sigrisi_inner_txt{
	float: left;
    width: calc(100% - 139px);
    font-family: pfufont;
    font-size: 17px;
    margin-top: 38px;
}

#success_sigrisi_img{
	float: left;
	
}

.xora_flag{
	float: left;
    width: 24px;
    margin-top: 7px;
}
.xora_txt{
	float: left;
    margin-left: 10px;
    font-size: 17px;
    font-family: pfufont;
    margin-top: 5px;
    color: #000;
}

#info_blue{
	width: 21px;
    float: right;
        margin-top: 9px;
}

  /****************************************
CONFIRM BOX
****************************************/
.confirmBox
{
    display: none;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #0582c7;
    position: absolute;
    width: 185px;
    padding: 6px 8px 8px;
    box-sizing: border-box;
    text-align: center;
    margin-top: 15px;
    right: 7px;
    z-index: 1;
    top: 35px;
    -webkit-box-shadow: 2px 6px 24px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 6px 24px -10px rgba(0,0,0,0.75);
    box-shadow: 2px 6px 24px -10px rgba(0,0,0,0.75);
}

#confirmBox_cart_oloklirosi{
	color:black;
	left: 87px;
	margin-top: -90px;
}


.confirmBox .yes {
    background-color: #0582c7;
    display: inline-block;
    border-radius: 3px;
    //border: 2px solid #aaa;
    padding: 2px;
    text-align: center;
    width: 80px;
    cursor: pointer;
	color:white;
	
}
.confirmBox .no {
    background-color: #0582c7;
    display: inline-block;
    border-radius: 3px;
    //border: 2px solid #aaa;
    padding: 2px;
    text-align: center;
    width: 80px;
    cursor: pointer;
	color:white;
	
}
.confirmBox .no:hover,.confirmBox .yes:hover
{
    background-color: #00a4ff;
}
.confirmBox .message
{
       text-align: left;
    margin-bottom: 8px;
    font-family: pfufont;
    text-align: center;
    font-size: 15px;
}
.yes{
	font-family:pfufont;
}
.no{
	font-family:pfufont;
}

#cart_oloklirosi_button:hover{
	background:#00a4ff;
}
/****************************************
END OF CONFIRM BOX
****************************************/

/******************************************************************************
START EIDOPOIISI ALLAGIS TIMIS
******************************************************************************/
.switch {
	position: relative;
    display: inline-block;
    width: 62px;
    height: 53px;
    margin-left: 3px;
    margin-top: 9px;
		}

		.switch input {display:none;}
		
		.slider {
		  position: absolute;
		  cursor: pointer;
		  top: 0;
		  left: 0;
		  right: 0;
		  bottom: 0;
		  background-color: #ccc;
		  -webkit-transition: .4s;
		  transition: .4s;
		}

		.slider:before {
		    position: absolute;
			content: "";
			height: 21px;
			width: 21px;
			left: 5px;
			bottom: 4px;
			background-color: white;
			-webkit-transition: .4s;
			transition: .4s;
		}

		input:checked + .slider {
		  background-color: #2196F3;
		}

		input:focus + .slider {
		  box-shadow: 0 0 1px #2196F3;
		}

		input:checked + .slider:before {
		  -webkit-transform: translateX(19px);
		  -ms-transform: translateX(19px);
		  transform: translateX(19px);
		}

		/* Rounded sliders */
		.slider.round {
		  border-radius: 34px;
		}

		.slider.round:before {
		  border-radius: 50%;
		}

/******************************************************************************
END EIDOPOIISI ALLAGIS TIMIS
******************************************************************************/
@media (max-width:380px){
	.product_title {
		font-size: 10px;
	}
	
	
}

@media (max-width:580px){
	.product_item_container{
		padding-bottom: 116%;
	}
	.product_item_container_list {
		height: 101px;
		padding-top: 14px;
	}
	.product_item_container_list_yper{
		height: 105px;
		padding-top: 14px;
	}
	
}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
  .product_item_container{
		padding-bottom: 103%;
	}
}




@media (min-width:540px){
	.product_item_container {
		position: relative;
		float: left;
		margin-left: 10px;
		margin-top: 10px;
		width: calc(33% - 10px);
		padding-bottom: 61%;
		border: 2px dotted #00000017;
		
	}
	.details_cart_text {
		font-size: 11px;
		margin-top: 4px;
	}
	.product_info_title {
		font-size: 20px;
		margin-top: -7px;
	}
}

@media (min-width:720px){
	.product_item_container {
		position: relative;
		float: left;
		margin-left: 10px;
		margin-top: 10px;
		width: calc(25% - 10px);
		padding-bottom: 47%;
		border: 2px dotted #00000017;
	}
	.details_cart_text {
		font-size: 11px;
		margin-top: 4px;
	}
	.product_info_title {
		font-size: 23px;
		margin-top: -7px;
	}
	.switch {
		width: 83px;
		height: 58px;
	}
	.slider:before {
		height: 26px;
		width: 25px;
	}
	input:checked + .slider:before {
		-webkit-transform: translateX(19px);
		-ms-transform: translateX(19px);
		transform: translateX(37px);
	}
	#info_blue {
		width: 29px;
		margin-top: 7px;
	}
	
}

@media (min-width:800px){
	.product_item_container {
		position: relative;
		float: left;
		margin-left: 10px;
		margin-top: 10px;
		width: calc(20% - 10px);
		padding-bottom: 38%;
		border: 2px dotted #00000017;
	}
	.product_img {
		max-width: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
	}
	.product_title {
		position: absolute;
		top: 49%;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		text-align: center;
		overflow: hidden;
		font-size: 11px;
		font-family: pfufont;
	}
}

@media (min-width:860px){
	.product_item_container {
		width: calc(20% - 10px);
		padding-bottom: 36%;
	}
	
	.product_title {
		top: 51%;
	}
}



@media (min-width:1080px){
	.product_item_container {
		width: calc(16% - 6px);
		padding-bottom: 29%;
	}
	
	.product_title {
		top: 53%;
	}
}

@media (min-width:1180px){
	.product_item_container {
		width: calc(16% - 6px);
		padding-bottom: 27%;
	}
	
	.product_title {
		top: 52%;
	}
}



@media (min-width:670px){
	.product_item_container_search {
		height: 110px;
	}
	.product_img_search {
		width: 100px;
	}
	.product_title_search {
		font-size: 16px;
		padding-left: 114px;
	}
}


@media (min-width:830px){
	.product_item_container_search {
		height: 140px;
	}
	.product_img_search {
		width: 130px;
	}
	.product_title_search {
		font-size: 19px;
		padding-left: 144px;
		margin-top: 3px;
	}
}



.add2cart_quantity_center_in{
	width: 48%;
}






@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , #search_icon { height: 40px;margin-top:1px; }}


@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , #mobile_num { font-size: 14px !important; }}


@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .add2cart_quantity_input { border-radius:0px; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .add2cart_quantity_left { margin-top:1px; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .add2cart_quantity_right { margin-top:1px; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .add2cart_quantity_right_list { margin-top:1px; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .add2cart_quantity_left_list { margin-top:1px; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .add2cart_quantity_left_pop { margin-top:1px; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .add2cart_quantity_right_pop { margin-top:1px; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , #prod_barcode { color:black; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , #pelatis_down_details_right { margin-top: 23px; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , #pelatis_down_details_right_profile { margin-top: 23px; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .cart_add2cart_quantity_input { border-radius:0px; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .product_item_container { border: 2px dotted #d2d2d2; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .product_item_container_list { border-bottom: 2px dotted #d2d2d2; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .product_item_container_list { border-bottom: 2px dotted #d2d2d2; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .add2cart_quantity_left_list { margin-top: -3px; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .add2cart_quantity_right_list { margin-top: -3px; }}



@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .product_info_header_left {border-right: 1px solid #757575; }}
@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .product_info_header_left {border-bottom: 1px solid #757575; }}
@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .product_info_header_right {border-bottom: 1px solid #757575; }}
@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .product_info_kathari_left_label {border-right: 1px solid #757575; }}
@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .product_info_kathari_left {border-right: 1px solid #757575; }}
@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .product_info_mefpa_left_label {border-right: 1px solid #757575; }}
@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .product_info_mefpa_left {border-right: 1px solid #757575; }}
@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .product_info_header_right_noprev {border-bottom: 1px solid #757575; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .add2cart_quantity_input_lists {font-size: 17px; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .add2cart_quantity_input {font-size: 16px; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .add2cart_quantity_input {font-size: 16px; }}
@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .add2cart_quantity_center {margin-top: -1px; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .add2cart_quantity_right {height: 25px; }}
@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .add2cart_quantity_left {height: 25px; }}
@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .add2cart_quantity_right_list {height: 25px; }}
@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .add2cart_quantity_left_list {height: 25px; }}


@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , #search_icon {height: 38px; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width:667px) {_::-webkit-full-page-media, _:future, :root , .cart_add2cart_quantity_center {margin-top: -1px; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width:667px) {_::-webkit-full-page-media, _:future, :root , .add2cart_quantity_center_list {margin-top: -5px; }}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width:667px) {_::-webkit-full-page-media, _:future, :root , .add2cart_quantity_input_lists {font-size: 12px; }}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width:667px) {_::-webkit-full-page-media, _:future, :root , .add2cart_quantity_input_lists {padding: 0px; }}




@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width:830px) {_::-webkit-full-page-media, _:future, :root , #pelatis_down_details_right_profile {margin-top: -35px; }}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width:830px) {_::-webkit-full-page-media, _:future, :root , #pelatis_in_banner {margin-top: 5px; }}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width:831px) {_::-webkit-full-page-media, _:future, :root , #pelatis_down_details_right_profile {margin-top: 2px; }}

/*
@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .cart_bottom_bar {background: #000000; }}
@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .cart_bottom_bar {opacity: 0.8; }}
@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .cart_bottom_bar {height: 50px!important; }}
@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , #m_header {height: 64px!important; }}
*/


@media (min-width: 480px){
	.product_item_container_list_yper {
		height: 160px;
	}
	.quantity_buttons_container_yper {
		margin-top: -71px;
	}
}

@media (max-width: 480px){
	.product_item_container_list_yper {
		height: 112px;
	}
	.quantity_buttons_container_yper {
		margin-top: 32px;
	}
}




@media (min-width: 1180px){
	.product_item_container_yper {
		width: calc(18% - 6px);
		padding-bottom: 32%;
	}
}

@media (min-width: 1080px){
	.product_item_container_yper {
		width: calc(18% - 6px);
		padding-bottom: 33%;
	}
}

@media (min-width: 860px){
	.product_item_container_yper {
		width: calc(23% - 10px);
		padding-bottom: 42%;
	}
}

@media (min-width: 800px){
	.product_item_container_yper {
		position: relative;
		float: left;
		margin-left: 10px;
		margin-top: 10px;
		width: calc(23% - 10px);
		padding-bottom: 45%;
		border: 2px dotted #00000017;
	}
}


@media (min-width: 630px){
	.product_timi_list_yper {
		width: 210px!important;
		float: left;
	}
}

#pop_barcode_banner {
    background: #ed1b48;
    color: white;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
	max-width:170px;
	border-radius: 2px;
}

#pop_box_banner {
    background: #89c86d;
    color: white;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
	max-width:170px;
	border-radius: 2px;
}

#pop_yper_banner {
    background: #0050e2;
    color: white;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    max-width: 170px;
    line-height: 1;
	padding:2px;
	border-radius: 2px;
}

#pop_yper_box_banner {
    background: orange;
    color: white;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    max-width: 170px;
    line-height: 1;
	padding:2px;
	border-radius: 2px;
}

#barcode_img_pop {
    width: 37px;
    margin-top: -7px;
}

#barcode_txt_pop {
    font-family: pfufont;
    margin-top: -12px;
    font-size: 14px;
	text-decoration:none;
	color:black;
	pointer-events: none;
	
}

#box_img_pop {
    float: left;
    width: 37px;
    margin-left: 8px;
}

#box_txt_pop {
    float: left;
    margin-left: 5px;
    margin-top: 2px;
}

#pal_img_pop {
    float: left;
    width: 34px;
    margin-left: 19px;
    margin-top: 2px;
}

#pal_box_img_pop {
    float: left;
    width: 34px;
    margin-left: 40px;
    margin-top: 2px;
}

#pal_txt_pop {
    float: left;
    margin-left: 11px;
    margin-top: 8px;
    font-weight: bold;
    font-size: 17px;
}

#pal_box_txt_pop {
    float: left;
    width: 34px;
    margin-left: -5px;
    margin-top: 2px;
    font-size: 22px;
}


/*************************************
START CART RADIOBUTTON CSS
*************************************/
@keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
  }
}

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 13.33333px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px!important;
  width: 40px!important;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8!important;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
  text-align: left!important;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  background: #82bb18!important;
}
.option-input:checked::before {
  height: 40px;
  width: 40px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 26.66667px;
  text-align: center;
  line-height: 40px;
}
.option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #82bb18;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
.option-input.radio {
  border-radius: 50%;
}
.option-input.radio::after {
  border-radius: 50%;
}

.option-input-checkout:checked {
    background: rgba(0, 0, 0, 0.37)!important;
}

#paleta_radio{
	margin-left: 11px;
}

#demata_radio{
	margin-left: 11px;
}

#idios_radio{
	margin-left: 11px;
}

#fisrt_border{
	border-right: 2px solid #80808026;position: absolute;width: 11px;right: -65px;top: -39px;height: 55px;
}
#second_border{
	border-right: 2px solid #80808026;position: absolute;width: 11px;right: -65px;top: -39px;height: 55px;
}




@media (max-width: 385px){
	.option-input {
	  height: 25px!important;
	  width: 25px!important;
	}
	
	
	#second_border{
		border-right: 2px solid #80808026;
		position: absolute;
		width: 11px;
		right: -53px;
		top: -39px;
		height: 55px;
	}
	#fisrt_border{
		border-right: 2px solid #80808026;
		position: absolute;
		width: 11px;
		right: -53px;
		top: -39px;
		height: 55px;
	}
	#idios_radio {
		margin-left: -2px;
	}
}

/*************************************
END CART RADIOBUTTON CSS
*************************************/

/*************************************
START YPOLOGISMOS PALETAS CSS
*************************************/


#pal_details_container{
	background:#d7d7d7;
	width:100%;
	height:183px;
	border: 2px solid black;
	border-radius: 6px;
}

#stats_img{
	width: 32px;
    padding-top: 3px;
}

#pal_details_left{
	width: 50%;
    height: 100%;
    position: relative;
    float: left;
    background: #58585a;
}

#pal_details_right{
	width: 50%;
    height: 100%;
    position: relative;
    float: left;
}

#blank_label{
	color: white;
    font-family: pfufont;
    font-size: 18px;
    text-align: center;
    background: #0f75bd;
    height: 36px;
}

#xoritikotita_label{
	color: white;
    font-family: pfufont;
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid #d7d7d7;
    height: 32px;
    padding-top: 2px;
}

#apomenoun_label{
	color: white;
    font-family: pfufont;
    font-size: 18px;
    text-align: center;
	border-bottom: 1px solid #d7d7d7;
}
#ogkos_label{
	color: white;
    font-family: pfufont;
    font-size: 18px;
    text-align: center;
	border-bottom: 1px solid #d7d7d7;
}
#kostos_label{
	color: white;
    font-family: pfufont;
    font-size: 18px;
    text-align: center;
	
}

#plithos_pal_label{
	color: white;
    font-family: pfufont;
    font-size: 18px;
    text-align: center;
	border-bottom: 1px solid #d7d7d7;
}

#sinolo_label{
	color: white;
    font-family: pfufont;
    font-size: 18px;
    text-align: center;
	font-weight:bold;
    background: #0f75bd;
    width: 100%;
    height: 36px;
    padding-top: 4px;
}

#xoritikotita_value{
	color: red;
    font-family: pfufont;
    font-size: 18px;
    text-align: center;
    width: 100%;
    height: 32px;
    border-bottom: 1px solid black;
	font-weight:bold;
}
#apomenoun_value{
	color: green;
    font-family: pfufont;
    font-size: 18px;
    text-align: center;
    width: 100%;
    height: 28px;
    border-bottom: 1px solid black;
	font-weight:bold;
}
#ogkos_value{
	color: #e56200;
    font-family: pfufont;
    font-size: 18px;
    text-align: center;
    width: 100%;
    height: 28px;
    border-bottom: 1px solid black;
	font-weight:bold;
}
#kostos_value{
	color: #167ac6;
    font-family: pfufont;
    font-size: 18px;
    text-align: center;
    width: 100%;
    height: 28px;
	font-weight:bold;
	
}
#plithos_pal_value{
	color: #ff7e95;
    font-family: pfufont;
    font-size: 18px;
    text-align: center;
    width: 100%;
    height: 28px;
	font-weight:bold;
	border-bottom: 1px solid black;
}

/*************************************
END YPOLOGISMOS PALETAS CSS
*************************************/

/*************************************
START PALETA 2D CSS
*************************************/


#pal_2d_container{
	position: relative;
    clear: both;
    zoom: 1;
    margin-top: 60px;
}

@media (max-width: 720px){
	#pal_2d_container{
		zoom: 0.8;
	}
}

@media (max-width: 600px){
	#pal_2d_container{
		zoom: 0.6;
	}
}

@media (max-width: 435px){
	#pal_2d_container{
		zoom: 0.5;
	}
}

@media (max-width: 370px){
	#pal_2d_container{
		zoom: 0.4;
	}
}

#pal_height_container{
	position: relative;
    float: left;
    background: grey;
    height: 399px;
    width: 15px;
    margin-left: 62px;
    margin-top: 10px;
    margin-bottom: 26px;
}

#remaing_space{
	position: relative;
    float: left;
    background: green;
    width: 15px;
}

#occupied_space{
	position: relative;
    float: left;
    background: #ec0000;
    width: 15px;
}

#occupied_space_label{
	position: absolute;
    font-family: pfufont;
    font-size: 23px;
    color: green;
    font-weight: bold;
    top: -13px;
    left: -64px;
}

#occupied_space_line{
	background: black;
    position: absolute;
    width: 27px;
    height: 3px;
    top: -1px;
    left: -12px;
}

#pal-horizontal{
	position: absolute;
    width: 476px;
    bottom: -78px;
    left: 139px;
}

#pal_vertical_line{
	width:2px;height:100px;background:black;position:absolute;
}

#koutakia_container{
	position: relative;
    float: left;
    background: red;
    width: 420px;
    height: 410px;
    margin-left: 151px;
    margin-top: 11px;
}

.square_paletas{
	background: #008000d6;
    width: 10px;
    height: 10px;
    position: relative;
    float: left;
    box-sizing: border-box;
    display: inline-block;
    border-left: 1px solid #0000004f;
    border-top: 1px solid #0000004f;
}

.square_paletas_active{
	background: #008000d6;
    width: 10px;
    height: 10px;
    position: relative;
    float: left;
    box-sizing: border-box;
    display: inline-block;
    border-left: 1px solid #0000004f;
    border-top: 1px solid #0000004f;
}

#two_m {
    position: absolute;
    top: -46px;
    left: -44px;
}

#two_d_txt{
	position: absolute;
    bottom: -119px;
    font-family: pfufont;
    font-size: 34px;
    left: 109px;
}

/*************************************
END PALETA 2D CSS
*************************************/



/*************************************
START PALETA 3D CSS
*************************************/
#palete_calc_left_container{
	width: 100%;
    float: left;
    position: relative;
    zoom: 0.8;
    margin-top: 250px;
	
}

#pal_title_banner{
	font-family: pfufont;
    font-size: 30px;
    font-weight: bold;
    border-top: 1px solid black;
    width: 295px;
    border-bottom: 1px solid black;
    margin-left: auto;
    margin-right: auto;
    margin-top: -147px;
    text-align: center;
}

#threed_pal_img{
	position: absolute;
    right: 229px;
    top: -58px;
    z-index: 2;
}

#palete_3d_container_left{
	width:30%;
	float:left;
	position:relative;
}
#palete_3d_container_right{
	width:70%;
	float:left;
	position:relative;
}

#palete-man-img{
	width: 266px;
    margin-left: 12px;
    margin-top: 63px;
}

.palete_3d{
	float: left;
    width: 446px;
    margin-left: 70px;
    margin-top: 15px;
}

.palete_3d_subcontainer{
	position: relative;
    float: left;
    width: 56px;
    height: 43px;
    background: #0582c7;
    margin-left: 802px;
    border-radius: 50%;
    margin-bottom: 19px;
    margin-top: -36px;
    color: white;
    font-size: 28px;
    font-family: pfufont;
    font-weight: bold;
    padding-top: 9px;
    text-align: center;
	
}

.option-input{
	z-index:0;
}
#bottom_pal_txt{
	font-family: pfufont;
    position: absolute;
    font-size: 17px;
    bottom: -83px;
    left: 43px;
}

@media (max-width: 850px){
	#threed_pal_img{
		    right: 171px;
	}
}
@media (max-width: 750px){
	#threed_pal_img{
		    right: 125px;
	}
	#bottom_pal_txt{
		left: -58px;
	}
}
@media (max-width: 650px){
	#threed_pal_img{
		    right: 70px;
	}
}

@media (max-width: 630px){
	.palete_3d {
		float: left;
		width: 377px;
		margin-left: 76px;
		margin-top: 130px;
	}
}

@media (max-width: 570px){
	#palete-man-img {
		width: 180px;
		margin-left: 12px;
		margin-top: 63px;
	}
	.palete_3d {
		float: left;
		width: 311px;
		margin-left: 50px;
		margin-top: 46px;
	}
}

@media (max-width: 550px){
	#threed_pal_img {
		right: 250px;
		width: 81px;
		top: -89px;
	}
}
@media (max-width: 510px){
	#bottom_pal_txt {
		left: -110px;
	}
}

@media (max-width: 450px){
	#palete-man-img {
		width: 135px;
		margin-left: 12px;
		margin-top: 63px;
	}
	.palete_3d {
		float: left;
		width: 270px;
		margin-left: 11px;
		margin-top: 39px;
	}
	#threed_pal_img {
		right: 40px;
		width: 81px;
		top: -87px;
	}
	#occupied_space_label {
		position: absolute;
		font-family: pfufont;
		font-size: 12px;
		color: green;
		font-weight: bold;
		top: -13px;
		left: -68px;
	}
}

@media (max-width: 390px){
	#bottom_pal_txt {
		left: -110px;
		font-size: 14px;
	}
}

.palete_3d_subcontainer {
    position: relative;
    float: left;
    width: 56px;
    height: 49px;
    background: #0582c7;
    margin-left: 802px;
    border-radius: 50%;
    margin-bottom: 19px;
    margin-top: -36px;
    color: white;
    font-size: 25px;
    font-family: pfufont;
    font-weight: bold;
    padding-top: 6px;
    text-align: center;
}
#pal_label {
    position: absolute;
    width: 62px;
    left: -70px;
    top: -2px;
}

@media (max-width: 743px){
	.palete_3d_subcontainer {
		margin-left: 734px;
	}
}

@media (max-width: 650px){
	.palete_3d_subcontainer {
		    margin-left: 825px;
			zoom: 0.8;
	}
}

@media (max-width: 597px){
	.palete_3d_subcontainer {
		   margin-left: 849px;
			zoom: 0.7;
	}
}
@media (max-width: 570px){
	.palete_3d_subcontainer {
		   margin-left: 766px;
			zoom: 0.7;
			margin-top: -54px;
	}
}



/*************************************
END PALETA 3D CSS
*************************************/

#btn_container{
	clear:both;
	padding-top: 90px;
	position: relative;
}
.sinexeia_agoron_btn {
    width: 180px;
    margin-left: 21px;
    background: url(../images/sinexia-1.png);
    background-size: cover;
    height: 42px;
	border: 0;
}
.sinexeia_agoron_btn:hover {
    width: 180px;
    margin-left: 21px;
    background: url(../images/sinexia-2.png);
    background-size: cover;
    height: 42px;
}

.kataxorisi_btn {
    width: 225px;
    margin-left: 48px;
    background: url(../images/katoxirisi--1.png);
    background-size: cover;
    height: 42px;
	border: 0;
}

.kataxorisi_btn:hover {
    width: 225px;
    margin-left: 48px;
    background: url(../images/kataxorisi--2.png);
    background-size: cover;
    height: 42px;
}

@media (max-width: 509px){
	.palete_3d_subcontainer {
		   margin-left: 793px;
			zoom: 0.6;
			margin-top: -54px;
	}
	#btn_container {
		clear: both;
		padding-top: 118px;
		zoom: 0.9;
	}
}

@media (max-width: 464px){
	.palete_3d_subcontainer {
		   margin-left: 793px;
			zoom: 0.6;
			margin-top: -54px;
	}
	#btn_container {
		clear: both;
		padding-top: 118px;
		zoom: 0.8;
	}
}

@media (max-width: 440px){
	.palete_3d_subcontainer {
		   margin-left: 650px;
			zoom: 0.6;
			margin-top: -54px;
	}
	#btn_container {
		clear: both;
		padding-top: 118px;
		zoom: 0.8;
	}
}

@media (max-width: 415px){
	.palete_3d_subcontainer {
		   margin-left: 650px;
			zoom: 0.6;
			margin-top: -54px;
	}
	#btn_container {
		clear: both;
		padding-top: 118px;
		zoom: 0.7;
	}
}

.heart_class {
    position: absolute;
    bottom: calc(50% - -13px);
    width: 36px;
    right: 8px;
    z-index: 2;
    cursor: pointer;
}

.heart_class_list{
    position: absolute;
    top: 71%;
    width: 24px;
    z-index: 2;
    cursor: pointer;
    left: 91px;
}

@media (max-width: 629px){
	.heart_class_list{
		left: 70px;
	}
}

@media (max-width: 479px){
	.heart_class_list{
		left: 52px;
		width: 18px;
		top: 63%;
	}
}

.heart_pop_full{
	float: left;
    clear: both;
    width: 24px;
    position: relative;
    top: 19px;
    right: 0px;
}

.agapimeno_proion{
	position: relative;
    float: left;
    font-family: pfufont;
    font-size: 17px;
    margin-left: 10px;
	margin-top: 17px;
}

#new_price_bar{
	background: #212529;
    width: calc(100% - 30px);
    height: 40px;
    position: fixed;
	font-weight: bold;
    bottom: 5px;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.61);
    -moz-box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.61);
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.61);
    z-index: 2;
}

#bartextcontainer{
	color: white;
    text-align: center;
    font-family: 'pfufont';
    font-size: 18px;
    margin-top: 7px;
}

#leftbartext{
	width:50%;
	float:left;
	position:relative;
	text-align:center;
}
#rightbartext{
	    width: 51%;
    float: left;
    position: relative;
    text-align: center;
    margin-left: -12px;
}

#cartbarimg{
	width: 25px;
    left: 10px;
    position: absolute;
    top: 10px;
}

#pal_fixed_container{
    width: 90%;
    height: 88%;
    position: fixed;
    top: 4%;
    z-index: 999;
    left: -90%;
    background: #ececec;
    border-top-right-radius: 48px;
    -webkit-box-shadow: 3px 3px 14px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 14px 1px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 14px 1px rgba(0,0,0,0.75);
    border-bottom-right-radius: 14px;
}



#pal_fixed_container_header{
	width: 100%;
    height: 44px;
    position: relative;
    background: #5fa098;
    border-top-right-radius: 14px;
    color: white;
    font-family: pfufont;
    font-size: 17px;
    text-align:center;
    padding-top: 10px;
    font-weight: bold;
}

/*
#pal_fixed_container_header{
	    width: 255px;
    height: 44px;
    position: relative;
    background: #5fa098;
    border-top-right-radius: 14px;
    color: white;
    font-family: pfufont;
    font-size: 17px;
    padding-left: 48px;
    padding-top: 10px;
    font-weight: bold;
}
*/
#pal_fixed_num1{
	width: 255px;
    height: 61px;
    position: relative;
    background: #ececec;
    color: #f7f7f9;
    font-family: pfufont;
    font-size: 17px;
    padding-left: 48px;
    padding-top: 10px;
}
#pal_fixed_num2{
	width: 255px;
    height: 60px;
    position: relative;
    background: #f7f7f9;
    color: #b9262c;
    font-family: pfufont;
    font-size: 17px;
    padding-left: 48px;
    padding-top: 10px;
}

#pal_fixed_num4{
	width: 255px;
    height: 42px;
    position: relative;
    
	background: #f7f7f9;
    color: #b9262c;
    font-family: pfufont;
    font-size: 17px;
    padding-left: 48px;
    padding-top: 10px;
	border-bottom-right-radius: 14px;
	background: #26d400;
	display:none;
}

#pal_fixed_num3{
	width: 255px;
    height: 60px;
    position: relative;
    background: #ececec;
	
    color: black;
    font-family: pfufont;
    font-size: 32px;
    padding-left: 48px;
    padding-top: 8px;
    padding-left: 105px;
	font-weight: bold;
}

#half-circle{
	width: 27px;
    height: 89px;
    background-color: #5fa098;
    border-bottom-right-radius: 35px;
    border-top-right-radius: 35px;
    border-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: -27px;
    top: calc(50% - 45px);
    z-index: 0;
    -webkit-box-shadow: 8px 3px 14px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 8px 3px 14px 1px rgba(0,0,0,0.75);
    box-shadow: 8px 3px 14px 1px rgba(0,0,0,0.75);
    color: white;
    padding-top: 20px;
    font-size: 31px;
    font-weight: bold;
    padding-left: 6px;
}

.pal_fixed_container_opened{
	-webkit-animation-name: open_pal;
	  -webkit-animation-duration: 1s;
	  animation-name: open_pal;
	  animation-duration: 1s;
	  animation-fill-mode: forwards;
}

@-webkit-keyframes open_pal {
  from {left: -90%;}
  to {left: 0%;}
}


@keyframes open_pal {
  from {left: -90%;}
  to {left: 0%;}
}

.pal_fixed_container_closed{
	-webkit-animation-name: close_pal;
	  -webkit-animation-duration: 1s;
	  animation-name: close_pal;
	  animation-duration: 1s;
	  animation-fill-mode: forwards;
}

@-webkit-keyframes close_pal {
  from {left: 0%;}
  to {left: -90%;}
}


@keyframes close_pal {
  from {left: 0%;}
  to {left: -90%;}
}




@media (max-width: 500px){
	#two_d_txt{
		font-size: 20px;
	}
}

#pal_fixed_cur_container{
	color: #b8252b;
    font-size: 33px;
    margin-left: 10px;
    font-weight: bold;
    margin-top: -4px;
    float: left;
}

#pal_fixed_aksia_container{
	color: #001aff;
    font-size: 33px;
    margin-left: 10px;
    font-weight: bold;
    margin-top: -4px;
    float: left;
}

#pal_fixed_apom_container{
	color: #56ab56;
    font-size: 33px;
    margin-left: 8px;
    font-weight: bold;
    margin-top: -3px;
    float: left;
}

@supports (-webkit-overflow-scrolling: touch) {
	/* CSS specific to iOS devices */ 
	#pal_fixed_apom_container{
		color: #56ab56;
		font-size: 31px;
		margin-left: 6px;
		font-weight: bold;
		margin-top: -1px;
		float: left;
	}
}



.pal_fixed_palnum_circle{
	height: 35px;
    width: 35px;
    background-color: #146fb8;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 13px;
    right: 166px;
}

#pal_num_txt{
	color: white;
    margin-top: 4px;
    margin-left: 6px;
    font-size: 19px;
}

#ld{
	float: left;
    margin-top: -28px;
    margin-right: 0px;
    font-size: 38px;
    margin-left: 15px;
}

#rd{
	float: right;
    margin-top: -28px;
    margin-right: 23px;
    font-size: 38px;
}
/*
#rd{
	float: right;
    margin-top: -28px;
    margin-right: 14px;
    font-size: 38px;
}
*/

@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 
  #rd{
	float: right;
    margin-top: -28px;
    margin-right: 14px;
    font-size: 38px;
}
#pal_fixed_container_header{
	    width: 255px;
    height: 44px;
    position: relative;
    background: #5fa098;
    border-top-right-radius: 14px;
    color: white;
    font-family: pfufont;
    font-size: 17px;
    padding-left: 48px;
    padding-top: 10px;
    font-weight: bold;
}
}

#lda{
	float: left;
    margin-top: -38px;
    margin-right: 3px;
    font-size: 60px;
    margin-left: -9px;
}

#ldd{
	float: left;
    margin-top: -38px;
    margin-right: 3px;
    font-size: 60px;
    margin-left: -9px;
}

#ldd2{
	float: left;
    margin-top: -38px;
    margin-right: 3px;
    font-size: 60px;
    margin-left: -9px;
}

#line_one{
	position: absolute;
    background: #00000038;
    width: 137px;
    height: 1px;
    top: 60px;
    left: 66px;
}

#line_two{
	position: absolute;
    background: #00000038;
    width: 137px;
    height: 1px;
    top: 59px;
    left: 66px;
}

#line_three{
	position: absolute;
    background: #00000038;
    width: 137px;
    height: 1px;
    top: 59px;
    left: 66px;
}

.oxi_yper_timi_class{
	display:none;
}


 @media (min-width:480px){

	.oxi_yper_qc {
		width: 80px;
		float: right;
		margin-top: -58px;
	}


}

.oxi_yper_pt_class{
	font-size: 16px;
    margin-top: 6px;
}

.oxi_yper_tk_class{
	margin-top: 3px;
}

.oxi_yper_details_cir_class{
	margin-top: -1px;
}

 @media (max-width:480px){

	.oxi_yper_pt_class {
		margin-top: 0px;
	}
	.oxi_yper_tk_class {
		margin-top: -4px;
	}
	.play_icon_class_list {
		margin-top: -4px;
	}

}




/************************
START LANGUAGE
************************/
#flag_switch{
	width: 24px;
    cursor: pointer;
    float: left;
    margin-left: 7px;
    margin-top: -31px;
}

#flag_switch:hover{
	//border: 1px solid #ffffff94;
}
#flag_switch_gr:hover{
	//border: 1px solid #ffffff94;
}

#flag_switch_gr{
    width: 24px;
    cursor: pointer;
	float:left;
}

#lang_cont{
	    position: relative;
    bottom: 45px;
    cursor: pointer;
    width: 44px;
    margin-left: auto;
    margin-right: auto;
	margin-top: 30px;

}

#txt_lang{
	color: white;
    float: left;
    margin-left: 6px;
    font-family: pfufont;
    font-size: 14px;
}

#txt_lang_in{
	color: white;
    float: left;
    margin-left: 13px;
    font-family: pfufont;
    font-size: 14px;
    margin-top: 4px;
}

#droplang{
	color: white;
    width: 11px;
    margin-left: 9px;
    margin-top: 5px;
}
#opened_div{
	width: 42px;
    height: 27px;
    background: #212529;
    position: relative;
    display: none;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    margin-top: -40px;
    border: 1px solid #ffffff3b;
}
/************************
END LANGUAGE
************************/

#pal_fixed_aksia_lbl{
	color: white;
    font-size: 20px;
    font-weight: bold;
    margin-left: -9px;
}

#aksia_rect{
	background: white;
	position: relative;
    float: right;
    margin-left: 5px;
    height: 27px;
    margin-top: 2px;
    width: 107px;
    border: 1px solid green;
}

#pal_fixed_aksia_txt{
	color: blue;
    margin-right: 5px;
    margin-top: -2px;
    float: right;
}

#smartlogo{
	width: 228px;
    margin-top: -32px;
}

#cam_icon3{
	width: 35px;
    position: absolute;
    left: 9px;
    top: 10px;
}

#new_addcart_container{
	width:50%;
	float:left;
}

#zoom_icon {
    position: relative;
    margin-top: 4px;
    width: 40px;
    float: left;
    margin-left: 5px;
}

#play_icon {
    position: relative;
    float: left;
    width: 40px;
    margin-top: 4px;
    margin-left: calc(50% - 65px);
}

.img_animation_full{
	animation-name: goFullSize;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}


@keyframes goFullSize {
  0%   {width:100%;}
  100%  {width:200%;}
}

.titlos_proion{
		font-weight:bold;
}

#scroll_menu_container {
    width: 100%;
    overflow: auto;
    height: 105px;
    //background: red;
    clear: both;
    float: left;
    position: relative;
    margin-bottom: 0px;
    margin-top: -40px;
}

#scroll_menu_inner_container {
    width: 1100px;
    height: 60px;
}

.insmenu{
	width:100px;
	height:59px;
	float:left;
	margin-left:10px;
	background:#e6e6e6;
	border-radius:3px;
	border: 2px solid #8080801f;
	text-align:center;
}

/* Hide scrollbar for Chrome, Safari and Opera */
#scroll_menu_container::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#scroll_menu_container {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.scrollicon{
	width: 31px;
    margin-top: 3px;
}

.scroll_cat_title{
	clear: both;
    font-family: 'pfufont';
    margin-top: 4px;
	position: relative;
}

a {
  color: black;
  text-decoration: none; /* no underline */
}

a:link {
  text-decoration: none;
color: black;
}


a:visited {
  text-decoration: none;
color: black;
}


a:hover {
  text-decoration: none;
color: black;
}


a:active {
  text-decoration: none;
color: black;
} 

.m-aside-left--on{
	width:100%!important;
}

.m-menu__link-text {
    font-size: 18px!important;
}



@media (max-width:400px){
	.xora_txt {
		margin-left: 6px;
		font-size: 14px;
		margin-top: 6px;
	}
	.agapimeno_proion {
		font-size: 14px;
		margin-left: 6px;
		margin-top: 17px;
	}

}

#omad_span{
	font-family:pfufont;
	font-size:15px;
	font-weight:bold;
	float:left;
	margin-top: 13px;
	margin-left: -5px;
	clear:both;
	background: #201f2b;
    color: white;
	padding-top: 2px;
	border-radius: 2px;
}

#langlbl{
	color:white;
	margin-bottom: 5px;
	font-family:pfufont;
	font-size: 17px;
}


.img_rotation_full{
	animation-name: rotateMyImg;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}


@keyframes rotateMyImg {
  0%   {transform: rotate(0deg);}
  100%  {transform: rotate(90deg);}
}

.new_date_container{
	width:100%;
	text-align:center;
	background:black;
	height:30px;
}

.calendar_v2{
	width:28px;
	float:left;
}
.date_par_txt_v2{
	color: white;
    float: left;
    font-family: 'pfufont';
    font-size: 17px;
    margin-left: 1px;
    font-weight: bold;
	width: calc(100% - 29px);
	margin-top: 3px;
}

.new_date_container_inner{
	width: 118px;
    margin-left: auto;
    margin-right: auto;
}

.oloklirosiv2{
	width: 51px;
    position: absolute;
    left: -12px;
    top: -5px;
}

.ex_top_left{
	position:relative;
	float:left;
	width:50%;
	height:65px;
	text-align:center;
	border-right:1px solid #80808085;
	border-bottom:1px solid #80808085;
	margin-top: 15px;
}

.ex_top_right{
	position:relative;
	float:left;
	width:50%;
	height:65px;
	text-align:center;
	border-bottom:1px solid #80808085;
	margin-top: 15px;
}

.ex_mid_left{
	position:relative;
	float:left;
	width:50%;
	height:65px;
	text-align:center;
	border-right:1px solid #80808085;
	border-bottom:1px solid #80808085;
}

.ex_mid_right{
	position:relative;
	float:left;
	width:50%;
	height:65px;
	text-align:center;
	border-bottom:1px solid #80808085;
}

.arithmos_v2_lbl{
	width: 100%;
    font-family: pfufont;
    font-size: 14px;
}

.comments_v2_lbl{
	width: 100%;
    font-family: pfufont;
    font-size: 16px;
}

.teliko_v2_lbl{
	width: 100%;
    font-family: pfufont;
    font-size: 14px;
}

.metaforiki_v2_lbl{
	width: 100%;
    font-family: pfufont;
    font-size: 16px;
}


.tda_v2{
	width: 36px;
    float: left;
    margin-left: 5px;
}

.par_num_txt_v2{
	font-weight: bold;
    float: left;
    font-family: 'pfufont';
    font-size: 17px;
    margin-left: 5px;
    margin-top: 5px;
}

.pallete_v2{
	width: 36px;
    float: left;
    margin-left: 5px; 
}

.notes_par_txt_v2{
	font-weight: bold;
    float: left;
    font-family: 'pfufont';
    font-size: 14px;
    margin-left: 5px;
    margin-top: -1px;
    width: calc(100% - 47px);
    text-align: left;
}

.sinolo_v2{
	width: 36px;
    float: left;
    margin-left: 5px; 
}

.price_par_txt_v2{
	font-weight: bold;
    float: left;
    font-family: 'pfufont';
    font-size: 17px;
    margin-left: 5px;
    margin-top: 5px;
}

.ship_v2{
	width: 36px;
    float: left;
    margin-left: 5px; 
}

.metaforiki_txt_v2{
	font-weight: bold;
    float: left;
    font-family: 'pfufont';
    font-size: 13px;
    margin-left: 5px;
    margin-top: 5px;
}



@media (min-width: 350px){
	.right_line_oroi_v2 {
		left: 149px;
	}
}


@media (max-width: 1334px){
.m-aside-left--on .m-aside-left-close {
    left: 92%;
}
}

.m-menu__link-text{
	font-family: pfufont;
}







#interactive.viewport {
    position: relative;
}

#interactive.viewport > canvas, #interactive.viewport > video {
    max-width: 100%;
    width: 100%;
}

canvas.drawing, canvas.drawingBuffer {
    position: absolute;
    left: 0;
    top: 0;
}


.newstick{
	margin-left: 11px;
    margin-top: -5px;
}

#newlistaicon{
	width: 32px;
    position: absolute;
    top: -43px;
    right: -5px;
}

#left_target_up{
	position: absolute;
    background: #ff000000;
    width: 53px;
    height: 40px;
    top: -2px;
    left: -2px;
    border-left: 2px solid white;
    border-top: 2px solid white;
    border-top-left-radius: 5px;
    //animation: blinker 0.6s linear infinite;
}
#left_target_down{
	position: absolute;
    background: #ff000000;
    width: 53px;
    height: 40px;
    top: 58px;
    left: -2px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    border-bottom-left-radius: 5px;
    //animation: blinker 0.6s linear infinite;
}
#right_target_up{
	position: absolute;
    background: #ff000000;
    width: 53px;
    height: 40px;
    top: -2px;
    right: -2px;
    border-right: 2px solid white;
    border-top: 2px solid white;
    border-top-right-radius: 5px;
    //animation: blinker 0.6s linear infinite;
}
#right_target_down{
	position: absolute;
    background: #ff000000;
    width: 53px;
    height: 40px;
    top: 58px;
    right: -2px;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    border-bottom-right-radius: 5px;
    //animation: blinker 0.6s linear infinite;
}

/***************************************************
	START SLIDING CART
***************************************************/



#sliding_cart_container_outter{
	position: absolute;
	right: -100%;
	height: 100vh;
	width:100%;
	top: 0px;
	z-index: 2;
}

.sliding_cart_container_outter_opened{
	-webkit-animation-name: open_sliding;
	  -webkit-animation-duration: 0.5s;
	  animation-name: open_sliding;
	  animation-duration: 0.5s;
	  animation-fill-mode: forwards;
}

@-webkit-keyframes open_sliding {
  from {right: -100%;}
  to {right: 0%;}
}


@keyframes open_sliding {
  from {right: -100%;}
  to {right: 0%;}
}

.sliding_cart_container_outter_closed{
	-webkit-animation-name: close_sliding;
	  -webkit-animation-duration: 0.5s;
	  animation-name: close_sliding;
	  animation-duration: 0.5s;
	  animation-fill-mode: forwards;
}

@-webkit-keyframes close_sliding {
  from {right: 0%;}
  to {right: -100%;}
}


@keyframes close_sliding {
  from {right: 0%;}
  to {right: -100%;}
}











#left_of_sliding_cart{
	background:black;
	opacity:0;
	width:15%;
	height: 100vh;
	float:left;
}

.left_of_sliding_cart_fadein{
	-webkit-animation-name: fadein_sliding;
	  -webkit-animation-duration: 2.8s;
	  animation-name: fadein_sliding;
	  animation-duration: 2.8s;
	  animation-fill-mode: forwards;
}

@-webkit-keyframes fadein_sliding {
  0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 0.7;}
}


@keyframes fadein_sliding {
  0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 0.7;}
}


.left_of_sliding_cart_fadeout{
	-webkit-animation-name: fadeout_sliding;
	  -webkit-animation-duration: 0.2s;
	  animation-name: fadeout_sliding;
	  animation-duration: 0.2s;
	  animation-fill-mode: forwards;
}

@-webkit-keyframes fadeout_sliding {
  0% {opacity: 0.7;}
  100% {opacity: 0;}
}


@keyframes fadeout_sliding {
  0% {opacity: 0.7;}
  100% {opacity: 0;}
}




#sliding_cart_container{
	background: #eee;
    width: 85%;
    height: 100vh;
    
    
    
    
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
	float:left;
	
}

#sliding_cart_inner_container{
	border-radius: 6px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    background-color: #fff;
    width: 100%;
    height: calc(100vh - 80px);
	overflow:auto;
}

#sliding_cart_inner_container::-webkit-scrollbar {
  display: none;
}

#sliding_cart_button_container{
    height: 50px;
    width: 100%;
    margin-top: 10px;
}

#sliding_cart_back_button{
	width: 47%;
    height: 40px;
    background: #212529;
    float: left;
    border-radius: 6px;
    color: white;
    font-family: 'pfufont';
    text-align: center;
    font-size: 22px;
    padding-top: 19px;
}

#sliding_cart_tameio_button{
	width: 47%;
	margin-left:6%;
    height: 40px;
    background: #212529;
    float: left;
    border-radius: 6px;
    color: white;
    font-family: 'pfufont';
    text-align: center;
    font-size: 22px;
    padding-top: 19px;
}

.sliding_cart_product_conatiner{
	width:100%;
	height:100px;
	border-bottom: 1px solid #eee;
	position:relative;
}

.sliding_cart_img_container{
	height:90px;
	width:90px;
	float:left;
	position:relative;
	margin-left: 5px;
    margin-top: 5px;
}

.sliding_cart_product_img{
	width:100%;
	height:100%;
}

.cart_product_details_container{
	position: relative;
    float: left;
    width: calc(100% - 95px);
    height: 90px;
    padding-left: 0px;
    font-size: 15px;
    padding-top: 6px;
    padding-left: 2px;
}

.cart_product_title_container{
	font-family: pfufont;
    font-weight: bold;
    font-size: 12px;
    height: 23px;
    line-height: 1.2;
}

.cart_add2cart_quantity{
	width: 86px;
    color: white;
    font-family: pfufont;
    border-radius: 4px;
    margin-top: 22px;
    margin-left: auto;
    margin-right: auto;
    height: 25px;
    font-size: 17px;
    clear: both;
    float: left;
    position: relative;
}


.cart_add2cart_quantity_left{
	position: relative;
    float: left;
    color: white;
    width: 25px;
    background: #0582c7;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    height: 25px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    
}

.cart_add2cart_quantity_left_sliding{
	padding-top: 11px;
}


.cart_add2cart_quantity_right{
	position: relative;
    float: left;
    color: white;
    width: 25px;
    background: #0582c7;
    font-weight: bold;
    cursor: pointer;
    PADDING-TOP: 14PX;
    text-align: center;
    height: 25px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.cart_add2cart_quantity_center{
	position: relative;
    float: left;
    color: black;
    width: 36px;
    background: #ffffff;
    height: 25px;
}

.cart_boxing_tag{
	position: relative;
    float: left;
    font-family: pfufont;
    padding-top: 34px;
    margin-left: 8px;
    font-size: 13px;
}

.cart_product_value_container{
	position: relative;
    float: left;
    clear: both;
    font-family: pfufont;
    margin-top: 12px;
    font-size: 13px;
}

/***************************************************
	END SLIDING CART
***************************************************/


/***************************************************
	START PALIO CART
***************************************************/
.cart_products_container{
	margin-bottom: 75px;
}

.cart_item_container{
	height: 90px;
	margin-bottom: 25px;
	position:relative;
}

.cart_product_img{
	width: 90px;
}



.cart_img_container{
	width: 90px;
	position:relative;
	float:left;
}













.cart_add2cart_quantity_input{
	width: 100%;
    height: 25px;
	text-align: center;
	padding-top: 5px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}





.cart_bottom_bar{
	width: 100%;
    height: 80px;
	background: black;
    background: #201f2be3;
	
    position: fixed;
    bottom: 0px;
    left: 0px;
    color: white;
}

.cart_bottom_bar_left{
	position:relative;
	float:left;
}

.sinolo_label{
	font-family: pfufont;
    font-size: 22px;
    margin-left: 24px;
    margin-top: 12px;
}

.sinolo_value{
    font-family: pfufont;
    font-size: 17px;
    margin-top: -1px;
    margin-left: 23px;
	font-weight:bold;
}

#cart_oloklirosi_button{
	float: right;
    font-family: pfufont;
    font-size: 16px;
    background: #0582c7;
    padding: 5px;
    border-radius: 5px;
    margin-right: 15px;
    margin-top: 22px;
}

.trash_can_container{
	position:relative;
	float: right;
	margin-top:-3px;
}


  /****************************************
CONFIRM BOX
****************************************/
.confirmBox
{
    display: none;
    background-color: #eee;
    border-radius: 5px;
    border: 2px solid #0582c7;
    position: absolute;
    width: 185px;
    padding: 6px 8px 8px;
    box-sizing: border-box;
    text-align: center;
    margin-top: 15px;
    left: 1px;
    z-index: 1;
}

#confirmBox_cart_oloklirosi{
	color:black;
	left: 87px;
	margin-top: -90px;
}


.confirmBox .yes {
    background-color: #0582c7;
    display: inline-block;
    border-radius: 3px;
    //border: 2px solid #aaa;
    padding: 2px;
    text-align: center;
    width: 80px;
    cursor: pointer;
	color:white;
	
}
.confirmBox .no {
    background-color: #0582c7;
    display: inline-block;
    border-radius: 3px;
    //border: 2px solid #aaa;
    padding: 2px;
    text-align: center;
    width: 80px;
    cursor: pointer;
	color:white;
	
}
.confirmBox .no:hover,.confirmBox .yes:hover
{
    background-color: #00a4ff;
}
.confirmBox .message
{
    text-align: left;
    margin-bottom: 8px;
	font-family:pfufont;
	text-align: center;
	font-size: 17px;
}
.yes{
	font-family:pfufont;
}
.no{
	font-family:pfufont;
}

#cart_oloklirosi_button:hover{
	background:#00a4ff;
}



.confirmBox .message_sliding {
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
}

.confirmBox_sliding{
	    height: 70px;
    margin-top: -27px;
    zoom: 1.15;
	margin-left: 74px;
}

.confirmBox .yes_sliding {
    height: 17px;
    font-size: 15px;
    padding-top: 10px;
	font-weight: bold;
}

.confirmBox .no_sliding {
    height: 17px;
    font-size: 15px;
    padding-top: 10px;
	font-weight: bold;
}






/****************************************
END OF CONFIRM BOX
****************************************/

@media (min-width:540px){
	.cart_item_container {
		height: 110px;
	}
	.cart_product_img {
		width: 121px;
	}
	.cart_product_details_container {
		padding-left: 40px;
	}
	.trash_can {
		width: 30px;
	}
	.cart_product_title_container {
		font-size: 15px;
	}
	.cart_product_value_container {
		font-size: 15px;
	}
	.cart_boxing_tag {
		font-size: 14px;
	}
	.sinolo_value {
		font-size: 17px;
	}
	.sinolo_label {
		font-size: 24px;
		margin-top: 8px;
	}
}

@media (min-width:760px){
	.cart_product_title_container {
		font-size: 18px;
	}
	.cart_product_value_container {
		font-size: 18px;
	}
	#cart_oloklirosi_button {
		font-size: 20px;
	}
	.sinolo_value {
		font-size: 19px;
	}
	.sinolo_label {
		font-size: 26px;
		margin-top: 4px;
	}
}



@media screen and (-webkit-min-device-pixel-ratio: 0) {_::-webkit-full-page-media, _:future, :root , .cart_add2cart_quantity_input {height: 25px; }}







/***************************************************
	END PALIO CART
***************************************************/

@media (max-width: 600px){
	.confirmBox {
		left: -148px;
	}
}


@supports (-webkit-touch-callout: none) {
	#cam_icon3{
		top: 13px;
	} 
}



#filter_span {
    font-family: pfufont;
    font-size: 15px;
    font-weight: bold;
    margin-left: -5px;
    float: left;
    color: white;
    background: #201f2b;
    padding-left: 7px;
    padding-right: 7px;
    height: 26px;
    border-radius: 2px;
    padding-top: 2px;
    clear: both;
    width: 88px;
    margin-top: 11px;
    text-align: center;
}

.plithos_pal_value_v2{
	color:blue!important;
}

.pal_details_container_v2{
	width: 94%!important;
    margin-left: 3%;
	height: 127px!important;
	margin-top: 10px;
}

.plithos_pal_label_v2{
	border-bottom: 0px solid #d7d7d7!important;
}

.palete_calc_left_container_v2{
    zoom: 0.8!important;
    margin-top: -41px!important;
}

@media (min-height: 660px){
	.palete_calc_left_container_v2{
		margin-top: 21px!important;
	}
}

@supports (-webkit-touch-callout: none) {
	#pal_fixed_container_header{
		width:100%!important;
		text-align:left!important;
	} 
}




/***********************************************
	START POLY MIKRA KINITA
***********************************************/
@media (max-width: 365px){
	/*
	
	.search_input_dial{
		height: 32px!important;
	}
	.search_icon_dial{
		margin-top: 4px!important;
	}
	.scroll_cat_title_dial {
		font-size: 5px!important;
	}
	.product_title_dial{
		font-size:9px!important;
	}
	.product_timi_dial{
		font-size:10px!important;
	}
	*/
}


#nologindiv{
	width: 80%;
    text-align: center;
    margin-top: 32px;
    margin-left: 10%;
}

#nologindiv_cart{
	width: 80%;
    text-align: center;
    margin-top: 12px;
    margin-left: 10%;
}


.disabled_div{
	background: red;
    height: 49px;
    padding-left: 0px;
}

.disabled_div_date{
	background: red;
	font-size: 14px;
    padding-top: 4px;
	height: 49px;
	padding-left: 0px;
}

.disabled_div_grid{
	background: red;
	height: 49px;
}

.disabled_div_grid_date{
	height: 49px;
	background: red;
	font-size: 16px;
    padding-top: 1px;
}

.new_module_img{
	width:49%;
	float:left;
	position:relative;
	margin-left:1%;
}

.new_module_img_fake{
	width:49%;
	float:left;
	position:relative;
	margin-left:1%;
}

#new_module_container {
    width: 100%;
    height: auto;
    clear: both;
    position: relative;
    float: left;
    aspect-ratio: 2.3/1;
}

#scroll_menu_container {
	height:69px;
}

#new_module_img_11{
	opacity:0;
}

#new_module_img_22{
	opacity:0;
}

#new_module_img_33{
	opacity:0;
}

#new_module_img_44{
	opacity:0;
}

#new_module_img_1{
	position:absolute;
	top:0px;
	left: 0%;
    width: 49%;
	z-index:9;
	cursor:pointer;
}

#new_module_img_2{
	position:absolute;
	top:0px;
	left: 50%;
    width: 49%;
	z-index:9;
	cursor:pointer;
}

#new_module_img_3{
	position:absolute;
	display:none;
	left: 0%;
    width: 49%;
	z-index:9;
	cursor:pointer;
}

#new_module_img_4{
	position:absolute;
	display:none;
	left: 50%;
    width: 49%;
	z-index:9;
	cursor:pointer;
}

#addanamoni_message{
	display:none;
	opacity:0;
	width: 370px;
    position: fixed;
    z-index: 3;
    left: calc(50% - 185px);
    top: calc(50vh - 200px);
	-webkit-box-shadow: 1px 2px 18px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 2px 18px 3px rgba(0,0,0,0.75);
	box-shadow: 1px 2px 18px 3px rgba(0,0,0,0.75);
}

#anamoni_subsection_text{
	background: orange;
	color: white;
	text-align: center;
	padding-top: 17px;
	font-size: 22px;
	height: 143px;
}

#anamoni_inner_msg{
	font-size:18px;
}

#enimerosi_check_container{
	position: absolute;
    bottom: 20px;
    left: 17px;
    font-size: 13px;
    color: black;
}

#enimerosi_check_container_sms{
	position: absolute;
    bottom: -1px;
    left: 17px;
    font-size: 13px;
    color: black;
}

#enimerosi_line{
	position: absolute;
    width: 268px;
    height: 1px;
    background: #00000040;
    top: 117px;
    z-index: 93333333344;
    left: 44px;
}

.setOpacityOn{
    -webkit-animation-name:setOpacityOn;
    -webkit-animation-duration:1s;
    animation-name:setOpacityOn;
    animation-duration:1s;
    animation-fill-mode:forwards
}
@-webkit-keyframes setOpacityOn{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@keyframes setOpacityOn{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}


.setOpacityOff{
    -webkit-animation-name:setOpacityOff;
    -webkit-animation-duration:1s;
    animation-name:setOpacityOff;
    animation-duration:1s;
    animation-fill-mode:forwards
}
@-webkit-keyframes setOpacityOff{
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}
@keyframes setOpacityOff{
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}

#clear_txt{
	position: absolute;
    right: 54px;
    top: 13px;
    font-family: 'pfufont';
    color: #979797e6;
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
	opacity:0;
}

/***************************
TABLETS
***************************/

@media screen and (width: 800px) and (height: 1166px) {
	.products_container_home {
		margin-top: 30px;
	}
	.m-menu__link-text {
		//font-size: 34px!important;
	}
	.m-menu__nav {
		zoom:1.4;
	}
	
}
/*
@media screen and (width: 1334px) and (height: 632px) {
	.m-aside-left {
		display: block!important;
		z-index: 1001;
		position: fixed;
		-webkit-overflow-scrolling: touch;
		top: 0;
		bottom: 0;
		overflow-y: auto;
		-webkit-transform: translate3d(0,0,0);
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		width: 255px!important;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		left: -265px;
	}
}
*/

/*
@media screen and (min-width: 1366px) {
	#m_aside_left{
		display:none;
	}
	
	.m-brand .m-brand__logo, .m-brand .m-brand__tools {
		height: 30px!important;
	}
}
*/

/***************************
END TABLETS
***************************/

#back_button_info {
    width: 900px;
    height: 30px;
    clear: both;
    float: left;
    cursor: pointer;
}

#back_btn_img {
    width: 26px;
    float: left;
    margin-top: -9px;
    cursor: pointer;
}

#back_button_info_txt {
    float: left;
    font-family: pfufont;
    font-size: 18px;
    font-weight: bold;
    margin-left: 11px;
    margin-top: -10px;
    cursor: pointer;
}

@media screen and (width: 800px) and (height: 1166px) {
	.disabled_div {
		line-height: 1.13;
	}
	
}

#gifimage {
    position: absolute;
    width: 100%;
    display: none;
    margin-top: 8px;
    border-top: 5vh solid black;
    border-bottom: 5vh solid black;
    aspect-ratio: 1 / 1;
}



#new_360_icon {
    width: 40px;
    margin-top: 4px;
    position: relative;
    cursor: pointer;
    margin-left: 5px;
    float: left;
}



.prod_img {
    width: 100%;
    height: 1px;
    position: absolute;
}

#close_vr {
    width: 29px;
    position: absolute;
    right: 9px;
    top: 38px;
    z-index: 11;
    cursor: pointer;
    display: none;
}

#close_gallery {
    width: 29px;
    position: absolute;
    right: 9px;
    top: 15px;
    z-index: 11;
    cursor: pointer;
    display: none;
}

#vr_tool_view {
    position: absolute;
    width: 100%;
    display: block;
    z-index: 10;
    -webkit-box-shadow: 5px 5px 15px 5px #000000;
    box-shadow: 0px 5px 21px -1px #000000;
    left: 0px;
    top: 30px;
    display: none;
    aspect-ratio: 1000 / 669;
}

#gallery_view {
    position: absolute;
    width: 100%;
    z-index: 10;
    -webkit-box-shadow: 5px 5px 15px 5px #000000;
    box-shadow: 0px 5px 21px -1px #000000;
    left: 0px;
    top: 4px;
    display: none;
}

#gallery_view_one {
    position: absolute;
    width: 100%;
    z-index: 10;
    -webkit-box-shadow: 5px 5px 15px 5px #000000;
    box-shadow: 0px 5px 21px -1px #000000;
    left: 0px;
    top: 15px;
    display: none;
    border-top: 83px solid black;
    border-bottom: 84px solid black;
    aspect-ratio: 1 / 1;
}

#gallery_view_two {
    position: absolute;
    width: 100%;
    z-index: 10;
    -webkit-box-shadow: 5px 5px 15px 5px #000000;
    box-shadow: 0px 5px 21px -1px #000000;
    left: 0px;
    top: 15px;
    display: none;
	border-top: 83px solid black;
    border-bottom: 84px solid black;
    aspect-ratio: 1 / 1;
}

#gallery_view_three {
    position: absolute;
    width: 100%;
    z-index: 10;
    -webkit-box-shadow: 5px 5px 15px 5px #000000;
    box-shadow: 0px 5px 21px -1px #000000;
    left: 0px;
    top: 15px;
    display: none;
	border-top: 83px solid black;
    border-bottom: 84px solid black;
    aspect-ratio: 1 / 1;
}

#gallery_view_four {
    position: absolute;
    width: 100%;
    z-index: 10;
    -webkit-box-shadow: 5px 5px 15px 5px #000000;
    box-shadow: 0px 5px 21px -1px #000000;
    left: 0px;
    top: 15px;
    display: none;
	border-top: 83px solid black;
    border-bottom: 84px solid black;
    aspect-ratio: 1 / 1;
}

#gallery_view_five {
    position: absolute;
    width: 100%;
    z-index: 10;
    -webkit-box-shadow: 5px 5px 15px 5px #000000;
    box-shadow: 0px 5px 21px -1px #000000;
    left: 0px;
    top: 15px;
    display: none;
	border-top: 83px solid black;
    border-bottom: 84px solid black;
    aspect-ratio: 1 / 1;
}


#tool_container {
    width: 100%;
    height: 48px;
    clear: both;
}

#gallery_container{
	width:100%;
	height:30px;
	//background:red;
	clear:both;
}

.gallery_img {
    float: left;
    position: relative;
    width: 19%;
    margin-left: 1%;
    cursor: pointer;
    margin-top: 4px;
}

#left_arrow{
	position: relative;
    float: left;
    z-index: 999;
    margin-top: calc(50% - 30px);
    width: 30px;
    margin-left: 5px;
	display:none;
}

#right_arrow {
    position: relative;
    float: right;
    z-index: 999;
    margin-top: calc(50% - 30px);
    width: 30px;
    margin-right: 5px;
	display:none;
}

::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #FF0000;
}

.owl-carousel{
	height:230px;
}

.product_pricing_container{
	position:relative;
}


.close_vr {
    width: 29px;
    position: fixed;
    right: 8%;
    top: 134px;
    z-index: 11;
    cursor: pointer;
    display: none;
}



.vr_tool_view {
    position: fixed;
    width: 86%;
    left: 7%;
    max-width: 1000px;
    display: block;
    z-index: 10;
    -webkit-box-shadow: 5px 5px 15px 5px #000000;
    box-shadow: 0px 5px 21px -1px #000000;
    top: 124px;
    display: none;
    aspect-ratio: 1000 / 669;
}

@media (min-width:1180px){
	.vr_tool_view {
		left: calc(50% - 500px);
	}
	.close_vr {
		right: calc(50% - 492px);
	}
}

.play_icon_class {
    position: absolute;
    bottom: calc(50% - -9px);
    left: 6px;
    cursor: pointer;
    width: 40px;
    z-index: 1;
}

.play_icon_class_list{
    width: 29px;
    margin-left: 5px;
}

@media (max-width: 720px){
	.heart_class {
		bottom: calc(50% - -3px);
		
	}
	.play_icon_class {
		bottom: calc(50% - 1px);
	}
}



@media (max-width: 540px){
	.heart_class {
		bottom: calc(50% - -52px);
	}
	.play_icon_class {
		bottom: calc(50% - -48px);
	}
	.product_item_container {
		padding-bottom: 116%;
	}
}



#proin_imeras_container {
    width: 100%;
    height: 1470px;
    background: yellow;
    margin-top: -18px;
    padding-top: 32px;
    background: url('../images/bgyel.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow-x: hidden;
}

#proion_date_container {
    background: red;
    color: white;
    font-family: 'pfufont';
    width: 298px;
    margin-left: auto;
    font-size: 24px;
    font-weight: bold;
    margin-right: auto;
    text-align: center;
    margin-top: 34px;
}

#youtube_container {
    width: 90%;
    position: relative;
    margin-left: auto;
    margin-right: auto; 
    border: 8px solid black;
    margin-top: 21px;
    height: 240px;
}

#sticker_imeras {
    position: absolute;
    top: -28px;
    left: -29px;
    width: 116px;
}

#titlos_imeras {
    text-align: center;
    font-family: 'pfufont';
    font-size: 20px;
    font-weight: bold;
    margin-top: 22px;
}

#first_imeras_line {
    background: black;
    height: 2px;
    width: 94%;
    margin-left: 3%;
    margin-top: 10px;
}

#product_photo_imeras {
    width: 96%;
    margin-top: 13px;
    outline: 1px solid black;
    margin-left: 2%;
}

#ligei_label {
    background: red;
    color: white;
    width: calc(96% + 2px);
    margin-left: auto;
    margin-right: auto;
    font-family: 'pfufont';
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}

#countdown_container {
    padding-top: 4px;
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(90,9,121,1) 61%, rgba(255,0,74,0.9051995798319328) 100%);
    width: calc(96% + 2px);
    height: 97px;
    margin-left: auto;
    margin-right: auto;
}

#proion_imeras_down_right {
    width: 100%;
    height: 430px;
    float: left;
}

#controls_container {
    width: 390px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    padding-top: 10px;
}

#imeras_minus {
    background: #d6d6d6;
    width: 40px;
    height: 40px;
    text-align: center;
    position: relative;
    margin-left: 17px;
    float: left;
	cursor:pointer;
}

#imeras_input {
    background: white;
    height: 41px;
    float: left;
    margin-left: 6px;
    width: 65px;
    text-align: center;
    font-size: 24px;
}

#imeras_plus {
    background: red;
    width: 40px;
    height: 40px;
    text-align: center;
    position: relative;
    margin-left: 5px;
    float: left;
    color: white;
	cursor:pointer;
}

#plus_label {
    top: -10px;
    position: absolute;
    left: 7px;
    font-size: 42px;
}

#minus_label {
    top: -15px;
    position: absolute;
    left: 9px;
    font-size: 49px;
}

#timi_polisis_label {
    color: black;
    font-family: 'pfufont';
    font-size: 23px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    clear: both;
    margin-top: 32px;
    height: 25px;
}

#times_container_imeras {
    width: 462px;
    height: 156px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
}

#upleft {
    width: 230px;
    height: 78px;
    float: left;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

#upright {
    width: 231px;
    height: 78px;
    float: left;
    border-bottom: 1px solid black;
}

#imeras_timi_xoris_label {
    font-family: pfufont;
    font-size: 25px;
    float: left;
    margin-left: 46px;
    margin-top: 24px;
}

#imeras_timi_xoris_value {
    font-family: pfufont;
    font-size: 28px;
    font-weight: bold;
    margin-top: 22px;
    margin-left: 53px;
}

#downleft {
    clear: both;
    width: 230px;
    height: 78px;
    float: left;
    border-right: 1px solid black;
}

#imeras_timi_me_label {
    font-family: pfufont;
    font-size: 25px;
    float: left;
    margin-left: 57px;
    margin-top: 24px;
}

#downright{
	width:231px;
	height: 78px;
    float: left;
}

#imeras_timi_me_value {
    font-family: pfufont;
    font-size: 28px;
    font-weight: bold;
    margin-top: 22px;
    margin-left: 53px;
}

#second_imeras_line {
    background: black;
    height: 2px;
    width: 98%;
    margin-left: 1%;
    margin-top: 24px;
}

#imeras_moreinfo_container {
    width: 380px;
    height: 130px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#imeras_barcode_container {
    width: 190px;
    height: 130px;
    border-right: 1px solid black;
	float:left;
	text-align:center;
}

#imeras_barcode_banner {
    background: red;
    color: white;
    font-family: 'pfufont';
    width: 115px;
    font-size: 17px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#imeras_barcode_img {
    width: 42px;
    margin-left: auto;
    margin-right: auto;
}

#imeras_barcode_value {
    font-family: 'pfufont';
    font-size: 17px;
    margin-top: -6px;
    font-weight: bold;
}

#imeras_temkiv_container {
    width: 189px;
    height: 130px;
	float:left;
	text-align:center;
}

#imeras_temkiv_banner {
    background: green;
    color: white;
    font-family: 'pfufont';
    width: 115px;
    font-size: 17px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

#imeras_temkiv_img {
    float: left;
    width: 40px;
    margin-top: 7px;
    margin-left: 54px;
}

#imeras_temkiv_value {
    float: left;
    font-family: 'pfufont';
    font-size: 21px;
    margin-top: 14px;
    margin-left: 9px;
    font-weight: bold;
}

#imeras_prosthiki {
    background: red;
    width: 170px;
    height: 40px;
    float: left;
    margin-left: 24px;
    color: white;
    cursor: pointer;
    font-family: pfufont;
    font-size: 21px;
    border: 0px;
}

#imeras_icon_cart {
    float: left;
    font-size: 24px;
    color: white;
    margin-left: 9px;
    margin-top: 3px;
}

.m-content{
	overflow-x:hidden;
}

.play_icon_class_grid_imeras {
    position: absolute;
    top: 20px;
    left: 20px;
    cursor: pointer;
    width: 49px;
    z-index: 1;
}

.close_vr_grid_imeras {
    width: 29px;
    position: fixed;
    right: 8%;
    top: 134px;
    z-index: 11;
    cursor: pointer;
    display: none;
}

.vr_tool_view_grid_imeras {
    position: fixed;
    width: 86%;
    left: 7%;
    max-width: 1000px;
    display: block;
    z-index: 10;
    -webkit-box-shadow: 5px 5px 15px 5px #000000;
    box-shadow: 0px 5px 21px -1px #000000;
    top: 124px;
    display: none;
    aspect-ratio: 1000 / 669;
}

#proion_imeras_down_left{
	position:relative;
}