/*!
 * Theme Name: ASM Theme
 * Theme URI: https://asm.com/
 * Author: asm
 * Author URI: https://asm.com/
 * Description: Description
 * Version: 1.0.0
 * License: GNU General Public License v2 or later
 * License URI: LICENSE
 * Text Domain: asm
 * Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 *
 * This theme, like WordPress, is licensed under the GPL.
 * Use it to make something cool, have fun, and share what you've learned.
 *
 * This theme is based on asm_ (C) 2012-2020 Automattic, Inc.
 * asm_ is distributed under the terms of the GNU GPL v2 or later.
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
html {
		line-height: 1.15;
		-webkit-text-size-adjust: 100%;
}

body {
		margin: 0;
}

h1 {
		font-size: 2em;
		margin: 0.67em 0;
}

hr {
		-webkit-box-sizing: content-box;
		        box-sizing: content-box;
		height: 0;
		overflow: visible;
}

pre {
		font-family: monospace, monospace;
		font-size: 1em;
}

a {
		background-color: transparent;
}

abbr[title] {
		border-bottom: none;
		text-decoration: underline;
		-webkit-text-decoration: underline dotted;
		        text-decoration: underline dotted;
}

b,
strong {
		font-weight: bolder;
}

code,
kbd,
samp {
		font-family: monospace, monospace;
		font-size: 1em;
}

small {
		font-size: 80%;
}

sub,
sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
}

sub {
		bottom: -0.25em;
}

sup {
		top: -0.5em;
}

img {
		border-style: none;
}

button,
input,
optgroup,
select,
textarea {
		font-family: inherit;
		font-size: 100%;
		line-height: 1.15;
		margin: 0;
}

button,
input {
		overflow: visible;
}

button,
select {
		text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
		-webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
		border-style: none;
		padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
		outline: 1px dotted ButtonText;
}

fieldset {
		padding: 0.35em 0.75em 0.625em;
}

legend {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		color: inherit;
		display: table;
		max-width: 100%;
		padding: 0;
		white-space: normal;
}

progress {
		vertical-align: baseline;
}

textarea {
		overflow: auto;
}

[type=checkbox],
[type=radio] {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
		height: auto;
}

[type=search] {
		-webkit-appearance: textfield;
		outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
		-webkit-appearance: none;
}

::-webkit-file-upload-button {
		-webkit-appearance: button;
		font: inherit;
}

details {
		display: block;
}

summary {
		display: list-item;
}

template {
		display: none;
}

[hidden] {
		display: none;
}

.alignleft {
		float: left;
		margin-right: 1.5em;
		margin-bottom: 1.5em;
}

.alignright {
		float: right;
		margin-left: 1.5em;
		margin-bottom: 1.5em;
}

.aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1.5em;
}

.wp-caption {
		margin-bottom: 1.5em;
		max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
		display: block;
		margin-left: auto;
		margin-right: auto;
}

.wp-caption .wp-caption-text {
		margin: 0.8075em 0;
}

.wp-caption-text {
		text-align: center;
}

.gallery {
		margin-bottom: 1.5em;
}

.gallery-item {
		display: inline-block;
		text-align: center;
		vertical-align: top;
		width: 100%;
}

.gallery-columns-2 .gallery-item {
		max-width: 50%;
}

.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
		max-width: 25%;
}

.gallery-columns-5 .gallery-item {
		max-width: 20%;
}

.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
}

.gallery-caption {
		display: block;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
		padding: 15px 0 15px 0;
		display: inline-block;
		cursor: pointer;
		-webkit-transition-property: opacity, -webkit-filter;
		transition-property: opacity, -webkit-filter;
		transition-property: opacity, filter;
		transition-property: opacity, filter, -webkit-filter;
		-webkit-transition-duration: 0.15s;
		        transition-duration: 0.15s;
		-webkit-transition-timing-function: linear;
		        transition-timing-function: linear;
		font: inherit;
		color: inherit;
		text-transform: none;
		background-color: transparent;
		border: 0;
		margin: 0;
		overflow: visible;
		outline: none;
}
.hamburger:hover {
		-webkit-filter: opacity(100%);
		        filter: opacity(100%);
}
.hamburger.is-active:hover {
		-webkit-filter: opacity(100%);
		        filter: opacity(100%);
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
		background-color: #fff;
		width: 100%;
}

.hamburger-box {
		width: 40px;
		height: 23px;
		display: inline-block;
		position: relative;
}

.hamburger-inner {
		display: block;
		top: 50%;
		margin-top: -1.5px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
		width: 40px;
		height: 3px;
		background-color: #fff;
		border-radius: 0;
		position: absolute;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
		-webkit-transition-duration: 0.15s;
		        transition-duration: 0.15s;
		-webkit-transition-timing-function: ease;
		        transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
		content: "";
		display: block;
}
.hamburger-inner::before {
		top: -10px;
		width: 100%;
		right: 0;
}
.hamburger-inner::after {
		bottom: -10px;
		width: 100%;
		right: 0;
}

/*
 * 3DX
 */
