.small-vertical.grid-block, .small-vertical.grid-frame, .small-vertical.large-grid-block, .small-vertical.medium-grid-block, .small-vertical.small-grid-block, .vertical.grid-block, .vertical.grid-frame, .vertical.large-grid-block, .vertical.medium-grid-block, .vertical.small-grid-block { -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch }
.small-horizontal.grid-block, .small-horizontal.grid-frame, .small-horizontal.large-grid-block, .small-horizontal.medium-grid-block, .small-horizontal.small-grid-block { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap }

@media only screen and (min-width: 40em)
{
.medium-vertical.grid-block, .medium-vertical.grid-frame, .medium-vertical.large-grid-block, .medium-vertical.medium-grid-block, .medium-vertical.small-grid-block { -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch }
.medium-horizontal.grid-block, .medium-horizontal.grid-frame, .medium-horizontal.large-grid-block, .medium-horizontal.medium-grid-block, .medium-horizontal.small-grid-block { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap }
}

@media only screen and (min-width: 75em)
{
.large-vertical.grid-block, .large-vertical.grid-frame, .large-vertical.large-grid-block, .large-vertical.medium-grid-block, .large-vertical.small-grid-block { -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch }
.large-horizontal.grid-block, .large-horizontal.grid-frame, .large-horizontal.large-grid-block, .large-horizontal.medium-grid-block, .large-horizontal.small-grid-block { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap }
}

.align-right.grid-block, .align-right.grid-frame, .align-right.large-grid-block, .align-right.medium-grid-block, .align-right.small-grid-block { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end }
.align-center.grid-block, .align-center.grid-frame, .align-center.large-grid-block, .align-center.medium-grid-block, .align-center.small-grid-block { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }
.align-justify.grid-block, .align-justify.grid-frame, .align-justify.large-grid-block, .align-justify.medium-grid-block, .align-justify.small-grid-block { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between }
.align-spaced.grid-block, .align-spaced.grid-frame, .align-spaced.large-grid-block, .align-spaced.medium-grid-block, .align-spaced.small-grid-block { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around }
.wrap.grid-block, .wrap.grid-frame, .wrap.large-grid-block, .wrap.medium-grid-block, .wrap.small-grid-block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start }
.shrink.grid-block, .shrink.grid-content, .shrink.large-grid-block, .shrink.large-grid-content, .shrink.medium-grid-block, .shrink.medium-grid-content, .shrink.small-grid-block, .shrink.small-grid-content { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; overflow: visible }
.noscroll.grid-block, .noscroll.grid-content, .noscroll.large-grid-block, .noscroll.large-grid-content, .noscroll.medium-grid-block, .noscroll.medium-grid-content, .noscroll.small-grid-block, .noscroll.small-grid-content { overflow: visible }
.grid-frame { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-order: 0; -ms-flex-order: 0; order: 0 }
.grid-block { display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-order: 0; -ms-flex-order: 0; order: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar }
.grid-content { display: block; padding: 0 1rem; overflow-y: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto }
.grid-content.collapse { padding: 0 }
.grid-content .grid-block { margin-left: -1rem; margin-right: -1rem; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: visible }
.grid-content .grid-block.nowrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch }
.grid-content .grid-block .grid-content { overflow: visible }
.grid-container { max-width: 56.25rem; margin: 0 auto }
.grid-container.contain-left { max-width: 56.25rem; margin: 0 auto 0 0 }
.grid-container.contain-right { max-width: 56.25rem; margin: 0 0 0 auto }
.small-grid-block { display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-order: 0; -ms-flex-order: 0; order: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar }
.small-grid-block.panel { -webkit-transform: none; transform: none; position: relative; width: auto; height: auto; z-index: auto; box-shadow: none; background: 0 0; top: auto; right: auto; bottom: auto; left: auto }
.small-grid-content { display: block; padding: 0 1rem; overflow-y: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto }
.small-grid-content.panel { -webkit-transform: none; transform: none; position: relative; width: auto; height: auto; z-index: auto; box-shadow: none; background: 0 0; top: auto; right: auto; bottom: auto; left: auto }

@media only screen and (min-width: 40em)
{
.medium-grid-block { display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-order: 0; -ms-flex-order: 0; order: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar }
.medium-grid-block.panel { -webkit-transform: none; transform: none; position: relative; width: auto; height: auto; z-index: auto; box-shadow: none; background: 0 0; top: auto; right: auto; bottom: auto; left: auto }
}

