body {
  font-family: PT Sans;
  margin:3px;
}

ol, ul {
     list-style: none;
}

blockquote, q {
     quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
     content: '';
     content: none;
}

input {
    padding:6px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #9A9A9A;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder {  Internet Explorer 10-11
  color: #9A9A9A;
}

::-ms-input-placeholder {  Microsoft Edge
  color: #9A9A9A;
}

.dropdown {float:none; overflow:visible;}
.dropdown .dropbtn {
    font-size: 14px;
    border: none;
    outline: none;
    color: white;
    padding: 14px 0px 14px 4px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

@media screen and (max-width: 320px) {
	.desktop_links_container {display:none; height:0px}
	.desktop_links {display:none; height:0px}
	.mobile_links_container {display:block; height:91px}
	.mobile_links {display:block; height:45px}
}

@media screen and (min-width: 321px) and (max-width: 767px) {
	.desktop_links_container {display:none; height:0px}
	.desktop_links {display:none; height:0px}
	.mobile_links_container {display:block; height:91px}
	.mobile_links {display:block; height:45px}
}

@media screen and (min-width: 768px) and (max-width: 1025px) {
	.desktop_links_container {display:none; height:0px}
	.desktop_links {display:none; height:0px}
	.mobile_links_container {display:block; height:91px}
	.mobile_links {display:block; height:45px}
}

@media screen and (min-width: 1026px) and (max-width: 1400px) {
	.desktop_links_container {display:block; height:91px}
	.desktop_links {display:block; height:91px}
	.mobile_links_container {display:none; height:0px}
	.mobile_links {display:none; height:0px}
	.ribbon_middle {display:none !important; height:0px !important}
}

@media screen and (min-width: 1401px) and (max-width: 2143px) {
	.desktop_links_container {display:block; height:91px}
	.desktop_links {display:block; height:91px}
	.mobile_links_container {display:none; height:0px}
	.mobile_links {display:none; height:0px}
	.ribbon_middle {display:none !important; height:0px !important}
}

@media screen and (min-width: 2144px) {
	.desktop_links_container {display:block; height:91px}
	.desktop_links {display:block; height:91px}
	.mobile_links_container {display:block; height:0px}
	.mobile_links {display:none; height:0px}
	.ribbon_middle {display:none !important; height:0px !important}
}

/*Mobile*/
@media screen and (max-width:740px) {
	
	.block_calender {
		width:90%;
	}
	
	.button_exit {
		margin:20px 15px 0px 0px;
	}
	
	.step, .step_current {
		font-size:20px;
		width:16px;
		height:16px;
		line-height: 16px;
		padding: 8px;
	}
	
	@media screen and (orientation:portrait) {
	    .line {
		    width:8vh;
	    }
	
		.step_ends {
		    width:calc(12vh - 32px);
		    font-size:12px;
	    }
	    
		.step_text_ends {
		    width:calc(8vh - 32px);
	    }
	    
		.step_text {
			width:12vh;
			font-size:12px;
		}

		.step_text_current {
			width:12vh;
			font-size:12px;
		}
		
		.button_container_left {
			text-align:center;
		}

		.button_container_right {
			text-align:center;
		}

	}
	
	@media screen and (orientation:landscape) {
	    .line {
		    width:22vh;
	    }
	    
	    .step_ends {
		    width:calc(60vh - 32px);
		    font-size:12px;
	    }
	    
		.step_text_ends {
			width:calc(60vh - 32px);
			font-size:12px;
		}
		
		.step_text {
			width:36vh;
			font-size:12px;
		}

		.step_text_current {
			width:36vh;
			font-size:12px;
		}
		
		.button_container_left {
			display:flex;
			float:left;
		}

		.button_container_right {
			display:flex;
			float:right;
		}
	}
	
	.container_thankyou {
		margin:0 auto;
		height:96vh;
		position: relative;
	}
	
	.close_dialog {
		position: absolute;
		right:0px;
		bottom:10px;
	}
	
	.content_header {
		margin-top:10px;
		margin-bottom:10px;
		text-align:center;
	}
	
	.content_body {
		margin:0px auto;
	}
	
	.content_row {
		flex-wrap: wrap;
	}
	
	.content_content {
		margin:1%;
	}
	
	.content_delivery_item, .content_checkout_item_left, .content_checkout_item_right {
		width:100%;
		margin: 5px 0px;
	}
	
	.content_inline {
		margin-left:10px;
		display:inline-block;
		vertical-align:middle;
	}
	
	.content_footer {
		width:100%;
	}
	
	.custom_decorations_width {
		width:98%;
	}
	
	.customize_left {
		width:50%;
	}
	
	.customize_right {
		width:20%;
		margin-left:5%;
	}
	
	.customize_field {
		width:200px;
	}
	
	.button_container_left {
		margin-top:3px;
	}
	
	.button_container_right {
		margin-top:3px;
	}
	
	.picker-d table td {
		padding:4px;
	}
	
	.price_item {
		width:80%;
	}
	
	.quantity_item_sizes {
		font-size:14px;
	}

	.quantity_item_price, .quantity_item_subtotal {
		font-size:14px;
	}

	.quantity_item_qty {
		font-size:16px;
	}
	
	.quantity_item_container_image_mobile {
		width:25%;
		display:inline-block;
		vertical-align:middle;
	}
	
	.quantity_item_container_titles {
		width:70%;
		margin-left:5%;
		display:inline-block;
		vertical-align:middle;
	}
	
	.quantity_item_container_image_desktop {
		width:0%;
		display:none;
		vertical-align:middle;
	}
	
	.quantity_item_table {
		width:100%;
	}
	
	.form, .item {
		padding:10px;
	}
	
	@media screen and (orientation:portrait) {
		.form_right_column {
			width:18vh !important;
			white-space:nowrap;
		}
	}
	
	@media screen and (orientation:landscape) {
		.form_right_column {
			width:90%;
		}
	}
	
	.form_details {
		font-size:14px;
		position:relative;
		border-left:2px solid #BFBFBF;
		border-right:2px solid #BFBFBF;
		border-bottom:2px solid #BFBFBF;
		border-top-right-radius:10px;
		border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;
		padding:10px;
	}
	
	.form_details td {
		padding:0px 3px;
	}
	
	.image_overlay {
		max-width:90vw;
		max-height:90vh;
		margin: 0 auto;
		margin-top:20px;
	}
}

/*Tablet*/
@media screen and (min-width:741px) and (max-width:1024px) {

	.block_calender {
		width:55%;
	}
	
	.button_exit {
		margin:20px 15px 0px 0px;
	}
	
	.step, .step_current {
		font-size:20px;
		width:16px;
		height:16px;
		line-height: 16px;
		padding: 8px;
	}
	
	@media screen and (orientation:portrait) {
	    
	    .line {
		    width:9vh;
	    }
	
	    .step_ends {
		    width:calc(25vh - 32px);
	    }
	    
		.step_text_ends {
			width:calc(22vh - 32px);
			font-size:12px;
		}
		
		.step_text {
			width:14vh;
			font-size:12px;
		}

		.step_text_current {
			width:14vh;
			font-size:12px;
		}
	}
	
	@media screen and (orientation:landscape) {
	    
	    .line {
	    	width:25vh;
	    }
	
	    .step_ends {
		    width:calc(58vh - 32px);
	    }
	    
		.step_text_ends {
			width:16vh;
			font-size:12px;
		}
		
		.step_text {
			width:14vh;
			font-size:12px;
		}

		.step_text_current {
			width:14vh;
			font-size:12px;
		}
	}
	
	.container_thankyou {
		margin:0 auto;
		height:96vh;
		position: relative;
	}
	
	.close_dialog {
		position: absolute;
		right:0px;
		bottom:10px;
	}
	
	.content_header {
		margin-top:10px;
		margin-bottom:10px;
		text-align:center;
	}
	
	.content_body {
		margin:0px auto;
	}
	
	.content_content {
		margin:1%;
	}
	
	@media screen and (orientation:portrait) {
		.content_row {
			flex-wrap: wrap;
		}
		
		.content_delivery_item, .content_checkout_item_left, .content_checkout_item_right {
			width:100%;
			margin: 5px;
		}
	}
	
	@media screen and (orientation:landscape) {
		.content_delivery_item {
			width:49%;
			margin: 1%;
		}
		
		.content_checkout_item_left {
			width:47%;
			margin: 1% 3% 1% 0%;
		}
		
		.content_checkout_item_right {
			width:47%;
			margin: 1% 0% 1% 3%;
		}
	}
	
	.button_container_left {
		display:flex;
		float:left;
	}

	.button_container_right {
		display:flex;
		float:right;
	}
		
	.content_inline {
		display:inline-block;
	}
	
	.content_footer {
		width:100%;
	}
	
	.custom_decorations_width {
		width:100%;
	}
	
	.customize_left {
		width:70%;
	}
	
	.customize_right {
		width:30%;
	}
	
	.picker-d table td {
		padding:4px;
	}
	
	.price_item {
		width:45%;
	}
	
	.quantity_item_sizes {
		font-size:20px;
	}

	.quantity_item_price, .quantity_item_subtotal {
		font-size:20px;
	}

	.quantity_item_qty {
		font-size:22px;
	}
	
	.quantity_item_container_image_mobile {
		width:20%;
		display:inline-block;
		vertical-align:middle;
	}
	
	.quantity_item_container_titles {
		width:75%;
		margin-left:5%;
		display:inline-block;
		vertical-align:middle;
	}
	
	.quantity_item_container_image_desktop {
		width:0%;
		display:none;
		vertical-align:middle;
	}
	
	.quantity_item_table {
		width:100%;
	}
	
	.form, .item {
		padding:20px;
	}
	
	.form_right_column {
		width:90%;
	}
	
	.form_details {
		font-size:14px;
		position:relative;
		border-left:2px solid #BFBFBF;
		border-right:2px solid #BFBFBF;
		border-bottom:2px solid #BFBFBF;
		border-top-right-radius:10px;
		border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;
		padding:10px;
	}
	
	.form_details td {
		padding:0px 10px;
	}
	
	.image_overlay {
		max-width:70vw;
		max-height:70vh;
		margin: 0 auto;
		margin-top:20px;
	}
}

/*Desktop*/
@media screen and (min-width:1025px) {
	.step_ends {
		width:10%;
	}
	
	.step, .step_current {
		font-size:28px;
		width:20px;
		height:20px;
		line-height: 20px;
		padding: 10px;
	}
	
	.line {
		width:16%;
	}
	
	.step_text_ends {
		width:2%
	}
	
	.step_text {
		width:20%;
	}

	.step_text_current {
		width:20%;
	}
	
	.block_calender {
		width:55%;
	}
	
	.button_exit {
		padding:30px 30px 0px 0px;
	}
	
	.container_thankyou {
		margin:0 auto;
		width:400px;
		height:96vh;
		position: relative;
	}
	
	.close_dialog {
		position: absolute;
		right:-30px;
		bottom:20px;
	}
	
	.content_header {
		margin-top:10px;
		margin-bottom:10px;
		margin:0 auto;
		text-align:center;
		width:70%;
	}
	
	.content_body {
		width:800px;
		margin:0px auto;
	}
	
	.content_content {
		width:88%;
		margin:0 auto;
		margin-top:30px;
		margin-bottom:30px;
	}
	
	.content_delivery_item {
		width:49%;
		margin: 1%;
	}
	
	.content_checkout_item_left {
		width:47%;
		margin: 1% 3% 1% 0%;
	}
	
	.content_checkout_item_right {
		width:47%;
		margin: 1% 0% 1% 3%;
	}
	
	.content_footer {
		margin:0 auto;
		width:88%;
	}
	
	.custom_decorations_width {
		width:100%;
	}
	
	.customize_left {
		width:70%;
	}
	
	.customize_right {
		width:30%;
	}
	
	.picker-d table td {
		padding:6px;
	}
	
	.price_item {
		width:45%;
	}
	
	.quantity_item_container_image_mobile {
		display:none;
		width:0%;
		vertical-align:middle;
	}
	
	.quantity_item_container_titles {
		width:100%;
		vertical-align:middle;
	}
	
	.quantity_item_container_image_desktop {
		width:35%;
		display:inline-block;
		vertical-align:middle;
	}
	
	.quantity_item_table {
		width:60%;
		display:inline-block;
		vertical-align:middle;
		margin-left:5%;
	}
	
	.tab_customize_left_active {
		width:35%;
	}
	
	.tab_customize_left_inactive {
		width:35%;
	}
	
	.tab_customize_none {
		width:30%;
	}
	
	.tab_delivery_left_active {
		width:25%;
	}
	
	.tab_delivery_left_inactive {
		width:25%;
	}
	
	.tab_delivery_none {
		width:50%;
	}
	
	.form, .item {
		padding:20px;
	}
	
	.form_right_column {
		width:90%;
	}
	
	.form_details {
		font-size:14px;
		position:relative;
		border-left:2px solid #BFBFBF;
		border-right:2px solid #BFBFBF;
		border-bottom:2px solid #BFBFBF;
		border-top-right-radius:10px;
		border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;
		padding:10px;
	}

	.form_details td {
		padding:0px 10px;
	}
	
	.quantity_item_sizes {
		font-size:20px;
	}

	.quantity_item_price, .quantity_item_subtotal {
		font-size:20px;
	}

	.quantity_item_qty {
		font-size:22px;
	}
	
	.button_container_left {
		display:flex;
		float:left;
	}

	.button_container_right {
		display:flex;
		float:right;
	}
	
	.image_overlay {
		max-width:40vw;
		max-height:40vh;
		margin: 0 auto;
		margin-top:20px;
	}
}

/*Mobile, Desktop & Tablet*/

.cursor_pointer {
	cursor:pointer;
}

.customize_text {
	font-family:inherit;
	height:160px;
	padding:8px;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.delivery-location-select-wrapper, .delivery-time-select-wrapper, .pickup-time-select-wrapper, .customize-complimentary-decoration-select-wrapper, .customize-complimentary-color-select-wrapper, .customize-complimentary-gender-select-wrapper, .customize-custom-decoration-select-wrapper, .customize-remainder-decoration-select-wrapper, .customize-remainder-color-select-wrapper, .customize-remainder-gender-select-wrapper {
     position: relative;
     user-select: none;
     width: 100%;
}

.delivery-location-select, .delivery-time-select, .pickup-time-select, .customize-complimentary-decoration-select, .customize-complimentary-color-select, .customize-complimentary-gender-select, .customize-custom-decoration-select, .customize-remainder-decoration-select, .customize-remainder-color-select, .customize-remainder-gender-select {
     position: relative;
     display: flex;
     flex-direction: column;
}

.delivery-location-select-trigger, .delivery-time-select-trigger, .pickup-time-select-trigger, .customize-complimentary-decoration-select-trigger, .customize-complimentary-color-select-trigger, .customize-complimentary-gender-select-trigger, .customize-custom-decoration-select-trigger, .customize-remainder-decoration-select-trigger, .customize-remainder-color-select-trigger, .customize-remainder-gender-select-trigger {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
     cursor: pointer;
}

.delivery-location-options, .customize-complimentary-decoration-options, .customize-complimentary-color-options, .customize-custom-decoration-options, .customize-remainder-decoration-options, .customize-remainder-color-options {
     position: absolute;
     display: block;
	overflow-y:scroll;
	max-height:200px;
     top: 100%;
     left: 0;
     right: 0;
     border: 2px solid #BFBFBF;
     border-top: 0;
     background: #fff;
     transition: all 0.5s;
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
     z-index: 2;
}

.pickup-time-options, .delivery-time-options, .customize-complimentary-gender-options, .customize-remainder-gender-options {
     position: absolute;
     display: block;
	font-size:16px;
     top: 100%;
     left: 0;
     right: 0;
     border: 2px solid #BFBFBF;
     border-top: 0;
     background: #fff;
     transition: all 0.5s;
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
     z-index: 2;
}

.delivery-location-select.open .delivery-location-options, .delivery-time-select.open .delivery-time-options, .pickup-time-select.open .pickup-time-options, .customize-complimentary-decoration-select.open .customize-complimentary-decoration-options, .customize-complimentary-color-select.open .customize-complimentary-color-options, .customize-complimentary-gender-select.open .customize-complimentary-gender-options, .customize-custom-decoration-select.open .customize-custom-decoration-options, .customize-remainder-decoration-select.open .customize-remainder-decoration-options, .customize-remainder-color-select.open .customize-remainder-color-options, .customize-remainder-gender-select.open .customize-remainder-gender-options {
	font-size:16px;
     opacity: 1;
     visibility: visible;
     pointer-events: all;
}

.delivery-location-option, .delivery-time-option, .customize-complimentary-decoration-option, .customize-complimentary-color-option, .customize-complimentary-gender-option, .customize-custom-decoration-option, .customize-remainder-decoration-option, .customize-remainder-color-option, .customize-remainder-gender-option {
     position: relative;
     display: block;
     padding: 0 10px 0 10px;
     font-size: 15px;
     font-weight: 300;
     color: #9a9a9a;
     line-height: 40px;
     cursor: pointer;
     transition: all 0.5s;
}

.pickup-time-option {
     position: relative;
     display: block;
     padding: 0 10px 0 10px;
     font-size: 15px;
     font-weight: 300;
     color: #9a9a9a;
     line-height: 40px;
     cursor: pointer;
     transition: all 0.5s;
}

.delivery-location-option:hover, .delivery-time-option:hover, .pickup-time-option:hover, .customize-complimentary-decoration-option:hover, .customize-complimentary-color-option:hover, .customize-complimentary-gender-option:hover, .customize-custom-decoration-option:hover, .customize-remainder-decoration-option:hover, .customize-remainder-color-option:hover, .customize-remainder-gender-option:hover {
     cursor: pointer;
     background-color: #cecece;
}

.delivery-location-option.selected, .delivery-time-option.selected, .pickup-time-option.selected, .customize-complimentary-decoration-option.selected, .customize-complimentary-color-option.selected, .customize-complimentary-gender-option.selected, .customize-custom-decoration-option.selected, .customize-remainder-decoration-option.selected, .customize-remainder-color-option.selected, .customize-remainder-gender-option.selected {
     color: #ffffff;
     background-color: #f9ccda;
}

/* Customize stripe button */
.stripe-button-el { display: none !important; }

/* (A) POPUP */
.picker-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 480px;
  height: 400px;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s;
}

#picker-wrap {
  width: 100%;
  height: 50%;
}