.hamburger--3dx .hamburger-box {
		-webkit-perspective: 80px;
		        perspective: 80px;
}
.hamburger--3dx .hamburger-inner {
		-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
		-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
		background-color: transparent !important;
		-webkit-transform: rotateY(180deg);
		        transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
		        transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
		        transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DX Reverse
 */
.hamburger--3dx-r .hamburger-box {
		-webkit-perspective: 80px;
		        perspective: 80px;
}
.hamburger--3dx-r .hamburger-inner {
		-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
		-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
		background-color: transparent !important;
		-webkit-transform: rotateY(-180deg);
		        transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
		        transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
		        transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY
 */
.hamburger--3dy .hamburger-box {
		-webkit-perspective: 80px;
		        perspective: 80px;
}
.hamburger--3dy .hamburger-inner {
		-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
		-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
		background-color: transparent !important;
		-webkit-transform: rotateX(-180deg);
		        transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
		        transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
		        transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY Reverse
 */
.hamburger--3dy-r .hamburger-box {
		-webkit-perspective: 80px;
		        perspective: 80px;
}
.hamburger--3dy-r .hamburger-inner {
		-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
		-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
		background-color: transparent !important;
		-webkit-transform: rotateX(180deg);
		        transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
		        transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
		        transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DXY
 */
.hamburger--3dxy .hamburger-box {
		-webkit-perspective: 80px;
		        perspective: 80px;
}
.hamburger--3dxy .hamburger-inner {
		-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
		-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
		background-color: transparent !important;
		-webkit-transform: rotateX(180deg) rotateY(180deg);
		        transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
		        transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
		        transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DXY Reverse
 */
.hamburger--3dxy-r .hamburger-box {
		-webkit-perspective: 80px;
		        perspective: 80px;
}
.hamburger--3dxy-r .hamburger-inner {
		-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
		-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
		background-color: transparent !important;
		-webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
		        transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
		        transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
		        transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * Arrow
 */
.hamburger--arrow.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
		        transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
		        transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Arrow Right
 */
.hamburger--arrow-r.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
		        transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
		        transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Alt
 */
.hamburger--arrowalt .hamburger-inner::before {
		-webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
		-webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
		top: 0;
		-webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
		        transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
		-webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
		        transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
		-webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Alt Right
 */
.hamburger--arrowalt-r .hamburger-inner::before {
		-webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
		-webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
		top: 0;
		-webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
		        transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
		-webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
		        transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
		-webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
		transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
		-webkit-transform: rotate(-180deg);
		    -ms-transform: rotate(-180deg);
		        transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
		        transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
		        transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
		-webkit-transform: rotate(-180deg);
		    -ms-transform: rotate(-180deg);
		        transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
		-webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
		        transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
		        transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Boring
 */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
		-webkit-transition-property: none;
		transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
		-webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		        transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: rotate(-90deg);
		    -ms-transform: rotate(-90deg);
		        transform: rotate(-90deg);
}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
		top: auto;
		bottom: 0;
		-webkit-transition-duration: 0.13s;
		        transition-duration: 0.13s;
		-webkit-transition-delay: 0.13s;
		        transition-delay: 0.13s;
		-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
		top: -20px;
		-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
		transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
		-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
		-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
		        transform: translate3d(0, -10px, 0) rotate(-45deg);
		-webkit-transition-delay: 0.22s;
		        transition-delay: 0.22s;
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
		top: 0;
		opacity: 0;
		-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
		transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
		top: 0;
		-webkit-transform: rotate(-90deg);
		    -ms-transform: rotate(-90deg);
		        transform: rotate(-90deg);
		-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Collapse Reverse
 */
.hamburger--collapse-r .hamburger-inner {
		top: auto;
		bottom: 0;
		-webkit-transition-duration: 0.13s;
		        transition-duration: 0.13s;
		-webkit-transition-delay: 0.13s;
		        transition-delay: 0.13s;
		-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
		top: -20px;
		-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
		transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
		-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
		-webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
		        transform: translate3d(0, -10px, 0) rotate(45deg);
		-webkit-transition-delay: 0.22s;
		        transition-delay: 0.22s;
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
		top: 0;
		opacity: 0;
		-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
		transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
		top: 0;
		-webkit-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		        transform: rotate(90deg);
		-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
		top: 1.5px;
		-webkit-transition-duration: 0.275s;
		        transition-duration: 0.275s;
		-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
		        transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
		top: 10px;
		-webkit-transition: opacity 0.125s 0.275s ease;
		transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
		top: 20px;
		-webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
		-webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
		        transform: translate3d(0, 10px, 0) rotate(135deg);
		-webkit-transition-delay: 0.075s;
		        transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
		-webkit-transition-delay: 0s;
		        transition-delay: 0s;
		opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
		        transform: translate3d(0, -20px, 0) rotate(-270deg);
		-webkit-transition-delay: 0.075s;
		        transition-delay: 0.075s;
}

/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
		top: 1.5px;
		-webkit-transition-duration: 0.275s;
		        transition-duration: 0.275s;
		-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
		        transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
		top: 10px;
		-webkit-transition: opacity 0.125s 0.275s ease;
		transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
		top: 20px;
		-webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
		-webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
		        transform: translate3d(0, 10px, 0) rotate(-135deg);
		-webkit-transition-delay: 0.075s;
		        transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
		-webkit-transition-delay: 0s;
		        transition-delay: 0s;
		opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
		        transform: translate3d(0, -20px, 0) rotate(270deg);
		-webkit-transition-delay: 0.075s;
		        transition-delay: 0.075s;
}

/*
 * Emphatic
 */
.hamburger--emphatic {
		overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
		-webkit-transition: background-color 0.125s 0.175s ease-in;
		transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
		left: 0;
		-webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
		transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
		transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
		transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic .hamburger-inner::after {
		top: 10px;
		right: 0;
		-webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
		transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
		transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
		transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic.is-active .hamburger-inner {
		-webkit-transition-delay: 0s;
		        transition-delay: 0s;
		-webkit-transition-timing-function: ease-out;
		        transition-timing-function: ease-out;
		background-color: transparent !important;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
		left: -80px;
		top: -80px;
		-webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
		        transform: translate3d(80px, 80px, 0) rotate(45deg);
		-webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
		right: -80px;
		top: -80px;
		-webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
		        transform: translate3d(-80px, 80px, 0) rotate(-45deg);
		-webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Emphatic Reverse
 */
.hamburger--emphatic-r {
		overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
		-webkit-transition: background-color 0.125s 0.175s ease-in;
		transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
		left: 0;
		-webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
		transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
		transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
		transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r .hamburger-inner::after {
		top: 10px;
		right: 0;
		-webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
		transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
		transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
		transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r.is-active .hamburger-inner {
		-webkit-transition-delay: 0s;
		        transition-delay: 0s;
		-webkit-transition-timing-function: ease-out;
		        transition-timing-function: ease-out;
		background-color: transparent !important;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
		left: -80px;
		top: 80px;
		-webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
		        transform: translate3d(80px, -80px, 0) rotate(-45deg);
		-webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
		right: -80px;
		top: 80px;
		-webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
		        transform: translate3d(-80px, -80px, 0) rotate(45deg);
		-webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Minus
 */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
		-webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
		transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
		opacity: 0;
		-webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
		transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
		top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
		bottom: 0;
}

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
		top: 1.5px;
}
.hamburger--slider .hamburger-inner::before {
		top: 10px;
		-webkit-transition-property: opacity, -webkit-transform;
		transition-property: opacity, -webkit-transform;
		transition-property: transform, opacity;
		transition-property: transform, opacity, -webkit-transform;
		-webkit-transition-timing-function: ease;
		        transition-timing-function: ease;
		-webkit-transition-duration: 0.15s;
		        transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
		top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
		-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
		        transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
		-webkit-transform: rotate(-45deg) translate3d(-5.7142857143px, -7px, 0);
		        transform: rotate(-45deg) translate3d(-5.7142857143px, -7px, 0);
		opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
		        transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner {
		top: 1.5px;
}
.hamburger--slider-r .hamburger-inner::before {
		top: 10px;
		-webkit-transition-property: opacity, -webkit-transform;
		transition-property: opacity, -webkit-transform;
		transition-property: transform, opacity;
		transition-property: transform, opacity, -webkit-transform;
		-webkit-transition-timing-function: ease;
		        transition-timing-function: ease;
		-webkit-transition-duration: 0.15s;
		        transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
		top: 20px;
}
.hamburger--slider-r.is-active .hamburger-inner {
		-webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
		        transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
		-webkit-transform: rotate(45deg) translate3d(5.7142857143px, -7px, 0);
		        transform: rotate(45deg) translate3d(5.7142857143px, -7px, 0);
		opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
		-webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
		        transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
		-webkit-transition-duration: 0.22s;
		        transition-duration: 0.22s;
		-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
		-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
		transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
		-webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
		-webkit-transform: rotate(225deg);
		    -ms-transform: rotate(225deg);
		        transform: rotate(225deg);
		-webkit-transition-delay: 0.12s;
		        transition-delay: 0.12s;
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
		-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
		transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: rotate(-90deg);
		    -ms-transform: rotate(-90deg);
		        transform: rotate(-90deg);
		-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spin Reverse
 */
.hamburger--spin-r .hamburger-inner {
		-webkit-transition-duration: 0.22s;
		        transition-duration: 0.22s;
		-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
		-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
		transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
		-webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
		-webkit-transform: rotate(-225deg);
		    -ms-transform: rotate(-225deg);
		        transform: rotate(-225deg);
		-webkit-transition-delay: 0.12s;
		        transition-delay: 0.12s;
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
		-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
		transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		        transform: rotate(90deg);
		-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
		top: 1.5px;
		-webkit-transition: background-color 0s 0.13s linear;
		transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
		top: 10px;
		-webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
		top: 20px;
		-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
		-webkit-transition-delay: 0.22s;
		        transition-delay: 0.22s;
		background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
		top: 0;
		-webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
		        transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
		top: 0;
		-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
		        transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
 * Spring Reverse
 */
.hamburger--spring-r .hamburger-inner {
		top: auto;
		bottom: 0;
		-webkit-transition-duration: 0.13s;
		        transition-duration: 0.13s;
		-webkit-transition-delay: 0s;
		        transition-delay: 0s;
		-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
		top: -20px;
		-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
		transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
		-webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
		-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
		        transform: translate3d(0, -10px, 0) rotate(-45deg);
		-webkit-transition-delay: 0.22s;
		        transition-delay: 0.22s;
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
		top: 0;
		opacity: 0;
		-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
		transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
		top: 0;
		-webkit-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		        transform: rotate(90deg);
		-webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand
 */
.hamburger--stand .hamburger-inner {
		-webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
		transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::before {
		-webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
		-webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
		-webkit-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		        transform: rotate(90deg);
		background-color: transparent !important;
		-webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
		transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::before {
		top: 0;
		-webkit-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		        transform: rotate(-45deg);
		-webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		        transform: rotate(45deg);
		-webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand Reverse
 */
.hamburger--stand-r .hamburger-inner {
		-webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
		transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::before {
		-webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
		-webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
		-webkit-transform: rotate(-90deg);
		    -ms-transform: rotate(-90deg);
		        transform: rotate(-90deg);
		background-color: transparent !important;
		-webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
		transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::before {
		top: 0;
		-webkit-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		        transform: rotate(-45deg);
		-webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		        transform: rotate(45deg);
		-webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
		-webkit-transition-duration: 0.075s;
		        transition-duration: 0.075s;
		-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
		-webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
		transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
		-webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
		-webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		        transform: rotate(45deg);
		-webkit-transition-delay: 0.12s;
		        transition-delay: 0.12s;
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
		-webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
		transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: rotate(-90deg);
		    -ms-transform: rotate(-90deg);
		        transform: rotate(-90deg);
		-webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Vortex
 */
.hamburger--vortex .hamburger-inner {
		-webkit-transition-duration: 0.2s;
		        transition-duration: 0.2s;
		-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
		        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
		-webkit-transition-duration: 0s;
		        transition-duration: 0s;
		-webkit-transition-delay: 0.1s;
		        transition-delay: 0.1s;
		-webkit-transition-timing-function: linear;
		        transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
		-webkit-transition-property: top, opacity;
		transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
		-webkit-transition-property: bottom, -webkit-transform;
		transition-property: bottom, -webkit-transform;
		transition-property: bottom, transform;
		transition-property: bottom, transform, -webkit-transform;
}
.hamburger--vortex.is-active .hamburger-inner {
		-webkit-transform: rotate(765deg);
		    -ms-transform: rotate(765deg);
		        transform: rotate(765deg);
		-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
		        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
		-webkit-transition-delay: 0s;
		        transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		        transform: rotate(90deg);
}

/*
 * Vortex Reverse
 */
.hamburger--vortex-r .hamburger-inner {
		-webkit-transition-duration: 0.2s;
		        transition-duration: 0.2s;
		-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
		        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
		-webkit-transition-duration: 0s;
		        transition-duration: 0s;
		-webkit-transition-delay: 0.1s;
		        transition-delay: 0.1s;
		-webkit-transition-timing-function: linear;
		        transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
		-webkit-transition-property: top, opacity;
		transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
		-webkit-transition-property: bottom, -webkit-transform;
		transition-property: bottom, -webkit-transform;
		transition-property: bottom, transform;
		transition-property: bottom, transform, -webkit-transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
		-webkit-transform: rotate(-765deg);
		    -ms-transform: rotate(-765deg);
		        transform: rotate(-765deg);
		-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
		        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
		-webkit-transition-delay: 0s;
		        transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: rotate(-90deg);
		    -ms-transform: rotate(-90deg);
		        transform: rotate(-90deg);
}

.container {
		margin-right: auto;
		margin-left: auto;
		max-width: 160rem;
}

.container-narrow {
		margin-right: auto;
		margin-left: auto;
		max-width: 100rem;
}

.container-fluid {
		max-width: 200rem;
}

.row {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 0;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: 1rem;
		margin-left: 1rem;
}
@media (min-width: 768px) {
		.row {
				margin-right: 2rem;
				margin-left: 2rem;
		}
}

.row.reverse {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
}

.col.reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		padding-right: 1rem;
		padding-left: 1rem;
}
@media (min-width: 768px) {
		.col-xs,
		.col-xs-1,
		.col-xs-2,
		.col-xs-3,
		.col-xs-4,
		.col-xs-5,
		.col-xs-6,
		.col-xs-7,
		.col-xs-8,
		.col-xs-9,
		.col-xs-10,
		.col-xs-11,
		.col-xs-12,
		.col-xs-offset-0,
		.col-xs-offset-1,
		.col-xs-offset-2,
		.col-xs-offset-3,
		.col-xs-offset-4,
		.col-xs-offset-5,
		.col-xs-offset-6,
		.col-xs-offset-7,
		.col-xs-offset-8,
		.col-xs-offset-9,
		.col-xs-offset-10,
		.col-xs-offset-11,
		.col-xs-offset-12 {
				padding-right: 2rem;
				padding-left: 2rem;
		}
}

.col-xs {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		flex-basis: 100%;
		max-width: 100%;
}

.col-xs-1 {
		-ms-flex-preferred-size: 8.33333333%;
		flex-basis: 8.33333333%;
		max-width: 8.33333333%;
}

.col-xs-2 {
		-ms-flex-preferred-size: 16.66666667%;
		flex-basis: 16.66666667%;
		max-width: 16.66666667%;
}

.col-xs-3 {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		max-width: 25%;
}

.col-xs-4 {
		-ms-flex-preferred-size: 33.33333333%;
		flex-basis: 33.33333333%;
		max-width: 33.33333333%;
}

.col-xs-5 {
		-ms-flex-preferred-size: 41.66666667%;
		flex-basis: 41.66666667%;
		max-width: 41.66666667%;
}

.col-xs-6 {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
}

.col-xs-7 {
		-ms-flex-preferred-size: 58.33333333%;
		flex-basis: 58.33333333%;
		max-width: 58.33333333%;
}

.col-xs-8 {
		-ms-flex-preferred-size: 66.66666667%;
		flex-basis: 66.66666667%;
		max-width: 66.66666667%;
}

.col-xs-9 {
		-ms-flex-preferred-size: 75%;
		flex-basis: 75%;
		max-width: 75%;
}

.col-xs-10 {
		-ms-flex-preferred-size: 83.33333333%;
		flex-basis: 83.33333333%;
		max-width: 83.33333333%;
}

.col-xs-11 {
		-ms-flex-preferred-size: 91.66666667%;
		flex-basis: 91.66666667%;
		max-width: 91.66666667%;
}

.col-xs-12 {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
}

.col-xs-offset-0 {
		margin-left: 0;
}

.col-xs-offset-1 {
		margin-left: 8.33333333%;
}

.col-xs-offset-2 {
		margin-left: 16.66666667%;
}

.col-xs-offset-3 {
		margin-left: 25%;
}

.col-xs-offset-4 {
		margin-left: 33.33333333%;
}

.col-xs-offset-5 {
		margin-left: 41.66666667%;
}

.col-xs-offset-6 {
		margin-left: 50%;
}

.col-xs-offset-7 {
		margin-left: 58.33333333%;
}

.col-xs-offset-8 {
		margin-left: 66.66666667%;
}

.col-xs-offset-9 {
		margin-left: 75%;
}

.col-xs-offset-10 {
		margin-left: 83.33333333%;
}

.col-xs-offset-11 {
		margin-left: 91.66666667%;
}

.start-xs {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		text-align: start;
}

.center-xs {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
}

.end-xs {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		text-align: end;
}

.top-xs {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
}

.middle-xs {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
}

.bottom-xs {
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
}

.around-xs {
		-ms-flex-pack: distribute;
		justify-content: space-around;
}

.between-xs {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
}

.first-xs {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
}

.last-xs {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
}

@media only screen and (min-width: 48rem) {
		.col-sm,
		.col-sm-1,
		.col-sm-2,
		.col-sm-3,
		.col-sm-4,
		.col-sm-5,
		.col-sm-6,
		.col-sm-7,
		.col-sm-8,
		.col-sm-9,
		.col-sm-10,
		.col-sm-11,
		.col-sm-12,
		.col-sm-offset-0,
		.col-sm-offset-1,
		.col-sm-offset-2,
		.col-sm-offset-3,
		.col-sm-offset-4,
		.col-sm-offset-5,
		.col-sm-offset-6,
		.col-sm-offset-7,
		.col-sm-offset-8,
		.col-sm-offset-9,
		.col-sm-offset-10,
		.col-sm-offset-11,
		.col-sm-offset-12 {
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				padding-right: 2rem;
				padding-left: 2rem;
		}
		.col-sm {
				-webkit-box-flex: 1;
				-ms-flex-positive: 1;
				flex-grow: 1;
				-ms-flex-preferred-size: 0;
				flex-basis: 100%;
				max-width: 100%;
		}
		.col-sm-1 {
				-ms-flex-preferred-size: 8.33333333%;
				flex-basis: 8.33333333%;
				max-width: 8.33333333%;
		}
		.col-sm-2 {
				-ms-flex-preferred-size: 16.66666667%;
				flex-basis: 16.66666667%;
				max-width: 16.66666667%;
		}
		.col-sm-3 {
				-ms-flex-preferred-size: 25%;
				flex-basis: 25%;
				max-width: 25%;
		}
		.col-sm-4 {
				-ms-flex-preferred-size: 33.33333333%;
				flex-basis: 33.33333333%;
				max-width: 33.33333333%;
		}
		.col-sm-5 {
				-ms-flex-preferred-size: 41.66666667%;
				flex-basis: 41.66666667%;
				max-width: 41.66666667%;
		}
		.col-sm-6 {
				-ms-flex-preferred-size: 50%;
				flex-basis: 50%;
				max-width: 50%;
		}
		.col-sm-7 {
				-ms-flex-preferred-size: 58.33333333%;
				flex-basis: 58.33333333%;
				max-width: 58.33333333%;
		}
		.col-sm-8 {
				-ms-flex-preferred-size: 66.66666667%;
				flex-basis: 66.66666667%;
				max-width: 66.66666667%;
		}
		.col-sm-9 {
				-ms-flex-preferred-size: 75%;
				flex-basis: 75%;
				max-width: 75%;
		}
		.col-sm-10 {
				-ms-flex-preferred-size: 83.33333333%;
				flex-basis: 83.33333333%;
				max-width: 83.33333333%;
		}
		.col-sm-11 {
				-ms-flex-preferred-size: 91.66666667%;
				flex-basis: 91.66666667%;
				max-width: 91.66666667%;
		}
		.col-sm-12 {
				-ms-flex-preferred-size: 100%;
				flex-basis: 100%;
				max-width: 100%;
		}
		.col-sm-offset-0 {
				margin-left: 0;
		}
		.col-sm-offset-1 {
				margin-left: 8.33333333%;
		}
		.col-sm-offset-2 {
				margin-left: 16.66666667%;
		}
		.col-sm-offset-3 {
				margin-left: 25%;
		}
		.col-sm-offset-4 {
				margin-left: 33.33333333%;
		}
		.col-sm-offset-5 {
				margin-left: 41.66666667%;
		}
		.col-sm-offset-6 {
				margin-left: 50%;
		}
		.col-sm-offset-7 {
				margin-left: 58.33333333%;
		}
		.col-sm-offset-8 {
				margin-left: 66.66666667%;
		}
		.col-sm-offset-9 {
				margin-left: 75%;
		}
		.col-sm-offset-10 {
				margin-left: 83.33333333%;
		}
		.col-sm-offset-11 {
				margin-left: 91.66666667%;
		}
		.start-sm {
				-webkit-box-pack: start;
				-ms-flex-pack: start;
				justify-content: flex-start;
				text-align: start;
		}
		.center-sm {
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				text-align: center;
		}
		.end-sm {
				-webkit-box-pack: end;
				-ms-flex-pack: end;
				justify-content: flex-end;
				text-align: end;
		}
		.top-sm {
				-webkit-box-align: start;
				-ms-flex-align: start;
				align-items: flex-start;
		}
		.middle-sm {
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
		}
		.bottom-sm {
				-webkit-box-align: end;
				-ms-flex-align: end;
				align-items: flex-end;
		}
		.around-sm {
				-ms-flex-pack: distribute;
				justify-content: space-around;
		}
		.between-sm {
				-webkit-box-pack: justify;
				-ms-flex-pack: justify;
				justify-content: space-between;
		}
		.first-sm {
				-webkit-box-ordinal-group: 0;
				-ms-flex-order: -1;
				order: -1;
		}
		.last-sm {
				-webkit-box-ordinal-group: 2;
				-ms-flex-order: 1;
				order: 1;
		}
}
@media only screen and (min-width: 64rem) {
		.col-md,
		.col-md-1,
		.col-md-2,
		.col-md-3,
		.col-md-4,
		.col-md-5,
		.col-md-6,
		.col-md-7,
		.col-md-8,
		.col-md-9,
		.col-md-10,
		.col-md-11,
		.col-md-12,
		.col-md-offset-0,
		.col-md-offset-1,
		.col-md-offset-2,
		.col-md-offset-3,
		.col-md-offset-4,
		.col-md-offset-5,
		.col-md-offset-6,
		.col-md-offset-7,
		.col-md-offset-8,
		.col-md-offset-9,
		.col-md-offset-10,
		.col-md-offset-11,
		.col-md-offset-12 {
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				padding-right: 2rem;
				padding-left: 2rem;
		}
		.col-md {
				-webkit-box-flex: 1;
				-ms-flex-positive: 1;
				flex-grow: 1;
				-ms-flex-preferred-size: 0;
				flex-basis: 100%;
				max-width: 100%;
		}
		.col-md-1 {
				-ms-flex-preferred-size: 8.33333333%;
				flex-basis: 8.33333333%;
				max-width: 8.33333333%;
		}
		.col-md-2 {
				-ms-flex-preferred-size: 16.66666667%;
				flex-basis: 16.66666667%;
				max-width: 16.66666667%;
		}
		.col-md-3 {
				-ms-flex-preferred-size: 25%;
				flex-basis: 25%;
				max-width: 25%;
		}
		.col-md-4 {
				-ms-flex-preferred-size: 33.33333333%;
				flex-basis: 33.33333333%;
				max-width: 33.33333333%;
		}
		.col-md-5 {
				-ms-flex-preferred-size: 41.66666667%;
				flex-basis: 41.66666667%;
				max-width: 41.66666667%;
		}
		.col-md-6 {
				-ms-flex-preferred-size: 50%;
				flex-basis: 50%;
				max-width: 50%;
		}
		.col-md-7 {
				-ms-flex-preferred-size: 58.33333333%;
				flex-basis: 58.33333333%;
				max-width: 58.33333333%;
		}
		.col-md-8 {
				-ms-flex-preferred-size: 66.66666667%;
				flex-basis: 66.66666667%;
				max-width: 66.66666667%;
		}
		.col-md-9 {
				-ms-flex-preferred-size: 75%;
				flex-basis: 75%;
				max-width: 75%;
		}
		.col-md-10 {
				-ms-flex-preferred-size: 83.33333333%;
				flex-basis: 83.33333333%;
				max-width: 83.33333333%;
		}
		.col-md-11 {
				-ms-flex-preferred-size: 91.66666667%;
				flex-basis: 91.66666667%;
				max-width: 91.66666667%;
		}
		.col-md-12 {
				-ms-flex-preferred-size: 100%;
				flex-basis: 100%;
				max-width: 100%;
		}
		.col-md-offset-0 {
				margin-left: 0;
		}
		.col-md-offset-1 {
				margin-left: 8.33333333%;
		}
		.col-md-offset-2 {
				margin-left: 16.66666667%;
		}
		.col-md-offset-3 {
				margin-left: 25%;
		}
		.col-md-offset-4 {
				margin-left: 33.33333333%;
		}
		.col-md-offset-5 {
				margin-left: 41.66666667%;
		}
		.col-md-offset-6 {
				margin-left: 50%;
		}
		.col-md-offset-7 {
				margin-left: 58.33333333%;
		}
		.col-md-offset-8 {
				margin-left: 66.66666667%;
		}
		.col-md-offset-9 {
				margin-left: 75%;
		}
		.col-md-offset-10 {
				margin-left: 83.33333333%;
		}
		.col-md-offset-11 {
				margin-left: 91.66666667%;
		}
		.start-md {
				-webkit-box-pack: start;
				-ms-flex-pack: start;
				justify-content: flex-start;
				text-align: start;
		}
		.center-md {
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				text-align: center;
		}
		.end-md {
				-webkit-box-pack: end;
				-ms-flex-pack: end;
				justify-content: flex-end;
				text-align: end;
		}
		.top-md {
				-webkit-box-align: start;
				-ms-flex-align: start;
				align-items: flex-start;
		}
		.middle-md {
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
		}
		.bottom-md {
				-webkit-box-align: end;
				-ms-flex-align: end;
				align-items: flex-end;
		}
		.around-md {
				-ms-flex-pack: distribute;
				justify-content: space-around;
		}
		.between-md {
				-webkit-box-pack: justify;
				-ms-flex-pack: justify;
				justify-content: space-between;
		}
		.first-md {
				-webkit-box-ordinal-group: 0;
				-ms-flex-order: -1;
				order: -1;
		}
		.last-md {
				-webkit-box-ordinal-group: 2;
				-ms-flex-order: 1;
				order: 1;
		}
}
@media only screen and (min-width: 75rem) {
		.col-lg,
		.col-lg-1,
		.col-lg-2,
		.col-lg-3,
		.col-lg-4,
		.col-lg-5,
		.col-lg-6,
		.col-lg-7,
		.col-lg-8,
		.col-lg-9,
		.col-lg-10,
		.col-lg-11,
		.col-lg-12,
		.col-lg-offset-0,
		.col-lg-offset-1,
		.col-lg-offset-2,
		.col-lg-offset-3,
		.col-lg-offset-4,
		.col-lg-offset-5,
		.col-lg-offset-6,
		.col-lg-offset-7,
		.col-lg-offset-8,
		.col-lg-offset-9,
		.col-lg-offset-10,
		.col-lg-offset-11,
		.col-lg-offset-12 {
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				padding-right: 2rem;
				padding-left: 2rem;
		}
		.col-lg {
				-webkit-box-flex: 1;
				-ms-flex-positive: 1;
				flex-grow: 1;
				-ms-flex-preferred-size: 0;
				flex-basis: 100%;
				max-width: 100%;
		}
		.col-lg-1 {
				-ms-flex-preferred-size: 8.33333333%;
				flex-basis: 8.33333333%;
				max-width: 8.33333333%;
		}
		.col-lg-2 {
				-ms-flex-preferred-size: 16.66666667%;
				flex-basis: 16.66666667%;
				max-width: 16.66666667%;
		}
		.col-lg-3 {
				-ms-flex-preferred-size: 25%;
				flex-basis: 25%;
				max-width: 25%;
		}
		.col-lg-4 {
				-ms-flex-preferred-size: 33.33333333%;
				flex-basis: 33.33333333%;
				max-width: 33.33333333%;
		}
		.col-lg-5 {
				-ms-flex-preferred-size: 41.66666667%;
				flex-basis: 41.66666667%;
				max-width: 41.66666667%;
		}
		.col-lg-6 {
				-ms-flex-preferred-size: 50%;
				flex-basis: 50%;
				max-width: 50%;
		}
		.col-lg-7 {
				-ms-flex-preferred-size: 58.33333333%;
				flex-basis: 58.33333333%;
				max-width: 58.33333333%;
		}
		.col-lg-8 {
				-ms-flex-preferred-size: 66.66666667%;
				flex-basis: 66.66666667%;
				max-width: 66.66666667%;
		}
		.col-lg-9 {
				-ms-flex-preferred-size: 75%;
				flex-basis: 75%;
				max-width: 75%;
		}
		.col-lg-10 {
				-ms-flex-preferred-size: 83.33333333%;
				flex-basis: 83.33333333%;
				max-width: 83.33333333%;
		}
		.col-lg-11 {
				-ms-flex-preferred-size: 91.66666667%;
				flex-basis: 91.66666667%;
				max-width: 91.66666667%;
		}
		.col-lg-12 {
				-ms-flex-preferred-size: 100%;
				flex-basis: 100%;
				max-width: 100%;
		}
		.col-lg-offset-0 {
				margin-left: 0;
		}
		.col-lg-offset-1 {
				margin-left: 8.33333333%;
		}
		.col-lg-offset-2 {
				margin-left: 16.66666667%;
		}
		.col-lg-offset-3 {
				margin-left: 25%;
		}
		.col-lg-offset-4 {
				margin-left: 33.33333333%;
		}
		.col-lg-offset-5 {
				margin-left: 41.66666667%;
		}
		.col-lg-offset-6 {
				margin-left: 50%;
		}
		.col-lg-offset-7 {
				margin-left: 58.33333333%;
		}
		.col-lg-offset-8 {
				margin-left: 66.66666667%;
		}
		.col-lg-offset-9 {
				margin-left: 75%;
		}
		.col-lg-offset-10 {
				margin-left: 83.33333333%;
		}
		.col-lg-offset-11 {
				margin-left: 91.66666667%;
		}
		.start-lg {
				-webkit-box-pack: start;
				-ms-flex-pack: start;
				justify-content: flex-start;
				text-align: start;
		}
		.center-lg {
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				text-align: center;
		}
		.end-lg {
				-webkit-box-pack: end;
				-ms-flex-pack: end;
				justify-content: flex-end;
				text-align: end;
		}
		.top-lg {
				-webkit-box-align: start;
				-ms-flex-align: start;
				align-items: flex-start;
		}
		.middle-lg {
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
		}
		.bottom-lg {
				-webkit-box-align: end;
				-ms-flex-align: end;
				align-items: flex-end;
		}
		.around-lg {
				-ms-flex-pack: distribute;
				justify-content: space-around;
		}
		.between-lg {
				-webkit-box-pack: justify;
				-ms-flex-pack: justify;
				justify-content: space-between;
		}
		.first-lg {
				-webkit-box-ordinal-group: 0;
				-ms-flex-order: -1;
				order: -1;
		}
		.last-lg {
				-webkit-box-ordinal-group: 2;
				-ms-flex-order: 1;
				order: 1;
		}
}
* {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
}

html {
		font-size: 62.5%;
}
html.no-scroll {
		overflow: hidden;
}

body {
		font-size: 1.8rem;
		line-height: 1.4;
		font-weight: 400;
		font-family: "Manrope", sans-serif;
		color: #494948;
		overflow-x: hidden;
}
body.no-scroll {
		overflow: hidden;
}

img {
		-o-object-fit: contain;
		   object-fit: contain;
		height: auto;
		width: auto;
		max-width: 100%;
}

svg {
		-o-object-fit: contain;
		   object-fit: contain;
		max-width: 100%;
		height: auto;
		width: auto;
}

iframe {
		max-width: 100%;
}

.menu-overlay {
		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		width: 100vw;
		visibility: hidden;
		opacity: 0;
		background-color: black;
		z-index: 7;
		-webkit-transition: 0.2s all ease-in-out;
		transition: 0.2s all ease-in-out;
}
.menu-overlay.show {
		visibility: visible;
		opacity: 0.3;
}

h1, h2, h3, h4, h5, h6 {
		margin-top: 0;
		margin-bottom: 2rem;
		font-weight: 500;
}

h1 {
		font-size: 3.75rem;
		line-height: 1.25;
}

h2 {
		font-size: 3.25rem;
		line-height: 1.25;
}
h2.small {
		font-size: 1.8rem;
		margin-bottom: 0;
}

h3 {
		font-size: 3rem;
		line-height: 1.3;
}

h4 {
		font-size: 2.4rem;
		line-height: 1.35;
}

h5 {
		font-size: 1.8rem;
		line-height: 1.5;
}

h6 {
		font-size: 1.5rem;
		line-height: 1.6;
}

@media (min-width: 768px) {
		h1 {
				font-size: 5rem;
		}
		h2 {
				font-size: 3.5rem;
		}
		h3 {
				font-size: 3.6rem;
		}
		h4 {
				font-size: 3rem;
		}
		h5 {
				font-size: 2.4rem;
		}
		h6 {
				font-size: 1.5rem;
		}
}
p {
		margin-top: 0;
}

a {
		color: #178FCF;
		font-weight: 500;
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 2px;
}

ul {
		list-style: disc outside;
}

ol {
		list-style: decimal outside;
}

ol, ul {
		padding-left: 20px;
		margin-top: 0;
		margin-left: 15px;
}
ol ul ul,
ol ul ol,
ol ol ol,
ol ol ul, ul ul ul,
ul ul ol,
ul ol ol,
ul ol ul {
		margin: 1.5rem 0 1.5rem 3rem;
}

li {
		margin-bottom: 1rem;
}

code {
		padding: 0.2rem 0.5rem;
		margin: 0 0.2rem;
		font-size: 90%;
		white-space: nowrap;
		background: #F1F1F1;
		border: 1px solid #E1E1E1;
		border-radius: 4px;
}

pre > code {
		display: block;
		padding: 1rem 1.5rem;
		white-space: pre;
}

.button {
		background-color: #178FCF;
		font-size: 1.8rem;
		text-decoration: none;
		display: inline-block;
		padding: 8px 13px;
		padding-right: 45px;
		position: relative;
		cursor: pointer;
		color: #fff;
		font-weight: 400;
		border-radius: 1000px;
		text-align: center;
		-webkit-transition: 0.25s all ease-in-out;
		transition: 0.25s all ease-in-out;
		border: 2px solid transparent;
}
.button:hover {
		-webkit-transition: 0.25s all ease-in-out;
		transition: 0.25s all ease-in-out;
		padding-right: 60px;
}
.button:after {
		content: "";
		display: inline-block;
		background-image: url(assets/dist/img/white-arrow.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		height: 20px;
		width: 20px;
		position: absolute;
		top: 50%;
		right: 15px;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
}
.button.no-anim:hover {
		background-color: transparent;
		color: #178FCF;
		border-color: #178FCF;
		padding-right: 45px;
}
.button.no-anim:hover:after {
		background-image: url(assets/dist/img/blue-arrow.svg);
}
.button.dark {
		background-color: #494948;
}
.button.stroke {
		border-color: #178FCF;
		background-color: transparent;
		color: #178FCF;
}
.button.stroke:hover {
		padding-right: 45px;
		background-color: #178FCF;
		color: #fff;
}
.button.stroke:hover:after {
		background-image: url(assets/dist/img/white-arrow.svg);
}
.button.stroke:after {
		background-image: url(assets/dist/img/blue-arrow.svg);
}

.gform_wrapper.gravity-theme .gform_fields {
		grid-row-gap: 0 !important;
}
.gform_wrapper.gravity-theme .gfield {
		margin-bottom: 10px;
}
.gform_wrapper.gravity-theme .gfield .gfield_label {
		font-weight: 500;
		font-size: 110%;
		margin-bottom: 5px;
}
.gform_wrapper.gravity-theme .gfield.gfield_html {
		font-size: 70%;
}
.gform_wrapper.gravity-theme .gfield input[type=color], .gform_wrapper.gravity-theme .gfield input[type=password], .gform_wrapper.gravity-theme .gfield input[type=email], .gform_wrapper.gravity-theme .gfield input[type=search], .gform_wrapper.gravity-theme .gfield input[type=tel], .gform_wrapper.gravity-theme .gfield input[type=text], .gform_wrapper.gravity-theme .gfield input[type=time], .gform_wrapper.gravity-theme .gfield input[type=url], .gform_wrapper.gravity-theme .gfield input[type=week], .gform_wrapper.gravity-theme .gfield select, .gform_wrapper.gravity-theme .gfield textarea {
		border: 1px solid #0d5073;
		outline: 0;
		padding: 10px;
		border-radius: 10px;
		font-size: 1.6rem;
		line-height: 1.3;
}
.gform_wrapper.gravity-theme .gfield input[type=color]:focus, .gform_wrapper.gravity-theme .gfield input[type=password]:focus, .gform_wrapper.gravity-theme .gfield input[type=email]:focus, .gform_wrapper.gravity-theme .gfield input[type=search]:focus, .gform_wrapper.gravity-theme .gfield input[type=tel]:focus, .gform_wrapper.gravity-theme .gfield input[type=text]:focus, .gform_wrapper.gravity-theme .gfield input[type=time]:focus, .gform_wrapper.gravity-theme .gfield input[type=url]:focus, .gform_wrapper.gravity-theme .gfield input[type=week]:focus, .gform_wrapper.gravity-theme .gfield select:focus, .gform_wrapper.gravity-theme .gfield textarea:focus {
		background-color: #fff;
		border: 1px solid black;
}
@media (max-width: 641px) {
		.gform_wrapper.gravity-theme .gfield input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
				line-height: 1.3 !important;
				min-height: 0 !important;
		}
}

th,
td {
		padding: 12px 15px;
		text-align: left;
		border-bottom: 1px solid #E1E1E1;
}

th:first-child,
td:first-child {
		padding-left: 0;
}

th:last-child,
td:last-child {
		padding-right: 0;
}

#page {
		overflow: hidden;
		position: relative;
}

.bluebold {
		font-weight: 500;
}
.bluebold strong, .bluebold b {
		color: #178FCF;
		font-weight: 700;
}

.greybold {
		font-weight: 500;
}
.greybold strong, .greybold b {
		color: #494948;
		font-weight: 700;
}

.large-text {
		font-size: clamp(2.75rem, 5vw, 4rem);
		line-height: 1.2;
}

.xlarge-text {
		font-size: clamp(3rem, 5vw, 5.5rem);
		line-height: 1.2;
}

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

.blue {
		color: #178FCF;
}

.uppercase {
		text-transform: uppercase;
}

.align-center {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}

#breadcrumbs span {
		font-size: 1.6rem;
}

.product-cats {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		gap: 0 2rem;
		max-width: 1000px;
		margin-top: 33.3333333333px;
}
.product-cats .cat-card {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-ms-flex-line-pack: start;
		    align-content: flex-start;
		text-decoration: none;
		font-weight: 500;
		background-color: #fff;
		padding: 2rem;
		padding-right: 5rem;
		border-radius: 10px;
		position: relative;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 calc(50% - 1rem);
		        flex: 0 0 calc(50% - 1rem);
		max-width: calc(50% - 1rem);
		margin-bottom: 2rem;
}
@media (min-width: 768px) {
		.product-cats .cat-card {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 calc(33.33% - 2rem);
				        flex: 0 0 calc(33.33% - 2rem);
				max-width: calc(33.33% - 2rem);
		}
}
@media (min-width: 1024px) {
		.product-cats .cat-card {
				margin-bottom: 3rem;
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 calc(25% - 2rem);
				        flex: 0 0 calc(25% - 2rem);
				max-width: calc(25% - 2rem);
		}
}
.product-cats .cat-card:hover:after {
		-webkit-transform: rotate(0deg);
		    -ms-transform: rotate(0deg);
		        transform: rotate(0deg);
}
.product-cats .cat-card::after {
		content: "";
		position: absolute;
		top: 2rem;
		right: 2rem;
		height: 25px;
		width: 25px;
		background-image: url(assets/dist/img/blue-arrow.svg);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		-webkit-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		        transform: rotate(-45deg);
		-webkit-transition: 0.25s -webkit-transform ease-in-out;
		transition: 0.25s -webkit-transform ease-in-out;
		transition: 0.25s transform ease-in-out;
		transition: 0.25s transform ease-in-out, 0.25s -webkit-transform ease-in-out;
}
.product-cats .cat-card img, .product-cats .cat-card svg {
		height: 40px;
		width: 40px;
		display: block;
		margin-bottom: 10px;
}
.product-cats .cat-card span {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		display: block;
		line-height: 1.1;
}

#page-header {
		padding: 33.3333333333px 0;
		background-color: rgba(23, 143, 207, 0.2);
		position: relative;
		overflow: hidden;
}
#page-header:after {
		content: "";
		background-image: url(/wp-content/themes/asm/assets/dist/img/asm-icon.svg);
		background-position: right 10px;
		background-repeat: no-repeat;
		background-size: auto 120%;
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		height: 150%;
		width: 100%;
		z-index: 1;
		opacity: 0.3;
}
#page-header .container {
		position: relative;
		z-index: 2;
}
#page-header .container .col-xs:first-of-type {
		max-width: 90rem;
		position: relative;
		margin-bottom: 30px;
}
#page-header .container .col-xs:first-of-type:after {
		content: "";
		position: absolute;
		bottom: -10px;
		left: 10px;
		height: 4px;
		width: 120px;
		background-color: #178FCF;
}
@media (min-width: 768px) {
		#page-header .container .col-xs:first-of-type:after {
				left: 20px;
		}
}
#page-header .container .col-xs .term-description, #page-header .container .col-xs p {
		font-size: 1.6rem;
}
#page-header h1 {
		margin-bottom: 1rem;
}
#page-header p {
		display: block;
		position: relative;
}

#get-quote {
		padding: 50px 0;
}
@media (min-width: 768px) {
		#get-quote {
				padding: 100px 0;
		}
}
#get-quote .col-xs {
		text-align: center;
}

#asm-doors {
		padding: 50px 0;
		background-color: #F2F2F2;
}
@media (min-width: 768px) {
		#asm-doors {
				padding: 100px 0;
		}
}
#asm-doors .container {
		max-width: 140rem;
}
#asm-doors .top {
		max-width: 500px;
}
#asm-doors .usps {
		margin-top: 50px;
}

