/* - - -  progressive image loading  - - - */
	

a.progressive {
	position: relative;
	display: block;
	overflow: hidden;
	outline: none;
}

a.progressive img {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	border: 0 none;
}

a.progressive img.preview {
	filter: blur(1.5vw);
	transform: scale(1.05);
}

a.progressive img.reveal {
	position: absolute;
	left: 0;
	top: 0;
	will-change: transform, opacity;
	animation: reveal 1s ease-out;
}

@keyframes reveal {
	0% {transform: scale(1.05); opacity: 0;}
	100% {transform: scale(1); opacity: 1;}
}

a.progressive:not(.replace) {
	cursor: default;
}




/* - - -  background images  - - - */


.background .progressive {
	height: 100vh;
	width: auto;
}

.background > .progressive:after {
	content: "";
	position: absolute;
	display: block;
	background-color: transparent;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.background .progressive > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
		
.background.right {
	display: none; /* hide bg image for small devices */
	top: 50%;
	left: 50%;
	height: 100vh;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.background.right .progressive {
	margin-left: 29%;
}

.background.right:after {
	content: "";
	position: absolute;
	display: block;
	background-color: transparent;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, rgba(249, 248, 227, 1) 28%, rgba(249, 248, 227, 0.75) 70%, rgba(249, 248, 227, 0.25) 100%);
}



/* - - -  font, button, link, nav and columns  - - - */


h3 {
	font-size: 2.5rem;
	line-height: 2.5rem;
	font-weight: 400;
	word-spacing: 0.2em;
	letter-spacing: -0.04em;
	transform: scale(1,1.125);
}

p {
	font-family: inherit;
	font-size: .95rem;
	line-height: 1.5rem;
	margin: 0;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	margin-top: 1rem;
}

button, .button {
	position: relative;
	display: block;
	width: 12rem;
	margin: 0;
	padding: 0.55em 1.25em 0.5em;
	overflow: visible;
	-webkit-appearance: none;
	color: #52658F;
	font-family: 'Barlow';
	font-size: 0.9em;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	letter-spacing: 0.03em;
	background-color: #fff;
	border: 1px solid #52658F;
	border-radius: 0;
	cursor: pointer;
	outline: none;
	transition: all 0.4s;
}

button {
	padding-left: 1px;
	padding-right: 1px;
}

button > svg,
.button > svg {
	position: absolute;
	z-index: 1;
	left: 1em;
	height: 1.25rem;
	width: 2rem;
	fill: #52658F;
	margin-top: -0.2rem;
	transition: all 0.4s;
}

.button > span, 
button > span {
	position: relative;
	z-index: 1;
}

.button:hover, 
button:hover,
.button:focus,
button:focus {
	color: #fff;
}

.button:hover > svg, 
button:hover > svg {
	fill: #fff;
}

.button:after,
button:after {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 1px;
	right: 1px;
	margin: 0;
	background-color: transparent;
	border-radius: 0;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}

.button:hover:after, 
button:hover:after,

.button:focus:after, 
button:focus:after {
	background-color: #52658F;
}


a {
	color: #52658F; 
}

a:hover {
	text-decoration: none; 
}

nav > ul {
	display: inline-block;
	margin: 3vh 0 0 0;
	padding: 0;
	list-style-type: none;
}

nav > ul > li {
	position: relative;
	display: block;
	margin: .5rem .5rem;
}

.col {
	position: relative;
	padding-top: .75rem;
}

.col:first-of-type {
	z-index: 2;
	background-color: #fff;
	box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.5);
}

.col:nth-of-type(2) {
	padding-top: 0;
	background-color: #f9f8e3;
}

.col:only-of-type {
	box-shadow: none;
}

.col .nontruncated-wrapper {
	position: relative;
	max-width: 44em;
	margin-left: 1.25rem;
	margin-right: 1.5rem;
	padding-bottom: 1.25rem;
	text-align: left; 
}

.col:first-of-type .truncate-wrapper {
	margin-left: 1.25rem;
	margin-right: 1.5rem;
	padding-bottom: 1.25rem;
	text-align: left;
}
			
.col h3 {
	padding-top: 0.75rem;
}

.col h3 > span {
	display: block;
	padding: 0 1.25rem;
	transform: scale(1,1.05);
}

.col h3 > span:first-of-type {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.6rem;
	letter-spacing: 0.02rem;
	word-spacing: .2rem;
	text-align: left;
}

.col h3 > span:last-of-type {
	font-size: 2rem;
	line-height: 2rem;
	font-weight: 400;
	letter-spacing: -0.03em;
	text-align: left;
}

.col h3 > span.smaller {
	font-size: 80%;
}

.col h3 > span:only-of-type {
	text-align: center;
	font-size: 2.5rem;
	line-height: 2.5rem;
}

.col h3 > span.responsive-break:only-of-type {
	display: block;
	font-size: 55%;
	line-height: 100%;
	letter-spacing: -0.02em;
}

.col:first-of-type > div ul {
	padding-left: 1.5rem;
	margin-bottom: 0;
}	

.col:first-of-type > div li {
	line-height: 1.4rem;
	padding-bottom: 1rem;
}

.col:first-of-type > div li:last-of-type {
	padding-bottom: 0;
}	



/* - - - 'next' navigation  - - - */