.delivery-wrap {
  background-repeat: no-repeat;
  background-size: cover;
}

.picker-wrap.show {
  opacity: 1;
  visibility: visible;
}

.picker-wrap .picker {
  margin: 50vh auto 0 auto;
  transform: translateY(-50%);
}

/* (B) CONTAINER */
.picker {
  text-align:center;
  border: 2px solid #FCC5D4;
  font-size:14px;
  margin:8px 0px 0px 0px;
  background: linear-gradient(180deg, rgba(252, 197, 212, 1) 0%, rgba(252, 197, 212, 1) 46px, rgba(255,255,255,0) 46px, rgba(255,255,255,0) 100%);
}

/* (C) MONTH + YEAR */
.picker-b {
  display: inline-block;
  height: 100%;
  box-sizing: border-box;
  font-size: 20px;
  cursor: pointer;
}

#datepicker_header {
  background-color: #cecece;
}

.datepicker_buttons {
  display: inline-block;
  vertical-align: middle;
  line-height:16px;
}

.date_container, .pickup_date_container, .delivery_date_container, .custom_date_container {
  display: inline-block;
  vertical-align: middle;
  width: 78%;
  text-align:center;
  padding: 8px;
  box-sizing: border-box;
  font-size: 22px;
  font-weight: 400;
  color: #8F1E1E;
}

