/********* cart ********/
.row{
	position: relative;
	margin:0;
	padding:0;
	width: 100%;
}
.card_list_header, .card_list_header div{
	font-family: 'Gotham-black';
    font-weight:bold;
	font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.card_list_total div{
	font-family: 'Gotham-ultra';
    font-weight:bold;
	font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.card_list_header, .card_list_total{
	display: table;
	width:100%;
	position: relative;
	padding:0;
	margin:0;
	border-bottom:1px solid RGBA(125,125,125,.2);
}
.card_list_line{
	/*font-weight: bold;*/
	display: table;
	width:100%;
	position: relative;
	padding:0;
	margin:0;
	border-bottom:1px solid RGBA(125,125,125,.2);
}
.card_list_line div a,
.card_list_line div a:link,
.card_list_line div a:active,
.card_list_line div a:visited{
	color:inherit;
}

.card_list_line div a:hover{
	color: var(--linkcolor);
}
.col1, .col2, .col3, .col3c, .col4, .col5, .col6, .col7{
	display: table-cell;
	position: relative;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
	font-weight: bold;
	outline: none;
	border: none;
}

.col1{width: 10%; vertical-align: top;} /*fotó*/
.col2{width: auto; vertical-align: middle;} /*név, leírás*/
.col3{width: 20%; vertical-align: middle;} /*mennyiség*/
.col3c{width: 25%; vertical-align: middle;} /*kuponkód input*/
.col4{width: 16%; vertical-align: middle;} /*ár*/
.col5{width: 4%; vertical-align: middle;} /*törlés*/
.col6{width: auto; vertical-align: middle; padding: 10px;} /*összesen szöveg*/
.col7{width: 20%; text-align: left; vertical-align: middle; padding: 10px;} /*végösszeg*/

/*Kosárba gomb konténer*/
.mvic{
	margin: 0;
	padding:1px; /*Látszólagos border a gomb és mennyiség input körül*/
	line-height: 24px;
	background-color: RGBA(125,125,125,.5);
	transition: all .2s ease-in-out 0s;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	display: inline-block;
	border-radius: 4px;
}
.mvic:hover{
	background-color: RGBA(125,125,125,.7);
}
.mvic:hover .mvmb, .mvic:hover .mvpb{
	background-color: white;
}	
/*Mennyiség input mező*/
.mvi{
	background-color: whitesmoke;
	font-size: inherit;
	width: auto;
	max-width: 60px;
	font-weight: bold;
	position:relative;
	margin:0;
	padding: 0 6px;
	border: unset;
	line-height: 24px;
	white-space: normal;
	display:inline-block;
	vertical-align:baseline;
	text-align:center;
	border-radius: 4px;
}
/*Mennyiség --, ++*/
.mvmb, .mvpb{
	background-color: whitesmoke;
	border-radius: 4px;
	font-size: inherit;
	width: auto;
	font-weight: bold;
	position:relative;
	margin:0 2px 0 0;
	padding: 0 8px;
	border: unset;
	line-height: 24px;
	white-space: normal;
	display:inline-block;
	vertical-align:baseline;
	text-align:center;
	cursor:pointer;
	transition: all .2s ease-in-out 0s;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
}
.mvmb{
	margin:0 1px 0 0;
}
.mvpb{
	margin:0 0 0 1px;
}
.cardimg img{
	width: 100%;
	max-width:80px;
}
#cpcode{
	background-color: #F1F1F1;
    font-size: inherit;
	letter-spacing:3px;
    font-family: 'Gotham-black';
    width: 100%;
    font-weight: bold;
    position: relative;
    margin: 0;
    padding: 0 6px;
    border: 2px solid RGBA(125,125,125,.5);
    line-height: 32px;
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border-radius: 4px;
	transition: all .2s ease-in-out 0s;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	background-position:left center;
	background-size: auto 76%;
	background-repeat: no-repeat;
}
#cpcode:hover{
	border: 2px solid RGBA(50,50,50,.5);
	background-color: white;
}

::-webkit-input-placeholder{ /* WebKit, Blink, Edge */
	font-style: italic;
	font-weight: normal;
	font-family: 'Gotham';
	line-height: 125%;
}
:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
	font-style: italic;
	font-weight: normal;
	font-family: 'Gotham';
	line-height: 125%;
}
::-moz-placeholder{ /* Mozilla Firefox 19+ */
	font-style: italic;
	font-weight: normal;
	font-family: 'Gotham';
	line-height: 125%;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-style: italic;
	font-weight: normal;
	font-family: 'Gotham';
	line-height: 125%;
}