.section:not(:first-of-type) .next {
	display: none;
} 

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

	.section:not(:first-of-type) .next {
		display: block;
		position: absolute;
		z-index: 3;
		left: 8px;
		bottom: -12px;
		width: 25%;
		margin: 0;
		padding: .7rem 2.5rem 1.1rem;
		color: white;
		font-family: "Barlow";
		font-size: 0.8rem;
		line-height: 0.8;
		font-weight: 500;
		letter-spacing: 0.03em;
		white-space: nowrap;
		text-align: left;
		text-transform: uppercase;
		text-decoration: none;
		-webkit-font-smoothing: antialiased;
		text-shadow: 1px 1px 1px rgba(255,255,255,0.004);
		border: 0;
		border-radius: 0;
		background-color: #52658f;
		cursor: pointer;
		outline: none;
		transition: all 0.5s ease-in-out;
		/* transition-delay: 1s; */
	}

	.section:not(:first-of-type) .next:after {
		height: 100%;
		width: 100%;
		margin: 0;
		background-color: inherit;
		content: "";
		position: absolute;
		left: 22px;
		top: 0;
		-webkit-transform: skewX(40deg);
		transform: skewX(40deg);
		z-index: -1;
	}

	.section:not(:first-of-type) .next > svg {
		position: absolute;
		z-index: 500;
		/* bottom: 0.9rem; */
		left: 1rem;
		bottom: .8rem;
		height: 1rem;
		width: 1rem;
		margin-top: 0;
		margin-bottom: 0;
		padding: 0.12rem 0.1rem 0.08rem;
		background-color: inherit;
		fill: #fff;
		border-radius: 50%;
	}

	.section:not(:first-of-type) .next:hover > svg {
		background-color: #fff;
		fill: #52658F;
	}

	.section:not(:first-of-type) .next > span:before, 
	.section:not(:first-of-type) .next > span:after {
	  content: "";
	  position: absolute;
	  bottom: -0.25rem;
	  width: 0px;
	  height: 0.075rem;
	  margin: 0.075rem 0 0;
	  transition: all 0.25s ease-in-out;
	  opacity: 0;
	  background-color: #fff;
	}

	.section:not(:first-of-type) .next > span:before {
	  left: 50%;
	}

	.section:not(:first-of-type) .next > span:after {
	  right: 50%;
	}

	.section:not(:first-of-type) .next:hover > span:before,
	.section:not(:first-of-type) .next:hover > span:after {
	  width: 50%;
	  opacity: 1;
	}
	
	.col:first-of-type .truncate-wrapper.overflow {
		padding-left: .5rem;
		background-color: #f1f1f1;
		border-top: 1px solid #bebebe;
		border-bottom: 1px solid #bebebe;
	}

}

@media only screen and (min-aspect-ratio: 4/3) and (min-width: 1024px) {
	.section:not(:first-of-type) .next {
		left: 18px;
		/* width: calc(38% - 18px) */;
		width: 20%;
		padding: .75rem 3rem 1.2rem;
		font-size: 0.9rem;
		line-height: 1.1rem;
		text-align: center;
	}
	
	.section:not(:first-of-type) .next > svg {
		position: absolute;
		/* bottom: 0.9rem; */
		left: 1rem;
		height: 1.6rem;
		bottom: .9rem;
		width: 1.6rem;
		margin-top: 0;
		margin-bottom: 0;
		padding: .17rem .25rem .08rem;
		background-color: inherit;
		fill: #fff;
		border-radius: 50%;
	}

	.section:not(:first-of-type) .next:hover > svg {
		background-color: #fff;
		fill: #52658F;
	}
	
	.col:first-of-type.col-1of1 h3 {
		width: 70%;
		max-width: 52rem;
		margin-left: 8.75%;
		margin-bottom: 1.75rem; 
		border-bottom: 3px solid #52658f;
		/* border-image-source: linear-gradient(to right, rgba(82, 101, 143, 1) 50%, rgba(82, 101, 143, 0) 90%);
		border-image-slice: 1; */
	}
	
	.col .nontruncated-wrapper {
		margin-left: 10%;
	}

}












/* - - -  site navigation  - - - */


#fp-nav {
	padding: .75rem .15rem;		
	background-color: #52658f;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-color: #fff;	
	transition: all 0.75s;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.animate-splash ~ #fp-nav {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: 2.2s;
	-moz-animation-delay: 2.2s;
	animation-delay: 2.2s;
}

#fp-nav.fp-right {
	right: 0;
}
	
#fp-nav.hidden {
	opacity: 0;
}

#fp-nav ul li a span {
	background: #fff;
}

#fp-nav ul li .fp-tooltip.fp-right {
	right: 5px;
}

#fp-nav ul li .fp-tooltip {
	top: -4px;
	margin-right: 13px;
}	

#fp-nav ul li .fp-tooltip > span {
	display: inline-block;
	margin-right: 12px;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	font-family: "Barlow";
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	background-color: #333;
	padding: 2px 12px 2px 12px;
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.004);
}

#fp-nav ul li .fp-tooltip:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent #333;
	top: 5px;
	right: 2px;
}




/* - - -  about  - - - */


.about {
	position: relative;
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: space-evenly;
	list-style: none;
	width: 50%;
	margin: 0;
	padding: 0;
	flex-direction: column;
	text-align: center;
	justify-content: space-evenly;
}

.about > li {
	display: inline-block;
	position: relative;
	padding-bottom: 1rem;
	font-family: "Barlow";
}

.about .bigtext {
	display: block;
	font-size: 16.5vh;
	line-height: 16.5vh;
	font-weight: 400;
	color: #52658f;
	-webkit-text-fill-color: #fff;
	-webkit-text-stroke: 1px #52658f;
	transform: scale(1,1.1);
}

.about .smtext {
	margin-top: -.05em;
	color: #52658f;
	display: block;
	font-size: 3.5vh;
	line-height: 3.5vh;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0;
	padding: 0;
	padding-bottom: .05em;
	transform: scale(1,1.15);
}

.about .xstext {
	color: #52658f;
	display: block;
	font-size: 1.8vh;
	line-height: 3vh;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0;
	padding: 0;
	padding-bottom: .05em;
	transform: scale(1,1.15);
}