@media only screen and (min-width: 40em)
{
.medium-grid-content { display: block; padding: 0 1rem; overflow-y: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto }
.medium-grid-content.panel { -webkit-transform: none; transform: none; position: relative; width: auto; height: auto; z-index: auto; box-shadow: none; background: 0 0; top: auto; right: auto; bottom: auto; left: auto }
}

@media only screen and (min-width: 75em)
{
.large-grid-block { display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-order: 0; -ms-flex-order: 0; order: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar }
.large-grid-block.panel { -webkit-transform: none; transform: none; position: relative; width: auto; height: auto; z-index: auto; box-shadow: none; background: 0 0; top: auto; right: auto; bottom: auto; left: auto }
}

@media only screen and (min-width: 75em)
{
.large-grid-content { display: block; padding: 0 1rem; overflow-y: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto }
.large-grid-content.panel { -webkit-transform: none; transform: none; position: relative; width: auto; height: auto; z-index: auto; box-shadow: none; background: 0 0; top: auto; right: auto; bottom: auto; left: auto }
}
.order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1 }
.order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2 }
.order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3 }
.order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4 }
.order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5 }
.order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6 }
.order-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7 }
.order-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8 }
.order-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9 }
.order-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10 }
.order-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11 }
.order-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12 }
.small-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% }
.small-order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1 }
.small-offset-1 { margin-left: 8.33333% }
.small-up-1 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.small-up-1 > div, .small-up-1 > li, .small-up-1 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.small-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% }
.small-order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2 }
.small-offset-2 { margin-left: 16.66667% }
.small-up-2 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.small-up-2 > div, .small-up-2 > li, .small-up-2 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.small-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.small-order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3 }
.small-offset-3 { margin-left: 25% }
.small-up-3 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.small-up-3 > div, .small-up-3 > li, .small-up-3 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% }
.small-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% }
.small-order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4 }
.small-offset-4 { margin-left: 33.33333% }
.small-up-4 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.small-up-4 > div, .small-up-4 > li, .small-up-4 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.small-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% }
.small-order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5 }
.small-offset-5 { margin-left: 41.66667% }
.small-up-5 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.small-up-5 > div, .small-up-5 > li, .small-up-5 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% }
.small-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.small-order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6 }
.small-offset-6 { margin-left: 50% }
.small-up-6 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.small-up-6 > div, .small-up-6 > li, .small-up-6 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% }
.small-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% }
.small-order-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7 }
.small-offset-7 { margin-left: 58.33333% }
.small-up-7 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.small-up-7 > div, .small-up-7 > li, .small-up-7 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 14.28571%; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571% }
.small-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% }
.small-order-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8 }
.small-offset-8 { margin-left: 66.66667% }
.small-up-8 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.small-up-8 > div, .small-up-8 > li, .small-up-8 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5% }
.small-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
.small-order-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9 }
.small-offset-9 { margin-left: 75% }
.small-up-9 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.small-up-9 > div, .small-up-9 > li, .small-up-9 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 11.11111%; -ms-flex: 0 0 11.11111%; flex: 0 0 11.11111%; max-width: 11.11111% }
.small-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% }
.small-order-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10 }
.small-offset-10 { margin-left: 83.33333% }
.small-up-10 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.small-up-10 > div, .small-up-10 > li, .small-up-10 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10% }
.small-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% }
.small-order-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11 }
.small-offset-11 { margin-left: 91.66667% }
.small-up-11 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.small-up-11 > div, .small-up-11 > li, .small-up-11 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 9.09091%; -ms-flex: 0 0 9.09091%; flex: 0 0 9.09091%; max-width: 9.09091% }
.small-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.small-order-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12 }
.small-offset-12 { margin-left: 100% }
.small-up-12 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.small-up-12 > div, .small-up-12 > li, .small-up-12 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% }

@media only screen and (min-width: 40em)
{
.medium-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% }
.medium-order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1 }
.medium-offset-1 { margin-left: 8.33333% }
.medium-up-1 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.medium-up-1 > div, .medium-up-1 > li, .medium-up-1 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
}

@media only screen and (min-width: 40em)
{
.medium-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% }
.medium-order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2 }
.medium-offset-2 { margin-left: 16.66667% }
.medium-up-2 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.medium-up-2 > div, .medium-up-2 > li, .medium-up-2 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
}