#cpcodebutt, .cpcodebutt{
	/*background-color: #799fbf;*/
	background-color:#66CCC9;
	color: white;
    font-size: inherit;
	width: auto;
    font-weight: bold;
    position: relative;
    margin: 0;
    padding: 0 10px;
    border: 2px solid #66CCC9;
    line-height: 32px;
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border-radius: 6px;
	transition: all .2s ease-in-out 0s;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
}
#cpcodebutt:hover, .cpcodebutt:hover{
	border: 2px solid #444;
	background-color: #444;
	color:Whitesmoke;
	cursor:pointer;
}

#CHECKOUT_CONTAINER{
	display: flex;
	position: relative;
	width:100%;
	height: auto;
	border-top: 1px solid rgba(0,0,0,0.15);
	border-bottom: 1px solid rgba(0,0,0,0.15);
	background-color: white;
	padding:0;
	margin: 18px 0 0 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	z-index:13;
	overflow: hidden;
}

#SUM1, #SUM2, #SUM3, #SUMB{
	text-align: left;
	vertical-align: top;
	width:25%;
	max-width:25%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden !important;
	background-color: #f5f5fc;
	color: #aaa;
}

#SUM1 h1, #SUM2 h1, #SUM3 h1, #SUM1 h2, #SUM2 h2, #SUM3 h2{
	color: #aaa;
}

#SUM1, #SUM2, #SUM3, #FORM1, #FORM2,  #FORM3, #SUMB{
	border-left: 1px solid rgba(0,0,0,0.15);
}

#SUM3, #FORM3{
	border-right: 1px solid rgba(0,0,0,0.15);
}

#FORM1, #FORM2, #FORM3{
	top:0;
	text-align: left;
	vertical-align: top;
	width:50%;
	max-width: 50%;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #fafafc;
	overflow: hidden;
}
#FORM1, #FORM2, #SUM1, #SUM2, #SUM3, #FORM3{
	display:inline-block;
}
#SUM1{position:relative; z-index:1; left:0;}
#SUM2{position:absolute; z-index:3; left:50%;}
#SUM3{position:absolute; z-index:5; right:0;}
#FORM1{position:absolute; z-index:7; left:0;}
#FORM2{position:absolute; z-index:9;left:100%;}
#FORM3{position:absolute; z-index:11;left:100%;}
#FORM1CT, #FORM2CT, #SUM1CT, #SUM2CT, #SUM3CT, #FORM3CT{
	padding:10px;
	margin:0;
	position: relative;
	display: block;
}

#FORM1CT, #FORM2CT, #SUM1CT, #SUM2CT, #FORM3CT{ /* "Tovább" gombok miatt */
	padding-bottom: 60px;
}

.cellfoot{
	margin:10px 0;
	position:absolute;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.cellfootbutt{
	position: relative;
    display: inline-block;
    height: auto;
    padding: 2px 8px;
    margin: 0 2px;
    border: 1px solid RGBA(0,0,0,.2);
	background-color: rgba(240, 240, 240, .1);
	color: Black;
    border-radius: 13px;
    line-height: 22px;
    text-align: center;
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
	opacity: 0.7;
}
.cellfootbutt.next{
	background-color: honeydew;
	color: Black;
	opacity: 1;
}
.cellfootbutt:hover, .cellfootbutt.next:hover{
	background-color: #444;
	color: Whitesmoke;
}
#FORM1FOOT, #FORM2FOOT{
	right:0;
	bottom:0;
	width: auto;
	padding: 0 10px;
	margin: 10px 0; 
}
#FORM3FOOT{
	left:0;
	bottom:0;
	width: auto;
	padding: 0 10px;
	margin: 10px 0; 
}
#SUM1FOOT, #SUM2FOOT{ left:0; bottom:0; display: block; text-align: center; padding: 0 10px; margin: 10px 0; width: 100%;}

#FORM1FOOT{ z-index: 8; }
#FORM2FOOT{ z-index: 10; }
#SUM1FOOT{ z-index:2; }
#SUM2FOOT{ z-index:4; }
#FORM3FOOT{ z-index: 12; }
#CHECKOUT{
	position:relative;
	margin: 0;
	padding:12px;
	text-align: center;
}
#CHECKOUTBUTT{
	opacity: 0.3;
	background-color:#66CCC9;
	color: white;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	margin: 0;
	padding: 4px 10px;
	border: 2px solid #66CCC9;
	line-height: 32px;
	white-space: normal;
	display: block;
	vertical-align: middle;
	text-align: center;
	border-radius: 6px;
	transition: all .2s ease-in-out 0s;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
}
#CHECKOUTBUTT:hover{
	border: 2px solid #444;
	background-color: #444;
	color:Whitesmoke;
}

.orderform h2{
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px solid rgba(0,0,0,0.15);
}