.delivery_title {
	width:100%;
	font-size:18px;
	font-weight:500;
	margin: 8px 0px;
}

.delivery_field {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 15px;
	font-weight: 400;
	color: #cecece;
	border:2px solid #BFBFBF;
	text-decoration:none;
	text-align:center;
	line-height:20px;
	padding:8px 6px;
}

.selector_field {
	white-space:nowrap;
	overflow:hidden;
	font-size: 17px;
	font-weight:400;
	text-decoration:none;
	line-height:20px;
}

.border_default_1px {
	border:1px solid #BFBFBF;
}

.border_required_1px {
	border:1px solid #FF0000;
}

.border_default_2px {
	border:2px solid #BFBFBF;
}

.border_required_2px {
	border:2px solid #FF0000;
}

.selector_field_placeholder {
	color:#9A9A9A;
}

/* (C) MONTH + YEAR */
.picker-m, .picker-y, .pickup-picker-m, .delivery-picker-m, .custom-picker-m, .pickup-picker-y, .delivery-picker-y, .custom-picker-y {
  width: 0%;
  padding: 0px;
  box-sizing: border-box;
  font-size: 14px;
  display: none;
}

/* (D) DAY */
.picker-d table {
  font-size:16px;
  font-weight:300;
  color: #333;
  border-collapse: collapse;
  width: 100%;
}

