/* 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-black'
(30,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(35,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(40,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(45,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(50,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(55,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-warm'
(60,17): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(65,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(123,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(124,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(125,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-normal'
(132,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(138,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(205,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(215,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(248,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(274,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-warm-light'
(286,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(287,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-normal'
(295,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-normal'
(332,24): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-mobile'
(332,67): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-mobile'
(346,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(358,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(359,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(415,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(416,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(423,28): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(441,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(455,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(460,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(482,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(487,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(494,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(499,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(504,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(509,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(514,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(530,24): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-mobile'
(531,25): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-mobile'
(549,20): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(555,20): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(562,20): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(569,20): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(576,20): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(582,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(609,28): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-mobile'
(610,29): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-mobile'
(629,24): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-mobile'
(648,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(659,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(686,36): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-warm'
(693,32): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(705,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(713,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(718,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(724,17): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(747,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-warm'
(748,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(749,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-warm'
(777,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(785,28): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(786,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(787,28): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(794,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-light'
(795,24): 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'
(808,35): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-warm'
(818,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(822,28): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(828,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(829,24): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(835,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(845,28): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(846,28): run-time error CSS1039: Token not allowed after unary operator: '-color-pink'
(852,28): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(853,28): run-time error CSS1039: Token not allowed after unary operator: '-color-pink'
(863,28): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(864,28): run-time error CSS1039: Token not allowed after unary operator: '-color-pink'
(892,17): run-time error CSS1039: Token not allowed after unary operator: '-color-red'
(930,36): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-warm'
(936,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(944,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(951,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(963,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(969,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(992,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(998,17): run-time error CSS1039: Token not allowed after unary operator: '-color-grey'
(1006,17): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(1007,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1035,22): run-time error CSS1039: Token not allowed after unary operator: '-lhs1-column-width'
(1035,49): run-time error CSS1039: Token not allowed after unary operator: '-offset-left'
(1069,27): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-desktop'
(1070,28): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-desktop'
(1100,32): run-time error CSS1039: Token not allowed after unary operator: '-offset-left'
(1100,53): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-desktop'
(1101,28): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-desktop'
(1137,21): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1145,21): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1158,32): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1166,43): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(1188,21): run-time error CSS1039: Token not allowed after unary operator: '-color-grey-cool'
(1202,21): run-time error CSS1039: Token not allowed after unary operator: '-color-black'
(1224,21): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(1230,21): run-time error CSS1039: Token not allowed after unary operator: '-color-green'
(1258,41): run-time error CSS1039: Token not allowed after unary operator: '-rhs-column-width'
(1275,37): run-time error CSS1039: Token not allowed after unary operator: '-lhs1-column-width'
(1275,66): run-time error CSS1039: Token not allowed after unary operator: '-rhs-column-width'
(1305,28): run-time error CSS1039: Token not allowed after unary operator: '-offset-left'
(1328,21): run-time error CSS1039: Token not allowed after unary operator: '-color-white'
(1410,57): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-desktop'
(1411,58): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-desktop'
(1418,57): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-desktop'
(1418,98): run-time error CSS1039: Token not allowed after unary operator: '-offset-left'
(1419,58): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-left-right-desktop'
 */
:root
{
    --color-black: #1a1a1a;
    --color-green: #009382;
    --color-grey: #717073;
    --color-grey-cool: #808080;
    --color-grey-light: #f0f0ee;
    --color-grey-warm: #a8a79e;
    --color-grey-warm-light: #f1f1ef;
    --color-pink: #ffeeee;
    --color-red: #ed564d;
    --color-white: #ffffff;
    --color-yellow: #ffcb05;
    --page-padding-left-right-mobile: 15px;
    --page-padding-left-right-desktop: 10px;
    --offset-left: 85px;
    --gap: 21px;
    --lhs1-column-width: 350px;
    --rhs-column-width: 256px;
    --font-size-normal: 15px;
}

.highlight
{
    color: var(--color-black);
}

.black
{
    color: var(--color-black);
}

.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-small
{
    font-size: 13px;
}

.font-smaller
{
    font-size: 12px;
}

.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: 'Poppins', Arial, sans-serif;
    background-color: var(--color-white);
    color: var(--color-grey);
    font-size: var(--font-size-normal);
    -moz-appearance: none;
    -webkit-appearance: none;
}