#testimonials {
		background-color: #178FCF;
		position: relative;
		padding: 50px 0;
		color: #fff;
}
@media (min-width: 768px) {
		#testimonials {
				padding: 100px 0;
		}
}
#testimonials:after {
		content: "";
		background-image: url(/wp-content/themes/asm/assets/dist/img/asm-icon.svg);
		background-position: left 10px;
		background-repeat: no-repeat;
		background-size: auto 120%;
		position: absolute;
		bottom: 0;
		left: 0;
		height: 95%;
		width: 100%;
		z-index: 1;
		opacity: 0.1;
}
#testimonials .container {
		position: relative;
		z-index: 2;
		max-width: 140rem;
}
#testimonials .row {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
#testimonials .testimonial-block {
		background-color: #F2F2F2;
		color: #494948;
		padding: 2rem;
		border-radius: 10px;
		margin-bottom: 4rem;
		font-size: 1.6rem;
		-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 8px 0px;
		        box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 8px 0px;
}
#testimonials .testimonial-block:last-of-type {
		margin-bottom: 0;
}
#testimonials .testimonial-block:first-of-type {
		margin-top: 3rem;
}
@media (min-width: 768px) {
		#testimonials .testimonial-block:first-of-type {
				margin-top: 0;
		}
}
#testimonials .testimonial-block .title {
		color: #178FCF;
		font-weight: 700;
		font-size: 2rem;
}