.pickup-picker-d table {
  font-size:16px;
  font-weight:300;
  color: #333;
  border-collapse: collapse;
  width: 100%;
}

.delivery-picker-d table {
  font-size:16px;
  font-weight:300;
  color: #333;
  border-collapse: collapse;
  width: 100%;
}

.custom-picker-d table {
  font-size:16px;
  font-weight:300;
  color: #333;
  border-collapse: collapse;
  width: 100%;
}

.picker-d table td {
  width: 14.28%; /* 7 EQUAL COLUMNS */
  text-align: center;
  color:#9a9a9a;
}

.pickup-picker-d table td {
  width: 14.28%; /* 7 EQUAL COLUMNS */
  text-align: center;
  color:#9a9a9a;
}

.delivery-picker-d table td {
  width: 14.28%; /* 7 EQUAL COLUMNS */
  text-align: center;
  color:#9a9a9a;
}

.custom-picker-d table td {
  width: 14.28%; /* 7 EQUAL COLUMNS */
  text-align: center;
  color:#9a9a9a;
}

/* HEADER */
.picker-d-h td {
  font-weight:500;
  font-size:18px;
  text-align:right;
  height:50px;
}

/* BLANK DATES */
.picker-d-b {
  background: #ffffff;
}

/* TODAY */
.today {
	border: 2px solid #FCC5D4;
	border-radius: 50%;
	width: 30px;
	height: 10px;
	line-height:10px;
	text-align:center;
	padding: 10px 0px;
	margin:0 auto;
}