#SHIPFORM, #SELECTORMAP{
	position: relative;
	margin:0;
	padding:0;
}
#SHIPFORM{
	margin-bottom: 12px;
}
#SHIPMENU, #PAYMENTMENU{
	position: relative;
	display: flex;
	border-bottom: 1px solid rgba(0,0,0,0.15);
	font-weight: bold;
	font-family: 'Gotham-black';
	margin: 0;
	padding: 2px 2px 10px 2px;
}
#SHIPMENU div, #PAYMENTMENU div{
	position: relative;
	display: inline-block;
	height:auto;
	padding:2px 6px;
	margin: 0 2px;
	border: 1px solid RGBA(0,0,0,.2);
	border-radius: 5px;
	text-transform: uppercase;
	font-size: 8pt;
	line-height: 22px;
	text-align: center;
	opacity: 0.2;
	flex: 3;
	transition: all .2s ease-in-out 0s;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
}
.cargobutt, .ondeliverybutt, .ontransferbutt{
	background-color: #e8e8e8;
}
.foxpostbutt{
	background-color: #b70100;
	color: whitesmoke;
}
.pickpackbutt{
	background-color: #8d3897;
	color: #ffe6f4;
}
#SHIPMENU div.selected, #SHIPMENU div:hover, #PAYMENTMENU div.selected, #PAYMENTMENU div:hover{
	opacity:1;
}
#SHIPINFO, #PAYINFO, #CARTINFO, #SHIPSUMMARY, #INVOICESUMMARY, #PAYSUMMARY{
	font-size: 12px;
}
#SHIPINFO p, #PAYINFO p, #CARTINFO p, #SHIPSUMMARY p, #INVOICESUMMARY p, #PAYSUMMARY p{
	padding: 0 12px;
	margin: 0;
}
#SHIPINFO p.dt, #PAYINFO p.dt, #CARTINFO p.dt, #SHIPSUMMARY p.dt, #INVOICESUMMARY p.dt, #PAYSUMMARY p.dt{
	font-size: 12px;
	padding: 0 6px;
	font-weight: bold;
}
#SHIPINFO p.di, #PAYINFO p.di, #CARTINFO p.di, #SHIPSUMMARY p.di, #INVOICESUMMARY p.di, #PAYSUMMARY p.di, p.di{
	font-size: 12px;
	font-style: italic;
}
.summary_card_list_line{
	display:table;
	font-size: 10pt;
	width:100%;
	border-bottom: 1px solid RGBA(0,0,0,.2);
}
.summary_card_list_total{
	display:table;
	font-size: 11pt;
	width:100%;
}
.scli, .sclv{ /*Kis kép, darabszám*/
	display:table-cell;
	margin:0;
	padding:5px;
	text-align:left;
	vertical-align:top;
	width:36px;
}
.sclv{
	display: none;
	vertical-align: middle;
	text-align: center;
}
.scli img{
	width: 100%;
}
.sclt{
	display:table-cell;
	margin:0;
	padding:5px;
	text-align:left;
	vertical-align:top;
	width:auto;
}
.scls{
	display:table-cell;
	margin:0;
	padding:5px;
	text-align:right;
	vertical-align:top;
	width:96px;
	font-weight: bold;
}
.scln{
	padding:0;
	margin:0;
}
.volnr{
	position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto;
    min-width: 30px;
    border: 1px solid RGBA(0,0,0,.2);
    border-radius: 3px;
}
.totalsum, .totalsumtext{
	font-size: 16px;
	font-family: 'Gotham-black';
	font-weight: bold;
}
#SUM3CT .summary_card_list_line div.scli, #SUM3CT .summary_card_list_line div.scls, #SUM3CT .summary_card_list_line p.scln, #SUM3CT .summary_card_list_line.coupone{
	display: none;
}
#SUM3CT .summary_card_list_line div.sclv{
	display: table-cell;
}
#foxpostmap, #pickpackmap{
	/*width:640px;*/
	width: 60vw;
	max-width: 1200px;
	height:75vh;
}
#CHECKOUTCARTLIST .summary_card_list_total.sum3only, #CHECKOUTCARTLIST h2.sum3only{
	display: none;
}
#CHECKOUTSUMMARY{
	position: relative;
	margin:0 0 12px 0;
	border: 1px solid rgba(0,0,0,0.15);
	padding: 0 6px;
	border-radius: 6px;
	background-color: #ebf3ff;
}
#CHECKOUTSUMMARY:last-child{
	margin-bottom:0;
}
#CARTITEMS{
	position:relative;
	margin:0;
	padding:0;
	display: block;
	width:100%;
	border:none;
	height: auto;
	max-height: 300px;
	overflow-x:hidden;
	overflow-y:auto;
}
.checkoutfoot{
	text-align:left;
	margin:22px 0 0 22px;
}
.cartfoot{
	text-align:right;
	margin:22px 0 0 22px;
}