.brand-wrapper {
		background-color: #fff;
		border-radius: 10px;
		padding: 2.5rem;
		-webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		background-color: #fff;
		position: relative;
		z-index: 2;
		font-size: 1.6rem;
		padding-right: 6rem;
		margin-bottom: 3rem;
		padding-right: 5rem;
		display: block;
		color: #494948;
		text-decoration: none;
}
.brand-wrapper:hover:after {
		-webkit-transform: rotate(0deg);
		    -ms-transform: rotate(0deg);
		        transform: rotate(0deg);
}
.brand-wrapper::after {
		content: "";
		position: absolute;
		top: 2rem;
		right: 2rem;
		height: 25px;
		width: 25px;
		background-image: url(assets/dist/img/blue-arrow.svg);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		-webkit-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		        transform: rotate(-45deg);
		-webkit-transition: 0.25s -webkit-transform ease-in-out;
		transition: 0.25s -webkit-transform ease-in-out;
		transition: 0.25s transform ease-in-out;
		transition: 0.25s transform ease-in-out, 0.25s -webkit-transform ease-in-out;
}
.brand-wrapper .brand-logo {
		margin-bottom: 3rem;
}
.brand-wrapper img, .brand-wrapper svg {
		display: block;
		width: 100%;
		max-width: 220px;
		max-height: 60px;
		-o-object-position: center left;
		   object-position: center left;
}

