/* Minification failed. Returning unminified contents.
(12566,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
 */
/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
	width: 100%;
	position: relative;
	direction: ltr;
}

.royalSlider > * {
	float: left;
}

.rsWebkit3d .rsSlide {
	-webkit-transform: translateZ(0);
}


.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
	-webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
}
.rsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
	position: absolute;
	left: 0;
	top: 0;

}
.rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
	cursor: pointer;
}

.rsThumb {
	float: left;
	position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
	opacity: 1;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.rsHidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}


.rsGCaption {
	width: 100%;
	float: left;
	text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition:  0s;
	transition:  0s;
	display: none;
}

.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	
	height: 100%;
	width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height: auto;
}

.rsContent {
	width: 100%;
	height: 100%;
	position: relative;
}

.rsPreloader {
	position:absolute;
	z-index: 0;	
}

.rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
.rsNavItem {
	-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}
.rsTabs {
	float: left;
	background: none !important;
}
.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


.rsVideoContainer {
	/*left: 0;
	top: 0;
	position: absolute;*/
	/*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}
.rsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
	opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}

.rsABlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
	
}

#HomeSlider img.rsImg {
	max-width: none;
	display: block;
	float:none !important;
	width:100%;
	margin-top: 0px !important;
}
@media screen and (min-width:760px){

	#HomeSlider img.rsImg {
		margin:0 auto!important;
	}
}

.grab-cursor {
	/*cursor:url(/App_Themes/infinitt_mixture/grab.png) 8 8, move; */
}

.grabbing-cursor{ 
	/*cursor:url(/App_Themes/infinitt_mixture/grabbing.png) 8 8, move;*/
}

.rsNoDrag {
	cursor: auto;
}

.rsLink {
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	display:block;	
	z-index: 20;
	background: url(blank.gif);
}

/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/


/* Background */




/***************
*
*  1. Arrows
*
****************/

.rsDefault .rsArrow {
	height: 100%;
	width: 52px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 2;
}

.rsDefault.rsVer .rsArrow {
	width: 100%;
	height: 44px;
}



.rsDefault.rsVer .rsArrowLeft {
	top: 0;
	left: 0;
}

.rsDefault.rsVer .rsArrowRight {
	bottom: 0;
	left: 0;
}

.rsDefault.rsHor .rsArrowLeft {
	left: 0;
	top: 0;
}

.rsDefault.rsHor .rsArrowRight {
	right: 0;
	top: 0;
}

.rsDefault .rsArrowIcn {
	width: 35px;
	height: 35px;
	top: 50%;
	left: 0px;
	position: absolute;
		background-size:contain;

	cursor: pointer;
	transition: all 0.3s ease;
}
#mainSlider .rsDefault .rsArrowIcn {
	top: 35%;
}
@media screen and (min-width:840px){
	#mainSlider .rsDefault .rsArrowIcn {
		top:50%;
	}
}
.rsDefault .rsArrowRight .rsArrowIcn {
	right: 0;
	left: initial;
}

.rsDefault .rsArrowLeft .rsArrowIcn {
	transform:rotate(180deg);
}

/*.rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; }
.rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; }*/

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
	background-position: -96px -32px;
}

.rsDefault.rsVer .rsArrowRight .rsArrowIcn {
	background-position: -96px -64px;
}

.rsDefault .rsArrowDisabled .rsArrowIcn {
	opacity: .2;
	filter: alpha(opacity=20);
	*display: none;
}


/***************
*
*  2. Bullets
*
****************/

.rsDefault .rsBullets {
	position: absolute;
	z-index: 1;
	right: 0;
	left:0;
	bottom: 15px;
	text-align: center;
}

.rsDefault .rsBullet {
	width: 15px;
	height: 15px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin:0px 5px;
	cursor: pointer;
}

	.rsDefault .rsBullet:hover span {
		background-color: rgba(255, 255, 255, 0.4);
	
		}

	.rsDefault .rsBullet span {
		display: block;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		transition: all 0.3s ease;
		background-color: rgba(255, 255, 255, 0.3);
	}

	.rsDefault .rsBullet.rsNavSelected span {
		background-color: rgba(255, 255, 255, 1);
	}




/***************
*
*  3. Thumbnails
*
****************/

.rsDefault .rsThumbsHor {
	width: 100%;
	height: 240px;
}

.rsDefault .rsThumbsVer {
	width: 96px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
/*.rsDefault.rsWithThumbsHor .rsThumbsContainer {
	position: relative;
	height: 100%;
}*/
.rsDefault.rsWithThumbsVer .rsThumbsContainer {
	position: relative;
	width: 100%;
}
/*.rsDefault .rsThumb {
	float: left;
	overflow: hidden;
	width: 96px;
	height: 72px;
}*/
.rsDefault .rsThumb img {
	width: 100%;
	height: 100%;
}
/*.rsDefault .rsThumb.rsNavSelected {
	background: #02874a;
}*/
.rsDefault .rsThumb.rsNavSelected img {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.rsDefault .rsTmb {
	display: block;
}

/* Thumbnails with text
.rsDefault .rsTmb h5 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 20px;
	color: #FFF;
}
.rsDefault .rsTmb span {
	color: #DDD;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 18px;
} */



/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
	height: 100%;
	width: 20px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
	background: #000;
	background: rgba(0,0,0,0.75);
}

	.rsDefault .rsThumbsArrow:hover {
		background: rgba(0,0,0,0.9);
	}

.rsDefault.rsWithThumbsVer .rsThumbsArrow {
	width: 100%;
	height: 20px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft {
	top: 0;
	left: 0;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight {
	bottom: 0;
	left: 0;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {
	left: 0;
	top: 0;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight {
	right: 0;
	top: 0;
}

.rsDefault .rsThumbsArrowIcn {
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
	position: absolute;
	cursor: pointer;
	/*background: url('rs-default.png');*/
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
	background-position: -128px -32px;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
	background-position: -128px -48px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
	background-position: -144px -32px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
	background-position: -144px -48px;
}

.rsDefault .rsThumbsArrowDisabled {
	display: none !important;
}

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
	/*.rsDefault .rsThumb {
		width: 59px;
		height: 44px;
	}
	.rsDefault .rsThumbsHor {
		height: 44px;
	}*/
	.rsDefault .rsThumbsVer {
		width: 59px;
	}
}




/***************
*
*  4. Tabs
*
****************/

.rsDefault .rsTabs {
	width: 100%;
	height: 0;
	/*margin: 0 auto;
	padding-top: 12px;*/
	text-align: center;
	overflow: hidden;
	position: relative;
}

.rsDefault .rsTab {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	/*height: auto;
	width: auto;
	color: #333;
	padding: 5px 13px 6px;
	min-width: 72px;
	border: 1px solid #D9D9DD;
	border-right: 1px solid #f5f5f5;
	text-decoration: none;

	background-color: #FFF;
	background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); 
	background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
	background-image:         linear-gradient(to bottom, #fefefe, #f4f4f4);

	-webkit-box-shadow: inset 1px 0 0 #fff;
	box-shadow: inset 1px 0 0 #fff;*/
	*display: inline;
	*zoom: 1;
}
/*.rsDefault .rsTab:first-child {
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.rsDefault .rsTab:last-child { 
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;

	border-right:  1px solid #cfcfcf;
}
.rsDefault .rsTab:active { 
	border: 1px solid #D9D9DD;   
	background-color: #f4f4f4;
	box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rsDefault .rsTab.rsNavSelected { 
	color: #FFF;
	border: 1px solid #999;
	text-shadow: 1px 1px #838383;
	box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
	background: #ACACAC;
	background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
	background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
	background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}*/





/***************
*
*  5. Fullscreen button
*
****************/

.rsDefault .rsFullscreenBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 22;
	display: block;
	position: absolute;
	cursor: pointer;
}

.rsDefault .rsFullscreenIcn {
	display: block;
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url('rs-default.png') 0 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	border-radius: 2px;
}

	.rsDefault .rsFullscreenIcn:hover {
		background-color: rgba(0,0,0,0.9);
	}

.rsDefault.rsFullscreen .rsFullscreenIcn {
	background-position: -32px 0;
}





/***************
*
*  6. Play/close video button
*
****************/

.rsDefault .rsPlayBtn {
	-webkit-tap-highlight-color: rgba(0,0,0,0.3);
	width: 64px;
	height: 64px;
	margin-left: -32px;
	margin-top: -32px;
	cursor: pointer;
}

.rsDefault .rsPlayBtnIcon {
	width: 64px;
	display: block;
	height: 64px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
	/*background:url(rs-default.png) no-repeat 0 -32px;*/
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}

.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
	background-color: rgba(0,0,0,0.9);
}

.rsDefault .rsBtnCenterer {
	position: absolute;
	left: 50%;
	top: 50%;
}

.rsDefault .rsCloseVideoBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 500;
	position: absolute;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
}

	.rsDefault .rsCloseVideoBtn.rsiOSBtn {
		top: -38px;
		right: -6px;
	}

.rsDefault .rsCloseVideoIcn {
	margin: 6px;
	width: 32px;
	height: 32px;
	/*background: url('rs-default.png') -64px 0;*/
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}

	.rsDefault .rsCloseVideoIcn:hover {
		background-color: rgba(0,0,0,0.9);
	}



/***************
*
*  7. Preloader
*
****************/

.rsDefault .rsPreloader {
	width: 20px;
	height: 20px;
	/*background-image:url(../preloaders/preloader-white.gif);*/
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -10px;
}




/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
	position: absolute;
	float: none;
	bottom: 6px;
	left: 6px;
	text-align: left;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.75);
	color: #FFF;
	padding: 2px 8px;
	width: auto;
	font-size: 12px;
	border-radius: 2px;
}

@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.5.1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 47.5em) {
    .reveal, .reveal.tiny, .reveal.small, .reveal.large {
        right: auto;
        left: auto;
        margin: 0 auto;
    }
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
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;
}

.foundation-mq {
    font-family: "small=0em&medium=47.5em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
}

*,
*::before,
*::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    margin: 0;
    padding: 0;
    background: #ffffff;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #223843;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}

textarea {
    height: auto;
    min-height: 50px;
    border-radius: 0;
}

select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
    max-width: none !important;
}

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    line-height: 1;
    cursor: auto;
}

[data-whatinput='mouse'] button {
    outline: 0;
}

pre {
    overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
}

.is-visible {
    display: block !important;
}

.is-hidden {
    display: none !important;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea, input.form-control {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: 0.5rem;
    border: 1px solid #BEBEBE;
    border-radius: 20px;
    background-color: #ffffff;
    -webkit-box-shadow: inset 0 0px 0px rgba(34, 56, 67, 0.1);
    box-shadow: inset 0 0px 0px rgba(34, 56, 67, 0.1);
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #223843;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
    textarea:focus {
        outline: none;
        border: 1px solid #BEBEBE;
        background-color: #ffffff;
        -webkit-box-shadow: 0 0 0px #BEBEBE;
        box-shadow: 0 0 0px #BEBEBE;
        -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
        transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
        transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
        transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    }

textarea {
    max-width: 100%;
}

    textarea[rows] {
        height: auto;
    }

    input:disabled, input[readonly],
    textarea:disabled,
    textarea[readonly] {
        background-color: #EFF1F3;
        cursor: not-allowed;
    }

[type='submit'],
[type='button'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

input[type='search'] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-input-placeholder {
    color: #BEBEBE;
}

:-ms-input-placeholder {
    color: #BEBEBE;
}

::-ms-input-placeholder {
    color: #BEBEBE;
}

::placeholder {
    color: #BEBEBE;
}

[type='file'],
[type='checkbox'],
[type='radio'] {
    margin: 0 0 1rem;
}

    [type='checkbox'] + label,
    [type='radio'] + label {
        display: inline-block;
        vertical-align: baseline;
        margin-left: 0.5rem;
        margin-right: 1rem;
        margin-bottom: 0;
    }

        [type='checkbox'] + label[for],
        [type='radio'] + label[for] {
            cursor: pointer;
        }

label > [type='checkbox'],
label > [type='radio'] {
    margin-right: 0.5rem;
}

[type='file'] {
    width: 100%;
}

label {
    display: block;
    margin: 0;
    font-size: 0.95rem;
    font-weight: normal;
    line-height: 1.8;
    color: #223843;
}

    label.middle {
        margin: 0 0 1rem;
        padding: 0.5625rem 0;
    }

.help-text {
    margin-top: -0.5rem;
    font-size: 0.8125rem;
    font-style: italic;
    color: #223843;
}

.input-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

    .input-group > :first-child, .input-group > :first-child.input-group-button > * {
        border-radius: 20px 0 0 20px;
    }

    .input-group > :last-child, .input-group > :last-child.input-group-button > * {
        border-radius: 0 20px 20px 0;
    }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
    margin: 0;
    white-space: nowrap;
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #BEBEBE;
    background: #EFF1F3;
    color: #223843;
    text-align: center;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .input-group-label:first-child {
        border-right: 0;
    }

    .input-group-label:last-child {
        border-left: 0;
    }

.input-group-field {
    border-radius: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    min-width: 0;
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

    .input-group-button a,
    .input-group-button input,
    .input-group-button button,
    .input-group-button label {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 1rem;
    }

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

legend {
    max-width: 100%;
    margin-bottom: 0.5rem;
}

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #BEBEBE;
}

    .fieldset legend {
        margin: 0;
        margin-left: -0.1875rem;
        padding: 0 0.1875rem;
    }

select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: 0.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #BEBEBE;
    border-radius: 20px;
    background-color: #ffffff;
    font-family: inherit;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #223843;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2834, 56, 67%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}

@media screen and (min-width: 0\0) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
    }
}

select:focus {
    outline: none;
    border: 1px solid #BEBEBE;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 0px #BEBEBE;
    box-shadow: 0 0 0px #BEBEBE;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}

select:disabled {
    background-color: #EFF1F3;
    cursor: not-allowed;
}

select::-ms-expand {
    display: none;
}

select[multiple] {
    height: auto;
    background-image: none;
}

.is-invalid-input:not(:focus) {
    border-color: #C64D4F;
    background-color: #f9eded;
}

    .is-invalid-input:not(:focus)::-webkit-input-placeholder {
        color: #C64D4F;
    }

    .is-invalid-input:not(:focus):-ms-input-placeholder {
        color: #C64D4F;
    }

    .is-invalid-input:not(:focus)::-ms-input-placeholder {
        color: #C64D4F;
    }

    .is-invalid-input:not(:focus)::placeholder {
        color: #C64D4F;
    }

.is-invalid-label {
    color: #C64D4F;
}

.form-error {
    display: none;
    margin-top: -0.5rem;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: bold;
    color: #C64D4F;
}

    .form-error.is-visible {
        display: block;
    }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

p {
    margin-bottom: 1rem;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
}

em,
i {
    font-style: italic;
    line-height: inherit;
}

strong,
b {
    font-weight: bold;
    line-height: inherit;
}

small {
    font-size: 80%;
    line-height: inherit;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: "Lora", serif;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
}

    h1 small, .h1 small,
    h2 small, .h2 small,
    h3 small, .h3 small,
    h4 small, .h4 small,
    h5 small, .h5 small,
    h6 small, .h6 small {
        line-height: 0;
        color: #BEBEBE;
    }

h1, .h1 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h2, .h2 {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h3, .h3 {
    font-size: 1.1875rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h4, .h4 {
    font-size: 1.125rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h5, .h5 {
    font-size: 1.0625rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h6, .h6 {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 47.5em) {
    h1, .h1 {
        font-size: 3rem;
    }

    h2, .h2 {
        font-size: 2.5rem;
    }

    h3, .h3 {
        font-size: 1.9375rem;
    }

    h4, .h4 {
        font-size: 1.5625rem;
    }

    h5, .h5 {
        font-size: 1.25rem;
    }

    h6, .h6 {
        font-size: 1rem;
    }
}

a {
    line-height: inherit;
    color: #7CBAA8;
    text-decoration: none;
    cursor: pointer;
}

    a:hover, a:focus {
        color: #60ab95;
    }

    a img {
        border: 0;
    }

hr {
    clear: both;
    max-width: 68.75rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #BEBEBE;
    border-left: 0;
}

ul,
ol,
dl {
    margin-bottom: 1rem;
    list-style-position: outside;
    line-height: 1.6;
}

li {
    font-size: inherit;
}

ul {
    margin-left: 1.25rem;
    list-style-type: disc;
}

ol {
    margin-left: 1.25rem;
}

    ul ul, ol ul, ul ol, ol ol {
        margin-left: 1.25rem;
        margin-bottom: 0;
    }

dl {
    margin-bottom: 1rem;
}

    dl dt {
        margin-bottom: 0.3rem;
        font-weight: bold;
    }

blockquote {
    margin: 0 0 1rem;
    padding: 0.5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #BEBEBE;
}

    blockquote, blockquote p {
        line-height: 1.6;
        color: #929292;
    }

cite {
    display: block;
    font-size: 0.8125rem;
    color: #929292;
}

    cite:before {
        content: "— ";
    }

abbr, abbr[title] {
    border-bottom: 1px dotted #223843;
    cursor: help;
    text-decoration: none;
}

figure {
    margin: 0;
}

code {
    padding: 0.125rem 0.3125rem 0.0625rem;
    border: 1px solid #BEBEBE;
    background-color: #EFF1F3;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    font-weight: normal;
    color: #223843;
}

kbd {
    margin: 0;
    padding: 0.125rem 0.25rem 0;
    background-color: #EFF1F3;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    color: #223843;
}

.subheader {
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
    line-height: 1.4;
    color: #929292;
}

.lead {
    font-size: 125%;
    line-height: 1.6;
}

.stat {
    font-size: 2.5rem;
    line-height: 1;
}

p + .stat {
    margin-top: -1rem;
}

ul.no-bullet, ol.no-bullet {
    margin-left: 0;
    list-style: none;
}

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

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

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

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

@media print, screen and (min-width: 47.5em) {
    .medium-text-left {
        text-align: left;
    }

    .medium-text-right {
        text-align: right;
    }

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

    .medium-text-justify {
        text-align: justify;
    }
}

@media print, screen and (min-width: 64em) {
    .large-text-left {
        text-align: left;
    }

    .large-text-right {
        text-align: right;
    }

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

    .large-text-justify {
        text-align: justify;
    }
}

.show-for-print {
    display: none !important;
}

@media print {
    * {
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        color: black !important;
        text-shadow: none !important;
    }

    .show-for-print {
        display: block !important;
    }

    .hide-for-print {
        display: none !important;
    }

    table.show-for-print {
        display: table !important;
    }

    thead.show-for-print {
        display: table-header-group !important;
    }

    tbody.show-for-print {
        display: table-row-group !important;
    }

    tr.show-for-print {
        display: table-row !important;
    }

    td.show-for-print {
        display: table-cell !important;
    }

    th.show-for-print {
        display: table-cell !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

        .ir a:after,
        a[href^='javascript:']:after,
        a[href^='#']:after {
            content: '';
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    pre,
    blockquote {
        border: 1px solid #929292;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .print-break-inside {
        page-break-inside: auto;
    }
}

.grid-container {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 68.75rem;
    margin: 0 auto;
}

@media print, screen and (min-width: 47.5em) {
    .grid-container {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}

.grid-container.fluid {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 100%;
    margin: 0 auto;
}

@media print, screen and (min-width: 47.5em) {
    .grid-container.fluid {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}

.grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin: 0 auto;
}

.grid-x {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.cell {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
    width: 100%;
}

    .cell.auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }

    .cell.shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

.grid-x > .auto {
    width: auto;
}

.grid-x > .shrink {
    width: auto;
}

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

@media print, screen and (min-width: 47.5em) {
    .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

@media print, screen and (min-width: 64em) {
    .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

.grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.grid-x > .small-1 {
    width: 8.33333%;
}

.grid-x > .small-2 {
    width: 16.66667%;
}

.grid-x > .small-3 {
    width: 25%;
}

.grid-x > .small-4 {
    width: 33.33333%;
}

.grid-x > .small-5 {
    width: 41.66667%;
}

.grid-x > .small-6 {
    width: 50%;
}

.grid-x > .small-7 {
    width: 58.33333%;
}

.grid-x > .small-8 {
    width: 66.66667%;
}

.grid-x > .small-9 {
    width: 75%;
}

.grid-x > .small-10 {
    width: 83.33333%;
}

.grid-x > .small-11 {
    width: 91.66667%;
}

.grid-x > .small-12 {
    width: 100%;
}

@media print, screen and (min-width: 47.5em) {
    .grid-x > .medium-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto;
    }

    .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .grid-x > .medium-shrink {
        width: auto;
    }

    .grid-x > .medium-1 {
        width: 8.33333%;
    }

    .grid-x > .medium-2 {
        width: 16.66667%;
    }

    .grid-x > .medium-3 {
        width: 25%;
    }

    .grid-x > .medium-4 {
        width: 33.33333%;
    }

    .grid-x > .medium-5 {
        width: 41.66667%;
    }

    .grid-x > .medium-6 {
        width: 50%;
    }

    .grid-x > .medium-7 {
        width: 58.33333%;
    }

    .grid-x > .medium-8 {
        width: 66.66667%;
    }

    .grid-x > .medium-9 {
        width: 75%;
    }

    .grid-x > .medium-10 {
        width: 83.33333%;
    }

    .grid-x > .medium-11 {
        width: 91.66667%;
    }

    .grid-x > .medium-12 {
        width: 100%;
    }
}

@media print, screen and (min-width: 64em) {
    .grid-x > .large-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        width: auto;
    }

    .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .grid-x > .large-shrink {
        width: auto;
    }

    .grid-x > .large-1 {
        width: 8.33333%;
    }

    .grid-x > .large-2 {
        width: 16.66667%;
    }

    .grid-x > .large-3 {
        width: 25%;
    }

    .grid-x > .large-4 {
        width: 33.33333%;
    }

    .grid-x > .large-5 {
        width: 41.66667%;
    }

    .grid-x > .large-6 {
        width: 50%;
    }

    .grid-x > .large-7 {
        width: 58.33333%;
    }

    .grid-x > .large-8 {
        width: 66.66667%;
    }

    .grid-x > .large-9 {
        width: 75%;
    }

    .grid-x > .large-10 {
        width: 83.33333%;
    }

    .grid-x > .large-11 {
        width: 91.66667%;
    }

    .grid-x > .large-12 {
        width: 100%;
    }
}

.grid-margin-x:not(.grid-x) > .cell {
    width: auto;
}

.grid-margin-y:not(.grid-y) > .cell {
    height: auto;
}

.grid-margin-x {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
}

@media print, screen and (min-width: 47.5em) {
    .grid-margin-x {
        margin-left: -0.9375rem;
        margin-right: -0.9375rem;
    }
}

.grid-margin-x > .cell {
    width: calc(100% - 1.25rem);
    margin-left: 0.625rem;
    margin-right: 0.625rem;
}

@media print, screen and (min-width: 47.5em) {
    .grid-margin-x > .cell {
        width: calc(100% - 1.875rem);
        margin-left: 0.9375rem;
        margin-right: 0.9375rem;
    }
}

.grid-margin-x > .auto {
    width: auto;
}

.grid-margin-x > .shrink {
    width: auto;
}

.grid-margin-x > .small-1 {
    width: calc(8.33333% - 1.25rem);
}

.grid-margin-x > .small-2 {
    width: calc(16.66667% - 1.25rem);
}

.grid-margin-x > .small-3 {
    width: calc(25% - 1.25rem);
}

.grid-margin-x > .small-4 {
    width: calc(33.33333% - 1.25rem);
}

.grid-margin-x > .small-5 {
    width: calc(41.66667% - 1.25rem);
}

.grid-margin-x > .small-6 {
    width: calc(50% - 1.25rem);
}

.grid-margin-x > .small-7 {
    width: calc(58.33333% - 1.25rem);
}

.grid-margin-x > .small-8 {
    width: calc(66.66667% - 1.25rem);
}

.grid-margin-x > .small-9 {
    width: calc(75% - 1.25rem);
}

.grid-margin-x > .small-10 {
    width: calc(83.33333% - 1.25rem);
}

.grid-margin-x > .small-11 {
    width: calc(91.66667% - 1.25rem);
}

.grid-margin-x > .small-12 {
    width: calc(100% - 1.25rem);
}

@media print, screen and (min-width: 47.5em) {
    .grid-margin-x > .auto {
        width: auto;
    }

    .grid-margin-x > .shrink {
        width: auto;
    }

    .grid-margin-x > .small-1 {
        width: calc(8.33333% - 1.875rem);
    }

    .grid-margin-x > .small-2 {
        width: calc(16.66667% - 1.875rem);
    }

    .grid-margin-x > .small-3 {
        width: calc(25% - 1.875rem);
    }

    .grid-margin-x > .small-4 {
        width: calc(33.33333% - 1.875rem);
    }

    .grid-margin-x > .small-5 {
        width: calc(41.66667% - 1.875rem);
    }

    .grid-margin-x > .small-6 {
        width: calc(50% - 1.875rem);
    }

    .grid-margin-x > .small-7 {
        width: calc(58.33333% - 1.875rem);
    }

    .grid-margin-x > .small-8 {
        width: calc(66.66667% - 1.875rem);
    }

    .grid-margin-x > .small-9 {
        width: calc(75% - 1.875rem);
    }

    .grid-margin-x > .small-10 {
        width: calc(83.33333% - 1.875rem);
    }

    .grid-margin-x > .small-11 {
        width: calc(91.66667% - 1.875rem);
    }

    .grid-margin-x > .small-12 {
        width: calc(100% - 1.875rem);
    }

    .grid-margin-x > .medium-auto {
        width: auto;
    }

    .grid-margin-x > .medium-shrink {
        width: auto;
    }

    .grid-margin-x > .medium-1 {
        width: calc(8.33333% - 1.875rem);
    }

    .grid-margin-x > .medium-2 {
        width: calc(16.66667% - 1.875rem);
    }

    .grid-margin-x > .medium-3 {
        width: calc(25% - 1.875rem);
    }

    .grid-margin-x > .medium-4 {
        width: calc(33.33333% - 1.875rem);
    }

    .grid-margin-x > .medium-5 {
        width: calc(41.66667% - 1.875rem);
    }

    .grid-margin-x > .medium-6 {
        width: calc(50% - 1.875rem);
    }

    .grid-margin-x > .medium-7 {
        width: calc(58.33333% - 1.875rem);
    }

    .grid-margin-x > .medium-8 {
        width: calc(66.66667% - 1.875rem);
    }

    .grid-margin-x > .medium-9 {
        width: calc(75% - 1.875rem);
    }

    .grid-margin-x > .medium-10 {
        width: calc(83.33333% - 1.875rem);
    }

    .grid-margin-x > .medium-11 {
        width: calc(91.66667% - 1.875rem);
    }

    .grid-margin-x > .medium-12 {
        width: calc(100% - 1.875rem);
    }
}

@media print, screen and (min-width: 64em) {
    .grid-margin-x > .large-auto {
        width: auto;
    }

    .grid-margin-x > .large-shrink {
        width: auto;
    }

    .grid-margin-x > .large-1 {
        width: calc(8.33333% - 1.875rem);
    }

    .grid-margin-x > .large-2 {
        width: calc(16.66667% - 1.875rem);
    }

    .grid-margin-x > .large-3 {
        width: calc(25% - 1.875rem);
    }

    .grid-margin-x > .large-4 {
        width: calc(33.33333% - 1.875rem);
    }

    .grid-margin-x > .large-5 {
        width: calc(41.66667% - 1.875rem);
    }

    .grid-margin-x > .large-6 {
        width: calc(50% - 1.875rem);
    }

    .grid-margin-x > .large-7 {
        width: calc(58.33333% - 1.875rem);
    }

    .grid-margin-x > .large-8 {
        width: calc(66.66667% - 1.875rem);
    }

    .grid-margin-x > .large-9 {
        width: calc(75% - 1.875rem);
    }

    .grid-margin-x > .large-10 {
        width: calc(83.33333% - 1.875rem);
    }

    .grid-margin-x > .large-11 {
        width: calc(91.66667% - 1.875rem);
    }

    .grid-margin-x > .large-12 {
        width: calc(100% - 1.875rem);
    }
}

.grid-padding-x .grid-padding-x {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

@media print, screen and (min-width: 47.5em) {
    .grid-padding-x .grid-padding-x {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem;
    }
}

.grid-container:not(.full) > .grid-padding-x {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

@media print, screen and (min-width: 47.5em) {
    .grid-container:not(.full) > .grid-padding-x {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem;
    }
}

.grid-padding-x > .cell {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}

@media print, screen and (min-width: 47.5em) {
    .grid-padding-x > .cell {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}

.small-up-1 > .cell {
    width: 100%;
}

.small-up-2 > .cell {
    width: 50%;
}

.small-up-3 > .cell {
    width: 33.33333%;
}

.small-up-4 > .cell {
    width: 25%;
}

.small-up-5 > .cell {
    width: 20%;
}

.small-up-6 > .cell {
    width: 16.66667%;
}

.small-up-7 > .cell {
    width: 14.28571%;
}

.small-up-8 > .cell {
    width: 12.5%;
}

@media print, screen and (min-width: 47.5em) {
    .medium-up-1 > .cell {
        width: 100%;
    }

    .medium-up-2 > .cell {
        width: 50%;
    }

    .medium-up-3 > .cell {
        width: 33.33333%;
    }

    .medium-up-4 > .cell {
        width: 25%;
    }

    .medium-up-5 > .cell {
        width: 20%;
    }

    .medium-up-6 > .cell {
        width: 16.66667%;
    }

    .medium-up-7 > .cell {
        width: 14.28571%;
    }

    .medium-up-8 > .cell {
        width: 12.5%;
    }
}

@media print, screen and (min-width: 64em) {
    .large-up-1 > .cell {
        width: 100%;
    }

    .large-up-2 > .cell {
        width: 50%;
    }

    .large-up-3 > .cell {
        width: 33.33333%;
    }

    .large-up-4 > .cell {
        width: 25%;
    }

    .large-up-5 > .cell {
        width: 20%;
    }

    .large-up-6 > .cell {
        width: 16.66667%;
    }

    .large-up-7 > .cell {
        width: 14.28571%;
    }

    .large-up-8 > .cell {
        width: 12.5%;
    }
}

.grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.25rem);
}

.grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.25rem);
}

.grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 1.25rem);
}

.grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.25rem);
}

.grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.25rem);
}

.grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 1.25rem);
}

.grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 1.25rem);
}

.grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.25rem);
}

@media print, screen and (min-width: 47.5em) {
    .grid-margin-x.small-up-1 > .cell {
        width: calc(100% - 1.875rem);
    }

    .grid-margin-x.small-up-2 > .cell {
        width: calc(50% - 1.875rem);
    }

    .grid-margin-x.small-up-3 > .cell {
        width: calc(33.33333% - 1.875rem);
    }

    .grid-margin-x.small-up-4 > .cell {
        width: calc(25% - 1.875rem);
    }

    .grid-margin-x.small-up-5 > .cell {
        width: calc(20% - 1.875rem);
    }

    .grid-margin-x.small-up-6 > .cell {
        width: calc(16.66667% - 1.875rem);
    }

    .grid-margin-x.small-up-7 > .cell {
        width: calc(14.28571% - 1.875rem);
    }

    .grid-margin-x.small-up-8 > .cell {
        width: calc(12.5% - 1.875rem);
    }

    .grid-margin-x.medium-up-1 > .cell {
        width: calc(100% - 1.875rem);
    }

    .grid-margin-x.medium-up-2 > .cell {
        width: calc(50% - 1.875rem);
    }

    .grid-margin-x.medium-up-3 > .cell {
        width: calc(33.33333% - 1.875rem);
    }

    .grid-margin-x.medium-up-4 > .cell {
        width: calc(25% - 1.875rem);
    }

    .grid-margin-x.medium-up-5 > .cell {
        width: calc(20% - 1.875rem);
    }

    .grid-margin-x.medium-up-6 > .cell {
        width: calc(16.66667% - 1.875rem);
    }

    .grid-margin-x.medium-up-7 > .cell {
        width: calc(14.28571% - 1.875rem);
    }

    .grid-margin-x.medium-up-8 > .cell {
        width: calc(12.5% - 1.875rem);
    }
}

@media print, screen and (min-width: 64em) {
    .grid-margin-x.large-up-1 > .cell {
        width: calc(100% - 1.875rem);
    }

    .grid-margin-x.large-up-2 > .cell {
        width: calc(50% - 1.875rem);
    }

    .grid-margin-x.large-up-3 > .cell {
        width: calc(33.33333% - 1.875rem);
    }

    .grid-margin-x.large-up-4 > .cell {
        width: calc(25% - 1.875rem);
    }

    .grid-margin-x.large-up-5 > .cell {
        width: calc(20% - 1.875rem);
    }

    .grid-margin-x.large-up-6 > .cell {
        width: calc(16.66667% - 1.875rem);
    }

    .grid-margin-x.large-up-7 > .cell {
        width: calc(14.28571% - 1.875rem);
    }

    .grid-margin-x.large-up-8 > .cell {
        width: calc(12.5% - 1.875rem);
    }
}

.small-margin-collapse {
    margin-right: 0;
    margin-left: 0;
}

    .small-margin-collapse > .cell {
        margin-right: 0;
        margin-left: 0;
    }

    .small-margin-collapse > .small-1 {
        width: 8.33333%;
    }

    .small-margin-collapse > .small-2 {
        width: 16.66667%;
    }

    .small-margin-collapse > .small-3 {
        width: 25%;
    }

    .small-margin-collapse > .small-4 {
        width: 33.33333%;
    }

    .small-margin-collapse > .small-5 {
        width: 41.66667%;
    }

    .small-margin-collapse > .small-6 {
        width: 50%;
    }

    .small-margin-collapse > .small-7 {
        width: 58.33333%;
    }

    .small-margin-collapse > .small-8 {
        width: 66.66667%;
    }

    .small-margin-collapse > .small-9 {
        width: 75%;
    }

    .small-margin-collapse > .small-10 {
        width: 83.33333%;
    }

    .small-margin-collapse > .small-11 {
        width: 91.66667%;
    }

    .small-margin-collapse > .small-12 {
        width: 100%;
    }

@media print, screen and (min-width: 47.5em) {
    .small-margin-collapse > .medium-1 {
        width: 8.33333%;
    }

    .small-margin-collapse > .medium-2 {
        width: 16.66667%;
    }

    .small-margin-collapse > .medium-3 {
        width: 25%;
    }

    .small-margin-collapse > .medium-4 {
        width: 33.33333%;
    }

    .small-margin-collapse > .medium-5 {
        width: 41.66667%;
    }

    .small-margin-collapse > .medium-6 {
        width: 50%;
    }

    .small-margin-collapse > .medium-7 {
        width: 58.33333%;
    }

    .small-margin-collapse > .medium-8 {
        width: 66.66667%;
    }

    .small-margin-collapse > .medium-9 {
        width: 75%;
    }

    .small-margin-collapse > .medium-10 {
        width: 83.33333%;
    }

    .small-margin-collapse > .medium-11 {
        width: 91.66667%;
    }

    .small-margin-collapse > .medium-12 {
        width: 100%;
    }
}

@media print, screen and (min-width: 64em) {
    .small-margin-collapse > .large-1 {
        width: 8.33333%;
    }

    .small-margin-collapse > .large-2 {
        width: 16.66667%;
    }

    .small-margin-collapse > .large-3 {
        width: 25%;
    }

    .small-margin-collapse > .large-4 {
        width: 33.33333%;
    }

    .small-margin-collapse > .large-5 {
        width: 41.66667%;
    }

    .small-margin-collapse > .large-6 {
        width: 50%;
    }

    .small-margin-collapse > .large-7 {
        width: 58.33333%;
    }

    .small-margin-collapse > .large-8 {
        width: 66.66667%;
    }

    .small-margin-collapse > .large-9 {
        width: 75%;
    }

    .small-margin-collapse > .large-10 {
        width: 83.33333%;
    }

    .small-margin-collapse > .large-11 {
        width: 91.66667%;
    }

    .small-margin-collapse > .large-12 {
        width: 100%;
    }
}

.small-padding-collapse {
    margin-right: 0;
    margin-left: 0;
}

    .small-padding-collapse > .cell {
        padding-right: 0;
        padding-left: 0;
    }

@media print, screen and (min-width: 47.5em) {
    .medium-margin-collapse {
        margin-right: 0;
        margin-left: 0;
    }

        .medium-margin-collapse > .cell {
            margin-right: 0;
            margin-left: 0;
        }
}

@media print, screen and (min-width: 47.5em) {
    .medium-margin-collapse > .small-1 {
        width: 8.33333%;
    }

    .medium-margin-collapse > .small-2 {
        width: 16.66667%;
    }

    .medium-margin-collapse > .small-3 {
        width: 25%;
    }

    .medium-margin-collapse > .small-4 {
        width: 33.33333%;
    }

    .medium-margin-collapse > .small-5 {
        width: 41.66667%;
    }

    .medium-margin-collapse > .small-6 {
        width: 50%;
    }

    .medium-margin-collapse > .small-7 {
        width: 58.33333%;
    }

    .medium-margin-collapse > .small-8 {
        width: 66.66667%;
    }

    .medium-margin-collapse > .small-9 {
        width: 75%;
    }

    .medium-margin-collapse > .small-10 {
        width: 83.33333%;
    }

    .medium-margin-collapse > .small-11 {
        width: 91.66667%;
    }

    .medium-margin-collapse > .small-12 {
        width: 100%;
    }
}

@media print, screen and (min-width: 47.5em) {
    .medium-margin-collapse > .medium-1 {
        width: 8.33333%;
    }

    .medium-margin-collapse > .medium-2 {
        width: 16.66667%;
    }

    .medium-margin-collapse > .medium-3 {
        width: 25%;
    }

    .medium-margin-collapse > .medium-4 {
        width: 33.33333%;
    }

    .medium-margin-collapse > .medium-5 {
        width: 41.66667%;
    }

    .medium-margin-collapse > .medium-6 {
        width: 50%;
    }

    .medium-margin-collapse > .medium-7 {
        width: 58.33333%;
    }

    .medium-margin-collapse > .medium-8 {
        width: 66.66667%;
    }

    .medium-margin-collapse > .medium-9 {
        width: 75%;
    }

    .medium-margin-collapse > .medium-10 {
        width: 83.33333%;
    }

    .medium-margin-collapse > .medium-11 {
        width: 91.66667%;
    }

    .medium-margin-collapse > .medium-12 {
        width: 100%;
    }
}

@media print, screen and (min-width: 64em) {
    .medium-margin-collapse > .large-1 {
        width: 8.33333%;
    }

    .medium-margin-collapse > .large-2 {
        width: 16.66667%;
    }

    .medium-margin-collapse > .large-3 {
        width: 25%;
    }

    .medium-margin-collapse > .large-4 {
        width: 33.33333%;
    }

    .medium-margin-collapse > .large-5 {
        width: 41.66667%;
    }

    .medium-margin-collapse > .large-6 {
        width: 50%;
    }

    .medium-margin-collapse > .large-7 {
        width: 58.33333%;
    }

    .medium-margin-collapse > .large-8 {
        width: 66.66667%;
    }

    .medium-margin-collapse > .large-9 {
        width: 75%;
    }

    .medium-margin-collapse > .large-10 {
        width: 83.33333%;
    }

    .medium-margin-collapse > .large-11 {
        width: 91.66667%;
    }

    .medium-margin-collapse > .large-12 {
        width: 100%;
    }
}

@media print, screen and (min-width: 47.5em) {
    .medium-padding-collapse {
        margin-right: 0;
        margin-left: 0;
    }

        .medium-padding-collapse > .cell {
            padding-right: 0;
            padding-left: 0;
        }
}

@media print, screen and (min-width: 64em) {
    .large-margin-collapse {
        margin-right: 0;
        margin-left: 0;
    }

        .large-margin-collapse > .cell {
            margin-right: 0;
            margin-left: 0;
        }
}

@media print, screen and (min-width: 64em) {
    .large-margin-collapse > .small-1 {
        width: 8.33333%;
    }

    .large-margin-collapse > .small-2 {
        width: 16.66667%;
    }

    .large-margin-collapse > .small-3 {
        width: 25%;
    }

    .large-margin-collapse > .small-4 {
        width: 33.33333%;
    }

    .large-margin-collapse > .small-5 {
        width: 41.66667%;
    }

    .large-margin-collapse > .small-6 {
        width: 50%;
    }

    .large-margin-collapse > .small-7 {
        width: 58.33333%;
    }

    .large-margin-collapse > .small-8 {
        width: 66.66667%;
    }

    .large-margin-collapse > .small-9 {
        width: 75%;
    }

    .large-margin-collapse > .small-10 {
        width: 83.33333%;
    }

    .large-margin-collapse > .small-11 {
        width: 91.66667%;
    }

    .large-margin-collapse > .small-12 {
        width: 100%;
    }
}

@media print, screen and (min-width: 64em) {
    .large-margin-collapse > .medium-1 {
        width: 8.33333%;
    }

    .large-margin-collapse > .medium-2 {
        width: 16.66667%;
    }

    .large-margin-collapse > .medium-3 {
        width: 25%;
    }

    .large-margin-collapse > .medium-4 {
        width: 33.33333%;
    }

    .large-margin-collapse > .medium-5 {
        width: 41.66667%;
    }

    .large-margin-collapse > .medium-6 {
        width: 50%;
    }

    .large-margin-collapse > .medium-7 {
        width: 58.33333%;
    }

    .large-margin-collapse > .medium-8 {
        width: 66.66667%;
    }

    .large-margin-collapse > .medium-9 {
        width: 75%;
    }

    .large-margin-collapse > .medium-10 {
        width: 83.33333%;
    }

    .large-margin-collapse > .medium-11 {
        width: 91.66667%;
    }

    .large-margin-collapse > .medium-12 {
        width: 100%;
    }
}

@media print, screen and (min-width: 64em) {
    .large-margin-collapse > .large-1 {
        width: 8.33333%;
    }

    .large-margin-collapse > .large-2 {
        width: 16.66667%;
    }

    .large-margin-collapse > .large-3 {
        width: 25%;
    }

    .large-margin-collapse > .large-4 {
        width: 33.33333%;
    }

    .large-margin-collapse > .large-5 {
        width: 41.66667%;
    }

    .large-margin-collapse > .large-6 {
        width: 50%;
    }

    .large-margin-collapse > .large-7 {
        width: 58.33333%;
    }

    .large-margin-collapse > .large-8 {
        width: 66.66667%;
    }

    .large-margin-collapse > .large-9 {
        width: 75%;
    }

    .large-margin-collapse > .large-10 {
        width: 83.33333%;
    }

    .large-margin-collapse > .large-11 {
        width: 91.66667%;
    }

    .large-margin-collapse > .large-12 {
        width: 100%;
    }
}

@media print, screen and (min-width: 64em) {
    .large-padding-collapse {
        margin-right: 0;
        margin-left: 0;
    }

        .large-padding-collapse > .cell {
            padding-right: 0;
            padding-left: 0;
        }
}

.small-offset-0 {
    margin-left: 0%;
}

.grid-margin-x > .small-offset-0 {
    margin-left: calc(0% + 0.625rem);
}

.small-offset-1 {
    margin-left: 8.33333%;
}

.grid-margin-x > .small-offset-1 {
    margin-left: calc(8.33333% + 0.625rem);
}

.small-offset-2 {
    margin-left: 16.66667%;
}

.grid-margin-x > .small-offset-2 {
    margin-left: calc(16.66667% + 0.625rem);
}

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

.grid-margin-x > .small-offset-3 {
    margin-left: calc(25% + 0.625rem);
}

.small-offset-4 {
    margin-left: 33.33333%;
}

.grid-margin-x > .small-offset-4 {
    margin-left: calc(33.33333% + 0.625rem);
}

.small-offset-5 {
    margin-left: 41.66667%;
}

.grid-margin-x > .small-offset-5 {
    margin-left: calc(41.66667% + 0.625rem);
}

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

.grid-margin-x > .small-offset-6 {
    margin-left: calc(50% + 0.625rem);
}

.small-offset-7 {
    margin-left: 58.33333%;
}

.grid-margin-x > .small-offset-7 {
    margin-left: calc(58.33333% + 0.625rem);
}

.small-offset-8 {
    margin-left: 66.66667%;
}

.grid-margin-x > .small-offset-8 {
    margin-left: calc(66.66667% + 0.625rem);
}

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

.grid-margin-x > .small-offset-9 {
    margin-left: calc(75% + 0.625rem);
}

.small-offset-10 {
    margin-left: 83.33333%;
}

.grid-margin-x > .small-offset-10 {
    margin-left: calc(83.33333% + 0.625rem);
}

.small-offset-11 {
    margin-left: 91.66667%;
}