a
{
    color: var(--color-grey-cool);
    text-decoration: none;
}

a:hover
{
    color: var(--color-green);
}

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: inline-block;
    border: 0 none;
    margin: 0;
    padding: 0;
    max-width: 100%;
}

ul, ol
{
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    line-height: 1.5em;
}

ul ul
{
    margin: 0;
}

li
{
    margin: 0;
    padding: 0;
}

p
{
    margin: 0 0 12px 0;
}

p.highlight
{
    font-size: 18px;
    line-height: 26px;
}

h2
{
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 17px;
    line-height: 23px;
    font-weight: bold;
    color: var(--color-black);
}

h3
{
    margin: 16px 0 0 0;
    padding: 0;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-green);
}

h4
{
    margin: 15px 0 3px 0;
    padding: 0;
    font-size: 20px;
    font-weight: normal;
}

.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-green);
}

.fields
{
    display: grid;
    justify-items: start;
    align-items: center;
    column-gap: 10px;
    row-gap: 5px;
    font-weight: 300;
}

.fields label
{
    align-self: end;
}

.fields input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.fields select,
.fields textarea
{
    margin-bottom: 5px;
    padding: 5px;
    width: 100%;
    max-width: 600px;
    background-color: var(--color-grey-warm-light);
    border: none;
}

.ui-widget,
.ui-widget .ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button
{
    font-family: 'Poppins', Arial, sans-serif;
    color: var(--color-grey);
    font-size: var(--font-size-normal);
}

input,
select,
textarea
{
    font-family: 'Poppins', Arial, sans-serif;
    font-size: var(--font-size-normal);
    font-weight: 300;
}

textarea
{
    height: 200px;
}

/*menu*/
.menu ul,
ul.menu
{
    margin: 0 0 10px 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-title:before
{
    content: "\f107";
    font-family: FontAwesome;
    font-weight: 700;
    text-align: right;
    float: right;
    padding-top: 3px;
    padding-left: 10px;
    color: var(--color-green);
}

.menu-header:hover
{
    cursor: pointer;
}

/*Primary menu*/
.menu-header.primary
{
    height: 44px;
    background-color: var(--color-white);
    color: var(--color-grey-cool);
    text-transform: uppercase;
}

.menu-header.primary .menu-header-current
{
    font-weight: 600;
}

.menu-header.primary .menu-header-title
{
    text-transform: capitalize;
}

.menu.primary
{
    display: none;
    text-transform: uppercase;
}

.menu.primary li
{
    display: block;
    padding: 0;
}

.menu-sub
{
    margin: 0 0 0 10px;
}

.menu-sub ul
{
    margin: 0;
}

header .social
{
    display: grid;
    grid-template-columns: auto auto auto auto;
    column-gap: 12px;
    justify-content: end;
}

.menu.primary li.social
{
    display: none;
}

.social .fa
{
    display: grid;
    justify-items: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: var(--color-grey);
    color: var(--color-white);
    font-size: 13px;
    border-radius: 12px;
}

.social .fa:hover
{
    background-color: var(--color-black);
}

header .mobile
{
    margin-bottom: 7px;
}

header .mobile .logo
{
    justify-content: start;
    justify-items: start;
    width: 50%;
    transform: scale(1.0);
}

.menu.primary li a:hover
{
    color: var(--color-black);
}

.menu.primary li a
{
    display: block;
    text-decoration: none;
}

/*Secondary menu*/
.menu-header.secondary
{
    margin: 0;
    height: auto;
    color: var(--color-green);
}

.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-green);
}

.menu.secondary li.menu-selected a
{
    color: var(--color-green);
}

.menu.secondary li a
{
    display: block;
    text-decoration: none;
    color: var(--color-grey);
}

.menu.secondary li:hover a
{
    color: var(--color-green);
}

.menu.secondary li.header:hover
{
    color: var(--color-green);
}

.menu.secondary li.header:hover a
{
    color: var(--color-green);
}

.menu.secondary li.menu-selected:hover a
{
    color: var(--color-green);
}

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);
}

/*Content*/
.content-main
{
    margin-top: 20px;
}

.content-main img
{
    justify-self: start;
}

.banner,
.content-main
{
    display: grid;
    grid-gap: var(--gap);
}

.two-column
{
    display: grid;
    grid-gap: var(--gap);
    grid-template-columns: 1fr;
}