.page-template-about #intro {
		padding: 50px 0;
}
@media (min-width: 768px) {
		.page-template-about #intro {
				padding: 100px 0;
		}
}
.page-template-about #intro .top {
		max-width: 500px;
}
.page-template-about #intro .brands-loop {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin: 0 auto;
		margin-top: 50px;
		max-width: 120rem;
}
.page-template-about #intro .brands-loop .brand {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		max-width: 50%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding: 0 2rem;
		margin-bottom: 4rem;
}
@media (min-width: 768px) {
		.page-template-about #intro .brands-loop .brand {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 33.33%;
				        flex: 0 0 33.33%;
				max-width: 33.33%;
		}
}
@media (min-width: 1024px) {
		.page-template-about #intro .brands-loop .brand {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 20%;
				        flex: 0 0 20%;
				max-width: 20%;
		}
}
.page-template-about #intro .brands-loop .brand img, .page-template-about #intro .brands-loop .brand svg {
		max-width: 170px;
		max-height: 70px;
		width: 100%;
}
.page-template-about #asm-doors {
		background-color: #494948;
		color: #fff;
}
.page-template-about #asm-doors .top .blue {
		color: #fff;
}

.product-card {
		margin-bottom: 50px;
}
.product-card .image-wrap {
		overflow: hidden;
		position: relative;
		aspect-ratio: 1/1;
		border: 2px solid #178FCF;
		border-radius: 10px;
		display: block;
		margin-bottom: 1rem;
}
.product-card .image-wrap.multiple:hover .wp-post-image {
		opacity: 0;
		-webkit-transition: 0.25s opacity ease-in-out;
		transition: 0.25s opacity ease-in-out;
}
.product-card .image-wrap.multiple:hover .secondary {
		opacity: 1;
		-webkit-transition: 0.25s opacity ease-in-out;
		transition: 0.25s opacity ease-in-out;
}
.product-card .image-wrap.multiple .secondary {
		opacity: 0;
		-webkit-transition: 0.25s opacity ease-in-out;
		transition: 0.25s opacity ease-in-out;
}
.product-card .image-wrap img {
		position: absolute;
		top: 50%;
		left: 50%;
		height: 92.5%;
		width: 92.5%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
}
.product-card .title {
		text-decoration: none;
		font-weight: 700;
		display: inline-block;
		margin-bottom: 1rem;
		display: block;
}

