@charset "utf-8";
/* Order Ice From Pages */
#orderIce #intro 			{ overflow:hidden; padding-bottom:1.5em; }
#orderIce #intro .img		{ position:absolute; width:40%; height:100%; bottom:0; right:4%; 
							  background-repeat:no-repeat; background-position:center bottom; background-size:contain; }
#orderIce #intro .img img	{ display:block; width:80%; margin:0 auto 0 }
#orderIce #intro .txt		{ width:50%; }
#orderIce #intro .txt p		{ line-height:160%; }
#orderIce #intro .txt p b	{}
#orderIce .formBox			{ margin-top:0; }			

#products					{ display:flex; gap:1em; margin:0.5em 0 2em; }
#products .product			{ width:33.3%; padding:3px; }
#products .product a		{ display:block; background:#FFF; border:5px solid #CACAD9; padding:20px 10px; text-align:center; text-decoration:none; }
#products .product a .img	{ width:50%; max-width:150px; margin:0 auto; }
#products .product .img img	{ display:block; width:100%; }
#products .product a p.txt	{ color:#B02828; font-weight:700; margin:0; padding:12px 0; }
#products .product a .tick	{ position:absolute; bottom:-22px; left:50%; margin-left:-20px;
							  display:block; height:40px; width:40px; border-radius:20px; 
							  background:#CACAD9; color:#FFF; font-size:25px; padding-top:7px; }
							  
#products .product a:hover			{ border-color:#1083B2; }
#products .product a:hover .txt		{ color:#000; }
#products .product a:hover .tick	{ background:#1083B2; }

#products .product a.selected		{ border-color:#2F89B0; }
#products .product a.selected .tick	{ background:#2F89B0; }

#products .product a.selected:hover			{ border-color:#B20000; }
#products .product a.selected:hover .tick	{ background:#B20000; }

/* LOGOs */
#orderIce .logos 			{ flex-wrap:wrap; max-width:1100px; }
#orderIce .logos .img 		{ width:20%; max-width:200px; line-height:0; }
#orderIce .logos .img img 	{}

/* partyCollection */
#partyCollection 				{ text-align:center; max-width:800px; margin:0 auto; }
#partyCollection .logo 		{ max-width:200px; margin:0 auto; }
#partyCollection .logo img 	{ display:block; width:100%; }

/* Contact Us Types */
#contactTypes {}
ul#contactTypes 		{ list-style:none; padding:0; margin:2em auto 2em 0; max-width:700px; }
ul#contactTypes li		{ padding:0; margin:20px 0; }

a.contact-type			{ display:block; text-decoration:none; color:#FFF; 
						  background:#0183BA; height:80px; border-radius:20px; padding:1px; margin:0 50px 0 0;
						  font-size:28px; font-weight:400; text-align:left; line-height:0; }