@media only screen and (min-width: 40em)
{
.medium-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.medium-order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3 }
.medium-offset-3 { margin-left: 25% }
.medium-up-3 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.medium-up-3 > div, .medium-up-3 > li, .medium-up-3 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% }
}

@media only screen and (min-width: 40em)
{
.medium-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% }
.medium-order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4 }
.medium-offset-4 { margin-left: 33.33333% }
.medium-up-4 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.medium-up-4 > div, .medium-up-4 > li, .medium-up-4 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
}

@media only screen and (min-width: 40em)
{
.medium-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% }
.medium-order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5 }
.medium-offset-5 { margin-left: 41.66667% }
.medium-up-5 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.medium-up-5 > div, .medium-up-5 > li, .medium-up-5 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% }
}

@media only screen and (min-width: 40em)
{
.medium-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.medium-order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6 }
.medium-offset-6 { margin-left: 50% }
.medium-up-6 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.medium-up-6 > div, .medium-up-6 > li, .medium-up-6 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% }
}

@media only screen and (min-width: 40em)
{
.medium-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% }
.medium-order-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7 }
.medium-offset-7 { margin-left: 58.33333% }
.medium-up-7 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.medium-up-7 > div, .medium-up-7 > li, .medium-up-7 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 14.28571%; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571% }
}

@media only screen and (min-width: 40em)
{
.medium-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% }
.medium-order-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8 }
.medium-offset-8 { margin-left: 66.66667% }
.medium-up-8 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.medium-up-8 > div, .medium-up-8 > li, .medium-up-8 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5% }
}

@media only screen and (min-width: 40em)
{
.medium-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
.medium-order-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9 }
.medium-offset-9 { margin-left: 75% }
.medium-up-9 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.medium-up-9 > div, .medium-up-9 > li, .medium-up-9 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 11.11111%; -ms-flex: 0 0 11.11111%; flex: 0 0 11.11111%; max-width: 11.11111% }
}

@media only screen and (min-width: 40em)
{
.medium-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% }
.medium-order-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10 }
.medium-offset-10 { margin-left: 83.33333% }
.medium-up-10 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.medium-up-10 > div, .medium-up-10 > li, .medium-up-10 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10% }
}

@media only screen and (min-width: 40em)
{
.medium-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% }
.medium-order-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11 }
.medium-offset-11 { margin-left: 91.66667% }
.medium-up-11 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.medium-up-11 > div, .medium-up-11 > li, .medium-up-11 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 9.09091%; -ms-flex: 0 0 9.09091%; flex: 0 0 9.09091%; max-width: 9.09091% }
}

@media only screen and (min-width: 40em)
{
.medium-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.medium-order-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12 }
.medium-offset-12 { margin-left: 100% }
.medium-up-12 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.medium-up-12 > div, .medium-up-12 > li, .medium-up-12 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% }
}

@media only screen and (min-width: 75em)
{
.large-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% }
.large-order-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1 }
.large-offset-1 { margin-left: 8.33333% }
.large-up-1 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.large-up-1 > div, .large-up-1 > li, .large-up-1 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
}

@media only screen and (min-width: 75em)
{
.large-2 { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% }
.large-order-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2 }
.large-offset-2 { margin-left: 16.66667% }
.large-up-2 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.large-up-2 > div, .large-up-2 > li, .large-up-2 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
}

@media only screen and (min-width: 75em)
{
.large-3 { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.large-order-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3 }
.large-offset-3 { margin-left: 25% }
.large-up-3 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.large-up-3 > div, .large-up-3 > li, .large-up-3 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% }
}

@media only screen and (min-width: 75em)
{
.large-4 { -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% }
.large-order-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4 }
.large-offset-4 { margin-left: 33.33333% }
.large-up-4 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.large-up-4 > div, .large-up-4 > li, .large-up-4 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
}

@media only screen and (min-width: 75em)
{
.large-5 { -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% }
.large-order-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5 }
.large-offset-5 { margin-left: 41.66667% }
.large-up-5 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.large-up-5 > div, .large-up-5 > li, .large-up-5 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% }
}

@media only screen and (min-width: 75em)
{
.large-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.large-order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6 }
.large-offset-6 { margin-left: 50% }
.large-up-6 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.large-up-6 > div, .large-up-6 > li, .large-up-6 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% }
}

@media only screen and (min-width: 75em)
{
.large-7 { -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% }
.large-order-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7 }
.large-offset-7 { margin-left: 58.33333% }
.large-up-7 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.large-up-7 > div, .large-up-7 > li, .large-up-7 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 14.28571%; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571% }
}