.pagination {
		padding: 0 1rem;
}
.pagination .wp-pagenavi span, .pagination .wp-pagenavi a {
		padding: 0;
		margin: 0;
		border: 1px solid #178FCF;
		width: 30px;
		display: inline-block;
		text-align: center;
}
.pagination .wp-pagenavi span:hover, .pagination .wp-pagenavi a:hover {
		border-color: #178FCF;
}
.pagination .wp-pagenavi span.current {
		background-color: #178FCF;
		color: #fff;
		border-color: #178FCF;
}

#cred-logos {
		padding-bottom: 50px;
}
#cred-logos .row {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 0 4rem;
}
#cred-logos .row img, #cred-logos .row svg {
		width: 100%;
		max-width: 150px;
		max-height: 110px;
		margin-bottom: 2rem;
		display: block;
}
@media (min-width: 768px) {
		#cred-logos .row img, #cred-logos .row svg {
				margin-bottom: 0;
		}
}

.page-template-contact article {
		padding: 50px 0;
}
@media (min-width: 768px) {
		.page-template-contact article {
				padding: 100px 0;
		}
}
.page-template-contact .acf-map {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		max-width: 100%;
		height: 400px;
		margin-bottom: 20px;
}
.page-template-contact .acf-map img {
		max-width: inherit !important;
}
.page-template-contact .location {
		margin-bottom: 50px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 0 2rem;
}
.page-template-contact .location .location-wrap {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
}
@media (min-width: 1360px) {
		.page-template-contact .location .location-wrap {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 240px;
				        flex: 0 0 240px;
				max-width: 240px;
		}
}
.page-template-contact .location .location-wrap .address, .page-template-contact .location .location-wrap .tel, .page-template-contact .location .location-wrap .mail {
		display: inline-block;
		padding-left: 30px;
		position: relative;
		margin-bottom: 15px;
		text-decoration: none;
}
.page-template-contact .location .location-wrap .address:before, .page-template-contact .location .location-wrap .tel:before, .page-template-contact .location .location-wrap .mail:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		height: 20px;
		width: 20px;
}
.page-template-contact .location .location-wrap .address:before {
		background-image: url(assets/dist/img/blue-map-pin.svg);
}
.page-template-contact .location .location-wrap .tel:before {
		background-image: url(assets/dist/img/blue-phone.svg);
}
.page-template-contact .location .location-wrap .mail:before {
		background-image: url(assets/dist/img/blue-mail.svg);
}
.page-template-contact .location h3 {
		font-size: 2.5rem;
		margin-bottom: 10px;
		font-weight: 700;
		color: #178FCF;
}

#masthead {
		background-color: #178FCF;
		position: relative;
}
#masthead .contact-details {
		background-color: #0475B1;
		position: relative;
		z-index: 9;
		display: none;
}
@media (min-width: 768px) {
		#masthead .contact-details {
				display: block;
		}
}
#masthead .contact-details p {
		color: #fff;
		text-decoration: none;
		font-size: 1.6rem;
		display: inline-block;
		margin: 0;
		font-weight: 700;
}
#masthead .contact-details p:first-of-type {
		margin-right: 30px;
}
#masthead .contact-details a {
		color: #fff;
		text-decoration: none;
		font-size: 1.6rem;
		display: inline-block;
}
#masthead .contact-details .col-xs {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
}
#masthead .contact-details .contact-wrap {
		position: relative;
		padding-left: 30px;
}
#masthead .contact-details .contact-wrap img, #masthead .contact-details .contact-wrap svg {
		position: absolute;
		top: 50%;
		left: 0;
		height: 20px;
		width: 20px;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
}
@media (min-width: 768px) {
		#masthead .nav-row {
				position: relative;
		}
}
#masthead .nav-row .row {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		height: 78px;
		padding: 1rem 0;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}
@media (min-width: 768px) {
		#masthead .nav-row .row {
				-webkit-box-pack: start;
				    -ms-flex-pack: start;
				        justify-content: flex-start;
				height: 91px;
		}
}
#masthead .site-branding {
		padding: 0 1rem;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 220px;
		        flex: 0 0 220px;
		max-width: 220px;
		position: relative;
		z-index: 9;
}
@media (min-width: 768px) {
		#masthead .site-branding {
				padding: 0 2rem;
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 260px;
				        flex: 0 0 260px;
				max-width: 260px;
		}
}
#masthead .site-branding a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
#masthead .site-branding a svg, #masthead .site-branding a img {
		width: 100%;
}
#masthead .nav-link {
		position: relative;
		z-index: 9;
		padding-right: 1rem;
		display: block;
}
@media (min-width: 768px) {
		#masthead .nav-link {
				display: none;
		}
}