.contact-type-content 	{ z-index:2; margin:0; padding:28px 30px 0; }
.contact-type-content p { padding:10px 0; margin:0; text-shadow:0 1px 1px #333; }
.contact-type-content p b { font-weight:700; text-shadow:0 1px 2px #000; }

.contact-type:before,
.contact-type:after,
.contact-type-point {
	content:" ";
	position:absolute;
	top:0;
	right:-50px;
	width:50px;
	height:100%;
	background:#0183BA;
    clip-path: polygon(0% 0%,0% 100%,100% 50%);
}
.contact-type:after,
.contact-type-point {
	top:32%;
	right:-50px;
	height:36%;
	width:18px;
	background:#FF4040;
}
.contact-type:before 		{ top:4px; height:calc(100% - 8px); right:-42px; width:50px; }
.contact-type-point 		{ background:#FFF; right:-28px; width:20px; top:32%; height:36%; }
.contact-type:after 		{ right:-22px; width:12px; height:20%; top:40%; }

a.contact-type:hover		{ color:#FFF; text-decoration:underline; }
a.contact-type:hover:after	{ background:#FF4040;; }
a.contact-type:hover,
a.contact-type:hover:before	{ background:#1083B2 !important; }

/* order ice page
 * #orderIce -> see order_ice.css
 */
#enquiryOptions {}
#enquiryOptions > label 		{ padding-bottom:0.8em; }
#enquiryOptions .checkbox-row 	{ padding:0.5em 1em; }
#enquiryOptions .checkbox-input { width: 2.5em; }
#enquiryOptions .checkbox-txt 	{ font-size:calc(1em + 1px); }

.form-sub-box 					{ border:1px dashed #CCC; background:#FFF; padding:1em 2em; margin:1em; }
#quoteMenu1 {}
#quoteMenu2 {}

/* depots */
#depots { padding:1px 0 0.5em; }
.depot { display:flex; background:#EAF0F7; border:1px solid #96B4CB; border-radius:10px; padding:10px; margin:10px 0; gap:1em; }
.depot-col {}
.depot-num { padding:8px 10px 0; font-weight:bold; color:#B02828;}
.depot-col input { font-size:1.1em !important; padding:0.4em 0.5em !important; }

@media all and (min-width: 1401px) and (max-width: 1600px) {
}
@media all and (min-width: 1281px) and (max-width: 1400px) {
	#orderIce #intro .img		{ right:3%; }
	#orderIce #intro .txt		{ width:51%; }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
	#orderIce #intro .img		{ right:2%; }
	#orderIce #intro .txt		{ width:52%; }
}
@media all and (min-width: 1025px) and (max-width: 1140px) {
	#orderIce #intro .img		{ right:1%; }
	#orderIce #intro .txt		{ width:53%; }
}
@media all and (max-width: 1024px) {
	#orderIce #intro			{ overflow:visible; }
	#orderIce #intro .img		{ right:auto; bottom:auto; top:-30px; left:240px; width:200px; height:150px; background-position:bottom left; }
	#orderIce #intro .txt		{ width:100%; }
	
	#products .product a		{ padding:17px 7px; }
	#products .product a .img	{ width:60%; }
}
@media all and (max-width: 900px) {
	#orderIce #intro .img		{ top:-25px; left:230px; width:200px; height:140px; }
	
	/* Contact Us Types */
	ul#contactTypes 			{ max-width:600px; }
	ul#contactTypes li			{ margin:17px 0; }
	a.contact-type				{ height:70px; border-radius:20px; padding:1px; margin:0 50px 0 0; font-size:26px; }
	.contact-type-content 		{ padding:24px 27px 0; }
	.contact-type-content p 	{ padding:9px 0; }
}
@media all and (max-width: 768px) {
	#orderIce #intro .img		{ left:auto; right:1%; }
	#orderIce #intro .txt		{ width:100%; }
	
	#products .product a		{ border-width:4px; padding:15px 6px; }
	#products .product a .img	{ width:70%; }
	
	/* depots */
	.depot-num .w { display:none; }
	#quoteMenu1.form-sub-box 	{ padding: 1em 1.5em; margin: 1em 0; }
}
@media all and (max-width: 650px) {
	#products					{ flex-wrap:wrap; margin:0.5em 0 2em; }
	#products .product			{ width:100%; padding:2px; }
	#products .product a		{ padding:2% 2% 2% 25px; text-align:left; }
	#products .product a .img	{ float:left; width:20%; max-width:100px; margin:0; }
	#products .product .img img	{ width:100%; }
	#products .product a p.txt	{ float:right; margin:0; padding:7% 0 0; width:74%; font-size:3.5vw; }
	#products .product a .tick	{ position:absolute; bottom:50%; left:-17px; margin-left:0; margin-bottom:-15px;
								  height:30px; width:30px; border-radius:15px; font-size:18px; padding-top:5px; text-align:center; }
	#products .product a:after	{ display:block; content:" "; clear:both; }
	
	/* Contact Us Types */
	ul#contactTypes 			{ margin:2em 0; width:100% }
	ul#contactTypes li			{ margin:15px 0; }
	a.contact-type				{ height:auto; font-size:3.5vw; line-height:100%; }
	.contact-type-content 		{ padding:5% 0 5% 25px; }
	.contact-type-content p 	{ padding:1px 0; }
}
@media all and (max-width: 600px) {
	#orderIce #intro .img		{ top:-30px; width:190px; height:130px; }
}
@media all and (max-width: 500px) {
	#orderIce #intro .img		{ top:-30px; width:190px; height:130px; }
	#products .product a .img	{ width:24%; }
	#products .product a p.txt	{ padding-top:8%; width:70%; font-size:3.7vw; }
	
	/* Contact Us Types */
	a.contact-type				{ font-size:3.8vw; }
	.contact-type-content 		{ padding:6% 0 6% 25px; }
	
	/* depots */
	#depots { padding:1px 0 0.5em; }
	.depot { border-radius:7px; padding:7px; margin:7px 0; gap:0.5em; }
	.depot-col {}
	.depot-num { padding:4px 0px 0; }
	.depot-col input { font-size:1em !important; padding:0.4em 0.4em !important; }
	
	#quoteMenu1.form-sub-box 	{ padding: 1em 0.7em; margin:1em -0.5em; }
}
@media all and (max-width: 450px) {
	#orderIce #intro .img		{ top:-35px; right:0; width:45%; height:120px; }
	
	/* Contact Us Types */
	ul#contactTypes 			{ margin:2em -20px 2em -10px; width: calc(100% + 30px) }
	a.contact-type				{ font-size:4vw; }
	.contact-type-content 		{ padding:7% 0 7% 25px; }
}
@media all and (max-width: 400px) {
	#orderIce #intro .img		{ top:-40px; height:120px; }
}
@media all and (max-width: 350px) {
	#orderIce #intro .img		{ top:-40px; height:120px; }
	
	#products .product a p.txt	{ padding-top:7%; }
}