/* Minification failed. Returning unminified contents.
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(31,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(38,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(43,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(48,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(53,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(58,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(63,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(68,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-warm'
(73,17): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(78,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(126,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(127,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(128,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-normal'
(135,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(141,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(174,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(314,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(347,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(348,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-normal'
(401,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(409,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-normal'
(461,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(462,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(463,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(499,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(530,24): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-mobile'
(530,67): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-mobile'
(569,28): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(570,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(593,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(598,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(622,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(627,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(649,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(654,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(661,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(666,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(671,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(676,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(681,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(697,24): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-mobile'
(698,25): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-mobile'
(777,28): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(778,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(783,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(784,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(789,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(790,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(795,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(796,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(807,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-warm'
(808,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(813,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(841,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(842,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(874,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(917,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(927,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(938,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(949,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(958,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(963,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(969,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(1012,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(1013,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1014,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(1034,28): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(1035,28): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(1036,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1041,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1047,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1048,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(1054,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(1059,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1060,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(1066,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(1071,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1072,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(1073,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(1079,17): run-time error CSS1039: Token not allowed after unary operator: '-color-navy'
(1084,28): run-time error CSS1039: Token not allowed after unary operator: '-color-navy'
(1085,28): run-time error CSS1039: Token not allowed after unary operator: '-color-navy'
(1086,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1091,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1092,17): run-time error CSS1039: Token not allowed after unary operator: '-color-navy'
(1098,17): run-time error CSS1039: Token not allowed after unary operator: '-color-navy'
(1104,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1105,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1110,17): run-time error CSS1039: Token not allowed after unary operator: '-color-navy'
(1116,17): run-time error CSS1039: Token not allowed after unary operator: '-color-navy'
(1123,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lightest'
(1124,24): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lightest'
(1125,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-lighter'
(1157,35): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-warm'
(1162,35): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(1170,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(1197,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1204,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(1211,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(1222,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(1226,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(1232,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(1233,24): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(1239,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(1249,28): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(1250,28): run-time error CSS1039: Token not allowed after unary operator: '-color-pink'
(1256,28): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(1257,28): run-time error CSS1039: Token not allowed after unary operator: '-color-pink'
(1266,28): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(1267,28): run-time error CSS1039: Token not allowed after unary operator: '-color-pink'
(1295,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(1332,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(1380,39): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-warm'
(1394,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(1395,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1401,28): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(1411,28): run-time error CSS1039: Token not allowed after unary operator: '-color-green-lightest'
(1426,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(1434,24): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(1435,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(1436,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1442,24): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(1443,28): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(1488,17): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(1494,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(1525,28): run-time error CSS1039: Token not allowed after unary operator: '-color-green-light'
(1526,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1534,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1563,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1609,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(1610,39): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-warm'
(1638,39): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-warm'
(1650,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(1651,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1666,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(1701,27): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-warm'
(1714,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(1715,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1741,32): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-warm'
(1748,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1805,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1806,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-normal'
(1820,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1827,17): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(1845,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-normal'
(1852,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1930,28): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-desktop'
(1931,29): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-desktop'
(2004,28): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-desktop'
(2006,39): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(2026,32): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(2027,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(2066,21): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(2073,21): run-time error CSS1039: Token not allowed after unary operator: '-color-cherry'
(2080,21): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(2093,32): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(2121,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(2135,21): run-time error CSS1039: Token not allowed after unary operator: '-color-green-lighter'
(2196,58): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-desktop'
(2203,58): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-desktop'
(2204,59): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-desktop'
 */
:root
{
    --color-black: #000000;
    --color-cherry: #aa1d37;
    --color-green: #009785;
    --color-green-light: #00b3aa;
    --color-green-lighter: #00fdeb;
    --color-green-lightest: rgb(219 233 231);
    --color-grey: #808285;
    --color-grey-cool: #76777a;
    --color-grey-light: #f0f0ee;
    --color-grey-warm: #d6d1cb;
    --color-navy: #002f5f;
    --color-pink: #ffeeee;
    --color-red: #ed564d;
    --color-white: #ffffff;
    --color-yellow: #ffcb05;
    --page-padding-left-right-mobile: 10px;
    --page-padding-left-right-desktop: 185px;
    --font-size-normal: 16px;
}

.highlight
{
    color: var(--color-cherry);
}

.highlight.large,
.home .bar.grey-light .highlight.large
{
    color: var(--color-cherry);
    font-size: 20px;
    font-weight: 300;
}

.black
{
    color: var(--color-black);
}

.cherry
{
    color: var(--color-cherry);
}

.green
{
    color: var(--color-green);
}