#main-navigation {
		position: absolute;
		top: 0;
		right: -100vw;
		background: #178FCF;
		padding: 20px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		width: 100%;
		height: 100vh;
		height: 100dvh;
		z-index: 8;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-ms-flex-line-pack: start;
		    align-content: start;
		-webkit-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
		border-top: 80px solid #178FCF;
}
@media (min-width: 768px) {
		#main-navigation {
				border: 0;
				padding: 0 2rem;
				position: unset;
				top: unset;
				right: unset;
				background-color: transparent;
				height: auto;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				max-width: 100%;
		}
}
#main-navigation.is-active {
		overflow: auto;
		right: 0;
}
#main-navigation #site-navigation {
		width: 100%;
}
#main-navigation .menu-main-menu-container #primary-menu {
		list-style-type: none;
		padding: 0;
		margin: 0;
}
#main-navigation .menu-main-menu-container #primary-menu > .menu-item {
		display: block;
		border-bottom: 1px solid #0475B1;
		padding-bottom: 2rem;
		margin-bottom: 2rem;
}
@media (min-width: 768px) {
		#main-navigation .menu-main-menu-container #primary-menu > .menu-item {
				display: inline-block;
				margin: 0;
				margin-right: 30px;
				border-bottom: 0;
				padding: 0;
		}
}
#main-navigation .menu-main-menu-container #primary-menu > .menu-item:first-of-type {
		border-top: 1px solid #0475B1;
		padding-top: 2rem;
}
@media (min-width: 768px) {
		#main-navigation .menu-main-menu-container #primary-menu > .menu-item:first-of-type {
				border-top: 0;
				padding-top: 0;
		}
}
#main-navigation .menu-main-menu-container #primary-menu > .menu-item.current-menu-item > a {
		text-decoration: underline;
		text-decoration-thickness: 2px;
		text-underline-offset: 3px;
		font-weight: 700;
}
#main-navigation .menu-main-menu-container #primary-menu > .menu-item.menu-item-has-children {
		position: relative;
}
@media (min-width: 768px) {
		#main-navigation .menu-main-menu-container #primary-menu > .menu-item.menu-item-has-children {
				position: unset;
		}
}
#main-navigation .menu-main-menu-container #primary-menu > .menu-item:last-of-type {
		margin-right: 0;
}
#main-navigation .menu-main-menu-container #primary-menu > .menu-item > a {
		color: #fff;
		font-weight: 400;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 2rem;
}
@media (min-width: 768px) {
		#main-navigation .menu-main-menu-container #primary-menu > .menu-item > a {
				font-size: 1.6rem;
		}
}
#main-navigation .menu-main-menu-container #primary-menu .sub-menu-wrapper {
		display: none;
		padding: 2rem 0;
}
@media (min-width: 768px) {
		#main-navigation .menu-main-menu-container #primary-menu .sub-menu-wrapper {
				background-color: #F2F2F2;
				position: absolute;
				top: 91px;
				left: 0;
				width: 100%;
				padding: 3rem 0;
		}
}
@media (min-width: 768px) and (min-width: 1260px) {
		#main-navigation .menu-main-menu-container #primary-menu .sub-menu-wrapper {
				padding: 5rem 0;
		}
}
@media (min-width: 768px) {
		#main-navigation .menu-main-menu-container #primary-menu .sub-menu-wrapper.active {
				display: block;
		}
		#main-navigation .menu-main-menu-container #primary-menu .sub-menu-wrapper .sub-menu-inner {
				max-width: 140rem;
				padding-left: 2rem;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-flow: wrap row;
				        flex-flow: wrap row;
		}
}
@media (min-width: 768px) and (min-width: 1260px) {
		#main-navigation .menu-main-menu-container #primary-menu .sub-menu-wrapper .sub-menu-inner {
				padding-left: 300px;
		}
}
#main-navigation .menu-main-menu-container #primary-menu .sub-menu {
		padding: 0;
		margin: 0;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		gap: 2rem;
		list-style-type: none;
}
#main-navigation .menu-main-menu-container #primary-menu .sub-menu li {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 calc(50% - 1rem);
		        flex: 0 0 calc(50% - 1rem);
		max-width: calc(50% - 1rem);
		margin: 0;
}
@media (min-width: 768px) {
		#main-navigation .menu-main-menu-container #primary-menu .sub-menu li {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 calc(33.33% - 2rem);
				        flex: 0 0 calc(33.33% - 2rem);
				max-width: calc(33.33% - 2rem);
		}
}
@media (min-width: 1024px) {
		#main-navigation .menu-main-menu-container #primary-menu .sub-menu li {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 calc(25% - 2rem);
				        flex: 0 0 calc(25% - 2rem);
				max-width: calc(25% - 2rem);
		}
}
#main-navigation .menu-main-menu-container #primary-menu .sub-menu li a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-ms-flex-line-pack: start;
		    align-content: flex-start;
		text-decoration: none;
		font-weight: 500;
		height: 100%;
		background-color: #fff;
		padding: 2rem;
		padding-right: 5rem;
		border-radius: 10px;
		position: relative;
}
#main-navigation .menu-main-menu-container #primary-menu .sub-menu li a:hover:after {
		visibility: visible;
		opacity: 1;
}
#main-navigation .menu-main-menu-container #primary-menu .sub-menu li a::after {
		content: "";
		position: absolute;
		top: 2rem;
		right: 2rem;
		height: 25px;
		width: 25px;
		background-image: url(assets/dist/img/blue-arrow.svg);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		-webkit-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		        transform: rotate(-45deg);
		visibility: hidden;
		opacity: 0;
		-webkit-transition: 0s linear visibility, 0.2s opacity ease-in-out;
		transition: 0s linear visibility, 0.2s opacity ease-in-out;
}
#main-navigation .menu-main-menu-container #primary-menu .sub-menu li a img, #main-navigation .menu-main-menu-container #primary-menu .sub-menu li a svg {
		height: 40px;
		width: 40px;
		display: block;
		margin-bottom: 10px;
}
#main-navigation .menu-main-menu-container #primary-menu .sub-menu li a span {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		display: block;
		line-height: 1.1;
}
#main-navigation .menu-main-menu-container #primary-menu .plusicon {
		position: absolute;
		right: 0;
		top: 21px;
		width: 22px;
		line-height: 1;
		display: block;
}
@media (min-width: 768px) {
		#main-navigation .menu-main-menu-container #primary-menu .plusicon {
				display: none;
		}
}
#main-navigation .menu-main-menu-container #primary-menu .plusicon:hover {
		cursor: pointer;
}
#main-navigation .menu-main-menu-container #primary-menu .plusicon:hover svg path {
		fill: #fff;
}
#main-navigation .contact-wrap {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		position: relative;
		margin-top: 2rem;
}
@media (min-width: 768px) {
		#main-navigation .contact-wrap {
				display: none;
		}
}
#main-navigation .contact-wrap img, #main-navigation .contact-wrap svg {
		display: block;
		height: 20px;
		width: 20px;
}
#main-navigation .contact-wrap p {
		color: #fff;
		text-decoration: none;
		font-size: 1.6rem;
		display: inline-block;
		margin: 0;
		font-weight: 700;
}
#main-navigation .contact-wrap p:first-of-type {
		margin-right: 30px;
}
#main-navigation .contact-wrap a {
		color: #fff;
		text-decoration: none;
		font-size: 1.6rem;
		display: inline-block;
		margin-bottom: 1rem;
}

#footer {
		background-color: #494948;
		color: #fff;
		padding-top: 33.3333333333px;
		font-size: 1.6rem;
}
@media (min-width: 768px) {
		#footer {
				padding-top: 50px;
		}
}
#footer .footer-col {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		padding: 0 1rem;
}
@media (min-width: 768px) {
		#footer .footer-col {
				padding: 0 2rem;
		}
}
#footer .footer-col.brand {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 210px;
		        flex: 0 0 210px;
		max-width: 210px;
}
@media (min-width: 768px) {
		#footer .footer-col.brand {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 260px;
				        flex: 0 0 260px;
				max-width: 260px;
		}
}
#footer .footer-col.navs {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		gap: 0 2rem;
		margin-top: 3rem;
}
@media (min-width: 1360px) {
		#footer .footer-col.navs {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 1000px;
				        flex: 0 0 1000px;
				margin-left: auto;
				-webkit-box-pack: end;
				    -ms-flex-pack: end;
				        justify-content: flex-end;
		}
}
#footer .footer-col.navs .footer-col {
		padding: 0;
}
@media (min-width: 680px) {
		#footer .footer-col.navs .footer-col {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 190px;
				        flex: 0 0 190px;
				max-width: 190px;
		}
}
@media (min-width: 680px) {
		#footer .footer-col.navs .brands.footer-col {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 320px;
				        flex: 0 0 320px;
				max-width: 320px;
		}
}
#footer .footer-col.navs .brands ul {
		-webkit-columns: 1;
		   -moz-columns: 1;
		        columns: 1;
}
@media (min-width: 768px) {
		#footer .footer-col.navs .brands ul {
				-webkit-columns: 2;
				   -moz-columns: 2;
				        columns: 2;
		}
}
#footer .footer-col .footer-title {
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 1rem;
		font-size: 1.8rem;
}
#footer .footer-col .footer-menu {
		padding: 0;
		margin: 0;
		list-style-type: none;
		margin-bottom: 3rem;
}
#footer .footer-col .footer-menu li {
		margin-bottom: 1rem;
}
#footer .footer-col .footer-menu a {
		text-decoration: none;
		color: #fff;
		font-weight: 400;
}
#footer .signoff {
		background-color: #3c3c3b;
		margin-top: 33.3333333333px;
		font-size: 1.4rem;
		padding: 1rem 0;
}
@media (min-width: 768px) {
		#footer .signoff {
				margin-top: 50px;
		}
}
#footer .signoff p {
		margin-bottom: 0;
}
@media (min-width: 768px) {
		#footer .signoff .copyright {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 50%;
				        flex: 0 0 50%;
				max-width: 50%;
		}
}
#footer .signoff .beard {
		margin-top: 1rem;
}
@media (min-width: 768px) {
		#footer .signoff .beard {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 50%;
				        flex: 0 0 50%;
				max-width: 50%;
				text-align: right;
				margin-top: 0;
		}
}
#footer .signoff .beard a {
		display: inline-block;
		margin-left: 5px;
}
#footer .signoff .beard a svg, #footer .signoff .beard a img {
		height: 20px;
		width: 50px;
		-webkit-transform: translateY(3px);
		    -ms-transform: translateY(3px);
		        transform: translateY(3px);
}