.colnr{
	position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    /* z-index: 3; */
    background-color: honeydew;
    color: inherit;
    margin: 0;
    padding: 0;
    width: 28px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
	font-family:'Gotham-black';
    /* border-radius: 4px; */
    border-left: 1px solid rgba(0,0,0,0.15);
    border-bottom: 1px solid rgba(0,0,0,0.15);
}

#CARTITEMS::-webkit-scrollbar{
    width: var(--scrollbar);
}
 
#CARTITEMS::-webkit-scrollbar-track{
    -webkit-box-shadow: var(--scrollbar-track);
}
 
#CARTITEMS::-webkit-scrollbar-thumb{
  background-color: var(--scrollbar-thumb-background-color);
  outline: var(--scrollbar-thumb-outline);
  border-radius: var(--scrollbar-thumb-border-outline-radius);
}
.mo{
	display:none;
}

/*  INNEN A MOBILOS NÉZET, FEKTETETT  */
@media handheld, only screen and (max-width: 768px) {
	
}
@media handheld, only screen and (max-width: 460px) {
	.card_list_header{
		display: none;
	}
	.cardimg img{
		width:100%;
		max-width: unset;
	}
	.card_list_total, .card_list_line{
		display: block;
		padding: 12px 0;
	}
	.col1, .col2, .col3, .col3c, .col4, .col5, .col6, .col7{
		display: inline-block;
		box-sizing: border-box;
	}

	.col1{width: 25%; vertical-align: top;} /*fotó*/
	.col2{width: 73%; vertical-align: top;} /*név, leírás*/
	.col3{width: 50%; vertical-align: middle;} /*mennyiség*/
	.col3c{width: 60%; vertical-align: middle;} /*kuponkód input*/
	.col4{
		width: 35%; vertical-align: middle;
		text-align: right;
		font-family: 'Gotham-black';
	} /*ár*/
	.col5{width: auto; vertical-align: middle;} /*törlés*/
	.col6{width: 60%; vertical-align: middle; text-align:right; padding: 0 10px;} /*összesen szöveg*/
	.col7{width: auto; text-align: left; vertical-align: middle; padding: 10px;} /*végösszeg*/
	
	.card_list_total div{
		font-size: 16px;
		padding: 8px 0;
	}
	.cpdesc{
		font-size: 14px;
	}
	
	#CHECKOUT_CONTAINER{
		display: block;
		height: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		z-index:1;
		overflow: hidden;
	}

	#SUM1, #SUM2, #SUM3, #SUMB{
		display: none;
		position: relative;
	}

	#SUM1, #SUM2, #SUM3, #FORM1, #FORM2,  #FORM3, #SUMB{
		border-left: unset;
	}

	#SUM3, #FORM3{
		border-right: unset;
	}

	#FORM1, #FORM2, #FORM3{
		top:0;
		left: 0;
		position: relative;
		display:block;
		text-align: left;
		vertical-align: top;
		width:100%;
		max-width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		background-color: white;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		z-index:1;
	}
	.checkoutfoot, .cartfoot{
		text-align:center;
		margin:22px;
	}
	#foxpostmap, #pickpackmap {
		/* width: 640px; */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		max-width: unset;
		width: 100%;
		height: 90vh;
	}
	#FORM2FOOT{
		text-align: center;
		display: block;
		width: 100%;
	}
	#SHIPMENU, #PAYMENTMENU{
		display:block;
	}
	#SHIPMENU div, #PAYMENTMENU div{
		flex: unset;
		display: block;
		margin: 4px 0;
	}
	.orderform label {
		width: 100%;
		display: block;
		border-radius: unset;
		border: unset;
		-webkit-border-radius: unset;
		-moz-border-radius: unset;
	}
	.orderform label div.il {
		width: 100%;
		max-width: unset;
		display: block;
		flex: unset;
		box-sizing: border-box;
	}
	.orderform input, .orderform select{
		display: block;
		width: 100%;
		border: 1px solid RGBA(125,125,125,.5);
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 0 6px 6px 0;
		box-sizing: border-box;
	}
	.orderform label, .orderform label div.il, .orderform label.noerror, .orderform label.noerror div.il {
		background-color: transparent;
	}
	.orderform label.noerror input, .orderform label.noerror select {
		background-color: honeydew;
	}
	
	
	.orderform label.error, .orderform label.error div.il {
		background-color: transparent;
	}
	.orderform label.error input, .orderform label.error select {
		background-color: #fff7f7;
	}
	.do{
		display: block !important;
		width: 100% !important;
		box-sizing: border-box;
	}
	.mn, .dt{
		display: none;
	}
	.mo{
		display:block;
	}
	#MSHIPSUMMARY p, #MSHIPINFO p{
		font-size: 12px;
		padding: 0 12px;
	}
}