.grey
{
    color: var(--color-grey);
}

.grey-cool
{
    color: var(--color-grey-cool);
}

.grey-light
{
    color: var(--color-grey-light);
}

.grey-warm
{
    color: var(--color-grey-warm);
}

.red
{
    color: var(--color-red);
}

.white
{
    color: var(--color-white);
}

.right
{
    display: grid;
    justify-content: end;
}

.font-light,
.font-light p
{
    font-weight: 300;
}

.font-regular,
.font-regular p
{
    font-weight: 400;
}

.font-medium,
.font-medium p
{
    font-weight: 500;
}

.font-bold,
.font-bold p
{
    font-weight: 700;
}

/*@media (min-width: 320px)*/
/*Default*/
*
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body
{
    display: grid;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', Arial, sans-serif;
    background-color: var(--color-white);
    color: var(--color-grey-cool);
    font-size: var(--font-size-normal);
    -moz-appearance: none;
    -webkit-appearance: none;
}

a
{
    color: var(--color-black);
    text-decoration: none;
}

a:hover
{
    color: var(--color-cherry);
}

br
{
    line-height: 1.5em;
}

div
{
    height: auto;
}

.si-web-cm-ui-video
{
    width: 100%;
    height: 100%;
    border: 0 none;
    margin: 0;
    padding: 0;
}

img
{
    display: block;
    border: 0 none;
    margin: 0;
    padding: 0;
    max-width: 100%;
}

img.border
{
    border: 1px solid var(--color-grey);
}

ul, ol
{
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    line-height: 1.5em;
    font-weight: 300;
}

ul ul
{
    margin: 0;
}

li
{
    margin: 0;
    padding: 0;
}

p
{
    margin: 0 0 15px 0;
    font-weight: 300;
}

h1
{
    margin: 0;
    padding: 0;
    font-size: 37px;
    font-weight: 400;
}

h1.small
{
    font-size: 22px;
}

h1.large
{
    margin: 0 0 7px 0;
}

h2
{
    margin: 0;
    padding: 0;
    font-size: 23px;
    font-weight: 400;
}

h2.large
{
    margin: 0 0 7px 0;
    font-size: 37px;
}

h3
{
    margin: 0;
    padding: 0;
    font-size: 23px;
    font-weight: 400;
}

h3.large
{
    margin: 50px 0 10px 0;
    font-size: 30px;
}

h4
{
    margin: 0 0 7px 0;
    padding: 0;
    font-size: 22px;
    font-weight: 400;
}

h5
{
    margin: 0 0 7px 0;
    padding: 0;
    font-size: 30px;
    font-weight: 400;
}

h6
{
    margin: 0;
    padding: 0;
    font-size: 23px;
    font-weight: 400;
}

h7
{
    margin: 0;
    padding: 0;
    font-size: 33px;
    font-weight: 400;
}

h8,
h9
{
    display: block;
    margin: 0 0 7px 0;
}

sup
{
    font-size: x-small;
}

.hidden
{
    display: none;
}

#workingSpinner,
.working-spinner
{
    margin: 50px 0 20px 0;
    display: block;
}

/*Form*/
form
{
    border: 0;
    margin: 0;
    padding: 0;
}

.required
{
    color: var(--color-cherry);
}

.fields
{
    display: grid;
    justify-items: start;
    font-weight: 300;
}

.fields label
{
    margin: 20px 0 5px 0;
}

.fields input:not([type=checkbox]):not([type=radio]),
.fields select,
.fields textarea
{
    padding: 5px;
    width: 100%;
    max-width: 600px;
    border: none;
}

.ui-widget,
.ui-widget .ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button
{
    font-family: 'Roboto', Arial, sans-serif;
    color: var(--color-grey-cool);
    font-size: var(--font-size-normal);
}

.Subscribe .fields input:not([type=checkbox]):not([type=radio]),
.Subscribe .fields select,
.Subscribe .fields textarea
{
    border-width: 1px;
    border-style: solid;
}

fieldset
{
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
}

legend
{
    padding: 0;
    margin: 0;
}

fieldset ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

fieldset li
{
    padding: 7px 0 0 0;
    margin: 0;
    display: block;
}

fieldset label
{
    width: 150px;
    padding: 0 5px 0 0;
    display: inline-block;
}

fieldset input,
fieldset select,
fieldset textarea
{
    padding: 3px;
    width: calc(100% - 155px);
    max-width: 300px;
    border: 1px solid var(--color-grey);
}

input,
select,
textarea
{
    font-family: 'Roboto', Arial, sans-serif;
    font-size: var(--font-size-normal);
    font-weight: 300;
}