.about > li.sm .bigtext {
	font-size: 11vh;
	line-height: 11vh;
	color: #494944;
	-webkit-text-fill-color: #fff;
	-webkit-text-stroke: 1px #494944;
}

.about > li.sm .smtext {
	font-size: 2.8vh;
	line-height: 2.8vh;
	color: #494944;
}

.about > li.sm .xstext {
	font-size: 1.5vh;
	line-height: 2.4vh;
	font-weight: 500;
	color: #494944;
}




/* - - -  brands  - - - */

.brands {
	display: flex;
	width: 90%;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.brands > li {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	width: 50%;
	opacity: 1;
	transition: opacity .5s ease-in-out;
}

.brands > li svg {
	fill: rgba(82, 101, 143, 1);
	transform: scale(.75, .75);
	transition: 0.3s;
}



/* - - -  slides  - - - */


.fp-slides {
	background-color: #e0e0e0;
}

.slide a.progressive {			
	background-color: #f9f8e3;
}

.slide .description {
	padding: 0.3rem 1.5rem 0.4rem;
	font-size: 0.8rem;
	font-weight: 400;
	line-height: 1.35em;
	letter-spacing: 0.03em;
	border-top: 1px solid #fff;
}

.slide .description > .credit {
	display: block;
	text-transform: uppercase;
	font-size: 85%;
	font-weight: 600;
	color: #111;
	text-shadow: 0 0 3px #f9f8e3;
}

.fp-slides {
	margin-top: 0;
	margin-bottom: 35px;
}

.slide a.progressive {			
	height: 50vh;
	background-color: #f9f8e3;
}

.slide a.progressive img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	overflow: hidden;
}

.slide a.progressive img.reveal {
	will-change: transform, opacity;
	animation: reveal-slide 1s ease-out;
}

@keyframes reveal-slide {
	0% {transform: translate(-50%,-50%); scale(1.05); opacity: 0;}
	100% {transform: translate(-50%,-50%); scale(1); opacity: 1;}
}

.fp-controlArrow {
	position: absolute;
	z-index: 4;
	top: 25%;
	cursor: pointer;
	height: 50%;
	border-style: none;
	margin-top: 0;
	transition: all 0.3s ease-in-out;
}

.fp-controlArrow:hover {
	background-color: rgba(0,0,0,.4);
}

.fp-controlArrow.fp-prev {
	left: 0;
	width: 2.3rem;
}

.fp-controlArrow.fp-next {
	right: 0;
	width: 2.3rem;
}

.fp-controlArrow:before,
.fp-controlArrow:after {
	content: '';
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.fp-controlArrow:before {
	width: 2.2rem;
	height: 4.4rem;
	margin-top: -2.3rem;
	background-color: #424242;
	border: 1px solid #fff;
}

.fp-controlArrow.fp-prev:before {
	left: 50%;
	transform: translate(-50%, 0);
}

.fp-controlArrow.fp-next:before {
	right: 50%;
	transform: translate(50%, 0);
}

.fp-controlArrow:hover:before {
	background-color: #000;
}

.fp-controlArrow:after {
	width: 1.3rem;
	height: 1.3rem;
	margin-top: calc(-1rem + 2px);
}

.fp-controlArrow.fp-prev:after {
	left: 63%;
	border-left: 0.4rem solid #ddd;
	border-top: 0.4rem solid #ddd;
	transform: translate(-50%, 0) rotate(-45deg);
}

.fp-controlArrow.fp-next:after {
	right: 63%;
	border-right: 0.4rem solid #ddd;
	border-top: 0.4rem solid #ddd;
	transform: translate(50%, 0) rotate(45deg);
}

.fp-controlArrow.fp-prev:hover:after,
.fp-controlArrow.fp-next:hover:after {
	border-color: #fff;
}

.fp-slidesNav.fp-bottom {
	padding-top: 5px;
	bottom: 1px;
	background-color: #424242;
}

.fp-slidesNav ul li a span {
	background: #fff;
}



/* - - -  case studies  - - - */

/* * * case study details styles * * */

body.on-canvas {
	overflow: hidden !important;
}

/* hide to-top arrow */
body.on-canvas > #fullpage + .to-top {
	transform: translateY(3rem);
	transition-delay: .5s;
}

.flex-container.on-canvas .details {
	transform: translateX(0);			
}