.grid-margin-x > .small-offset-11 {
    margin-left: calc(91.66667% + 0.625rem);
}

@media print, screen and (min-width: 47.5em) {
    .medium-offset-0 {
        margin-left: 0%;
    }

    .grid-margin-x > .medium-offset-0 {
        margin-left: calc(0% + 0.9375rem);
    }

    .medium-offset-1 {
        margin-left: 8.33333%;
    }

    .grid-margin-x > .medium-offset-1 {
        margin-left: calc(8.33333% + 0.9375rem);
    }

    .medium-offset-2 {
        margin-left: 16.66667%;
    }

    .grid-margin-x > .medium-offset-2 {
        margin-left: calc(16.66667% + 0.9375rem);
    }

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

    .grid-margin-x > .medium-offset-3 {
        margin-left: calc(25% + 0.9375rem);
    }

    .medium-offset-4 {
        margin-left: 33.33333%;
    }

    .grid-margin-x > .medium-offset-4 {
        margin-left: calc(33.33333% + 0.9375rem);
    }

    .medium-offset-5 {
        margin-left: 41.66667%;
    }

    .grid-margin-x > .medium-offset-5 {
        margin-left: calc(41.66667% + 0.9375rem);
    }

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

    .grid-margin-x > .medium-offset-6 {
        margin-left: calc(50% + 0.9375rem);
    }

    .medium-offset-7 {
        margin-left: 58.33333%;
    }

    .grid-margin-x > .medium-offset-7 {
        margin-left: calc(58.33333% + 0.9375rem);
    }

    .medium-offset-8 {
        margin-left: 66.66667%;
    }

    .grid-margin-x > .medium-offset-8 {
        margin-left: calc(66.66667% + 0.9375rem);
    }

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

    .grid-margin-x > .medium-offset-9 {
        margin-left: calc(75% + 0.9375rem);
    }

    .medium-offset-10 {
        margin-left: 83.33333%;
    }

    .grid-margin-x > .medium-offset-10 {
        margin-left: calc(83.33333% + 0.9375rem);
    }

    .medium-offset-11 {
        margin-left: 91.66667%;
    }

    .grid-margin-x > .medium-offset-11 {
        margin-left: calc(91.66667% + 0.9375rem);
    }
}

@media print, screen and (min-width: 64em) {
    .large-offset-0 {
        margin-left: 0%;
    }

    .grid-margin-x > .large-offset-0 {
        margin-left: calc(0% + 0.9375rem);
    }

    .large-offset-1 {
        margin-left: 8.33333%;
    }

    .grid-margin-x > .large-offset-1 {
        margin-left: calc(8.33333% + 0.9375rem);
    }

    .large-offset-2 {
        margin-left: 16.66667%;
    }

    .grid-margin-x > .large-offset-2 {
        margin-left: calc(16.66667% + 0.9375rem);
    }

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

    .grid-margin-x > .large-offset-3 {
        margin-left: calc(25% + 0.9375rem);
    }

    .large-offset-4 {
        margin-left: 33.33333%;
    }

    .grid-margin-x > .large-offset-4 {
        margin-left: calc(33.33333% + 0.9375rem);
    }

    .large-offset-5 {
        margin-left: 41.66667%;
    }

    .grid-margin-x > .large-offset-5 {
        margin-left: calc(41.66667% + 0.9375rem);
    }

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

    .grid-margin-x > .large-offset-6 {
        margin-left: calc(50% + 0.9375rem);
    }

    .large-offset-7 {
        margin-left: 58.33333%;
    }

    .grid-margin-x > .large-offset-7 {
        margin-left: calc(58.33333% + 0.9375rem);
    }

    .large-offset-8 {
        margin-left: 66.66667%;
    }

    .grid-margin-x > .large-offset-8 {
        margin-left: calc(66.66667% + 0.9375rem);
    }

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

    .grid-margin-x > .large-offset-9 {
        margin-left: calc(75% + 0.9375rem);
    }

    .large-offset-10 {
        margin-left: 83.33333%;
    }

    .grid-margin-x > .large-offset-10 {
        margin-left: calc(83.33333% + 0.9375rem);
    }

    .large-offset-11 {
        margin-left: 91.66667%;
    }

    .grid-margin-x > .large-offset-11 {
        margin-left: calc(91.66667% + 0.9375rem);
    }
}

.grid-y {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

    .grid-y > .cell {
        width: auto;
        max-width: none;
    }

    .grid-y > .auto {
        height: auto;
    }

    .grid-y > .shrink {
        height: auto;
    }

    .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

@media print, screen and (min-width: 47.5em) {
    .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

@media print, screen and (min-width: 64em) {
    .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}

.grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.grid-y > .small-1 {
    height: 8.33333%;
}

.grid-y > .small-2 {
    height: 16.66667%;
}

.grid-y > .small-3 {
    height: 25%;
}

.grid-y > .small-4 {
    height: 33.33333%;
}

.grid-y > .small-5 {
    height: 41.66667%;
}

.grid-y > .small-6 {
    height: 50%;
}

.grid-y > .small-7 {
    height: 58.33333%;
}

.grid-y > .small-8 {
    height: 66.66667%;
}

.grid-y > .small-9 {
    height: 75%;
}

.grid-y > .small-10 {
    height: 83.33333%;
}

.grid-y > .small-11 {
    height: 91.66667%;
}

.grid-y > .small-12 {
    height: 100%;
}

@media print, screen and (min-width: 47.5em) {
    .grid-y > .medium-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        height: auto;
    }

    .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .grid-y > .medium-shrink {
        height: auto;
    }

    .grid-y > .medium-1 {
        height: 8.33333%;
    }

    .grid-y > .medium-2 {
        height: 16.66667%;
    }

    .grid-y > .medium-3 {
        height: 25%;
    }

    .grid-y > .medium-4 {
        height: 33.33333%;
    }

    .grid-y > .medium-5 {
        height: 41.66667%;
    }

    .grid-y > .medium-6 {
        height: 50%;
    }

    .grid-y > .medium-7 {
        height: 58.33333%;
    }

    .grid-y > .medium-8 {
        height: 66.66667%;
    }

    .grid-y > .medium-9 {
        height: 75%;
    }

    .grid-y > .medium-10 {
        height: 83.33333%;
    }

    .grid-y > .medium-11 {
        height: 91.66667%;
    }

    .grid-y > .medium-12 {
        height: 100%;
    }
}

@media print, screen and (min-width: 64em) {
    .grid-y > .large-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        height: auto;
    }

    .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .grid-y > .large-shrink {
        height: auto;
    }

    .grid-y > .large-1 {
        height: 8.33333%;
    }

    .grid-y > .large-2 {
        height: 16.66667%;
    }

    .grid-y > .large-3 {
        height: 25%;
    }

    .grid-y > .large-4 {
        height: 33.33333%;
    }

    .grid-y > .large-5 {
        height: 41.66667%;
    }

    .grid-y > .large-6 {
        height: 50%;
    }

    .grid-y > .large-7 {
        height: 58.33333%;
    }

    .grid-y > .large-8 {
        height: 66.66667%;
    }

    .grid-y > .large-9 {
        height: 75%;
    }

    .grid-y > .large-10 {
        height: 83.33333%;
    }

    .grid-y > .large-11 {
        height: 91.66667%;
    }

    .grid-y > .large-12 {
        height: 100%;
    }
}

.grid-padding-y .grid-padding-y {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem;
}

@media print, screen and (min-width: 47.5em) {
    .grid-padding-y .grid-padding-y {
        margin-top: -0.9375rem;
        margin-bottom: -0.9375rem;
    }
}

.grid-padding-y > .cell {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

@media print, screen and (min-width: 47.5em) {
    .grid-padding-y > .cell {
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem;
    }
}

.grid-margin-y {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem;
}

@media print, screen and (min-width: 47.5em) {
    .grid-margin-y {
        margin-top: -0.9375rem;
        margin-bottom: -0.9375rem;
    }
}

.grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}

@media print, screen and (min-width: 47.5em) {
    .grid-margin-y > .cell {
        height: calc(100% - 1.875rem);
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem;
    }
}

.grid-margin-y > .auto {
    height: auto;
}

.grid-margin-y > .shrink {
    height: auto;
}

.grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.25rem);
}

.grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.25rem);
}

.grid-margin-y > .small-3 {
    height: calc(25% - 1.25rem);
}

.grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.25rem);
}

.grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.25rem);
}

.grid-margin-y > .small-6 {
    height: calc(50% - 1.25rem);
}

.grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.25rem);
}

.grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.25rem);
}

.grid-margin-y > .small-9 {
    height: calc(75% - 1.25rem);
}

.grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.25rem);
}

.grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.25rem);
}

.grid-margin-y > .small-12 {
    height: calc(100% - 1.25rem);
}

@media print, screen and (min-width: 47.5em) {
    .grid-margin-y > .auto {
        height: auto;
    }

    .grid-margin-y > .shrink {
        height: auto;
    }

    .grid-margin-y > .small-1 {
        height: calc(8.33333% - 1.875rem);
    }

    .grid-margin-y > .small-2 {
        height: calc(16.66667% - 1.875rem);
    }

    .grid-margin-y > .small-3 {
        height: calc(25% - 1.875rem);
    }

    .grid-margin-y > .small-4 {
        height: calc(33.33333% - 1.875rem);
    }

    .grid-margin-y > .small-5 {
        height: calc(41.66667% - 1.875rem);
    }

    .grid-margin-y > .small-6 {
        height: calc(50% - 1.875rem);
    }

    .grid-margin-y > .small-7 {
        height: calc(58.33333% - 1.875rem);
    }

    .grid-margin-y > .small-8 {
        height: calc(66.66667% - 1.875rem);
    }

    .grid-margin-y > .small-9 {
        height: calc(75% - 1.875rem);
    }

    .grid-margin-y > .small-10 {
        height: calc(83.33333% - 1.875rem);
    }

    .grid-margin-y > .small-11 {
        height: calc(91.66667% - 1.875rem);
    }

    .grid-margin-y > .small-12 {
        height: calc(100% - 1.875rem);
    }

    .grid-margin-y > .medium-auto {
        height: auto;
    }

    .grid-margin-y > .medium-shrink {
        height: auto;
    }

    .grid-margin-y > .medium-1 {
        height: calc(8.33333% - 1.875rem);
    }

    .grid-margin-y > .medium-2 {
        height: calc(16.66667% - 1.875rem);
    }

    .grid-margin-y > .medium-3 {
        height: calc(25% - 1.875rem);
    }

    .grid-margin-y > .medium-4 {
        height: calc(33.33333% - 1.875rem);
    }

    .grid-margin-y > .medium-5 {
        height: calc(41.66667% - 1.875rem);
    }

    .grid-margin-y > .medium-6 {
        height: calc(50% - 1.875rem);
    }

    .grid-margin-y > .medium-7 {
        height: calc(58.33333% - 1.875rem);
    }

    .grid-margin-y > .medium-8 {
        height: calc(66.66667% - 1.875rem);
    }

    .grid-margin-y > .medium-9 {
        height: calc(75% - 1.875rem);
    }

    .grid-margin-y > .medium-10 {
        height: calc(83.33333% - 1.875rem);
    }

    .grid-margin-y > .medium-11 {
        height: calc(91.66667% - 1.875rem);
    }

    .grid-margin-y > .medium-12 {
        height: calc(100% - 1.875rem);
    }
}

@media print, screen and (min-width: 64em) {
    .grid-margin-y > .large-auto {
        height: auto;
    }

    .grid-margin-y > .large-shrink {
        height: auto;
    }

    .grid-margin-y > .large-1 {
        height: calc(8.33333% - 1.875rem);
    }

    .grid-margin-y > .large-2 {
        height: calc(16.66667% - 1.875rem);
    }

    .grid-margin-y > .large-3 {
        height: calc(25% - 1.875rem);
    }

    .grid-margin-y > .large-4 {
        height: calc(33.33333% - 1.875rem);
    }

    .grid-margin-y > .large-5 {
        height: calc(41.66667% - 1.875rem);
    }

    .grid-margin-y > .large-6 {
        height: calc(50% - 1.875rem);
    }

    .grid-margin-y > .large-7 {
        height: calc(58.33333% - 1.875rem);
    }

    .grid-margin-y > .large-8 {
        height: calc(66.66667% - 1.875rem);
    }

    .grid-margin-y > .large-9 {
        height: calc(75% - 1.875rem);
    }

    .grid-margin-y > .large-10 {
        height: calc(83.33333% - 1.875rem);
    }

    .grid-margin-y > .large-11 {
        height: calc(91.66667% - 1.875rem);
    }

    .grid-margin-y > .large-12 {
        height: calc(100% - 1.875rem);
    }
}

.grid-frame {
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100vw;
}

.cell .grid-frame {
    width: 100%;
}

.cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.cell-block-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%;
}

    .cell-block-container > .grid-x {
        max-height: 100%;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

@media print, screen and (min-width: 47.5em) {
    .medium-grid-frame {
        overflow: hidden;
        position: relative;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100vw;
    }

    .cell .medium-grid-frame {
        width: 100%;
    }

    .medium-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .medium-cell-block-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%;
    }

        .medium-cell-block-container > .grid-x {
            max-height: 100%;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

    .medium-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}

@media print, screen and (min-width: 64em) {
    .large-grid-frame {
        overflow: hidden;
        position: relative;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100vw;
    }

    .cell .large-grid-frame {
        width: 100%;
    }

    .large-cell-block {
        overflow-x: auto;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .large-cell-block-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        max-height: 100%;
    }

        .large-cell-block-container > .grid-x {
            max-height: 100%;
            -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

    .large-cell-block-y {
        overflow-y: auto;
        max-height: 100%;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}

.grid-y.grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100vh;
}

@media print, screen and (min-width: 47.5em) {
    .grid-y.medium-grid-frame {
        width: auto;
        overflow: hidden;
        position: relative;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100vh;
    }
}

@media print, screen and (min-width: 64em) {
    .grid-y.large-grid-frame {
        width: auto;
        overflow: hidden;
        position: relative;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100vh;
    }
}

.cell .grid-y.grid-frame {
    height: 100%;
}

@media print, screen and (min-width: 47.5em) {
    .cell .grid-y.medium-grid-frame {
        height: 100%;
    }
}

@media print, screen and (min-width: 64em) {
    .cell .grid-y.large-grid-frame {
        height: 100%;
    }
}

.grid-margin-y {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem;
}

@media print, screen and (min-width: 47.5em) {
    .grid-margin-y {
        margin-top: -0.9375rem;
        margin-bottom: -0.9375rem;
    }
}

.grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}

@media print, screen and (min-width: 47.5em) {
    .grid-margin-y > .cell {
        height: calc(100% - 1.875rem);
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem;
    }
}

.grid-margin-y > .auto {
    height: auto;
}

.grid-margin-y > .shrink {
    height: auto;
}

.grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.25rem);
}

.grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.25rem);
}

.grid-margin-y > .small-3 {
    height: calc(25% - 1.25rem);
}

.grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.25rem);
}

.grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.25rem);
}

.grid-margin-y > .small-6 {
    height: calc(50% - 1.25rem);
}

.grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.25rem);
}

.grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.25rem);
}

.grid-margin-y > .small-9 {
    height: calc(75% - 1.25rem);
}

.grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.25rem);
}

.grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.25rem);
}

.grid-margin-y > .small-12 {
    height: calc(100% - 1.25rem);
}

@media print, screen and (min-width: 47.5em) {
    .grid-margin-y > .auto {
        height: auto;
    }

    .grid-margin-y > .shrink {
        height: auto;
    }

    .grid-margin-y > .small-1 {
        height: calc(8.33333% - 1.875rem);
    }

    .grid-margin-y > .small-2 {
        height: calc(16.66667% - 1.875rem);
    }

    .grid-margin-y > .small-3 {
        height: calc(25% - 1.875rem);
    }

    .grid-margin-y > .small-4 {
        height: calc(33.33333% - 1.875rem);
    }

    .grid-margin-y > .small-5 {
        height: calc(41.66667% - 1.875rem);
    }

    .grid-margin-y > .small-6 {
        height: calc(50% - 1.875rem);
    }

    .grid-margin-y > .small-7 {
        height: calc(58.33333% - 1.875rem);
    }

    .grid-margin-y > .small-8 {
        height: calc(66.66667% - 1.875rem);
    }

    .grid-margin-y > .small-9 {
        height: calc(75% - 1.875rem);
    }

    .grid-margin-y > .small-10 {
        height: calc(83.33333% - 1.875rem);
    }

    .grid-margin-y > .small-11 {
        height: calc(91.66667% - 1.875rem);
    }

    .grid-margin-y > .small-12 {
        height: calc(100% - 1.875rem);
    }

    .grid-margin-y > .medium-auto {
        height: auto;
    }

    .grid-margin-y > .medium-shrink {
        height: auto;
    }

    .grid-margin-y > .medium-1 {
        height: calc(8.33333% - 1.875rem);
    }

    .grid-margin-y > .medium-2 {
        height: calc(16.66667% - 1.875rem);
    }

    .grid-margin-y > .medium-3 {
        height: calc(25% - 1.875rem);
    }

    .grid-margin-y > .medium-4 {
        height: calc(33.33333% - 1.875rem);
    }

    .grid-margin-y > .medium-5 {
        height: calc(41.66667% - 1.875rem);
    }

    .grid-margin-y > .medium-6 {
        height: calc(50% - 1.875rem);
    }

    .grid-margin-y > .medium-7 {
        height: calc(58.33333% - 1.875rem);
    }

    .grid-margin-y > .medium-8 {
        height: calc(66.66667% - 1.875rem);
    }

    .grid-margin-y > .medium-9 {
        height: calc(75% - 1.875rem);
    }

    .grid-margin-y > .medium-10 {
        height: calc(83.33333% - 1.875rem);
    }

    .grid-margin-y > .medium-11 {
        height: calc(91.66667% - 1.875rem);
    }

    .grid-margin-y > .medium-12 {
        height: calc(100% - 1.875rem);
    }
}

@media print, screen and (min-width: 64em) {
    .grid-margin-y > .large-auto {
        height: auto;
    }

    .grid-margin-y > .large-shrink {
        height: auto;
    }

    .grid-margin-y > .large-1 {
        height: calc(8.33333% - 1.875rem);
    }

    .grid-margin-y > .large-2 {
        height: calc(16.66667% - 1.875rem);
    }

    .grid-margin-y > .large-3 {
        height: calc(25% - 1.875rem);
    }

    .grid-margin-y > .large-4 {
        height: calc(33.33333% - 1.875rem);
    }

    .grid-margin-y > .large-5 {
        height: calc(41.66667% - 1.875rem);
    }

    .grid-margin-y > .large-6 {
        height: calc(50% - 1.875rem);
    }

    .grid-margin-y > .large-7 {
        height: calc(58.33333% - 1.875rem);
    }

    .grid-margin-y > .large-8 {
        height: calc(66.66667% - 1.875rem);
    }

    .grid-margin-y > .large-9 {
        height: calc(75% - 1.875rem);
    }

    .grid-margin-y > .large-10 {
        height: calc(83.33333% - 1.875rem);
    }

    .grid-margin-y > .large-11 {
        height: calc(91.66667% - 1.875rem);
    }

    .grid-margin-y > .large-12 {
        height: calc(100% - 1.875rem);
    }
}

.grid-frame.grid-margin-y {
    height: calc(100vh + 1.25rem);
}

@media print, screen and (min-width: 47.5em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem);
    }
}

@media print, screen and (min-width: 64em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.875rem);
    }
}

@media print, screen and (min-width: 47.5em) {
    .grid-margin-y.medium-grid-frame {
        height: calc(100vh + 1.875rem);
    }
}

@media print, screen and (min-width: 64em) {
    .grid-margin-y.large-grid-frame {
        height: calc(100vh + 1.875rem);
    }
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0.85em 1.5em;
    border: 1px solid transparent;
    border-radius: 20px;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-family: inherit;
    font-size: 0.9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #7CBAA8;
    color: #ffffff;
}

[data-whatinput='mouse'] .button {
    outline: 0;
}

.button:hover, .button:focus {
    background-color: #5eaa94;
    color: #ffffff;
}

.button.tiny {
    font-size: 0.6rem;
}

.button.small {
    font-size: 0.75rem;
}

.button.large {
    font-size: 1.25rem;
}

.button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}


.button.primary {
    background-color: #7CBAA8;
    color: #223843;
}

    .button.primary:hover, .button.primary:focus {
        background-color: #56a28c;
        color: #223843;
    }

.button.secondary {
    background-color: #C64D4F;
    color: #ffffff;
}

    .button.secondary:hover, .button.secondary:focus {
        background-color: #a73537;
        color: #ffffff;
    }

.button.success {
    background-color: #7CBAA8;
    color: #223843;
}

    .button.success:hover, .button.success:focus {
        background-color: #56a28c;
        color: #223843;
    }

.button.warning {
    background-color: #ffae00;
    color: #223843;
}

    .button.warning:hover, .button.warning:focus {
        background-color: #cc8b00;
        color: #223843;
    }

.button.alert {
    background-color: #C64D4F;
    color: #ffffff;
}

    .button.alert:hover, .button.alert:focus {
        background-color: #a73537;
        color: #ffffff;
    }

.button.disabled, .button[disabled] {
    opacity: 0.25;
    cursor: not-allowed;
}

    .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {
        background-color: #7CBAA8;
        color: #ffffff;
    }

        .button.disabled.primary, .button[disabled].primary {
            opacity: 0.25;
            cursor: not-allowed;
        }

            .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {
                background-color: #7CBAA8;
                color: #223843;
            }

        .button.disabled.secondary, .button[disabled].secondary {
            opacity: 0.25;
            cursor: not-allowed;
        }

            .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
                background-color: #C64D4F;
                color: #ffffff;
            }

        .button.disabled.success, .button[disabled].success {
            opacity: 0.25;
            cursor: not-allowed;
        }

            .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {
                background-color: #7CBAA8;
                color: #223843;
            }

        .button.disabled.warning, .button[disabled].warning {
            opacity: 0.25;
            cursor: not-allowed;
        }

            .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {
                background-color: #ffae00;
                color: #223843;
            }

        .button.disabled.alert, .button[disabled].alert {
            opacity: 0.25;
            cursor: not-allowed;
        }

            .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {
                background-color: #C64D4F;
                color: #ffffff;
            }