.picker-d-td {
	background-color: #EAEAEA;
}

/* PICKABLE DATES */
.picker-d-d:hover {
	cursor: pointer;
	color:#fff;
	background: #b7263f;
	shape-outside: circle();
	clip-path: circle();
	-webkit-shape-outside: circle();
	-webkit-clip-path: circle();
}

/* UNPICKABLE DATES */
.picker-d-dd {
  color: #aaa;
  background: #EAEAEA;
}

input[type=radio] {
	-webkit-appearance: none;
	-moz-appearance: none;
	vertical-align: middle;
	font-family:arial;
	display:inline-block;
	text-align:center;
	vertical-align: middle;
	cursor:pointer;
	border: 2px solid #B2B2B2;
	border-radius: 100%;
	color: #8F1E1E;
	font-weight:100;
	width:12px;
	height:12px;
	line-height: 12px;
	padding: 10px;
	margin:0px auto;
}

input[type=radio]:checked {
	background: radial-gradient(currentcolor 50%, rgba(255, 0, 0, 0) 55%);
}

.button_choose {
	border-radius: 100px;
	background-color: #FCC5D4;
	border: 2px solid #FCC5D4;
	box-shadow: none;
	color: #8F1E1E;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	margin:0 auto;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}

.button_nav_left {
	border-radius: 100px;
	background-color: #FFFFFF;
	border: 2px solid #8F1E1E;
	box-shadow: none;
	color: #8F1E1E;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	margin:5px;
}

.button_nav_left:hover {
	border-radius: 100px;
	background-color: #FCC5D4;
	border: 2px solid #8F1E1E;
	box-shadow: none;
	color: #8F1E1E;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	margin:5px;
}

.button_nav_right, .button_nav_right_inactive {
	border-radius: 100px;
	background-color: #BFBFBF;
	border: 2px solid #BFBFBF;
	box-shadow: none;
	color: #FFFFFF;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	margin:5px;
}

.button_nav_right:hover, .button_nav_right_active {
	border-radius: 100px;
	background-color: #FCC5D4;
	border: 2px solid #FCC5D4;
	box-shadow: none;
	color: #8F1E1E;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	margin:5px;
}

.step {
	border: 2px solid #B2B2B2;
	border-radius: 100%;
	color: #B2B2B2;
	font-weight:400;
	margin:0px auto;
}

.step_current {
	border: 2px solid #8F1E1E;
	border-radius: 100%;
	color:#8F1E1E;
	font-weight:400;
	background-color:#FCC5D4;
	margin:0px auto;
}

.step_path {
	border-bottom: 2px solid #B2B2B2;
}

.step_text {
	color: #B2B2B2;
	font-weight:600;
	padding-top:3px;
}

.step_text_current {
	color: #8F1E1E;
	font-weight:600;
	padding-top:3px;
}

.step_title {
	color: #8F1E1E;
	font-size:18px;
	font-weight:600;
}

.form, .item {
	font-size:13px;
	position:relative;
	border:2px solid #B2B2B2;
	border-radius:10px;
	margin: 12px 5px 5px 5px;
}

.form_title {
	margin:6px 0px 3px 0px;
	min-height:20px;
	font-weight: 600;
}

.quantity_message {
	position:relative;
	color:#B2B2B2;
	font-size:17px;
	font-weight:550;
	text-align:center;
	border:1px solid #B2B2B2;
	border-radius:10px;
	margin:12px 0px;
	padding:50px 0px;
	width:100%;
}

.quantity_cancel {
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 12px;
}

.quantity_image {
	border:5px solid #FCC5D4;
	box-sizing: border-box;
}

.quantity_item_title {
	color: #8F1E1E;
	font-size:24px;
	font-weight:200;
}

.quantity_item_subtitle {
	font-family:poly;
	font-size:14px;
}

table.quantity_item_content, table.line_item {
	border-collapse: collapse;
}

table.line_item tr {
	border-top: 2px solid #F6F6F6;
	line-height:2;
}

.header_row {
	padding:5px 0px;
}

.quantity_item_column_title {
	color: #B2B2B2;
	font-size:14px;
	text-align:center;
	border-bottom: 2px solid #F6F6F6;
}

.quantity_item_mini, .quantity_item_regular, .quantity_item_jumbo {
	line-height:40px;
	border-bottom: 2px solid #F6F6F6;
}

.quantity_item_sizes {
	color: #8F1E1E;
	font-weight:600;
}

.quantity_item_price, .quantity_item_subtotal {
	color: #8F1E1E;
	font-weight:600;
	text-align:center;
}

.quantity_item_qty {
	color: #8F1E1E;
	font-weight:600;
	text-align:center;
}

.quantity_item_unit {
	color: #8F1E1E;
	font-size:10px;
	margin-left:3px;
}

.quantity_item_minus, .quantity_item_plus {
	font-family:arial;
	display:inline-block;
	width:35%;
	text-align:center;
	vertical-align: middle;
	cursor:pointer;
	
	border: 2px solid #B2B2B2;
	border-radius: 100%;
	color: #B2B2B2;
	font-size:20px;
	font-weight:100;
	width:12px;
	height:12px;
	line-height: 12px;
	padding: 6px;
	margin:0px auto;
}

.quantity_item_minus:hover, .quantity_item_plus:hover {
	font-family:arial;
	display:inline-block;
	width:35%;
	text-align:center;
	vertical-align: middle;
	cursor:pointer;
	
	border: 2px solid #8F1E1E;
	border-radius: 100%;
	color: #8F1E1E;
	font-size:20px;
	font-weight:normal;
	width:12px;
	height:12px;
	line-height: 12px;
	padding: 6px;
	margin:0px auto;
}

.quantity_item_number {
	display:inline-block;
	width:30%;
	text-align:center;
	vertical-align: middle;
}

.field {
	font-size:16px;
	font-weight:400;
	text-decoration:none;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
     cursor: pointer;
}

.delivery {
	font-size:16px;
	text-decoration:none;
	text-align:center;
	line-height:20px;
	padding:8px 4px;
}

.customize {
	line-height:16px;
	border:2px solid #BFBFBF;
}

.checkout {
	width:100%;
	color:#000000;
}

.tab_customize_left_active, .tab_delivery_left_active {
	color: #BFBFBF;
	cursor:pointer;
	border-bottom:2px solid #BFBFBF;
	font-size:18px;
	font-weight:600;
	border-top:2px solid #BFBFBF;
	border-left:2px solid #BFBFBF;
	border-right:2px solid #BFBFBF;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	padding:10px;
}

.tab_customize_left_inactive, .tab_delivery_left_inactive {
	color: #8F1E1E;
	font-size:18px;
	font-weight:600;
	border-top:2px solid #BFBFBF;
	border-left:2px solid #BFBFBF;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	padding:10px;
}

.tab_customize_right_active, .tab_delivery_right_active {
	color: #BFBFBF;
	cursor:pointer;
	border-bottom:2px solid #BFBFBF;
	font-size:18px;
	font-weight:600;
	border-top:2px solid #BFBFBF;
	border-left:2px solid #BFBFBF;
	border-right:2px solid #BFBFBF;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	padding:10px;
}

.tab_customize_right_inactive, .tab_delivery_right_inactive {
	color: #8F1E1E;
	font-size:18px;
	font-weight:600;
	border-top:2px solid #BFBFBF;
	border-right:2px solid #BFBFBF;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	padding:10px;
}

.form_customize_border_active {
	width:96%;
	left:6px
}

.form_checkout_border_active {
	width:98%;
	left:5px
}

.form_customize_border_inactive, .form_checkout_border_inactive {
	width:100%;
	left:-2px;
}

.form_billing_details {
	font-size:14px;
	position:relative;
	border:2px solid #BFBFBF;
	border-radius:10px;
	padding:10px;
}

.form_billing_details td {
	padding:0px 10px;
}

.content_row {
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    width: 100%;
}

.content_centered {
	margin:0 auto;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*
==============
Navigation Bar
==============
*/

.sibbys-logo-container {
  position: absolute;
  margin: 0px 60px;
  top: 8px;
  left: 16px;
  z-index: 100;
}

.sibbys-logo {
  background-image: url(images/sibbyslogo-white.svg);
  width: 200px;
  height: 200px;
  margin:0 auto;
}

.sibbys-logo:hover {
  background-image: url(images/sibbyslogo-pink.svg);
  width: 200px;
  height: 200px;
  margin:0 auto;
}

.topnav {
  background-color: none;
  overflow: hidden;
  margin-top: 60px;
  z-index: 1;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 14px;
}

.topnav p {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 14px;
}

.topnav .icon {
  display: none;
}

.topnav-links {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
  margin: 0px 40px 10px 0px;
  padding: 0px;
  z-index: 1;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #FDE2E9;
  min-width: 160px;
  box-shadow: 0px 0px 3px 0px rgba(255, 255, 255);
  border-right: 1px solid #8F1E1E !important;
  border-left: 1px solid #8F1E1E !important;
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: #8F1E1E;
  font-size: 14px;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #8F1E1E !important;
  -webkit-text-stroke: 0.5px;
  -webkit-text-stroke-color: #8F1E1E; 
}

.topnav a:hover, .dropdown:hover .dropbtn {
  color: #FDE2E9;
}

.dropdown-content a:hover {
  background-color: #FCC5D4; 
  color: #8F1E1E;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.checkout {
  font-family: "PT Sans", Helvetica, Roboto, Arial, sans-serif;
  margin: 0px;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.checkout img {
  margin-left: 10px;
}

.telephone a.click {
  display: flex;
  font-size: 18px;
  justify-content: flex-end;
  position: absolute;
  top: 16px;
  right: 45px;
  z-index: 3;
}

.telephone a {
  color:#8F1E1E;
  font-size: 18px;
  -webkit-text-stroke: 0.5px;
  -webkit-text-stroke-color: #8F1E1E; 
}

.telephone a:hover {
  color: #FCC5D4;
  -webkit-text-stroke: 0.5px;
  -webkit-text-stroke-color: #FCC5D4; 
}

/* --------------------------------- */

/*==============
  Media Query
==============*/


/* ============== Mobile ============== */


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

  /* Navbar */

      .topnav {
        background-color: #8F1E1E;
        margin-top: 50px;
        width: 100%;
        float: right;
      }
    
      .topnav p.checkout {
        display: flex;
        font-size: 12px;
        align-content: center;
        justify-content: flex-start;
        margin: 5px 0px 0px 15px;
      }
    
      .checkout img {
        margin-left: 1px;
      }
    
      .topnav p {
        padding: 8px 0px 0px 0px;
      }
    
      .topnav a {
        font-size: 12px;
      }
	 
      .topnav a.icon {
        float: right;
        display: block;
      }
    
      .sibbys-logo-container {
        display: block;
        height: auto;
        top: 10px;
        left: -45px;
        z-index: 100;
      }
    
      .sibbys-logo {
        background-image: url(images/sibbyslogo-white.svg);
        width: 130px;
        height: 130px;
      }
      
      .sibbys-logo:hover {
        background-image: url(images/sibbyslogo-pink.svg);
        width: 130px;
        height: 130px;
        margin:0 auto;
      }
    
      .topnav.responsive {position: relative;}
      .topnav.responsive .icon {
        position: absolute;
        right: 0px;
        top: 0px;
      }
    
      .topnav.responsive a {
        float: none;
        display: block;
        text-align: center;
      }
    
      .topnav.responsive .dropdown {float: none;}
      .topnav.responsive .dropdown-content {position: relative;}
      .topnav.responsive .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: center;
      }
    
      .topnav-links {
        padding: 10px 20px 10px 171px;
        display: flex;
        flex-direction: column;
        text-align: center;
        justify-content: center;
        align-items: center;
        margin-right: 40px;
      }
    
      .telephone a.click {
        display: flex;
        font-size: 14px;
        justify-content: flex-end;
        position: absolute;
        top: 15px;
        right: 16px;
        z-index: 3;
      }
}

@media screen and (min-width: 321px) and (max-width: 767px) {

  /* Navbar */

  .topnav {
    background-color: #8F1E1E;
    margin-top: 50px;
    width: 100%;
    float: right;
  }

  .topnav p.checkout {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    margin: 5px 0px 0px 15px;
  }

  .topnav p {
    padding: 8px 0px 0px 0px;
  }

  .topnav .order-button {
    display: none;
  }

  .topnav a.icon {
    float: right;
    display: block;
  }

  .sibbys-logo-container {
    display: block;
    height: auto;
    top: 10px;
    left: -45px;
    z-index: 100;
  }

  .sibbys-logo {
    background-image: url(images/sibbyslogo-white.svg);
    width: 150px;
    height: 150px;
  }
  
  .sibbys-logo:hover {
    background-image: url(images/sibbyslogo-pink.svg);
    width: 150px;
    height: 150px;
    margin:0 auto;
  }

  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0px;
    top: 0px;
  }

  .topnav.responsive a {
    float: none;
    display: block;
    text-align: center;
  }

  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: center;
  }

  .topnav-links {
    padding: 10px 20px 10px 171px;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .telephone a.click {
    display: flex;
    font-size: 15px;
    justify-content: flex-end;
    position: absolute;
    top: 15px;
    right: 16px;
    z-index: 3;
  }
}