textarea
{
    height: 200px;
}

.input-group
{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    column-gap: 10px;
    margin-bottom: 10px;
}

.input-group label
{
    margin: 0;
}

/*Overlay*/
.overlay
{
    display: grid;
    justify-items: center;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
}

.overlay-content
{
    display: grid;
    grid-template-rows: 1fr auto;
    width: auto;
    height: auto;
    max-width: min(90vw, 800px);
    max-height: 80vh;
    border-radius: 5px;
    justify-items: center;
    align-items: start;
    color: var(--color-black);
    background-color: var(--color-grey-light);
    border: solid 1px var(--color-white);
    word-break: break-word;
}

.overlay.no-border .overlay-content
{
    border: none;
}

.overlay .overlay-html
{
    display: grid;
    font-size: 24px;
    line-height: normal;
    padding: 20px 30px 30px 30px;
    height: 100%;
    overflow-y: auto;
}

.overlay .overlay-title
{
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: start;
    padding: 5px 10px;
    width: 100%;
}

.overlay .overlay-title .close
{
    padding-left: 10px;
    cursor: pointer;
}

.overlay .overlay-title .close:hover
{
    color: var(--color-black);
}

/*menu*/
.menu ul,
ul.menu
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li
{
    margin: 0;
    padding: 0;
    display: block;
}

.menu.horizontal li
{
    display: inline-block;
}

.menu a
{
    display: block;
}

.menu-header
{
    padding: 10px var(--page-padding-left-right-mobile) 10px var(--page-padding-left-right-mobile);
    display: flex;
    justify-content: space-between;
}

.menu-header-current
{
    display: flex;
    justify-content: start;
    align-items: center;
    column-gap: 5px;
    width: auto;
}

.menu-header-title:before
{
    content: "\f107";
    font-family: FontAwesome;
    font-weight: 700;
    text-align: right;
    float: right;
    padding-left: 10px;
}

.menu-header:hover
{
    cursor: pointer;
}

/*breadcrumbs*/
.menu.breadcrumbs
{
    display: none;
}

/*Primary menu*/
.menu-header.primary
{
    height: 44px;
    background-color: var(--color-black);
    color: var(--color-white);
    text-transform: uppercase;
}

.menu-header.primary .menu-header-title
{
    text-transform: capitalize;
}

.menu.primary
{
    display: none;
    text-transform: uppercase;
}

.menu.primary li
{
    display: block;
    padding: 4px 13px 4px 5px;
}

.menu.primary li a:hover
{
    color: var(--color-cherry);
}

.menu.primary li.menu-selected a
{
    color: var(--color-cherry);
}

.menu.primary li a
{
    display: block;
    text-decoration: none;
}

.menu.primary li.menu-separator
{
    display: none;
}

.menu-sub
{
    display: none !important;
}

/*Secondary menu*/
.menu-header.secondary
{
    margin: 0;
    height: auto;
    color: var(--color-cherry);
}

.menu-header.secondary:after
{
    color: var(--color-grey-light);
    font-size: 24px;
}

.menu.secondary
{
    display: none;
}

.menu.secondary li
{
    padding: 4px 13px 4px 5px;
    white-space: nowrap;
}

.menu.secondary li.header
{
    display: none;
}

.menu.secondary li.menu-selected
{
    color: var(--color-cherry);
}

.menu.secondary li.menu-selected a
{
    color: var(--color-cherry);
}

.menu.secondary li a
{
    display: block;
    text-decoration: none;
    color: var(--color-grey);
}

.menu.secondary li:hover a
{
    color: var(--color-cherry);
}

.menu.secondary li.header:hover
{
    color: var(--color-cherry);
}

.menu.secondary li.header:hover a
{
    color: var(--color-cherry);
}

.menu.secondary li.menu-selected:hover a
{
    color: var(--color-cherry);
}

header,
.content,
.content-main,
footer
{
    display: grid;
    grid-template-columns: 1fr;
}

header > *,
.content-main > *,
footer > *
{
    padding-left: var(--page-padding-left-right-mobile);
    padding-right: var(--page-padding-left-right-mobile);
}

/*Header*/
header
{
    align-content: end;
}

header .logo
{
    align-self: end;
    margin: 15px 0 15px 0;
}

/*Content*/
.content
{
}

.bar
{
    display: grid;
    column-gap: 35px;
    row-gap: 35px;
    padding-top: 45px;
    padding-bottom: 45px;
}

.bar.tight
{
    padding-top: 0;
    padding-bottom: 0;
}

.bar.tight-top
{
    padding-top: 0;
}

.bar.tight-bottom
{
    padding-bottom: 25px;
}