.button.hollow {
    border: 1px solid #7CBAA8;
    color: #7CBAA8;
}

    .button.hollow, .button.hollow:hover, .button.hollow:focus {
        background-color: transparent;
    }

        .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
            background-color: transparent;
        }

        .button.hollow:hover, .button.hollow:focus {
            border-color: #356658;
            color: #356658;
        }

            .button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] {
                border: 1px solid #7CBAA8;
                color: #7CBAA8;
            }

        .button.hollow.primary {
            border: 1px solid #7CBAA8;
            color: #7CBAA8;
        }

            .button.hollow.primary:hover, .button.hollow.primary:focus {
                border-color: #356658;
                color: #356658;
            }

                .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] {
                    border: 1px solid #7CBAA8;
                    color: #7CBAA8;
                }

        .button.hollow.secondary {
            border: 1px solid #C64D4F;
            color: #C64D4F;
        }

            .button.hollow.secondary.green {
                color: #7CBAA8;
            }
                .button.hollow.secondary.green:before {
                    background: #7CBAA8;
                }
                .button.hollow.secondary.green:after {
                    border-left-color: #7CBAA8;
                }

                .button.hollow.secondary.green:hover, .button.hollow.secondary.green:focus {
                    border-color: #356658;
                    color: #356658;
                }

            .button.hollow.secondary:hover, .button.hollow.secondary:focus {
                border-color: #682123;
                color: #682123;
            }

                .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] {
                    border: 1px solid #C64D4F;
                    color: #C64D4F;
                }

        .button.hollow.success {
            border: 1px solid #7CBAA8;
            color: #7CBAA8;
        }

            .button.hollow.success:hover, .button.hollow.success:focus {
                border-color: #356658;
                color: #356658;
            }

                .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] {
                    border: 1px solid #7CBAA8;
                    color: #7CBAA8;
                }

        .button.hollow.warning {
            border: 1px solid #ffae00;
            color: #ffae00;
        }

            .button.hollow.warning:hover, .button.hollow.warning:focus {
                border-color: #805700;
                color: #805700;
            }

                .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] {
                    border: 1px solid #ffae00;
                    color: #ffae00;
                }

        .button.hollow.alert {
            border: 1px solid #C64D4F;
            color: #C64D4F;
        }

            .button.hollow.alert:hover, .button.hollow.alert:focus {
                border-color: #682123;
                color: #682123;
            }

                .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] {
                    border: 1px solid #C64D4F;
                    color: #C64D4F;
                }

.button.clear {
    border: 1px solid #7CBAA8;
    color: #7CBAA8;
}

    .button.clear, .button.clear:hover, .button.clear:focus {
        background-color: transparent;
    }

        .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
            background-color: transparent;
        }

        .button.clear:hover, .button.clear:focus {
            border-color: #356658;
            color: #356658;
        }

            .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] {
                border: 1px solid #7CBAA8;
                color: #7CBAA8;
            }

            .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] {
                border-color: transparent;
            }

                .button.clear.primary {
                    border: 1px solid #7CBAA8;
                    color: #7CBAA8;
                }

                    .button.clear.primary:hover, .button.clear.primary:focus {
                        border-color: #356658;
                        color: #356658;
                    }

                        .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
                            border: 1px solid #7CBAA8;
                            color: #7CBAA8;
                        }

                        .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {
                            border-color: transparent;
                        }

                .button.clear.secondary {
                    border: 1px solid #C64D4F;
                    color: #C64D4F;
                }

                    .button.clear.secondary:hover, .button.clear.secondary:focus {
                        border-color: #682123;
                        color: #682123;
                    }

                        .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
                            border: 1px solid #C64D4F;
                            color: #C64D4F;
                        }

                        .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {
                            border-color: transparent;
                        }

                .button.clear.success {
                    border: 1px solid #7CBAA8;
                    color: #7CBAA8;
                }

                    .button.clear.success:hover, .button.clear.success:focus {
                        border-color: #356658;
                        color: #356658;
                    }

                        .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
                            border: 1px solid #7CBAA8;
                            color: #7CBAA8;
                        }

                        .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {
                            border-color: transparent;
                        }

                .button.clear.warning {
                    border: 1px solid #ffae00;
                    color: #ffae00;
                }

                    .button.clear.warning:hover, .button.clear.warning:focus {
                        border-color: #805700;
                        color: #805700;
                    }

                        .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
                            border: 1px solid #ffae00;
                            color: #ffae00;
                        }

                        .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {
                            border-color: transparent;
                        }

                .button.clear.alert {
                    border: 1px solid #C64D4F;
                    color: #C64D4F;
                }

                    .button.clear.alert:hover, .button.clear.alert:focus {
                        border-color: #682123;
                        color: #682123;
                    }

                        .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
                            border: 1px solid #C64D4F;
                            color: #C64D4F;
                        }

                        .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {
                            border-color: transparent;
                        }

.button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #ffffff transparent transparent;
    position: relative;
    top: 0.4em;
    display: inline-block;
    float: right;
    margin-left: 1.5em;
}

.button.dropdown.hollow::after, .button.dropdown.clear::after {
    border-top-color: #7CBAA8;
}

.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
    border-top-color: #7CBAA8;
}

.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
    border-top-color: #C64D4F;
}

.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
    border-top-color: #7CBAA8;
}

.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
    border-top-color: #ffae00;
}

.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
    border-top-color: #C64D4F;
}

.button.arrow-only::after {
    top: -0.1em;
    float: none;
    margin-left: 0;
}

a.button:hover, a.button:focus {
    text-decoration: none;
}

.button-group {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

    .button-group::before, .button-group::after {
        display: table;
        content: ' ';
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .button-group::after {
        clear: both;
    }

    .button-group .button {
        margin: 0;
        margin-right: 1px;
        margin-bottom: 1px;
        font-size: 0.9rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

        .button-group .button:last-child {
            margin-right: 0;
        }

    .button-group.tiny .button {
        font-size: 0.6rem;
    }

    .button-group.small .button {
        font-size: 0.75rem;
    }

    .button-group.large .button {
        font-size: 1.25rem;
    }

    .button-group.expanded .button {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }

    .button-group.primary .button {
        background-color: #7CBAA8;
        color: #223843;
    }

        .button-group.primary .button:hover, .button-group.primary .button:focus {
            background-color: #56a28c;
            color: #223843;
        }

    .button-group.secondary .button {
        background-color: #C64D4F;
        color: #ffffff;
    }

        .button-group.secondary .button:hover, .button-group.secondary .button:focus {
            background-color: #a73537;
            color: #ffffff;
        }

    .button-group.success .button {
        background-color: #7CBAA8;
        color: #223843;
    }

        .button-group.success .button:hover, .button-group.success .button:focus {
            background-color: #56a28c;
            color: #223843;
        }

    .button-group.warning .button {
        background-color: #ffae00;
        color: #223843;
    }

        .button-group.warning .button:hover, .button-group.warning .button:focus {
            background-color: #cc8b00;
            color: #223843;
        }

    .button-group.alert .button {
        background-color: #C64D4F;
        color: #ffffff;
    }

        .button-group.alert .button:hover, .button-group.alert .button:focus {
            background-color: #a73537;
            color: #ffffff;
        }

    .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        }

            .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
                margin-bottom: 0;
            }

        .button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 0px;
            -ms-flex: 1 1 0px;
            flex: 1 1 0px;
        }

@media print, screen and (min-width: 47.5em) {
    .button-group.stacked-for-small .button {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-bottom: 0;
    }
}

@media print, screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 47.49875em) {
    .button-group.stacked-for-small.expanded {
        display: block;
    }

        .button-group.stacked-for-small.expanded .button {
            display: block;
            margin-right: 0;
        }
}

@media screen and (max-width: 63.99875em) {
    .button-group.stacked-for-medium.expanded {
        display: block;
    }

        .button-group.stacked-for-medium.expanded .button {
            display: block;
            margin-right: 0;
        }
}

.close-button {
    position: absolute;
    color: #929292;
    cursor: pointer;
}

[data-whatinput='mouse'] .close-button {
    outline: 0;
}

.close-button:hover, .close-button:focus {
    color: #223843;
}

.close-button.small {
    right: 0.66rem;
    top: 0.33em;
    font-size: 1.5em;
    line-height: 1;
}

.close-button, .close-button.medium {
    right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1;
}

.label {
    display: inline-block;
    padding: 0.33333rem 0.5rem;
    border-radius: 0;
    font-size: 0.8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    background: #7CBAA8;
    color: #ffffff;
}

    .label.primary {
        background: #7CBAA8;
        color: #223843;
    }

    .label.secondary {
        background: #C64D4F;
        color: #ffffff;
    }

    .label.success {
        background: #7CBAA8;
        color: #223843;
    }

    .label.warning {
        background: #ffae00;
        color: #223843;
    }

    .label.alert {
        background: #C64D4F;
        color: #ffffff;
    }

.progress {
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 10px;
    background-color: #EFF1F3;
}

    .progress.primary .progress-meter {
        background-color: #7CBAA8;
    }

    .progress.secondary .progress-meter {
        background-color: #C64D4F;
    }

    .progress.success .progress-meter {
        background-color: #7CBAA8;
    }

    .progress.warning .progress-meter {
        background-color: #ffae00;
    }

    .progress.alert .progress-meter {
        background-color: #C64D4F;
    }

.progress-meter {
    position: relative;
    display: block;
    width: 0%;
    height: 100%;
    background-color: #7CBAA8;
    border-radius: 0;
}

.progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
    font-size: 0.75rem;
    font-weight: bold;
    color: #ffffff;
    white-space: nowrap;
    border-radius: 10px;
}

.slider {
    position: relative;
    height: 0.5rem;
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
    background-color: #EFF1F3;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none;
}

.slider-fill {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    max-width: 100%;
    height: 0.5rem;
    background-color: #BEBEBE;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .slider-fill.is-dragging {
        -webkit-transition: all 0s linear;
        transition: all 0s linear;
    }

.slider-handle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 0;
    background-color: #7CBAA8;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

[data-whatinput='mouse'] .slider-handle {
    outline: 0;
}

.slider-handle:hover {
    background-color: #5eaa94;
}

.slider-handle.is-dragging {
    -webkit-transition: all 0s linear;
    transition: all 0s linear;
}

.slider.disabled,
.slider[disabled] {
    opacity: 0.25;
    cursor: not-allowed;
}

.slider.vertical {
    display: inline-block;
    width: 0.5rem;
    height: 12.5rem;
    margin: 0 1.25rem;
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

    .slider.vertical .slider-fill {
        top: 0;
        width: 0.5rem;
        max-height: 100%;
    }

    .slider.vertical .slider-handle {
        position: absolute;
        top: 0;
        left: 50%;
        width: 1.4rem;
        height: 1.4rem;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.switch {
    height: 2rem;
    position: relative;
    margin-bottom: 1rem;
    outline: 0;
    font-size: 0.875rem;
    font-weight: bold;
    color: #ffffff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.switch-input {
    position: absolute;
    margin-bottom: 0;
    opacity: 0;
}

.switch-paddle {
    position: relative;
    display: block;
    width: 4rem;
    height: 2rem;
    border-radius: 0;
    background: #BEBEBE;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    font-weight: inherit;
    color: inherit;
    cursor: pointer;
}

input + .switch-paddle {
    margin: 0;
}

.switch-paddle::after {
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-radius: 0;
    background: #ffffff;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    content: '';
}

input:checked ~ .switch-paddle {
    background: #7CBAA8;
}

    input:checked ~ .switch-paddle::after {
        left: 2.25rem;
    }

[data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0;
}

.switch-active, .switch-inactive {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.switch-active {
    left: 8%;
    display: none;
}

input:checked + label > .switch-active {
    display: block;
}

.switch-inactive {
    right: 15%;
}

input:checked + label > .switch-inactive {
    display: none;
}

.switch.tiny {
    height: 1.5rem;
}

    .switch.tiny .switch-paddle {
        width: 3rem;
        height: 1.5rem;
        font-size: 0.625rem;
    }

        .switch.tiny .switch-paddle::after {
            top: 0.25rem;
            left: 0.25rem;
            width: 1rem;
            height: 1rem;
        }

    .switch.tiny input:checked ~ .switch-paddle::after {
        left: 1.75rem;
    }

.switch.small {
    height: 1.75rem;
}

    .switch.small .switch-paddle {
        width: 3.5rem;
        height: 1.75rem;
        font-size: 0.75rem;
    }

        .switch.small .switch-paddle::after {
            top: 0.25rem;
            left: 0.25rem;
            width: 1.25rem;
            height: 1.25rem;
        }

    .switch.small input:checked ~ .switch-paddle::after {
        left: 2rem;
    }

.switch.large {
    height: 2.5rem;
}

    .switch.large .switch-paddle {
        width: 5rem;
        height: 2.5rem;
        font-size: 1rem;
    }

        .switch.large .switch-paddle::after {
            top: 0.25rem;
            left: 0.25rem;
            width: 2rem;
            height: 2rem;
        }

    .switch.large input:checked ~ .switch-paddle::after {
        left: 2.75rem;
    }

table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0;
}

thead,
tbody,
tfoot {
    border: 1px #888 solid;
    background-color: #ffffff;
}

caption {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: bold;
}

thead {
    background: #f9f9f9;
    color: #223843;
}

tfoot {
    background: #f2f2f2;
    color: #223843;
}

    thead tr,
    tfoot tr {
        background: transparent;
    }

    thead th,
    thead td,
    tfoot th,
    tfoot td {
        padding: 0.5rem 0.625rem 0.625rem;
        font-weight: bold;
        text-align: left;
    }

tbody th,
tbody td {
    padding: 0.5rem 0.625rem 0.625rem;
}

tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #d0e0dc;
}

table.unstriped tbody {
    background-color: #ffffff;
}

    table.unstriped tbody tr {
        border-bottom: 0;
        border-bottom: 1px solid #f2f2f2;
        background-color: #ffffff;
    }

@media screen and (max-width: 63.99875em) {
    table.stack thead {
        display: none;
    }

    table.stack tfoot {
        display: none;
    }

    table.stack tr,
    table.stack th,
    table.stack td {
        display: block;
    }

    table.stack td {
        border-top: 0;
    }
}

table.scroll {
    display: block;
    width: 100%;
    overflow-x: auto;
}

table.hover thead tr:hover {
    background-color: #f4f4f4;
}

table.hover tfoot tr:hover {
    background-color: #ededed;
}

table.hover tbody tr:hover {
    background-color: #fafafa;
}

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
    background-color: #ededed;
}

.table-scroll {
    overflow-x: auto;
}

.badge {
    display: inline-block;
    min-width: 2.1em;
    padding: 0.3em;
    border-radius: 50%;
    font-size: 0.6rem;
    text-align: center;
    background: #7CBAA8;
    color: #ffffff;
}

    .badge.primary {
        background: #7CBAA8;
        color: #223843;
    }

    .badge.secondary {
        background: #C64D4F;
        color: #ffffff;
    }

    .badge.success {
        background: #7CBAA8;
        color: #223843;
    }

    .badge.warning {
        background: #ffae00;
        color: #223843;
    }

    .badge.alert {
        background: #C64D4F;
        color: #ffffff;
    }

.breadcrumbs {
    margin: 0 0 1rem 0;
    list-style: none;
}

    .breadcrumbs::before, .breadcrumbs::after {
        display: table;
        content: ' ';
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .breadcrumbs::after {
        clear: both;
    }

    .breadcrumbs li {
        float: left;
        font-size: 0.6875rem;
        color: #223843;
        cursor: default;
        text-transform: uppercase;
    }

        .breadcrumbs li:not(:last-child)::after {
            position: relative;
            margin: 0 0.75rem;
            opacity: 1;
            content: "/";
            color: #BEBEBE;
        }

    .breadcrumbs a {
        color: #7CBAA8;
    }

        .breadcrumbs a:hover {
            text-decoration: underline;
        }

    .breadcrumbs .disabled {
        color: #BEBEBE;
        cursor: not-allowed;
    }

.callout {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 0px solid rgba(34, 56, 67, 0.25);
    border-radius: 0;
    background-color: white;
    color: #223843;
}

    .callout > :first-child {
        margin-top: 0;
    }

    .callout > :last-child {
        margin-bottom: 0;
    }

    .callout.primary {
        background-color: #ebf5f2;
        color: #223843;
    }

    .callout.secondary {
        background-color: #f6e4e5;
        color: #223843;
    }

    .callout.success {
        background-color: #ebf5f2;
        color: #223843;
    }

    .callout.warning {
        background-color: #fff3d9;
        color: #223843;
    }

    .callout.alert {
        background-color: #f6e4e5;
        color: #223843;
    }

    .callout.small {
        padding-top: 0.5rem;
        padding-right: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 0.5rem;
    }

    .callout.large {
        padding-top: 3rem;
        padding-right: 3rem;
        padding-bottom: 3rem;
        padding-left: 3rem;
    }

.card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 1rem;
    border: 1px solid #EFF1F3;
    border-radius: 0;
    background: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    color: #223843;
}

    .card > :last-child {
        margin-bottom: 0;
    }

.card-divider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 30px;
    background: #EFF1F3;
}

    .card-divider > :last-child {
        margin-bottom: 0;
    }

.card-section {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 30px;
}

    .card-section > :last-child {
        margin-bottom: 0;
    }

.card-image {
    min-height: 1px;
}

.dropdown-pane {
    position: absolute;
    z-index: 10;
    display: none;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    border: 1px solid #BEBEBE;
    border-radius: 0;
    background-color: #ffffff;
    font-size: 1rem;
}

    .dropdown-pane.is-opening {
        display: block;
    }

    .dropdown-pane.is-open {
        display: block;
        visibility: visible;
    }

    .dropdown-pane.tiny {
        width: 100px;
    }

    .dropdown-pane.small {
        width: 200px;
    }

    .dropdown-pane.large {
        width: 400px;
    }

.pagination {
    margin-left: 0;
    margin-bottom: 1rem;
}

    .pagination::before, .pagination::after {
        display: table;
        content: ' ';
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .pagination::after {
        clear: both;
    }

    .pagination li {
        margin-right: 0.0625rem;
        border-radius: 0;
        font-size: 0.875rem;
        display: none;
    }

        .pagination li:last-child, .pagination li:first-child {
            display: inline-block;
        }

@media print, screen and (min-width: 47.5em) {
    .pagination li {
        display: inline-block;
    }
}

.pagination a,
.pagination button {
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 0;
    color: #223843;
}

    .pagination a:hover,
    .pagination button:hover {
        background: #EFF1F3;
    }

.pagination .current {
    padding: 0.1875rem 0.625rem;
    background: #7CBAA8;
    color: #ffffff;
    cursor: default;
}

.pagination .disabled {
    padding: 0.1875rem 0.625rem;
    color: #BEBEBE;
    cursor: not-allowed;
}

    .pagination .disabled:hover {
        background: transparent;
    }

.pagination .ellipsis::after {
    padding: 0.1875rem 0.625rem;
    content: '\2026';
    color: #223843;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
    display: inline-block;
    margin-right: 0.5rem;
    content: '\00ab';
}

.pagination-next a::after,
.pagination-next.disabled::after {
    display: inline-block;
    margin-left: 0.5rem;
    content: '\00bb';
}

.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: dotted 0px #929292;
    font-weight: bold;
    cursor: help;
}

.tooltip {
    position: absolute;
    top: calc(100% + 0.6495rem);
    z-index: 1200;
    max-width: 10rem;
    padding: 0.75rem;
    border-radius: 0;
    background-color: #223843;
    font-size: 80%;
    color: #ffffff;
}

    .tooltip::before {
        position: absolute;
    }

    .tooltip.bottom::before {
        display: block;
        width: 0;
        height: 0;
        border: inset 0.75rem;
        content: '';
        border-top-width: 0;
        border-bottom-style: solid;
        border-color: transparent transparent #223843;
        bottom: 100%;
    }

    .tooltip.bottom.align-center::before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .tooltip.top::before {
        display: block;
        width: 0;
        height: 0;
        border: inset 0.75rem;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #223843 transparent transparent;
        top: 100%;
        bottom: auto;
    }

    .tooltip.top.align-center::before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .tooltip.left::before {
        display: block;
        width: 0;
        height: 0;
        border: inset 0.75rem;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #223843;
        left: 100%;
    }

    .tooltip.left.align-center::before {
        bottom: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .tooltip.right::before {
        display: block;
        width: 0;
        height: 0;
        border: inset 0.75rem;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #223843 transparent transparent;
        right: 100%;
        left: auto;
    }

    .tooltip.right.align-center::before {
        bottom: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .tooltip.align-top::before {
        bottom: auto;
        top: 10%;
    }

    .tooltip.align-bottom::before {
        bottom: 10%;
        top: auto;
    }

    .tooltip.align-left::before {
        left: 10%;
        right: auto;
    }

    .tooltip.align-right::before {
        left: auto;
        right: 10%;
    }

.accordion {
    margin-left: 0;
    background: #ffffff;
    list-style-type: none;
}

    .accordion[disabled] .accordion-title {
        cursor: not-allowed;
    }

.accordion-item:first-child > :first-child {
    border-radius: 0 0 0 0;
}

.accordion-item:last-child > :last-child {
    border-radius: 0 0 0 0;
}

.accordion-title {
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 1px solid #EFF1F3;
    border-bottom: 0;
    font-size: 0.75rem;
    line-height: 1;
    color: #7CBAA8;
}

:last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #EFF1F3;
    border-radius: 0 0 0 0;
}

.accordion-title:hover, .accordion-title:focus {
    background-color: #EFF1F3;
}

.accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -0.5rem;
    content: '+';
}

.is-active > .accordion-title::before {
    content: '\2013';
}

.accordion-content {
    display: none;
    padding: 1rem;
    border: 1px solid #EFF1F3;
    border-bottom: 0;
    background-color: #ffffff;
    color: #223843;
}

:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #EFF1F3;
}

