/****** FILE: themes/camden-council/css/main.css *****/
.breaker { clear: both; }

.dark-background, .grey-box { background-color: #2d2e37; }

.light-background, .lightgrey-box { background-color: #f2f2f2; }

.dark-background.alternate { background-color: #3a3c4c; }

.reversed { color: #fff; }

.no-margin-top { margin-top: 0 !important; }

.no-margin-bottom { margin-bottom: 0 !important; }

.no-margin-left { margin-left: 0 !important; }

.no-margin-right { margin-right: 0 !important; }

.no-padding-top { padding-top: 0 !important; }

.no-padding-bottom { padding-bottom: 0 !important; }

.no-padding-left { padding-left: 0 !important; }

.no-padding-right { padding-right: 0 !important; }

.no-border { border: 0px !important; }

.no-border * { border: 0px !important; }

.margin-top { margin-top: 15px !important; }

.large-top-margin { margin-top: 60px !important; }

.margin-bottom { margin-bottom: 15px !important; }

.print-only { display: none; }

.white-box { padding: 15px; border: 1px solid #228a28; }

.grey-box { padding: 15px; }

.grey-box a { color: #d96f10; }

.lightgrey-box { padding: 15px; }

.green-top { border-top: 5px solid #228a28; }

@media (min-width: 1200px) { .green-top { border-top-width: 9px; } }

.green-left, .ui-autocomplete { border-left: 5px solid #228a28; }

@media (min-width: 1200px) { .green-left, .ui-autocomplete { border-left-width: 9px; } }

.breaker { clear: both; }

@media print { .print-only { display: initial; } }

.fa-circle-background { width: 100%; height: 100%; border-width: 2px; border-style: solid; border-radius: 50%; border-color: #fff; }

.alerts .alerts-bar .alerts-badge, .main-header .menu-control, .main-header .search form button, .overlay-menu .menu-control, footer .site-info--panel form input[type="submit"] { border: 2px solid #fff; background: #d96f10; color: #fff; text-align: center; vertical-align: center; }

/* rubik-regular - latin_latin-ext */
@font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: url("../fonts/rubik-v6-latin_latin-ext-regular.eot"); /* IE9 Compat Modes */ src: local("Rubik"), local("Rubik-Regular"), url("../fonts/rubik-v6-latin_latin-ext-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/rubik-v6-latin_latin-ext-regular.woff2") format("woff2"), url("../fonts/rubik-v6-latin_latin-ext-regular.woff") format("woff"), url("../fonts/rubik-v6-latin_latin-ext-regular.ttf") format("truetype"), url("../fonts/rubik-v6-latin_latin-ext-regular.svg#Rubik") format("svg"); /* Legacy iOS */ }

/* rubik-500 - latin_latin-ext */
@font-face { font-family: 'Rubik'; font-style: normal; font-weight: 500; src: url("../fonts/rubik-v6-latin_latin-ext-500.eot"); /* IE9 Compat Modes */ src: local("Rubik Medium"), local("Rubik-Medium"), url("../fonts/rubik-v6-latin_latin-ext-500.eot?#iefix") format("embedded-opentype"), url("../fonts/rubik-v6-latin_latin-ext-500.woff2") format("woff2"), url("../fonts/rubik-v6-latin_latin-ext-500.woff") format("woff"), url("../fonts/rubik-v6-latin_latin-ext-500.ttf") format("truetype"), url("../fonts/rubik-v6-latin_latin-ext-500.svg#Rubik") format("svg"); /* Legacy iOS */ }

body { font-family: "Rubik", sans-serif; font-weight: 400; font-size: 12px; line-height: 1.67; }

@media (min-width: 768px) { body { font-size: 14px; } }

@media (min-width: 1200px) { body { font-size: 16px; } }

a { color: #d96f10; text-decoration: none; }

.content a { font-family: "Rubik", sans-serif; font-weight: 500; }

a:link, a:focus, a:visited { color: #d96f10; text-decoration: none; }

a:focus:active { outline: 1px dotted #009fd4; }

a:hover, a:active { color: #d96f10; text-decoration: none; }

a.reversed, .reversed a { color: #d96f10; }

a.reversed:link, a.reversed:focus, a.reversed:visited, a.reversed:hover, a.reversed:active, .reversed a:link, .reversed a:focus, .reversed a:visited, .reversed a:hover, .reversed a:active { color: #d96f10; text-decoration: none; }

a.reversed, .reversed a { color: #d96f10; }

a.reversed:link, a.reversed:focus, a.reversed:visited, a.reversed:hover, a.reversed:active, .reversed a:link, .reversed a:focus, .reversed a:visited, .reversed a:hover, .reversed a:active { color: #d96f10; text-decoration: none; }

.alerts a, .breadcrumbs a { color: #fff; }

.alerts a:link, .alerts a:focus, .alerts a:visited, .alerts a:hover, .alerts a:active, .breadcrumbs a:link, .breadcrumbs a:focus, .breadcrumbs a:visited, .breadcrumbs a:hover, .breadcrumbs a:active { color: #fff; }

.orange-feature-link a, .orange-feature-link { color: #d96f10; }

.orange-feature-link a:link, .orange-feature-link a:focus, .orange-feature-link a:visited, .orange-feature-link a:hover, .orange-feature-link a:active, .orange-feature-link:link, .orange-feature-link:focus, .orange-feature-link:visited, .orange-feature-link:hover, .orange-feature-link:active { color: #d96f10; }

h1, h2, h3, h4, h5, h6 { font-family: "Rubik", sans-serif; font-weight: 500; margin-top: 7px; margin-bottom: 23px; color: #228a28; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; }

h1.text-dark, .text-dark h1, h2.text-dark, .text-dark h2, h3.text-dark, .text-dark h3, h4.text-dark, .text-dark h4, h5.text-dark, .text-dark h5, h6.text-dark, .text-dark h6 { color: #2e2e37; }

h1.reversed, .reversed h1, h2.reversed, .reversed h2, h3.reversed, .reversed h3, h4.reversed, .reversed h4, h5.reversed, .reversed h5, h6.reversed, .reversed h6 { color: #fff; }

h1.reversed a, .reversed h1 a, h2.reversed a, .reversed h2 a, h3.reversed a, .reversed h3 a, h4.reversed a, .reversed h4 a, h5.reversed a, .reversed h5 a, h6.reversed a, .reversed h6 a { color: #fff; }

h1.reversed a:link, h1.reversed a:focus, h1.reversed a:visited, h1.reversed a:hover, h1.reversed a:active, .reversed h1 a:link, .reversed h1 a:focus, .reversed h1 a:visited, .reversed h1 a:hover, .reversed h1 a:active, h2.reversed a:link, h2.reversed a:focus, h2.reversed a:visited, h2.reversed a:hover, h2.reversed a:active, .reversed h2 a:link, .reversed h2 a:focus, .reversed h2 a:visited, .reversed h2 a:hover, .reversed h2 a:active, h3.reversed a:link, h3.reversed a:focus, h3.reversed a:visited, h3.reversed a:hover, h3.reversed a:active, .reversed h3 a:link, .reversed h3 a:focus, .reversed h3 a:visited, .reversed h3 a:hover, .reversed h3 a:active, h4.reversed a:link, h4.reversed a:focus, h4.reversed a:visited, h4.reversed a:hover, h4.reversed a:active, .reversed h4 a:link, .reversed h4 a:focus, .reversed h4 a:visited, .reversed h4 a:hover, .reversed h4 a:active, h5.reversed a:link, h5.reversed a:focus, h5.reversed a:visited, h5.reversed a:hover, h5.reversed a:active, .reversed h5 a:link, .reversed h5 a:focus, .reversed h5 a:visited, .reversed h5 a:hover, .reversed h5 a:active, h6.reversed a:link, h6.reversed a:focus, h6.reversed a:visited, h6.reversed a:hover, h6.reversed a:active, .reversed h6 a:link, .reversed h6 a:focus, .reversed h6 a:visited, .reversed h6 a:hover, .reversed h6 a:active { color: #fff; }

.content, p { letter-spacing: 0.8px; line-height: 1.8; }

@media (min-width: 768px) { .content, p { letter-spacing: 1px; } }

blockquote { border-left-color: #1a8fce; }

h1 { font-family: "Rubik", sans-serif; font-weight: 500; color: #228a28; font-size: 24px; letter-spacing: 2px; }

@media (min-width: 768px) { h1 { font-size: 32px; } }

@media (min-width: 1200px) { h1 { font-size: 36px; letter-spacing: 3px; } }

.content > h1 { margin-bottom: 68px; }

h2 { font-family: "Rubik", sans-serif; font-weight: 500; color: #2e2e37; font-size: 18px; letter-spacing: 2px; }

@media (min-width: 768px) { h2 { font-size: 20px; } }

@media (min-width: 1200px) { h2 { font-size: 24px; letter-spacing: 2px; } }

.content > h2 { margin-top: 3em; margin-bottom: 2em; }

h3 { font-family: "Rubik", sans-serif; font-weight: 500; color: #2e2e37; font-size: 16px; letter-spacing: 2px; }

@media (min-width: 768px) { h3 { font-size: 18px; } }

@media (min-width: 1200px) { h3 { font-size: 22px; letter-spacing: 1px; } }

.content > h3 { margin-top: 2em; margin-bottom: 1em; }

.breakout { color: #228a28; font-size: 16px; font-style: normal; font-weight: normal; letter-spacing: 1.3px; line-height: 1.5; }

p { margin-bottom: 15px; letter-spacing: 0.8px; }

td, input, textarea { letter-spacing: 0.8px; }

ul, ol { padding-left: 40px; list-style: none; }

@media (min-width: 768px) { ul, ol { padding-left: 99px; } }

ul li::before { top: -0.1em; font-size: 26px; line-height: 1; content: "\2022"; }

ol { counter-reset: list; }

ol li::before { content: counter(list); counter-increment: list; }

li { position: relative; margin-bottom: 15px; list-style: none; }

li::before { display: inline-block; position: absolute; left: -30px; width: 20px; color: #228a28; text-align: center; }

.pagination li::before { display: none; }

/* Content */
.content { padding-top: 60px; padding-bottom: 60px; }

.content img { display: block; max-width: 100%; height: auto; margin-top: 30px; margin-bottom: 30px; float: none; }

.leftAlone { margin-right: 30px; }

.center { margin-right: auto; margin-left: auto; }

.left { margin-top: 0; margin-right: 30px; float: left; }

.right { margin-top: 0; margin-left: 30px; float: right; }

strong { font-family: "Rubik", sans-serif; font-weight: 500; }

hr { border-top: 2px solid #c7c7c7; }

:focus, a:focus, input:focus, .form-control:focus, .btn:focus { outline: 1px dotted #d96f10; -webkit-box-shadow: 0; box-shadow: 0; }

a:focus, a:focus:active, input:focus, input:focus:active, .form-control:focus, .form-control:focus:active, .btn:focus, .btn:focus:active { outline: 1px dotted #d96f10; -webkit-box-shadow: 0; box-shadow: 0; }

/*
*   Styling for form related components
*   Userforms module styling includes a little more than custom forms
*   so that they look finished without needing to modify any code.
*   Extend this style to apply userforms styling to your custom forms,
*   or modify it to change the look of your userforms
*/
form:not(.SubscribeForm) .step-button-wrapper button, form:not(.SubscribeForm) .Actions input[type="submit"], form:not(.SubscribeForm) .userform-progress .step-button-jump { margin: 0 4px; padding: 10px 30px; border: 2px solid #228a28; border-radius: 0; background: #228a28; color: #fff; line-height: 1.5; font-size: 19px; letter-spacing: 1.6px; font-weight: normal; vertical-align: baseline; }

form:not(.SubscribeForm) .step-button-wrapper button, form:not(.SubscribeForm) .Actions input[type="submit"] { -webkit-box-shadow: inset 0 0 0 2px #fff; box-shadow: inset 0 0 0 2px #fff; }

.form-horizontal .form-group { margin-left: 0; margin-right: 0; }

.userform .left { font-weight: normal !important; }

/*  General     */
form:not(.SubscribeForm) { /* Styling for messages */ /* Label formatting */ /* Form fields formatting */ /* Checkboxes and radio buttons */ /*  Date styles */ /* Submit button styling */ /* Multi-page form Progress */ /* Userform fieldgroup styles */ }

form:not(.SubscribeForm) div.field { margin-bottom: 7.5px; }

form:not(.SubscribeForm) div.field:before, form:not(.SubscribeForm) div.field:after { content: " "; display: table; }

form:not(.SubscribeForm) div.field:after { clear: both; }

form:not(.SubscribeForm) .requiredField label::after { content: " *"; }

form:not(.SubscribeForm) .error { color: #d96f10; }

form:not(.SubscribeForm) .alert-error input, form:not(.SubscribeForm) textarea, form:not(.SubscribeForm) select, form:not(.SubscribeForm) .uneditable-input { height: 1.385em; -webkit-box-shadow: 0; box-shadow: 0; }

form:not(.SubscribeForm) .error-container div { border: 2px solid #ff0000; padding: 15px; }

form:not(.SubscribeForm) .error-container ul { list-style-position: inside; }

form:not(.SubscribeForm) .error-container li { padding-top: 6px; }

form:not(.SubscribeForm) .error-container a, form:not(.SubscribeForm) .error-container a:visited, form:not(.SubscribeForm) .error-container a:hover, form:not(.SubscribeForm) .error-container a:focus, form:not(.SubscribeForm) .error-container a:active, form:not(.SubscribeForm) .error-container label { color: #ff0000; text-decoration: none; margin-bottom: 0; cursor: pointer; }

form:not(.SubscribeForm) label { color: #228a28; font-size: 12px; letter-spacing: 1.2px; }

@media (min-width: 768px) { form:not(.SubscribeForm) label { font-size: 16px; letter-spacing: 1.6px; } }

form:not(.SubscribeForm) label.extra { font-style: italic; }

form:not(.SubscribeForm) label.required::after, .requiredField form:not(.SubscribeForm) label::after { content: ' *'; }

.textarea form:not(.SubscribeForm) label.required, .textarea .requiredField form:not(.SubscribeForm) label { width: 100%; max-width: 100%; }

form:not(.SubscribeForm) span.extra { font-style: italic; display: block; margin-bottom: 7.5px; }

form:not(.SubscribeForm) .requiredField label span.req-indicator, form:not(.SubscribeForm) .requiredField legend span.req-indicator { position: relative; color: #ff0000; overflow: hidden; text-indent: -999px; display: inline-block; width: 6px; height: 16px; }

form:not(.SubscribeForm) .requiredField label span.req-indicator:after, form:not(.SubscribeForm) .requiredField legend span.req-indicator:after { content: "*"; position: absolute; left: 0; text-indent: 0%; }

form:not(.SubscribeForm) .requiredField.checkbox label.checkbox:after { content: "*"; color: #ff0000; display: inline-block; }

form:not(.SubscribeForm) legend { border-bottom: 0; margin-bottom: 5px; color: #228a28; }

form:not(.SubscribeForm) textarea { width: 100%; height: 200px; border: solid 2px #228a28; font-size: 14px; letter-spacing: 1.4px; }

@media (min-width: 768px) { form:not(.SubscribeForm) textarea { font-size: 19px; } }

form:not(.SubscribeForm) select, form:not(.SubscribeForm) input.text, form:not(.SubscribeForm) input.email { width: 100%; height: 46px; padding-right: 15px; padding-left: 15px; border: solid 2px #228a28; font-size: 14px; line-height: 55px; letter-spacing: 1.4px; -webkit-box-sizing: border-box; box-sizing: border-box; }

form:not(.SubscribeForm) select:focus, form:not(.SubscribeForm) select:active, form:not(.SubscribeForm) input.text:focus, form:not(.SubscribeForm) input.text:active, form:not(.SubscribeForm) input.email:focus, form:not(.SubscribeForm) input.email:active { border-color: #90c493; outline: 0; }

@media (min-width: 768px) { form:not(.SubscribeForm) select, form:not(.SubscribeForm) input.text, form:not(.SubscribeForm) input.email { height: 55px; font-size: 19px; } }

form:not(.SubscribeForm) select.date, form:not(.SubscribeForm) input.text.date, form:not(.SubscribeForm) input.email.date { width: 100px; max-width: 100%; }

#IE7 form:not(.SubscribeForm) select.date, #IE7 form:not(.SubscribeForm) input.text.date, #IE7 form:not(.SubscribeForm) input.email.date { width: 100px; }

#IE7 form:not(.SubscribeForm) select, #IE7 form:not(.SubscribeForm) input.text, #IE7 form:not(.SubscribeForm) input.email { height: 20px; width: 490px; line-height: 20px; }

form:not(.SubscribeForm) select::-webkit-input-placeholder, form:not(.SubscribeForm) input.text::-webkit-input-placeholder, form:not(.SubscribeForm) input.email::-webkit-input-placeholder { color: #b5b5b5; }

form:not(.SubscribeForm) select:-ms-input-placeholder, form:not(.SubscribeForm) input.text:-ms-input-placeholder, form:not(.SubscribeForm) input.email:-ms-input-placeholder { color: #b5b5b5; }

form:not(.SubscribeForm) select::placeholder, form:not(.SubscribeForm) input.text::placeholder, form:not(.SubscribeForm) input.email::placeholder { color: #b5b5b5; }

form:not(.SubscribeForm) form ul.optionset { list-style: none; margin-left: 0; }

form:not(.SubscribeForm) div.checkbox { padding-left: 0; }

form:not(.SubscribeForm) div.checkbox input.checkbox { min-height: 9px; }

form:not(.SubscribeForm) div.checkbox label.required { float: left; margin-top: 5px; margin-left: -20px; }

form:not(.SubscribeForm) .radio, form:not(.SubscribeForm) .checkbox { margin-left: 15px; }

form:not(.SubscribeForm) div.date input { margin-right: 5px; }

form:not(.SubscribeForm) .ui-datepicker { width: 15em !important; max-width: 50% !important; }

form:not(.SubscribeForm) .ui-widget { font-size: 12px !important; line-height: 12px !important; }

form:not(.SubscribeForm) .Actions:before, form:not(.SubscribeForm) .Actions:after { content: " "; display: table; }

form:not(.SubscribeForm) .Actions:after { clear: both; }

form:not(.SubscribeForm) .Actions .action { padding-right: 15px; margin: 0 7.5px 7.5px 0; }

form:not(.SubscribeForm) .Actions #MemberLoginForm_LoginForm_action_dologin { float: left; }

form:not(.SubscribeForm) .Actions #ForgotPassword { line-height: 2em; font-size: 0.9em; }

form:not(.SubscribeForm) .Actions #ForgotPassword a { padding-left: 30px; }

form:not(.SubscribeForm) .Actions.step-buttons { padding: 15px 0; }

form:not(.SubscribeForm) .progress-title { margin-top: 45px; margin-bottom: 15px; }

form:not(.SubscribeForm) .userform-progress { position: relative; }

.typography form:not(.SubscribeForm) .userform-progress p { text-align: right; margin-bottom: 0; }

form:not(.SubscribeForm) .userform-progress div.progress { margin-bottom: 0; height: 12px; }

form:not(.SubscribeForm) .userform-progress div.progress-bar { background: #228a28; height: 12px; min-width: 1%; max-width: 99%; }

form:not(.SubscribeForm) .userform-progress .step-button-jump { margin-top: 5px; border: 2px solid #228a28; }

form:not(.SubscribeForm) .userformsgroup { border: 0; border-top: 1px solid #228a28; border-bottom: 1px solid #228a28; padding: 1em 0; margin-top: 3em; margin-bottom: 3em; border-radius: 0; }

form:not(.SubscribeForm) .userformsgroup > legend { margin-left: 8px; }

form:not(.SubscribeForm) .userformsgroup > legend + .control-group { margin-top: 0; }

form ul { margin: 0 0 15px 0; padding: 0; }

form li { position: initial; }

form li::before { display: none; }

form label { font-weight: normal; }

form #Remember input.checkbox { min-height: 27px; margin-left: -20px; }

form:not(.SubscribeForm) div.checkbox input.checkbox { margin-left: 0; }

.container-fluid { max-width: 2500px; }

.accessibility ul { margin: 0; padding: 0; list-style-type: none; }

.accessibility li { margin: 0; padding: 0; }

.accessibility a { position: absolute; top: -40px; left: 50%; width: 12em; margin-left: -6em; padding: 6px; -webkit-transition: top 1s ease-out, background 1s linear; -o-transition: top 1s ease-out, background 1s linear; transition: top 1s ease-out, background 1s linear; background: transparent; color: #fff; text-align: center; z-index: 100; }

.accessibility a:focus { position: absolute; top: 0; left: 50%; -webkit-transition: top 0.1s ease-in, background 0.5s linear; -o-transition: top 0.1s ease-in, background 0.5s linear; transition: top 0.1s ease-in, background 0.5s linear; background: #fff; color: #2e2e37; }

.jslink { cursor: pointer; }

.alerts .alerts-bar { height: 35px; background-color: #2d2e37; }

@media (min-width: 768px) { .alerts .alerts-bar { height: 55px; } }

.alerts .alerts-bar .alerts-badge { display: inline-block; width: 20px; height: 20px; margin-right: 15px; border-radius: 20px; font-size: 17px; line-height: 17px; vertical-align: center; }

@media (min-width: 768px) { .alerts .alerts-bar .alerts-badge { width: 30px; height: 30px; border-radius: 30px; font-size: 26px; line-height: 26px; } }

.alerts .alerts-bar div { line-height: 35px; text-align: center; white-space: nowrap; overflow: hidden; }

@media (min-width: 768px) { .alerts .alerts-bar div { line-height: 55px; } }

.alerts a { color: #b5b5b5; font-size: 11px; letter-spacing: 0.7px; }

.alerts a:link, .alerts a:visited { color: #b5b5b5; }

.alerts a:focus, .alerts a:hover, .alerts a:active { color: #9c9c9c; }

@media (min-width: 768px) { .alerts a { font-size: 16px; letter-spacing: 1px; } }

.cc-menu-circle { position: relative; width: 24px; height: 24px; border-width: 2px; border-style: solid; border-radius: 12px; border-color: #fff; font-size: 24px; text-align: center; vertical-align: middle; display: inline-block; }

.cc-menu-circle .fa { position: absolute; top: 0; left: 50%; width: 20px; height: 28px; font-size: 12px; line-height: 18px; text-align: center; vertical-align: middle; }

.cc-menu-circle.white { border-color: #fff; color: #fff; }

.cc-menu-circle.green { border-color: #228a28; color: #228a28; }

.clock-icon { width: 24px; height: 24px; font-size: 24px; }

.icon-circle { padding: 5px 5px 6px 6px; border: 1px solid #b5b5b5; border-radius: 50%; background: #f2f2f2; color: #2e2e37; }

.menu-chevron { display: inline-block; width: 24px; height: 24px; -webkit-transition: .5s transform; -o-transition: .5s transform; transition: .5s transform; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; }

.menu-chevron.white { background-image: url("../images/circle-chevron-down-white.svg"); }

.menu-chevron.green { background-image: url("../images/circle-chevron-down-green.svg"); }

.menu-chevron.black { background-image: url("../images/circle-chevron-down-black.svg"); }

.menu-chevron.chevron-down { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }

.menu-chevron.chevron-up { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.menu-chevron.chevron-right { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.menu-chevron.chevron-left { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.main-header { height: 224px; background-image: url("../images/header-default-image-sm.jpg"); background-position: 50% 50%; background-size: cover; }

@media (min-width: 768px) { .main-header { background-image: url("../images/header-default-image-md.jpg"); } }

@media (min-width: 1200px) { .main-header { background-image: url("../images/header-default-image.jpg"); } }

@media (min-width: 768px) { .HomePage .main-header { height: 360px; } }

@media (min-width: 1200px) { .HomePage .main-header { height: 550px; } }

.main-header h1 a { display: block; width: 74px; height: 26px; margin-top: 10px; background-image: url("../images/2-line-logo.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; }

@media (min-width: 768px) { .main-header h1 a { width: 103px; height: 36px; margin-top: 20px; } }

@media (min-width: 1200px) { .main-header h1 a { width: 148px; height: 52px; margin-top: 20px; } }

.main-header .menu-control { display: inline-block; width: 35px; height: 35px; margin-top: 10px; border-radius: 35px; font-size: 21px; line-height: 33px; vertical-align: center; cursor: pointer; }

@media (min-width: 768px) { .main-header .menu-control { width: 45px; height: 45px; margin-top: 20px; border-radius: 45px; font-size: 31px; line-height: 41px; } }

@media (min-width: 1200px) { .main-header .menu-control { width: 53px; height: 53px; margin-top: 20px; border-radius: 53px; font-size: 35px; line-height: 48px; } }

.main-header .menu-control img { width: 60%; margin-top: -3px; margin-left: 1px; }

.main-header .search form { max-width: 500px; margin-right: auto; margin-left: auto; }

@media (min-width: 1200px) { .HomePage .main-header .search form { max-width: 824px; } }

.main-header .search form > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 50px; }

@media (min-width: 768px) { .main-header .search form > div { margin-top: 0px; }
  .HomePage .main-header .search form > div { margin-top: 50px; } }

@media (min-width: 1200px) { .HomePage .main-header .search form > div { margin-top: 157px; } }

.main-header .search form input { height: 44px; }

@media (min-width: 1200px) { .HomePage .main-header .search form input { height: 78px; } }

.main-header .search form input[type="text"] { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-item-align: auto; align-self: auto; padding-left: 22px; border: 2px solid #fff; border-radius: 22px 0 0 22px; background: transparent; color: #fff; font-size: 12px; letter-spacing: 1px; line-height: 44px; }

@media (min-width: 1200px) { .HomePage .main-header .search form input[type="text"] { padding-left: 39px; border: 2px solid #fff; border-radius: 39px 0 0 39px; font-size: 20px; letter-spacing: 1.5px; line-height: 78px; } }

.main-header .search form input[type="text"]::-webkit-input-placeholder { color: #fff; }

.main-header .search form input[type="text"]:-ms-input-placeholder { color: #fff; }

.main-header .search form input[type="text"]::placeholder { color: #fff; }

.main-header .search form .form-group { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-item-align: auto; align-self: auto; width: auto; float: right; }

.main-header .search form button { -webkit-box-flex: 1; -ms-flex: 1 1 200px; flex: 1 1 200px; -ms-flex-item-align: auto; align-self: auto; height: 44px; padding: 0 20px; border-left: 0; border-radius: 0 20px 20px 0; letter-spacing: 2px; text-transform: uppercase; }

@media (min-width: 1200px) { .HomePage .main-header .search form button { height: 78px; padding: 0 39px; border-radius: 0 39px 39px 0; font-size: 20px; letter-spacing: 2px; } }

.main-header .search form button .search-icon { display: none; margin-top: 1px; }

@media (max-width: 360px) { .main-header .search form button .search-icon { display: inline-block; } }

.main-header .search form button .search-text { font-family: "Rubik", sans-serif; font-weight: 500; display: inline-block; margin-top: 3px; }

@media (max-width: 360px) { .main-header .search form button .search-text { display: none; } }

.overlay-menu { position: fixed; top: 0; left: -300em; width: 100%; height: 100%; height: 100vh; background: #2d2e37; z-index: 1000; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; }

.overlay-menu.active { left: 0; }

.overlay-menu h1 a { display: block; width: 74px; height: 26px; margin-top: 10px; background-image: url("../images/2-line-logo.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; }

@media (min-width: 768px) { .overlay-menu h1 a { width: 103px; height: 36px; margin-top: 20px; } }

@media (min-width: 1200px) { .overlay-menu h1 a { width: 148px; height: 52px; margin-top: 20px; } }

.overlay-menu .menu-control { display: inline-block; width: 35px; height: 35px; margin-top: 10px; border-radius: 35px; font-size: 21px; line-height: 33px; vertical-align: center; cursor: pointer; }

@media (min-width: 768px) { .overlay-menu .menu-control { width: 45px; height: 45px; margin-top: 20px; border-radius: 45px; font-size: 31px; line-height: 41px; } }

@media (min-width: 1200px) { .overlay-menu .menu-control { width: 53px; height: 53px; margin-top: 20px; border-radius: 53px; font-size: 35px; line-height: 48px; } }

.overlay-menu .menu-control img { width: 60%; margin-top: -3px; margin-left: 1px; }

.overlay-menu .menu-control img { width: 40%; margin-top: -5px; }

.main-menu .icon-bar { margin-bottom: 90px; }

.main-menu .menu-item { margin-bottom: 70px; }

@media (min-width: 768px) { .main-menu .menu-item:nth-child(2n+3) { clear: left; } }

@media (min-width: 992px) { .main-menu .menu-item:nth-child(2n+3) { clear: none; }
  .main-menu .menu-item:nth-child(3n+4) { clear: left; } }

.main-menu .menu-item h3 { margin-bottom: 0; font-size: 22px; letter-spacing: 1.8px; }

.main-menu .menu-item h3 a { color: #fff; font-size: 22px; letter-spacing: 1.8px; }

.main-menu .menu-item ul, .main-menu .menu-item ul li { margin: 0; padding: 0; }

.main-menu .menu-item ul::before, .main-menu .menu-item ul li::before { display: none; }

.main-menu .menu-item a { color: #b5b5b5; font-size: 16px; letter-spacing: 1px; line-height: 1.75; }

#mobile-main-menu { margin: 0; padding: 0 0 50px; }

#mobile-main-menu a { display: block; }

#mobile-main-menu ul, #mobile-main-menu li { margin: 0; padding: 0; }

#mobile-main-menu li::before { display: none; content: ''; }

#mobile-main-menu ul li li { margin: 15px 0; }

#mobile-main-menu ._no-parent a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(100% - 40px); height: 75px; background: #fff; }

#mobile-main-menu ._no-parent a .parent-link-text { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; color: #228a28; font-size: 20px; letter-spacing: 1px; line-height: 1; }

#mobile-main-menu ._no-parent a .menu-chevron { -webkit-box-flex: 0; -ms-flex: 0 0 35px; flex: 0 0 35px; width: 35px; height: 35px; margin-right: 10px; float: left; vertical-align: middle; }

#mobile-main-menu .sibling-link-container { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 5px; background-color: #228a28; }

#mobile-main-menu .sibling-link-container .sibling-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(100% - 40px); min-height: 55px; padding: 4px 15px 4px 20px; background-color: #228a28; color: #fff; font-size: 13px; letter-spacing: 1px; line-height: 1.2; text-transform: uppercase; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }

#mobile-main-menu .submenu-toggle-mobilemenu { -webkit-box-flex: 0; -ms-flex: 0 0 34px; flex: 0 0 34px; width: 34px; padding-right: 14px; background-color: #228a28; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

#mobile-main-menu .submenu-toggle-mobilemenu .menu-chevron { height: 48px; margin-top: 2px; margin-bottom: -2px; }

#mobile-main-menu .subnav { margin: 0 0 5px; padding-right: 20px; padding-left: 20px; border: 2px solid #228a28; background-color: #fff; }

#mobile-main-menu .subnav a { width: 100%; color: #727272; font-size: 13px; line-height: 1.3; }

#mobile-main-menu ul, #mobile-main-menu ul li { margin: 0; padding: 0; list-style-type: none; }

#mobile-main-menu .menu-chevron { height: 48px; }

.breadcrumbs { padding-top: 17px; padding-bottom: 17px; background: #2d2e37; color: #b5b5b5; font-size: 10px; letter-spacing: 1.3px; text-transform: uppercase; }

@media (min-width: 1300px) { .breadcrumbs .breadcrumbs-wrapper { -webkit-transform: translate(0px, 0); -ms-transform: translate(0px, 0); transform: translate(0px, 0); } }

@media (min-width: 1400px) { .breadcrumbs .breadcrumbs-wrapper { -webkit-transform: translate(-50px, 0); -ms-transform: translate(-50px, 0); transform: translate(-50px, 0); } }

@media (min-width: 1500px) { .breadcrumbs .breadcrumbs-wrapper { -webkit-transform: translate(-100px, 0); -ms-transform: translate(-100px, 0); transform: translate(-100px, 0); } }

@media (min-width: 1600px) { .breadcrumbs .breadcrumbs-wrapper { -webkit-transform: translate(-150px, 0); -ms-transform: translate(-150px, 0); transform: translate(-150px, 0); } }

@media (min-width: 1700px) { .breadcrumbs .breadcrumbs-wrapper { -webkit-transform: translate(-200px, 0); -ms-transform: translate(-200px, 0); transform: translate(-200px, 0); } }

@media (min-width: 1800px) { .breadcrumbs .breadcrumbs-wrapper { -webkit-transform: translate(-250px, 0); -ms-transform: translate(-250px, 0); transform: translate(-250px, 0); } }

@media (min-width: 1900px) { .breadcrumbs .breadcrumbs-wrapper { -webkit-transform: translate(-300px, 0); -ms-transform: translate(-300px, 0); transform: translate(-300px, 0); } }

@media (min-width: 2000px) { .breadcrumbs .breadcrumbs-wrapper { -webkit-transform: translate(-350px, 0); -ms-transform: translate(-350px, 0); transform: translate(-350px, 0); } }

@media (min-width: 2100px) { .breadcrumbs .breadcrumbs-wrapper { -webkit-transform: translate(-400px, 0); -ms-transform: translate(-400px, 0); transform: translate(-400px, 0); } }

@media (min-width: 2200px) { .breadcrumbs .breadcrumbs-wrapper { -webkit-transform: translate(-450px, 0); -ms-transform: translate(-450px, 0); transform: translate(-450px, 0); } }

@media (min-width: 2300px) { .breadcrumbs .breadcrumbs-wrapper { -webkit-transform: translate(-500px, 0); -ms-transform: translate(-500px, 0); transform: translate(-500px, 0); } }

@media (min-width: 2500px) { .breadcrumbs .breadcrumbs-wrapper { -webkit-transform: translate(-600px, 0); -ms-transform: translate(-600px, 0); transform: translate(-600px, 0); } }

@media (min-width: 2800px) { .breadcrumbs .breadcrumbs-wrapper { -webkit-transform: translate(-750px, 0); -ms-transform: translate(-750px, 0); transform: translate(-750px, 0); } }

@media (min-width: 3300px) { .breadcrumbs .breadcrumbs-wrapper { -webkit-transform: translate(-1000px, 0); -ms-transform: translate(-1000px, 0); transform: translate(-1000px, 0); } }

@media (min-width: 3800px) { .breadcrumbs .breadcrumbs-wrapper { -webkit-transform: translate(-1250px, 0); -ms-transform: translate(-1250px, 0); transform: translate(-1250px, 0); } }

@media (min-width: 4300px) { .breadcrumbs .breadcrumbs-wrapper { -webkit-transform: translate(-1500px, 0); -ms-transform: translate(-1500px, 0); transform: translate(-1500px, 0); } }

.breadcrumbs a { color: #b5b5b5; }

.breadcrumbs a:link, .breadcrumbs a:visited { color: #b5b5b5; }

.breadcrumbs a:focus, .breadcrumbs a:hover, .breadcrumbs a:active { color: #9c9c9c; }

.breadcrumbs span.last { color: #fff; }

.breadcrumbs span.separator { display: inline-block; margin: 0 10px; }

.container.main { margin-top: 60px; }

.subnav.subnav--pull-left { margin-top: 42px; margin-bottom: 30px; }

.subnav.subnav--pull-left a { display: block; }

.subnav.subnav--pull-left ul, .subnav.subnav--pull-left li { margin: 0; padding: 0; }

.subnav.subnav--pull-left li::before { display: none; content: ''; }

.subnav.subnav--pull-left ul li li { margin: 15px 0; }

.subnav.subnav--pull-left .parent-link a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(100% - 40px); height: 75px; background: #fff; }

.subnav.subnav--pull-left .parent-link a .parent-link-text { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; color: #228a28; font-size: 20px; letter-spacing: 1px; line-height: 1; }

.subnav.subnav--pull-left .parent-link a .menu-chevron { -webkit-box-flex: 0; -ms-flex: 0 0 35px; flex: 0 0 35px; width: 35px; height: 35px; margin-right: 10px; float: left; vertical-align: middle; }

.subnav.subnav--pull-left .sibling-link-container { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 5px; background-color: #228a28; }

.subnav.subnav--pull-left .sibling-link-container .sibling-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(100% - 40px); min-height: 55px; padding: 4px 15px 4px 20px; background-color: #228a28; color: #fff; font-size: 13px; letter-spacing: 1px; line-height: 1.2; text-transform: uppercase; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }

.subnav.subnav--pull-left .sibling-link-expander { -webkit-box-flex: 0; -ms-flex: 0 0 34px; flex: 0 0 34px; width: 34px; padding-right: 14px; background-color: #228a28; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.subnav.subnav--pull-left .sibling-link-expander .menu-chevron { height: 48px; margin-top: 2px; margin-bottom: -2px; }

.subnav.subnav--pull-left .children-menu { margin: 0 0 5px; padding-right: 20px; padding-left: 20px; border: 2px solid #228a28; background-color: #fff; }

.subnav.subnav--pull-left .children-menu a { width: 100%; color: #727272; font-size: 13px; line-height: 1.3; }

@media (min-width: 1300px) { .subnav.subnav--pull-left { -webkit-transform: translate(0px, 0); -ms-transform: translate(0px, 0); transform: translate(0px, 0); } }

@media (min-width: 1400px) { .subnav.subnav--pull-left { -webkit-transform: translate(-50px, 0); -ms-transform: translate(-50px, 0); transform: translate(-50px, 0); } }

@media (min-width: 1500px) { .subnav.subnav--pull-left { -webkit-transform: translate(-100px, 0); -ms-transform: translate(-100px, 0); transform: translate(-100px, 0); } }

@media (min-width: 1600px) { .subnav.subnav--pull-left { -webkit-transform: translate(-150px, 0); -ms-transform: translate(-150px, 0); transform: translate(-150px, 0); } }

@media (min-width: 1700px) { .subnav.subnav--pull-left { -webkit-transform: translate(-200px, 0); -ms-transform: translate(-200px, 0); transform: translate(-200px, 0); } }

@media (min-width: 1800px) { .subnav.subnav--pull-left { -webkit-transform: translate(-250px, 0); -ms-transform: translate(-250px, 0); transform: translate(-250px, 0); } }

@media (min-width: 1900px) { .subnav.subnav--pull-left { -webkit-transform: translate(-300px, 0); -ms-transform: translate(-300px, 0); transform: translate(-300px, 0); } }

@media (min-width: 2000px) { .subnav.subnav--pull-left { -webkit-transform: translate(-350px, 0); -ms-transform: translate(-350px, 0); transform: translate(-350px, 0); } }

@media (min-width: 2100px) { .subnav.subnav--pull-left { -webkit-transform: translate(-400px, 0); -ms-transform: translate(-400px, 0); transform: translate(-400px, 0); } }

@media (min-width: 2200px) { .subnav.subnav--pull-left { -webkit-transform: translate(-450px, 0); -ms-transform: translate(-450px, 0); transform: translate(-450px, 0); } }

@media (min-width: 2300px) { .subnav.subnav--pull-left { -webkit-transform: translate(-500px, 0); -ms-transform: translate(-500px, 0); transform: translate(-500px, 0); } }

@media (min-width: 2500px) { .subnav.subnav--pull-left { -webkit-transform: translate(-600px, 0); -ms-transform: translate(-600px, 0); transform: translate(-600px, 0); } }

@media (min-width: 2800px) { .subnav.subnav--pull-left { -webkit-transform: translate(-750px, 0); -ms-transform: translate(-750px, 0); transform: translate(-750px, 0); } }

@media (min-width: 3300px) { .subnav.subnav--pull-left { -webkit-transform: translate(-1000px, 0); -ms-transform: translate(-1000px, 0); transform: translate(-1000px, 0); } }

@media (min-width: 3800px) { .subnav.subnav--pull-left { -webkit-transform: translate(-1250px, 0); -ms-transform: translate(-1250px, 0); transform: translate(-1250px, 0); } }

@media (min-width: 4300px) { .subnav.subnav--pull-left { -webkit-transform: translate(-1500px, 0); -ms-transform: translate(-1500px, 0); transform: translate(-1500px, 0); } }

@media (min-width: 1300px) { .col-md-9.content { -webkit-transform: translate(0px, 0); -ms-transform: translate(0px, 0); transform: translate(0px, 0); } }

@media (min-width: 1400px) { .col-md-9.content { -webkit-transform: translate(-25px, 0); -ms-transform: translate(-25px, 0); transform: translate(-25px, 0); } }

@media (min-width: 1500px) { .col-md-9.content { -webkit-transform: translate(-50px, 0); -ms-transform: translate(-50px, 0); transform: translate(-50px, 0); } }

@media (min-width: 1600px) { .col-md-9.content { -webkit-transform: translate(-75px, 0); -ms-transform: translate(-75px, 0); transform: translate(-75px, 0); } }

@media (min-width: 1700px) { .col-md-9.content { -webkit-transform: translate(-100px, 0); -ms-transform: translate(-100px, 0); transform: translate(-100px, 0); } }

@media (min-width: 1800px) { .col-md-9.content { -webkit-transform: translate(-125px, 0); -ms-transform: translate(-125px, 0); transform: translate(-125px, 0); } }

.menu-spacer-no-parent { height: 20px; }

.sidebar-mobile { max-width: 300px; margin-top: 60px; margin-right: auto; margin-bottom: 60px; margin-left: auto; }

.subnav.sidebar-mobile a { display: block; }

.subnav.sidebar-mobile ul, .subnav.sidebar-mobile li { margin: 0; padding: 0; }

.subnav.sidebar-mobile li::before { display: none; content: ''; }

.subnav.sidebar-mobile ul li li { margin: 15px 0; }

.subnav.sidebar-mobile ._no_parent-link a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(100% - 40px); height: 75px; background: #fff; }

.subnav.sidebar-mobile ._no_parent-link a .parent-link-text { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; color: #228a28; font-size: 20px; letter-spacing: 1px; line-height: 1; }

.subnav.sidebar-mobile ._no_parent-link a .menu-chevron { -webkit-box-flex: 0; -ms-flex: 0 0 35px; flex: 0 0 35px; width: 35px; height: 35px; margin-right: 10px; float: left; vertical-align: middle; }

.subnav.sidebar-mobile .mobile-section-opener { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 5px; background-color: #228a28; }

.subnav.sidebar-mobile .mobile-section-opener .menu-link-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(100% - 40px); min-height: 55px; padding: 4px 15px 4px 20px; background-color: #228a28; color: #fff; font-size: 13px; letter-spacing: 1px; line-height: 1.2; text-transform: uppercase; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }

.subnav.sidebar-mobile .mobile-section-sibling-link-expander { -webkit-box-flex: 0; -ms-flex: 0 0 34px; flex: 0 0 34px; width: 34px; padding-right: 14px; background-color: #228a28; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.subnav.sidebar-mobile .mobile-section-sibling-link-expander .menu-chevron { height: 48px; margin-top: 2px; margin-bottom: -2px; }

.subnav.sidebar-mobile ._no-child { margin: 0 0 5px; padding-right: 20px; padding-left: 20px; border: 2px solid #228a28; background-color: #fff; }

.subnav.sidebar-mobile ._no-child a { width: 100%; color: #727272; font-size: 13px; line-height: 1.3; }

#mobile-sub-menu a { display: block; }

#mobile-sub-menu ul, #mobile-sub-menu li { margin: 0; padding: 0; }

#mobile-sub-menu li::before { display: none; content: ''; }

#mobile-sub-menu ul li li { margin: 15px 0; }

#mobile-sub-menu .parent-link a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(100% - 40px); height: 75px; background: #fff; }

#mobile-sub-menu .parent-link a .parent-link-text { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; color: #228a28; font-size: 20px; letter-spacing: 1px; line-height: 1; }

#mobile-sub-menu .parent-link a .menu-chevron { -webkit-box-flex: 0; -ms-flex: 0 0 35px; flex: 0 0 35px; width: 35px; height: 35px; margin-right: 10px; float: left; vertical-align: middle; }

#mobile-sub-menu .sibling-link-container { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 5px; background-color: #228a28; }

#mobile-sub-menu .sibling-link-container .sibling-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(100% - 40px); min-height: 55px; padding: 4px 15px 4px 20px; background-color: #228a28; color: #fff; font-size: 13px; letter-spacing: 1px; line-height: 1.2; text-transform: uppercase; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }

#mobile-sub-menu .sibling-link-expander { -webkit-box-flex: 0; -ms-flex: 0 0 34px; flex: 0 0 34px; width: 34px; padding-right: 14px; background-color: #228a28; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

#mobile-sub-menu .sibling-link-expander .menu-chevron { height: 48px; margin-top: 2px; margin-bottom: -2px; }

#mobile-sub-menu .children-menu { margin: 0 0 5px; padding-right: 20px; padding-left: 20px; border: 2px solid #228a28; background-color: #fff; }

#mobile-sub-menu .children-menu a { width: 100%; color: #727272; font-size: 13px; line-height: 1.3; }

#mobile-sub-menu ul, #mobile-sub-menu ul li { margin: 0; padding: 0; list-style-type: none; }

#mobile-sub-menu .menu-chevron { height: 48px; }

.page-home .home-heading { margin-bottom: 36px; }

@media (min-width: 1200px) { .page-home .home-heading { margin-bottom: 56px; font-size: 36px; letter-spacing: 3px; } }

.home-categories { padding-top: 60px; padding-bottom: 60px; }

.home-categories h3 { text-align: center; }

.home-categories .faq-box-holder .faq-box { position: relative; padding: 0; outline-color: #cccccc; outline-style: solid; outline-width: 2px; background-color: #2d2e37; }

.home-categories .faq-box-holder .faq-box:before { display: block; width: 100%; padding-top: 100%; content: ""; }

.home-categories .faq-box-holder .faq-box > .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.home-categories .faq-box-holder .faq-box .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; padding: 0; background-repeat: no-repeat; background-position: 50% 20%; background-size: 100%; text-align: center; }

.home-categories .faq-box-holder .faq-box .content a { font-family: "Rubik", sans-serif; font-weight: 500; display: block; width: 100%; height: 100%; color: #fff; font-size: 11px; letter-spacing: 2px; line-height: 1.2; text-align: center; text-transform: uppercase; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 480px) { .home-categories .faq-box-holder .faq-box .content a { font-size: 14px; } }

@media (min-width: 768px) { .home-categories .faq-box-holder .faq-box .content a { font-size: 24px; } }

@media (min-width: 992px) { .home-categories .faq-box-holder .faq-box .content a { font-size: 16px; } }

@media (min-width: 1200px) { .home-categories .faq-box-holder .faq-box .content a { font-size: 20px; line-height: 1.2; } }

.home-categories .faq-box-holder .faq-box .content a .image { display: block; width: 100%; height: 71%; }

.home-categories .faq-box-holder .faq-box .content a .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 26%; }

.home-categories .faq-box-holder .faq-box .content a .title span { display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-item-align: center; align-self: center; margin: 0 15px; }

.rubbish { background-image: url("../images/home-icons/1-Rubbish.svg"); }

.pets { background-image: url("../images/home-icons/2-Pets.svg"); }

.trees { background-image: url("../images/home-icons/3-Trees.svg"); }

.fences { background-image: url("../images/home-icons/4-Fences.svg"); }

.building-or-buying { background-image: url("../images/home-icons/5-Buying-or-Building.svg"); }

.payments-and-forms { background-image: url("../images/home-icons/6-Payments-and-Forms.svg"); }

.development-applications { background-image: url("../images/home-icons/7-Development-Applications.svg"); }

.report-it { background-image: url("../images/home-icons/8-Report-It.svg"); }

.white h3 { text-align: center; }

.white .faq-box-holder .faq-box { outline-color: #2d2e37; background-color: #fff; }

.white .faq-box-holder .faq-box .content a { color: #2d2e37; }

.white .rubbish { background-image: url("../images/home-icons/1R-Rubbish.svg"); }

.white .pets { background-image: url("../images/home-icons/2R-Pets.svg"); }

.white .trees { background-image: url("../images/home-icons/3R-Trees.svg"); }

.white .fences { background-image: url("../images/home-icons/4R-Fences.svg"); }

.white .building-or-buying { background-image: url("../images/home-icons/5R-Buying-or-Building.svg"); }

.white .payments-and-forms { background-image: url("../images/home-icons/6R-Payments-and-Forms.svg"); }

.white .development-applications { background-image: url("../images/home-icons/7R-Development-Applications.svg"); }

.white .report-it { background-image: url("../images/home-icons/8R-Report-It.svg"); }

.feature-links { padding-top: 60px; padding-bottom: 60px; }

.feature-links .feature-link { position: relative; position: relative; width: 100%; float: left; border: 2px solid #fff; cursor: pointer; overflow: hidden; }

.feature-links .feature-link:before { display: block; width: 100%; padding-top: 100%; content: ""; }

.feature-links .feature-link > .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.feature-links .feature-link .feature-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.feature-links .feature-link .feature-image img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.feature-links .feature-link .screen { position: relative; position: absolute; top: 0; left: 0; width: 100%; background: #b5b5b5; opacity: 0.9; }

.feature-links .feature-link .screen:before { display: block; width: 100%; padding-top: 100%; content: ""; }

.feature-links .feature-link .screen > .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.feature-links .feature-link .feature-content { position: absolute; bottom: 0; left: 0; width: 100%; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.feature-links .feature-link .feature-content h2 { color: #fff; font-size: 24px; font-weight: 500; letter-spacing: 2px; }

.feature-links .feature-link .feature-content h3 { color: #fff; font-size: 18px; font-style: italic; font-weight: normal; letter-spacing: 1.5px; }

.feature-links .feature-link .feature-content .link a { display: block; width: 42px; height: 42px; background: url("../images/link-button.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; text-indent: -9000em; overflow: hidden; }

.feature-links #fl-1 .screen { background: #d96f10; }

.feature-links #fl-2 .screen { background: #d24b85; }

.feature-links #fl-3 .screen { background: #009fd4; }

.feature-links #fl-4 .screen { background: #228a28; }

.feature-links #fl-5 .screen { background: #d96f10; }

.feature-links #fl-6 .screen { background: #009fd4; }

.feature-links #fl-7 .screen { background: #228a28; }

.feature-links #fl-8 .screen { background: #d24b85; }

.feature-links #fl-9 .screen { background: #d96f10; }

.feature-links #fl-10 .screen { background: #d24b85; }

.feature-links.visit-features { padding-top: 60px; padding-bottom: 60px; }

.feature-links.visit-features .feature-link { position: relative; position: relative; width: 100%; float: left; border: 2px solid #fff; cursor: pointer; overflow: hidden; }

.feature-links.visit-features .feature-link:before { display: block; width: 100%; padding-top: 100%; content: ""; }

.feature-links.visit-features .feature-link > .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.feature-links.visit-features .feature-link .feature-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.feature-links.visit-features .feature-link .feature-image img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.feature-links.visit-features .feature-link .screen { position: relative; position: absolute; top: 0; left: 0; width: 100%; background: #b5b5b5; opacity: 0.9; }

.feature-links.visit-features .feature-link .screen:before { display: block; width: 100%; padding-top: 100%; content: ""; }

.feature-links.visit-features .feature-link .screen > .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.feature-links.visit-features .feature-link .feature-content { position: absolute; bottom: 0; left: 0; width: 100%; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.feature-links.visit-features .feature-link .feature-content h2 { font-family: "Rubik", sans-serif; font-weight: 500; color: #fff; font-size: 24px; letter-spacing: 2px; }

.feature-links.visit-features .feature-link .feature-content h3 { color: #fff; font-size: 18px; font-style: italic; font-weight: normal; letter-spacing: 1.5px; }

.feature-links.visit-features .feature-link .feature-content .link a { display: block; width: 42px; height: 42px; background: url("../images/link-button.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; text-indent: -9000em; overflow: hidden; }

.container.main { background-color: #fff; }

.btn.btn-default { border: 0; border-radius: 0; background: #228a28; color: #fff; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.btn.btn-default:active:focus { background: #18611c; }

.pagination { border-radius: 0; }

.pagination li a { color: #2e2e37; }

.pagination li a:link, .pagination li a:focus, .pagination li a:visited, .pagination li a:hover, .pagination li a:active { color: #2e2e37; }

.pagination li.active a { border-color: #228a28; background-color: #228a28; color: #fff; }

.pagination li.active a:link, .pagination li.active a:focus, .pagination li.active a:visited, .pagination li.active a:hover, .pagination li.active a:active { color: #fff; }

.pagination > li:first-child > a { border-radius: 0; }

table { background-color: transparent; }

caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; }

th { text-align: left; }

table { width: 100%; max-width: 100%; margin-bottom: 20px; }

table > thead > tr > th, table > thead > tr > td, table > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td { padding: 8px; line-height: 1.42857; vertical-align: top; }

table > thead > tr > th { border-top: 5px solid #228a28; border-right: 1px solid #e7e7e7; border-bottom: 2px solid #e7e7e7; border-left: 1px solid #e7e7e7; background-color: #f2f2f2; vertical-align: bottom; }

table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td { border-top: 0; }

table > tbody + tbody { border-top: 2px solid #e7e7e7; }

table .table { background-color: #fff; }

table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { border: 1px solid #e7e7e7; }

table > thead > tr > td:first-child, table > tbody > tr > td:first-child, table > tfoot > tr > td:first-child { border-left: 0; }

table > thead > tr > td:last-child, table > tbody > tr > td:last-child, table > tfoot > tr > td:last-child { border-right: 0; }

table > thead > tr > th, table > thead > tr > td { border-bottom-width: 2px; }

.table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; }

.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; }

.table-hover > tbody > tr:hover { background-color: #f5f5f5; }

table col[class*="col-"] { display: table-column; position: static; float: none; }

table td[class*="col-"], table th[class*="col-"] { display: table-cell; position: static; float: none; }

.table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; }

.table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; }

.table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; }

.table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; }

.table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; }

.table-responsive { min-height: 0.01%; overflow-x: auto; }

@media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; border: 1px solid #e7e7e7; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive > .table { margin-bottom: 0; }
  .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; }
  .table-responsive > .table-bordered { border: 0; }
  .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; }
  .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; }
  .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } }

.fees .fees-fee { width: 25%; }

.fees .notes { color: #228a28; font-size: 0.9em; }

.sports-fields th, .sports-fields td { font-size: 14px; letter-spacing: 0.8px; text-align: center; }

.sports-fields td { height: 55px; vertical-align: middle; }

.sports-fields .sports-title { font-size: 13px; letter-spacing: 1.6px; line-height: 1.31; text-transform: uppercase; }

.sports-fields .sports-notes { width: 33%; }

.contact-map { min-height: 400px; }

.contact-map iframe { min-height: 400px; }

@media (min-width: 768px) { .contact-boxes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .contact-box { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; -ms-flex-item-align: auto; align-self: auto; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } }

.blog-posts .blog-post-item { margin: 0; border: 3px solid #fff; background-color: #2e2e37; /* creates triangle */ }

.blog-posts .blog-post-item .feature-image { position: relative; margin-top: 0; }

.blog-posts .blog-post-item .feature-image img { margin: 0; }

.blog-posts .blog-post-item .feature-image::after { display: block; /* reduce the damage in FF3.0 */ position: absolute; bottom: 0; left: 40px; width: 0; margin-top: 0; border-width: 0 15px 15px; border-style: solid; border-color: #2e2e37 transparent; content: ""; }

.blog-posts .blog-post-item .post-details { padding: 25px 20px; color: #fff; }

.blog-posts .blog-post-item .post-details .post-date { width: 70px; height: 70px; float: left; background-image: url("../images/home-icons/Calendar.svg"); background-repeat: no-repeat; background-position: 50% 50%; color: #fff; }

.blog-posts .blog-post-item .post-details .post-date span { display: block; width: 100%; margin: 28px 0 0 0; font-size: 13px; font-weight: 500; line-height: 1.2; text-align: center; }

.blog-posts .blog-post-item .post-details .post-date span:last-child { margin: 0 0 0; font-weight: normal; }

.blog-posts .blog-post-item .post-details h2 { font-family: "Rubik", sans-serif; font-weight: 500; width: calc(100% - 70px); margin: 0; padding-left: 20px; float: left; font-size: 18px; font-weight: 500; letter-spacing: 1.1px; line-height: 1.22; }

.blog-posts .blog-post-item .post-details h2 a { color: #fff; }

.blog-posts .blog-post-item .post-details .post-summary { display: none; margin-top: 7px; font-size: 14px; letter-spacing: 0.9px; line-height: 1.43; }

.blog-posts .blog-post-item:nth-of-type(4n+1) { background-color: #228a28; }

.blog-posts .blog-post-item:nth-of-type(4n+1) .feature-image::after { border-color: #228a28 transparent; }

.blog-posts .blog-post-item:nth-of-type(4n+2) { background-color: #009fd4; }

.blog-posts .blog-post-item:nth-of-type(4n+2) .feature-image::after { border-color: #009fd4 transparent; }

.blog-posts .blog-post-item:nth-of-type(4n+3) { background-color: #d24b85; }

.blog-posts .blog-post-item:nth-of-type(4n+3) .feature-image::after { border-color: #d24b85 transparent; }

.blog-posts .blog-post-item:nth-of-type(4n+4) { background-color: #d96f10; }

.blog-posts .blog-post-item:nth-of-type(4n+4) .feature-image::after { border-color: #d96f10 transparent; }

.post-image { margin-right: -15px; margin-left: -15px; }

@media (min-width: 480px) { .blog-post-item { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } }

@media (min-width: 992px) { .blog-post-item { width: 33%; border-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .blog-post-item .post-details .post-summary.post-summary { display: block; } }

.people-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: flex-begin; -ms-flex-pack: flex-begin; justify-content: flex-begin; }

.people-summary { -webkit-box-flex: 0; -ms-flex: 0 0.25 100%; flex: 0 0.25 100%; -ms-flex-item-align: auto; align-self: auto; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-right: 15px; margin-bottom: 15px; background: #2d2e37; overflow: hidden; }

.people-summary .bio::before { display: block; /* reduce the damage in FF3.0 */ position: absolute; top: -14px; left: 20px; width: 0; margin-top: 0; border-width: 0 15px 15px; border-style: solid; border-color: #2e2e37 transparent; content: ""; }

.people-summary .bio { position: relative; padding: 25px; }

.people-summary .bio div { margin-top: 25px; }

.people-summary .bio div a { color: #d96f10; }

.people-summary .bio div > p:last-child { margin-bottom: 0; }

.people-summary .bio h2 { margin-bottom: 5px; font-size: 18px; letter-spacing: 1.5px; }

.people-summary .bio h3 { font-family: "Rubik", sans-serif; margin-bottom: 5px; font-size: 13px; font-weight: normal; text-transform: uppercase; }

.person-detail h2.bio-info { margin-bottom: 5px; font-size: 18px; }

.person-detail h3.bio-info { font-family: "Rubik", sans-serif; margin-top: 0; margin-bottom: 5px; color: #b5b5b5; font-size: 13px; font-weight: normal; text-transform: uppercase; }

.person-detail h2.person-footer { margin-top: 60px; margin-bottom: 25px; }

.person-detail h2.person-footer a { color: #2e2e37; }

.person-detail h2.person-footer a:link, .person-detail h2.person-footer a:visited { color: #2e2e37; }

.person-detail h2.person-footer a:focus, .person-detail h2.person-footer a:hover, .person-detail h2.person-footer a:active { color: #17171b; }

.person-detail h2.person-footer.icon-chevron { margin-top: 0; }

@media (min-width: 600px) { .people-summary { -webkit-box-flex: 0; -ms-flex: 0 0.25 47%; flex: 0 0.25 47%; } }

@media (min-width: 992px) { .people-summary { -webkit-box-flex: 0; -ms-flex: 0 0.25 31%; flex: 0 0.25 31%; } }

.searchResults { margin-top: 60px; }

.searchQuery { font-family: "Rubik", sans-serif; font-weight: 500; margin-top: 3em; margin-bottom: 2em; font-size: 26px; font-weight: 500; letter-spacing: 3px; text-align: center; }

@media (min-width: 992px) { .searchQuery { font-size: 32px; } }

.searchQuery .query-term { padding-right: 1em; padding-left: 1em; border-bottom: 3px solid; }

@media (min-width: 768px) { .search-result-box { padding: 25px; } }

.search-result-box p:last-child { margin-bottom: 0; }

.search-summary { color: #b5b5b5; }

.search-result h3 a { color: #2e2e37; }

.search-result h3 a:link, .search-result h3 a:focus, .search-result h3 a:visited { color: #2e2e37; }

.search-result h3 a:hover, .search-result h3 a:active { color: #2e2e37; text-decoration: none; }

.readMoreLink { font-family: "Rubik", sans-serif; font-weight: 500; color: #d96f10; font-weight: 500; }

.readMoreLink:link, .readMoreLink:focus, .readMoreLink:visited { color: #d96f10; }

.readMoreLink:hover, .readMoreLink:active { color: #d96f10; text-decoration: none; }

.ui-autocomplete { padding: 0; border-top: 0; border-right: 0; border-bottom: 0; border-radius: 0; }

.ui-autocomplete li::before { display: none; }

.ui-autocomplete li.ui-menu-item { background: #2d2e37; }

.ui-autocomplete li.ui-menu-item:last-child { padding-bottom: 10px; }

.ui-autocomplete li.ui-menu-item a { padding: 6px 20px; color: #b5b5b5; cursor: pointer; }

.ui-autocomplete li.ui-menu-item a:link, .ui-autocomplete li.ui-menu-item a:focus, .ui-autocomplete li.ui-menu-item a:visited { color: #b5b5b5; }

.ui-autocomplete li.ui-menu-item a:hover, .ui-autocomplete li.ui-menu-item a:active { color: #b5b5b5; text-decoration: none; }

.ui-autocomplete li.ui-menu-item a.ui-state-focus { margin: 0; padding: 6px 20px; border: 0; border-radius: 0; background: #3a3c4c; color: #fff; }

.FAQList { margin-bottom: 30px; }

.FAQList h2 { color: #2e2e37; font-size: 18px; }

@media (min-width: 768px) { .FAQList h2 { font-size: 22px; } }

@media (min-width: 1200px) { .FAQList h2 { font-size: 24px; } }

.FAQList .faq-item { padding: 15px; border-top: 2px solid #228a28; }

.FAQList .faq-item.last { border-bottom: 2px solid #228a28; }

.FAQList .faq-item h3 { margin-top: 0; margin-bottom: 0; font-size: 14px; }

@media (min-width: 768px) { .FAQList .faq-item h3 { font-size: 16px; } }

@media (min-width: 1200px) { .FAQList .faq-item h3 { font-size: 18px; } }

.FAQList .faq-item h3 a { color: #228a28; }

.FAQList .faq-item h3 .title-text { display: block; margin-right: 30px; }

.FAQList .faq-item h3 .menu-chevron { display: inline-block; width: 19px; height: 19px; margin-top: -2px; }

.FAQList .faq-item .answer { padding-top: 15px; font-size: 12px; }

@media (min-width: 768px) { .FAQList .faq-item .answer { font-size: 14px; } }

@media (min-width: 1200px) { .FAQList .faq-item .answer { font-size: 16px; } }

.filtercontrols .field.optionset > label, .filtercontrols .form-group input, .EventsHolder .filtercontrols .optionset label { display: block; width: 100%; color: #fff; font-size: 16px; font-weight: normal; letter-spacing: 1px; line-height: 1.75; text-align: center; }

.filtercontrols .field.optionset > label.left, .filtercontrols .form-group input.left, .EventsHolder .filtercontrols .optionset label.left { margin-top: 45px; margin-bottom: 30px; }

.filtercontrols .checkbox, .filtercontrols .radio { display: block; margin: 0 !important; float: left; }

.filtercontrols .checkbox label, .filtercontrols .radio label { padding-right: 7px; padding-left: 0; }

@media (min-width: 1200px) { .filtercontrols .checkbox label, .filtercontrols .radio label { font-size: 20px; } }

.filtercontrols .checkbox label input:checked, .filtercontrols .checkbox label input:not(:checked), .filtercontrols .radio label input:checked, .filtercontrols .radio label input:not(:checked) { display: none; }

.filtercontrols .checkbox label span, .filtercontrols .radio label span { display: block; padding: 10px; background: #4b4e60; color: #fff; letter-spacing: 1.9px; }

.filtercontrols .checkbox label input:checked + span, .filtercontrols .radio label input:checked + span { background-color: #d24b85; }

.filtercontrols .form-group { width: 50%; padding-top: 45px; padding-bottom: 30px; float: left; text-align: right; }

.filtercontrols .form-group input { width: 150px; margin-right: 4px; float: right; -webkit-box-shadow: 0; box-shadow: 0; }

.filtercontrols .form-group:last-child input { margin-left: 4px; float: left; background: #4b4e60; }

.openfilter { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #4b4e60; color: #fff; font-size: 16px; letter-spacing: 1px; line-height: 1.75; }

.openfilter a { display: block; width: 100%; color: #fff !important; text-align: center; }

.openfilter.dark-background { background-color: #3a3c4c; }

.darkish-background { background: #f2f2f2; font-size: 0.9em; letter-spacing: 1px; }

.darkish-background a { color: #d96f10; }

.darkish-background a:link, .darkish-background a:visited { color: #d96f10; }

.darkish-background a:focus, .darkish-background a:hover, .darkish-background a:active { color: #aa570c; }

.darkish-background .macarthur-guide-copy h2 { margin-top: 45px; }

.place-landing-content h2, .place-landing-content h3, .place-landing-content h4 { margin-top: 45px; }

.filter-control { position: relative; border-top: 1px solid #4b4e60; }

.filter-control .close-icon { position: absolute; top: 15px; right: 15px; z-index: 1000; }

.filter-control .close-icon a { display: block; width: 25px; height: 25px; }

.filter-control.dark-background { background-color: #3a3c4c; }

.place-list { margin-top: 60px; margin-bottom: 60px; }

.place-list .place-box { padding: 0; }

.place-list .place-details { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; padding: 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

@media (min-width: 768px) { .place-list .place-details { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 20px; } }

.place-list .place-image { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-item-align: stretch; align-self: stretch; }

@media (min-width: 768px) { .place-list .place-image { -webkit-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; } }

.place-list .information { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-item-align: stretch; align-self: stretch; padding: 15px; }

@media (min-width: 768px) { .place-list .information { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 30px 50px; } }

.place-list .information h2 { font-family: "Rubik", sans-serif; font-weight: 500; color: #fff; font-size: 24px; letter-spacing: 2px; }

.place-list .information .text { margin-left: 15px; color: #b5b5b5; letter-spacing: 1px; }

.place-list .information .text p { margin-bottom: 5px; clear: both; }

.place-list .information .text .website { max-width: 90%; letter-spacing: 0; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.place-list .information .text .place-icon { display: block; margin-top: 3px; margin-right: 15px; margin-bottom: 15px; float: left; }

.place-list .information .readmore-button { clear: both; }

@media (min-width: 768px) { .place-list .information .readmore-button { position: absolute; bottom: 30px; } }

.visit-features.feature-links .feature-link .feature-content { display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; padding: 0; }

.visit-features.feature-links .feature-link .feature-content h2, .visit-features.feature-links .feature-link .feature-content h3 { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-item-align: auto; align-self: auto; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin: 0; font-size: 7vw; }

.visit-features.feature-links .feature-link .feature-content h2 a, .visit-features.feature-links .feature-link .feature-content h3 a { color: #fff; }

.visit-features.feature-links .feature-link .feature-content h2 a:link, .visit-features.feature-links .feature-link .feature-content h2 a:visited, .visit-features.feature-links .feature-link .feature-content h3 a:link, .visit-features.feature-links .feature-link .feature-content h3 a:visited { color: #fff; }

.visit-features.feature-links .feature-link .feature-content h2 a:focus, .visit-features.feature-links .feature-link .feature-content h2 a:hover, .visit-features.feature-links .feature-link .feature-content h2 a:active, .visit-features.feature-links .feature-link .feature-content h3 a:focus, .visit-features.feature-links .feature-link .feature-content h3 a:hover, .visit-features.feature-links .feature-link .feature-content h3 a:active { color: #e6e6e6; }

.visit-features.feature-links .feature-link .feature-content h3 { margin-bottom: 20px; }

.feature-links.visit-features .feature-link.macarthurguide .screen { background: #d24b85; }

.feature-links.visit-features .feature-link.macarthurguide h2, .feature-links.visit-features .feature-link.macarthurguide h3 { margin-bottom: 20px; text-align: center; }

.placedetail h2 { font-family: "Rubik", sans-serif; font-weight: 500; margin-bottom: 40px; color: #228a28; font-size: 24px; letter-spacing: 3px; }

@media (min-width: 992px) { .placedetail h2 { font-size: 36px; } }

.placedetail h3 { font-family: "Rubik", sans-serif; font-weight: 500; font-size: 18px; letter-spacing: 2px; }

@media (min-width: 992px) { .placedetail h3 { font-size: 24px; } }

.placedetail .overview { margin-top: 60px; font-size: 16px; letter-spacing: 1px; }

.placedetail .overview a { color: #d96f10; font-family: "Rubik", sans-serif; font-weight: 500; }

.placedetail .overview a:link, .placedetail .overview a:visited { color: #d96f10; }

.placedetail .overview a:focus, .placedetail .overview a:hover, .placedetail .overview a:active { color: #aa570c; }

@media (min-width: 768px) { .placedetail .contact { margin-left: 33px; } }

.placedetail .contact, .placedetail .contact tr, .placedetail .contact td { border: 0; }

.placedetail .contact .icon { width: 30px; }

.placedetail .icon-spacer { width: 2em; }

#map { width: 100%; height: 300px; margin-bottom: 30px; }

@media (min-width: 768px) { #map { height: 450px; } }

@media (min-width: 992px) { .feature-links .feature-link.macarthurguide.spancols-8, .feature-links .feature-link.macarthurguide.spancols-2 { position: relative; width: 50%; max-width: 50%; }
  .feature-links .feature-link.macarthurguide.spancols-8:before, .feature-links .feature-link.macarthurguide.spancols-2:before { display: block; width: 100%; padding-top: 50%; content: ""; }
  .feature-links .feature-link.macarthurguide.spancols-8 > .content, .feature-links .feature-link.macarthurguide.spancols-2 > .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
  .feature-links .feature-link.macarthurguide.spancols-8 .feature-content h2, .feature-links .feature-link.macarthurguide.spancols-8 .feature-content h3, .feature-links .feature-link.macarthurguide.spancols-2 .feature-content h2, .feature-links .feature-link.macarthurguide.spancols-2 .feature-content h3 { font-size: 30px; }
  .feature-links .feature-link.macarthurguide.spancols-8:before, .feature-links .feature-link.macarthurguide.spancols-2:before { padding-top: 49.6%; }
  .feature-links .feature-link.macarthurguide.spancols-7, .feature-links .feature-link.macarthurguide.spancols-1 { position: relative; width: 75%; max-width: 75%; }
  .feature-links .feature-link.macarthurguide.spancols-7:before, .feature-links .feature-link.macarthurguide.spancols-1:before { display: block; width: 100%; padding-top: 33.33333%; content: ""; }
  .feature-links .feature-link.macarthurguide.spancols-7 > .content, .feature-links .feature-link.macarthurguide.spancols-1 > .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
  .feature-links .feature-link.macarthurguide.spancols-7 h2, .feature-links .feature-link.macarthurguide.spancols-7 h3, .feature-links .feature-link.macarthurguide.spancols-1 h2, .feature-links .feature-link.macarthurguide.spancols-1 h3 { font-size: 40px; }
  .feature-links .feature-link.macarthurguide.spancols-7::before, .feature-links .feature-link.macarthurguide.spancols-1::before { padding-top: 33%; }
  .feature-links .feature-link.macarthurguide.spancols-6, .feature-links .feature-link.macarthurguide.spancols-0 { position: relative; width: 100%; max-width: 100%; }
  .feature-links .feature-link.macarthurguide.spancols-6:before, .feature-links .feature-link.macarthurguide.spancols-0:before { display: block; width: 100%; padding-top: 25%; content: ""; }
  .feature-links .feature-link.macarthurguide.spancols-6 > .content, .feature-links .feature-link.macarthurguide.spancols-0 > .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
  .feature-links .feature-link.macarthurguide.spancols-6 h2, .feature-links .feature-link.macarthurguide.spancols-6 h3, .feature-links .feature-link.macarthurguide.spancols-0 h2, .feature-links .feature-link.macarthurguide.spancols-0 h3 { font-size: 50px; }
  .feature-links .feature-link.macarthurguide.spancols-6:before, .feature-links .feature-link.macarthurguide.spancols-0:before { padding-top: 24.5%; } }

.amenities-list { margin-top: 10px; margin-bottom: 2em; clear: both; }

.amenity { display: block; margin-right: 7px; margin-bottom: 7px; padding: 10px; padding-top: 5px; padding-bottom: 5px; float: left; background: #4b4e60; color: #fff; font-size: 0.8em; letter-spacing: 1.9px; }

.amenity.active { background-color: #d24b85; }

@media (min-width: 768px) { .macarthur-tourism { padding-right: 0; padding-left: 0; }
  .macarthur-tourism .row { margin-right: 0; margin-left: 0; }
  .macarthur-tourism .row > div { padding-right: 0; padding-left: 0; } }

@media (min-width: 768px) and (min-width: 768px) { .macarthur-tourism .macarthur-guide-copy { max-width: 410px; } }

@media (min-width: 768px) and (min-width: 992px) { .macarthur-tourism .macarthur-guide-copy { max-width: 570px; } }

@media (min-width: 768px) and (min-width: 992px) { .macarthur-tourism .macarthur-guide-copy { max-width: 685px; } }

.placedetail .gallery, .placedetail .amenities { margin-top: 60px; }

.placedetail .gallery-item { margin-bottom: 30px; }

.indexpage h2 { font-family: "Rubik", sans-serif; font-weight: 500; margin-top: 60px; font-size: 24px; font-weight: 500; letter-spacing: 2px; }

.indexpage .index-jumper, .indexpage .resources .resources-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (min-width: 768px) { .indexpage .index-jumper, .indexpage .resources .resources-list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }

.indexpage .indexpage-jump, .indexpage .resources .indexpage-resourcelink { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-item-align: stretch; align-self: stretch; margin-bottom: 30px; padding: 30px; border: 1px solid #2e2e37; cursor: pointer; }

.indexpage .indexpage-jump .icon-arrow-down-circle, .indexpage .resources .indexpage-resourcelink .icon-arrow-down-circle { font-size: 20px; }

@media (min-width: 768px) { .indexpage .indexpage-jump, .indexpage .resources .indexpage-resourcelink { -webkit-box-flex: 1; -ms-flex: 1 1 33%; flex: 1 1 33%; margin-right: 20px; } }

.indexpage .indexpage-jump:last-child, .indexpage .resources .indexpage-resourcelink:last-child { margin-right: 0; }

.indexpage .indexpage-jump h3, .indexpage .resources .indexpage-resourcelink h3 { margin-top: 0; padding-top: 0; padding-right: 25px; font-size: 20px; font-weight: 500; letter-spacing: 2px; line-height: 1.3; text-transform: uppercase; }

.indexpage .resources .indexpage-resourcelink { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; }

@media (min-width: 768px) { .indexpage .resources .indexpage-resourcelink { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; margin-right: 20px; } }

.indexpage .resources .indexpage-resourcelink h4 { font-size: 20px; font-weight: 500; letter-spacing: 2px; line-height: 1.3; }

.indexpage .resources .indexpage-resourcelink h4 a { color: #2e2e37; }

.indexpage .resources .indexpage-resourcelink .download-link { display: inline-block; margin-top: 5px; padding: 10px 20px; background: #228a28; color: #fff; font-size: 13px; text-transform: uppercase; }

.EventsHolder .filtercontrols { position: relative; }

.EventsHolder .filtercontrols .radio { display: block; float: left; }

.EventsHolder .filtercontrols .radio label { padding-right: 7px; padding-left: 0; }

.EventsHolder .filtercontrols .radio label input:checked, .EventsHolder .filtercontrols .radio label input:not(:checked) { display: none; }

.EventsHolder .filtercontrols .radio label span { display: block; padding: 10px; background: #4b4e60; color: #fff; letter-spacing: 1.9px; }

.EventsHolder .filtercontrols .radio label input:checked + span { background-color: #d24b85; }

.EventsHolder .events-subnav { background-color: #4c4e60; }

.EventsHolder .events-subnav > div { padding-right: 0; padding-left: 0; }

.EventsHolder .events-subnav a, .EventsHolder .events-subnav span { font-family: "Rubik", sans-serif; font-weight: 500; color: #fff; display: block; border-bottom: 5px solid #4c4e60; background: #4c4e60; color: #fff; font-size: 13px; line-height: 40px; text-align: center; }

.EventsHolder .events-subnav a:link, .EventsHolder .events-subnav a:visited, .EventsHolder .events-subnav span:link, .EventsHolder .events-subnav span:visited { color: #fff; }

.EventsHolder .events-subnav a:focus, .EventsHolder .events-subnav a:hover, .EventsHolder .events-subnav a:active, .EventsHolder .events-subnav span:focus, .EventsHolder .events-subnav span:hover, .EventsHolder .events-subnav span:active { color: #e6e6e6; }

@media (min-width: 768px) { .EventsHolder .events-subnav a, .EventsHolder .events-subnav span { font-size: 22px; line-height: 78px; } }

.EventsHolder .events-subnav a:hover { border-color: #d24b85; background: #4c4e60; }

.EventsHolder .events-subnav span { background: rgba(113, 115, 139, 0.42); border-bottom: 5px solid #d24b85; }

.EventsHolder .events-list { border: 1px solid #fff; border-left-width: 2px; }

.EventsHolder .event { position: relative; position: relative; width: 100%; float: left; border: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.EventsHolder .event:before { display: block; width: 100%; padding-top: 100%; content: ""; }

.EventsHolder .event > .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.EventsHolder .event .caption { position: absolute; bottom: 0; width: 100%; }

.EventsHolder .event .caption.dark-background { background: rgba(45, 46, 55, 0.9); }

.EventsHolder .event .post-date { width: 70px; height: 70px; float: left; background-image: url("../images/home-icons/Calendar.svg"); background-repeat: no-repeat; background-position: 50% 50%; color: #fff; margin: 10px; float: left; }

.EventsHolder .event .post-date span { display: block; width: 100%; margin: 28px 0 0 0; font-size: 13px; font-weight: 500; line-height: 1.2; text-align: center; }

.EventsHolder .event .post-date span:last-child { margin: 0 0 0; font-weight: normal; }

.EventsHolder .event .title { font-family: "Rubik", sans-serif; font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 100px); height: 94px; margin-left: 5px; float: left; border-left-width: 7px; font-size: 13px; letter-spacing: 2.3px; line-height: 1; }

@media (min-width: 768px) { .EventsHolder .event .title { font-size: 18px; } }

@media (min-width: 992px) { .EventsHolder .event .title { font-size: 20px; } }

.EventsHolder .event .title a { color: #fff; }

.EventsHolder .event .title a:link, .EventsHolder .event .title a:visited { color: #fff; }

.EventsHolder .event .title a:focus, .EventsHolder .event .title a:hover, .EventsHolder .event .title a:active { color: #e6e6e6; }

.EventsHolder .event.feature-event { position: relative; width: 100%; margin-bottom: -1px; }

.EventsHolder .event.feature-event:before { display: block; width: 100%; padding-top: 100%; content: ""; }

.EventsHolder .event.feature-event > .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.EventsHolder .event.feature-event .title { font-size: 28px; }

.EventsHolder .event.feature-event .featured-tag { font-family: "Rubik", sans-serif; font-weight: 500; position: absolute; top: 0; right: 0; padding: 15px 20px; background: #228a28; color: #fff; font-size: 13px; letter-spacing: 1.7px; }

@media (min-width: 768px) { .EventsHolder .event.feature-event .featured-tag { font-size: 20px; } }

.EventsHolder .event.with-image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.EventsHolder .event.no-image .caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; }

.EventsHolder .event.no-image .title { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-item-align: center; align-self: center; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; width: auto; margin-top: 70px; padding-right: 10px; padding-left: 10px; font-size: 18px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 768px) { .EventsHolder .event.no-image .title { font-size: 22px; } }

@media (min-width: 992px) { .EventsHolder .event.no-image .title { font-size: 28px; } }

@media (min-width: 1200px) { .EventsHolder .event.no-image .title { font-size: 32px; } }

.EventsHolder .event.no-image .post-date { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.EventsHolder .event:nth-child(4n+1) { background-color: #d24b85; }

.EventsHolder .event:nth-child(4n+1) .green-left, .EventsHolder .event:nth-child(4n+1) .ui-autocomplete { border-color: #d24b85; }

.EventsHolder .event:nth-child(4n+2) { background-color: #d96f10; }

.EventsHolder .event:nth-child(4n+2) .green-left, .EventsHolder .event:nth-child(4n+2) .ui-autocomplete { border-color: #d96f10; }

.EventsHolder .event:nth-child(4n+3) { background-color: #228a28; }

.EventsHolder .event:nth-child(4n+3) .green-left, .EventsHolder .event:nth-child(4n+3) .ui-autocomplete { border-color: #228a28; }

.EventsHolder .event:nth-child(4n+4) { background-color: #009fd4; }

.EventsHolder .event:nth-child(4n+4) .green-left, .EventsHolder .event:nth-child(4n+4) .ui-autocomplete { border-color: #009fd4; }

.EventsHolder .event.pink { background-color: #d24b85; }

.EventsHolder .event.pink .green-left, .EventsHolder .event.pink .ui-autocomplete { border-color: #d24b85; }

.EventsHolder .event.orange { background-color: #d96f10; }

.EventsHolder .event.orange .green-left, .EventsHolder .event.orange .ui-autocomplete { border-color: #d96f10; }

.EventsHolder .event.green { background-color: #228a28; }

.EventsHolder .event.green .green-left, .EventsHolder .event.green .ui-autocomplete { border-color: #228a28; }

.EventsHolder .event.blue { background-color: #009fd4; }

.EventsHolder .event.blue .green-left, .EventsHolder .event.blue .ui-autocomplete { border-color: #009fd4; }

.EventsHolder .event.event-pagination { background-color: #2d2e37; }

.EventsHolder .event.event-pagination .title { width: 100%; margin-bottom: 70px; }

.EventsHolder .event.event-pagination .title a { width: 100%; text-align: center; }

.EventsHolder .event.event-pagination .title a span { display: block; width: 42px; height: 42px; background: url("../images/link-button.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; text-indent: -9000em; overflow: hidden; margin: 15px auto; }

.EventsHolder .event.event-pagination .title a.prev span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.EventPage .photo { margin-top: 20px; }

.EventPage .photo img { margin-top: 0; }

.EventPage .event-details { width: 100%; border: 0; border-collapse: separate; border-spacing: 3px; }

.EventPage .event-details td { margin: 3px; border: 0; background: #fff; }

@media (min-width: 768px) { .EventPage .event-details td { padding: 15px; } }

.EventPage .event-details .name { font-family: "Rubik", sans-serif; font-weight: 500; padding-left: 13px; letter-spacing: 2px; -webkit-box-shadow: inset 5px 0 0 0 #228a28; box-shadow: inset 5px 0 0 0 #228a28; }

@media (min-width: 768px) { .EventPage .event-details .name { width: 13em; } }

.EventPage .event-details .copy { border-right: 0; letter-spacing: 1px; }

.EventPage .wide-padding { padding-top: 60px; padding-bottom: 60px; }

.EventPage .back-to-events { font-family: "Rubik", sans-serif; font-weight: 500; padding-top: 80px; padding-bottom: 80px; letter-spacing: 2px; }

.EventPage .back-to-events a { color: #fff; }

.EventPage .back-to-events a:link, .EventPage .back-to-events a:visited { color: #fff; }

.EventPage .back-to-events a:focus, .EventPage .back-to-events a:hover, .EventPage .back-to-events a:active { color: #e6e6e6; }

/* all screens larger than extra-extra-small (350px) */
@media (min-width: 350px) { .EventsHolder .event { width: 50%; }
  .EventsHolder .event.feature-event { width: 100%; } }

/* all screens larger than extra-small (480px) */
/* screens larget than small (768px) */
@media (min-width: 768px) { .EventsHolder .event { width: 33.333333333%; }
  .EventsHolder .event.feature-event { width: 66.66666666666%; } }

/* screens larger than medium (992px) */
@media (min-width: 992px) { .EventsHolder .event { width: 25%; }
  .EventsHolder .event.feature-event { width: 50%; } }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1500px) { .EventsHolder .event { width: 16.6666666667%; }
  .EventsHolder .event.feature-event { width: 33.3333333333%; } }

.top-jumper { -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }

.top-jumper.affix-top { opacity: 0; }

.top-jumper.affix-bottom { position: absolute; right: 0; opacity: 0; }

.top-jumper.affix { right: 0; bottom: 0; opacity: 1; }

.top-jumper a { display: block; width: 50px; height: 50px; font-size: 35px; line-height: 56px; text-align: center; }

footer { background-color: #2d2e37; color: #b5b5b5 !important; }

footer a { color: #b5b5b5 !important; }

footer .footer-boxes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: distribute; justify-content: space-around; }

footer .footer-boxes .footer-box { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 16px 26px; border-bottom: 1px solid #b5b5b5; border-left: 9px solid #009fd4; font-size: 11px; line-height: 1.73; }

@media (min-width: 768px) { footer .footer-boxes .footer-box { border-left-width: 4px; } }

@media (min-width: 992px) { footer .footer-boxes .footer-box { border-left-width: 6px; font-size: 12px; } }

@media (min-width: 1200px) { footer .footer-boxes .footer-box { border-left-width: 9px; } }

@media (min-width: 1600px) { footer .footer-boxes .footer-box { font-size: 16px; } }

footer .footer-boxes .footer-box h2, footer .footer-boxes .footer-box h3 { margin-top: 30px; margin-bottom: 15px; font-size: 13px; }

@media (min-width: 768px) { footer .footer-boxes .footer-box h2, footer .footer-boxes .footer-box h3 { margin-bottom: 15px; font-size: 13px; } }

@media (min-width: 992px) { footer .footer-boxes .footer-box h2, footer .footer-boxes .footer-box h3 { margin-bottom: 24px; font-size: 20px; } }

@media (min-width: 1200px) { footer .footer-boxes .footer-box h2, footer .footer-boxes .footer-box h3 { margin-bottom: 18px; font-size: 16px; } }

@media (min-width: 1600px) { footer .footer-boxes .footer-box h2, footer .footer-boxes .footer-box h3 { font-size: 23px; } }

footer .footer-boxes .footer-box.fb-one { border-left-color: #d24b85; }

footer .footer-boxes .footer-box.fb-two { border-left-color: #009fd4; }

footer .footer-boxes .footer-box.fb-three { border-left-color: #228a28; }

footer .footer-boxes .footer-box.fb-four { border-left-color: #d96f10; }

footer .site-info--panel form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 500px; margin-right: auto; margin-left: auto; }

footer .site-info--panel form > fieldset, footer .site-info--panel form > div.userform-fields { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-item-align: auto; align-self: auto; }

footer .site-info--panel form > div.userform-fields, footer .site-info--panel form fieldset { display: block !important; }

footer .site-info--panel form > nav.Actions { -webkit-box-flex: 1; -ms-flex: 1 1 180px; flex: 1 1 180px; -ms-flex-item-align: auto; align-self: auto; }

footer .site-info--panel form > nav.Actions .form-group { width: 100%; }

footer .site-info--panel form label { display: none; }

footer .site-info--panel form input[type="submit"] { width: 100%; height: 44px; border-radius: 0 20px 20px 0; letter-spacing: 1px; text-transform: uppercase; }

footer .site-info--panel form input[type="email"] { width: 100%; height: 44px; padding-left: 22px; border: 2px solid #fff; border-right: 0; border-radius: 22px 0 0 22px; background: transparent; color: #fff; font-size: 12px; letter-spacing: 0.8px; -webkit-box-sizing: border-box; box-sizing: border-box; }

footer .site-info--panel form input[type="email"]::-webkit-input-placeholder { color: #fff; }

footer .site-info--panel form input[type="email"]:-ms-input-placeholder { color: #fff; }

footer .site-info--panel form input[type="email"]::placeholder { color: #fff; }

footer .site-info--panel form .form-group { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-item-align: auto; align-self: auto; width: auto; float: right; }

footer .site-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

footer .site-info > .site-info--panel { padding-top: 30px; padding-right: 15px; padding-bottom: 30px; padding-left: 15px; }

footer .site-info > .site-info--panel:nth-child(1) { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; -ms-flex-item-align: 50%; align-self: 50%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; line-height: 1.3; }

@media (min-width: 1400px) { footer .site-info > .site-info--panel:nth-child(1) { padding-left: 70px; } }

footer .site-info > .site-info--panel:nth-child(1) a { font-family: "Rubik", sans-serif; font-weight: 500; display: block; }

footer .site-info > .site-info--panel:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-item-align: auto; align-self: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; border-bottom: 1px solid #fff; }

footer .site-info > .site-info--panel:nth-child(2) h3 { max-width: 500px; margin: 0 auto 15px; padding-left: 20px; }

footer .site-info > .site-info--panel:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; -ms-flex-item-align: 50%; align-self: 50%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }

@media (min-width: 1400px) { footer .site-info > .site-info--panel:nth-child(3) { padding-right: 70px; } }

.survey-overlay .close-control { color: #fff; }

.survey-overlay .close-control .close { opacity: 1; }

.survey-overlay .close-control .close span { display: inline-block; width: 30px; height: 30px; background: url("../images/hamburger-close.svg") 0 0 no-repeat; overflow: hidden; }

.survey-overlay .wrapper { font-family: "Rubik", sans-serif; font-weight: 400; max-width: 900px; margin: 5% auto; padding: 30px 20px 0; border-left: 10px solid #228a28; background: #2d2e37; color: #fff; }

@media (min-width: 768px) { .survey-overlay .wrapper { padding: 40px 70px 0; } }

.survey-overlay .logo { position: relative; top: 75px; width: 150px; height: 150px; margin: -50px auto 0; }

.survey-overlay h3 { margin-bottom: 30px; color: #fff; font-size: 22px; text-transform: none; }

@media (min-width: 768px) { .survey-overlay h3 { font-size: 36px; } }

.survey-overlay p { font-size: 16px; }

.survey-overlay .close-buttons a { display: inline-block; margin: 30px 5px 0 0; padding: 8px 15px; background: #228a28; color: #fff; font-size: 16px; letter-spacing: 1px; }

.survey-overlay .close-and-save a { display: inline-block; padding: 10px 15px; border: 1px solid #fff; color: #fff; }

.survey-overlay form { margin: 0 -20px 0 -30px; padding: 85px 25px 45px; background: #fff; }

@media (min-width: 768px) { .survey-overlay form { margin: 0 -70px 0 -80px; padding: 85px 70px 45px; } }

.survey-overlay form input, .survey-overlay form textarea { width: 100%; margin-bottom: 22px; padding: 12px 20px; border: 2px solid #228a28; color: #000; font-size: 14px; }

@media (min-width: 768px) { .survey-overlay form input, .survey-overlay form textarea { font-size: 20px; } }

.survey-overlay form .Actions input[type="submit"] { width: auto; }

.br-theme-bars-movie .br-widget { height: auto; margin-bottom: 10px; white-space: nowrap; }

.br-theme-bars-movie .br-widget a { display: block; width: 60px; height: 26px; margin: 1px; float: left; background-color: #A7D0A9; }

.br-theme-bars-movie .br-widget .br-active, .br-theme-bars-movie .br-widget .br-selected { background-color: #228a28; }

.br-theme-bars-movie .br-widget .br-current-rating { display: block; width: 300px; padding: 0.5em 0; clear: both; color: #228a28; font-weight: 400; letter-spacing: 1px; text-align: center; }

.br-theme-bars-movie .br-widget .br-readonly a { cursor: default; }

.br-theme-bars-movie .br-widget .br-readonly .br-active, .br-theme-bars-movie .br-widget .br-readonly .br-selected { background-color: #228a28; }

.br-theme-bars-movie .br-widget .br-readonly .br-current-rating { color: #228a28; }

.userform .userformsstep.form-step .field .hide { display: inherit !important; }

/* all screens larger than extra-small (480px) */
@media (min-width: 480px) { .feature-links .feature-link { max-width: 50%; }
  .feature-links .feature-link .feature-content h2 { font-size: 18px; }
  .feature-links .feature-link .feature-content h3 { font-size: 15px; } }

/* screens larger than small (768px) */
@media (min-width: 768px) { .feature-links .feature-link { max-width: 50%; }
  .feature-links .feature-link .feature-content h2 { font-size: 24px; }
  .feature-links .feature-link .feature-content h3 { font-size: 18px; }
  .feature-links #fl-1, .feature-links #fl-6 { width: 100%; max-width: 100%; }
  .feature-links #fl-1 .feature-content h2, .feature-links #fl-6 .feature-content h2 { font-size: 32px; }
  .feature-links #fl-1 .feature-content h3, .feature-links #fl-6 .feature-content h3 { font-size: 24px; }
  .visit-features.feature-links #fl-6 { width: 50%; max-width: 50%; }
  .visit-features.feature-links #fl-6 .feature-content h2 { font-size: 20px; }
  .visit-features.feature-links #fl-6 .feature-content h3 { font-size: 18px; }
  .visit-features.feature-links #fl-1 { width: 100%; max-width: 100%; }
  .visit-features.feature-links #fl-1 .feature-content h2 { font-size: 32px; }
  .visit-features.feature-links #fl-1 .feature-content h3 { font-size: 24px; }
  footer .footer-boxes { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  footer .footer-boxes .footer-box { -webkit-box-flex: 1; -ms-flex: 1 0 25%; flex: 1 0 25%; max-width: 25%; } }

/* screens larger than medium (992px) */
@media (min-width: 992px) { .panel-group { margin-bottom: 0; }
  .panel-group .panel-heading { background-color: #228a28; background-image: none; }
  .panel-group .panel-heading .expander { display: inline-block; width: 22px; height: 22px; float: right; -webkit-transform: rotateZ(0deg); -ms-transform: rotate(0deg); transform: rotateZ(0deg); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; background-image: url("../images/expander.svg"); cursor: pointer; }
  .panel-group .panel-heading .collapsed { -webkit-transform: rotateZ(180deg); -ms-transform: rotate(180deg); transform: rotateZ(180deg); }
  .panel-group .panel-heading a { color: #fff; font-size: 13px; text-transform: uppercase; }
  .panel-group .panel-heading .panel-body-level-2 .list-group-item a { color: #727272; font-size: 13px; text-transform: none; }
  .feature-links .feature-link { max-width: 25%; }
  .feature-links .feature-link .feature-content h2 { font-size: 20px; }
  .feature-links .feature-link .feature-content h3 { font-size: 16px; }
  .feature-links #fl-1, .feature-links #fl-6 { max-width: 50%; width: 50%; }
  .feature-links #fl-6 { float: right; }
  .feature-links #fl-6 .screen { background: #d24b85; }
  .feature-links #fl-7 .screen { background: #009fd4; }
  .feature-links #fl-8 .screen { background: #228a28; }
  .feature-links #fl-9 .screen { background: #d24b85; }
  .feature-links #fl-10 .screen { background: #d96f10; }
  .visit-features.feature-links .feature-link .feature-content h2, .visit-features.feature-links .feature-link .feature-content h3 { font-size: 30px; }
  .visit-features.feature-links #fl-1 { width: 50%; max-width: 50%; }
  .visit-features.feature-links #fl-1 .feature-content h2 { font-size: 70px; }
  .visit-features.feature-links #fl-6 { width: 25%; max-width: 25%; float: left; }
  .visit-features.feature-links #fl-6 .feature-content h2 { font-size: 30px; }
  .visit-features.feature-links #fl-4 { width: 50%; max-width: 50%; float: right; }
  .visit-features.feature-links #fl-4 .feature-content h2 { font-size: 70px; }
  footer .site-info { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  footer .site-info > .site-info--panel:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; max-width: 25%; padding-top: 70px; text-align: left; }
  footer .site-info > .site-info--panel:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; max-width: 50%; border-bottom: 0; }
  footer .site-info > .site-info--panel:nth-child(3) { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; max-width: 25%; text-align: right; }
  footer .site-info > .site-info--panel:nth-child(3) img { float: right; } }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { .feature-links .feature-link { max-width: 25%; }
  .feature-links #fl-1, .feature-links #fl-6 { max-width: 50%; width: 50%; }
  .feature-links #fl-6 { float: right; }
  .visit-features.feature-links #fl-6 { width: 25%; max-width: 25%; float: left; }
  .visit-features.feature-links #fl-4 { width: 50%; max-width: 50%; float: right; }
  footer .footer-boxes .fb-two > div { width: 45%; float: left; }
  footer .footer-boxes .fb-two > div:last-child { margin-left: 5%; margin-bottom: 50px; } }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { input { line-height: normal !important; }
  .userform-progress .step-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .userform-progress .step-button-wrapper { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: block; }
  .userform-progress .step-button-wrapper:last-child { text-align: right; }
  select::-ms-expand { background: transparent; border: 0; }
  .EventsHolder .event.no-image .title { width: 100%; }
  .EventsHolder .event.no-image .title a { width: 100%; } }
/*# sourceMappingURL=main.css.map */