@media only screen and (min-width: 75em)
{
.large-8 { -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% }
.large-order-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8 }
.large-offset-8 { margin-left: 66.66667% }
.large-up-8 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.large-up-8 > div, .large-up-8 > li, .large-up-8 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5% }
}

@media only screen and (min-width: 75em)
{
.large-9 { -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
.large-order-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9 }
.large-offset-9 { margin-left: 75% }
.large-up-9 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.large-up-9 > div, .large-up-9 > li, .large-up-9 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 11.11111%; -ms-flex: 0 0 11.11111%; flex: 0 0 11.11111%; max-width: 11.11111% }
}

@media only screen and (min-width: 75em)
{
.large-10 { -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% }
.large-order-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10 }
.large-offset-10 { margin-left: 83.33333% }
.large-up-10 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.large-up-10 > div, .large-up-10 > li, .large-up-10 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10% }
}

@media only screen and (min-width: 75em)
{
.large-11 { -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% }
.large-order-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11 }
.large-offset-11 { margin-left: 91.66667% }
.large-up-11 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.large-up-11 > div, .large-up-11 > li, .large-up-11 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 9.09091%; -ms-flex: 0 0 9.09091%; flex: 0 0 9.09091%; max-width: 9.09091% }
}

@media only screen and (min-width: 75em)
{
.large-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.large-order-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12 }
.large-offset-12 { margin-left: 100% }
.large-up-12 { -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: visible; list-style-type: none }
.large-up-12 > div, .large-up-12 > li, .large-up-12 > section { padding: 0 1rem 1rem; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% }
}

.grid-content .modal .grid-block { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap }

blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul { margin: 0; padding: 0 }
a { color: #00558b; text-decoration: none; line-height: inherit }
a[ui-sref] { cursor: pointer }
a: focus, a: hover { color: #004978 }
a img { border: none }
p { font-family: inherit; font-weight: 400; font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; text-rendering: optimizeLegibility }
p.lead { font-size: 1.21875rem; line-height: 1.6 }
p aside { font-size: .875rem; line-height: 1.35; font-style: italic }
h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; color: #222; text-rendering: optimizeLegibility; margin-top: .2rem; margin-bottom: .5rem; line-height: 1.4 }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0 }
h1 { font-size: 2.125rem }
h2 { font-size: 1.6875rem }
h3 { font-size: 1.375rem }
h4, h5 { font-size: 1.125rem }
h6 { font-size: 1rem }
.subheader { line-height: 1.4; color: #6f6f6f; font-weight: 400; margin-top: .2rem; margin-bottom: .5rem }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 1.25rem 0 1.1875rem; height: 0 }
em, i { font-style: italic; line-height: inherit }
b, strong { font-weight: 700; line-height: inherit }
small { font-size: 60%; color: #6f6f6f; line-height: inherit }
code { font-family: Consolas, 'Liberation Mono', Courier, monospace; font-weight: 400; color: #464646; background-color: #fbfbfb; border-width: 1px; border-style: solid; border-color: #e2e2e2; padding: .125rem .3125rem .0625rem }
dl, ol, ul { font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; list-style-position: outside; font-family: inherit }
ol, ul { margin-left: 1.1rem }
ol li ol, ol li ul, ul li ol, ul li ul { margin-left: 1.25rem; margin-bottom: 0 }
ul.no-bullet { margin-left: 0 }
ul.no-bullet, ul.no-bullet li ol, ul.no-bullet li ul { list-style-type: none }
dl dt { margin-bottom: .3rem; font-weight: 700 }
dl dd { margin-bottom: .75rem }
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px dotted #ddd; cursor: help }
abbr { text-transform: none }
blockquote { margin: 0 0 1.25rem; padding: .5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #ddd }
blockquote cite { display: block; font-size: .8125rem; color: #555 }
blockquote cite: before { content: "\2014 \0020" }
blockquote cite a, blockquote cite a: visited { color: #555 }
blockquote, blockquote p { line-height: 1.6; color: #6f6f6f }

@media only screen and (min-width: 40em)
{
h1, h2, h3, h4, h5, h6 { line-height: 1.4 }
h1 { font-size: 2.75rem }
h2 { font-size: 2.3125rem }
h3 { font-size: 1.6875rem }
h4 { font-size: 1.4375rem }
h5 { font-size: 1.125rem }
h6 { font-size: 1rem }
}

.v-align { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between }
.v-align .align-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start }
.v-align .align-center { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center }
.v-align .align-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end }
.v-align .small-align-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start }
.v-align .small-align-center { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center }
.v-align .small-align-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end }

@media only screen and (min-width: 40em)
{
.v-align .medium-align-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start }
}

@media only screen and (min-width: 40em)
{
.v-align .medium-align-center { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center }
}

@media only screen and (min-width: 40em)
{
.v-align .medium-align-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end }
}

@media only screen and (min-width: 75em)
{
.v-align .large-align-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start }
}

@media only screen and (min-width: 75em)
{
.v-align .large-align-center { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center }
}

@media only screen and (min-width: 75em)
{
.v-align .large-align-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end }
}

.hide { display: none!important }
.invisible { visibility: hidden }
.hide-for-small: not(.ng-hide) { display: block!important; display: none!important }
.hide-for-small[class*=grid-block]: not(.ng-hide) { display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important; display: none!important }
.show-for-small: not(.ng-hide) { display: none!important; display: block!important }
.show-for-small[class*=grid-block]: not(.ng-hide) { display: none!important; display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important }
.hide-for-small-only: not(.ng-hide) { display: block!important }

@media only screen and (min-width: 0em) and (max-width: 39.9375rem)
{
.hide-for-small-only: not(.ng-hide) { display: none!important }
}

.hide-for-small-only[class*=grid-block]: not(.ng-hide) { display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important }

@media only screen and (min-width: 0em) and (max-width: 39.9375rem)
{
.hide-for-small-only[class*=grid-block]: not(.ng-hide) { display: none!important }
}

.show-for-small-only: not(.ng-hide), .show-for-small-only[class*=grid-block]: not(.ng-hide) { display: none!important }

@media only screen and (min-width: 0em) and (max-width: 39.9375rem)
{
.show-for-small-only: not(.ng-hide) { display: block!important }
}

@media only screen and (min-width: 0em) and (max-width: 39.9375rem)
{
.show-for-small-only[class*=grid-block]: not(.ng-hide) { display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important }
}

.hide-for-medium: not(.ng-hide) { display: block!important }

@media only screen and (min-width: 40em)
{
.hide-for-medium: not(.ng-hide) { display: none!important }
}
.hide-for-medium[class*=grid-block]: not(.ng-hide) { display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important }

@media only screen and (min-width: 40em)
{
.hide-for-medium[class*=grid-block]: not(.ng-hide) { display: none!important }
}

.show-for-medium: not(.ng-hide), .show-for-medium[class*=grid-block]: not(.ng-hide) { display: none!important }

@media only screen and (min-width: 40em)
{
.show-for-medium: not(.ng-hide) { display: block!important }
}

@media only screen and (min-width: 40em)
{
.show-for-medium[class*=grid-block]: not(.ng-hide) { display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important }
}

.hide-for-medium-only: not(.ng-hide) { display: block!important }

@media only screen and (min-width: 40em) and (max-width: 74.9375rem)
{
.hide-for-medium-only: not(.ng-hide) { display: none!important }
}

.hide-for-medium-only[class*=grid-block]: not(.ng-hide) { display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important }

@media only screen and (min-width: 40em) and (max-width: 74.9375rem)
{
.hide-for-medium-only[class*=grid-block]: not(.ng-hide) { display: none!important }
}

.show-for-medium-only: not(.ng-hide), .show-for-medium-only[class*=grid-block]: not(.ng-hide) { display: none!important }

@media only screen and (min-width: 40em) and (max-width: 74.9375rem)
{
.show-for-medium-only: not(.ng-hide) { display: block!important }
}

@media only screen and (min-width: 40em) and (max-width: 74.9375rem)
{
.show-for-medium-only[class*=grid-block]: not(.ng-hide) { display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important }
}

.hide-for-large: not(.ng-hide) { display: block!important }

@media only screen and (min-width: 75em)
{
.hide-for-large: not(.ng-hide) { display: none!important }
}

.hide-for-large[class*=grid-block]: not(.ng-hide) { display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important }

@media only screen and (min-width: 75em)
{
.hide-for-large[class*=grid-block]: not(.ng-hide) { display: none!important }
}

.show-for-large: not(.ng-hide), .show-for-large[class*=grid-block]: not(.ng-hide) { display: none!important }

@media only screen and (min-width: 75em)
{
.show-for-large: not(.ng-hide) { display: block!important }
}

@media only screen and (min-width: 75em)
{
.show-for-large[class*=grid-block]: not(.ng-hide) { display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important }
}

.hide-for-large-only: not(.ng-hide) { display: block!important }

@media only screen and (min-width: 75em) and (max-width: 89.9375rem)
{
.hide-for-large-only: not(.ng-hide) { display: none!important }
}

.hide-for-large-only[class*=grid-block]: not(.ng-hide) { display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important }

@media only screen and (min-width: 75em) and (max-width: 89.9375rem)
{
.hide-for-large-only[class*=grid-block]: not(.ng-hide) { display: none!important }
}

.show-for-landscape, .show-for-large-only: not(.ng-hide), .show-for-large-only[class*=grid-block]: not(.ng-hide), .show-for-portrait { display: none!important }

@media only screen and (min-width: 75em) and (max-width: 89.9375rem)
{
.show-for-large-only: not(.ng-hide) { display: block!important }
}

@media only screen and (min-width: 75em) and (max-width: 89.9375rem)
{
.show-for-large-only[class*=grid-block]: not(.ng-hide) { display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important }
}

@media only screen and (orientation: portrait)
{
.hide-for-portrait { display: none!important }
.hide-for-portrait[class*=grid-block] { display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important }
}

@media only screen and (orientation: portrait)
{
.show-for-portrait { display: block!important }
.show-for-portrait[class*=grid-block] { display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important }
}

@media only screen and (orientation: landscape)
{
.hide-for-landscape { display: none!important }
.hide-for-landscape[class*=grid-block] { display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important }
}

@media only screen and (orientation: landscape)
{
.show-for-landscape { display: block!important }
.show-for-landscape[class*=grid-block] { display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important }
}

.small-text-left, .text-left { text-align: left }

@media only screen and (min-width: 0em) and (max-width: 39.9375rem)
{
.small-only-text-left { text-align: left }
}

@media only screen and (min-width: 40em)
{
.medium-text-left { text-align: left }
}

@media only screen and (min-width: 40em) and (max-width: 74.9375rem)
{
.medium-only-text-left { text-align: left }
}

@media only screen and (min-width: 75em)
{
.large-text-left { text-align: left }
}

@media only screen and (min-width: 75em) and (max-width: 89.9375rem)
{
.large-only-text-left { text-align: left }
}

.small-text-right, .text-right { text-align: right }

@media only screen and (min-width: 0em) and (max-width: 39.9375rem)
{
.small-only-text-right { text-align: right }
}

@media only screen and (min-width: 40em)
{
.medium-text-right { text-align: right }
}

@media only screen and (min-width: 40em) and (max-width: 74.9375rem)
{
.medium-only-text-right { text-align: right }
}

@media only screen and (min-width: 75em)
{
.large-text-right { text-align: right }
}

@media only screen and (min-width: 75em) and (max-width: 89.9375rem)
{
.large-only-text-right { text-align: right }
}

.small-text-center, .text-center { text-align: center }

@media only screen and (min-width: 0em) and (max-width: 39.9375rem)
{
.small-only-text-center { text-align: center }
}

@media only screen and (min-width: 40em)
{
.medium-text-center { text-align: center }
}

@media only screen and (min-width: 40em) and (max-width: 74.9375rem)
{
.medium-only-text-center { text-align: center }
}

@media only screen and (min-width: 75em)
{
.large-text-center { text-align: center }
}

@media only screen and (min-width: 75em) and (max-width: 89.9375rem)
{
.large-only-text-center { text-align: center }
}
.small-text-justify, .text-justify { text-align: justify }
@media only screen and (min-width: 0em) and (max-width: 39.9375rem)
{
.small-only-text-justify { text-align: justify }
}

@media only screen and (min-width: 40em)
{
.medium-text-justify { text-align: justify }
}

@media only screen and (min-width: 40em) and (max-width: 74.9375rem)
{
.medium-only-text-justify { text-align: justify }
}

@media only screen and (min-width: 75em)
{
.large-text-justify { text-align: justify }
}

@media only screen and (min-width: 75em) and (max-width: 89.9375rem)
{
.large-only-text-justify { text-align: justify }
}

.clearfix: after, .clearfix: before { content: " "; display: table }
.clearfix: after { clear: both }
.float-left { float: left }
.float-right { float: right }
.float-none { float: none }