/* ============== Tablet ============== */


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

  /* Navbar */

  .topnav {
    background-color: #8F1E1E;
    margin-top: 50px;
    width: 100%;
    float: right;
  }

  .topnav p.checkout {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    margin: 5px 0px 0px 15px;
  }

  .topnav p {
    padding: 8px 0px 0px 0px;
  }

  .topnav .order-button {
    display: none;
  }

  .topnav a.icon {
    float: right;
    display: block;
  }

  .sibbys-logo-container {
    display: block;
    height: auto;
    top: 10px;
    left: -45px;
    z-index: 100;
  }

  .sibbys-logo {
    background-image: url(images/sibbyslogo-white.svg);
    width: 150px;
    height: 150px;
  }
  
  .sibbys-logo:hover {
    background-image: url(images/sibbyslogo-pink.svg);
    width: 150px;
    height: 150px;
    margin:0 auto;
  }

  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0px;
    top: 0px;
  }

  .topnav.responsive a {
    float: none;
    display: block;
    text-align: center;
  }

  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: center;
  }

  .topnav-links {
    padding: 10px 20px 10px 171px;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .telephone a.click {
    display: flex;
    font-size: 15px;
    justify-content: flex-end;
    position: absolute;
    top: 15px;
    right: 16px;
    z-index: 3;
  }
}

/*
============== Desktop ==============
*/

@media screen and (min-width: 1401px) and (max-width: 2143px) {
    

  .topnav {
    background-color: none;
 }

  .topnav-links {
    position: absolute;
    top: 68px;
    left: 680px;
    margin: 5px 40px 10px 0px;
  }
}

@media screen and (min-width: 2144px){

  .sibbys-logo-container {
    position: absolute;
    margin: 0px 60px;
    top: 8px;
    left: 550px;
    z-index: 100;
  }

   .topnav {
      background-color: none;
   }


  .topnav-links {
    position: absolute;
    top: 85px;
    right: 590px;
    margin: 5px 40px 10px 0px;
  }
  
  .telephone a.click {
    top: 16px;
    right: 47px;
  }
}