.bar.tightish
{
    padding-top: 30px;
    padding-bottom: 30px;
}

.bar.tightish-top
{
    padding-top: 30px;
}

.bar.tightish-bottom
{
    padding-bottom: 30px;
}

.bar.tighter
{
    padding-top: 7px;
    padding-bottom: 7px;
}

.bar.tighter-top
{
    padding-top: 7px;
}

.bar.tighter-bottom
{
    padding-bottom: 7px;
}

.bar.green
{
    background-color: var(--color-green);
    color: var(--color-white);
}

.bar.grey
{
    background-color: var(--color-grey);
    color: var(--color-grey-cool);
}

.bar.grey-cool
{
    background-color: var(--color-grey-cool);
    color: var(--color-white);
}

.bar.grey-light
{
    background-color: var(--color-grey-light);
    color: var(--color-grey-cool);
}

.bar.grey-light .highlight
{
    padding-top: 10px;
    font-size: 22px;
}

.bar.grey-warm
{
    background-color: var(--color-grey-warm);
    color: var(--color-grey-cool);
}

.bar.grey-warm .highlight
{
    color: var(--color-white);
    font-size: 29px;
    font-weight: 700;
}

.three-column:not(.bar)
{
    display: grid;
    row-gap: 30px;
}

.contact .bar.tight-bottom
{
    padding-bottom: 0;
}

.bar.gapped
{
    margin: 20px 0;
}

.bar.gapped-small
{
    margin: 5px 0;
}

.bar.white
{
    background-color: var(--color-white);
    color: var(--color-grey-cool);
}

.bar p:last-of-type
{
    margin: 0;
}

.bar.top
{
    background-image: url('../images/home_header.jpg');
    background-size: 100% 100%;
}

.box
{
    padding: 15px;
    width: 200px;
    height: 200px;

}

.box h1,
.box h2,
.box h3,
.box h4,
.box h5,
.box h6,
.box h7,
.box h8,
.box h9
{
    color: var(--color-white);
    font-size: 23px;
    font-weight: 400;
    line-height: 28px;
}

.box10
{
    background-image: url('../images/box_10.jpg');
}

.box11
{
    background-image: url('../images/box_11.jpg');
}

.box12
{
    background-image: url('../images/box_12.jpg');
}

.box13
{
    background-image: url('../images/box_13.jpg');
}

.box14
{
    background-image: url('../images/box_14.jpg');
}

/*Footer*/
footer
{
    margin-bottom: 50px;
}

footer .bar.green
{
    column-gap: 0;
    row-gap: 0;
    padding-top: 35px;
    padding-bottom: 25px;
    color: var(--color-white);
}

footer .bar.green .title
{
    font-size: 22px;
}

footer .bar.green .highlight
{
    color: var(--color-white);
    font-weight: 700;
}

footer .bar.green .button
{
    margin: 10px 35px 20px 0;
}

footer .bar.green a
{
    color: var(--color-white);
}

footer .menu ul
{
    margin: 10px 0 20px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
    flex-wrap: wrap;
    color: var(--color-grey-cool);
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
}

footer .menu a
{
    text-decoration: none;
    color: var(--color-grey-cool);
}

footer .menu a:hover
{
    color: var(--color-cherry);
}

footer .menu li.menu-separator
{
    margin: 0 5px 0 5px;
    color: var(--color-green);
}

footer .linkedin 
{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
}

footer .linkedin a
{
    display: grid;
    align-items: center;
}

footer .linkedin img
{
    display: inline-block;
    margin-left: 5px;
}

.buttons
{
    display: flex;
    flex-wrap: wrap;
    row-gap: 25px;
    justify-items: flex-start;
    margin-top: 25px;
}

.buttons.spread
{
    justify-content: space-between;
}

.button
{
    justify-self: start;
    width: auto;
    display: inline-block;
    margin: 0 35px 0 0;
    padding: 3px 10px;
    background-color: var(--color-grey-cool);
    color: var(--color-white);
    border: 1px solid var(--color-grey-cool);
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}

.button.big
{
    padding: 7px 25px;
    font-size: 17px;
}

.buttons .button:last-of-type
{
    margin: 0;
}

.button.call-to-action
{
    background-color: var(--color-cherry);
    border: 1px solid var(--color-cherry);
    color: var(--color-white);
}

.button a
{
    color: var(--color-white);
    text-decoration: none;
}

.button:hover
{
    background-color: var(--color-white);
    color: var(--color-cherry);
}

.button a:hover,
.button:hover a
{
    color: var(--color-cherry);
}

.button.call-to-action:hover
{
    background-color: var(--color-white);
    color: var(--color-cherry);
}

