@charset "utf-8";
/* CSS Document */


/* user history */
.usrhistorder { width: 90%; margin: 0 auto; }
.usrhistorder .ordT { font-weight: bold; padding: 5px; border-bottom: 1px solid #aaa; }
.usrhistorder .ordrw { padding: 5px; border-bottom: 1px solid #eee; }
.usrhistorder .ordrw_mid span { display: none; }

@media only screen and (max-width: 600px) { .usrhistorder { width: 100%; } }
@media only screen and (max-width: 300px) {
	.usrhistorder thead { display: none; }
	.usrhistorder, .usrhistorder tbody, .usrhistorder tr, .usrhistorder tr td { width: 100%; display: block; text-align: center; }
	.usrhistorder tr td.ordrw_mid { border-color: #aaa; margin-bottom: 10px; }
	.usrhistorder tr td.ordrw_right { display: none; }
	.usrhistorder tr td.ordrw_mid span { display: inline-block; }
}


/* wishlist */
.wishlisttbl { width: 90%; margin: 0 auto; }
.wishlisttbl .list_title { font-weight: bold; padding: 5px; border-bottom: 1px solid #aaa; }
.wishlisttbl .list_item { padding: 5px; border-bottom: 1px solid #eee; }

@media only screen and (max-width: 600px) { .wishlisttbl { width: 100%; } }
@media only screen and (max-width: 300px) {
	.wishlisttbl thead { display: none; }
	.wishlisttbl, .wishlisttbl tbody, .wishlisttbl tr, .wishlisttbl tr td { width: 100%; display: block; text-align: center; }
	.wishlisttbl tr td.list_item_right { border-color: #aaa; margin-bottom: 15px; }
}

/* cart - misc forms */
.form-register{
	max-width: 700px;
}
.login_page_wrap {
	max-width: 400px;
}
.form-register, .login_page_wrap {
  padding: 15px;
  margin: 0 auto;
}

.discForm, .ordTotal, .metaforika_basket_preview { text-align: right;  padding: 0.5em 0; margin-bottom: 0.5em; border-bottom: 1px solid #ccc; }
.discForm  .form-control { max-width: 150px; display: inline-block; }
.discForm  .form-group { display: inline-block; }
.basketNav { margin-top: 1em; margin-bottom: 1em; }
.basketNavs button { padding: 0.3em 0.5em; font-size: 1.2em; font-weight: bold; border: none; }
.basketSteps, .basketSteps i { font-size: 1.2em; color: #ccc; }
.basketSteps.activestep, .basketSteps.activestep i { color: #000; }

.timologioForm { display: none; }
.cartField1_error, .cartField2_error, .cartSelect1_error, .cartSelect2_error, .cartField15_error h3 { color: red!important; border-color: red!important; }

/*h4.pmtCh:before { content: '\00ab\00a0'; }*/
/*h4.pmtCh:after { content: '\00a0\00bb'; }*/

/*h4.pmtUnCh { color: #777; cursor:pointer; }
h4.pmtCh { color: #212529; }
h4.pmtCh:before { content:"\f046"; font-family:FontAwesome; padding-right: 5px; }
h4.pmtUnCh:before { content:"\f096"; font-family:FontAwesome; padding-right: 5px; }
*/
/* --- courier */
/*h4.cpmtUnCh { color: #777; cursor:pointer; }
h4.cpmtCh { color:#212529; }

.pmt.cpmtUnCh + .cpmb { color: #777; }

h4.cpmtCh:before { content:"\f046"; font-family:FontAwesome; padding-right: 5px; }
h4.cpmtUnCh:before { content:"\f096"; font-family:FontAwesome; padding-right: 5px; }
*/


@media only screen and (max-width: 768px) {

	table.masterT{display:none;}


	.gen_field{position: relative;padding:0;margin:0;}
	img.cref{position: relative;top:3px;left:5px;cursor:pointer;}


	table#szcopr{float:left;width:100%;-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none; margin:0px 0 20px 0; background: #fff;color:#333;}
}

.cart_summary>thead, .cart_summary>tfoot { background: #f7f7f7; }


/* search */
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: -10px;
	width: 210px;
	cursor: default;
	text-align: left;
	background: #fafafa;
	padding: 0px;
	border: 1px solid #eee;
	z-index: 10000;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.ui-autocomplete li.ui-menu-item { padding: 5px; border-bottom: 1px dotted #ccc; font-size: 13px; }
.ui-autocomplete li.ui-menu-item a { display:block; }
.ui-autocomplete li.ui-menu-item.ui-state-focus, .ui-autocomplete li.ui-menu-item.ui-state-focus a, .ui-autocomplete li.ui-menu-item a:hover { background:#2ab8d2; color: #fff; }
.ui-helper-hidden-accessible { display: none; }


/* cookies */
#cookieNotice { position: fixed; left:5%; right: 5%; bottom:0; text-align: center; padding: 5px; background: #3a3f46; color: #ccc; border-radius: 5px 5px 0px 0px; z-index: 99999; }
#cookieNotice a { color: #2ab8d2; }
#cookieNotice span { background: #111; color: #fff; cursor: pointer; padding: 2px 5px; border-radius: 3px; white-space: nowrap; }



/* sicoprav */
.sicoprav { margin-bottom: 3px; }
.sicoprav span { display: inline-block; padding: 3px 3px; background: #f2f2f2; }
.sicoprav span.sccol1 { width: 18%; text-align: center; }
.sicoprav span.sccol2 { width: 12%; text-align: center; }
.sicoprav span.sccol3 { width: 10%; text-align: center; font-weight: bold; }
.sicoprav span.sccol4 { width: 10%; text-align: center; font-weight: bold; }
.sicoprav span.sccol5 { width: 38%; }

.sicoprav span.sicoBuy { background: #2ab8d2; color: #fff; cursor: pointer; }
.sicoprav span.sicoBuyInactive { color: #999; }


/* input-box-2018 */
.input-box-2018 { text-indent: -2000px; overflow: hidden; height: 1px; margin: 0; display: none;}
.input-box-2018 input.form-control { display: inline !important; }

/* misc 2019 07 */
.bs3-mt3 { margin-top: 1.5rem; }

#videocode {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
#videocode object, #videocode embed, #videocode iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

#popup-msg2 .modal-body, #popup-msg2 .modal-header { padding: 0px; }
#popup-msg2 .modal-body button { position: absolute; top: 5px; right: 5px; font-size: 41px; line-height: 19px; }

#popup-msg.cart { top:25%; left:auto; right:0%; }

#popup-msg.cart .modal-dialog{ max-width:400px}


/* cookies 20200402 */
#cookies2020 {position: fixed;left: 0;right: 0;bottom: 0;background: #f2f2f2;color: #000;padding: 10px;border-top: 2px solid #999;z-index: 2147483649;max-height: 80vh;overflow-y: auto;overflow-x: hidden}
#cookies2020 .heading button.acceptall {margin-right: 10px}
#cookies2020 .content {background: #f2f2f2;margin-top: 10px}
#cookies2020 .content button {white-space: normal;word-break: break-word}
#cookies2020 .content label.active {cursor: pointer;color: #009900}
#cookies2020 .content label.inactive {cursor: pointer;color: #990000}
#cookies2020 .content .panel .panel-body {max-height: 20vh;overflow: auto}

/*
** error form message
*/
.errors {
    color: #dd0000;
    font-size: 13px;
    margin-top: 5px;
    display: block;
}
/*
** page message after register, login, subscribe etc
*/
.message--done {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 600px;
    margin: 50px auto 0;
    padding-left: 15px;
    padding-right: 15px;
	min-height: 200px;
}
.message--done > lord-icon{
	width: 80px;
	height: 80px;
}
.message--done > h2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 21px;
    color: #040307;
}
.message--done > span {
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    margin-top: 8px;
}



.new-button{
	display:none;
}

@media (max-width: 767px) {
	.new-button{
		display:block;
		width:100%;
		color: #2ab8d2;
		background-color: white;
		border: 1px solid #2ab8d2;
		margin-bottom:5px;
	}

	.main-container {
		padding-top:0px!important;

	}

}

@media (min-width: 768px) {
	.filter-tabs{
		display: block!important;
	}

	
}

.shop-before-control{
	text-align: unset!important;
}

.extra-padding{
	padding-right: 30px!important;
}

.filter-tabs{
	margin-bottom:20px;
}

.btn-custom{
	background-color: #2ab8d2!important;
}

.card{
	border: none!important;
}

@media(max-width:991px){
	.azeroth-product-gallery{
		flex-direction:column!important;
	}

	.azeroth-product-gallery .slick-track {
		/* max-width: 100%!important;
		width:100%!important; */
        display: flex;
    }

	.azeroth-product-gallery .flex-control-nav.flex-control-thumbs{
		max-width: 100%!important;
		width:100%!important;
	}

	
}

.t-consentPrompt{
	max-height: 400px !important;
}
button[data-tid="banner-decline"],
button.t-declineAllButton {
	background: transparent !important;
	border-color: rgb(0, 0, 0) !important;
	color: rgb(0, 0, 0) !important;
	border: 1px solid !important;
}

button[data-tid="banner-accept"],button[data-tid="banner-decline"], button.t-preference-button {
	line-height:initial;
}
 
#boxnowmap iframe{
	z-index:99999;
}

.boxnow-button{
	cursor:pointer;
	color:#548235;
	/*font-weight:700;*/
	font-size:18px;
	position:relative;
	padding-left:30px
}
.boxnow-button-green{
	font-size:18px;
	color:#548235;	
}

.boxnow-pay-on-go{
	color:#548235;
}

.boxnow-button.checked:before { top: 1px;
  width: 21px;
  height: 21px;
  transition: background-color .2s;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: #efefef;
   position: absolute;
  left: 0;
  display: block;
  box-sizing: content-box;
  content: '';
  animation: borderscale .2s ease-in;
}
.boxnow-button.checked:after { top: 8px;
  left: 6px;
  width: 10px;
  height: 6px;
  
	position: absolute;
  border-width: 0 0 2px 2px;
  border-style: solid;
  border-color: #282828;
  background-color: transparent;
  content: '';
  transition: transform .2s ease-out;
  transform: rotate(-45deg) scale(1);
}
.boxnow-button.unchecked:before { top: 1px;
  width: 21px;
  height: 21px;
  transition: background-color .2s;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: #efefef;
  position: absolute;
  left: 0;
  display: block;
  box-sizing: content-box;
  content: '';}


  .buyalso-prod-list .cart-subtotal {
  display: flex;
  justify-content: center;
  font-weight: 600;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 2px solid var(--accent-color);
  font-size: 16px;
  gap:10px;
  align-items:flex-end

}
.buyalso-prod-list .btn {
  margin: 20px auto 0;
  display: block;
}
.buyalso-prod-list .single-group-prod + .single-group-prod {
  margin-top: 5px;
}
.buyalso-prod-grid {
  width: 100%;
  padding: 20px;
  margin-top: 60px;
  border-radius: 10px;
  background-color: #f4f4f6;
}
.product-price-points-all {
  color: var(--color-1);
}

.single-group-prod {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding: 10px 0;
  /* var(--color-6) is never actually defined on this page (only in an unrelated
     login_assets stylesheet), which silently dropped this border entirely - use a real color */
  border-bottom: 1px solid #e5e5e5;
}
.single-group-prod:last-child {
  border-bottom: 0;
}
.single-group-prod .thumb {
  width: 60px;
  border-radius: 10px;
  overflow: hidden;
}
.single-group-prod .thumbbuyalso {
  flex: 0 0 auto;
  width: 60px;
}
.single-group-prod .thumbbuyalso img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
/* the sico (size/color/qty variant) select, when the row has one, is its own column
   between the title and the qty stepper, keeping the whole row on one line. Fixed width so
   this column reserves the same space whether or not a given row actually has a select -
   otherwise rows without one shift their qty/price columns leftward, misaligning every row */
.single-group-prod .sicobuyalso {
  flex: 0 0 auto;
  width: 170px;
}
.single-group-prod .sicobuyalso .freqpr-sico {
  max-width: 170px;
  height: 34px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 1.2;
  padding: 0 28px 0 8px;
  vertical-align: middle;
  /* native select arrows ignore padding-right in some browsers and sit on top of the text -
     draw our own arrow instead and give it its own reserved space */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3e%3cpath fill='%23666' d='M1 1l5 5 5-5'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 10px 7px;
}
/* .qtybuyalso wraps the site's own .quantity stepper (template/tpl/product-full.tpl's {:fpQty:}
   block) so it looks identical to the main product's qty control instead of a custom design */
.single-group-prod .qtybuyalso {
  flex: 0 0 auto;
}
.group-product-list .info-text .text-primary {
  color: var(--color-1);
  font-weight: 500;
}
.group-product-list table {
  width: 100%;
  margin-bottom: 15px;
  border-top: 1px dotted var(--color-6);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .group-product-list table {
    min-width: 400px;
  }
}
.group-product-list table tbody tr td {
  padding: 10px 10px 10px 0;
  border-width: 0 0 1px 0;
  border-style: dotted;
  border-color: var(--color-6);
  background-color: transparent;
}
.group-product-list table tbody tr .thumb {
  width: 50px;
}
.group-product-list table tbody tr .title {
  color: #000000;
  font-size: 18px;
}
.group-product-list table tbody tr .title a {
  color: #000000;
}
.group-product-list table tbody tr .title a:hover {
  color: var(--color-1);
}
.group-product-list table tbody tr input {
  cursor: pointer;
}
.single-group-prod .choose {
  flex: 0 0 auto;
  width: 15px;
}
.single-group-prod .titlebuyalso {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 16px;
}
.single-group-prod .titlebuyalso a {
  display: block;
}
.single-group-prod .choose input {
  cursor: pointer;
  width: 15px;
  height: 15px;
}
.single-group-prod .pricepricebuyalso {
  flex: 0 0 auto;
  text-align: right;
  /* fixed, not just min-width: its actual rendered width otherwise varies with the price
     label's text length ("Τιμή:" vs "Από Τιμή:"), which changes how much space is left for
     the title's flex-grow and throws every column after it (sico, qty) out of alignment */
  width: 150px;
}
.single-group-prod .pricepricebuyalso .price {
  display: block;
}
.single-group-prod .pricepricebuyalso .single-price-shop {
  white-space: nowrap;
}
.single-group-prod .pricepricebuyalso .single-price-shop.nofpa {
  font-size: 17px;
  font-weight: 600;
  color: #2ab8d2;
}
.single-group-prod .pricepricebuyalso .single-price-shop.nofpa del {
  font-size: 14px;
  font-weight: 400;
  opacity: 0.6;
  color: #000;
  text-decoration: line-through;
  margin-right: 4px;
}
.single-group-prod .pricepricebuyalso .single-price-shop.withfpa {
  font-size: 13px;
  color: #2e9d4d;
}
.single-group-prod .pricepricebuyalso .price-label {
  font-weight: 400;
  margin-right: 3px;
}
/* row-break is an empty marker right after the title (see full_product.php/update_multi.php) -
   hidden by default, it only does anything once flex-wrap is turned on below, where forcing it
   to claim the full row width pushes everything after it (sico/qty/price) onto its own line,
   leaving the checkbox+title pair alone above it */
.single-group-prod .row-break {
  display: none;
}
@media (max-width: 767px) {
  .single-group-prod {
    flex-wrap: wrap;
  }
  .single-group-prod .row-break {
    display: block;
    flex-basis: 100%;
    height: 0;
  }
  .single-group-prod .sicobuyalso,
  .single-group-prod .qtybuyalso,
  .single-group-prod .pricepricebuyalso {
    margin-top: 6px;
  }
  .single-group-prod .pricepricebuyalso {
    margin-left: auto;
  }
}
.pro-qty {
  display: inline-block;
  font-weight: 500;
  margin-right: 10px;
  position: relative;
}
.pro-qty input {
  border: none;
  background-color: var(--color-6);
  border-radius: 35px;
  color: #000000;
  height: 50px;
  font-size: 16px;
  padding: 0 25px 0;
  text-align: center;
  width: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .pro-qty input {
    height: 45px;
  }
}
.pro-qty .qty-btn {
  cursor: pointer;
  position: absolute;
  line-height: 21px;
  color: #000000;
  top: 50%;
  transform: translate(0%, -50%);
  font-size: 16px;
  text-align: center;
  transition: all 0.3s ease 0s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.pro-qty .qty-btn:hover {
  color: var(--color-1);
}
.pro-qty .dec {
  left: 0;
  padding-left: 18px;
}
.pro-qty .inc {
  right: 0;
  padding-right: 18px;
}


.product-item-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  width: 100%;
  text-align: left;
  margin: 0;
  /*overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
	*/
}
.buyalso-prod-list-footer .cart-subtotal span{
	color: var(--secondary-color);
	font-size: 26px;
	font-weight: 600;
	display: block;
	line-height: 1;
	margin:border:0;
}

.pop-bundle-image{
 	max-width:100px;
	text-align:center;
}

.withdrawal-remove { cursor: pointer; width: 1.5em; height: 1.5em; }



.rf-ty__card {
  text-align: center;
  background-color: #fff;
  border: 2px solid #f0f0f0;
  border-radius: 30px;
  padding: 50px 40px;
}

.rf-ty__icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 25px;
  border-radius: 50%;
  background-image: linear-gradient(
    to right,
    #006600 0,
    #009900 100%
  );
  color: #fff;
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rf-ty__title {
  margin-bottom: 30px;
}

.rf-ty__title h2 {
  font-size: 28px;
  line-height: 1.3;
}

.rf-ty__message {
  font-size: 18px;
  line-height: 1.5;
  color: #000;
  margin-top: 15px;
}

.rf-ty__info {
  display: flex;
  flex-direction: column;
  gap: 15px;
  background-color: #ccc;
  border-radius: 30px;
  padding: 25px 30px;
  margin-bottom: 25px;
  text-align: left;
}

.rf-ty__info-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 5px 15px;
}

.rf-ty__info-label {
  font-size: 15px;
  font-weight: 500;
  color: #2f2b2d;
}

.rf-ty__info-value {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}

.rf-ty__note {
  font-size: 16px;
  line-height: 1.6;
  color: #2f2b2d;
  max-width: 45ch;
  margin: 0 auto 30px;
}

.rf-ty__actions .main-button {
  display: inline-block;
}


@media only screen and (max-width: 767px) {
  .rf-ty__card {
    padding: 35px 20px;
    border-radius: 20px;
  }

  .rf-ty__info-row {
    flex-direction: column;
    gap: 4px;
  }

  .rf-ty__message {
    font-size: 16px;
  }

  .rf-ty__title h2 {
    font-size: 22px;
  }
}