.two-column-auto
{
    display: grid;
    grid-gap: var(--gap);
    grid-template-columns: 1fr;
}

.two-column-auto-auto
{
    display: grid;
    grid-gap: var(--gap);
    grid-template-columns: 1fr;
}

.three-column
{
    display: grid;
    grid-gap: var(--gap);
    grid-template-columns: 1fr;
}

.banner
{
    color: var(--color-white);
}

.banner .big:not(.logo)
{
    height: 125px;
    background-image: url(../images/banner_big.jpg);
    background-size: 100% 100%;
}

.banner .lhs
{
    height: 54px;
    background-image: url(../images/banner_lhs.jpg);
    background-size: 100% 100%;
}

.banner .lhs1,
.banner.mobile
{
    height: 54px;
    background-image: url(../images/banner_lhs1.jpg);
    background-size: 100% 100%;
}

.banner.mobile
{
    margin-left: calc(var(--page-padding-left-right-mobile) * -1);
    margin-right: calc(var(--page-padding-left-right-mobile) * -1);
}

.banner .lhs2
{
    height: 54px;
    background-image: url(../images/banner_lhs2.jpg);
    background-size: 100% 100%;
}

.banner .big:not(.logo),
.banner .lhs,
.banner .lhs1,
.banner .lhs2,
.banner.mobile
{
    display: grid;
    align-items: center;
    justify-items: start;
    padding-left: var(--page-padding-left-right-mobile);
}

.banner .big:not(.logo)
{
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
}

.banner .big h1,
.banner .lhs h1,
.banner .lhs1 h1,
.banner .lhs2 h1,
.banner.mobile h1
{
    display: inline-block;
    font-size: 27px;
    line-height: 17px;
    font-weight: normal;
    color: var(--color-white);
}

.banner .big h1
{
    grid-row-start: 2;
    align-self: start;
    margin-top: 35px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: var(--color-green);
}

.banner .rhs
{
    display: none;
}

.logo
{
    display: grid;
    align-items: center;
    justify-items: center;
    justify-content: center;
    transform: scale(0.6);
}

.logo.big
{
    align-self: start;
    justify-self: center;
    transform: scale(1);
    margin-top: 20px;
}

.shadow
{
    box-shadow: 6px 6px 6px 0 var(--color-grey-warm);
}

/*Footer*/
footer
{
    margin: 75px 0;
    border-top: 1px solid var(--color-green);
}

footer .menu ul
{
    margin: 10px 0 20px 0;
    display: flex;
    justify-content: flex-end;
    justify-items: flex-end;
    align-items: center;
    white-space: nowrap;
    flex-wrap: wrap;
    color: var(--color-grey-cool);
    text-decoration: none;
    font-size: 11px;
}

footer .menu a
{
    text-decoration: none;
    color: var(--color-grey-cool);
}

footer .menu a:hover
{
    color: var(--color-green);
}

footer .menu li.menu-separator
{
    margin: 0 5px 0 5px;
    color: var(--color-red);
}

.buttons
{
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px;
    justify-items: flex-start;
    margin: 30px 0 20px 0;
}

.button
{
    justify-self: start;
    display: grid;
    align-items: center;
    justify-items: center;
    margin: 0 15px 0 0;
    padding: 3px 25px;
    width: auto;
    min-width: 145px;
    min-height: 30px;
    background-color: var(--color-grey-warm);
    color: var(--color-white);
    border: 1px solid var(--color-grey-warm);
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.home .button
{
    margin-bottom: 6px;
}

.button-image
{
    justify-self: start;
    align-self: center;
    margin: 0 15px 0 0;
    min-height: 36px;
    display: block;
}

.button-image:hover
{
    position: absolute;
    height: 46px;
}

.button a
{
    color: var(--color-white);
    text-decoration: none;
}

.button:hover,
.button a:hover,
.button:hover a
{
    background-color: var(--color-green);
    color: var(--color-white);
    border: 1px solid var(--color-green);
}

.button-disabled,
.button-disabled a,
.button-disabled a:hover
{
    background-color: var(--color-grey-light) !important;
    border-color: var(--color-grey-light) !important;
    color: var(--color-grey-cool) !important;
    pointer-events: none;
    cursor: default;
}

.button:not(.button-disabled)
{
    cursor: pointer;
}

.border-bottom
{
    border-bottom: 1px solid var(--color-grey-warm);
}

/*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-green);
    border-color: var(--color-green);
}

/* Validation */
.field-validation-error
{
    color: var(--color-green);
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid var(--color-red) !important;
    background-color: var(--color-pink) !important;
}

input[type=checkbox].input-validation-error + label
{
    padding: 5px;
    border: 1px solid var(--color-red) !important;
    background-color: var(--color-pink) !important;
}

.validation-summary-errors
{
    grid-column-start: 2;
    max-width: 600px;
    margin-bottom: 20px;
    padding: 4px;
    font-weight: 700;
    border: 1px solid var(--color-red);
    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-red);
    content: '*';
    font-size: 18px;
    vertical-align: middle;
    font-weight: 400;
}