.button.call-to-action a:hover,
.button.call-to-action:hover a
{
    color: var(--color-cherry);
}

.button.soft
{
    background-color: var(--color-white);
    border: 1px solid var(--color-grey-cool);
    color: var(--color-grey-cool);
}

.button.soft a:hover,
.button.soft:hover a
{
    color: var(--color-navy);
}

.button.navy
{
    background-color: var(--color-navy);
    border: 1px solid var(--color-navy);
    color: var(--color-white);
}

.button.navy:hover
{
    background-color: var(--color-white);
    color: var(--color-navy);
}

.button.navy a:hover,
.button.navy:hover a
{
    color: var(--color-navy);
}

.button.clear
{
    background-color: transparent;
    border: 1px solid var(--color-white);
    color: var(--color-white);
}

.button.clear:hover
{
    color: var(--color-navy);
}

.button.clear a:hover,
.button.clear:hover a
{
    color: var(--color-navy);
}

.button-disabled,
.button-disabled a,
.button-disabled a:hover
{
    background-color: var(--color-grey-lightest) !important;
    border-color: var(--color-grey-lightest) !important;
    color: var(--color-grey-lighter) !important;
    pointer-events: none;
    cursor: default;
}

.button:not(.button-disabled)
{
    cursor: pointer;
}

h1 + .button,
h2 + .button,
h3 + .button,
h4 + .button,
h5 + .button,
h6 + .button,
h7 + .button,
h8 + .button,
h9 + .button,
p + .button,
div + .button
{
    margin-top: 25px;
}

.button + p
{
    margin-top: 10px;
}

.border-bottom
{
    border-bottom: 1px solid var(--color-grey-warm);
}

.border-bottom-thick
{
    border-bottom: 5px solid var(--color-grey-light);
}

.quote
{
    margin: 0 0 5px 0;
    text-indent: -6px;
    font-weight: 300;
    color: var(--color-green) !important;
}

.quote:before
{
    content: '"';
}

.quote:after
{
    content: '"';
}

.cke_editable .quote
{
    text-indent: 0;
}

.quote-note
{
    margin: 0 0 5px 0;
    font-weight: 300;
}

.quote-source
{
    margin: 0 0 25px 0 !important;
    color: var(--color-black);
    font-size: 13px;
    font-weight: 400;
}

.quote-source.font-light
{
    color: var(--color-grey-cool);
    font-weight: 300;
}

.quote-source .slash
{
    margin: 0 3px 0 3px;
    color: var(--color-green);
    font-weight: 400;
}

/*Go to top*/
#GoToTop
{
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
    color: var(--color-grey);
    cursor: pointer;
    padding: 5px;
    border-radius: 5px;
    border: solid 1px var(--color-grey);
    font-size: 20px;
}

#GoToTop:hover
{
    color: var(--color-cherry);
    border-color: var(--color-cherry);
}

/* Validation */
.field-validation-error
{
    color: var(--color-cherry);
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid var(--color-cherry) !important;
    background-color: var(--color-pink) !important;
}

input[type=checkbox].input-validation-error + label
{
    padding: 5px;
    border: 1px solid var(--color-cherry) !important;
    background-color: var(--color-pink) !important;
}

.validation-summary-errors
{
    max-width: 600px;
    margin-bottom: 20px;
    padding: 4px;
    font-weight: 700;
    border: 1px solid var(--color-cherry);
    background-color: var(--color-pink);
}

.validation-summary-valid
{
    display: none;
}

.validation-summary-errors ul
{
    margin: 0;
}

.validation-summary-errors li
{
    font-weight: 300;
    list-style: none;
}

.validation-summary-errors
{
    width: calc(100% - 2px);
}

legend .mandatory::after,
label.mandatory::after
{
    margin: 0 0 0 3px;
    color: var(--color-cherry);
    content: '*';
    font-size: 18px;
    vertical-align: middle;
    font-weight: 400;
}

.bar.top.tight-top h1:first-of-type
{
    margin-top: 30px;
}

.bar.top.tight-top h1:nth-of-type(2),
.bar.top.tight-top h2:first-of-type
{
    margin: 30px 0 15px 0;
}

/*home*/
#top-animation
{
    display: grid;
    margin: 0 -10px 0 -10px;
}

.home .bar h2
{
    margin: 0 0 20px 0;
}

.home .bar h2:last-of-type
{
    margin: 0;
}

.home .bar.grey-light .highlight
{
    color: var(--color-grey-cool);
}

.model
{
    display: grid;
    grid-template-rows: auto auto;
    justify-content: start;
    justify-items: center;
    margin: 25px 0 15px 0;
}