.flex-container .details {
	position: absolute;
	z-index: 200;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
	color: #000;
	text-align: left;
	font-weight: 300;
	background-color: #ededed;
	border-right: 1px solid #52658F;
	border-bottom: .5rem solid #52658F;
	transform: translateX(-125vw);
	-webkit-transition: all 1s ease-in-out 0s;
	transition: all 1s ease-in-out 0s;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.flex-container .details > div {
	position: relative;
	max-width: 56rem;
	margin-left: auto;
	margin-right: auto;
	padding: 2.5rem 2.5rem 1.5rem;
	background-color: #fff;
	border-right: 1px solid #52658F;
	border-left: 1px solid #52658F; 
	
}

.flex-container .details header {
	position: absolute;
	display: block;
	width: 100%;
	padding: 1rem;
	text-align: right;
}

.flex-container .details .close {
	display: inline-block;
	border-color: #52658F;
}

.flex-container .details h4 {
	margin: 0;
	font-family: 'Barlow';
	color: #52658F;
	text-align: center;
	font-size: 2.5rem;
	line-height: 2.5rem;
	word-spacing: 0.2em;
	letter-spacing: -0.02em;
	font-weight: 500;
	text-transform: uppercase;
	transform: scale(1,1.2);
}

.flex-container .details h5 {
	margin: 1.5rem -1.7rem;
	padding-bottom: 0.25rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	font-family: 'Barlow';
	color: #52658F;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.3rem;
	letter-spacing: 0.02em;
	font-weight: 600;
	text-transform: uppercase;
	-webkit-transform: scale(1,1.1);
	-moz-transform: scale(1,1.1);
	-ms-transform: scale(1,1.1);
	-o-transform: scale(1,1.1);
	transform: scale(1,1.1);
}

.flex-container .details h6 {
	margin-bottom: 0;
	line-height: 2rem;
	font-family: 'Barlow';
	font-weight: 500;
	font-size: 1.2rem;
}

.flex-container .details strong {
	line-height: 3.5rem;
	font-family: 'Barlow';
	font-weight: 500;
	font-size: 1.2rem;

}

.flex-container .details .footer {
	padding-top: 0;
	text-align: center;
}

.flex-container .details footer .close {
	color: #52658F;
	background-color: #fff;
}

.flex-container .details footer .close:hover {
	color: #fff;
	background-color: #52658F;
}

.flex-container .details p {
	font-size: 1rem;
}

.flex-container .details .callout {	
	text-align: center;
	background-color: #ccc;
	margin-top: 2.5rem;
	margin-left: -1.5rem;
	margin-bottom: 3rem;
	margin-right: -1.5rem;
	padding: .5rem;
	padding-bottom: .8rem;
	font-weight: 500;
	font-size: .85rem;
	box-shadow: 5px 5px 9px #888888;
}

.flex-container .details .callout img {
	width: 100%;
	height: auto;
	padding-bottom: .5rem;
}

.remove-overflow {
	overflow: hidden;	
}

.flex-container > .details-close {
	position: absolute;
	z-index: 210;
	left: 0;
	top: 0;
	width: 100%;
	padding-top: .5rem;
	padding-right: 2rem; 
	transform: translateX(-125vw);
	transition: all 1s ease-in-out 0s;
}

.flex-container > .details-close > div {
	position: relative;
	max-width: 56rem;
	margin-left: auto;
	margin-right: auto;
	/* 
	margin-left: calc(25vw - 4rem);
	margin-right: calc(25vw - 4rem);
	*/
	text-align: right;
	
}

.flex-container > .details-close .close {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	padding: 0;
	fill: #52658F;
}

.flex-container > .details-close.activated {
	transform: translateX(0);
}

.flex-container > .details-close .close > svg {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1.25rem;
	margin: 0;
	padding-right: 0;
	transition: all 0.3s ease-in-out 0s;	
}

.col:first-of-type .more-wrapper {
	position: relative;
	margin-top: 1rem;
	text-align: center;
}

.more-wrapper > div {
	position: relative;
	display: inline-block;
	width: 16rem;
	padding: 0.55em 0 0.5em;
	color: #52658f;
	font-family: 'Barlow';
	font-size: 1em;
	line-height: .9;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.03em;
	background-color: #fff;
	border: 1px solid #52658f;
	cursor: default;
}

.more-wrapper > div > span {					
	position: relative;
	z-index: 1;
}					

.more-wrapper > div:after {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 1px;
	right: 1px;
	margin: 0;
	background-color: #fff;
}

.more-wrapper > .more {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 50%;
	width: 16rem;
	color: #fff;
	font-size: 1em;
	line-height: .9;
	transform: translate(-50%,0); 
}

.more-wrapper > .more:hover {
	color: #52658f;
}

.more-wrapper > .more:after {
	background-color: #52658f;
}

.more-wrapper > .more:hover:after {
	background-color: #fff;
}

#onCanvas .more-wrapper > .more {
	display: none;
}




/* - - -  footer  - - - */


.section:last-of-type {
	border-bottom: 0;
}

.section:last-of-type .background {
	height: calc(100% - 2.5rem);
}

.section:last-of-type .background > .progressive:after {
	height: 100%;
	background: radial-gradient(ellipse at center, rgba(249,248,227,0.8) 5%, rgba(249,248,227,.45) 25%, rgba(249,248,227,1) 90%);
}

.section:last-of-type .foreground img {
	display: inline;
	width: 8.5rem;
	height: 8.5rem;
	margin: 0;
	border: 1px solid #494944;
	border-radius: 50%;
}

.section:last-of-type .flex-container.vert > div:first-of-type {
	height: calc(100vh - 2.5rem);
	background-color: #f9f8e3;
}

.section:last-of-type .flex-container.vert > div:nth-of-type(2) {
	height: 2.5rem;
	position: relative;
}

.section:last-of-type .flex-container.vert > div:nth-of-type(2) > div {
	padding-bottom: .2rem;
}

.section:last-of-type .flex-container.vert > div:nth-of-type(2) > div > span {
	display: block;
}

.section:last-of-type .flex-container.vert > div:nth-of-type(2) > div > span:last-of-type {
	display: none;
}




/* - - -  to top  - - - */

.to-top {
	position: fixed;
	z-index: 20;
	bottom: 0;
	right: 0;
	width: 1.7rem;
	height: 1.7rem;
	margin: 1rem ;
	padding: 0;
	color: white;
	font-family: -system-ui, sans-serif;
	font-size: 1rem;
	line-height: 1.2;
	white-space: nowrap;
	text-decoration: none;
	border: 0;
	background-color: #494944;
	cursor: pointer;
	outline: none;
	transform: scale(1, 1);
	transition: all 0.2s ease-in-out;
	box-shadow: 0 0 0 1px #ddd;
}

.to-top > svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1.3rem;
	height: 1.3rem;
	padding: .5rem .1rem .1rem;
	fill: #ddd;
}

.to-top:after {
	display: none;
}

.to-top:hover {
	transform: scale(1.5, 1.5);
	background-color: rgba(0,0,0,1);
}

.fp-viewing-welcome > .to-top {
	transform: translateY(3rem);
}



/* - - -  responsive  - - - */