.page.home #intro {
		background-color: #178FCF;
		padding: 50px 0;
		position: relative;
}
@media (min-width: 768px) {
		.page.home #intro {
				padding: 100px 0;
		}
}
.page.home #intro:after {
		content: "";
		background-image: url(/wp-content/themes/asm/assets/dist/img/asm-icon.svg);
		background-position: right 10px;
		background-repeat: no-repeat;
		background-size: auto 120%;
		position: absolute;
		bottom: 0;
		left: 0;
		height: 95%;
		width: 100%;
		z-index: 1;
		opacity: 0.15;
}
.page.home #intro .container {
		position: relative;
		z-index: 2;
}
.page.home #intro .content {
		color: #fff;
		max-width: 820px;
		margin-bottom: 33.3333333333px;
}
@media (min-width: 768px) {
		.page.home #intro .content {
				margin-bottom: 50px;
		}
}
.page.home #intro .content h1 {
		font-weight: 400;
		font-size: 3rem;
}
@media (min-width: 768px) {
		.page.home #intro .content h1 {
				font-size: 6rem;
				line-height: 1.2;
		}
}
.page.home #intro .content h1 em {
		font-style: normal;
		font-weight: 700;
}
.page.home #brands {
		padding: 50px 0;
}
@media (min-width: 768px) {
		.page.home #brands {
				padding: 100px 0;
		}
}
.page.home #brands .container-narrow {
		margin-bottom: 66.6666666667px;
}
.page.home #brands .xlarge-text p:last-of-type {
		margin-bottom: 0;
}
.page.home #brands .container {
		max-width: 120rem;
}
.page.home #brands .brands-loop {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
}
.page.home #brands .brands-loop .brand {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		max-width: 50%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding: 0 2rem;
		margin-bottom: 4rem;
}
@media (min-width: 768px) {
		.page.home #brands .brands-loop .brand {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 33.33%;
				        flex: 0 0 33.33%;
				max-width: 33.33%;
		}
}
@media (min-width: 1024px) {
		.page.home #brands .brands-loop .brand {
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 20%;
				        flex: 0 0 20%;
				max-width: 20%;
		}
}
.page.home #brands .brands-loop .brand img, .page.home #brands .brands-loop .brand svg {
		max-width: 170px;
		max-height: 70px;
		width: 100%;
}
.page.home #asm-doors {
		background-color: #494948;
		color: #fff;
}
.page.home #asm-doors .top h2 {
		color: #fff;
}
.page.home #services {
		padding-top: 50px;
}
@media (min-width: 768px) {
		.page.home #services {
				padding-top: 100px;
		}
}
.page.home #services .container-narrow {
		margin-bottom: 33.3333333333px;
}
.page.home #services .container {
		max-width: 140rem;
}
.page.home #services img {
		display: block;
		margin-bottom: 3rem;
}

.page-template-top-service #page-header .product-cats {
		margin-top: 33.3333333333px;
}

.tax-product-category #page-header {
		padding-bottom: 150px;
}
.tax-product-category #brands {
		margin-top: -110px;
}
.tax-product-category #asm-doors {
		background-color: #fff;
}

.tax-brand #product-list {
		padding: 50px 0;
}
.tax-brand #product-category-list .cat-card {
		-webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.single-product #page-header .enquiry {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
}
.single-product .product {
		padding-top: 33.3333333333px;
		padding-bottom: 33.3333333333px;
}
@media (min-width: 768px) {
		.single-product .product {
				padding-top: 50px;
				padding-bottom: 50px;
		}
}
@media (min-width: 1024px) {
		.single-product .product {
				padding-top: 100px;
				padding-bottom: 100px;
		}
}
.single-product .product .row {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
.single-product .product .images {
		margin-bottom: 2rem;
}
.single-product .product .images .featured {
		overflow: hidden;
		position: relative;
		aspect-ratio: 1/1;
		border: 2px solid #178FCF;
		border-radius: 10px;
		display: block;
		margin-bottom: 1rem;
		display: block;
}
.single-product .product .images .featured img {
		position: absolute;
		top: 50%;
		left: 50%;
		max-height: 94%;
		max-width: 94%;
		-o-object-fit: cover;
		   object-fit: cover;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
}
.single-product .product .images .product-images {
		margin-top: 2rem;
		padding: 0 5rem;
}
.single-product .product .images .product-images a {
		overflow: hidden;
		position: relative;
		aspect-ratio: 1/1;
		border: 2px solid #178FCF;
		border-radius: 5px;
		display: block;
		margin-bottom: 1rem;
		display: block;
}
.single-product .product .images .product-images a img {
		position: absolute;
		top: 50%;
		left: 50%;
		height: 90%;
		width: 90%;
		-o-object-fit: cover;
		   object-fit: cover;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
}
.single-product .product .images .product-images .splide__arrows .splide__arrow {
		border-radius: 5px;
		background-color: #F2F2F2;
}
.single-product .product .images .product-images .splide__arrows .splide__arrow--prev {
		left: 0;
}
.single-product .product .images .product-images .splide__arrows .splide__arrow--next {
		right: 0;
}
.single-product #recommended {
		padding-bottom: 33.3333333333px;
}
@media (min-width: 768px) {
		.single-product #recommended {
				padding-bottom: 50px;
		}
}
@media (min-width: 1024px) {
		.single-product #recommended {
				padding-bottom: 100px;
		}
}

.blog .news-wrap, .archive.category .news-wrap, .single-post .news-wrap {
		padding-top: 50px;
}
.blog .news-loop, .blog .article-wrap, .archive.category .news-loop, .archive.category .article-wrap, .single-post .news-loop, .single-post .article-wrap {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		padding: 0 1rem;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-ms-flex-line-pack: start;
		    align-content: flex-start;
}
@media (min-width: 1100px) {
		.blog .news-loop, .blog .article-wrap, .archive.category .news-loop, .archive.category .article-wrap, .single-post .news-loop, .single-post .article-wrap {
				-webkit-box-ordinal-group: 3;
				    -ms-flex-order: 2;
				        order: 2;
				-webkit-box-flex: 0;
				    -ms-flex: 0 0 75%;
				        flex: 0 0 75%;
				max-width: 75%;
				padding-right: 1rem;
				padding-left: 4rem;
		}
}
.blog #secondary, .archive.category #secondary, .single-post #secondary {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
		padding: 0 1rem;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
}
@media (min-width: 1100px) {
		.blog #secondary, .archive.category #secondary, .single-post #secondary {
				-webkit-box-ordinal-group: 2;
				    -ms-flex-order: 1;
				        order: 1;
				-webkit-box-flex: 1;
				    -ms-flex: 1;
				        flex: 1;
				padding-left: 2rem;
				padding-right: 4rem;
		}
}
.blog #secondary .widget-block, .archive.category #secondary .widget-block, .single-post #secondary .widget-block {
		margin-bottom: 2rem;
}
.blog #secondary .widget-block h3, .archive.category #secondary .widget-block h3, .single-post #secondary .widget-block h3 {
		font-size: 3rem;
		margin-bottom: 10px;
}
.blog #secondary .widget-block ul, .archive.category #secondary .widget-block ul, .single-post #secondary .widget-block ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
}
.blog #secondary .widget-block ul li, .archive.category #secondary .widget-block ul li, .single-post #secondary .widget-block ul li {
		border-bottom: 1px solid #178FCF;
		padding-bottom: 10px;
		margin-bottom: 10px;
}
.blog #secondary .widget-block ul li a, .archive.category #secondary .widget-block ul li a, .single-post #secondary .widget-block ul li a {
		text-decoration: none;
		display: block;
		position: relative;
		padding-right: 30px;
		font-size: 1.6rem;
}
.blog #secondary .widget-block ul li a:before, .archive.category #secondary .widget-block ul li a:before, .single-post #secondary .widget-block ul li a:before {
		content: "";
		display: inline-block;
		background-image: url(assets/dist/img/blue-arrow.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		height: 20px;
		width: 20px;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		right: 0;
}
.blog .blog-card, .archive.category .blog-card, .single-post .blog-card {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 33.33%;
		        flex: 0 0 33.33%;
		max-width: 33.33%;
		padding: 0 1rem;
		margin-bottom: 4rem;
		text-decoration: none;
}
.blog .blog-card article, .archive.category .blog-card article, .single-post .blog-card article {
		position: relative;
		aspect-ratio: 4/3;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: wrap row;
		        flex-flow: wrap row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		color: #fff;
		padding: 2rem;
		padding-bottom: 4rem;
		font-size: 2.5rem;
}
.blog .blog-card article:hover:after, .archive.category .blog-card article:hover:after, .single-post .blog-card article:hover:after {
		background-color: rgba(23, 143, 207, 0.5);
}
.blog .blog-card article:before, .archive.category .blog-card article:before, .single-post .blog-card article:before {
		content: "";
		display: inline-block;
		background-image: url(assets/dist/img/white-arrow.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		height: 20px;
		width: 20px;
		position: absolute;
		bottom: 15px;
		right: 15px;
}
.blog .blog-card article:after, .archive.category .blog-card article:after, .single-post .blog-card article:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-color: rgba(23, 143, 207, 0.8);
		z-index: -1;
}
.blog .blog-card article img, .archive.category .blog-card article img, .single-post .blog-card article img {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		z-index: -1;
}