.model-title
{
    margin-bottom: 5px;
    font-weight: 500;
    text-align: center;
}

.logos
{
    display: flex;
    flex-wrap: wrap;
    justify-items: flex-start;
    align-items: center;
    margin-top: 5px;
}

.logos img
{
    margin: 0 50px 40px 0;
}

.cards.services
{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    gap: 15px;
}

.cards.services .card
{
    display: grid;
    grid-row: span 4;
    grid-template-rows: subgrid;
    gap: 0;
    justify-items: center;
    box-shadow: 4px 4px 4px -1px var(--color-grey-warm);
}

.cards.services div
{
    text-align: center;
}

.cards.services .card .title
{
    align-content: center;
    width: 100%;
    margin-bottom: 3px;
    padding: 10px 5px;
    background-color: var(--color-grey-cool);
    color: var(--color-white);
    font-weight: bold;
}

.cards.services .card:nth-of-type(2n) .title
{
    background-color: var(--color-green);
}

.cards.services .card .content
{
    display: grid;
    align-items: start;
    justify-items: center;
    padding: 10px;
    width: 100%;
    background-color: var(--color-green-lightest);
}

.cards.services .card .content:nth-of-type(2n)
{
    align-items: center;
}

.cards.services .card .content .logo
{
    max-width: 175px;
}

.cards.services .card:nth-of-type(2n) .content
{
    background-color: var(--color-grey-light);
}

.cards.services .card .call-to-action
{
    width: 100%;
    margin-top: 3px;
    padding: 10px 5px;
    border-color: var(--color-grey-cool);
    background-color: var(--color-grey-cool);
    color: var(--color-white);
    font-weight: bold;
}

.cards.services .card:nth-of-type(2n) .call-to-action
{
    border-color: var(--color-green);
    background-color: var(--color-green);
}


.academy-overlay .overlay-content
{
    background-image: url('../images/nextgenify_academy_background.png');
    background-size: cover;
}

.academy-overlay .logo
{
    justify-self: flex-end;
    max-width: 175px;
}

/*About*/
h4,
h8,
h9
{
    font-size: 22px;
    font-weight: 400;
}

.symbol-list
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 5px;
    margin-bottom: 0;
}

.symbol-list-item
{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    font-weight: 300;
    gap: 10px;
}

.symbol-list-item .symbol
{
    color: var(--color-cherry);
}

.symbol-list-item .highlight
{
    padding: 0 !important;
    color: var(--color-grey-cool) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.number-list
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 15px;
    margin-bottom: 35px;
}

.number-list-item
{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    font-weight: 300;
    gap: 10px;
}

.number-list-item .number
{
    display: grid;
    align-items: center;
    justify-items: center;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: var(--color-green-light);
    color: var(--color-white);
    font-size: 20px;
}

