/* === TEMP START ===*/
/*.shop-cart {
	background: #eee;
}
.shop-cart .adapt {
	max-width: 1210px;
	margin: 0 auto;
	padding: 20px;
}
@media only screen and (min-width:768px) {
	.shop-cart .adapt {
		padding: 30px;
	}
}
@media only screen and (min-width:1024px) {
	.shop-cart .adapt {
		padding: 40px;
	}
}*/
/* === TEMP END ===*/

.order-form {
	display: block;
	font-family: arial, helvetica, sans-serif;
}
.order-form fieldset {
	margin: 0;
	padding: 0;
	display: block;
	min-width: 0;
	border: 0;
}
.order-form input,
.order-form button,
.order-form textarea,
.order-form select {
	box-sizing: border-box;
}

.order-form input[type=submit],
.order-form button {
	border: 0;
	text-align: center;
}


.order-form .cart-table {
	width: 100%;
	margin: 0 0 40px;
	border-collapse: collapse;
	border-spacing: 0;
}
@media only screen and (max-width:767px) {
	.order-form .cart-table {
		display: block;
	}
}
@media only screen and (max-width:767px) {
	.order-form .cart-table tbody,
	.order-form .cart-table tr,
	.order-form .cart-table td,
	.order-form .cart-table th {
		display: block;
	}
}
@media only screen and (max-width:767px) {
	.order-form .cart-table thead {
		display: none;
	}
}
.order-form .cart-table-body {
	border: solid #999999;
	border-width: 2px 0;
}
.order-form .cart-table-body-additional {
	border-top-width: 0;
	padding: 30px 0 0;
}
@media only screen and (min-width:768px) {
	.order-form .cart-table-body-additional {
		padding: 0;
		border-bottom-width: 2px;
	}
}
.order-form .cart-table-body-additional .field-wrapper {
	background: none;
}
.order-form .cart-table-body-additional .field-wrapper:nth-child(2) {
	border-top: 0;
}
@media only screen and (min-width:768px) {
	.order-form .cart-table-body-additional .field-wrapper:nth-child(2) {
		border-top: solid 2px #999999;
	}
}
@media only screen and (max-width:767px) {
	.order-form .cart-table-body-additional .field-label {
		display: none;
	}
}
@media only screen and (min-width:768px) {
	.order-form .cart-table-body-additional .field-label-delivery {
		text-align: left;
		padding: 45px 10px 5px 0;
	}
}
@media only screen and (min-width:768px) {
	.order-form .cart-table-body-additional .field-label-amount {
		padding: 45px 0 5px 10px;
	}
}
.order-form .field-wrapper {
	padding: 15px 0 5px;
	border-top: solid 1px #cccccc;
	position: relative;
	overflow: hidden;
}
@media only screen and (min-width:768px) {
	.order-form .field-wrapper {
		padding: 0;
	}
}
.order-form .field-wrapper:first-child {
	border: 0;
}
@media only screen and (min-width:768px) {
	.order-form  td,
	.order-form  th {
		vertical-align: top;
	}
}
.order-form .field-label {
	text-align: right;
	font-family: VerbCond, arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px;
	color: #999;
}
.order-form .field-label-product {
	border: 0;
}
.order-form .field-label-product span {
	display: none;
}
.order-form .field-label-amount {
	padding: 5px 0 5px 10px;
}
.order-form .field {
	padding: 0 0 10px;
}
.order-form .field[data-table-label]:before {
	content: attr(data-table-label);
	display: block;
	font-size: 12px;
	color: #999999;
}
@media only screen and (min-width:768px) {
	.order-form .field[data-table-label]:before {
		display: none;
	}
}
.order-form .field-product,
.order-form .field-item {
	float: left;
	clear: left;
	text-align: left;
	width: 60%;
}
.order-form .field-product {
	min-height: 32px;
}
@media only screen and (min-width:768px) {
	.order-form .field-product {
		padding: 0 0 0 10px;
		width: 100%;
	}
}
.order-form .field-product[data-table-label]:before {
	display: none;
}
.order-form .field-product .product-name {
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
}
@media only screen and (min-width:768px) {
	.order-form .field-product .product-name {
		padding: 17px 0 15px;
	}
}
.order-form .field-item {

}
@media only screen and (min-width:768px) {
	.order-form .field-item {
		text-align: right;
	}
}
@media only screen and (min-width:768px) {
	.order-form .field-input {
		padding: 10px 10px 10px 20px;
	}
}
@media only screen and (min-width:768px) {
	.order-form .field-input .spinner-container {
		float: right;
	}
}
.order-form .field-item-num {

}
@media only screen and (min-width:768px) {
	.order-form .field-item-num {

	}
}
.cart-table .field-item-num .item-number {
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 2px 10px;
}
.cart-table .field-price,
.cart-table .field-amount {
	text-align: right;
	font-family: VerbCond, arial, helvetica, sans-serif;
	font-size: 16px;
	line-height: 1em;
	font-weight: bold;
	white-space: nowrap;
	float: right;
	width: 40%;
}
@media only screen and (min-width:768px) {
	.cart-table .field-price,
	.cart-table .field-amount {
		padding: 20px 10px 15px 20px;
	}
}
.cart-table .field-price[data-table-label]:before,
.cart-table .field-amount[data-table-label]:before {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
}
.cart-table .field-amount {
	font-size: 20px;
}
@media only screen and (min-width:768px) {
	.cart-table .field-amount {
		padding: 17px 0 15px 20px;
	}
}
@media only screen and (min-width:768px) {
	.cart-table .field-product,
	.cart-table .field-item,
	.cart-table .field-price,
	.cart-table .field-amount {
		float: none;
		margin: 0;
	}
}
.cart-table .field-remove {
	position: absolute;
	right: 0;
	top: 0;
}
@media only screen and (min-width:768px) {
	.cart-table .field-remove {
		position: static;
		padding: 10px 0 0;
	}
}
.cart-table .prod-remove {
	width: 32px;
	height: 32px;
	background: none;
	overflow: hidden;
	margin: 0;
}
.cart-table .prod-remove b {
	display: block;
	position: relative;
	text-align: left;
	text-indent: -9999px;
	width: 2px;
	height: 18px;
	margin: -9px -1px;
	background: #333;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cart-table .prod-remove b:before {
	content: '';
	display: block;
	position: absolute;
	width: 18px;
	height: 2px;
	margin: -1px -9px;
	left: 50%;
	top: 50%;
	background: #333;
}
.total-price {
	margin-left: auto;
	max-width: 320px;
	width: 80%;
	text-align: right;
	//border-bottom: solid 2px #999999;
	padding: 15px 0;
}
.total-price .price {
	font-family: VerbCond, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
}
.total-tax,
.total-price-no-tax,
.total-price-with-tax {
	border-bottom: solid 1px #cccccc;
	max-width: 280px;
	width: 75%;
}
.total-tax .desc-label,
.total-price-no-tax .desc-label,
.total-price-with-tax .desc-label {
	font-size: 11px;
}
.total-tax .price,
.total-price-no-tax .price,
.total-price-with-tax .price {
	font-size: 16px;
}
.Actions {
	text-align: right;
	padding: 30px 0 0;
}
@media only screen and (min-width:768px) {
	.Actions {
		padding: 45px 0 0;
	}
}
.spinner-container {
	display: inline-block;
	overflow: hidden;
	width: 134px;
}
.spinner-container input,
.spinner-container button {
	display: block;
	float: left;
	height: 32px;
}
.spinner-container button {
	/*background: #e04026;*/
	border: 0;
	margin: 0;
	position: relative;
	text-indent: -9999px;
	width: 32px;
}
.spinner-container button:before,
.spinner-container button:after {
	content: '';
	position: absolute;
	background: #fff;
	height: 2px;
	width: 12px;
	margin: -1px -6px;
	left: 50%;
	top: 50%;
}
.spinner-container input {
	border: solid #999999;
	border-width: 1px 0;
	text-align: center;
	width: 70px;
	font-size: 14px;
	line-height: 18px;
	padding: 7px 10px;
}
.spinner-container .spin-up:after {
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.spinner-container .spin-down:after {
	display: none;
}
.order-step-2 .delivery-info {
	margin: 0 -30px 30px 0;
	position: relative;
	overflow: hidden;
}
.order-step-2 .delivery-info:before,
.order-step-2 .delivery-info:after {
	content: '';
	background: #999999;
	box-sizing: border-box;
	border-right: solid 30px #fff;
	height: 2px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
@media only screen and (min-width:768px) {
	.order-step-2 .delivery-info:before {
		width: 50%;
	}
}
.order-step-2 .delivery-info:after {
	display: none;
	left: 50%;
	width: 50%;
}
@media only screen and (min-width:768px) {
	.order-step-2 .delivery-info:after {
		display: block;
	}
}
.order-step-2 .delivery-info > .field {
	float: left;
	width: 100%;
	padding: 30px 30px 15px 0;
	position: relative;
}
@media only screen and (min-width:768px) {
	.order-step-2 .delivery-info > .field {
		width: 50%;
	}
}
.order-step-2 .delivery-info > .field:before {
	content: '';
	background: #999999;
	box-sizing: border-box;
	border-right: solid 30px #fff;
	height: 2px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.order-step-2 .field {
	overflow: hidden;
}
.order-step-2 .field.text,
.order-step-2 .field.email,
.order-step-2 .field.dropdown,
.order-step-2 .field.textarea,
.order-step-2 .field.complexoptionset,
.order-step-2 .field.optionset {
	padding: 0 0 15px;
}
.order-step-2 .field.text > .left,
.order-step-2 .field.email > .left,
.order-step-2 .field.dropdown > .left,
.order-step-2 .field.textarea > .left,
.order-step-2 .field.complexoptionset > .left,
.order-step-2 .field.optionset > .left {
	font-size: 14px;
	line-height: 16px;
	display: block;
	padding: 0 0 5px;
}
@media only screen and (min-width:560px) {
	.order-step-2 .field.text > .left,
	.order-step-2 .field.email > .left,
	.order-step-2 .field.dropdown > .left,
	.order-step-2 .field.textarea > .left,
	.order-step-2 .field.complexoptionset > .left,
	.order-step-2 .field.optionset > .left {
		float: left;
		width: 160px;
		padding: 12px 20px 12px 0;
	}
}
@media only screen and (min-width:768px) {
	.order-step-2 .field.text > .left,
	.order-step-2 .field.email > .left,
	.order-step-2 .field.dropdown > .left,
	.order-step-2 .field.textarea > .left,
	.order-step-2 .field.complexoptionset > .left,
	.order-step-2 .field.optionset > .left {
		padding: 0 0 5px;
		width: 100%;
	}
}
@media only screen and (min-width:1024px) {
	.order-step-2 .field.text > .left,
	.order-step-2 .field.email > .left,
	.order-step-2 .field.dropdown > .left,
	.order-step-2 .field.textarea > .left,
	.order-step-2 .field.complexoptionset > .left,
	.order-step-2 .field.optionset > .left {
		width: 160px;
		padding: 12px 20px 12px 0;
	}
}
@media only screen and (min-width:560px) {
	.order-step-2 .field.text > .middleColumn,
	.order-step-2 .field.email > .middleColumn,
	.order-step-2 .field.dropdown > .middleColumn,
	.order-step-2 .field.textarea > .middleColumn,
	.order-step-2 .field.complexoptionset > .middleColumn,
	.order-step-2 .field.optionset > .middleColumn {
		float: right;
		width: 100%;
		margin-left: -160px;
		padding-left: 160px;
	}
}
@media only screen and (min-width:768px) {
	.order-step-2 .field.text > .middleColumn,
	.order-step-2 .field.email > .middleColumn,
	.order-step-2 .field.dropdown > .middleColumn,
	.order-step-2 .field.textarea > .middleColumn,
	.order-step-2 .field.complexoptionset > .middleColumn,
	.order-step-2 .field.optionset > .middleColumn {
		margin-left: 0;
		padding-left: 0;
	}
}
@media only screen and (min-width:1024px) {
	.order-step-2 .field.text > .middleColumn,
	.order-step-2 .field.email > .middleColumn,
	.order-step-2 .field.dropdown > .middleColumn,
	.order-step-2 .field.textarea > .middleColumn,
	.order-step-2 .field.complexoptionset > .middleColumn,
	.order-step-2 .field.optionset > .middleColumn {
		margin-left: -160px;
		padding-left: 160px;
	}
}
.order-step-2 .field.text > .message,
.order-step-2 .field.email > .message,
.order-step-2 .field.dropdown > .message,
.order-step-2 .field.textarea > .message,
.order-step-2 .field.complexoptionset > .message,
.order-step-2 .field.optionset > .message {
	display: block;
	clear: both;
	font-size: 12px;
	color: #999999;
}
@media only screen and (min-width:560px) {
	.order-step-2 .field.text > .message,
	.order-step-2 .field.email > .message,
	.order-step-2 .field.dropdown > .message,
	.order-step-2 .field.textarea > .message,
	.order-step-2 .field.complexoptionset > .message,
	.order-step-2 .field.optionset > .message {
		padding-left: 160px;
	}
}
@media only screen and (min-width:768px) {
	.order-step-2 .field.text > .message,
	.order-step-2 .field.email > .message,
	.order-step-2 .field.dropdown > .message,
	.order-step-2 .field.textarea > .message,
	.order-step-2 .field.complexoptionset > .message,
	.order-step-2 .field.optionset > .message {
		padding-left: 0;
	}
}
@media only screen and (min-width:1024px) {
	.order-step-2 .field.text > .message,
	.order-step-2 .field.email > .message,
	.order-step-2 .field.dropdown > .message,
	.order-step-2 .field.textarea > .message,
	.order-step-2 .field.complexoptionset > .message,
	.order-step-2 .field.optionset > .message {
		padding-left: 160px;
	}
}
.order-step-2 .field.text > .message.required,
.order-step-2 .field.email > .message.required,
.order-step-2 .field.dropdown > .message.required,
.order-step-2 .field.textarea > .message.required,
.order-step-2 .field.complexoptionset > .message.required,
.order-step-2 .field.optionset > .message.required,
.order-step-2 .field.text > .message.validation,
.order-step-2 .field.email > .message.validation,
.order-step-2 .field.dropdown > .message.validation,
.order-step-2 .field.textarea > .message.validation,
.order-step-2 .field.complexoptionset > .message.validation,
.order-step-2 .field.optionset > .message.validation {
	color: red;
	padding-top: 10px;
	display: block;
}
.order-step-2 .field.dropdown .select2-select--product-form {
	display: block;
}
.order-step-2 .field.complexoptionset ul,
.order-step-2 .field.optionset ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.order-step-2 .field.complexoptionset li,
.order-step-2 .field.optionset li {
	margin: 0;
	padding: 0 0 20px;
	position: relative;
}
.order-step-2 .field.complexoptionset input,
.order-step-2 .field.optionset input {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 1px;
	height: 1px;
	opacity: .01;
}
.order-step-2 .field.complexoptionset input[type=radio] ~ label:before,
.order-step-2 .field.optionset input[type=radio] ~ label:before,
.order-step-2 .field.complexoptionset input[type=radio] ~ label:after,
.order-step-2 .field.optionset input[type=radio] ~ label:after {
	border-radius: 20px;
}
.order-step-2 .field.complexoptionset input:checked ~ label:after,
.order-step-2 .field.optionset input:checked ~ label:after {
	display: block;
}
.order-step-2 .field.complexoptionset input ~ label,
.order-step-2 .field.optionset input ~ label,
.order-step-2 .field.complexoptionset input ~ div,
.order-step-2 .field.optionset input ~ div,
.order-step-2 .field.complexoptionset input ~ span,
.order-step-2 .field.optionset input ~ span {
	display: block;
	padding: 0 0 0 28px;
}
.order-step-2 .field.complexoptionset input ~ label,
.order-step-2 .field.optionset input ~ label {
	display: inline-block;
	font-size: 16px;
	line-height: 18px;
	padding: 4px 0 4px 28px;
	cursor: pointer;
}
.order-step-2 .field.complexoptionset input ~ label:before,
.order-step-2 .field.optionset input ~ label:before,
.order-step-2 .field.complexoptionset input ~ label:after,
.order-step-2 .field.optionset input ~ label:after {
	content: '';
	position: absolute;
	left: 0;
	top: 4px;
}
.order-step-2 .field.complexoptionset input ~ label:before,
.order-step-2 .field.optionset input ~ label:before {
	width: 16px;
	height: 16px;
	background: #fff;
	border: solid 1px #999;
}
.order-step-2 .field.complexoptionset input ~ label:after,
.order-step-2 .field.optionset input ~ label:after {
	display: none;
	margin: 4px;
	background: #e04026;
	width: 10px;
	height: 10px;
}
.order-step-2 .field.text input,
.order-step-2 .field.email input,
.order-step-2 .field.textarea textarea {
	height: 40px;
	width: 100%;
	border: solid 1px #ccc;
	padding: 10px 15px;
	font-size: 16px;
	line-height: 18px;
	outline: 0;
}
.order-step-2 .field.text input:focus,
.order-step-2 .field.email input:focus,
.order-step-2 .field.textarea textarea:focus {
	border-color: #004681;
}
.order-step-2 .field.textarea textarea {
	height: 112px;
}
.order-summary {
	overflow: hidden;
}
.order-summary .summer-section {
	padding: 0 0 25px;
}
.order-summary .summer-section h3 {
	margin: 0 0 10px;
	font-size: 18px;
}
@media only screen and (min-width:768px) {
	.order-summary .summer-section {
		float: left;
		width: 50%;
	}
}
@media only screen and (min-width:768px) {
	.order-step-3 .cart-table .field-product {
		padding-left: 0;
	}
}
.order-step-3 .cart-table .field-delivery {
	text-align: right;
	width: 100%;
}
@media only screen and (min-width:768px) {
	.order-step-3 .cart-table .field-delivery {
		text-align: left;
	}
}
.order-step-3 .cart-table .field-delivery:before {
	display: block;
}
@media only screen and (min-width:768px) {
	.order-step-3 .cart-table .field-delivery:before {
		display: none;
	}
}