.media-object {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

    .media-object img {
        max-width: none;
    }

@media screen and (max-width: 47.49875em) {
    .media-object.stack-for-small {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.media-object-section {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

    .media-object-section:first-child {
        padding-right: 1rem;
    }

    .media-object-section:last-child:not(:nth-child(2)) {
        padding-left: 1rem;
    }

    .media-object-section > :last-child {
        margin-bottom: 0;
    }

@media screen and (max-width: 47.49875em) {
    .stack-for-small .media-object-section {
        padding: 0;
        padding-bottom: 1rem;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

        .stack-for-small .media-object-section img {
            width: 100%;
        }
}

.media-object-section.main-section {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
}

.orbit {
    position: relative;
}

.orbit-container {
    position: relative;
    height: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}

.orbit-slide {
    width: 100%;
    position: absolute;
}

    .orbit-slide.no-motionui.is-active {
        top: 0;
        left: 0;
    }

.orbit-figure {
    margin: 0;
}

.orbit-image {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.orbit-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    padding: 1rem;
    background-color: rgba(34, 56, 67, 0.5);
    color: #ffffff;
}

.orbit-previous, .orbit-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    padding: 1rem;
    color: #ffffff;
}

[data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
    outline: 0;
}

.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
    background-color: rgba(34, 56, 67, 0.5);
}

.orbit-previous {
    left: 0;
}

.orbit-next {
    left: auto;
    right: 0;
}

.orbit-bullets {
    position: relative;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
    text-align: center;
}

[data-whatinput='mouse'] .orbit-bullets {
    outline: 0;
}

.orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem;
    border-radius: 50%;
    background-color: #BEBEBE;
}

    .orbit-bullets button:hover {
        background-color: #929292;
    }

    .orbit-bullets button.is-active {
        background-color: #929292;
    }

.responsive-embed,
.flex-video {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden;
}

    .responsive-embed iframe,
    .responsive-embed object,
    .responsive-embed embed,
    .responsive-embed video,
    .flex-video iframe,
    .flex-video object,
    .flex-video embed,
    .flex-video video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .responsive-embed.widescreen,
    .flex-video.widescreen {
        padding-bottom: 56.25%;
    }

.tabs {
    margin: 0;
    border: 1px solid #EFF1F3;
    background: #ffffff;
    list-style-type: none;
}

    .tabs::before, .tabs::after {
        display: table;
        content: ' ';
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .tabs::after {
        clear: both;
    }

    .tabs.vertical > li {
        display: block;
        float: none;
        width: auto;
    }

    .tabs.simple > li > a {
        padding: 0;
    }

        .tabs.simple > li > a:hover {
            background: transparent;
        }

    .tabs.primary {
        background: #7CBAA8;
    }

        .tabs.primary > li > a {
            color: #223843;
        }

            .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
                background: #72b5a1;
            }

.tabs-title {
    float: left;
}

    .tabs-title > a {
        display: block;
        padding: 1.25rem 1.5rem;
        font-size: 0.75rem;
        line-height: 1;
        color: #7CBAA8;
    }

[data-whatinput='mouse'] .tabs-title > a {
    outline: 0;
}

.tabs-title > a:hover {
    background: #ffffff;
    color: #60ab95;
}

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
    background: #EFF1F3;
    color: #7CBAA8;
}

.tabs-content {
    border: 1px solid #EFF1F3;
    border-top: 0;
    background: #ffffff;
    color: #223843;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .tabs-content.vertical {
        border: 1px solid #EFF1F3;
        border-left: 0;
    }

.tabs-panel {
    display: none;
    padding: 1rem;
}

    .tabs-panel.is-active {
        display: block;
    }

.thumbnail {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 1rem;
    border: 4px solid #ffffff;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 1px rgba(34, 56, 67, 0.2);
    box-shadow: 0 0 0 1px rgba(34, 56, 67, 0.2);
    line-height: 0;
}

a.thumbnail {
    -webkit-transition: -webkit-box-shadow 200ms ease-out;
    transition: -webkit-box-shadow 200ms ease-out;
    transition: box-shadow 200ms ease-out;
    transition: box-shadow 200ms ease-out, -webkit-box-shadow 200ms ease-out;
}

    a.thumbnail:hover, a.thumbnail:focus {
        -webkit-box-shadow: 0 0 6px 1px rgba(124, 186, 168, 0.5);
        box-shadow: 0 0 6px 1px rgba(124, 186, 168, 0.5);
    }

    a.thumbnail image {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

[data-whatinput='mouse'] .menu li {
    outline: 0;
}

.menu a,
.menu .button {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.7rem 1rem;
}

.menu input,
.menu select,
.menu a,
.menu button {
    margin-bottom: 0;
}

.menu input {
    display: inline-block;
}

.menu, .menu.horizontal {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .menu.vertical {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .menu.expanded li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }

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

        .menu.simple li + li {
            margin-left: 1rem;
        }

        .menu.simple a {
            padding: 0;
        }

@media print, screen and (min-width: 47.5em) {
    .menu.medium-horizontal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .menu.medium-vertical {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .menu.medium-expanded li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }

    .menu.medium-simple li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

@media print, screen and (min-width: 64em) {
    .menu.large-horizontal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .menu.large-vertical {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .menu.large-expanded li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }

    .menu.large-simple li {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}

.menu.nested {
    margin-right: 0;
    margin-left: 1rem;
}

.menu.icons a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.menu.icon-left li a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

    .menu.icon-left li a img,
    .menu.icon-left li a i,
    .menu.icon-left li a svg {
        margin-right: 0.25rem;
    }

.menu.icon-right li a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

    .menu.icon-right li a img,
    .menu.icon-right li a i,
    .menu.icon-right li a svg {
        margin-left: 0.25rem;
    }

.menu.icon-top li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

    .menu.icon-top li a img,
    .menu.icon-top li a i,
    .menu.icon-top li a svg {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        margin-bottom: 0.25rem;
        text-align: center;
    }

.menu.icon-bottom li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

    .menu.icon-bottom li a img,
    .menu.icon-bottom li a i,
    .menu.icon-bottom li a svg {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        margin-bottom: 0.25rem;
        text-align: center;
    }

.menu .is-active > a {
    background: #7CBAA8;
    color: #ffffff;
}

.menu .active > a {
    background: #7CBAA8;
    color: #ffffff;
}

.menu.align-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.menu.align-right li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .menu.align-right li .submenu li {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

.menu.align-right.vertical li {
    display: block;
    text-align: right;
}

    .menu.align-right.vertical li .submenu li {
        text-align: right;
    }

.menu.align-right .nested {
    margin-right: 1rem;
    margin-left: 0;
}

.menu.align-center li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .menu.align-center li .submenu li {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

.menu .menu-text {
    padding: 0.7rem 1rem;
    font-weight: bold;
    line-height: 1;
    color: inherit;
}

.menu-centered > .menu {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .menu-centered > .menu li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .menu-centered > .menu li .submenu li {
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

.no-js [data-responsive-menu] ul {
    display: none;
}

.menu-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 16px;
    cursor: pointer;
}

    .menu-icon::after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: #ffffff;
        -webkit-box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
        box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
        content: '';
    }

    .menu-icon:hover::after {
        background: #BEBEBE;
        -webkit-box-shadow: 0 7px 0 #BEBEBE, 0 14px 0 #BEBEBE;
        box-shadow: 0 7px 0 #BEBEBE, 0 14px 0 #BEBEBE;
    }

    .menu-icon.dark {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 16px;
        cursor: pointer;
    }

        .menu-icon.dark::after {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 2px;
            background: #223843;
            -webkit-box-shadow: 0 7px 0 #223843, 0 14px 0 #223843;
            box-shadow: 0 7px 0 #223843, 0 14px 0 #223843;
            content: '';
        }

        .menu-icon.dark:hover::after {
            background: #929292;
            -webkit-box-shadow: 0 7px 0 #929292, 0 14px 0 #929292;
            box-shadow: 0 7px 0 #929292, 0 14px 0 #929292;
        }

.accordion-menu li {
    width: 100%;
}

.accordion-menu a {
    padding: 0.7rem 1rem;
}

.accordion-menu .is-accordion-submenu a {
    padding: 0.7rem 1rem;
}

.accordion-menu .nested.is-accordion-submenu {
    margin-right: 0;
    margin-left: 1rem;
}

.accordion-menu.align-right .nested.is-accordion-submenu {
    margin-right: 1rem;
    margin-left: 0;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
    position: relative;
}

    .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #7CBAA8 transparent transparent;
        position: absolute;
        top: 50%;
        margin-top: -3px;
        right: 1rem;
    }

.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
    right: 1rem;
    left: auto;
}

.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
    right: auto;
    left: 1rem;
}

.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.is-accordion-submenu-parent {
    position: relative;
}

.has-submenu-toggle > a {
    margin-right: 40px;
}

.submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

    .submenu-toggle::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #7CBAA8 transparent transparent;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .submenu-toggle[aria-expanded='true']::after {
        -webkit-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
        transform: scaleY(-1);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

.submenu-toggle-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.is-drilldown {
    position: relative;
    overflow: hidden;
}

    .is-drilldown li {
        display: block;
    }

    .is-drilldown.animate-height {
        -webkit-transition: height 0.5s;
        transition: height 0.5s;
    }

.drilldown a {
    padding: 0.7rem 1rem;
    background: #ffffff;
}

.drilldown .is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    width: 100%;
    background: #ffffff;
    -webkit-transition: -webkit-transform 0.15s linear;
    transition: -webkit-transform 0.15s linear;
    transition: transform 0.15s linear;
    transition: transform 0.15s linear, -webkit-transform 0.15s linear;
}

    .drilldown .is-drilldown-submenu.is-active {
        z-index: 1;
        display: block;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .drilldown .is-drilldown-submenu.is-closing {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }

    .drilldown .is-drilldown-submenu a {
        padding: 0.7rem 1rem;
    }

.drilldown .nested.is-drilldown-submenu {
    margin-right: 0;
    margin-left: 0;
}

.drilldown .drilldown-submenu-cover-previous {
    min-height: 100%;
}

.drilldown .is-drilldown-submenu-parent > a {
    position: relative;
}

    .drilldown .is-drilldown-submenu-parent > a::after {
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #7CBAA8;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 1rem;
    }

.drilldown.align-left .is-drilldown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #7CBAA8;
    right: 1rem;
    left: auto;
}

.drilldown.align-right .is-drilldown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #7CBAA8 transparent transparent;
    right: auto;
    left: 1rem;
}

.drilldown .js-drilldown-back > a::before {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #7CBAA8 transparent transparent;
    border-left-width: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.75rem;
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
}

[data-whatinput='mouse'] .dropdown.menu a {
    outline: 0;
}

.dropdown.menu > li > a {
    padding: 0.7rem 1rem;
}

.dropdown.menu > li.is-active > a {
    background: transparent;
    color: #223843;
}

.no-js .dropdown.menu ul {
    display: none;
}

.dropdown.menu .nested.is-dropdown-submenu {
    margin-right: 0;
    margin-left: 0;
}

.dropdown.menu.vertical > li .is-dropdown-submenu {
    top: 0;
}

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
}

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
}

@media print, screen and (min-width: 47.5em) {
    .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto;
    }

    .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0;
    }

    .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
        top: 0;
    }

    .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto;
    }

    .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }
}

@media print, screen and (min-width: 64em) {
    .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto;
    }

    .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0;
    }

    .dropdown.menu.large-vertical > li .is-dropdown-submenu {
        top: 0;
    }

    .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
        top: 0;
        right: 100%;
        left: auto;
    }

    .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto;
}

.is-dropdown-menu.vertical {
    width: 100px;
}

    .is-dropdown-menu.vertical.align-right {
        float: right;
    }

.is-dropdown-submenu-parent {
    position: relative;
}

    .is-dropdown-submenu-parent a::after {
        position: absolute;
        top: 50%;
        right: 5px;
        left: auto;
        margin-top: -6px;
    }

    .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
        top: 100%;
        left: auto;
    }

    .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
        right: 100%;
        left: auto;
    }

    .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 100%;
    }

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 0px solid #BEBEBE;
    background: #ffffff;
}

.dropdown .is-dropdown-submenu a {
    padding: 0.7rem 1rem;
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: 0px;
}

.is-dropdown-submenu > li {
    width: 100%;
}

.is-dropdown-submenu.js-dropdown-active {
    display: block;
}

.is-off-canvas-open {
    overflow: hidden;
}

.js-off-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    background: rgba(255, 255, 255, 0.25);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}

    .js-off-canvas-overlay.is-visible {
        opacity: 1;
        visibility: visible;
    }

    .js-off-canvas-overlay.is-closable {
        cursor: pointer;
    }

    .js-off-canvas-overlay.is-overlay-absolute {
        position: absolute;
    }

    .js-off-canvas-overlay.is-overlay-fixed {
        position: fixed;
    }

.off-canvas-wrapper {
    position: relative;
    overflow: hidden;
}

.off-canvas {
    position: fixed;
    z-index: 12;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #EFF1F3;
}

[data-whatinput='mouse'] .off-canvas {
    outline: 0;
}

.off-canvas.is-transition-push {
    z-index: 12;
}

.off-canvas.is-closed {
    visibility: hidden;
}

.off-canvas.is-transition-overlap {
    z-index: 13;
}

    .off-canvas.is-transition-overlap.is-open {
        -webkit-box-shadow: 0 0 10px rgba(34, 56, 67, 0.7);
        box-shadow: 0 0 10px rgba(34, 56, 67, 0.7);
    }

.off-canvas.is-open {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.off-canvas-absolute {
    position: absolute;
    z-index: 12;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #EFF1F3;
}

[data-whatinput='mouse'] .off-canvas-absolute {
    outline: 0;
}

.off-canvas-absolute.is-transition-push {
    z-index: 12;
}

.off-canvas-absolute.is-closed {
    visibility: hidden;
}

.off-canvas-absolute.is-transition-overlap {
    z-index: 13;
}

    .off-canvas-absolute.is-transition-overlap.is-open {
        -webkit-box-shadow: 0 0 10px rgba(34, 56, 67, 0.7);
        box-shadow: 0 0 10px rgba(34, 56, 67, 0.7);
    }

.off-canvas-absolute.is-open {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.position-left {
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
    width: 250px;
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
}

.off-canvas-content .off-canvas.position-left {
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
}

    .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.off-canvas-content.is-open-left.has-transition-push {
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px);
}

.position-left.is-transition-push {
    -webkit-box-shadow: inset -13px 0 20px -13px rgba(34, 56, 67, 0.25);
    box-shadow: inset -13px 0 20px -13px rgba(34, 56, 67, 0.25);
}

.position-right {
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
    width: 250px;
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px);
}

.off-canvas-content .off-canvas.position-right {
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px);
}

    .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.off-canvas-content.is-open-right.has-transition-push {
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
}

.position-right.is-transition-push {
    -webkit-box-shadow: inset 13px 0 20px -13px rgba(34, 56, 67, 0.25);
    box-shadow: inset 13px 0 20px -13px rgba(34, 56, 67, 0.25);
}

.position-top {
    top: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    height: 250px;
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    transform: translateY(-250px);
}

.off-canvas-content .off-canvas.position-top {
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    transform: translateY(-250px);
}

    .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.off-canvas-content.is-open-top.has-transition-push {
    -webkit-transform: translateY(250px);
    -ms-transform: translateY(250px);
    transform: translateY(250px);
}

.position-top.is-transition-push {
    -webkit-box-shadow: inset 0 -13px 20px -13px rgba(34, 56, 67, 0.25);
    box-shadow: inset 0 -13px 20px -13px rgba(34, 56, 67, 0.25);
}

.position-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    overflow-x: auto;
    height: 250px;
    -webkit-transform: translateY(250px);
    -ms-transform: translateY(250px);
    transform: translateY(250px);
}

.off-canvas-content .off-canvas.position-bottom {
    -webkit-transform: translateY(250px);
    -ms-transform: translateY(250px);
    transform: translateY(250px);
}

    .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.off-canvas-content.is-open-bottom.has-transition-push {
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    transform: translateY(-250px);
}

.position-bottom.is-transition-push {
    -webkit-box-shadow: inset 0 13px 20px -13px rgba(34, 56, 67, 0.25);
    box-shadow: inset 0 13px 20px -13px rgba(34, 56, 67, 0.25);
}

.off-canvas-content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .off-canvas-content.has-transition-push {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .off-canvas-content .off-canvas.is-open {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

@media print, screen and (min-width: 47.5em) {
    .position-left.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible;
    }

        .position-left.reveal-for-medium .close-button {
            display: none;
        }

    .off-canvas-content .position-left.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px;
    }

    .position-left.reveal-for-medium ~ .off-canvas-content {
        margin-left: 250px;
    }

    .position-right.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible;
    }

        .position-right.reveal-for-medium .close-button {
            display: none;
        }

    .off-canvas-content .position-right.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px;
    }

    .position-right.reveal-for-medium ~ .off-canvas-content {
        margin-right: 250px;
    }

    .position-top.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible;
    }

        .position-top.reveal-for-medium .close-button {
            display: none;
        }

    .off-canvas-content .position-top.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px;
    }

    .position-top.reveal-for-medium ~ .off-canvas-content {
        margin-top: 250px;
    }

    .position-bottom.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible;
    }

        .position-bottom.reveal-for-medium .close-button {
            display: none;
        }

    .off-canvas-content .position-bottom.reveal-for-medium {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px;
    }

    .position-bottom.reveal-for-medium ~ .off-canvas-content {
        margin-bottom: 250px;
    }
}

@media print, screen and (min-width: 64em) {
    .position-left.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible;
    }

        .position-left.reveal-for-large .close-button {
            display: none;
        }

    .off-canvas-content .position-left.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .off-canvas-content.has-reveal-left {
        margin-left: 250px;
    }

    .position-left.reveal-for-large ~ .off-canvas-content {
        margin-left: 250px;
    }

    .position-right.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible;
    }

        .position-right.reveal-for-large .close-button {
            display: none;
        }

    .off-canvas-content .position-right.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .off-canvas-content.has-reveal-right {
        margin-right: 250px;
    }

    .position-right.reveal-for-large ~ .off-canvas-content {
        margin-right: 250px;
    }

    .position-top.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible;
    }

        .position-top.reveal-for-large .close-button {
            display: none;
        }

    .off-canvas-content .position-top.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .off-canvas-content.has-reveal-top {
        margin-top: 250px;
    }

    .position-top.reveal-for-large ~ .off-canvas-content {
        margin-top: 250px;
    }

    .position-bottom.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 12;
        -webkit-transition: none;
        transition: none;
        visibility: visible;
    }

        .position-bottom.reveal-for-large .close-button {
            display: none;
        }

    .off-canvas-content .position-bottom.reveal-for-large {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .off-canvas-content.has-reveal-bottom {
        margin-bottom: 250px;
    }

    .position-bottom.reveal-for-large ~ .off-canvas-content {
        margin-bottom: 250px;
    }
}

@media print, screen and (min-width: 47.5em) {
    .off-canvas.in-canvas-for-medium {
        visibility: visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        -webkit-transition: none;
        transition: none;
    }

        .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }

        .off-canvas.in-canvas-for-medium .close-button {
            display: none;
        }
}

@media print, screen and (min-width: 64em) {
    .off-canvas.in-canvas-for-large {
        visibility: visible;
        height: auto;
        position: static;
        background: none;
        width: auto;
        overflow: visible;
        -webkit-transition: none;
        transition: none;
    }

        .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }

        .off-canvas.in-canvas-for-large .close-button {
            display: none;
        }
}

html.is-reveal-open {
    position: fixed;
    width: 100%;
    overflow-y: hidden;
}

    html.is-reveal-open.zf-has-scroll {
        overflow-y: scroll;
    }

    html.is-reveal-open body {
        overflow-y: hidden;
    }

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(34, 56, 67, 0.45);
    overflow-y: auto;
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #BEBEBE;
    border-radius: 0;
    background-color: #ffffff;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
}

[data-whatinput='mouse'] .reveal {
    outline: 0;
}

@media print, screen and (min-width: 47.5em) {
    .reveal {
        min-height: 0;
    }
}

.reveal .column {
    min-width: 0;
}

.reveal > :last-child {
    margin-bottom: 0;
}

@media print, screen and (min-width: 47.5em) {
    .reveal {
        width: 600px;
        max-width: 68.75rem;
    }
}

.reveal.collapse {
    padding: 0;
}

@media print, screen and (min-width: 47.5em) {
    .reveal.tiny {
        width: 30%;
        max-width: 68.75rem;
    }
}

@media print, screen and (min-width: 47.5em) {
    .reveal.small {
        width: 50%;
        max-width: 68.75rem;
    }
}

@media print, screen and (min-width: 47.5em) {
    .reveal.large {
        width: 90%;
        max-width: 68.75rem;
    }
}

.reveal.full {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0;
}

@media screen and (max-width: 47.49875em) {
    .reveal {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        min-height: 100%;
        margin-left: 0;
        border: 0;
        border-radius: 0;
    }
}

.reveal.without-overlay {
    position: fixed;
}

.sticky-container {
    position: relative;
}