.number-list-item .highlight
{
    display: block;
    padding: 0 !important;
    color: var(--color-black) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

/*Services*/
.image-list
{
    display: grid;
    gap: 25px;
    margin-bottom: 35px;
}

.image-list-item
{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 20px;
    font-size: 20px;
}

.image-list-item-text
{
    display: inline-block;
}

.image-list-item-text .highlight
{
    color: var(--color-black);
    font-weight: 700;
}

.bar.top.offset-left div
{
    display: flex;
    align-items: center;
}

.bar.top.offset-left #top-animation
{
    margin-left: 0;
}

.bar.top.offset-left #top-animation img
{
    max-width: 95px;
}

.bar.top.offset-left h1
{
    margin-left: 25px;
    font-size: 37px;
}

.bar.large
{
    font-size: 20px;
}

.cards.inclusions
{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.cards.inclusions .card
{
    display: grid;
    padding: 10px 5px;
    width: 150px;
    justify-items: center;
    background-color: var(--color-grey-light);
    box-shadow: 4px 4px 4px -1px var(--color-grey-warm);
}

.cards.inclusions div
{
    text-align: center;
}

.cards.inclusions img
{
    align-self: end;
}

.cards.tiers
{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto auto;
    gap: 15px;
}

.cards.tiers .card
{
    display: grid;
    grid-row: span 5;
    grid-template-rows: subgrid;
    gap: 0;
    justify-items: center;
    box-shadow: 4px 4px 4px -1px var(--color-grey-warm);
}

.cards.tiers div
{
    text-align: center;
}

.cards.tiers .title
{
    width: 100%;
    padding: 10px 5px;
    background-color: var(--color-grey-cool);
    color: var(--color-white);
}

.cards.tiers .title strong
{
    display: block;
    text-transform: uppercase;
}

.cards.tiers .content
{
    display: inline;
    margin-top: 3px;
    padding: 10px;
    width: 100%;
    background-color: var(--color-grey-light);
}

.cards.tiers .content ul
{
    list-style-type: none;
    text-align: left;
}

.cards.tiers .content li:before
{
    content: '\2013';
    font-size: 14px;
    position: absolute;
    margin-left: -15px;
}

.cards.tiers .content strong
{
    display: inline;
    break-after: avoid;
}

.cards.tiers .call-to-action
{
    width: 100%;
    margin-top: 3px;
    padding: 10px 5px;
}

.faq
{
    display: grid;
    grid-template-rows: auto auto;
    margin: 20px 0;
    border:1px solid var(--color-grey-warm);
}

.faq-header
{
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding: 5px;
    font-weight: bold;
}

.faq-header:hover
{
    background-color: var(--color-grey-cool);
    color: var(--color-white);
}
 
.faq-number
{
    width: 75px;
}

.faq-toggle-arrow
{
    font-weight: normal;
}

.faq-toggle-arrow.up
{
    transform: rotate(270deg);
}

.faq-toggle-arrow.down
{
    transform: rotate(90deg);
}

.faq-content
{
    padding: 5px;
    border-top: 1px solid var(--color-grey-warm);
}

.speaking .grey-warm h3
{
    margin-bottom: 30px;
    font-size: 25px;
    color: var(--color-black);
}

.speaking h3.large
{
    font-size: 35px;
}

.speaking .quote
{
    font-size: 18px;
}

.speaking .quote-source
{
    margin-bottom: 10px !important;
}

.speaking p.large
{
    font-size: 22px;
    font-weight: 400;
}

.speaking .symbol-list
{
    margin: 5px 0 20px 0;
    gap: 7px;
}

.speaking .symbol-list-item
{
    font-weight: normal;
}

/*Blog and Resources*/
.blog-item,
.resource-item
{
    align-items: center;
}

.blog-item h1,
.resource-item h1
{
    margin-bottom: 5px;
}

.blog-item div.bar:first-of-type h1,
.resource-item div.bar:first-of-type h1
{
    margin-bottom: 20px;
}

.blog-item .date,
.resource-item .date
{
    color: var(--color-black);
    font-size: var(--font-size-normal);
    font-weight: normal;
}

.blog-item h2 .date,
.resource-item h2 .date
{
    margin-left: 5px;
}

.blog-item .read-more,
.resource-item .read-more
{
    display: block;
    color: var(--color-black);
    font-weight: bold;
}

.blog-item .read-more:hover,
.resource-item .read-more:hover
{
    color: var(--color-red);
}

.blog-item .button.next,
.resource-item .button.next
{
    margin-right: 0;
}

/*Contact*/
.contact h1.large
{
    font-size: 37px;
    font-weight: 300;
}

.contact h1 + p
{
    font-size: var(--font-size-normal);
}

/*Thanks*/
.thanks h1
{
    margin: 50px 0 15px 0;
    color: var(--color-white);
    font-size: 87px;
    font-weight: 300;
    text-transform: lowercase;
}

.thanks .bar h1
{
    margin: 0 0 10px 0;
}

.thanks .bar h3
{
    margin: 30px 0 5px 0;
}

.copyright h2,
.disclaimer h2,
.privacy-policy h2,
.terms-and-conditions h2
{
    text-transform: lowercase;
}

.copyright h2:first-letter,
.disclaimer h2:first-letter,
.privacy-policy h2:first-letter,
.terms-and-conditions h2:first-letter
{
    text-transform: capitalize;
}

.future-of-work-white-paper h3
{
    margin-bottom: 15px;
}

@media (min-width: 360px)
{
}

@media (min-width: 480px)
{
}

@media (min-width: 500px)
{
}

@media (min-width: 600px)
{
    .cards.services,
    .cards.tiers
    {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 768px)
{
    .image-list
    {
        grid-template-columns: auto auto;
        justify-content: start;
        column-gap: 50px;
    }
}

@media (min-width: 990px)
{
}

@media (min-width: 1280px)
{
    header > *,
    .content-main > *,
    footer > *
    {
        padding-left: var(--page-padding-left-right-desktop);
        padding-right: var(--page-padding-left-right-desktop);
    }

    header
    {
        height: 200px;
    }

    header .logo
    {
        margin: 0 0 15px 0;
    }

    body:not(.home) header .logo
    {
        margin: 0 0 60px -18px;
    }

    .bar.two-column
    {
        grid-template-columns: 1fr 1fr;
    }

    .bar.two-column-left-fixed
    {
        grid-template-columns: 600px 1fr;
    }

    .bar.two-column-left
    {
        grid-template-columns: 200px 1fr;
    }

    .bar.two-column-left-auto
    {
        grid-template-columns: auto 1fr;
    }

    .bar.two-column-right
    {
        grid-template-columns: 1fr 200px;
    }

    .bar.two-column-right-auto
    {
        grid-template-columns: 1fr auto;
    }

    .three-column
    {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .bar.three-column
    {
        grid-template-columns: 200px 1fr 200px;
    }

    .bar.tight-top
    {
        padding-top: 0;
    }

    .bar.tight-bottom
    {
        padding-bottom: 0;
    }

    /*top menu*/
    .menu.top
    {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin: 0 0 0 var(--page-padding-left-right-desktop);
        padding-left: 0;
        border-bottom: 1px solid var(--color-grey-cool);
    }

    /*breadcrumbs*/
    .menu.breadcrumbs
    {
        display: grid;
        justify-items: start;
        align-items: center;
        margin: 0;
        justify-self: start;
    }

    .menu.breadcrumbs .page-title
    {
        display: grid;
        align-items: center;
        width: 235px;
        padding: 3px 0 1px 10px;
        height: 100%;
        background-color: var(--color-grey-cool);
        color: var(--color-white);
        font-size: 15px;
        text-transform: uppercase;
    }

    /*Primary menu*/
    .menu-header
    {
        display: none;
    }

    .menu.primary
    {
        display: grid;
        margin: 0;
        justify-self: end;
    }

    .menu.primary ul
    {
        width: 100%;
        margin: 0;
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-end;
        align-content: flex-start;
        justify-content: flex-start;
        border: none;
    }

    .menu.primary li
    {
        font-size: 13px;
        padding: 0;
        white-space: nowrap;
    }

    .menu.primary li a:hover
    {
        color: var(--color-cherry);
    }

    .menu.primary li.menu-selected a,
    .menu.primary li.menu-selected a:hover
    {
        font-size: 15px;
        color: var(--color-cherry);
    }

    .menu.primary li.menu-separator
    {
        display: inline-block;
        margin: 0 5px 0 5px;
        color: var(--color-green);
    }

    .menu.primary .menu-sub
    {
        position: absolute;
        margin: 0 0 0 -13px !important;
        padding: 5px 0 0 0 !important;
        width: auto !important;
        min-width: 150px !important;
        height: auto !important;
        white-space: nowrap;
        z-index: 100;
        background-color: var(--color-grey-cool);
    }

    .menu.primary li:hover .menu-sub,
    .menu.primary li:hover .menu-sub ul
    {
        display: block !important;
    }

    .menu.primary .menu-sub li
    {
        display: block;
        margin: 0 !important;
        padding: 3px 13px 3px 13px !important;
        line-height: normal !important;
        font-weight: normal !important;
        height: auto !important;
        text-align: left !important;
        border: none !important;
    }

    .menu.primary .menu-sub li.menu-selected a
    {
        font-weight: normal;
    }

    .menu.primary .menu-sub li a
    {
        color: var(--color-white) !important;
        border: none !important;
        text-transform: uppercase;
    }

    .menu.primary li.menu-selected .menu-sub li a
    {
        font-weight: normal;
        font-size: 13px;
    }

    .menu.primary .menu-sub li:hover,
    .menu.primary .menu-sub li a:hover
    {
        color: var(--color-green-lighter) !important;
        border: none !important;
    }

    /*Secondary menu*/
    .menu-container.secondary
    {
        display: none;
    }

    .bar.top.tight-top h1:first-of-type
    {
        margin-top: 130px;
    }

    /*home*/
    #top-animation
    {
        margin: 0;
    }

    /*Services*/
    .bar.top.offset-left #top-animation
    {
        margin-left: -120px;
    }

    .speaking .three-column:not(.bar)
    {
        grid-template-columns: 250px 250px 250px;
        column-gap: 20px;
    }

    .cards.tiers
    {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .cards.services
    {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .speaking .three-column:not(.bar)
    {
        column-gap: 60px;
    }
}

@media (min-width: 1400px)
{
}

@media (min-width: 1570px)
{
}

@media (min-width: 1625px)
{
    .menu.top
    {
        margin: 0 0 0 calc(((100vw - 1625px) / 2) + var(--page-padding-left-right-desktop));
    }

    header > *,
    .content-main > *,
    footer > *
    {
        padding-left: calc(((100vw - 1625px) / 2) + var(--page-padding-left-right-desktop));
        padding-right: calc(((100vw - 1625px) / 2) + var(--page-padding-left-right-desktop));
    }
}