/*home*/
.home header .mobile .logo
{
    display: none;
}

#animation
{
    margin: 130px 0 0 0;
}

.home footer
{
    margin-top: 20px;
}

/*Team*/
.cards.team
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
}

.cards.team .card
{
    max-width: 260px;
}

.cards.team a.card:hover img
{
    box-shadow: 6px 6px 6px 0 var(--color-grey-warm);
}

.cards.team .card .team-member-name
{
    margin-top: 10px;
    color: var(--color-black);
    font-size: 20px;
    line-height: 24px;
}

.cards.team .card .team-member-job
{
    margin: 3px 0 3px 0;
    color: var(--color-grey);
    font-size: 14px;
    line-height: 16px;
}

.cards.team .card .team-member-qualifications
{
    color: var(--color-grey);
    font-size: 10px;
}

.team-member-name .details
{
    display: block;
}

.team-member-name .title
{
    margin-left: 0;
    color: var(--color-black);
    font-size: 20px;
}

.team-member-name .qualifications
{
    color: var(--color-black);
    font-size: 13px;
}

.team-member .content-main
{
    margin-top: 75px;
}

.previous-next
{
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    column-gap: 15px;
}

.previous-next .button
{
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    min-width: 0;
    background-color: var(--color-white);
    border: 0;
}

.previous-next .button a
{
    color: var(--color-grey);
    border: 0;
}

.previous-next .button:hover,
.previous-next .button:hover a,
.previous-next .button a:hover
{
    color: var(--color-green);
    background-color: var(--color-white);
}

/*Mental health*/
.areas-of-speciality h3:first-of-type
{
    margin: 0;
}

/*Services*/
.links-resources a
{
    display: block;
}

.links-resources a:not(:first-child)
{
    margin: 10px 0 0 0;
}

/*Contact*/
.banner .lhs2
{
    display: none;
}

.book-online
{
    width: calc(var(--lhs1-column-width) - var(--offset-left));
}

.contact .highlight:not(p),
.work-for-us .highlight:not(p)
{
    font-weight: bold;
}

/*Thanks*/
@media (min-width: 360px)
{
}

@media (min-width: 480px)
{
}

@media (min-width: 500px)
{
}

@media (min-width: 600px)
{
}

@media (min-width: 768px)
{
}