.sticky {
    position: relative;
    z-index: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

    .sticky.is-stuck {
        position: fixed;
        z-index: 5;
        width: 100%;
    }

        .sticky.is-stuck.is-at-top {
            top: 0;
        }

        .sticky.is-stuck.is-at-bottom {
            bottom: 0;
        }

    .sticky.is-anchored {
        position: relative;
        right: auto;
        left: auto;
    }

        .sticky.is-anchored.is-at-bottom {
            bottom: 0;
        }

.title-bar {
    padding: 0.5rem;
    background: #223843;
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .title-bar .menu-icon {
        margin-left: 0.25rem;
        margin-right: 0.25rem;
    }

.title-bar-left,
.title-bar-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
}

.title-bar-right {
    text-align: right;
}

.title-bar-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.top-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.5rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .top-bar,
    .top-bar ul {
        background-color: #EFF1F3;
    }

        .top-bar input {
            max-width: 200px;
            margin-right: 1rem;
        }

        .top-bar .input-group-field {
            width: 100%;
            margin-right: 0;
        }

        .top-bar input.button {
            width: auto;
        }

        .top-bar .top-bar-left,
        .top-bar .top-bar-right {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

@media print, screen and (min-width: 47.5em) {
    .top-bar {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

        .top-bar .top-bar-left {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            margin-right: auto;
        }

        .top-bar .top-bar-right {
            -webkit-box-flex: 0;
            -webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
            margin-left: auto;
        }
}

@media screen and (max-width: 63.99875em) {
    .top-bar.stacked-for-medium {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .top-bar.stacked-for-medium .top-bar-left,
        .top-bar.stacked-for-medium .top-bar-right {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
}

@media screen and (max-width: 74.99875em) {
    .top-bar.stacked-for-large {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .top-bar.stacked-for-large .top-bar-left,
        .top-bar.stacked-for-large .top-bar-right {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }
}

.top-bar-title {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0.5rem 1rem 0.5rem 0;
}

.top-bar-left,
.top-bar-right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.clearfix::before, .clearfix::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.clearfix::after {
    clear: both;
}

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

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

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

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

.align-spaced {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.align-left.vertical.menu > li > a {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.align-right.vertical.menu > li > a {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.align-center.vertical.menu > li > a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

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

.align-self-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

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

.align-self-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

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

.align-self-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

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

.align-self-stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.align-center-middle {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

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

.small-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.small-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

.small-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}

.small-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
}

.small-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
}

@media print, screen and (min-width: 47.5em) {
    .medium-order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .medium-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .medium-order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .medium-order-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .medium-order-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .medium-order-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }
}

@media print, screen and (min-width: 64em) {
    .large-order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .large-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .large-order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .large-order-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .large-order-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .large-order-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }
}

.flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-child-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.flex-child-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.flex-child-shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

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

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

.flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

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

@media print, screen and (min-width: 47.5em) {
    .medium-flex-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .medium-flex-child-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .medium-flex-child-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }

    .medium-flex-child-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .medium-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

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

    .medium-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

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

@media print, screen and (min-width: 64em) {
    .large-flex-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .large-flex-child-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .large-flex-child-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }

    .large-flex-child-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .large-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

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

    .large-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

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

.hide {
    display: none !important;
}

.invisible {
    visibility: hidden;
}

@media screen and (max-width: 47.49875em) {
    .hide-for-small-only {
        display: none !important;
    }
}

@media screen and (max-width: 0em), screen and (min-width: 47.5em) {
    .show-for-small-only {
        display: none !important;
    }
}

@media print, screen and (min-width: 47.5em) {
    .hide-for-medium {
        display: none !important;
    }
}

@media screen and (max-width: 47.49875em) {
    .show-for-medium {
        display: none !important;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 63.99875em) {
    .hide-for-medium-only {
        display: none !important;
    }
}

@media screen and (max-width: 47.49875em), screen and (min-width: 64em) {
    .show-for-medium-only {
        display: none !important;
    }
}

@media print, screen and (min-width: 64em) {
    .hide-for-large {
        display: none !important;
    }
}

@media screen and (max-width: 63.99875em) {
    .show-for-large {
        display: none !important;
    }
}

@media screen and (min-width: 64em) and (max-width: 74.99875em) {
    .hide-for-large-only {
        display: none !important;
    }
}

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
    .show-for-large-only {
        display: none !important;
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

    .show-on-focus:active, .show-on-focus:focus {
        position: static !important;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        white-space: normal;
    }

.show-for-landscape,
.hide-for-portrait {
    display: block !important;
}

@media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
        display: block !important;
    }
}

@media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
        display: none !important;
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important;
}

@media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
        display: none !important;
    }
}

@media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
        display: block !important;
    }
}

.slide-in-down.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .slide-in-down.mui-enter.mui-enter-active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

.slide-in-left.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .slide-in-left.mui-enter.mui-enter-active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

.slide-in-up.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .slide-in-up.mui-enter.mui-enter-active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

.slide-in-right.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .slide-in-right.mui-enter.mui-enter-active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

.slide-out-down.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .slide-out-down.mui-leave.mui-leave-active {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }

.slide-out-right.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .slide-out-right.mui-leave.mui-leave-active {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }

.slide-out-up.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .slide-out-up.mui-leave.mui-leave-active {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }

.slide-out-left.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .slide-out-left.mui-leave.mui-leave-active {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }

.fade-in.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

    .fade-in.mui-enter.mui-enter-active {
        opacity: 1;
    }

.fade-out.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

    .fade-out.mui-leave.mui-leave-active {
        opacity: 0;
    }

.hinge-in-from-top.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0;
}

    .hinge-in-from-top.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0deg);
        transform: perspective(2000px) rotate(0deg);
        opacity: 1;
    }

.hinge-in-from-right.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0;
}

    .hinge-in-from-right.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0deg);
        transform: perspective(2000px) rotate(0deg);
        opacity: 1;
    }

.hinge-in-from-bottom.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(90deg);
    transform: perspective(2000px) rotateX(90deg);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0;
}

    .hinge-in-from-bottom.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0deg);
        transform: perspective(2000px) rotate(0deg);
        opacity: 1;
    }

.hinge-in-from-left.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0;
}

    .hinge-in-from-left.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0deg);
        transform: perspective(2000px) rotate(0deg);
        opacity: 1;
    }

.hinge-in-from-middle-x.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0;
}

    .hinge-in-from-middle-x.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0deg);
        transform: perspective(2000px) rotate(0deg);
        opacity: 1;
    }

.hinge-in-from-middle-y.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0;
}

    .hinge-in-from-middle-y.mui-enter.mui-enter-active {
        -webkit-transform: perspective(2000px) rotate(0deg);
        transform: perspective(2000px) rotate(0deg);
        opacity: 1;
    }

.hinge-out-from-top.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1;
}

    .hinge-out-from-top.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateX(90deg);
        transform: perspective(2000px) rotateX(90deg);
        opacity: 0;
    }

.hinge-out-from-right.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1;
}

    .hinge-out-from-right.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0;
    }

.hinge-out-from-bottom.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1;
}

    .hinge-out-from-bottom.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }

.hinge-out-from-left.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1;
}

    .hinge-out-from-left.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0;
    }

.hinge-out-from-middle-x.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1;
}

    .hinge-out-from-middle-x.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateX(90deg);
        transform: perspective(2000px) rotateX(90deg);
        opacity: 0;
    }

.hinge-out-from-middle-y.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: perspective(2000px) rotate(0deg);
    transform: perspective(2000px) rotate(0deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1;
}

    .hinge-out-from-middle-y.mui-leave.mui-leave-active {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0;
    }

.scale-in-up.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0;
}

    .scale-in-up.mui-enter.mui-enter-active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

.scale-in-down.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0;
}

    .scale-in-down.mui-enter.mui-enter-active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

.scale-out-up.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1;
}

    .scale-out-up.mui-leave.mui-leave-active {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }

.scale-out-down.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1;
}

    .scale-out-down.mui-leave.mui-leave-active {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }

.spin-in.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: rotate(-0.75turn);
    -ms-transform: rotate(-0.75turn);
    transform: rotate(-0.75turn);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0;
}

    .spin-in.mui-enter.mui-enter-active {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

.spin-out.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1;
}

    .spin-out.mui-leave.mui-leave-active {
        -webkit-transform: rotate(0.75turn);
        -ms-transform: rotate(0.75turn);
        transform: rotate(0.75turn);
        opacity: 0;
    }

.spin-in-ccw.mui-enter {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: rotate(0.75turn);
    -ms-transform: rotate(0.75turn);
    transform: rotate(0.75turn);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 0;
}

    .spin-in-ccw.mui-enter.mui-enter-active {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

.spin-out-ccw.mui-leave {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    opacity: 1;
}

    .spin-out-ccw.mui-leave.mui-leave-active {
        -webkit-transform: rotate(-0.75turn);
        -ms-transform: rotate(-0.75turn);
        transform: rotate(-0.75turn);
        opacity: 0;
    }

.slow {
    -webkit-transition-duration: 750ms !important;
    transition-duration: 750ms !important;
}

.fast {
    -webkit-transition-duration: 250ms !important;
    transition-duration: 250ms !important;
}

.linear {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.ease {
    -webkit-transition-timing-function: ease !important;
    transition-timing-function: ease !important;
}

.ease-in {
    -webkit-transition-timing-function: ease-in !important;
    transition-timing-function: ease-in !important;
}

.ease-out {
    -webkit-transition-timing-function: ease-out !important;
    transition-timing-function: ease-out !important;
}

.ease-in-out {
    -webkit-transition-timing-function: ease-in-out !important;
    transition-timing-function: ease-in-out !important;
}

.bounce-in {
    -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
    transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
    -webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
    transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
    -webkit-transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
    transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
    -webkit-transition-delay: 300ms !important;
    transition-delay: 300ms !important;
}

.long-delay {
    -webkit-transition-delay: 700ms !important;
    transition-delay: 700ms !important;
}

.shake {
    -webkit-animation-name: shake-7;
    animation-name: shake-7;
}

@-webkit-keyframes shake-7 {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%);
    }

    5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%);
    }
}

@keyframes shake-7 {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
        -webkit-transform: translateX(7%);
        transform: translateX(7%);
    }

    5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
        -webkit-transform: translateX(-7%);
        transform: translateX(-7%);
    }
}

.spin-cw {
    -webkit-animation-name: spin-cw-1turn;
    animation-name: spin-cw-1turn;
}

@-webkit-keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn);
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes spin-cw-1turn {
    0% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn);
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

.spin-ccw {
    -webkit-animation-name: spin-ccw-1turn;
    animation-name: spin-ccw-1turn;
}

@-webkit-keyframes spin-ccw-1turn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn);
    }
}

@keyframes spin-ccw-1turn {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn);
    }
}

.wiggle {
    -webkit-animation-name: wiggle-7deg;
    animation-name: wiggle-7deg;
}

@-webkit-keyframes wiggle-7deg {
    40%, 50%, 60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }

    35%, 45%, 55%, 65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }

    0%, 30%, 70%, 100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes wiggle-7deg {
    40%, 50%, 60% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }

    35%, 45%, 55%, 65% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }

    0%, 30%, 70%, 100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.slow {
    -webkit-animation-duration: 750ms !important;
    animation-duration: 750ms !important;
}

.fast {
    -webkit-animation-duration: 250ms !important;
    animation-duration: 250ms !important;
}

.linear {
    -webkit-animation-timing-function: linear !important;
    animation-timing-function: linear !important;
}

.ease {
    -webkit-animation-timing-function: ease !important;
    animation-timing-function: ease !important;
}

.ease-in {
    -webkit-animation-timing-function: ease-in !important;
    animation-timing-function: ease-in !important;
}

.ease-out {
    -webkit-animation-timing-function: ease-out !important;
    animation-timing-function: ease-out !important;
}

.ease-in-out {
    -webkit-animation-timing-function: ease-in-out !important;
    animation-timing-function: ease-in-out !important;
}

.bounce-in {
    -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
    animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
    -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
    animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
    -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
    animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
    -webkit-animation-delay: 300ms !important;
    animation-delay: 300ms !important;
}

.long-delay {
    -webkit-animation-delay: 700ms !important;
    animation-delay: 700ms !important;
}

/*# Master CSS #*/
body {
    overflow-x: hidden;
    line-height: 1.25;
    font-size: 0.8em;
    position: relative;
    font-weight: 400;
}

@media print, screen and (min-width: 47.5em) {
    body {
        font-size: 0.95em;
        line-height: 1.5;
    }
}

main {
    display: block;
    margin-top: 60px;
}

@media print, screen and (min-width: 47.5em) {
    main {
        margin-top: 70px;
    }
}

@media print, screen and (min-width: 64em) {
    main {
        margin-top: 0px;
    }
}

.column-container {
    border-top: 2px solid #EFF1F3;
    border-bottom: 2px solid #EFF1F3;
}

.content-padding {
    padding-top: 30px;
    padding-bottom: 30px;
}

    .content-padding.small {
        padding-top: 15px;
        padding-bottom: 15px;
    }

@media print, screen and (min-width: 47.5em) {
    .content-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }

        .content-padding.small {
            padding-top: 30px;
            padding-bottom: 30px;
        }
}