/* cell-phone landscape mode */
@media only screen and (min-aspect-ratio: 4/3) {
	button {
		width: 10rem;
	}
	
	.section:last-of-type button {
		padding-left: .75em;	
	}
	
	button.more {
		width: 12rem;
	}
	
	button > svg, .button > svg {
		left: .75em;
	}
	
	nav > ul > li {
		display: inline-block;
	}
	
	.section:first-of-type h1 > span:last-of-type {
		display: inline-block;
		font-size: 100%;
	}
	
	.section:first-of-type h2 {
		font-size: 1.7rem;
		line-height: 4rem;
	}
	
	.col:first-of-type > div {
		margin-left: 2rem;
		margin-right: 2.25rem;
		padding-bottom: 1.5rem;
	}
	
	.about {
		margin-top: -0.5rem;
	}
	
	.about > li {
		padding-bottom: .15rem;
	}
	
	.about .bigtext {
		font-size: 19vh;
		line-height: 19vh;
	}

	.about .smtext {
		font-size: 5vh;
		line-height: 5vh;
	}

	.about .xstext {
		font-size: 3vh;
		line-height: 5vh;
	}
	
	.about > li.sm {

	}

	.about > li.sm .bigtext {
		font-size: 14vh;
		line-height: 14vh;
	}

	.about > li.sm .smtext {
		font-size: 4.25vh;
		line-height: 4.25vh;
	}

	.about > li.sm .xstext {
		font-size: 2.5vh;
		line-height: 0.9rem;
	}
	
	.brands > li {
		width: 33%;
	}
	
	/* slides */
	
	.fp-slides {
		margin-top: -0.75rem;
		margin-bottom: 35px;
		background-color: #e0e0e0;
	}
	
	.slide a.progressive {			
		height: 75vh;
	}

}


