* {margin:0; padding:0; outline:none; border:none; box-sizing:border-box; -moz-box-sizing:border-box;}

/* GLOBAL */

html { }
body {line-height:1; font-family: 'Lato', sans-serif; color:#575757; text-rendering: optimizeLegibility;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}

h1,h2,h3,h4,h5,h6	{font-weight: normal}

h1			{font-size: 42px; font-weight: 300; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 0.6em;}
h2			{font-size: 24px; font-weight: 300; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 0.9em;}
h3			{font-size: 20px; font-weight: 300; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 1.8em; line-height: 1.3em;}


::-webkit-input-placeholder     {color:#bdbdbd;}
::-moz-placeholder              {color:#bdbdbd; opacity:1;}
:-ms-input-placeholder          {color:#bdbdbd;}
:-moz-placeholder               {color:#bdbdbd; opacity:1;}

p		{color:#707070; font-weight: 300; font-size: 18px; line-height: 1.4em; margin-bottom: 1em;}

img     {max-width:100%; height:auto;}
a       {color:inherit;}
a.cover {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0); display:block; z-index: 20}

.inner 			{ max-width:100%; padding: 0 30px; width:1500px; margin:0 auto; }
.inner-small 	{ width:872px; margin:0 auto; }

.col-container	{display: flex; flex-wrap: wrap; width:calc(100% + 30px); margin: auto; margin-left: -15px;}
.col-2			{width:50%; padding: 15px}
.col-3			{width:33.333%; padding: 15px}
.col-4			{width:25%; padding: 15px}

.h-center { margin-left: auto; margin-right: auto }

.white-panel				{padding: 40px; background-color: #ffffff;}
.white-panel p:last-child	{margin-bottom: 0}

/* HEADER */
header 			{}
header .inner 	{display:flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 20px; position: relative}

.logo			{margin-bottom: 50px;}

nav ul 									{ display: flex; align-items: center; font-size: 16px; text-transform: uppercase; font-weight: 300}
nav li 									{margin: 0 20px; letter-spacing: 0.5px;}
nav li:not(.no-hover):after 			{ width: 100%; height: 1px; bottom: 0; transform: translateY(10px); background-color: #C5D5CD; content: ''; display: block; opacity: 0; transition: 0.2s ease-out; }
nav li.active:after,
nav li:not(.no-hover):hover:after 		{transform: translateY(3px); opacity: 1 }
nav li a 								{color: #707070; text-decoration: none;}
nav li.active							{font-weight: 400;}

header .inner ul.social-nav				{position: absolute; right:20px; top:35px;}

/* SOCIAL NAV */
ul.social-nav							{list-style: none; display: inline-flex; align-items: center;}
ul.social-nav li						{margin-left: 22px;}
ul.social-nav li .cls-1					{fill:#575757; transition: 0.2s ease-out}
ul.social-nav li:hover .cls-1			{fill:#C5D5CD;}

/* HOME HERO CONTAINER */
.home-hero-section					{height:calc(100% - 312px); min-height: 500px;}
.home-hero-carousel .slide			{height: 100%; background-size: cover; background-position: center;}
.home-hero-carousel,
.home-hero-carousel .slick-list,
.home-hero-carousel .slick-track	{height: 100%;}

/* HOME INTRO */
.home-page-intro			{text-align: center; padding: 80px 0}
.home-page-intro .inner		{width:1128px; padding: 0 20px;}

.home-page-intro p:last-child	{margin-bottom: 0}

.intro	{width:768px; max-width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 30px;}

/* SPLIT PULLOUT */
.split-pullout					{display: flex; width:862px; margin:0 auto; background-color: #F4F7F5; max-width: 100%;}
.split-pullout .col				{width:50%;}
.split-pullout .split-image		{background-size: cover; background-position:center}
.split-pullout .split-text		{padding: 60px 30px;}
.split-pullout h4				{letter-spacing: 0.5px; text-transform: uppercase; font-size: 24px; color:#575757; margin: 1.5em 0}
.split-pullout p				{font-weight: 400;}
.split-pullout p:last-child		{margin-bottom: 0}

/* PANEL LISTING */
.panel-listing-section					{background-color:#F4F7F5; padding: 40px 0; text-align: center;}
.panel-listing-section .col-container	{justify-content: flex-start}
.panel-listing-section img				{margin-bottom: 25px;}
.listing-panel							{padding-top: 100%; width:100%; background-size: cover; background-position: center; position: relative;}
.listing-panel:after					{background-color:rgba(87,87,87,0.7); content: ''; position: absolute; left: 0; top:0; height: 100%; width: 100%; transition: 0.2s ease-out;}
.listing-panel-text						{position: absolute; left: 0; top:0; width:100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 5; background-image: url(/_assets/icon-heart.png); background-position: center; background-size: 177px auto; background-repeat: no-repeat}
.listing-panel-text p					{font-size: 42px; color:#ffffff; margin: 0; letter-spacing: 3px; font-weight: 400; text-transform: uppercase; transition: 0.2s ease-out; padding-left: 10px; padding-right: 10px;}

.listing-panel:hover:after	{background-color:rgba(87,87,87,0);}
.listing-panel:hover p		{transform: translateY(-10px);}

.inner-small .listing-panel-text 	{background-size: 105px auto;}
.inner-small .listing-panel-text p	{font-size: 24px;}

/* PANEL LISTING STYLE 2 */
.panel-listing-section-two .col-4							{margin-bottom: 15px;}
.panel-listing-section-two .listing-panel					{padding-top: 0; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.panel-listing-section-two .listing-panel-image-container	{overflow: hidden; margin-bottom: 15px;}
.panel-listing-section-two .listing-panel-image				{padding-top: 100%; background-size: cover; transition: 0.2s ease-out}
.panel-listing-section-two .listing-panel-text				{position: relative; background: none; display: block; margin-bottom: 20px;}
.panel-listing-section-two .listing-panel-text h2			{line-height: 1.3em; margin-bottom: 0.5em; font-size: 18px; padding-left: 10px; padding-right: 10px; font-weight: 400;}
.panel-listing-section-two .listing-panel p					{font-size: 18px; color:#575757; margin-bottom: 20px; font-weight: 700}
.panel-listing-section-two .listing-panel:after				{display: none}

.panel-listing-section-two .listing-panel:hover .listing-panel-image	{transform: scale(1.05)}	
.panel-listing-section-two .listing-panel:hover p						{transform: none}
.panel-listing-section-two .listing-panel:hover .btn					{background-color:#333333}

.listing-panel-top { width: 100%; }

/* PROJECT LISTING */
.listing-panel.listing-panel-project	{margin-bottom: 15px;}


/* LISTING DETAIL */
.listing-detail-page { background-color: #ffffff; padding: 40px 0 20px }
.listing-detail-page .inner	{width:1100px;}
.listing-detail-top			{display: flex; align-items: flex-start;}
.listing-detail-text		{width:50%; padding: 10px 40px;}
.listing-detail-text h1		{font-size: 35px;}
.listing-detail-text p		{font-weight: 400}
.listing-detail-text select	{margin-bottom: 20px;}
.listing-detail-image		{width:50%; min-height: 400px; background-size: cover;}

.date-select					{margin-top: 30px; margin-bottom: 20px;}
.listing-detail-text label		{display: block; margin-bottom: 15px; font-size: 18px;}
.date-select ul					{list-style: none; display: flex; flex-wrap: wrap; font-size: 14px;}
.date-select ul li				{background-color: #F4F7F5; padding: 10px;  text-align: center; margin-right: 8px; margin-bottom: 8px; cursor: pointer; transition: 0.2s ease-out}
.date-select ul li span			{display: block; font-weight: 400; font-size: 12px; margin-top: 7px; text-transform: uppercase; color:#9a9a9a}
.date-select ul:hover li		{opacity: 0.5}
.date-select ul:hover li:hover	{opacity: 1}

.date-select ul li.selected			{background-color:#575757; color:#ffffff;}
.date-select ul li.selected	span	{color:#ffffff}

.detail-actions					{display: flex; align-items: flex-end;}

.listing-detail-more-info					{border-top:1px solid #efefef; border-bottom:1px solid #efefef; padding: 30px 0; margin-top: 30px;}
.listing-detail-more-info h2:first-child	{margin-top: 0}
.listing-detail-more-info h2				{margin-top: 1.3em;}

.how-many				{margin-right: 15px; display: flex}

.qty					{display: flex;}
.qty button				{width:35px; height: 40px; background-color: #575757; background-size: 15px auto; background-repeat: no-repeat; background-position: center; transition: 0.2s ease-out}
.qty button.plus		{background-image: url(/_assets/icon-plus.svg); border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.qty button.minus		{background-image: url(/_assets/icon-minus.svg); border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.qty button:hover		{background-color: #333333;}
.qty input[type="text"]	{width:50px; border:1px solid #575757; text-align: center; font-size: 16px; font-weight: 400}

.delivery-area					{}
.delivery-area p:last-of-type	{margin-bottom: 0}

.local-info		{padding:20px; background-color: #efefef; margin-bottom: 25px;}
.local-info p	{font-size: 16px;}
.local-info a	{text-decoration: none; border-bottom: 1px dotted #4e4e4e; font-weight: 600; color:#4e4e4e}

/*.local-list 				{font-size: 16px; margin-left: 20px; color: #707070; display: none; margin-top: 20px;}
.local-list li				{line-height: 1.3em; margin-bottom: 10px;}
.local-list li:last-child	{margin-bottom: 0}*/

.local-list ul					{ font-size: 16px; margin-left: 20px; color: #707070; display: none; margin-top: 20px; }
.local-list ul li				{ line-height: 1.3em; margin-bottom: 10px; }
.local-list ul li:last-child	{ margin-bottom: 0 }

.other-products			{background-color:transparent; /*border-top: 1px solid #efefef;*/  border-bottom: 1px solid #efefef;  padding: 30px 0; margin-top: 30px;}
.other-products .col-4	{margin-bottom: 0}

/* GALLERY */
.gallery-listing-section								{padding: 60px 0}
.gallery-listing-section .listing-panel-text p,	
.other-project-listing-section .listing-panel-text p 	{font-size: 24px;}
.gallery-listing-section .listing-panel-text			{background-size: 159px auto}
.contact-page h1,
.gallery-listing-section h1								{margin-bottom: 1em;}

.gallery-listing-item {cursor: pointer;}

.gallery-listing-item.listing-panel:after { background-color: unset; }
.gallery-btn-container { margin: 10px; display: flex; justify-content: space-between}


/* TWO COLUMN PAGE */
.two-col .inner { width: 1124px; max-width: 100%; }
.col-left		{width:70%; text-align: left;}
.col-right		{width:30%;}
.col-left p		{margin-bottom: 1.5em;}

.col-left ul 	{color: #707070; font-weight: 300; font-size: 18px; line-height: 1.4em;}
.col-left ul li	{margin-bottom: 0.3em}

.col-right .listing-panel p	{font-size: 22px;}
.col-right .listing-panel	{margin-bottom: 20px;}

.inline-image	{float: left; width: 220px; margin: 8px 30px 10px 0; font-size: 0}
.inline-image img	{width:100%;}
.inline-image p		{display: block; text-align: center; font-size: 14px; font-weight: 400; margin-top: 0px; background-color: #F4F7F5; padding: 5px 0}


/* PROJECT PAGE */
.project-carousel					{width:1000px; max-width: 100%; margin:40px auto}
.project-carousel.min				{ max-width: 33% }
.project-detail-page				{background-color:#F4F7F5; padding: 60px 0; text-align: center}
.project-carousel .slide			{opacity: 0.5; transform: scale(0.9); transform-origin: center; transition: 0.2s ease-out}
.project-carousel .slide-image		{height: 30vw; max-height: 350px; background-size: cover; background-position: center;}
.project-carousel .slick-list		{padding: 0 !important}
.project-carousel .slick-current	{opacity: 1; transform: scale(1)}

.project-info						{width:966px; max-width: 100%; margin: auto; text-align: left;}

.project-carousel-container					{position: relative;}
.project-carousel-container .slick-arrow	{font-size: 0; width:21px; height: 40px; background-image:url(/_assets/icon-chevron.svg); position: absolute; top:50%; margin-top: -20px; background-color: transparent}
.project-carousel-container .slick-next		{right:-30px;}
.project-carousel-container .slick-prev		{left:-30px; transform: rotate(180deg)}

.other-project-listing-section { background-color: #ffffff; padding: 60px 0 }

/* FAQ ACCORDION */
.faq-accordion										{margin: 35px 0;}
.faq-accordion .accordion-item						{margin-bottom:6px;}
.faq-accordion .accordion-item h3					{font-size:16px; cursor: pointer; line-height: 1.4em; display: flex; flex-direction: row; border-bottom: 1px solid #efefef; padding-bottom: 10px; margin-bottom: 20px; font-weight: 400}
.faq-accordion .accordion-item h3 span.plus 		{background-image: url(/_assets/icon-heart.svg); width: 25px; height: 20px; background-size: cover; display: block; margin-right: 10px; opacity: 0.5}
.faq-accordion .accordion-item p					{font-size: 16px;}
.faq-accordion .accordion-expanded					{display:none; margin-bottom: 30px; padding-left: 35px;}
.faq-accordion .accordion-expanded p:last-child		{margin-bottom:0;}
.faq-accordion .accordion-item.active h3 span.plus	{opacity: 1}

/* KIND WORDS */
.testimonial-listing							{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 30px 0 0}
.testimonial-listing blockquote					{background-color:#ffffff; padding-bottom: 30px; padding: 40px; margin: 10px 0; width:49%; text-align: left; display: flex; flex-direction: column; justify-content: center;}
.testimonial-listing blockquote h3				{font-weight: 400; margin-bottom: 0.8em; color:#adadad; background-image: url(/_assets/icon-heart.svg); background-size: 25px auto; background-repeat: no-repeat; padding-left: 35px; background-position: left 3px}
.testimonial-listing blockquote p				{margin-bottom: 15px; font-size: 15px; font-weight: 400}
.testimonial-listing blockquote cite			{display: block; line-height: 1.3em; text-align: right; font-size: 14px; text-transform: uppercase; font-weight: 300; font-style: normal; margin-top: 20px;}

/* TEXT PAGE */
.text-page		{text-align: left}
.text-page h1	{font-size:40px; line-height: 1.3em; margin:0.75em 0 0.5em 0; font-weight: 300; text-transform: uppercase;}	
.text-page h2	{font-size:36px; line-height: 1.3em; margin:0.75em 0 0.5em 0; font-weight: 300; text-transform: uppercase;}	
.text-page h3	{font-size:32px; line-height: 1.3em; margin:0.75em 0 0.5em 0; font-weight: 300; text-transform: uppercase;}	
.text-page h4	{font-size:28px; line-height: 1.3em; margin:0.75em 0 0.5em 0; font-weight: 300; text-transform: uppercase;}	
.text-page h5	{font-size:24px; line-height: 1.3em; margin:0.75em 0 0.5em 0; font-weight: 300; text-transform: uppercase;}	
.text-page h6	{font-size:20px; line-height: 1.3em; margin:0.75em 0 0.5em 0; font-weight: 300; text-transform: uppercase;}	
.text-page p	{font-size:16px;}
		
.text-page ul,
.text-page ol		{font-size:16px;  line-height: 1.3em; margin: 1.5em; font-weight: 300; color: #707070;}	
.text-page ul li,
.text-page ol li	{margin-bottom:0.5em;}

.text-page .white-panel	{text-align: left}
.text-page .inner		{width:1100px;}

.text-page h1:first-child	{margin-top: 0}

/********************************/
/*********** BASKET ***********/
.checkout-page						{background-color: #F4F7F5; padding: 40px 0;}
.checkout-header					{display: block; text-align: center; margin-bottom: 40px; /*border-bottom: 1px dotted #cccccc*/}
.checkout-header h1					{text-align: center; margin-bottom: 0.35em}
.checkout-header p					{font-weight: 400}
.checkout-header:after				{width:60px; border-bottom: 2px solid #cccccc; content: ''; display: block; margin:25px auto 0}

.basket-section						{}
.basket-section .cols				{display: flex; justify-content: space-between; }
.basket-section .col-basket			{width:65%;}

.basket-item						{border-bottom: 1px solid #cccccc; padding-bottom: 30px; margin-bottom: 30px; position: relative;}
.basket-item .product-select		{padding-left: 145px; margin-top: 20px;}
.basket-item .product-select label	{font-size: 14px; margin-bottom: 8px; display: block;}

.basket-image						{width:125px; background-color: #ffffff; padding: 20px; flex-shrink: 0; margin-right: 20px;}
.basket-image img					{width:100%;}
.basket-image-text					{display: flex; align-items: flex-start; padding-right: 150px}
.basket-image-text h2				{font-size: 24px; color:#575757; text-transform: uppercase; line-height: 1.2em; margin-bottom: 0.35em; font-weight: 400}
.basket-image-text h3				{font-size: 18px; color:#575757; line-height: 1.2em; margin-bottom: 10px; font-weight: 400}
.basket-image-text h4				{font-size: 16px; color:#575757; line-height: 1.2em; margin-bottom: 0.35em;}
.basket-image-text p				{font-size: 15px; color:#575757; line-height: 1.2em;}
.basket-image-text p:last-child		{margin-bottom: 0}

.basket-item .quantity-total		{display: flex; justify-content: space-between; align-items: center;}
.basket-item .quantity-total h3		{font-size: 28px; margin-bottom: 0}
.basket-item .quantity-total label	{font-size: 16px;}

.remove								{position: absolute; right: 0; top:0; font-size: 14px;}
p.text-qualify						{background-image:url(../../_assets/tick.svg); background-size: 20px auto; background-position:top 3px left; background-repeat: no-repeat; padding-left: 30px;}

/* BASKET SUMMARY */
.col-basket-summary			{width:30%;}
.col-basket-summary .btn	{width:100%; margin-bottom: 20px; text-align: center}
.col-basket-summary .select-css	{font-size: 16px; margin-top: 15px; padding-right: 50px;}
.summary-box				{padding: 30px; background-color: #ffffff; position: sticky; top:0}
.summary-box h5				{font-size: 22px; margin-bottom: 0.8em; text-transform: uppercase;}
.summary-box p				{font-size: 16px;}
.grand-total				{border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding-top: 15px; margin-top: 15px; margin-bottom: 15px;}
.grand-total p				{display: flex; justify-content: space-between; font-size: 18px; margin-bottom: 15px;}
.grand-total p.text-gt		{font-size: 22px;}
.summary-secure				{text-align: center;}
.summary-secure p			{font-size: 14px; margin-bottom: 0.5em; font-weight: 400}
.summary-secure img			{width:300px;}
.col-basket-summary	 .container	{font-size: 16px; font-weight: 400}
/***********************/

/********************************/
/*********** CHECKOUT ***********/
.checkout-page-inner			{width:550px; max-width: 100%; margin-left: auto; margin-right: auto;}

.checkout-section				{width:500px; max-width: 100%; margin: auto}

.checkout-container				{margin: 20px 0; border: 1px solid #cccccc;}
.checkout-container:last-child	{margin-bottom: 0}

.checkout-container.open .checkout-panel-bottom	{display: block}

.checkout-panel				{background-color: #ffffff;}
.checkout-container h2		{font-size: 20px; margin-bottom: 0.8em; border-bottom:1px dotted #cccccc; padding-bottom: 8px; text-transform: uppercase}
.checkout-container p		{font-size: 16px; color:#575757}

/* CHECKOUT ACTION */
.checkout-action			{position: relative; cursor: pointer; padding: 30px; transition: 0.2s ease-out}
.checkout-action p			{margin: 0; padding-right: 100px; font-size: 16px}
.checkout-action h2			{font-size: 20px;}
.checkout-action span		{position: absolute; right:30px; top: 22px; transition: 0.2s ease-out; width:25px; height: 25px; border-radius: 25px; background-image: none; background-color: #ffffff; border:1px solid #cccccc; display: flex; align-items: center; justify-content: center}
.checkout-action span:after	{width:15px; height: 15px; border-radius: 15px; background-color: #575757; content: ''; display: block; transform: scale(0);}

.checkout-action:hover		{background-color: #f1f1f1}

.checkout-container.open .checkout-action span			{border-color:#575757}
.checkout-container.open .checkout-action span:after	{border:1px solid #575757; transform: scale(1);}

.checkout-action-2 span	{top:50%; transform: translateY(-50%);}

.summary-container .form-cell.custom-cb .container	{font-size: 16px; color:#575757; font-weight: 400}
.summary-container .address-expanded 				{background-color:#f1f1f1; padding: 15px; margin-bottom: 20px;}

.ca-2-text		{display: flex; align-items: center; justify-content: space-between; padding-right: 50px;}
.ca-2-text img	{width:120px; flex-shrink: 0}
.ca-2-text p	{margin-bottom: 0; font-weight: bold; padding-right: 0}

.summary-container .checkout-panel-bottom	{background-color:#ffffff}

.checkout-panel-bottom		{display: none; padding: 30px; border-top:1px solid #cccccc;}
.checkout-panel-bottom p	{font-size: 16px; margin-bottom: 1em}

.checkout-secure			{text-align: center; margin: 35px 0 0 0}
.checkout-secure p			{font-size: 16px; margin-bottom: 1em;}
.checkout-secure img		{width:300px; max-width: 100%;}

.checkout-container textarea	{background-color: #efefef; width: 100%; height: 150px; padding: 15px;}

.checkout-panel-bottom p	{margin-bottom: 20px;}

/********************************/
/*********** DELIVERY ***********/
.grey-panel				{background-color: #ffffff; padding: 30px;}
.current-address		{margin-top: 20px}
.current-address h3		{font-size: 18px; margin-bottom: 0.5em;}
.current-address p		{font-size: 16px;}
.current-address .btn	{margin-top: 10px; background-color: #5c5c5c}

.current-address 			{list-style: none}
.current-address li			{border-bottom: 1px solid #cccccc; margin-bottom: 20px; padding-bottom: 20px; width: 100%; position: relative;}
.current-address li h3		{font-size: 16px; font-weight: 400}
.current-address li p		{list-style: none; font-size: 14px;}
.current-address li .edit	{display: inline-block; font-size: 14px; font-weight: 400; margin-left: 5px;}
.hidden	{display: none}

.add-address			{font-weight: 600; font-size: 16px; display: flex; align-items: center; cursor: pointer; opacity: 0.65}
.add-address span		{width:15px; height: 15px; margin-left: 8px; transform: translateY(1px); background-image:url("/_assets/icon-plus-black.svg"); background-size: 15px; background-repeat: no-repeat;}

.show-addresses			{font-weight: 600; font-size: 16px; display: flex; align-items: center; cursor: pointer; opacity: 0.65}
.show-addresses span	{width:15px; height: 8px; margin-left: 8px; transform:translateY(1px); background-image:url("/_assets/icon-chevron-down.svg"); background-size: 15px; background-repeat: no-repeat;}

.checkout-panel-bottom.new-address	{padding:20px 0 0; margin-top: 20px;}

a.small-cta	{font-size: 14px;}

.current-address li .container	{margin-bottom: 0; padding-bottom: 0; border: none}

p.or	{display: block; text-align: center; font-weight: 800; text-transform: uppercase; font-size: 20px;}

.form-compressed label					{font-size: 14px; margin-bottom: 5px;}
.form-compressed .form-cell				{margin-bottom: 12px;}
.form-compressed .form-cell .select-css,
.form-compressed .form-cell input[type='text']		{padding: 10px 15px; font-size: 14px}
.form-compressed .form-cell.custom-cb	{margin-bottom: 20px;}

.btn.block	{display: block; width: 100%;}

/********************************/
/*********** PAYMENT ***********/
.summary-container h3	{margin-bottom: 0.5em; font-size: 15px; text-transform: uppercase; font-weight: 400}
.delivery-details		{margin-bottom: 20px; border-bottom: 1px dotted #cccccc; padding-bottom: 20px;}
.delivery-details p		{font-size: 14px; margin-bottom: 1em;}
.delivery-details textarea	{font-size: 14px; height: 100px;}
.delivery-details:last-of-type	{border:none; padding-bottom: 0; margin-bottom: 0}

.payment-method		{border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding: 30px 0}
.payment-method h3	{text-transform: uppercase; font-size: 20px;}

.form-cell.ccv								{display: flex; flex-direction: column;}
.ccv-input									{display: flex; align-items: center;}
.form-cell .ccv-input input[type='text']	{width:100px;}
.ccv-input img								{width:45px; margin-left: 10px;}
.expiry-input								{display: flex;}
.form-cell .expiry-input input[type='text']	{width:80px; text-align: center; margin-right: 10px;}

.summary-container .address-expanded p		{font-size: 14px;}

.payment-basket-container.checkout-container	{border:none; margin-top: 30px;}
.payment-basket-container .basket-item			{padding-bottom: 10px; margin-bottom: 10px;}
.payment-basket-container .basket-text h2		{font-size: 18px; margin-bottom: 0em; text-transform: none; border: none}
.payment-basket-container .basket-text h3		{font-size: 14px; margin-bottom: 0.5em;}
.payment-basket-container .basket-text p		{font-size: 13px; margin-bottom: 0.5em}
.payment-basket-container .basket-image-text h4 {font-size: 14px; margin-bottom: 0.5em}
.payment-basket-container .basket-image-text	{padding-right: 0}
.payment-basket-container .product-select		{padding-left: 0 !important; margin-top: 10px;}
.payment-basket-container .quantity-total h3	{font-size: 20px; font-weight: 400}
.payment-basket-container .quantity-total label	{font-weight: 700; margin-right: 5px; font-size: 14px;}
.payment-basket-container .qty-text				{display: inline-flex;}
.payment-basket-container .qty					{font-size: 14px;}
.payment-basket-container .basket-image			{width:105px; padding: 10px;}

.payment-grand-total					{border:none; background-color: #f1f1f1}
.payment-grand-total .summary-box		{border:none}
.payment-grand-total .summary-box h5	{text-transform: uppercase}

.add-new-address	{display: block; margin-bottom: 15px;}
.add-new-address a	{color:inherit; text-decoration: underline; cursor: pointer}

/**** FORM STYLES ****/
.form-cell							{display: block; margin-bottom: 20px;}
.form-cell label					{display: block; font-weight: 700; margin-bottom: 9px;}
.form-cell input[type="text"],		
.form-cell input[type="password"]	{padding: 15px; display: block; border:1px solid #cccccc; width:100%; transition: 0.2s ease-out}
.form-cell input:focus				{box-shadow: 0 0 0 2px #333333; border-color:#333333}
.form-cell button					{width:100%;}
.form-cell:last-child				{margin-bottom: 0}

.container 									{display: block; position: relative; padding-left: 40px; margin-bottom: 12px; cursor: pointer; font-size: 18px; padding-top: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.container input 							{position: absolute; opacity: 0; cursor: pointer;}
.checkmark 									{position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #ffffff; border-radius: 4px; border:1px solid #707070}
.container:hover input ~ .checkmark 		{background-color: #ccc;}
.container input:checked ~ .checkmark 		{background-color: #575757; border-color:#575757}
.checkmark:after 							{content: ""; position: absolute; display: none;}
.container input:checked ~ .checkmark:after {display: block;}
.container .checkmark:after 				{left: 8px; top: 4px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.form-cell.custom-cb label			{display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; padding-left: 0}
.form-cell.custom-cb .checkmark		{position: relative; left: auto; top:auto; margin-right: 10px;}

/* ERRORS */
ul.errors		{background-color:#FFEFEF; border:1px solid #FF0000; padding: 20px; font-size: 15px; color:#FF0000;}
ul.errors li	{margin-left: 20px; line-height: 1.4em; margin-bottom: 5px;}
ul.errors li:last-child	{margin-bottom: 0}

.error.form-cell textarea,
.error.form-cell input[type="text"],		
.error.form-cell input[type="password"]	{border:1px solid #FF0000; background-color: #FFE5E5}

.error.form-cell textarea:focus,
.error.form-cell input[type="text"]:focus,		
.error.form-cell input[type="password"]:focus	{box-shadow: 0 0 0 2px #333333; border:1px solid #333333; background-color: #ffffff}
/***********************/


/* CONTACT PAGE */
.testimonials-page,
.text-page,
.two-col,
.contact-page		{padding: 60px 0; background-color: #F4F7F5; text-align: center}
.contact-page ul	{margin-bottom: 20px; font-weight: 300}

.contact-form		{text-align: left; margin: 30px 0 0}
.contact-form label	{font-size:16px; color:#707070; font-weight: 300; margin-bottom: 10px; display: block;}

.contact-form textarea,
.contact-form input[type="text"]	{border-color:#707070}

.form-cell			{margin-bottom: 25px;}

.two-col .col-left	h1	{font-size: 40px;}

textarea,
input[type="text"]			{width:100%; display: block; border:1px solid #707070; padding: 10px; font-size: 16px; font-weight: 300; color:#707070; transition: 0.2s ease-out}
textarea:focus,
input[type="text"]:focus	{box-shadow: 0 0 0 2px;}

textarea					{height:350px;}

input[type="submit"]		{background-color:#575757; border-radius: 5px; font-size: 18px; color:#ffffff; letter-spacing: 1px; padding: 10px 30px; transition: 0.2s ease-out}
input[type="submit"]:hover	{background-color:#333333;}

.select-css 			{display: block; font-size: 16px; color:#575757; border:1px solid #cccccc; line-height: 1.3; padding: 15px; width: 100%;  max-width: 100%; box-sizing: border-box; margin: 0; transition: 0.2s ease-out; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url(/_assets/select-arrow.svg); background-repeat: no-repeat, repeat; background-position: right 20px top 50%, 0 0; background-size: 26px auto;}
.select-css::-ms-expand {display: none;}
.select-css:hover 		{/*border-color: #888;*/}
.select-css:focus 		{box-shadow: 0 0 0 2px #333333; border-color:#333333; outline: none;}
.select-css option 		{font-weight:normal;}


.btn		{background-color:#575757; border-radius: 5px; font-size: 18px; color:#ffffff; letter-spacing: 1px; padding: 10px 30px; text-decoration: none; display: inline-block; text-transform: uppercase; transition: 0.2s ease-out}
.btn:hover	{background-color:#333333;}

/* FOOTER */
.footer-top		{padding: 40px 0; text-align: center; background-color:#ffffff}
.footer-top h5	{color:#575757; font-size: 44px; font-weight: 300; text-transform: uppercase; margin: 20px 0 30px}

.footer-bottom	{text-align: center; background-color: #F4F7F5; padding: 60px 0}

.footer-bottom .social-nav		{margin:40px 0 30px 0}
.footer-bottom .social-nav li	{margin: 0 10px;}

.inline-image-list		{list-style: none; display: flex; justify-content: center; align-items: center}
.inline-image-list li	{margin: 0 25px}

.contact-nav				{list-style: none; display: flex; justify-content: center; font-size: 20px;text-transform: uppercase}
.contact-nav li 			{border-left: 1px solid #575757; letter-spacing: 1px; padding: 0 20px;}
.contact-nav li:first-child	{border-left: none}
.contact-nav li a			{text-decoration: none}
.contact-nav li a:hover		{text-decoration: underline}

.contact-nav.sign-off		{font-size: 14px; font-weight: 300;}
.contact-nav.sign-off li 	{padding: 0 10px;}


/* COOKIE BAR */
.cookieBar              { width: 100%; background: url('/_assets/bg_cookiebar.png'); position: fixed; bottom: 0px; left: 0px; text-align: center; padding: 10px 10px; z-index: 99999999; box-sizing:border-box; -moz-box-sizing:border-box; }
.cookieBar p			{color:#ffffff; font-size:14px; font-family:inherit; line-height:1.5em; text-align:center; display:inline-block; text-transform: uppercase;}
.cookieBar .acceptBtn   {border:0px; background:#000; border:1px solid #DEDEDE; font-weight:bold; display:inline-block; margin-top:6px; margin-left:5px; font-family:inherit; font-size:12px; padding:5px 10px; text-decoration:none; color:#FFF; text-transform:uppercase; }

/*	CELEBRATION PACKAGES */
.celebration-package							{padding: 15px 0}
.celebration-packages ul						{ margin-bottom: 20px; margin-left: 30px; }
.celebration-packages ul li						{ margin-bottom: 0.7em; }
.celebration-packages .celebration-package img	{ margin-bottom: 20px; line-height: 1.4em; margin-left: auto; margin-right: auto; }
.center-text									{ text-align: center }