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

.billboard,
.main,
.what-it-costs,
.find-out-more,
.footer-call,
.order-diagram {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}



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

.header {
	display: flex;
	padding: 0;
}

.branding {	
	justify-content: flex-start;
	padding: 1rem;
}
[data-navless="true"] .branding {
	justify-content: center;
}


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



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

.nav-group {
	padding: 0;
}


.nav-item {
	margin: 0 0.2em 0 0;
	justify-content: flex-start;
}

.nav-link {
	font-size: 90%;
	padding: 1em;
	border-right: none;
}

.nav-link::after {
	bottom: 1.2em;
	height: 4px;
}

.sign-up-nav-link{
	margin-right: 0;
}




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

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

.footer-call{
	font-size: 1.8rem;
}


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


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


.form-choice-input {
	margin-bottom: 0;
	margin-right: -1.5rem;
}

.form-choice-item {
	padding: 0 1rem;
	flex-direction: row;
	justify-content: center;
}

.form-choice-label {
	text-align: left;
	padding-top: 0.5rem;
	padding-left: 2rem;
}


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


.overview {
	
}

.overview-group {
	display: flex;
	margin-top: 1rem;
	/*margin: 0 -2em;*/
}

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

.overview-heading {
	
}

.overview-image {

}

.overview-list {
	padding: 0 1.5rem;
	margin: 1rem 0 0 0;
}

.overview-list-item {
}


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

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

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



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

.website-feature-group {

}

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

.website-feature-item:nth-last-child(-n+3) {
	border-bottom: 0;
}

/*Reinstate border*/
.website-feature-item:nth-child(2n+2) {
	border-right: 1px solid hsl(0,0%,90%)
}

.website-feature-item:nth-child(3n+3) {
	border-right: 0;
}

/*Remove the mask for this breakpoint*/
.website-feature-item:nth-child(4)::before {
	content: none;	
}

/*Reinstate the mask for this breakpoint only*/
.website-feature-item:nth-child(3)::before {
	content: "";
}


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

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

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



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

.overlay #overlay-wrap {
    width: 60%;
 }


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



.case-study-wrap {
    margin: 15rem 0;
}
.case-study-screens
, .case-study-info{
	width: 40%;
}
.case-study-suppliers {
    display: flex;
}


.full-width-section{
    width: calc(100vw - 9px);
    max-width: calc(100vw - 9px);
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: 10rem;
    margin-bottom: 6rem;
}

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