/* tablet and larger (portrait mode) */
@media only screen and (min-width: 768px) {

	.flex-container, .fp-tableCell {
		position: relative;
		display: flex;
		flex-flow: column;
		justify-content: center;
		/* align-items: center; */
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	
	.fp-tableCell {
		height: 100% !important;
	}
	/*
	.section:nth-of-type(2) > .fp-tableCell,
	.section:nth-of-type(3) > .fp-tableCell {
		 height: 100% !important;
	}
	 */
	h1 {
		font-size: 16vh;
		line-height: 80%;
	}

	h2 {
		margin-top: 1.5rem;
		font-size: 3vh;
	}
	
	p {
		font-size: .92rem;
		line-height: 1.4rem;
		margin: 0;
		margin-top: .9rem;
	}
	
	p:first-of-type {
		margin-top: 0;
	}
	
	.col:first-of-type > div ul {
		margin-top: 0;
	}
	
	.col:first-of-type > div li {
		padding-bottom: 0.75rem;
		line-height: 1.3rem;
		font-size: .92rem;
	}

	button,
	.button {
		width: 13rem;
	}
	
	.text-outline {
		-webkit-text-stroke: 1.5px #52658f;
	}
	
	.text-shadow {
		display: block;
	}
	
	nav > ul > li {
		display: inline-block;
	}
	
	.section {			
		border-top: 4px solid #52658F;
		border-bottom: 8px solid #52658F;
	}
	
	.section:first-of-type .foreground {
		padding-bottom: 16vw;
	}
	
	.section:first-of-type nav {
		display: block;
	}
	
	.section:first-of-type .next {
		bottom: calc(6vh + 2em);
	}
	
	.col {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		padding-top: 0;
	}
	
	.col:first-of-type {
		height: 47%;	
	}
	
	.col:nth-of-type(2) {
		height: 53%;
	}
	
	.col:only-of-type {
		height: 100%;
	}
	
	.col:first-of-type > div {
		padding-left: 3.5rem;
		margin-top: 1rem;
		margin-bottom: 1rem;
		/* background-color: yellow; */
	}

	.col:first-of-type h3 {
		width: 88%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 1.75rem;
		text-align: left;
		color: #52658f;
	}
	
	.col:only-of-type h3 {
		margin-bottom: 0;
		font-size: 7vh;
		text-align: center;
	}
	
	.col h3 > span {
		padding: 0 0;
	}
	
	.col h3 > span:first-of-type {
		font-size: 1.15rem;
		line-height: 1.5rem;
	}
	
	.col h3 > span:only-of-type {
		text-align: left;
		font-size: 3.25rem;
		line-height: 3rem;
		font-weight: 300;
		letter-spacing: -0.04em;
		border-width: 0;
	}
	
	.col h3 > span.responsive-break:only-of-type {
		font-size: 40%;
		text-align: center;
		padding-top: 2.5vh;
	}
	
	.col:first-of-type .truncate-wrapper {
		max-height: calc(40vh - 4.5rem);
		width: 90%;
		margin-top: 0.75rem;
		margin-left: 0.75rem;
		text-align: left;
		overflow-y: auto;
	}
	
	
	/* splash */
	
	.n:before {
		content: 'N';
		text-shadow: 0 0 11px #5c5c5c;
		-webkit-animation-delay: 3.55s;
		-moz-animation-delay: 3.55s;
		animation-delay: 3.55s;
	}
	
	.i:before {
		content: 'i';
		text-shadow: 0 0 11px #5c5c5c;
		-webkit-animation-delay: 3.7s;
		-moz-animation-delay: 3.7s;
		animation-delay: 3.7s;
	}

	.l:before {
		content: 'l';
		text-shadow: 0 0 11px #5c5c5c;
		-webkit-animation-delay: 3.85s;
		-moz-animation-delay: 3.85s;
		animation-delay: 3.85s;
	}

	.s:before {
		content: 's';
		text-shadow: 0 0 11px #5c5c5c;
		-webkit-animation-delay: 3.15s;
		-moz-animation-delay: 3.15s;
		animation-delay: 4s;
	}
	
	.levine:before {
		content: 'Levine';
		-webkit-animation-delay: 3.15s;
		-moz-animation-delay: 3.15s;
		animation-delay: 3.15s;
	}
	
	
	/* about */
	
	.background.right,
	.background.right .progressive {
		height: 53vh;
	}
	
	.background.right .progressive {
		margin-left: 50%;
	}
	
	.background.right:after {
		background: linear-gradient(to right, rgba(249, 248, 227, 1) 50%, rgba(249, 248, 227, 0.75) 80%, rgba(249, 248, 227, 0.25) 100%);
	}
	
	.about {
		width: 50%;
		margin-right: 50%;
	}
	
	.about > li {
		padding-bottom: 0.25vh;
	}
	
	.about .bigtext {
		font-size: 10vh;
		line-height: 10vh;
	}
	
	.about .smtext {
		font-size: 2vh;
		line-height: 2.5vh;
	}

	.about .xstext {
		font-size: 1vh;
		line-height: 1.5vh;
	}

	.about > li.sm {
		padding-bottom: .25vh;
	}

	.about > li.sm .bigtext {
		font-size: 6.5vh;
		line-height: 6.5vh;
	}

	.about > li.sm .smtext {
		font-size: 1.4vh;
		line-height: 1.9vh;
	}

	.about > li.sm .xstext {
		font-size: .8vh;
		line-height: 1.2vh;
	}
	
	/* updates to about on 2/23/2021 */
	.col:first-of-type.col-1of1 h3 {
		margin-bottom: 1.75rem;
	}
	
	.col .nontruncated-wrapper {
		width: 70%;
	}
	
	.background.right,
	.background.right .progressive {
		display: block;
		height: 100vh;
	}
				
	.background.right:after {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 15%, rgba(249, 248, 227, 1) 65%, rgba(249, 248, 227, 0.75) 80%, rgba(249, 248, 227, 0.25) 100%);
	}
	
	
	/* brands */

	.brands {			
		width: 85vw;
		margin-top: 4%;
		margin-bottom: 3%; 
	}
	
	.brands > li {
		width: 33%;
		height: 12vh;
	}
	
	.brands > li > svg {
		fill: rgba(73, 73, 68, .7);
	}
	
	.brands > li:hover > svg {
		fill: rgba(82, 101, 143, 1);
		transform: scale(1, 1);
	}
	
	
	/* slides */
	
	.fp-slides {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.slide .fp-tableCell {
		
		justify-content: flex-start;
	}
	
	.fp-slide, .fp-slidesContainer {
		height: 53vh;
	}
	
	.slide a.progressive {
		width: 100%;			
		height: 60vh;
	}
	
	.slide a.progressive img {
		width: 90%
	}
	
	.slide .description {	
		line-height: 1.4em;
		position: absolute;
		top: 0;
		left: 7%;
		width: 86%;
		padding-left: 8%;
		padding-right: 8%;
		color: #fff;
		background-color: rgba(95, 95, 95, 1);
		border-color: #a3a294;
	}
	
	.slide .description > .credit {
		position: absolute;
		top: 100%;
		right: 1%;
	}
	
	.fp-slidesNav.fp-bottom {
		padding-top: 0;
		left: 50%;
		right: auto;
		
		margin: 0 auto !important;
		background-color: transparent;
		border-color: #f9f8e3;
		transform: translate(-50%, 0);
	}
	
	.fp-slidesNav ul {
		display: inline-block;
		padding-top: 3px;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		background-color: rgba(95, 95, 95, 1);
	}
	


	.fp-slidesNav ul li a span {

	}
	
	
	
	/* contact */
	
	.section:last-of-type {
		border-top: 4px solid #52658f;
	}
	
	.section:last-of-type .flex-container.vert > div:first-of-type {
		height: calc(100% - 4rem);
	}
	
	.section:last-of-type .flex-container.vert > div:nth-of-type(2) {
		height: 4rem;
		line-height: 1.5;
	}
	
	.section:last-of-type .foreground img {
		width: 16vh;
		height: 16vh;
		border: 4px solid #494944;
		margin-bottom: 1rem;
	}
	
	.section:last-of-type h3 {
		font-size: 6vh;
		line-height: 6vh;
		letter-spacing: -0.05em;
	}

}


/* tablet and larger (panoramic landscape mode - edge case) */
@media only screen and (min-width: 768px) and (min-aspect-ratio: 3/1) {

	.section:first-of-type nav {
		display: none;
	}

	.col:only-of-type h3 {
		font-size: 3rem;
		margin-left: 3%;
	}
	
	.col:only-of-type h3 > span.responsive-break:only-of-type {
		line-height: .3;
		margin-bottom: .25rem;
	}

	.col:first-of-type > div {
		padding-left: 3.5rem;
		margin-bottom: 1rem;
		/* background-color: red; */
	}
	
	.brands {
		width: 55vw;
		margin-top: 0;
		margin-bottom: 2em;
	}
	
	.brands > li {
		height: 16vh;
	}
	
	.brands > li svg {
		transform: scale(.5, .5);
	}
	
	.brands > li:hover > svg {
		fill: rgba(82, 101, 143, 1);
		transform: scale(.7, .7);
	}
	
	.section:last-of-type .foreground img {
		width: 8vw;
		height: 8vw;
	}
	
	.section:last-of-type h3 {
		font-size: 4rem;
		line-height: 3rem;
	}
	
}


/* tablet and larger (landscape mode) */
@media only screen  and (min-width: 1024px) and (min-aspect-ratio: 4/3) {

	h1 > .outline, h2 > .outline {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.animate-splash h1 > .outline:before {
		width: 100%;
		height: 1px;
		content: "";
		position: absolute;
		top: 1.2vw;
		left: 0;
		background-color: rgba(255, 0, 0, 0.4);
		z-index: -100;
	}
	
	.animate-splash h1 > .outline:after {
		width: 100%;
		height: 1px;
		content: "";
		position: absolute;
		bottom: 0vh;
		left: 0;
		background-color: rgba(255, 0, 0, 0.4);
		z-index: -100;
	}
	
	.animate-splash h2 > .outline:before {
		width: 100%;
		height: 1px;
		content: "";
		position: absolute;
		top: 1.55vw;
		left: 0;
		background-color: rgba(255, 0, 0, 0.4);
		z-index: -100;
	}
	
	.animate-splash h2 > .outline:after {
		width: 100%;
		height: 1px;
		content: "";
		position: absolute;
		bottom: 1.25vw;
		left: 0;
		background-color: rgba(255, 0, 0, 0.4);
		z-index: -100;
	}
	
	.animate-splash nav > ul > li > .outline-horz:before {
		height: 1px;
		width: calc(100% + 1rem);
		content: "";
		position: absolute;
		top: 0;
		left: -0.5rem;
		background-color: rgba(255, 0, 0, 0.4);
		z-index: -100;
	}
	
	.animate-splash nav > ul > li > .outline-horz:after {
		height: 1px;
		width: calc(100% + 1rem);
		content: "";
		position: absolute;
		bottom: 0;
		right: -0.5rem;
		background-color: rgba(255, 0, 0, 0.4);
		z-index: -100;
	}
	
	.animate-splash nav > ul > li > .outline-vert:before {
		width: 1px;
		height: calc(100% + 1rem);
		content: "";
		position: absolute;
		top: -0.5rem;
		left: 0;
		background-color: rgba(255, 0, 0, 0.4);
		z-index: -100;
	}
	
	.animate-splash nav > ul > li > .outline-vert:after {
		width: 1px;
		height: calc(100% + 1rem);
		content: "";
		position: absolute;
		top: -0.5rem;
		right: 0;
		background-color: rgba(255, 0, 0, 0.4);
		z-index: -100;
	}
	
	
	.flex-container {
		flex-flow: row;
	}
	
	.flex-container.vert {
		flex-flow: column;
	}
	
	.fp-tableCell .col {
		height: 100%;
	}

	.col:first-of-type {
		width: 38%;
		height: 100%;
		box-shadow: none;
	}
	
	.col:nth-child(2) {
		width: 62%;
		height: 100%;
		border-left: .4rem solid #52658f;
	}
				
	.col:only-of-type {
		width: 100%;
		border-left: 0;
		background-color: transparent;
	}
	
	.background.right {
		height: 100%;
	}
	
	.col:first-of-type > div {
		width: 100%;
		/* background-color: yellow; */
		padding-left: 2rem;
		margin-bottom: 2.5rem;
	}
	
	.col:first-of-type h3 {
		width: 94%;
		margin-left: 6.25%;
		text-align: left;
		margin-top: 1.75rem;
		margin-top: 0;
	}
	
	.col:only-of-type h3 {
		font-size: 10vh;
		margin-left: 3%;
		text-align: center;
		font-weight: 300;
	}
	
	.col:only-of-type h3 > span.responsive-break:only-of-type {
		font-size: 30%;
		line-height: 1;
		margin-bottom: .25rem;
	}
	
	.col:first-of-type h3 > span:first-of-type {
		margin-bottom: 0.5vh;
		border-bottom: 2px solid #52658f;
	}
	
	.col:first-of-type h3 > span:last-of-type {
		line-height: 3.5vw;
		font-size: 3.25vw;
	}
	
	.col:first-of-type h3 > span:only-of-type {
		font-size: 4rem;
		line-height: 4rem;
		border-width: 3px;
	}
	
	.col:only-of-type h3 > span:only-of-type {
		padding-bottom: 0;
		border-width: 0;
	}
	
	.col:first-of-type .truncate-wrapper {
		max-height: calc(100vh - 11rem);
		width: 84%;
		margin-top: 1rem;
		margin-left: 10%;
		text-align: left;
		overflow-y: auto;
	}
	
	.section {
		opacity: 0;
	}
	
	.section.active {
		opacity: 1;
	}
	
	.section:first-of-type .foreground {
		margin-bottom: 0;
		padding-bottom: 15vh;
	}
	
	.section:first-of-type h1 {
		font-size: 13vw;
		line-height: 80%;
	}
	
	.section:first-of-type h2 {
		margin-top: 0;
		font-size: 3vw;
		line-height: 5vw;
	}
	
	
	.background.right, 
	.background.right .progressive {
		height: 100vh;
	}
	
	
	.about > li {
		padding-bottom: 5.5vh;
	}
	
	.about .bigtext {
		font-size: 20vh;
		line-height: 20vh;
		font-weight: 300;
		-webkit-text-stroke: 2px #52658f;
	}

	.about .smtext {
		font-size: 3.5vh;
		line-height: 3.5vh;
	}

	.about .xstext {
		font-size: 1.8vh;
		line-height: 3vh;
	}

	.about > li.sm {
		opacity: .7;
		padding-bottom: 2.25vh;
	}

	.about > li.sm .bigtext {
		font-size: 10vh;
		line-height: 10vh;
		color: #494944;
	}

	.about > li.sm .smtext {
		font-size: 3vh;
		line-height: 3vh;
	}

	.about > li.sm .xstext {
		font-size: 1.3vh;
		line-height: 2.4vh;
	}

	
	.brands {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.brands > li {
		width: 25%;
		height: 18vh;
	}
	
	
	.fp-slides {
		background-color: #f9f8e3;
		background: linear-gradient(to right, rgba(249, 248, 227, 1) calc(100% - 24px), rgba(0, 0, 0, 0.5) 100%);
		margin-right: 0;
	}
	
	.slide a.progressive {
		height: 100vh;
		width: 100%;
	}
	
	.slide a.progressive img {
		width: 120%;
	}
	
	.slide .description {
		top: 0;
		left: 7%;
		background-color: rgba(95, 95, 95, 1);
		border-top: 1px solid #f9f8e3;
	}
	
	.fp-controlArrow:before {
		width: 2.25rem;
		height: 4.4rem;
		margin-top: -2.2rem;
		background-color: #424242;
		border: 1px solid #fff;
		border: 0;
	}
	
	.fp-controlArrow:after {
		margin-top: -0.65rem;
	}
	
	.fp-controlArrow.fp-next {
		right: 1px;
	}
	
	.fp-controlArrow.fp-prev {
		left: 1px;
		width: 2.25rem;
	}
	
	.fp-slidesNav.fp-bottom {
		left: 38% !important;
		top: auto;
		bottom: 1px;
		right: 0;
		margin: 0 auto !important;
		transform: translate(0, 0);
	}
	
	.fp-slidesNav ul {
		display: inline-block;
		margin-right: 34px;
		padding-top: 3px;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		background-color: rgba(95, 95, 95, 1);
	}
	
	.flex-container > .details-close {
		padding-right: 2.25rem;
	}
	
	.section:last-of-type .foreground img {
		width: 12vw;
		height: 12vw;
	}
	
	.section:last-of-type h3 {
		font-size: 4vw;
		line-height: 3vw;
	}
	
	.fp-slidesNav.fp-bottom {
		border-bottom: 0;
	}
	
	.fp-slidesNav ul {
		margin-right: 34px;
	}


}


/* tablet and larger (panoramic landscape mode) */
@media only screen  and (min-width: 1024px) and (min-aspect-ratio: 2/1) {
	.slide a.progressive img {
		width: 90%;
	}
}



/* side navigation */

	
.sidenav {
	height: 100%;
	width: 16rem;
	position: fixed;
	z-index: 1002;
	top: 0;
	left: -16rem;
	background-color: #52658f;
	overflow-x: hidden;
	padding-top: 60px;
	transition: 0.5s;			
}

.sidenav.open {
	left: 0;
	/* box-shadow: 0px 6px 12px 0px rgba(0,0,0,1); */	
}

.sidenav > ul {
	padding-left: 1.75rem;
}

.sidenav li {
	display: block;
	width: 100%;
	border-bottom: 1px solid #fff;
}

.sidenav li:first-of-type {
	border-top: 1px solid #fff;
}

.sidenav li a {
	margin: 1px 0;
	padding: .5rem .5rem .5rem 1.25rem;
	text-decoration: none;
	font-family: 'Barlow';
	font-size: 1.1rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: #fff;
	display: block;
	transition: 0.3s;
}

.sidenav li a:hover {
	color: #52658f;
	background-color: #fff;	
}

/* menu item active states */
.fp-viewing-welcome .sidenav li:first-of-type > a,
.fp-viewing-about .sidenav li:nth-of-type(2) > a,
.fp-viewing-brands .sidenav li:nth-of-type(3) > a,
.fp-viewing-process-0 .sidenav li:nth-of-type(4) > a,
.fp-viewing-projects-0 .sidenav li:nth-of-type(5) > a,
.fp-viewing-contact .sidenav li:last-of-type > a {
	color: #52658f;
	background-color: #fff;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
	.sidenav {padding-top: 2.25rem;}
	.sidenav li a {font-size: 1rem;}
}

@media only screen and (min-aspect-ratio: 4/3) and (min-width: 1024px) {
	.sidenav > div { 
		top: 1rem; 
		left: 1rem; 
	}
}

#sidenavOverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	visibility: hidden;
	opacity: 0;
	z-index: 99;
	transition: 0.5s;
}

#sidenavOverlay.open {
	visibility: inherit;
	opacity: 1;
}
	

	
/* nav icon */

	
.nav-icon {
	width: 38px; 
	height: 38px;  
	position: absolute;
	z-index: 1100; 
	top: 0.5rem; 
	left: 0.5rem;
	border-radius: 19px; 
	transition: 0.25s;
	opacity: 0;
}

@media only screen and (min-width: 768px) {
		
	.nav-icon {
		position: fixed;
	}
}

.sidenav.animate-splash > div {
	-webkit-animation-delay: 2.0s;
	-moz-animation-delay: 2.0s;
	animation-delay: 2.0s;
}

.nav-icon .hamburger {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 22px;
	height: 19px;
	display: block;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: 0;
	transform: translate(-50%, -50%);
}

.nav-icon .hamburger:before, 
.nav-icon .hamburger:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 22px;
	height: 3px;
	background-color:#52658f;
}

.nav-icon .hamburger-icon,
.nav-icon .hamburger:before, 
.nav-icon .hamburger:after {
	-webkit-transition: All .5s ease;
	transition: All .5s ease;
}

.nav-icon .hamburger:before {
	top: 0;
}

.nav-icon .hamburger:after {
	top: auto;
	bottom: 0;
	background-color: #52658f;
}

.nav-icon .hamburger-icon {
	display: block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 22px;
	height: 3px;
	background-color: #52658f;
}

/* reverse menu icon colors for welcome screen */
.fp-viewing-welcome > .nav-icon .hamburger-icon,
.fp-viewing-welcome > .nav-icon .hamburger:before, 
.fp-viewing-welcome > .nav-icon .hamburger:after {
	background-color: #fff;
}

.nav-icon.open .hamburger-icon {
	display: none;
}

.nav-icon.open .hamburger:before,
.nav-icon.open .hamburger:after {
	background-color: #fff;	
}

.nav-icon.open .hamburger:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 9px;
	display: block;
}

.nav-icon.open .hamburger:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	bottom: 7px;
	display: block;
}