@media (min-width: 990px)
{
    .banner
    {
        margin-left: var(--page-padding-left-right-desktop);
        margin-right: var(--page-padding-left-right-desktop);
    }

    .fields
    {
        grid-template-columns: auto 1fr;
        row-gap: 10px;
    }

    .fields p.required
    {
        grid-column-end: span 2;
    }

    .fields label
    {
        margin: 0 0 5px 0;
    }

    .fields input:not([type=checkbox]):not([type=radio]),
    .fields select,
    .fields textarea
    {
        margin-bottom: 0;
    }

    .menu.primary,
    .content-main,
    footer
    {
        margin-left: calc(var(--offset-left) + var(--page-padding-left-right-desktop));
        margin-right: var(--page-padding-left-right-desktop);
        padding: 0;
    }

    /*Primary menu*/
    .menu-header
    {
        display: none;
    }

    .menu.primary
    {
        display: grid;
    }

    .menu.primary ul
    {
        margin: 17px 0 10px 0;
        display: grid;
        grid-template-columns: auto auto auto auto auto auto auto 1fr;
        column-gap: 16px;
        align-items: end;
        align-content: end;
        border: none;
    }

    .menu.primary li
    {
        margin: 0;
        font-size: 14px;
        white-space: nowrap;
        align-self: baseline;
    }

    .menu.primary li a:hover
    {
        color: var(--color-black);
    }

    .menu.primary li.menu-selected a,
    .menu.primary li.menu-selected a:hover
    {
        font-size: 18px;
        font-weight: 500;
        color: var(--color-black);
    }

    .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-white);
    }

    .menu.primary li:hover .menu-sub,
    .menu.primary li:hover .menu-sub ul
    {
        display: block !important;
        margin: 0 !important;
        box-shadow: 4px 4px 4px -2px var(--color-grey-cool);
    }

    .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-grey-cool) !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-black) !important;
        border: none !important;
    }

    .menu.primary li.social
    {
        display: grid;
    }

    .menu-sub
    {
        display: none !important;
    }

    .menu.secondary
    {
        display: grid;
    }

    .menu.secondary li.header
    {
        display: inline-block;
        color: var(--color-green);
        font-weight: bold;
    }

    .menu.secondary li.header a
    {
        color: var(--color-green);
    }

    header .social
    {
        column-gap: 16px;
    }

    .social .fa
    {
        width: 32px;
        height: 32px;
        font-size: 18px;
        border-radius: 16px;
    }

    header .mobile
    {
        display: none;
    }

    .content-main
    {
        margin-top: 35px;
    }

    .two-column
    {
        grid-template-columns: 1fr var(--rhs-column-width);
    }

    .two-column-auto
    {
        grid-gap: 30px;
        grid-template-columns: auto 1fr;
    }

    .two-column-auto-auto
    {
        grid-gap: 30px;
        grid-template-columns: auto auto;
    }

    .three-column
    {
        grid-template-columns: var(--lhs1-column-width) 1fr var(--rhs-column-width);
    }

    .banner .big:not(.logo)
    {
        height: 395px;
        background-image: url(../images/banner_big.jpg);
        background-size: 100% 100%;
    }

    .banner .lhs
    {
        height: 108px;
    }

    .banner .lhs1
    {
        height: 108px;
    }

    .banner .lhs2
    {
        height: 108px;
    }

    .banner .big:not(.logo),
    .banner .lhs,
    .banner .lhs1,
    .banner .lhs2
    {
        padding-left: var(--offset-left);
    }

    .banner .big:not(.logo)
    {
        grid-template-columns: 1fr auto;
    }

    .banner .big h1,
    .banner .lhs h1,
    .banner .lhs1 h1,
    .banner .lhs2 h1
    {
        font-size: 30px;
        line-height: 45px;
    }

    .banner .big h1
    {
        grid-row-start: 1;
        margin-top: 180px;
        font-size: 2vw;
        line-height: 3vw;
        color: var(--color-white);
    }

    .banner .rhs
    {
        display: grid;
        align-items: center;
        justify-items: center;
        background-image: url(../images/banner_rhs.jpg);
        background-size: 100% 100%;
    }

    .logo.big
    {
        margin: 50px 70px 0 70px;
    }

    /*home*/
    #animation
    {
        margin: -85px 0 145px 0;
    }

    /*About*/
    .fees
    {
        width: 345px;
        margin-right: 35px;
    }

    /*Team*/
    .cards.team
    {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .banner .lhs .team-member-name h1
    {
        line-height: 0;
    }

    .team-member-name .details
    {
        display: inline;
    }

    .team-member-name .title
    {
        margin-left: 10px;
    }
    
    /*Services*/


    /*Contact*/
    .banner .lhs2
    {
        display: grid;
    }

    .banner.mobile
    {
        display: none;
    }
}

@media (min-width: 1280px)
{
}

@media (min-width: 1400px)
{
}

@media (min-width: 1570px)
{
}

@media (min-width: 1625px)
{
    .banner
    {
        margin-left: calc(((100vw - 1625px) / 2) + var(--page-padding-left-right-desktop));
        margin-right: calc(((100vw - 1625px) / 2) + var(--page-padding-left-right-desktop));
    }

    .menu.primary,
    .content-main,
    footer
    {
        margin-left: calc(((100vw - 1625px) / 2) + var(--page-padding-left-right-desktop) + var(--offset-left));
        margin-right: calc(((100vw - 1625px) / 2) + var(--page-padding-left-right-desktop));
    }

    .banner .big h1
    {
        font-size: 32px;
        line-height: 46px;
    }
}