/*
	######## ##    ## ########   #######   ######   ########     ###    ########  ##     ## ##    ##
	   ##     ##  ##  ##     ## ##     ## ##    ##  ##     ##   ## ##   ##     ## ##     ##  ##  ##
	   ##      ####   ##     ## ##     ## ##        ##     ##  ##   ##  ##     ## ##     ##   ####
	   ##       ##    ########  ##     ## ##   #### ########  ##     ## ########  #########    ##
	   ##       ##    ##        ##     ## ##    ##  ##   ##   ######### ##        ##     ##    ##
	   ##       ##    ##        ##     ## ##    ##  ##    ##  ##     ## ##        ##     ##    ##
	   ##       ##    ##         #######   ######   ##     ## ##     ## ##        ##     ##    ##
*/

h1 {
	font-size: 3.5rem;
}


/*
	##     ## ########    ###    ########  ######## ########
	##     ## ##         ## ##   ##     ## ##       ##     ##
	##     ## ##        ##   ##  ##     ## ##       ##     ##
	######### ######   ##     ## ##     ## ######   ########
	##     ## ##       ######### ##     ## ##       ##   ##
	##     ## ##       ##     ## ##     ## ##       ##    ##
	##     ## ######## ##     ## ########  ######## ##     ##
*/

.header{
	padding: 0;
	display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.branding {
	margin: 0;
	padding: 0.75rem;
	flex-shrink: 5;
	display: flex;
	align-items: center;
}
[data-navless="true"] .branding {
    margin: 0 auto;
}

.logo {
	max-height: 40px;
}
header.isStuck .logo {
	max-height: 35px;
}



/*
	##    ##    ###    ##     ##
	###   ##   ## ##   ##     ##
	####  ##  ##   ##  ##     ##
	## ## ## ##     ## ##     ##
	##  #### #########  ##   ##
	##   ### ##     ##   ## ##
	##    ## ##     ##    ###
*/
.nav{
	margin: 0;
}
.nav-group {
	height: 100%;
	justify-content: center;
}
.nav-link {
	padding: 0.5rem 0.75rem;
	font-size: 70%;
}
.header.isStuck .nav-link{
	font-size: 60%;
}
.nav-item:last-child .nav-link {
	border-right: none;
}
.nav-link::after {
	bottom: 0.75rem;
	height: 3px;
}



/*
	##     ##    ###    #### ##    ##
	###   ###   ## ##    ##  ###   ##
	#### ####  ##   ##   ##  ####  ##
	## ### ## ##     ##  ##  ## ## ##
	##     ## #########  ##  ##  ####
	##     ## ##     ##  ##  ##   ###
	##     ## ##     ## #### ##    ##

	#### ##    ## ########  #######
	 ##  ###   ## ##       ##     ##
	 ##  ####  ## ##       ##     ##
	 ##  ## ## ## ######   ##     ##
	 ##  ##  #### ##       ##     ##
	 ##  ##   ### ##       ##     ##
	#### ##    ## ##        #######
*/

.main-info p {
	max-width: 900px;
	margin: 0 auto;
	margin-bottom: 0.8rem;
}


/*
	########  #######  ########  ##     ##  ######
	##       ##     ## ##     ## ###   ### ##    ##
	##       ##     ## ##     ## #### #### ##
	######   ##     ## ########  ## ### ##  ######
	##       ##     ## ##   ##   ##     ##       ##
	##       ##     ## ##    ##  ##     ## ##    ##
	##        #######  ##     ## ##     ##  ######
*/


.form-item-name,
.form-item-company,
.form-item-email,
.form-item-tel {
	width: calc(100% / 2);	
}

/*
	##     ##  #######  ##      ##    #### ########
	##     ## ##     ## ##  ##  ##     ##     ##
	##     ## ##     ## ##  ##  ##     ##     ##
	######### ##     ## ##  ##  ##     ##     ##
	##     ## ##     ## ##  ##  ##     ##     ##
	##     ## ##     ## ##  ##  ##     ##     ##
	##     ##  #######   ###  ###     ####    ##
	
	##      ##  #######  ########  ##    ##  ######
	##  ##  ## ##     ## ##     ## ##   ##  ##    ##
	##  ##  ## ##     ## ##     ## ##  ##   ##
	##  ##  ## ##     ## ########  #####     ######
	##  ##  ## ##     ## ##   ##   ##  ##         ##
	##  ##  ## ##     ## ##    ##  ##   ##  ##    ##
	 ###  ###   #######  ##     ## ##    ##  ######
*/


.how-it-works-group {
		
}

.how-it-works-item {
	display: flex;
	text-align: left;
	align-items: center;
}

.how-it-works-image-wrap {
	flex: 0 0 40%;
}

.how-it-works-image {
}

.how-it-works-text {
		
}

.how-it-works-heading {
	text-align: left;
	font-size: 2.5rem;
}

/*Exceptions*/

.how-it-works-item:nth-child(odd) .how-it-works-text {
	padding-left: 2em;
}

.how-it-works-item:nth-child(even) .how-it-works-text {
	padding-right: 2em;
	order: -1;
}


/*
	########   #######  ##     ##    ###    #### ##    ## 
	##     ## ##     ## ###   ###   ## ##    ##  ###   ## 
	##     ## ##     ## #### ####  ##   ##   ##  ####  ## 
	##     ## ##     ## ## ### ## ##     ##  ##  ## ## ## 
	##     ## ##     ## ##     ## #########  ##  ##  #### 
	##     ## ##     ## ##     ## ##     ##  ##  ##   ### 
	########   #######  ##     ## ##     ## #### ##    ## 

	 ######   #######  ##    ## ######## ####  ######   
	##    ## ##     ## ###   ## ##        ##  ##    ##  
	##       ##     ## ####  ## ##        ##  ##        
	##       ##     ## ## ## ## ######    ##  ##   #### 
	##       ##     ## ##  #### ##        ##  ##    ##  
	##    ## ##     ## ##   ### ##        ##  ##    ##  
	 ######   #######  ##    ## ##       ####  ###### 
*/

.domain-config-text{
	text-align: center;
}

.domain-config-wrap{
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
}

.domain-config-item{
	margin: 0 0.5rem;
	padding: 2rem;
}

.domain-config-item-option{
	width: calc(50% - 2rem);
}
.domain-config-item-or{
	width: 20%;
}


/*
	######## ########    ###    ######## ##     ## ########  ########
	##       ##         ## ##      ##    ##     ## ##     ## ##
	##       ##        ##   ##     ##    ##     ## ##     ## ##
	######   ######   ##     ##    ##    ##     ## ########  ######
	##       ##       #########    ##    ##     ## ##   ##   ##
	##       ##       ##     ##    ##    ##     ## ##    ##  ##
	##       ######## ##     ##    ##     #######  ##     ## ########

	##       ####  ######  ########
	##        ##  ##    ##    ##
	##        ##  ##          ##
	##        ##   ######     ##
	##        ##        ##    ##
	##        ##  ##    ##    ##
	######## ####  ######     ##
*/

.feature-list-wrap {

}

.feature-list-section {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.feature-list-h2 {

}

.feature-list-group {

}

.feature-list-group-l1 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 4rem;
	-moz-column-gap: 4rem;
	column-gap: 4rem;
}

.feature-list-item {
	break-inside: avoid;	
}
.feature-list-item-l1 {
	
}


/*
	######## ##     ##    ###    ##     ## ########  ##       ########  ######  
	##        ##   ##    ## ##   ###   ### ##     ## ##       ##       ##    ## 
	##         ## ##    ##   ##  #### #### ##     ## ##       ##       ##       
	######      ###    ##     ## ## ### ## ########  ##       ######    ######  
	##         ## ##   ######### ##     ## ##        ##       ##             ## 
	##        ##   ##  ##     ## ##     ## ##        ##       ##       ##    ## 
	######## ##     ## ##     ## ##     ## ##        ######## ########  ######  
*/

.showcase-item {
    width: calc(100% / 3);
}

.showcase-hero-item-inner {
    -webkit-flex-direction: row;
    flex-direction: row;
}

.showcase-hero-item {
	width: 100%;
}



/*
	########    ###     #######   ######  
	##         ## ##   ##     ## ##    ## 
	##        ##   ##  ##     ## ##       
	######   ##     ## ##     ##  ######  
	##       ######### ##  ## ##       ## 
	##       ##     ## ##    ##  ##    ## 
	##       ##     ##  ##### ##  ######  
*/
.faq-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.faq-list-item {
	width: 48%;
}

/*
	 #######  ########  ########  ######## ########  
	##     ## ##     ## ##     ## ##       ##     ## 
	##     ## ##     ## ##     ## ##       ##     ## 
	##     ## ########  ##     ## ######   ########  
	##     ## ##   ##   ##     ## ##       ##   ##   
	##     ## ##    ##  ##     ## ##       ##    ##  
	 #######  ##     ## ########  ######## ##     ## 
*/

.order-process-list{
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}
.order-process-item{
	flex: 1;
	flex-direction: column;
	justify-content: flex-start;
}
.order-process-text{
	max-width: 15rem;
	padding-left: 0;
	padding-top: 1rem;
}
div.next-arrow {
    left: auto;
    bottom: 0;
    margin-bottom: 0;

    border: solid #d98833;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    margin-right: -20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}




.print-show-wrap{
	display: block;
}

/* Animation List */
.animation-example-item{
	width: 50%;
}



.case-study-wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.case-study-screens
, .case-study-info{
	width: 35%;
	margin: 0;
}
.case-study-screens{
	margin-left: 80px;
}
.case-study-info{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	margin-left: 100px;
}
.case-study-text-wrap{
	margin: 2rem 0 1rem 0;
}
.case-study-text{
	margin: 0 0 1rem 0;
	color: #383838;
}
.case-study-suppliers {
    display: block;
}

.theme-wrap .case-study-screens{
    width: 50%;
}
.theme-wrap .case-study-info{
    width: 50%;
}


.show-header-wrap{}
.show-header{
	padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.show-header-text{
		padding: 0 1rem;
}
.show-header-image{
	max-width: 250px;
}
.contact-show-text{
	font-size: 150%;
}
.contact-show-image{
	max-width: 400px;
	margin: 0;
}



.supplier-discount-list{
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.supplier-discount-item{
	margin: 6rem 2rem;
	width: 20%;
}

.covid-notice-text{
	display: inline-block;
}


.price-tiers{
	flex-direction: row;
	align-items: stretch;
}


.price-tier{
	max-width: 20%;
}

.price-tier-description{
	min-height: 6.1rem;
}

.price-tier-cost-pounds{
	font-size: 1.5rem;
}

.price-tier.most-popular{
	transform: scale(1.1);
}