@media print, screen and (min-width: 64em) {
    .content-padding {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.no-pad-top {
    padding-top: 0px;
}

.no-pad-bottom {
    padding-bottom: 0px;
}

a {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    a:focus {
        color: initial;
    }

.relative {
    position: relative;
}

.text-indent {
    display: block;
    text-indent: -9999px;
    opacity: 0;
}

.clear {
    clear: both;
}

ul.menu {
    margin: 0px;
}

.button {
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 3px;
    position: relative;
    margin: 0px;
    padding-right: 50px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 20px;
}

    .button:before, .button:after {
        content: '';
        background: white;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .button:before {
        width: 30px;
        height: 1px;
    }

    .button:after {
        background: transparent;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-color: transparent transparent transparent white;
    }

    .button.no-arrow {
        padding-right: 0em;
    }

        .button.no-arrow:before, .button.no-arrow:after {
            display: none;
        }

    .button.video {
        padding-right: 30px;
    }

        .button.video:before {
            width: 18px;
            height: 18px;
            background: #7CBAA8;
            border-radius: 50%;
        }

        .button.video:after {
            border-left-color: #ffffff;
            right: 6px;
        }

        .button.video.hollow {
            padding-right: 30px;
        }

            .button.video.hollow:hover {
                padding-right: 40px;
            }

            .button.video.hollow:after {
                border-left-color: #ffffff;
            }

        .button.video:hover {
            padding-right: 40px;
        }

    .button.hollow {
        padding: 0px 40px 0px 0px;
        border: 0px;
    }

        .button.hollow:before {
            background: #7CBAA8;
        }

        .button.hollow:after {
            border-color: transparent transparent transparent #7CBAA8;
        }

        .button.hollow:hover {
            color: #7CBAA8;
        }

        .button.hollow.no-arrow {
            padding-right: 0px;
        }

    .button.secondary.hollow {
        border: 0px;
    }

        .button.secondary.hollow:before {
            background: #C64D4F;
        }

        .button.secondary.hollow:after {
            border-left-color: #C64D4F;
        }

        .button.secondary.hollow:hover {
            color: #C64D4F;
        }

    .button.secondary:hover {
        padding-right: 55px;
    }

    .button:hover {
        padding-right: 45px;
    }

.image-container img {
    display: block;
    margin: 25px auto 5px;
}

.image-container .caption {
    font-style: italic;
}

h1, .heading1, h2, .heading2, h3, .heading3, h4, .heading4, h5, .heading5, h6, .heading6 {
    display: block;
    font-family: "Lora", serif;
}

h1, .heading1 {
    font-family: 'Yeseva One', cursive;
    font-size: 2.5rem;
    line-height: 1;
    display: block;
    margin-bottom: 10px;
}

    h1.small, .heading1.small {
        font-size: 1.5rem;
    }

@media print, screen and (min-width: 47.5em) {
    h1, .heading1 {
        font-size: 3rem;
        margin-bottom: 20px;
    }

        h1.small, .heading1.small {
            font-size: 2rem;
        }
}

@media print, screen and (min-width: 64em) {
    h1, .heading1 {
        font-size: 3.5rem;
    }

        h1.small, .heading1.small {
            font-size: 2.25rem;
        }
}

h2, .heading2 {
    font-family: "Lora", serif;
    font-size: 1.75rem;
    line-height: 1.2;
    margin-bottom: 15px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media print, screen and (min-width: 47.5em) {
    h2, .heading2 {
        font-size: 2rem;
    }
}

@media print, screen and (min-width: 64em) {
    h2, .heading2 {
        font-size: 2.15rem;
    }
}

h3, .heading3 {
    font-size: 1.25rem;
    margin-bottom: 20px;
    line-height: 1.2;
}

@media print, screen and (min-width: 64em) {
    h3, .heading3 {
        font-size: 1.5rem;
    }
}

h4, .heading4 {
    font-size: 1.25rem;
    font-family: "Roboto", sans-serif;
}

.small-title {
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: 700;
    letter-spacing: 4px;
    display: block;
    font-size: 1.05em;
    font-family: "Roboto", sans-serif;
}

.red {
    color: red;
}

.black-back {
    background-color: #223843;
    color: white;
}

.black-back-gradient {
    background: rgb(34,56,67);
    background: -moz-linear-gradient(90deg, rgba(34,56,67,1) 30%, rgba(124,187,170,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(34,56,67,1) 30%, rgba(124,187,170,1) 100%);
    background: linear-gradient(90deg, rgba(34,56,67,1) 30%, rgba(124,187,170,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#223843",endColorstr="#7cbbaa",GradientType=1);
    color: white;
}

.wood-back {
    background-color: #223843;
    color: white;
    background-image: url("/Content/Images/wood.jpg");
    background-size: cover;
    background-position: center;
}

.texture-back {
    background-color: #EFF1F3;
    background-image: url("/Content/Images/texture.jpg");
    background-position: center;
}

.light-gray-back {
    background-color: #EFF1F3;
}

ol:not(.menu) li, ul:not(.menu) li {
    margin: 10px 0px;
}

ol {
    list-style-type: none;
    margin: 0px;
}

    ol li {
        counter-increment: ol-counter;
        padding-left: 35px;
        position: relative;
    }

        ol li:before {
            content: '';
            position: absolute;
            left: 0;
            top: 2px;
            display: block;
            width: 25px;
            height: 25px;
            border: 1px solid #BEBEBE;
            border-radius: 50%;
        }

        ol li:after {
            position: absolute;
            left: 0px;
            top: 3px;
            display: block;
            width: 25px;
            text-align: center;
            font-family: "Lora", serif;
            color: #BEBEBE;
            content: counter(ol-counter);
        }

aside {
    margin-top: 20px;
    margin-bottom: 20px;
}

@media print, screen and (min-width: 47.5em) {
    aside {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

.wood-grain-texture:after {
    content: '';
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 40px;
    left: 0;
    background-size: cover;
    background-position: center;
    background: url("/Content/Images/wood.jpg");
}

/*#Hero#*/
.hero {
    color: white;
    background-size: cover;
    background-position: center;
    position: relative;
}

    .hero:before {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        content: '';
        background: rgba(0, 0, 0, 0.2);
    }

    .hero:after {
        content: '';
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 40px;
        left: 0;
        background-size: cover;
        background-position: center;
        background: url("/Content/Images/wood.jpg");
    }

    .hero .content {
        position: relative;
        z-index: 2;
    }

    .hero .subtitle {
        font-family: "Roboto", sans-serif;
        display: block;
        width: 100%;
        font-weight: 800;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-size: 0.7rem;
        position: relative;
        letter-spacing: 2px;
    }

        .hero .subtitle:before, .hero .subtitle:after {
            content: '';
            position: absolute;
            width: 20px;
            height: 3px;
            background: white;
            top: 0;
            bottom: 0;
            margin: auto;
        }

        .hero .subtitle:before {
            left: 0;
        }

        .hero .subtitle:after {
            right: 0;
        }

    .hero .heading1 {
        font-size: 3.5em;
    }

@media print, screen and (min-width: 47.5em) {
    .hero .subtitle {
        font-size: 0.9rem;
    }

    .hero .heading1 {
        font-size: 3.75em;
    }
}

@media print, screen and (min-width: 64em) {
    .hero .subtitle {
        font-size: 1.2rem;
    }

        .hero .subtitle:before, .hero .subtitle:after {
            width: 40px;
        }

    .hero .heading1 {
        font-size: 4.75em;
    }
}

/*#Products*/
.product {
    margin-top: 15px;
    margin-bottom: 15px;
    background: white;
    color: #223843;
    display: block;
    -webkit-transition: none;
    transition: none;
    -webkit-transition-property: opactiy, -webkit-box-shadow, -webkit-transform !important;
    transition-property: opactiy, -webkit-box-shadow, -webkit-transform !important;
    transition-property: box-shadow, opactiy, transform !important;
    transition-property: box-shadow, opactiy, transform, -webkit-box-shadow, -webkit-transform !important;
}

    .product .content {
        padding: 20px;
    }

@media print, screen and (min-width: 64em) {
    .product {
        max-width: 100%;
    }
}

/*#Recipe#*/
.recipe {
    margin-top: 15px;
    margin-bottom: 15px;
    background: white;
    color: #223843;
    display: block;
    max-width: 300px;
    -webkit-transition: none;
    transition: none;
    -webkit-transition-property: opactiy, -webkit-box-shadow, -webkit-transform;
    transition-property: opactiy, -webkit-box-shadow, -webkit-transform;
    transition-property: box-shadow, opactiy, transform;
    transition-property: box-shadow, opactiy, transform, -webkit-box-shadow, -webkit-transform;
    border: 1px solid #EFF1F3;
}

    .recipe .content {
        padding: 20px;
    }

    .recipe:hover {
        color: #223843;
        -webkit-transform: scale(1.025) !important;
        -ms-transform: scale(1.025) !important;
        transform: scale(1.025) !important;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(34, 56, 67, 0.25);
        box-shadow: 0px 0px 5px 0px rgba(34, 56, 67, 0.25);
    }

@media print, screen and (min-width: 64em) {
    .recipe {
        max-width: 100%;
    }
}

.recipe-hero .recipe-image {
    background-size: cover;
    background-position: center;
    min-height: 200px;
    min-width: 100%;
}

.recipe-hero .recipe-details {
    border-top: 1px solid #EFF1F3;
    border-bottom: 1px solid #EFF1F3;
}

    .recipe-hero .recipe-details > .cell {
        padding: 20px 15px;
        border-top: 1px solid #EFF1F3;
    }

        .recipe-hero .recipe-details > .cell:nth-child(odd) {
            border-right: 1px solid #EFF1F3;
        }

        .recipe-hero .recipe-details > .cell:last-child {
            border-right: 0px;
        }

        .recipe-hero .recipe-details > .cell:nth-child(-n + 2) {
            border-top: 0px;
        }

@media print, screen and (min-width: 47.5em) {
    .recipe-hero .recipe-image {
        min-width: auto;
    }

    .recipe-hero .recipe-content {
        max-width: 530px;
        width: 100%;
        float: right;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
}

.featured-recipe .content {
    width: 600px;
}

.featured-recipe .title a {
    color: white;
}

.featured-recipe .image {
    margin-bottom: 20px;
}

.featured-recipe .recipe-details {
    font-size: 0.9em;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #BEBEBE;
    border-bottom: 1px solid #BEBEBE;
}

    .featured-recipe .recipe-details .cell {
        border-top: 1px solid #BEBEBE;
        padding: 20px 10px;
    }

        .featured-recipe .recipe-details .cell:first-child {
            border-top: 0px;
        }

@media print, screen and (min-width: 47.5em) {
    .featured-recipe .image {
        margin-bottom: 0px;
    }

    .featured-recipe .recipe-details .cell {
        border-top: 0px;
        border-left: 1px solid #BEBEBE;
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .featured-recipe .recipe-details .cell:first-child {
            border-left: 0px;
        }
}

/*#Child Links#*/
.child-link {
    background-size: cover;
    background-position: center;
    height: 230px;
    margin-top: 30px;
    max-width: 200px;
    position: relative;
    overflow: hidden;
}

    .child-link:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#223843+0,223843+100&0+34,1+100 */
        /* FF3.6-15 */
        /* Chrome10-25,Safari5.1-6 */
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 56, 67, 0)), color-stop(34%, rgba(34, 56, 67, 0)), to(#223843));
        background: linear-gradient(to bottom, rgba(34, 56, 67, 0) 0%, rgba(34, 56, 67, 0) 34%, #223843 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00223843', endColorstr='#223843',GradientType=0 );
        /* IE6-9 */
    }

    .child-link .title {
        color: white;
        position: absolute;
        bottom: 20px;
        z-index: 2;
        left: 20px;
        right: 20px;
        margin: 0px;
    }

    .child-link:hover {
        -webkit-transform: scale(1.025) !important;
        -ms-transform: scale(1.025) !important;
        transform: scale(1.025) !important;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(34, 56, 67, 0.25);
        box-shadow: 0px 0px 5px 0px rgba(34, 56, 67, 0.25);
    }

@media print, screen and (min-width: 47.5em) {
    .child-link {
        height: 280px;
        max-width: 250px;
    }
}

.child-button {
    border-radius: 0px;
    padding: 20px 30px;
    margin-top: 20px;
}

    .child-button:before, .child-button:after {
        display: none;
    }

    .child-button:hover {
        padding: 20px 30px !important;
    }

/*#Accordion#*/
.accordion.large {
    border: 0px;
    margin: 0px;
}

    .accordion.large .accordion-item {
        border: 0px;
        margin: 0px;
        border: 0px;
    }

        .accordion.large .accordion-item .accordion-title {
            border: 0px;
            margin: 0px;
            padding: 15px 20px 20px;
            background-color: #C64D4F;
            color: white;
        }

            .accordion.large .accordion-item .accordion-title:before {
                display: none;
            }

            .accordion.large .accordion-item .accordion-title:after {
                content: '+';
                font-size: 2.2em;
                font-weight: 300;
                margin-left: 10px;
                width: 20px;
                height: 20px;
                margin-left: 10px;
                line-height: 0.6;
                position: relative;
                top: 4px;
                display: inline-block;
            }

        .accordion.large .accordion-item .accordion-content {
            padding: 0px;
        }

        .accordion.large .accordion-item:nth-child(even) .accordion-title {
            background-color: #223843;
        }

        .accordion.large .accordion-item.is-active .accordion-title:after {
            content: '-';
        }

@media print, screen and (min-width: 47.5em) {
    .accordion.large .accordion-item .accordion-title {
        padding: 30px 0px 40px;
    }
}

/*#CTA#*/
.cta {
    background-size: cover;
    background-position: center;
    color: white;
    position: relative;
}

    .cta .small-title {
        color: white;
    }

    .cta:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #223843;
        opacity: 0.5;
    }

    .cta * {
        position: relative;
        z-index: 2;
    }

/*#Button CTA#*/
.button-cta {
    display: block;
    color: white;
    background: #C64D4F;
    padding: 40px 20px;
    font-size: 1.25em;
}

    .button-cta .small-title {
        margin: 0px;
        position: relative;
        padding-bottom: 30px;
        display: inline-block;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .button-cta .small-title:before, .button-cta .small-title:after {
            content: '';
            background: white;
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
        }

        .button-cta .small-title:before {
            width: 30px;
            height: 1px;
            bottom: 4px;
            left: -15px;
        }

        .button-cta .small-title:after {
            background: transparent;
            width: 0;
            height: 0;
            right: -15px;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            border-color: transparent transparent transparent white;
        }

    .button-cta:hover {
        color: white;
        background: #b1393b;
    }

@media print, screen and (min-width: 64em) {
    .button-cta {
        padding: 50px 20px;
    }

        .button-cta .small-title {
            padding-bottom: 0px;
            padding-right: 45px;
        }

            .button-cta .small-title:before, .button-cta .small-title:after {
                top: 0;
                bottom: 0;
                left: inherit;
            }

            .button-cta .small-title:before {
                right: 5px;
            }

            .button-cta .small-title:after {
                right: 0px;
            }

        .button-cta:hover .small-title {
            padding-right: 55px;
        }
}

/*#Callout#*/
.callout-container {
    margin-bottom: 30px;
}

    .callout-container:last-child {
        margin-bottom: 0px;
    }

    .callout-container .image {
        min-height: 200px;
        background-size: cover;
        background-position: center;
        position: relative;
        max-width: 400px;
        z-index: 3;
    }

    .callout-container .callout {
        max-width: 400px;
        background-color: #EFF1F3;
        display: block;
        margin: 0 auto;
        position: relative;
    }

        .callout-container .callout:after {
            content: '';
            width: 100%;
            height: 100%;
            background-image: url("../img/texture.jpg");
            background-repeat: repeat;
            background-position: center;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .callout-container .callout .content {
            position: relative;
            z-index: 2;
        }

    .callout-container a.callout {
        padding-bottom: 80px;
    }

        /*.callout-container a.callout .content:before, .callout-container a.callout .content:after {
            content: '';
            background: rgb(124, 186, 168);
            position: absolute;
            right: 0;
            left: 0;
            bottom: -50px;
            margin: auto;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }*/

        .callout-container a.callout .content:before {
            width: 30px;
            height: 1px;
            bottom: -45px;
            left: -15px;
        }

        .callout-container a.callout .content:after {
            right: -15px;
            background: transparent;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            border-color: transparent transparent transparent rgb(124, 186, 168);
        }

        .callout-container a.callout:hover {
            color: #223843;
        }

            .callout-container a.callout:hover .content:before {
                left: -5px;
            }

            .callout-container a.callout:hover .content:after {
                right: -25px;
            }

        .callout-container a.callout .heading2, .callout-container a.callout h2 {
            margin-bottom: 15px;
        }

    .callout-container:nth-child(odd) .callout:after {
        right: 0;
        left: inherit;
    }

@media print, screen and (min-width: 47.5em) {
    .callout-container {
        margin-bottom: 120px;
    }

        .callout-container:last-child {
            margin-bottom: 0px;
        }

        .callout-container .image {
            top: -80px;
            max-width: 100%;
        }

        .callout-container .callout {
            max-width: 100%;
        }

            .callout-container .callout:after {
                width: 110%;
            }

        .callout-container a.callout {
            padding: 50px 50px 100px;
        }
}

@media print, screen and (min-width: 64em) {
    .callout-container {
        margin-bottom: 150px;
    }

        .callout-container:last-child {
            margin-bottom: 0px;
        }

        .callout-container a.callout {
            padding: 80px 80px 130px;
        }
}


.home-callout {
    position: relative;
    top: 0;
    margin-bottom: -40px;
}
@media print, screen and (min-width: 64em) {
    .home-callout {
        position: relative;
        top: -40px;
        margin-bottom: -40px;
    }
}



/*#Royal Slider#*/
.video-rotator.rsDefault .rsImg {
    max-width: 100%;
}

.video-rotator.rsDefault .rsThumb {
    margin-top: 10px;
    height: auto;
    background: transparent;
    color: #929292;
    text-align: center;
    font-size: 0.9em;
    /*opacity: 0.25;*/
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .video-rotator.rsDefault .rsThumb img {
        height: 100px;
        margin: 0 auto 3px;
        width: auto;
        display: block;
    }

    .video-rotator.rsDefault .rsThumb:last-child {
        margin-right: 0px !important;
    }

    .video-rotator.rsDefault .rsThumb.rsNavSelected {
        opacity: 1;
    }

        .video-rotator.rsDefault .rsThumb.rsNavSelected img {
            opacity: 1;
        }

.video-rotator.rsDefault .rsThumbsArrow {
    width: 40px;
    background: white;
}

    .video-rotator.rsDefault .rsThumbsArrow:before, .video-rotator.rsDefault .rsThumbsArrow:after {
        content: '';
        background: rgb(124, 186, 168);
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
.callout-container a.callout .content:before, .callout-container a.callout .content:after
    .video-rotator.rsDefault .rsThumbsArrow:before {
        width: 25px;
        height: 1px;
        right: 5px;
    }

    .video-rotator.rsDefault .rsThumbsArrow:after {
        background: transparent;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-color: transparent transparent transparent rgb(124, 186, 168);
    }

    .video-rotator.rsDefault .rsThumbsArrow.rsThumbsArrowDisabled {
        display: block !important;
    }

        .video-rotator.rsDefault .rsThumbsArrow.rsThumbsArrowDisabled:before, .video-rotator.rsDefault .rsThumbsArrow.rsThumbsArrowDisabled:after {
            opacity: 0.25;
        }

    .video-rotator.rsDefault .rsThumbsArrow.rsThumbsArrowLeft:before, .video-rotator.rsDefault .rsThumbsArrow.rsThumbsArrowLeft:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        left: 0;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        left: 0;
        right: inherit;
    }

    .video-rotator.rsDefault .rsThumbsArrow.rsThumbsArrowLeft:after {
        left: 0;
        right: inherit;
    }

    .video-rotator.rsDefault .rsThumbsArrow.rsThumbsArrowLeft:before {
        left: 5px;
    }

.video-rotator.rsDefault .rsThumbsHor {
    height: auto;
    padding: 0px 50px;
}

.video-rotator.rsDefault .rsPlayBtnIcon {
    width: 80px;
    height: 50px;
    background: rgba(34, 56, 67, 0.8);
    position: relative;
    border-radius: 10px;
}

    .video-rotator.rsDefault .rsPlayBtnIcon:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 20px;
        border-color: transparent transparent transparent #ffffff;
    }

    .video-rotator.rsDefault .rsPlayBtnIcon:hover {
        background: red;
    }

/*#News#*/
.news {
    margin-top: 30px;
    color: #223843;
    max-width: 300px;
    border: 1px solid #EFF1F3;
    -webkit-transition: none;
    transition: none;
    -webkit-transition-property: opactiy, -webkit-box-shadow, -webkit-transform;
    transition-property: opactiy, -webkit-box-shadow, -webkit-transform;
    transition-property: box-shadow, opactiy, transform;
    transition-property: box-shadow, opactiy, transform, -webkit-box-shadow, -webkit-transform;
}

    .news:hover {
        color: #223843;
        -webkit-transform: scale(1.025) !important;
        -ms-transform: scale(1.025) !important;
        transform: scale(1.025) !important;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(34, 56, 67, 0.25);
        box-shadow: 0px 0px 5px 0px rgba(34, 56, 67, 0.25);
    }

    .news .image {
        background-size: cover;
        background-position: center;
        height: 150px;
    }

    .news h3 {
        font-size: 1.25em;
        margin-bottom: 10px;
    }

    .news .content {
        padding: 20px;
        background: white;
        position: relative;
        padding-bottom: 50px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .news .content:before, .news .content:after {
            content: '';
            background: #C64D4F;
            position: absolute;
            left: 0;
            bottom: 20px;
            margin: auto;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .news .content:before {
            width: 30px;
            height: 1px;
            bottom: 25px;
            left: 20px;
        }

        .news .content:after {
            left: 50px;
            background: transparent;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            border-color: transparent transparent transparent #C64D4F;
        }

@media print, screen and (min-width: 64em) {
    .news {
        max-width: 100%;
    }

        .news .image {
            height: 180px;
        }
}

.featured-news {
    margin-top: 30px;
    position: relative;
}

    .featured-news:after {
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        content: '';
        background-position: center;
        background-image: url(../img/texture.jpg);
    }

    .featured-news .image {
        height: 200px;
        position: relative;
        z-index: 2;
        -webkit-transition: none;
        transition: none;
    }

    .featured-news .date {
        color: #929292;
    }

    .featured-news .content {
        padding: 20px;
        position: relative;
        padding-bottom: 50px;
        z-index: 2;
        -webkit-transition: none;
        transition: none;
        color: black;
    }

        .featured-news .content:before, .featured-news .content:after {
            content: '';
            background: #C64D4F;
            position: absolute;
            left: 0;
            bottom: 20px;
            margin: auto;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .featured-news .content:before {
            width: 30px;
            height: 1px;
            bottom: 25px;
            left: 20px;
        }

        .featured-news .content:after {
            left: 50px;
            background: transparent;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            border-color: transparent transparent transparent #C64D4F;
        }

        .featured-news .content:hover:before {
            left: 25px;
        }

        .featured-news .content:hover:after {
            left: 55px;
        }

@media print, screen and (min-width: 47.5em) {
    .featured-news {
        margin-bottom: 30px;
    }

        .featured-news:after {
            top: -25px;
            bottom: -25px;
            left: calc(50% - 100px);
            height: calc(100% + 50px);
            width: 200%;
        }

        .featured-news .image {
            height: 250px;
        }
}

@media print, screen and (min-width: 64em) {
    .featured-news .iamge {
        height: 300px;
    }
}

.date {
    font-size: 0.9em;
    display: block;
    margin-bottom: 5px;
    color: #BEBEBE;
    text-transform: uppercase;
}

.featured-newsimage {
    display: block;
    margin: 20px auto;
}

/*#Contact#*/
.contact-content {
    padding: 20px;
    margin-top: 30px;
}

    .contact-content a {
        color: #223843;
    }

        .contact-content a:hover {
            color: #223843;
        }

    .contact-content .cell:first-child .small-title:first-child {
        margin-top: 0px;
    }

    .contact-content .small-title {
        margin-bottom: 5px;
        margin-top: 25px;
    }

@media print, screen and (min-width: 64em) {
    .contact-content {
        margin-top: 0px;
    }
}

/*#Full Image Cotnent#*/
.full-image-content {
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

    .full-image-content .featured-image {
        padding: 15px;
        display: block;
        float: left;
        margin-top: 20px;
    }

        .full-image-content .featured-image img {
            margin: 0 auto;
        }

    .full-image-content .callout {
        position: relative;
        z-index: 2;
    }

@media print, screen and (min-width: 47.5em) {
    .full-image-content .bg-image {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        display: table;
    }

        .full-image-content .bg-image .inner {
            display: table-cell;
            vertical-align: middle;
        }

        .full-image-content .bg-image:before, .full-image-content .bg-image:afteR {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .full-image-content .bg-image:after {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#223843+0,223843+100&1+0,0+100 */
            /* FF3.6-15 */
            /* Chrome10-25,Safari5.1-6 */
            background: -webkit-gradient(linear, left top, right top, from(#223843), to(rgba(34, 56, 67, 0)));
            background: linear-gradient(to right, #223843 0%, rgba(34, 56, 67, 0) 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#223843', endColorstr='#00223843',GradientType=1 );
            /* IE6-9 */
        }

        .full-image-content .bg-image:before {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#223843+0,223843+99&1+0,0+24,0+80,1+100 */
            /* FF3.6-15 */
            /* Chrome10-25,Safari5.1-6 */
            background: -webkit-gradient(linear, left top, left bottom, from(#223843), color-stop(24%, rgba(34, 56, 67, 0)), color-stop(80%, rgba(34, 56, 67, 0)), color-stop(99%, rgba(34, 56, 67, 0.95)), to(#223843));
            background: linear-gradient(to bottom, #223843 0%, rgba(34, 56, 67, 0) 24%, rgba(34, 56, 67, 0) 80%, rgba(34, 56, 67, 0.95) 99%, #223843 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#223843', endColorstr='#223843',GradientType=0 );
            /* IE6-9 */
        }

    .full-image-content .callout.has-image {
        padding-right: 100px;
    }

    .full-image-content .featured-image {
        position: absolute;
        left: calc(100% - 90px);
        bottom: -30px;
        width: 300px;
    }

        .full-image-content .featured-image img {
            width: 300px;
        }
}

/*#Careers#*/
.career-container {
    border-top: 1px solid #BEBEBE;
    border-bottom: 1px solid #BEBEBE;
}

    .career-container .career {
        border-bottom: 1px solid #BEBEBE;
    }

        .career-container .career a {
            color: #223843;
            padding: 20px;
            display: block;
            text-align: center;
        }

            .career-container .career a:last-child {
                border-bottom: 0px;
            }

        .career-container .career:last-child {
            border-bottom: 0px;
        }

@media print, screen and (min-width: 47.5em) {
    .career-container .career a {
        padding: 30px 20px;
    }

    .career-container .career:nth-child(odd) {
        border-right: 1px solid #BEBEBE;
    }

    .career-container .career:last-child(-n + 2) {
        border-bottom: 0px solid #BEBEBE;
    }
}

.career-listing-container {
    padding-bottom: 180px;
    position: relative;
}

@media print, screen and (min-width: 47.5em) {
    .career-listing-container {
        padding-bottom: 200px;
    }
}

.submit-resume-container {
    margin-top: -150px;
    position: relative;
    margin-bottom: 0px;
    z-index: 2;
}

/*#Callout#*/
.callout {
    padding: 30px;
}

/*#card#*/
.card {
    padding: 20px;
}

@media print, screen and (min-width: 64em) {
    .card {
        padding: 40px;
    }

        .card input[type="file"] {
            margin: 0px;
        }
}

/*#Form#*/

input.form-control, [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea, select {
    padding: 8px 20px;
    height: auto;
    font-size: 1em;
}

textarea {
    min-height: 150px;
}

input[type="file"] {
    width: auto;
    margin: 0 auto 20px auto;
}

.progress {
    margin: 10px 0px 20px 0px;
}

    .progress .progress-meter {
        border-radius: 10px;
    }

input[type="submit"],
input.square.expanded {
    display: inline-block;
    vertical-align: middle;
    padding: 0.85em 1.5em;
    font-size: 0.9em;
    border: 1px solid transparent;
    font-family: inherit;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #7CBAA8;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 3px;
    position: relative;
    margin: 0px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 20px;
}

    input[type="submit"].expanded,
    input.square.expanded {
        border-radius: 0px;
        width: 100%;
        padding: 20px;
    }

    input[type="submit"].secondary,
    input.square.secondary {
        background-color: #C64D4F;
    }

.search-container {
    position: relative;
}

    .search-container .search {
        padding-right: 40px;
    }

    .search-container button {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 15px;
        width: 20px;
        height: 20px;
        background-size: contain;
        background-position: center;
        cursor: pointer;
    }

        .search-container button.circle {
            right: 0px;
            width: 38px;
            height: 38px;
            background-size: 15px;
            background-color: #7CBAA8;
            border-radius: 50%;
        }

select {
    padding: 8px 30px 8px 20px;
}

.filter.large-filter {
    position: relative;
}

    .filter.large-filter:after {
        content: '';
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100px;
        background: white;
    }

    .filter.large-filter > * {
        position: relative;
        z-index: 2;
    }

.filter select {
    margin: 0px;
}

.filter .checkbox-container {
    font-size: 1.2em;
    margin-bottom: 20px;
}

    .filter .checkbox-container label {
        display: inline-block;
        font-size: 1em;
        margin-left: 15px;
    }

        .filter .checkbox-container label:first-child {
            margin: 0px;
        }

.filter input[type="checkbox"] {
    margin: 0px 10px 0px 0px;
    position: relative;
    top: -3px;
}

    .filter input[type="checkbox"]:first-child {
        margin-left: 0px;
        margin-right: 10px;
    }

@media print, screen and (min-width: 47.5em) {
    .filter .checkbox-container {
        margin-bottom: 0px;
    }
}

.selected-filter {
    cursor: pointer;
    font-weight: bold;
    position: relative;
    padding-left: 10px;
    margin-left: 10px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 0.9em;
}

    .selected-filter:before, .selected-filter:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        margin: auto;
        bottom: 0;
        width: 2px;
        height: 10px;
        background: #223843;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .selected-filter:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .selected-filter:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .selected-filter:hover {
        color: #C64D4F;
    }

        .selected-filter:hover:before, .selected-filter:hover:after {
            background: #C64D4F;
        }

.location-filter .filter-option, .packaging-filter .filter-option {
    margin-top: 20px;
    position: relative;
}

.location-filter label, .packaging-filter label {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3px;
    font-size: 0.8em;
    line-height: 1.2;
}

.location-filter input[type="checkbox"], .location-filter input[type="radio"], .packaging-filter input[type="checkbox"], .packaging-filter input[type="radio"] {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 0px auto;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}

.location-filter .title-container, .packaging-filter .title-container {
    width: 100%;
    display: table;
    height: 42px;
    padding: 0px 10px;
}

    .location-filter .title-container .inner, .packaging-filter .title-container .inner {
        display: table-cell;
        vertical-align: middle;
    }

.location-filter .image-container, .packaging-filter .image-container {
    height: 100px;
    display: block;
    position: relative;
}

    .location-filter .image-container img, .packaging-filter .image-container img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        max-width: 100%;
        max-height: 100%;
    }

.packaging-filter label {
    background: white;
    padding: 20px;
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    height: 100%;
    margin: auto;
}

.packaging-filter input[type="checkbox"]:checked + label {
    -webkit-box-shadow: inset 0px 0px 0px 4px #7cbaa8, 0px 0px 5px 0px rgba(34, 56, 67, 0.25);
    box-shadow: inset 0px 0px 0px 4px #7cbaa8, 0px 0px 5px 0px rgba(34, 56, 67, 0.25);
}

@media print, screen and (min-width: 64em) {
    .packaging-filter .image-container {
        height: 150px;
    }
}

.location-filter .selected {
    opacity: 0;
}

.location-filter img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.location-filter input[type="checkbox"]:checked ~ label img {
    opacity: 0;
}

.location-filter input[type="checkbox"]:checked ~ label .selected {
    opacity: 1;
}

/*#Humane Animal Handling#*/
.hah-container > div {
    margin-top: 200px;
}

    .hah-container > div:first-child {
        margin-top: 130px;
    }

    .hah-container > div:last-child .hah-box:before, .hah-container > div:last-child .hah-box:after {
        display: none;
    }

.hah-container .hah-box {
    padding-top: 70px;
    max-width: 400px;
    margin: 0 auto;
    position: relative;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(34, 56, 67, 0.25);
    box-shadow: 0px 0px 5px 0px rgba(34, 56, 67, 0.25);
    border: 1px solid #BEBEBE;
}

    .hah-container .hah-box:after {
        content: '';
        width: 5px;
        height: 60px;
        position: absolute;
        top: calc(100% + 20px);
        left: 0;
        right: 0;
        margin: auto;
        background: #7CBAA8;
        -webkit-transition: all 0 ease;
        transition: all 0 ease;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    .hah-container .hah-box.aos-animate:after {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition-delay: 0.75s;
        transition-delay: 0.75s;
        -webkit-transition: all 0.4s ease 0.75s;
        transition: all 0.4s ease 0.75s;
    }

    .hah-container .hah-box .heading3 {
        margin-bottom: 10px;
    }

.hah-container .hah-image-container {
    position: relative;
}

    .hah-container .hah-image-container .image {
        position: absolute;
        left: 0;
        right: 0;
        top: -200px;
        height: 180px;
    }

        .hah-container .hah-image-container .image:after {
            content: '';
            width: calc(100% + 10px);
            height: 20px;
            border-radius: 50%;
            background: #223843;
            opacity: 0.15;
            position: absolute;
            bottom: 0;
            left: -5px;
            right: -5px;
            margin: auto;
        }

    .hah-container .hah-image-container img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        max-height: 150px;
        z-index: 2;
    }

    .hah-container .hah-image-container .cow {
        width: 110px;
        right: inherit;
        left: calc(50% - 115px);
    }

    .hah-container .hah-image-container .sheep {
        width: 90px;
        left: inherit;
        right: calc(50% - 115px);
    }

        .hah-container .hah-image-container .sheep img {
            top: 20px;
        }

    .hah-container .hah-image-container .milk {
        width: 75px;
        right: inherit;
        left: calc(50% - 80px);
        z-index: 3;
        top: -190px;
    }

        .hah-container .hah-image-container .milk img {
            top: 45px;
        }

    .hah-container .hah-image-container .feed {
        width: 120px;
        left: inherit;
        right: calc(50% - 80px);
    }

        .hah-container .hah-image-container .feed img {
            top: 30px;
        }

    .hah-container .hah-image-container .clipboard {
        width: 85px;
        right: inherit;
        left: calc(50% - 90px);
        z-index: 3;
    }

        .hah-container .hah-image-container .clipboard img {
            top: 40px;
        }

    .hah-container .hah-image-container .stethoscope {
        width: 100px;
        left: inherit;
        right: calc(50% - 90px);
        z-index: 3;
    }

        .hah-container .hah-image-container .stethoscope:after {
            width: 70px;
            left: inherit;
            right: 5px;
        }

        .hah-container .hah-image-container .stethoscope img {
            top: 30px;
        }

    .hah-container .hah-image-container .truck {
        width: 250px;
        left: 0;
        right: 0;
        margin: auto;
    }

        .hah-container .hah-image-container .truck img {
            top: 40px;
        }

    .hah-container .hah-image-container .chops {
        width: 130px;
        right: inherit;
        left: calc(50% - 105px);
    }

        .hah-container .hah-image-container .chops img {
            top: 40px;
        }

    .hah-container .hah-image-container .steak {
        width: 100px;
        left: inherit;
        right: calc(50% - 105px);
        z-index: 3;
    }

        .hah-container .hah-image-container .steak img {
            top: 55px;
        }

    .hah-container .hah-image-container .camera {
        width: 145px;
        left: 0;
        right: 0;
        margin: auto;
        bottom: inherit;
        z-index: 3;
    }

        .hah-container .hah-image-container .camera img {
            -webkit-transform-origin: bottom right 15px;
            -ms-transform-origin: bottom right 15px;
            transform-origin: bottom right 15px;
            top: -30px;
        }

    .hah-container .hah-image-container .camera-arm {
        width: 90px;
        left: inherit;
        right: calc(50% - 115px);
        margin: auto;
    }

        .hah-container .hah-image-container .camera-arm img {
            top: 50px;
        }

        .hah-container .hah-image-container .camera-arm:after {
            display: none;
        }

    .hah-container .hah-image-container .sqf {
        width: 260px;
        left: 0;
        right: 0;
        margin: auto;
    }

        .hah-container .hah-image-container .sqf:after {
            width: 200px;
            left: 0;
            right: initial;
        }

        .hah-container .hah-image-container .sqf img {
            top: 80px;
        }

@media print, screen and (min-width: 47.5em) {
    .hah-container > div {
        margin-top: 220px;
    }

        .hah-container > div:first-child {
            margin-top: 180px;
        }

    .hah-container .hah-box {
        max-width: 100%;
    }

        .hah-container .hah-box:after {
            height: 300px;
        }

        .hah-container .hah-box:before {
            content: '';
            height: 5px;
            position: absolute;
            top: calc(100% + 320px);
            left: calc(50% - 2.5px);
            right: 0;
            width: calc(100% - 20px);
            margin: auto;
            background: #7CBAA8;
            -webkit-transition: all 0s ease;
            transition: all 0s ease;
            -webkit-transform-origin: left;
            -ms-transform-origin: left;
            transform-origin: left;
            -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transition-delay: 0s;
            transition-delay: 0s;
        }

        .hah-container .hah-box.aos-animate:after {
            -webkit-transition: all 0.75s ease 0.75s;
            transition: all 0.75s ease 0.75s;
        }

        .hah-container .hah-box.aos-animate:before {
            -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition: all 0.75s ease 1.5s;
            transition: all 0.75s ease 1.5s;
        }

    .hah-container .align-right .hah-box:before {
        right: calc(50% - 2.5px);
        left: inherit;
        -webkit-transform-origin: right;
        -ms-transform-origin: right;
        transform-origin: right;
    }

    .hah-container .hah-image-container .image {
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .hah-container .hah-image-container .image img {
            opacity: 0;
            top: -150px;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .hah-container .hah-image-container .image:after {
            opacity: 0;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
            -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
            transform: scaleX(0);
        }

    .hah-container .hah-image-container .truck {
        right: -260px;
    }

        .hah-container .hah-image-container .truck img {
            top: 40px;
        }

        .hah-container .hah-image-container .truck:after {
            -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1);
        }

    .hah-container .hah-image-container .camera-arm img {
        top: 20px;
    }

    .hah-container .aos-animate .hah-image-container .image {
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }

        .hah-container .aos-animate .hah-image-container .image img {
            opacity: 1;
            top: 0;
            -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
        }

        .hah-container .aos-animate .hah-image-container .image:after {
            -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1);
            opacity: 0.15;
            -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
        }

    .hah-container .aos-animate .hah-image-container .camera-arm img {
        top: 20px;
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s;
    }

    .hah-container .aos-animate .hah-image-container .sheep img, .hah-container .aos-animate .hah-image-container .milk img, .hah-container .aos-animate .hah-image-container .stethoscope img, .hah-container .aos-animate .hah-image-container .steak img {
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s;
    }

    .hah-container .aos-animate .hah-image-container .sheep:after, .hah-container .aos-animate .hah-image-container .milk:after, .hah-container .aos-animate .hah-image-container .stethoscope:after, .hah-container .aos-animate .hah-image-container .steak:after {
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s;
    }

    .hah-container .aos-animate .hah-image-container .sheep img {
        top: 20px;
    }

    .hah-container .aos-animate .hah-image-container .milk img {
        top: 45px;
    }

    .hah-container .aos-animate .hah-image-container .feed img {
        top: 30px;
    }

    .hah-container .aos-animate .hah-image-container .clipboard img {
        top: 40px;
    }

    .hah-container .aos-animate .hah-image-container .stethoscope img {
        top: 30px;
    }

    .hah-container .aos-animate .hah-image-container .truck {
        right: 0px;
        -webkit-transition: all 2.5s ease;
        transition: all 2.5s ease;
    }

        .hah-container .aos-animate .hah-image-container .truck img {
            top: 40px;
            -webkit-animation: bounce 0.25s;
            animation: bounce 0.25s;
            -webkit-animation-direction: alternate;
            animation-direction: alternate;
            -webkit-animation-iteration-count: 8;
            animation-iteration-count: 8;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
        }

    .hah-container .aos-animate .hah-image-container .chops img {
        top: 40px;
    }

    .hah-container .aos-animate .hah-image-container .steak img {
        top: 55px;
    }

    .hah-container .aos-animate .hah-image-container .camera img {
        -webkit-animation: rotate 1.5s;
        animation: rotate 1.5s;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
        -webkit-animation-iteration-count: 2;
        animation-iteration-count: 2;
        -webkit-animation-delay: 1.75s;
        animation-delay: 1.75s;
        top: -40px;
    }

    .hah-container .aos-animate .hah-image-container .camera-arm img {
        top: 50px;
    }

    .hah-container .aos-animate .hah-image-container .sqf:after {
        width: 200px;
        left: 0;
        right: initial;
    }

    .hah-container .aos-animate .hah-image-container .sqf img {
        top: 80px;
    }
}

@-webkit-keyframes bounce {
    from {
        top: 40px;
    }

    to {
        top: 45px;
    }
}

@keyframes bounce {
    from {
        top: 40px;
    }

    to {
        top: 45px;
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    40% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    90% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    40% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    90% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

/*#Header#*/
header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 12;
    background: white;
    padding: 10px 0px;
}

    header .icon-logo {
        width: 120px;
        height: 40px;
        background-position: center;
        background-size: contain;
        display: block;
        position: relaitve;
        z-index: 12;
    }

    header .title-bar {
        background: none;
        margin: auto;
        float: right;
        width: 60px;
        z-index: 2;
        height: 30px;
        display: block;
        padding: 0px;
        position: relative;
    }

        header .title-bar .menu-icon {
            text-align: center;
            width: 35px;
            height: 35px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            display: block;
        }

            header .title-bar .menu-icon:after {
                display: none;
            }

            header .title-bar .menu-icon .menu-icon-click {
                top: 0;
                bottom: 0;
                width: 100%;
                margin: auto;
                height: 3px;
                -webkit-transition: .25s;
                transition: .25s;
                background-color: #223843;
                position: absolute;
            }

                header .title-bar .menu-icon .menu-icon-click:before, header .title-bar .menu-icon .menu-icon-click:after {
                    display: block;
                    content: "";
                    height: 3px;
                    width: 100%;
                    position: absolute;
                    -webkit-transition: .25s;
                    transition: .25s;
                    background-color: #223843;
                }

                header .title-bar .menu-icon .menu-icon-click:before {
                    top: 10px;
                }

                header .title-bar .menu-icon .menu-icon-click:after {
                    top: -10px;
                }

            header .title-bar .menu-icon.nav-is-visible .menu-icon-click {
                background: transparent;
            }

                header .title-bar .menu-icon.nav-is-visible .menu-icon-click:before {
                    top: 0;
                    -webkit-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }

                header .title-bar .menu-icon.nav-is-visible .menu-icon-click:after {
                    top: 0;
                    -webkit-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

    header nav {
        height: calc(100vh - 60px);
        display: none;
    }

        header nav > ul.main {
            padding: 0px 20px;
        }

            header nav > ul.main > li {
                border-bottom: 1px solid #EFF1F3;
            }

                header nav > ul.main > li > a {
                    font-weight: 500;
                    color: #223843;
                    padding: 20px 0px;
                }

                header nav > ul.main > li ul {
                    padding: 0px;
                }

                    header nav > ul.main > li ul a {
                        color: black;
                        letter-spacing: 0px;
                        font-family: "Roboto", sans-serif;
                        color: #223843;
                        font-size: 0.9em;
                    }

        header nav ul:last-child {
            padding-top: 0px;
        }

            header nav ul:last-child li:last-child {
                border-bottom: 0px;
            }

        header nav ul.subnav .phone {
            padding-bottom: 0px;
            font-weight: 400;
            color: #C64D4F;
        }

        header nav ul.subnav .icon-search-red {
            display: inline-block;
            width: 20px;
            height: 20px;
            position: relative;
            top: 4px;
            margin-right: 20px;
            padding: 0px;
            background-size: contain;
            background-position: center;
        }

        header nav .submenu-toggle {
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
            top: 8px;
        }

            header nav .submenu-toggle:before, header nav .submenu-toggle:after {
                display: block;
                content: "";
                height: 2px;
                width: 15px;
                -webkit-transition: .25s;
                transition: .25s;
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                left: 0;
                border: 0px;
                margin: auto;
                background: #C64D4F;
            }

            header nav .submenu-toggle::after {
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg);
            }

            header nav .submenu-toggle[aria-expanded="true"] {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                transform: rotate(0deg);
            }

@media print, screen and (min-width: 47.5em) {
    header {
        padding: 0px;
    }

        header .icon-logo {
            width: 200px;
            height: 70px;
            position: relative;
            bottom: 0px;
        }
}

@media print, screen and (min-width: 64em) {
    header {
        position: relative;
    }

        header .icon-logo {
            width: 260px;
            height: 85px;
            bottom: 0px;
        }

        header nav {
            display: inline-block;
            float: right;
            width: auto;
            height: auto;
        }

            header nav > ul {
                float: right;
                clear: both;
            }

                header nav > ul > li > a {
                    font-size: 1.2em;
                }

                header nav > ul.main {
                    padding: 0px;
                    position: static !important;
                }

                    header nav > ul.main > li {
                        border: 0px;
                        display: inline-block;
                    }

                        header nav > ul.main > li > a {
                            padding: 22px 20px !important;
                        }

                            header nav > ul.main > li > a:hover {
                                color: #223843;
                            }

                            header nav > ul.main > li > a.is-active {
                                -webkit-box-shadow: inset 0px -5px 0px 0px #7cbaa8;
                                box-shadow: inset 0px -5px 0px 0px #7cbaa8;
                            }

                        header nav > ul.main > li ul {
                            -webkit-box-shadow: 0px 5px 5px 0px rgba(34, 55, 66, 0.25);
                            box-shadow: 0px 5px 5px 0px rgba(34, 55, 66, 0.25);
                            border: 1px solid #EFF1F3;
                            border-top: 0px;
                            -webkit-transition: all .3s ease;
                            transition: all .3s ease;
                            display: block !important;
                            opacity: 0;
                            top: 115% !important;
                            visibility: hidden;
                        }

                            header nav > ul.main > li ul.js-dropdown-active {
                                visibility: visible;
                                opacity: 1;
                                top: 100% !important;
                            }

                        header nav > ul.main > li.featured {
                            position: static;
                        }

                            header nav > ul.main > li.featured > ul {
                                padding: 30px 10px 10px;
                                min-width: 68.75rem;
                                width: 68.75rem;
                                left: 0 !important;
                                right: 0 !important;
                                margin: 0 auto !important;
                            }

                                header nav > ul.main > li.featured > ul li {
                                    display: table-cell;
                                    text-align: center;
                                }

                                    header nav > ul.main > li.featured > ul li a {
                                        font-size: 1.05em;
                                    }

                                        header nav > ul.main > li.featured > ul li a:hover {
                                            color: #223843;
                                        }

                                    header nav > ul.main > li.featured > ul li img {
                                        display: block;
                                        margin: 0 auto 20px;
                                    }

            header nav a {
                font-size: 1.15em;
            }
}

/*#Footer#*/
footer {
    background: #223843;
    position: relative;
    color: white;
    padding: 30px;
    font-size: 0.9em;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    margin-top: 20px;
}

    footer:before {
        content: '';
        position: absolute;
        top: -20px;
        width: 100%;
        height: 20px;
        left: 0;
        background-size: cover;
        background-position: center;
        background: url("/Content/Images/wood.jpg");
    }

    footer a {
        color: #ffffff;
    }

        footer a:hover {
            color: white;
        }

    footer input[type="text"] {
        margin: 0px auto;
        max-width: 300px;
    }

    footer .icon-logo {
        margin: 0 auto 20px auto;
        width: 120px;
        height: 40px;
        background-position: center;
        background-size: contain;
        display: block;
    }

    footer .grid-container > .grid-x > .cell {
        margin-bottom: 30px;
    }

        footer .grid-container > .grid-x > .cell:last-child {
            margin-bottom: 0px;
        }

    footer .social {
        text-align: center;
    }

        footer .social .icon {
            display: inline-block;
            width: 25px;
            height: 25px;
            background-size: contain;
            background-position: center;
            margin: 0px 5px;
        }

    footer .copy {
        font-size: 0.8em;
    }

@media print, screen and (min-width: 47.5em) {
    footer .grid-container > .grid-x > .cell {
        margin-bottom: 50px;
    }

        footer .grid-container > .grid-x > .cell:last-child {
            margin-bottom: 0px;
        }

    footer .icon-logo {
        margin: 0;
        width: 200px;
        height: 70px;
    }
}

@media print, screen and (min-width: 64em) {
    footer {
        text-align: left;
    }
}

.child-link {
    display: flex;
}

.overflow--hide {
    overflow: hidden;
}

.spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #333;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% { 
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% { 
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
      }
}

#recipe-list img:not(.yall-loaded) {
    border: 0;
    filter: blur(25px);
    /* transform: scale(1); */
    width: 299px;
    overflow: hidden;
    max-width: none;
    height: auto;
}

.progress[aria-valuenow="33"] .progress-meter {
    width: 33%;
}

.progress[aria-valuenow="66"] .progress-meter {
    width: 66%;
}

.progress[aria-valuenow="100"] .progress-meter {
    width: 100%;
}

.field-validation-error {
    color: red
}

.interior-hero {
    height: 0px;
    padding-bottom: 20%;
    min-height: 150px;
    max-height: 350px;
    background-size: cover;
    background-position: center; }

.callout-image {
    -webkit-box-shadow: inset 0 0 0 4px #7cbaa8, 0 0 5px 0 rgba(34,56,67,.25);
    box-shadow: inset 0 0 0 4px #7cbaa8, 0 0 5px 0 rgba(34,56,67,.25);
}

aside a.button.hollow {
    margin-bottom: 20px;
}

[data-form-step]:not([data-form-step="1"]) {
    display: none;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.videoWrapperActive .video-play-button {
    opacity: 0;
    height: 0;
    -webkit-transition-delay: 0s, 800ms;
    -moz-transition-delay: 0s, 800ms;
    transition-delay: 0s, 800ms;
}

.video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    background: #fa183d; */
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
}

    .video-play-button:before {
        content: "";
        position: absolute;
        z-index: 0;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 80px;
        height: 80px;
        background: #ba1f24;
        border-radius: 50%;
    }

    .video-play-button:after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        display: block;
        width: 80px;
        height: 80px;
        background: #fa183d;
        border-radius: 50%;
        transition: all 200ms;
    }

    .video-play-button:hover:after {
        background-color: #da0528;
    }

    .video-play-button img {
        position: relative;
        z-index: 3;
        max-width: 100%;
        width: auto;
        height: auto;
    }

    .video-play-button span {
        display: block;
        position: relative;
        z-index: 3;
        width: 0;
        height: 0;
        border-left: 32px solid #fff;
        border-top: 22px solid transparent;
        border-bottom: 22px solid transparent;
    }

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.video-overlay {
    position: fixed;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: all ease 500ms;
}

    .video-overlay.open {
        position: fixed;
        z-index: 1000;
        opacity: 1;
    }

.video-overlay-close {
    position: absolute;
    z-index: 1000;
    top: 15px;
    right: 20px;
    font-size: 36px;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: all 200ms;
}

    .video-overlay-close:hover {
        color: #fa183d;
    }

.video-overlay iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /* width: 90%; */
    /* height: auto; */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
}

img.full {
    width: 100%;
    height: 100%;
}

.black-back .small-title {
    font-size: 1.75em;
}

.black-back .heading2 {
    font-size: 1.45em;
}


html {
    visibility: visible;
    opacity: 1;
}

.button.sticky {
    position: fixed;
    z-index: 2;
    bottom: 0;
    right: 0;
    width: 100%;
}

.button#video-link.sticky {
    transform: rotate(-90deg);
    top: 200px;
    right: -33px;
    bottom: inherit;
    width: 115px;
    height: 50px;
    z-index: 11;
    margin: auto;
    background-color:#c64d6d;
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(198, 77, 109);
    background: rgba(198, 77, 109, 1);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    #return-to-top i {
        color: #fff;
        margin: 0;
        position: relative;
        left: 16px;
        top: 13px;
        font-size: 19px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

#return-to-top i.chevron::before {
    border-style: solid;
    border-width: 0.25em 0.25em 0 0;
    content: '';
    display: inline-block;
    height: 0.75em;
    left: 0.15em;
    position: relative;
    top: 0.15em;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 0.75em;
}

    #return-to-top:hover {
        background: rgba( 198, 77, 109, 0.9);
    }

        #return-to-top:hover i {
            color: #fff;
            top: 5px;
        }

i.arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.up-arrow {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.no-margin {
    margin: 0px !important;
}

#video-link div {
    top: -35px;
    transform: rotate(90deg);
    position: relative;
}


/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

    .mfp-preloader a {
        color: #CCC;
    }

        .mfp-preloader a:hover {
            color: #FFF;
        }

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

    .mfp-close:hover,
    .mfp-close:focus {
        opacity: 1;
    }

    .mfp-close:active {
        top: 1px;
    }

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

    .mfp-arrow:active {
        margin-top: -54px;
    }

    .mfp-arrow:hover,
    .mfp-arrow:focus {
        opacity: 1;
    }

    .mfp-arrow:before,
    .mfp-arrow:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
    }

    .mfp-arrow:after {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow:before {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:after {
        border-right: 17px solid #FFF;
        margin-left: 31px;
    }

    .mfp-arrow-left:before {
        margin-left: 25px;
        border-right: 27px solid #3F3F3F;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:after {
        border-left: 17px solid #FFF;
        margin-left: 39px;
    }

    .mfp-arrow-right:before {
        border-left: 27px solid #3F3F3F;
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #000;
    }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444;
    }

    .mfp-figure small {
        color: #BDBDBD;
        display: block;
        font-size: 12px;
        line-height: 14px;
    }

    .mfp-figure figure {
        margin: 0;
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

span.checkbox.js-postback {
    padding-left: 10px;
}

.card input[type="file"] {
    float: left;
}
.card input[type="submit"] {
    float: right;
}

.featured-recipe h2.title {
    margin-top: 15px;
}

.uppercase {
    text-transform: uppercase;
}
.career-title {
    font-weight: 700;
    letter-spacing: 4px;
    font-family: "Roboto", sans-serif;
}

form {
    position: relative;
}


.spinner-container {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .8);
    display: flex;
    justify-content: center;
    align-items: center;
}

.alert[data-alert] {
    background-color: #C64D4F;
    padding: 1em;
    color: #fff;
}

.catelli-product-showcase .grid-x.align-center:not(:first-child) {
    border-top: 1px solid #dee2e6;
}

.catelli-product-showcase img {
    width: 100%;
    padding: calc(1rem / 2);
}

.catelli-product-showcase h3 {
    font-weight: bold;
    color: #d82c2a;
    margin-bottom: calc(1rem / 3);
}

.catelli-product-showcase h4 {
    font-weight: bold;
    margin-bottom: calc(1rem / 3);
}

.catelli-product-showcase .full-width ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.catelli-product-showcase .full-width ul > li {
    border-right: 1px solid #939598;
    border-bottom: none;
    padding: calc(1rem / 2) 1rem;
}

.catelli-product-showcase .full-width ul > li:last-child {
    border-right: none;
}

.catelli-product-showcase ul > li {
    color: black;
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    border-bottom: 1px solid #939598;
    padding: calc(1rem / 3) 0;
}

.catelli-product-showcase ul > li:last-child {
    border-bottom: none;
}

.product-description ul {
    list-style: none
}

.recipe-image {
    width: 355px;
    height: 355px;
}

    .featured-news .image {
        background-size: contain;
        background-repeat: no-repeat;
    }