@charset "UTF-8";

@font-face {
    font-family: 'canada-type-gibson-regular';
    src:url('../fonts/Gibson-Regular.eot');
    src:url('../fonts/Gibson-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gibson-Regular.woff') format('woff'),
        url('../fonts/Gibson-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'canada-type-gibson';
    src:url('../fonts/Gibson-SemiBold.eot');
    src:url('../fonts/Gibson-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gibson-SemiBold.woff') format('woff'),
        url('../fonts/Gibson-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.datepicker--cells {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.datepicker--cell {
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    z-index: 1
}

.datepicker--cell.-focus- {
    background: #f0f0f0
}

.datepicker--cell.-current- {
    color: #4eb5e6
}

.datepicker--cell.-current-.-focus- {
    color: #4a4a4a
}

.datepicker--cell.-current-.-in-range- {
    color: #4eb5e6
}

.datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, .1);
    color: #4a4a4a;
    border-radius: 0
}

.datepicker--cell.-in-range-.-focus- {
    background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae
}

.datepicker--cell.-disabled-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-disabled-.-in-range- {
    color: #a1a1a1
}

.datepicker--cell.-disabled-.-current-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-range-from- {
    border: 1px solid rgba(92, 196, 239, .5);
    background-color: rgba(92, 196, 239, .1);
    border-radius: 4px 0 0 4px
}

.datepicker--cell.-range-to- {
    border: 1px solid rgba(92, 196, 239, .5);
    background-color: rgba(92, 196, 239, .1);
    border-radius: 0 4px 4px 0
}

.datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px
}

.datepicker--cell.-selected- {
    border: none
}

.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current- {
    color: #fff;
    background: #5cc4ef
}

.datepicker--cell.-selected-.-focus- {
    background: #45bced
}

.datepicker--cell:empty {
    cursor: default
}

.datepicker--days-names {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 3px
}

.datepicker--day-name {
    color: #ff9a19;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.datepicker--cell-day {
    width: 14.28571%
}

.datepicker--cells-months {
    height: 170px
}

.datepicker--cell-month {
    width: 33.33%;
    height: 25%
}

.datepicker--cells-years,
.datepicker--years {
    height: 170px
}

.datepicker--cell-year {
    width: 25%;
    height: 33.33%
}

.datepickers-container {
    position: absolute;
    left: 0;
    top: 0
}

@media print {
    .datepickers-container {
        display: none
    }
}

.datepicker {
    background: #fff;
    border: 1px solid #dbdbdb;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-sizing: content-box;
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    width: 250px;
    position: absolute;
    left: -100000px;
    opacity: 0;
    transition: opacity .3s ease, transform .3s ease, left 0s .3s;
    z-index: 100
}

.datepicker.-from-top- {
    transform: translateY(-8px)
}

.datepicker.-from-right- {
    transform: translateX(8px)
}

.datepicker.-from-bottom- {
    transform: translateY(8px)
}

.datepicker.-from-left- {
    transform: translateX(-8px)
}

.datepicker.active {
    opacity: 1;
    transform: translate(0);
    transition: opacity .3s ease, transform .3s ease, left 0s 0s
}

.datepicker-inline .datepicker {
    border-color: #d7d7d7;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    transform: none
}

.datepicker-inline .datepicker--pointer {
    display: none
}

.datepicker--content {
    box-sizing: content-box;
    padding: 4px
}

.-only-timepicker- .datepicker--content {
    display: none
}

.datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    width: 10px;
    height: 10px;
    z-index: -1
}

.-top-center- .datepicker--pointer,
.-top-left- .datepicker--pointer,
.-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    transform: rotate(135deg)
}

.-right-bottom- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-top- .datepicker--pointer {
    right: calc(100% - 4px);
    transform: rotate(225deg)
}

.-bottom-center- .datepicker--pointer,
.-bottom-left- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    transform: rotate(315deg)
}

.-left-bottom- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-top- .datepicker--pointer {
    left: calc(100% - 4px);
    transform: rotate(45deg)
}

.-bottom-left- .datepicker--pointer,
.-top-left- .datepicker--pointer {
    left: 10px
}

.-bottom-right- .datepicker--pointer,
.-top-right- .datepicker--pointer {
    right: 10px
}

.-bottom-center- .datepicker--pointer,
.-top-center- .datepicker--pointer {
    left: calc(50% - 10px / 2)
}

.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
    top: 10px
}

.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
    bottom: 10px
}

.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2)
}

.datepicker--body {
    display: none
}

.datepicker--body.active {
    display: block
}

.datepicker--nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    min-height: 32px;
    padding: 4px
}

.-only-timepicker- .datepicker--nav {
    display: none
}

.datepicker--nav-action,
.datepicker--nav-title {
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.datepicker--nav-action {
    width: 32px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker--nav-action:hover {
    background: #f0f0f0
}

.datepicker--nav-action.-disabled- {
    visibility: hidden
}

.datepicker--nav-action svg {
    width: 32px;
    height: 32px
}

.datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px
}

.datepicker--nav-title {
    border-radius: 4px;
    padding: 0 8px
}

.datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px
}

.datepicker--nav-title:hover {
    background: #f0f0f0
}

.datepicker--nav-title.-disabled- {
    cursor: default;
    background: none
}

.datepicker--buttons {
    display: -ms-flexbox;
    display: flex;
    padding: 4px;
    border-top: 1px solid #efefef
}

.datepicker--button {
    color: #4eb5e6;
    cursor: pointer;
    border-radius: 4px;
    -ms-flex: 1;
    flex: 1;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px
}

.datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0
}

.datepicker--time {
    border-top: 1px solid #efefef;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    position: relative
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
    -ms-flex: 0 1 138px;
    flex: 0 1 138px;
    max-width: 138px
}

.-only-timepicker- .datepicker--time {
    border-top: none
}

.datepicker--time-sliders {
    -ms-flex: 0 1 153px;
    flex: 0 1 153px;
    margin-right: 10px;
    max-width: 153px
}

.datepicker--time-label {
    display: none;
    font-size: 12px
}

.datepicker--time-current {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    text-align: center;
    margin: 0 0 0 10px
}

.datepicker--time-current-colon {
    margin: 0 2px 3px;
    line-height: 1
}

.datepicker--time-current-hours,
.datepicker--time-current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
    position: relative;
    z-index: 1
}

.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
    content: "";
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}

.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
    opacity: 1
}

.datepicker--time-current-ampm {
    text-transform: uppercase;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #9c9c9c;
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px
}

.datepicker--time-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: linear-gradient(90deg, #dedede, #dedede) left 50%/100% 1px no-repeat
}

.datepicker--time-row:first-child {
    margin-bottom: 4px
}

.datepicker--time-row input[type=range] {
    background: none;
    cursor: pointer;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none
}

.datepicker--time-row input[type=range]::-ms-tooltip {
    display: none
}

.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-moz-range-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-ms-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:focus {
    outline: none
}

.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-moz-range-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-ms-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
    margin-top: -6px
}

.datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: transparent
}

.datepicker--time-row input[type=range]::-moz-range-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: transparent
}

.datepicker--time-row input[type=range]::-ms-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: transparent
}

.datepicker--time-row input[type=range]::-ms-fill-lower,
.datepicker--time-row input[type=range]::-ms-fill-upper {
    background: transparent
}

.datepicker--time-row span {
    padding: 0 12px
}

.datepicker--time-icon {
    color: #9c9c9c;
    border: 1px solid;
    border-radius: 50%;
    font-size: 16px;
    position: relative;
    margin: 0 5px -1px 0;
    width: 1em;
    height: 1em
}

.datepicker--time-icon:after,
.datepicker--time-icon:before {
    content: "";
    background: currentColor;
    position: absolute
}

.datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: calc(50% - 1px);
    top: calc(50% + 1px);
    transform: translateY(-100%)
}

.datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(50% + 1px);
    left: calc(50% - 1px)
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, .1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none
}


/*! Hint.css - v2.4.1 - 2016-11-08
* http://kushagragour.in/lab/hint/
* Copyright (c) 2016 Kushagra Gour */

[class*=hint--] {
    position: relative;
    display: inline-block
}

[class*=hint--]:after,
[class*=hint--]:before {
    position: absolute;
    transform: translateZ(0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    transition: .3s ease;
    transition-delay: 0ms
}

[class*=hint--]:hover:after,
[class*=hint--]:hover:before {
    visibility: visible;
    opacity: 1;
    transition-delay: .1s
}

[class*=hint--]:before {
    content: "";
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000001
}

[class*=hint--]:after {
    background: #383838;
    color: #fff;
    padding: 8px 10px;
    font-size: 12px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 12px;
    white-space: nowrap
}

[class*=hint--][aria-label]:after {
    content: attr(aria-label)
}

[class*=hint--][data-hint]:after {
    content: attr(data-hint)
}

[aria-label=""]:after,
[aria-label=""]:before,
[data-hint=""]:after,
[data-hint=""]:before {
    display: none!important
}

.hint--top-left:before,
.hint--top-right:before,
.hint--top:before {
    border-top-color: #383838
}

.hint--bottom-left:before,
.hint--bottom-right:before,
.hint--bottom:before {
    border-bottom-color: #383838
}

.hint--left:before {
    border-left-color: #383838
}

.hint--right:before {
    border-right-color: #383838
}

.hint--top:before {
    margin-bottom: -11px
}

.hint--top:after,
.hint--top:before {
    bottom: 100%;
    left: 50%
}

.hint--top:before {
    left: calc(50% - 6px)
}

.hint--top:after {
    transform: translateX(-50%)
}

.hint--top:hover:before {
    transform: translateY(-8px)
}

.hint--top:hover:after {
    transform: translateX(-50%) translateY(-8px)
}

.hint--bottom:before {
    margin-top: -11px
}

.hint--bottom:after,
.hint--bottom:before {
    top: 100%;
    left: 50%
}

.hint--bottom:before {
    left: calc(50% - 6px)
}

.hint--bottom:after {
    transform: translateX(-50%)
}

.hint--bottom:hover:before {
    transform: translateY(8px)
}

.hint--bottom:hover:after {
    transform: translateX(-50%) translateY(8px)
}

.hint--right:before {
    margin-left: -11px;
    margin-bottom: -6px
}

.hint--right:after {
    margin-bottom: -14px
}

.hint--right:after,
.hint--right:before {
    left: 100%;
    bottom: 50%
}

.hint--right:hover:after,
.hint--right:hover:before {
    transform: translateX(8px)
}

.hint--left:before {
    margin-right: -11px;
    margin-bottom: -6px
}

.hint--left:after {
    margin-bottom: -14px
}

.hint--left:after,
.hint--left:before {
    right: 100%;
    bottom: 50%
}

.hint--left:hover:after,
.hint--left:hover:before {
    transform: translateX(-8px)
}

.hint--top-left:before {
    margin-bottom: -11px
}

.hint--top-left:after,
.hint--top-left:before {
    bottom: 100%;
    left: 50%
}

.hint--top-left:before {
    left: calc(50% - 6px)
}

.hint--top-left:after {
    transform: translateX(-100%);
    margin-left: 12px
}

.hint--top-left:hover:before {
    transform: translateY(-8px)
}

.hint--top-left:hover:after {
    transform: translateX(-100%) translateY(-8px)
}

.hint--top-right:before {
    margin-bottom: -11px
}

.hint--top-right:after,
.hint--top-right:before {
    bottom: 100%;
    left: 50%
}

.hint--top-right:before {
    left: calc(50% - 6px)
}

.hint--top-right:after {
    transform: translateX(0);
    margin-left: -12px
}

.hint--top-right:hover:after,
.hint--top-right:hover:before {
    transform: translateY(-8px)
}

.hint--bottom-left:before {
    margin-top: -11px
}

.hint--bottom-left:after,
.hint--bottom-left:before {
    top: 100%;
    left: 50%
}

.hint--bottom-left:before {
    left: calc(50% - 6px)
}

.hint--bottom-left:after {
    transform: translateX(-100%);
    margin-left: 12px
}

.hint--bottom-left:hover:before {
    transform: translateY(8px)
}

.hint--bottom-left:hover:after {
    transform: translateX(-100%) translateY(8px)
}

.hint--bottom-right:before {
    margin-top: -11px
}

.hint--bottom-right:after,
.hint--bottom-right:before {
    top: 100%;
    left: 50%
}

.hint--bottom-right:before {
    left: calc(50% - 6px)
}

.hint--bottom-right:after {
    transform: translateX(0);
    margin-left: -12px
}

.hint--bottom-right:hover:after,
.hint--bottom-right:hover:before {
    transform: translateY(8px)
}

.hint--large:after,
.hint--medium:after,
.hint--small:after {
    white-space: normal;
    line-height: 1.4em;
    word-wrap: break-word
}

.hint--small:after {
    width: 80px
}

.hint--medium:after {
    width: 150px
}

.hint--large:after {
    width: 300px
}

[class*=hint--]:after {
    text-shadow: 0 -1px 0 #000;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, .3)
}

.hint--error:after {
    background-color: #b34e4d;
    text-shadow: 0 -1px 0 #592726
}

.hint--error.hint--top-left:before,
.hint--error.hint--top-right:before,
.hint--error.hint--top:before {
    border-top-color: #b34e4d
}

.hint--error.hint--bottom-left:before,
.hint--error.hint--bottom-right:before,
.hint--error.hint--bottom:before {
    border-bottom-color: #b34e4d
}

.hint--error.hint--left:before {
    border-left-color: #b34e4d
}

.hint--error.hint--right:before {
    border-right-color: #b34e4d
}

.hint--warning:after {
    background-color: #c09854;
    text-shadow: 0 -1px 0 #6c5328
}

.hint--warning.hint--top-left:before,
.hint--warning.hint--top-right:before,
.hint--warning.hint--top:before {
    border-top-color: #c09854
}

.hint--warning.hint--bottom-left:before,
.hint--warning.hint--bottom-right:before,
.hint--warning.hint--bottom:before {
    border-bottom-color: #c09854
}

.hint--warning.hint--left:before {
    border-left-color: #c09854
}

.hint--warning.hint--right:before {
    border-right-color: #c09854
}

.hint--info:after {
    background-color: #3986ac;
    text-shadow: 0 -1px 0 #1a3c4d
}

.hint--info.hint--top-left:before,
.hint--info.hint--top-right:before,
.hint--info.hint--top:before {
    border-top-color: #3986ac
}

.hint--info.hint--bottom-left:before,
.hint--info.hint--bottom-right:before,
.hint--info.hint--bottom:before {
    border-bottom-color: #3986ac
}

.hint--info.hint--left:before {
    border-left-color: #3986ac
}

.hint--info.hint--right:before {
    border-right-color: #3986ac
}

.hint--success:after {
    background-color: #458746;
    text-shadow: 0 -1px 0 #1a321a
}

.hint--success.hint--top-left:before,
.hint--success.hint--top-right:before,
.hint--success.hint--top:before {
    border-top-color: #458746
}

.hint--success.hint--bottom-left:before,
.hint--success.hint--bottom-right:before,
.hint--success.hint--bottom:before {
    border-bottom-color: #458746
}

.hint--success.hint--left:before {
    border-left-color: #458746
}

.hint--success.hint--right:before {
    border-right-color: #458746
}

.hint--always:after,
.hint--always:before {
    opacity: 1;
    visibility: visible
}

.hint--always.hint--top:before {
    transform: translateY(-8px)
}

.hint--always.hint--top:after {
    transform: translateX(-50%) translateY(-8px)
}

.hint--always.hint--top-left:before {
    transform: translateY(-8px)
}

.hint--always.hint--top-left:after {
    transform: translateX(-100%) translateY(-8px)
}

.hint--always.hint--top-right:after,
.hint--always.hint--top-right:before {
    transform: translateY(-8px)
}

.hint--always.hint--bottom:before {
    transform: translateY(8px)
}

.hint--always.hint--bottom:after {
    transform: translateX(-50%) translateY(8px)
}

.hint--always.hint--bottom-left:before {
    transform: translateY(8px)
}

.hint--always.hint--bottom-left:after {
    transform: translateX(-100%) translateY(8px)
}

.hint--always.hint--bottom-right:after,
.hint--always.hint--bottom-right:before {
    transform: translateY(8px)
}

.hint--always.hint--left:after,
.hint--always.hint--left:before {
    transform: translateX(-8px)
}

.hint--always.hint--right:after,
.hint--always.hint--right:before {
    transform: translateX(8px)
}

.hint--rounded:after {
    border-radius: 4px
}

.hint--no-animate:after,
.hint--no-animate:before {
    transition-duration: 0ms
}

.hint--bounce:after,
.hint--bounce:before {
    transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24)
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.mfp-bg,
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.mfp-wrap {
    z-index: 1043;
    outline: none!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height:300px),
screen and (max-width:800px) and (orientation:landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media (max-width:900px) {
    .mfp-arrow {
        transform: scale(.75)
    }
    .mfp-arrow-left {
        transform-origin: 0
    }
    .mfp-arrow-right {
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.tippy-touch {
    cursor: pointer!important
}

.tippy-notransition {
    transition: none!important
}

.tippy-popper {
    max-width: 350px;
    perspective: 700px;
    z-index: 9999;
    outline: 0;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    pointer-events: none;
    line-height: 1.4
}

.tippy-popper[data-html] {
    max-width: 96%;
    max-width: calc(100% - 20px)
}

.tippy-popper[x-placement^=top] .tippy-backdrop {
    border-radius: 40% 40% 0 0
}

.tippy-popper[x-placement^=top] .tippy-roundarrow {
    bottom: -8px;
    transform-origin: 50% 0
}

.tippy-popper[x-placement^=top] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    transform: rotate(180deg)
}

.tippy-popper[x-placement^=top] .tippy-arrow {
    border-top: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -7px;
    margin: 0 6px;
    transform-origin: 50% 0
}

.tippy-popper[x-placement^=top] .tippy-backdrop {
    transform-origin: 0 90%
}

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] {
    transform: scale(6) translate(-50%, 25%);
    opacity: 1
}

.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] {
    transform: scale(1) translate(-50%, 25%);
    opacity: 0
}

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    transform: translateY(-20px)
}

.tippy-popper[x-placement^=top] [data-animation=perspective] {
    transform-origin: bottom
}

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    transform: translateY(-10px) rotateX(0)
}

.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    transform: translateY(0) rotateX(90deg)
}

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] {
    opacity: 1;
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    transform: translateY(-10px)
}

.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    transform: translateY(0)
}

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] {
    opacity: 1;
    transform: translateY(-10px) scale(1)
}

.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    transform: translateY(0) scale(0)
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
    border-radius: 0 0 30% 30%
}

.tippy-popper[x-placement^=bottom] .tippy-roundarrow {
    top: -8px;
    transform-origin: 50% 100%
}

.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    transform: rotate(0)
}

.tippy-popper[x-placement^=bottom] .tippy-arrow {
    border-bottom: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: -7px;
    margin: 0 6px;
    transform-origin: 50% 100%
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop {
    transform-origin: 0 -90%
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] {
    transform: scale(6) translate(-50%, -125%);
    opacity: 1
}

.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] {
    transform: scale(1) translate(-50%, -125%);
    opacity: 0
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    transform: translateY(20px)
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
    transform-origin: top
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    transform: translateY(10px) rotateX(0)
}

.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    transform: translateY(0) rotateX(-90deg)
}

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] {
    opacity: 1;
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    transform: translateY(10px)
}

.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    transform: translateY(0)
}

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] {
    opacity: 1;
    transform: translateY(10px) scale(1)
}

.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    transform: translateY(0) scale(0)
}

.tippy-popper[x-placement^=left] .tippy-backdrop {
    border-radius: 50% 0 0 50%
}

.tippy-popper[x-placement^=left] .tippy-roundarrow {
    right: -16px;
    transform-origin: 33.33333333% 50%
}

.tippy-popper[x-placement^=left] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    transform: rotate(90deg)
}

.tippy-popper[x-placement^=left] .tippy-arrow {
    border-left: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    right: -7px;
    margin: 3px 0;
    transform-origin: 0 50%
}

.tippy-popper[x-placement^=left] .tippy-backdrop {
    transform-origin: 100% 0
}

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] {
    transform: scale(6) translate(40%, -50%);
    opacity: 1
}

.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] {
    transform: scale(1.5) translate(40%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    transform: translateX(-20px)
}

.tippy-popper[x-placement^=left] [data-animation=perspective] {
    transform-origin: right
}

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    transform: translateX(-10px) rotateY(0)
}

.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    transform: translateX(0) rotateY(-90deg)
}

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] {
    opacity: 1;
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    transform: translateX(-10px)
}

.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    transform: translateX(0)
}

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] {
    opacity: 1;
    transform: translateX(-10px) scale(1)
}

.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    transform: translateX(0) scale(0)
}

.tippy-popper[x-placement^=right] .tippy-backdrop {
    border-radius: 0 50% 50% 0
}

.tippy-popper[x-placement^=right] .tippy-roundarrow {
    left: -16px;
    transform-origin: 66.66666666% 50%
}

.tippy-popper[x-placement^=right] .tippy-roundarrow svg {
    position: absolute;
    left: 0;
    transform: rotate(-90deg)
}

.tippy-popper[x-placement^=right] .tippy-arrow {
    border-right: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    left: -7px;
    margin: 3px 0;
    transform-origin: 100% 50%
}

.tippy-popper[x-placement^=right] .tippy-backdrop {
    transform-origin: -100% 0
}

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] {
    transform: scale(6) translate(-140%, -50%);
    opacity: 1
}

.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] {
    transform: scale(1.5) translate(-140%, -50%);
    opacity: 0
}

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] {
    opacity: 1;
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] {
    opacity: 0;
    transform: translateX(20px)
}

.tippy-popper[x-placement^=right] [data-animation=perspective] {
    transform-origin: left
}

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] {
    opacity: 1;
    transform: translateX(10px) rotateY(0)
}

.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] {
    opacity: 0;
    transform: translateX(0) rotateY(90deg)
}

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] {
    opacity: 1;
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] {
    opacity: 0;
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] {
    opacity: 1;
    transform: translateX(10px)
}

.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] {
    opacity: 0;
    transform: translateX(0)
}

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] {
    opacity: 1;
    transform: translateX(10px) scale(1)
}

.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] {
    opacity: 0;
    transform: translateX(0) scale(0)
}

.tippy-tooltip {
    position: relative;
    color: #fff;
    border-radius: 4px;
    font-size: .9rem;
    padding: .3rem .6rem;
    text-align: center;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #333
}

.tippy-tooltip[data-size=small] {
    padding: .2rem .4rem;
    font-size: .75rem
}

.tippy-tooltip[data-size=large] {
    padding: .4rem .8rem;
    font-size: 1rem
}

.tippy-tooltip[data-animatefill] {
    overflow: hidden;
    background-color: transparent
}

.tippy-tooltip[data-animatefill] .tippy-content {
    transition: -webkit-clip-path cubic-bezier(.46, .1, .52, .98);
    transition: clip-path cubic-bezier(.46, .1, .52, .98);
    transition: clip-path cubic-bezier(.46, .1, .52, .98), -webkit-clip-path cubic-bezier(.46, .1, .52, .98)
}

.tippy-tooltip[data-interactive],
.tippy-tooltip[data-interactive] path {
    pointer-events: auto
}

.tippy-tooltip[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.53, 2, .36, .85)
}

.tippy-tooltip[data-inertia][data-state=hidden] {
    transition-timing-function: ease
}

.tippy-arrow,
.tippy-roundarrow {
    position: absolute;
    width: 0;
    height: 0
}

.tippy-roundarrow {
    width: 24px;
    height: 8px;
    fill: #333;
    pointer-events: none
}

.tippy-backdrop {
    position: absolute;
    will-change: transform;
    background-color: #333;
    border-radius: 50%;
    width: 26%;
    left: 50%;
    top: 50%;
    z-index: -1;
    transition: all cubic-bezier(.46, .1, .52, .98);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%
}

body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(100% 100% at 50% 50%);
    clip-path: ellipse(100% 100% at 50% 50%)
}

body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(5% 50% at 50% 50%);
    clip-path: ellipse(5% 50% at 50% 50%)
}

body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(135% 100% at 0 50%);
    clip-path: ellipse(135% 100% at 0 50%)
}

body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(40% 100% at 0 50%);
    clip-path: ellipse(40% 100% at 0 50%)
}

body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content {
    -webkit-clip-path: ellipse(135% 100% at 100% 50%);
    clip-path: ellipse(135% 100% at 100% 50%)
}

body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content {
    -webkit-clip-path: ellipse(40% 100% at 100% 50%);
    clip-path: ellipse(40% 100% at 100% 50%)
}

@media (max-width:360px) {
    .tippy-popper {
        max-width: 96%;
        max-width: calc(100% - 20px)
    }
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow {
    border-top: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow {
    border-bottom: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow {
    border-left: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow {
    border-right: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.tippy-tooltip.light-theme {
    color: #26323d;
    box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
    background-color: #fff
}

.tippy-tooltip.light-theme .tippy-backdrop {
    background-color: #fff
}

.tippy-tooltip.light-theme .tippy-roundarrow {
    fill: #fff
}

.tippy-tooltip.light-theme[data-animatefill] {
    background-color: transparent
}

.tippy-content {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    padding: 13px;
    color: #53556c
}

.tippy-tooltip[data-template-id="#popover-datepicker"] .tippy-content,
.tippy-tooltip[data-template-id="#popover-timepicker"] .tippy-content {
    border: 1px solid #d7d7d7;
    position: relative;
    z-index: 1
}

.tippy-tooltip[data-template-id="#popover-datepicker"] .tippy-arrow,
.tippy-tooltip[data-template-id="#popover-timepicker"] .tippy-arrow {
    border-width: 8px!important;
    z-index: 2
}

.tippy-tooltip[data-template-id="#popover-datepicker"] .datepicker,
.tippy-tooltip[data-template-id="#popover-timepicker"] .datepicker {
    border: 0
}

.gsection_title,
.page-template-home #page-header .text .mobile-h1,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

nav ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ins {
    color: #000;
    text-decoration: none
}

ins,
mark {
    background-color: #ff9
}

mark {
    font-style: italic;
    font-weight: 600
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle
}

html {
    font-size: 54%
}

button,
html,
input,
select,
textarea {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

textarea {
    padding-left: 3px;
    vertical-align: top;
    width: 98%
}

img {
    height: auto;
    max-width: 100%
}

*,
:after,
:before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 600
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

.gallery {
    margin-left: -.5em;
    margin-right: -.5em
}

.gallery:after {
    display: table;
    content: "";
    clear: both
}

.gallery-item {
    margin: 0;
    float: left;
    padding: .5em
}

.gallery-item img {
    width: 100%
}

.gallery-columns-1 .gallery-item {
    width: 100%;
    float: none
}

.gallery-columns-2 .gallery-item {
    width: 50%
}

.gallery-columns-3 .gallery-item {
    width: 33.3333%
}

.gallery-columns-4 .gallery-item {
    width: 25%
}

.gallery-columns-5 .gallery-item {
    width: 20%
}

.gallery-columns-6 .gallery-item {
    width: 16.6667%
}

.gallery-columns-7 .gallery-item {
    width: 14.2857%
}

.gallery-columns-8 .gallery-item {
    width: 12.5%
}

.gallery-columns-9 .gallery-item {
    width: 11.1111%
}

.gallery-columns-2 .gallery-item:nth-child(odd),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
    clear: left
}

html {
    font-size: 62.5%!important;
    width: 100vw
}

@media only screen and (max-width:1284px) {
    html {
        font-size: 62%!important
    }
}

body {
    max-width: 100vw;
    overflow-x: hidden;
    background: #041757;
    color: #fff;
    font-family: canada-type-gibson, sans-serif
}

.container {
    position: relative;
    max-width: 1284px;
    margin: 0 auto;
    padding: 0 22px
}

.container:after {
    content: "";
    display: table;
    clear: both
}

.container.small-container {
    max-width: 1104px
}

.wrapper {
    position: relative
}

main {
    background: #fff;
    color: #061326
}

.anchor-link {
    position: relative;
    bottom: 103px
}

#page {
    overflow-x: hidden
}

::selection {
    background: #041757;
    color: #fff
}

::-moz-selection {
    background: #041757;
    color: #fff
}

@keyframes a {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    to {
        opacity: 1
    }
}

#site-header,#site-header .button,.tippy-popper {
    font-family: canada-type-gibson, sans-serif !important;
}

#site-footer
{
    font-family: canada-type-gibson-regular, sans-serif !important;
}

a {
    transition: all .15s ease;
    color: #f8c51c
}

a:active,
a:focus,
a:hover {
    color: #daa907
}

.gsection_title,
.page-template-home #page-header .text .mobile-h1,
blockquote,
h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    padding: 15px 0
}

p {
    margin: 0;
    padding: 10px 0
}

h1 {
    font-size: 55px;
    font-size: 5.5rem;
    line-height: 58px;
    line-height: 5.8rem;
    font-weight: 600;
    letter-spacing: .48px
}

.page-template-home #page-header .text .mobile-h1,
h2 {
    font-size: 36px;
    font-size: 3.6rem
}

.page-template-home #page-header .text .mobile-h1,
h2,
h3 {
    line-height: 41px;
    line-height: 4.1rem;
    font-weight: 600;
    letter-spacing: .45px
}

h3 {
    font-size: 28px;
    font-size: 2.8rem
}

.gsection_title,
h4 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-weight: 600
}

p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    line-height: 2.1rem
}

b,
strong {
    font-weight: 600
}

body {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-weight: 400
}

hr {
    margin: 15px auto;
    border-top: 2px solid #eee
}

.screen-reader-text {
    display: none
}

.fatty-underline {
    text-align: left;
    border-bottom: 2px solid #eee
}

.bigger-regular-text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem
}

label {
    display: block;
    padding: 0 0 4px 20px;
    font-size: 13px;
    font-weight: 400;
    color: #53556c;
    text-align: left
}

.alm-filter--select select,
.form-input-select select,
.ginput_container select,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea {
    transition: all .15s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    border: 2px solid #eee;
    color: #061326;
    padding: 13px 20px 11px;
    border-radius: 0;
    background: #fff;
    outline: none
}

.alm-filter--select select:focus,
.form-input-select select:focus,
.ginput_container select:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
textarea:focus {
    border-color: #1d2bed
}

.alm-filter--select select::-webkit-input-placeholder,
.form-input-select select::-webkit-input-placeholder,
.ginput_container select::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-weight: 300;
    color: #53556c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.alm-filter--select select:-moz-placeholder,
.alm-filter--select select::-moz-placeholder,
.form-input-select select:-moz-placeholder,
.form-input-select select::-moz-placeholder,
.ginput_container select:-moz-placeholder,
.ginput_container select::-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]:-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder {
    font-weight: 300;
    color: #53556c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.alm-filter--select select:-ms-input-placeholder,
.form-input-select select:-ms-input-placeholder,
.ginput_container select:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-weight: 300;
    color: #53556c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.alm-filter--select select:disabled,
.form-input-select select:disabled,
.ginput_container select:disabled,
input[type=date]:disabled,
input[type=email]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=tel]:disabled,
input[type=text]:disabled,
input[type=url]:disabled,
textarea:disabled {
    color: #dbe0e6;
    opacity: .4
}

.fl-wrap--invalid .alm-filter--select select,
.fl-wrap--invalid .form-input-select select,
.fl-wrap--invalid .ginput_container select,
.fl-wrap--invalid input[type=date],
.fl-wrap--invalid input[type=email],
.fl-wrap--invalid input[type=number],
.fl-wrap--invalid input[type=password],
.fl-wrap--invalid input[type=search],
.fl-wrap--invalid input[type=tel],
.fl-wrap--invalid input[type=text],
.fl-wrap--invalid input[type=url],
.fl-wrap--invalid textarea {
    border-color: #ea3009
}

textarea {
    font-size: 16px;
    line-height: 20px
}

.alm-filter--select,
.form-select,
.ginput_complex .fl-wrap-select,
.ginput_container_select {
    width: 100%;
    position: relative
}

.alm-filter--select select,
.form-select select,
.ginput_complex .fl-wrap-select select,
.ginput_container_select select {
    width: 100%;
    padding-right: 30px
}

.alm-filter--select:after,
.form-select:after,
.ginput_complex .fl-wrap-select:after,
.ginput_container_select:after {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 18px;
    right: 12px;
    pointer-events: none;
    font-size: 13px;
    color: #1d2bed;
    -webkit-font-smoothing: none
}

body .alm-filters .alm-filter--select select {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1.77px
}

body .alm-filters .alm-filter--select:after {
    top: 16px;
    color: #061326
}

.form-input-checkbox label {
    cursor: hand;
    position: relative;
    padding-bottom: 0
}

.form-input-checkbox label input {
    position: absolute;
    top: 6px;
    left: 0
}

.form-input-checkboxes,
.form-input-radios,
.gfield_checkbox,
.gfield_radio {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    padding: 8px 8px 0 1px;
    border-top: 2px solid #eee;
    min-width: 200px
}

.form-input-checkboxes .form-input-checkbox,
.form-input-checkboxes .form-input-radio,
.form-input-checkboxes>li,
.form-input-radios .form-input-checkbox,
.form-input-radios .form-input-radio,
.form-input-radios>li,
.gfield_checkbox .form-input-checkbox,
.gfield_checkbox .form-input-radio,
.gfield_checkbox>li,
.gfield_radio .form-input-checkbox,
.gfield_radio .form-input-radio,
.gfield_radio>li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 4px 20px
}

.form-input-checkboxes .form-input-checkbox input,
.form-input-checkboxes .form-input-radio input,
.form-input-checkboxes>li input,
.form-input-radios .form-input-checkbox input,
.form-input-radios .form-input-radio input,
.form-input-radios>li input,
.gfield_checkbox .form-input-checkbox input,
.gfield_checkbox .form-input-radio input,
.gfield_checkbox>li input,
.gfield_radio .form-input-checkbox input,
.gfield_radio .form-input-radio input,
.gfield_radio>li input {
    cursor: hand;
    position: relative;
    top: 3px
}

.form-input-checkboxes .form-input-checkbox label,
.form-input-checkboxes .form-input-radio label,
.form-input-checkboxes>li label,
.form-input-radios .form-input-checkbox label,
.form-input-radios .form-input-radio label,
.form-input-radios>li label,
.gfield_checkbox .form-input-checkbox label,
.gfield_checkbox .form-input-radio label,
.gfield_checkbox>li label,
.gfield_radio .form-input-checkbox label,
.gfield_radio .form-input-radio label,
.gfield_radio>li label {
    transition: all .15s ease;
    cursor: hand;
    display: inline-block;
    padding: 0 0 0 10px;
    font-size: 16px
}

.form-input-checkboxes .form-input-checkbox input:checked,
.form-input-checkboxes .form-input-radio input:checked,
.form-input-checkboxes>li input:checked,
.form-input-radios .form-input-checkbox input:checked,
.form-input-radios .form-input-radio input:checked,
.form-input-radios>li input:checked,
.gfield_checkbox .form-input-checkbox input:checked,
.gfield_checkbox .form-input-radio input:checked,
.gfield_checkbox>li input:checked,
.gfield_radio .form-input-checkbox input:checked,
.gfield_radio .form-input-radio input:checked,
.gfield_radio>li input:checked {
    background: #1d2bed
}

.form-input-checkboxes .form-input-checkbox input:checked+label,
.form-input-checkboxes .form-input-radio input:checked+label,
.form-input-checkboxes>li input:checked+label,
.form-input-radios .form-input-checkbox input:checked+label,
.form-input-radios .form-input-radio input:checked+label,
.form-input-radios>li input:checked+label,
.gfield_checkbox .form-input-checkbox input:checked+label,
.gfield_checkbox .form-input-radio input:checked+label,
.gfield_checkbox>li input:checked+label,
.gfield_radio .form-input-checkbox input:checked+label,
.gfield_radio .form-input-radio input:checked+label,
.gfield_radio>li input:checked+label {
    font-weight: 600
}

input[type=file] {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

input[type=file]+label {
    cursor: pointer
}

input[type=file]:focus+label {
    color: #fff
}

input[type=file]:focus+label:before {
    transform: scale3d(12, 10, 1)
}

.gfield_label_before_complex,
input[type=file]~.validation_message:before {
    display: none
}

.ginput_complex span:not(:first-child) {
    padding: 20px 0 0;
    display: block
}

.form-input-quantity {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 15px 0
}

.form-input-quantity label {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18px;
    line-height: 1.8rem;
    width: 285px;
    padding: 5px 70px 5px 0;
    color: #061326
}

.form-input-quantity label strong {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    display: inline-block;
    margin-right: 2px
}

.form-input-quantity label small {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 300
}

.form-input-quantity label .price {
    display: block;
    padding-top: 5px
}

.form-counter {
    display: inline-block
}

.form-counter a {
    position: relative;
    bottom: 2px;
    color: #061326;
    font-size: 12px;
    cursor: hand
}

.form-counter a:focus,
.form-counter a:hover {
    color: #1d2bed
}

.form-counter input {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 28px;
    line-height: 2.8rem;
    display: inline-block;
    width: 52px;
    padding: 1px 0;
    margin: 0 1px;
    border: 0;
    border-bottom: 2px solid #061326;
    background: transparent;
    font-weight: 600;
    color: #f8c51c;
    -moz-appearance: textfield;
    text-align: center
}

.form-counter input:focus {
    border-color: #1d2bed
}

.form-counter input::-webkit-inner-spin-button,
.form-counter input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

button[type=submit],
input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

button[type=submit].size-large,
input[type=submit].size-large {
    min-width: 300px
}

button[type=submit].size-medium,
input[type=submit].size-medium {
    min-width: 250px
}

.gfield.gsection:first-child {
    padding-top: 0
}

.gsection_title {
    padding-bottom: 0
}

.gsection_description {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    line-height: 2.1rem;
    padding: 5px 0
}

.form-fieldset {
    margin: 35px 0 0;
    padding: 0 0 35px;
    border: 0
}

.form-legend {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 21px;
    line-height: 2.1rem;
    display: block;
    margin: 0;
    font-weight: 600
}

.form-inputs,
.gform_fields {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left
}

.form-inputs .gfield,
.form-inputs>li,
.gform_fields .gfield,
.gform_fields>li {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 20px 0 0;
    width: 100%
}

.form-inputs .gfield input[type=date],
.form-inputs .gfield input[type=email],
.form-inputs .gfield input[type=number],
.form-inputs .gfield input[type=password],
.form-inputs .gfield input[type=search],
.form-inputs .gfield input[type=tel],
.form-inputs .gfield input[type=text],
.form-inputs .gfield input[type=url],
.form-inputs .gfield select,
.form-inputs .gfield textarea,
.form-inputs>li input[type=date],
.form-inputs>li input[type=email],
.form-inputs>li input[type=number],
.form-inputs>li input[type=password],
.form-inputs>li input[type=search],
.form-inputs>li input[type=tel],
.form-inputs>li input[type=text],
.form-inputs>li input[type=url],
.form-inputs>li select,
.form-inputs>li textarea,
.gform_fields .gfield input[type=date],
.gform_fields .gfield input[type=email],
.gform_fields .gfield input[type=number],
.gform_fields .gfield input[type=password],
.gform_fields .gfield input[type=search],
.gform_fields .gfield input[type=tel],
.gform_fields .gfield input[type=text],
.gform_fields .gfield input[type=url],
.gform_fields .gfield select,
.gform_fields .gfield textarea,
.gform_fields>li input[type=date],
.gform_fields>li input[type=email],
.gform_fields>li input[type=number],
.gform_fields>li input[type=password],
.gform_fields>li input[type=search],
.gform_fields>li input[type=tel],
.gform_fields>li input[type=text],
.gform_fields>li input[type=url],
.gform_fields>li select,
.gform_fields>li textarea {
    width: 100%
}

.form-inputs .gfield.size-half,
.form-inputs>li.size-half,
.gform_fields .gfield.size-half,
.gform_fields>li.size-half {
    width: calc((100% - 20px)/2)
}

.form-inputs .gfield.size-third,
.form-inputs>li.size-third,
.gform_fields .gfield.size-third,
.gform_fields>li.size-third {
    width: calc((100% - 40px)/3)
}

.form-inputs .gfield.size-quad,
.form-inputs>li.size-quad,
.gform_fields .gfield.size-quad,
.gform_fields>li.size-quad {
    width: calc((100% - 60px)/4)
}

.form-inputs.size-small,
.gform_fields.size-small {
    max-width: 350px
}

.form-inputs.size-medium,
.gform_fields.size-medium {
    max-width: 430px
}

.form-inputs.size-large,
.gform_fields.size-large {
    max-width: 700px
}

form[max-width~="600px"] .size-half,
form[max-width~="600px"] .size-third {
    width: 100%!important
}

form[max-width~="600px"] .size-quad {
    width: calc((100% - 20px)/2)
}

form[max-width~="395px"] .size-quad {
    width: 100%
}

.ts-content .form-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: start
}

.ts-content .form-actions button[type=submit]+a.form-link {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.form-actions,
.gform_footer {
    text-align: left;
    padding-top: 35px
}

.form-actions a,
.form-actions button,
.gform_footer a,
.gform_footer button {
    margin-right: 15px
}

.form-actions .form-link,
.gform_footer .form-link {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-block
}

.form-actions.ntp,
.gform_footer.ntp {
    padding-top: 0
}

@media only screen and (max-width:480px) {
    .form-actions .button+.form-link,
    .form-actions button[type=submit]+.form-link,
    .form-actions input[type=file]+label+.form-link,
    .form-actions input[type=submit]+.form-link,
    .gform_footer .button+.form-link,
    .gform_footer button[type=submit]+.form-link,
    .gform_footer input[type=file]+label+.form-link,
    .gform_footer input[type=submit]+.form-link {
        margin-top: 20px
    }
}

.gform_footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.gform_validation_container {
    display: none
}

label[for=roundup-check] {
    line-height: 16px;
    position: relative
}

label[for=roundup-check] #roundup-check {
    position: absolute;
    left: 0;
    top: 2px
}

form.fl-form .fl-wrap {
    position: relative
}

form.fl-form .fl-wrap label.fl-label {
    transition: all .25s ease-in-out;
    position: absolute;
    top: -13px;
    left: 17px;
    display: inline-block;
    padding: 2px 5px 0;
    background: #fff;
    font-weight: 300;
    opacity: 0;
    transform: translateY(10px) rotateX(90deg)
}

form.fl-form .fl-wrap.fl-has-focus label.fl-label {
    color: #1d2bed
}

form.fl-form .fl-wrap.fl-is-active label.fl-label {
    color: #53556c;
    transform: translateY(0) rotateX(0);
    opacity: 1
}

form.fl-form .fl-wrap.fl-wrap-select select {
    font-weight: 300
}

form.fl-form .fl-wrap.fl-wrap-select.fl-is-active select {
    font-weight: 600
}

form.fl-form .fl-wrap--invalid .fl-error {
    color: #ea3009;
    font-size: 12px
}

.gform_confirmation_message,
.success_message,
.validation_error {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    padding: 15px 0;
    font-weight: 600;
    text-align: left;
    color: #0fa60b
}

.gform_confirmation_message.validation_error,
.success_message.validation_error,
.validation_error.validation_error {
    position: relative;
    padding-left: 45px;
    color: #ea3009
}

.gform_confirmation_message.validation_error:before,
.success_message.validation_error:before,
.validation_error.validation_error:before {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 34px;
    transform: translateY(-50%)
}

.gform_confirmation_message .gform_confirmation_message,
.gform_confirmation_message .success_message,
.success_message .gform_confirmation_message,
.success_message .success_message,
.validation_error .gform_confirmation_message,
.validation_error .success_message {
    color: #0fa60b
}

.gform_confirmation_message.is-hidden,
.success_message.is-hidden,
.validation_error.is-hidden {
    display: none
}

.gfield_description,
.validation_message {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
    line-height: 2rem;
    font-weight: 600;
    padding: 4px 0 0 20px;
    text-align: left
}

.gfield_description.validation_message,
.validation_message.validation_message {
    color: #ea3009
}

.gfield_description.validation_message:before,
.validation_message.validation_message:before {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: relative;
    top: -1px;
    display: inline-block;
    padding-right: 4px;
    font-size: 7px
}

.field_description_above .gfield_description {
    padding-bottom: 10px
}

.gform_ajax_spinner {
    max-width: 40px
}

.form-card-logos {
    padding-bottom: 20px!important
}

.form-card-logos ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.form-card-logos ul li {
    width: 54px;
    margin-right: 15px;
    border: 1px solid #dbe0e6
}

.form-card-logos ul li:after {
    content: "";
    display: table;
    clear: both
}

.form-card-logos ul li img {
    float: left
}

.tooltip-wrap {
    position: relative
}

.tooltip-wrap a {
    position: absolute;
    right: 12px;
    top: 14px;
    z-index: 10;
    color: #53556c;
    font-size: 18px
}

.table {
    width: 100%;
    margin: 44px 0
}

.table caption,
.table td,
.table th {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17px;
    line-height: 1.7rem;
    padding: 10px 17px;
    border: 2px solid #eee;
    text-align: left
}

.table caption {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    border-bottom: 0
}

.table th {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.37px
}

.table td,
.table th {
    color: #53556c
}

.table .table-empty {
    border: 0;
    padding-bottom: 0
}

.table .table-empty .link {
    display: inline-block;
    margin: 0 5px
}

.table .table-empty p {
    padding-bottom: 0
}

.table tbody a {
    color: #1d2bed;
    font-weight: 600;
    text-transform: uppercase
}

.table tbody a:focus,
.table tbody a:hover {
    opacity: .7
}

.table tbody a.button {
    color: #fff
}

.table .is-hidden {
    display: none
}

@media only screen and (min-width:1191px) {
    .layout-gutter-sidebar {
        overflow-y: auto;
        max-height: calc(100vh - 56px)
    }
}

.layout-gutter-sidebar.stuck {
    position: fixed;
    top: 84px;
    right: calc((100vw - 1240px)/2)
}

@media only screen and (max-width:1284px) {
    .layout-gutter-sidebar.stuck {
        right: 22px
    }
}

.layout-gutter-sidebar.stuck.bottom-out {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0
}

body.admin-bar .layout-gutter-sidebar.stuck {
    top: 116px
}

@media only screen and (max-width:1080px) {
    body.admin-bar .layout-gutter-sidebar.stuck {
        top: 154px
    }
}

body.admin-bar .layout-gutter-sidebar.stuck.bottom-out {
    top: auto
}

@media only screen and (min-width:876px) {
    .small-container .layout-gutter-sidebar {
        overflow-y: auto;
        max-height: calc(100vh - 56px)
    }
}

.small-container .layout-gutter-sidebar.stuck {
    right: calc((100vw - 1060px)/2)
}

@media only screen and (max-width:1104px) {
    .small-container .layout-gutter-sidebar.stuck {
        right: 22px
    }
}

@media only screen and (max-width:1080px) {
    .small-container .layout-gutter-sidebar.stuck {
        top: 119px
    }
}

.small-container .layout-gutter-sidebar.bottom-out {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0
}

.animal-bio-wrapper {
    position: relative
}

@media only screen and (min-width:951px) {
    .animal-sidebar {
        overflow-y: auto;
        max-height: calc(100vh - 103px)
    }
}

.animal-sidebar.stuck {
    position: fixed;
    top: 149px;
    right: calc((100vw - 1240px)/2)
}

@media only screen and (max-width:1284px) {
    .animal-sidebar.stuck {
        right: 22px
    }
}

@media only screen and (max-width:1080px) {
    .animal-sidebar.stuck {
        top: 118px
    }
}

.animal-sidebar.stuck.bottom-out {
    position: absolute;
    top: auto;
    bottom: 48px;
    right: 0
}

body.admin-bar .animal-sidebar.stuck {
    top: 181px
}

@media only screen and (max-width:1080px) {
    body.admin-bar .animal-sidebar.stuck {
        top: 150px
    }
}

body.admin-bar .animal-sidebar.stuck.bottom-out {
    top: auto
}

.event-single-wrapper {
    position: relative
}

@media only screen and (min-width:951px) {
    .event-single-sidebar {
        margin-right: 25px;
        margin-left: 85px
    }
    .event-single-sidebar .bg-wrap {
        position: relative
    }
    .event-single-sidebar .bg-wrap:after {
        content: "";
        top: -25px;
        left: -25px;
        right: -25px;
        bottom: -25px;
        z-index: 0;
        position: absolute;
        background: #fff;
        border: 5px solid #f5f6f8
    }
    .event-single-sidebar .max-height-wrap {
        overflow-y: auto;
        max-height: calc(100vh - 103px);
        position: relative;
        z-index: 1
    }
}

.event-single-sidebar.stuck {
    position: fixed;
    top: 131px;
    right: auto
}

@media only screen and (max-width:1284px) {
    .event-single-sidebar.stuck {
        right: 22px
    }
}

@media only screen and (max-width:1080px) {
    .event-single-sidebar.stuck {
        top: 102px
    }
}

.event-single-sidebar.stuck.bottom-out {
    position: absolute;
    top: auto;
    bottom: -18px
}

@media only screen and (max-width:1284px) {
    .event-single-sidebar.stuck.bottom-out {
        right: 0
    }
}

body.admin-bar .event-single-sidebar.stuck {
    top: 163px
}

@media only screen and (max-width:1080px) {
    body.admin-bar .event-single-sidebar.stuck {
        top: 132px
    }
}

body.admin-bar .event-single-sidebar.stuck.bottom-out {
    top: auto
}

body.admin-bar #site-header {
    top: 30px
}

@media only screen and (max-width:782px) {
    body.admin-bar #site-header {
        top: 46px
    }
}

#site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: transparent
}

#site-header.scrolled {
    background: #fff
}

.generating-pdf #site-header {
    display: none
}

#site-header a.site-logo {
    font-size: 22px;
    font-size: 2.2rem;
    margin-left: calc((100vw - 1240px)/2);
    margin-right: auto
}

#site-header a.site-logo img {
    display: block
}

#site-header a.site-logo:focus,
#site-header a.site-logo:hover {
    opacity: .7
}

@media only screen and (max-width:1284px) {
    #site-header a.site-logo {
        margin-left: 22px
    }
}

#site-header .bar,
#site-header .mobile-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #1d2bed
}

#site-header .bar .reg,
#site-header .mobile-bar .reg {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 14px;
    line-height: 1.4rem;
    display: inline-block;
    padding: 12px 20px;
    color: #fff;
    font-weight: 600;
    letter-spacing: .83px;
    text-transform: uppercase;
    text-decoration: none
}

#site-header .bar .reg:focus,
#site-header .bar .reg:hover,
#site-header .mobile-bar .reg:focus,
#site-header .mobile-bar .reg:hover {
    opacity: .7
}

#site-header .bar .cart-link,
#site-header .mobile-bar .cart-link {
    padding: 3px 10px 0
}

#site-header .bar .cart-link:focus,
#site-header .bar .cart-link:hover,
#site-header .mobile-bar .cart-link:focus,
#site-header .mobile-bar .cart-link:hover {
    opacity: .7
}

#site-header .bar .hours,
#site-header .mobile-bar .hours {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 14px;
    line-height: 1.4rem;
    /* color: #fff; */
    display: inline-block;
    padding: 12px 34px;
    background: #041757;
    font-weight: 600;
    letter-spacing: .83px;
    text-transform: uppercase;
    /* extra style added below */
    color:  #041757;
}

#site-header .bar .button,
#site-header .bar button[type=submit],
#site-header .bar input[type=file]+label,
#site-header .bar input[type=submit],
#site-header .mobile-bar .button,
#site-header .mobile-bar button[type=submit],
#site-header .mobile-bar input[type=file]+label,
#site-header .mobile-bar input[type=submit] {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 14px;
    line-height: 1.4rem;
    padding: 12px 26px
}

#site-header .bar a,
#site-header .mobile-bar a {
    cursor: pointer
}

#site-header .mobile-bar,
#site-header .mobile-bar-hours,
#site-header .mobile-menu {
    display: none
}

@media only screen and (max-width:1080px) {
    #site-header .bar,
    #site-header .mega-menu {
        display: none
    }
    #site-header .mobile-bar {
        display: -ms-flexbox;
        display: flex
    }
    #site-header .mobile-bar-hours {
        display: block;
        color: #041757;
    }
}

.global-search-form {
    position: relative;
    padding: 0 59px 0 0;
    margin-right: 14px
}

.global-search-form input[type=search] {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 14px;
    line-height: 1.4rem;
    display: inline-block;
    width: 0;
    padding: 12px 0 4px;
    margin-bottom: 6px;
    color: #fff;
    background: transparent;
    font-weight: 600;
    letter-spacing: .83px;
    text-transform: uppercase;
    text-decoration: none;
    border: 0;
    border-bottom: 2px solid #fff
}

.global-search-form input[type=search]::-webkit-input-placeholder {
    color: #fff
}

.global-search-form input[type=search]:-moz-placeholder,
.global-search-form input[type=search]::-moz-placeholder {
    color: #fff
}

.global-search-form input[type=search]:-ms-input-placeholder {
    color: #fff
}

.global-search-form input[type=submit] {
    position: absolute;
    opacity: 0;
    z-index: 1;
    top: 0;
    right: 0;
    width: 59px;
    height: 38px;
    padding: 0;
    border: 0;
    background: transparent
}

.global-search-form input[type=submit]:focus+.search-link,
.global-search-form input[type=submit]:hover+.search-link {
    opacity: .7
}

.global-search-form .search-link {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 18px;
    line-height: 1.8rem;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    padding: 9px 20px;
    color: #fff;
    text-decoration: none
}

.global-search-form .search-link:hover {
    opacity: .7
}

.global-search-form.is-open {
    padding: 0 59px 0 20px
}

.global-search-form.is-open input[type=search] {
    width: auto;
    padding: 12px 8px 4px
}

.global-search-form.is-open .search-link {
    z-index: 0
}

.mobile-tickets-link.button,
button.mobile-tickets-link[type=submit],
input.mobile-tickets-link[type=submit],
input[type=file]+label.mobile-tickets-link {
    display: none;
    position: fixed;
    z-index: 4;
    top: auto;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    line-height: 25px
}

@media only screen and (max-width:600px) {
    .mobile-tickets-link.button,
    button.mobile-tickets-link[type=submit],
    input.mobile-tickets-link[type=submit],
    input[type=file]+label.mobile-tickets-link {
        display: block
    }
}

@media only screen and (max-width:600px) {
    .mobile-tickets-link.button+footer#site-footer,
    button.mobile-tickets-link[type=submit]+footer#site-footer,
    input.mobile-tickets-link[type=submit]+footer#site-footer,
    input[type=file]+label.mobile-tickets-link+footer#site-footer {
        padding-bottom: 30px!important
    }
}

footer#site-footer {
    padding: 1.95% 0 2.92%;
    background: #041757;
    /* extra style added below */
    position: relative;
    z-index: 99;
    margin-top: 30px;
}

.generating-pdf footer#site-footer {
    display: none
}

@media only screen and (max-width:1284px) {
    footer#site-footer {
        padding-top: 28px;
        padding-bottom: 42px
    }
}

@media only screen and (max-width:675px) {
    footer#site-footer {
        padding-top: 0;
        padding-bottom: 0
    }
    footer#site-footer .container {
        padding: 0
    }
}

footer#site-footer a {
    text-decoration: none
}

footer#site-footer .cols {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch
}

footer#site-footer .cols .col {
    min-width: 250px;
    padding-right: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

footer#site-footer .cols .col p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    line-height: 2.4rem;
    padding-top: 0
}

footer#site-footer .cols .col big {
    font-size: 20px;
    font-size: 2rem;
    line-height: 23px;
    line-height: 2.3rem;
    font-weight: 600
}

footer#site-footer .cols .col .accreditation .gsection_title,
footer#site-footer .cols .col .accreditation h4 {
    font-family: canada-type-gibson, sans-serif !important;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25px;
    line-height: 2.5rem;
    letter-spacing: 1.49px;
    text-transform: uppercase;
    padding-bottom: 5px
}

footer#site-footer .cols .col .accreditation ul {
    margin: 0;
    padding: 0;
    list-style: none
}

footer#site-footer .cols .col .accreditation ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16px;
    line-height: 1.6rem;
    padding: 5px 0
}

footer#site-footer .cols .col .gsection_title+p,
footer#site-footer .cols .col h4+p {
    padding-top: 0
}

footer#site-footer .cols .col nav.menu ul,
footer#site-footer .cols .col ul.menu,
footer#site-footer .cols .col ul.recent-posts {
    margin: 0;
    padding: 0;
    list-style: none
}

footer#site-footer .cols .col nav.menu ul li,
footer#site-footer .cols .col ul.menu li,
footer#site-footer .cols .col ul.recent-posts li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    font-size: 1.6rem
}

footer#site-footer .cols .col nav.menu ul li .title,
footer#site-footer .cols .col ul.menu li .title,
footer#site-footer .cols .col ul.recent-posts li .title {
    display: block;
    padding-top: 2px;
    padding-bottom: 15px
}

footer#site-footer .cols .col nav.menu ul li a,
footer#site-footer .cols .col ul.menu li a,
footer#site-footer .cols .col ul.recent-posts li a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    padding: 4px 0;
    font-weight: 600;
    letter-spacing: 1.49px
}

footer#site-footer .cols .col nav.menu ul li a:focus,
footer#site-footer .cols .col nav.menu ul li a:hover,
footer#site-footer .cols .col ul.menu li a:focus,
footer#site-footer .cols .col ul.menu li a:hover,
footer#site-footer .cols .col ul.recent-posts li a:focus,
footer#site-footer .cols .col ul.recent-posts li a:hover {
    color: #f8c51c
}

footer#site-footer .cols .col.col-logo {
    min-width: 250px;
    padding-right: 52px
}

footer#site-footer .cols .col.col-logo .wysiwyg a,
footer#site-footer .cols .col.col-logo .wysiwyg p {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 19px;
    line-height: 1.9rem;
    padding: 3px 0;
    color: #fff
}

footer#site-footer .cols .col.col-logo .wysiwyg a:focus,
footer#site-footer .cols .col.col-logo .wysiwyg a:hover {
    color: #f8c51c
}

footer#site-footer .cols .col.col-map {
    width: 414px;
    max-width: 33%;
    padding-right: 54px
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    footer#site-footer .cols .col.col-map img {
        height: 100%
    }
}

footer#site-footer .cols .col.col-menu {
    min-width: 222px;
    padding-right: 90px
}

footer#site-footer .cols .col.col-menu .mobile {
    display: none
}

footer#site-footer .cols .col.col-disclaimer {
    color: #fff;
    width: 386px;
    max-width: 30%;
    padding-right: 0
}

footer#site-footer .cols .col.col-disclaimer ul li a {
    color: #fff
}

footer#site-footer .cols .col.col-disclaimer ul li a:focus,
footer#site-footer .cols .col.col-disclaimer ul li a:hover {
    color: #f8c51c
}

footer#site-footer .cols .col ul.social-links {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: 40px;
    padding-bottom: 25px;
    display: -ms-flexbox;
    display: flex
}

footer#site-footer .cols .col ul.social-links li {
    margin: 0 10px;
    float: left
}

footer#site-footer .cols .col ul.social-links li:first-of-type {
    margin-left: 0
}

footer#site-footer .cols .col ul.social-links li:last-of-type {
    margin-right: 0
}

footer#site-footer .cols .col ul.social-links li a {
    font-size: 24px;
    font-size: 2.4rem;
    color: #fff
}

footer#site-footer .cols .col ul.social-links li a:focus,
footer#site-footer .cols .col ul.social-links li a:hover {
    color: #f8c51c
}

@media only screen and (max-width:900px) {
    footer#site-footer .cols {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    footer#site-footer .cols .col {
        width: 50%;
        min-width: 200px!important;
        max-width: none!important
    }
    footer#site-footer .cols .col:not(:last-of-type) {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:675px) {
    footer#site-footer .cols .col {
        padding-left: 20px!important;
        padding-right: 20px!important;
        width: 100%!important
    }
    footer#site-footer .cols .col:not(:last-of-type) {
        margin-bottom: 0
    }
    footer#site-footer .cols .col.col-map {
        display: none
    }
    footer#site-footer .cols .col.col-logo {
        -ms-flex-order: 3;
        order: 3;
        background-color: #061326;
        padding-bottom: 39px;
        text-align: center;
        padding-top: 40px
    }
    footer#site-footer .cols .col.col-logo svg {
        margin: 0 auto 30px
    }
    footer#site-footer .cols .col.col-logo ul.social-links {
        display: none
    }
    footer#site-footer .cols .col.col-logo .wysiwyg {
        text-align: center
    }
    footer#site-footer .cols .col.col-disclaimer {
        padding-top: 54px;
        padding-bottom: 15px;
        -ms-flex-order: 1;
        order: 1;
        text-align: center;
        background-color: #041757
    }
    footer#site-footer .cols .col.col-disclaimer p {
        max-width: 400px;
        margin: 0 auto
    }
    footer#site-footer .cols .col.col-disclaimer div.accreditation {
        display: none
    }
    footer#site-footer .cols .col.col-menu {
        background-color: #041757;
        -ms-flex-order: 2;
        order: 2;
        padding-bottom: 30px
    }
    footer#site-footer .cols .col.col-menu .menu {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 400px;
        margin: 0 auto
    }
    footer#site-footer .cols .col.col-menu .menu li {
        width: calc(50% - 10px)
    }
    footer#site-footer .cols .col.col-menu .menu li.hide-mobile {
        display: none
    }
}

@media only screen and (max-width:345px) {
    footer#site-footer .cols .col.col-menu .menu li {
        width: 100%
    }
}

.mega-menu {
    transition: background .3s ease-in-out;
    background: linear-gradient(180deg, rgba(0, 0, 0, .38), rgba(0, 0, 0, .03) 80%, transparent);
    display: none;
}

.mega-menu .container {
    text-align: right
}

.header-type-text .mega-menu,
.scrolled .mega-menu {
    background: #fff
}

.header-type-text.scrolled,
.scrolled.scrolled {
    box-shadow: 0 0 29px 0 rgba(0, 0, 0, .2)
}

.header-type-text nav.site-nav #shopping-cart .top-level-link,
.header-type-text nav.site-nav .top-level-link,
.scrolled nav.site-nav #shopping-cart .top-level-link,
.scrolled nav.site-nav .top-level-link {
    color: #061326
}

nav.site-nav {
    position: relative;
    display: inline-block
}

nav.site-nav li,
nav.site-nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

nav.site-nav .top-level-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

nav.site-nav .top-level-item {
    position: relative
}

nav.site-nav .top-level-item:first-of-type.has-secondary {
    padding-left: 100px
}

nav.site-nav .top-level-item.has-secondary.trigger-enter .secondary-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: stretch;
    align-items: stretch
}

nav.site-nav .top-level-item.has-secondary.trigger-enter-active .secondary-list {
    opacity: 1
}

nav.site-nav .top-level-link {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17px;
    line-height: 1.7rem;
    display: block;
    padding: 24px 20px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1.5px
}

nav.site-nav .top-level-link i {
    font-size: 30px;
    font-size: 3rem;
    line-height: 17px;
    line-height: 1.7rem
}

nav.site-nav .top-level-link:focus,
nav.site-nav .top-level-link:hover {
    cursor: default
}

nav.site-nav #shopping-cart .top-level-link {
    padding: 20px
}

nav.site-nav #shopping-cart .top-level-link:focus,
nav.site-nav #shopping-cart .top-level-link:hover {
    color: #f8c51c;
    opacity: 1
}

nav.site-nav .secondary-list {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    text-align: left;
    display: none;
    opacity: 0;
    transition: all .15s;
    color: #061326
}

nav.site-nav .secondary-list .left {
    padding: 42px 50px;
    position: relative
}

nav.site-nav .secondary-list .right {
    padding: 70px 90px;
    background: #fff;
    z-index: 1;
    position: relative
}

nav.site-nav .secondary-heading {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem;
    display: inline-block;
    padding: 2px 20px 8px;
    white-space: nowrap;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.58px;
    color: #061326
}

nav.site-nav .secondary-item+.secondary-heading {
    margin-top: 18px
}

nav.site-nav .secondary-item.has-tertiary>.fourth-link:after,
nav.site-nav .secondary-item.has-tertiary>.secondary-link:after,
nav.site-nav .secondary-item.has-tertiary>.tertiary-link:after {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20px;
    line-height: 2rem;
    transition: all .15s ease;
    display: inline-block;
    margin-left: 8px;
    position: relative;
    top: 1px
}

nav.site-nav .secondary-item.has-tertiary>.fourth-link:focus:after,
nav.site-nav .secondary-item.has-tertiary>.fourth-link:hover:after,
nav.site-nav .secondary-item.has-tertiary>.secondary-link:focus:after,
nav.site-nav .secondary-item.has-tertiary>.secondary-link:hover:after,
nav.site-nav .secondary-item.has-tertiary>.tertiary-link:focus:after,
nav.site-nav .secondary-item.has-tertiary>.tertiary-link:hover:after {
    color: #f8c51c;
    transform: translateX(3px)
}

nav.site-nav .fourth-link,
nav.site-nav .secondary-link,
nav.site-nav .tertiary-link {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem;
    display: block;
    white-space: nowrap;
    padding: 2px 20px;
    color: #061326;
    letter-spacing: .3px;
    text-decoration: none
}

nav.site-nav .fourth-link:focus,
nav.site-nav .fourth-link:hover,
nav.site-nav .secondary-link:focus,
nav.site-nav .secondary-link:hover,
nav.site-nav .tertiary-link:focus,
nav.site-nav .tertiary-link:hover {
    color: #f8c51c
}

nav.site-nav .tertiary-list {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 60px;
    width: calc(100% - 6px);
    height: 100%;
    transform: translate3d(100%, 0, 0);
    padding: 42px 0;
    background: #fff;
    transition: all .3s
}

nav.site-nav .tertiary-list.open {
    display: block
}

nav.site-nav .tertiary-list.open-active {
    transform: translateZ(0)
}

nav.site-nav .tertiary-back {
    position: absolute;
    top: 42px;
    left: 0;
    width: 60px;
    display: none;
    opacity: 0;
    text-decoration: none;
    color: #061326;
    text-align: center
}

nav.site-nav .tertiary-back i {
    display: block;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 19px;
    line-height: 1.9rem
}

nav.site-nav .tertiary-back span {
    font-size: 10px;
    font-size: 1rem;
    line-height: 11px;
    line-height: 1.1rem;
    letter-spacing: 1.42px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600
}

nav.site-nav .tertiary-back:focus,
nav.site-nav .tertiary-back:hover {
    color: #f8c51c
}

nav.site-nav .tertiary-back.show {
    animation: a .15s linear;
    display: block;
    opacity: 1
}

nav.site-nav .tertiary-heading {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem;
    padding: 2px 20px;
    font-weight: 600;
    color: #061326
}

nav.site-nav .tertiary-link {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25px;
    line-height: 2.5rem
}

nav.site-nav .tertiary-link.has-menu {
    cursor: pointer
}

nav.site-nav .tertiary-link.has-menu i {
    display: inline-block;
    transition: all .15s ease;
    transform: scaleX(1);
    font-size: 10px;
    margin-left: 5px
}

nav.site-nav .tertiary-link.has-menu:focus i,
nav.site-nav .tertiary-link.has-menu:hover i {
    color: #f8c51c
}

nav.site-nav .tertiary-item.fourth-menu-open .tertiary-link.has-menu i {
    transform: scaleY(-1)
}

nav.site-nav .fourth-link {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
    line-height: 2rem
}

nav.site-nav .fourth-list {
    display: none;
    padding: 5px 0 10px 15px
}

nav.site-nav .promo {
    width: 340px;
    min-height: 400px;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 60px 27px 66px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background-position: 50%;
    background-size: cover
}

nav.site-nav .promo:focus .promo-overlay,
nav.site-nav .promo:hover .promo-overlay {
    box-shadow: inset 0 0 0 8px #f8c51c
}

nav.site-nav .promo.w-prehead {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 66px 27px 39px
}

nav.site-nav .promo-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: rgba(15, 22, 32, .6);
    transition: all .15s ease
}

nav.site-nav .promo-heading,
nav.site-nav .promo-prehead {
    display: block;
    position: relative
}

nav.site-nav .promo-prehead {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 39px;
    line-height: 3.9rem;
    position: absolute;
    top: 17px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.57px
}

nav.site-nav .promo-heading {
    font-size: 30px;
    font-size: 3rem;
    line-height: 31px;
    line-height: 3.1rem;
    padding-bottom: 10px;
    font-weight: 900;
    letter-spacing: 1.07px
}

nav.site-nav .promo-text {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 21px;
    line-height: 2.1rem;
    position: relative;
    letter-spacing: 1.07px
}

nav.site-nav .promo-cta {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 19px;
    line-height: 1.9rem;
    display: inline-block;
    position: relative;
    padding-top: 14px;
    font-weight: 600;
    color: #f8c51c;
    text-transform: uppercase;
    letter-spacing: 1.77px
}

nav.site-nav .promo-cta:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 2px;
    background: #f8c51c
}

.backdrop {
    position: absolute;
    background: #fff;
    opacity: 0;
    transition: none;
    display: block
}

.backdrop.open-active {
    opacity: 1
}

.backdrop.clean-state {
    transition: opacity .3s
}

.backdrop.clean-state:not(.open) {
    display: none
}

.backdrop:not(.clean-state) {
    transition: all .3s, opacity .1s, translate .15s
}

.inner-backdrop {
    position: absolute;
    background: #f9faff;
    transition: all .3s
}

.header-type-text .backdrop,
.scrolled .backdrop {
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .15)
}

.hover-line {
    position: absolute;
    height: 2px;
    background: #f8c51c;
    opacity: 0;
    transition: none
}

.hover-line.active {
    opacity: 1
}

.hover-line.clean-state {
    transition: opacity .3s
}

.hover-line:not(.clean-state) {
    transition: all .3s, opacity .1s, translate .15s
}

.inner-hover-line {
    position: absolute;
    width: 2px;
    right: 0;
    top: 0;
    background: #f8c51c;
    opacity: 0;
    transition: none
}

.inner-hover-line.active {
    opacity: 1
}

.inner-hover-line.clean-state {
    transition: opacity .3s
}

.inner-hover-line:not(.clean-state) {
    transition: all .3s, opacity .1s, translate .15s
}

.menu-quick-donate {
    position: relative
}

.menu-quick-donate .currency {
    position: absolute;
    display: inline-block;
    left: 2px;
    top: 4px;
    bottom: 2px;
    padding: 8px;
    font-weight: 600
}

.menu-quick-donate input {
    padding-right: 50px;
    padding-left: 20px;
    font-weight: 600
}

.menu-quick-donate .button,
.menu-quick-donate button[type=submit],
.menu-quick-donate input[type=file]+label,
.menu-quick-donate input[type=submit] {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    width: 40px;
    padding: 0
}

.menu-quick-donate .button i,
.menu-quick-donate button[type=submit] i,
.menu-quick-donate input[type=file]+label i,
.menu-quick-donate input[type=submit] i {
    font-size: 15px;
    margin: 0
}

nav.site-nav .menu-quick-donate {
    margin-left: 20px
}

.mobile-bar {
    position: relative;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 17px
}

.mobile-bar #mobile-menu-close,
.mobile-bar #mobile-menu-open {
    display: none
}

.mobile-bar #mobile-menu-close.active,
.mobile-bar #mobile-menu-open.active {
    display: inline-block
}

.mobile-bar .right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.mobile-bar i {
    display: block;
    font-size: 15px
}

.mobile-bar i.icon-gfish {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 36px
}

.mobile-bar i.icon-shopping-bag {
    font-size: 18px;
    position: relative;
    bottom: 1px
}

.mobile-bar a {
    display: inline-block;
    padding: 10px 5px;
    text-decoration: none;
    color: #fff
}

.mobile-bar a:focus,
.mobile-bar a:hover {
    color: #f8c51c
}

.mobile-bar .global-search-form {
    display: inline-block;
    margin: 0;
    padding: 0
}

.mobile-bar .global-search-form .search-submit {
    width: 35px;
    height: 33px
}

.mobile-bar .global-search-form .search-link {
    padding: 9px 10px
}

.mobile-bar-hours {
    background: #041757;
    color: #fff;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    padding: 6px 20px
}

nav.mobile-menu a {
    color: #061326;
    text-decoration: none
}

nav.mobile-menu a:focus,
nav.mobile-menu a:hover {
    color: #f8c51c
}

nav.mobile-menu .active-parent-list {
    height: 0;
    overflow: hidden
}

nav.mobile-menu .secondary-list,
nav.mobile-menu .tertiary-list,
nav.mobile-menu .top-level-list {
    position: fixed;
    top: 38px;
    left: 0;
    right: 0;
    height: 100%;
    max-height: calc(100vh - 38px);
    overflow-y: scroll;
    padding: 8px 22px 36px;
    background: #fff;
    color: #061326;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1)
}

nav.mobile-menu .fourth-list,
nav.mobile-menu .secondary-list,
nav.mobile-menu .tertiary-list {
    display: none
}

nav.mobile-menu .fourth-list {
    padding: 5px 0 10px 15px
}

nav.mobile-menu .secondary-heading,
nav.mobile-menu .secondary-main-heading,
nav.mobile-menu .tertiary-heading,
nav.mobile-menu .tertiary-main-heading,
nav.mobile-menu .top-level-heading {
    display: block
}

nav.mobile-menu .secondary-main-heading,
nav.mobile-menu .tertiary-main-heading,
nav.mobile-menu .top-level-heading {
    font-size: 16px;
    line-height: 48px;
    font-weight: 600;
    letter-spacing: 1.7px;
    text-transform: uppercase;
    text-align: center
}

nav.mobile-menu .tertiary-main-heading {
    margin-bottom: 9px
}

nav.mobile-menu .secondary-heading {
    padding: 14px 0;
    letter-spacing: 1.92px
}

nav.mobile-menu .secondary-heading,
nav.mobile-menu .tertiary-heading {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase
}

nav.mobile-menu .tertiary-heading {
    padding: 9px 0;
    letter-spacing: 1.29px
}

nav.mobile-menu .secondary-back,
nav.mobile-menu .tertiary-back {
    padding: 20px;
    font-size: 24px;
    position: absolute;
    top: 0;
    left: 2px
}

nav.mobile-menu .secondary-item,
nav.mobile-menu .tertiary-item,
nav.mobile-menu .top-level-item {
    border-bottom: 1px solid #dbe0e6
}

nav.mobile-menu .secondary-heading+.secondary-item,
nav.mobile-menu .secondary-item:first-of-type,
nav.mobile-menu .tertiary-heading+.tertiary-item,
nav.mobile-menu .tertiary-item:first-of-type,
nav.mobile-menu .top-level-item:first-of-type {
    border-top: 1px solid #dbe0e6
}

nav.mobile-menu .secondary-item+.secondary-heading,
nav.mobile-menu .tertiary-item+.tertiary-heading {
    margin-top: 18px
}

nav.mobile-menu .tertiary-link.has-menu {
    cursor: pointer
}

nav.mobile-menu .tertiary-link.has-menu i {
    display: inline-block;
    transition: all .15s ease;
    transform: scaleX(1);
    font-size: 10px
}

nav.mobile-menu .tertiary-link.has-menu.menu-open i {
    transform: scaleY(-1)
}

nav.mobile-menu .secondary-link,
nav.mobile-menu .tertiary-link,
nav.mobile-menu .top-level-link,
nav.mobile-menu nav.site-nav .fourth-link,
nav.mobile-menu nav.site-nav .tertiary-link,
nav.site-nav nav.mobile-menu .fourth-link,
nav.site-nav nav.mobile-menu .tertiary-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 3px
}

nav.mobile-menu .top-level-link {
    font-size: 18px;
    line-height: 46px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.92px
}

nav.mobile-menu .secondary-link,
nav.mobile-menu nav.site-nav .fourth-link,
nav.mobile-menu nav.site-nav .tertiary-link,
nav.site-nav nav.mobile-menu .fourth-link,
nav.site-nav nav.mobile-menu .tertiary-link {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .3px;
    padding-left: 18px
}

nav.mobile-menu .tertiary-link {
    font-size: 14px;
    line-height: 29px;
    letter-spacing: .3px
}

nav.mobile-menu .fourth-link {
    font-size: 12px;
    left: 18px
}

nav.mobile-menu .icon-forward-arrow {
    font-size: 12px
}

nav.mobile-menu .menu-quick-donate {
    border: none;
    max-width: 300px
}

nav.mobile-menu .menu-quick-donate input {
    width: 100%
}

.mobile-global-search-form input[type=search] {
    width: calc(100% - 35px);
    padding: 0;
    border: 0;
    font-size: 18px;
    line-height: 46px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.92px
}

.mobile-global-search-form input[type=search]::-webkit-input-placeholder {
    font-weight: 600;
    color: #061326
}

.mobile-global-search-form input[type=search]:-moz-placeholder,
.mobile-global-search-form input[type=search]::-moz-placeholder {
    font-weight: 600;
    color: #061326
}

.mobile-global-search-form input[type=search]:-ms-input-placeholder {
    font-weight: 600;
    color: #061326
}

.mobile-global-search-form button {
    background: transparent;
    border: 0;
    color: #061326;
    font-size: 15px;
    outline: none!important
}

.mobile-global-search-form button:focus {
    color: #f8c51c
}

body.admin-bar nav.mobile-menu .secondary-list,
body.admin-bar nav.mobile-menu .tertiary-list,
body.admin-bar nav.mobile-menu .top-level-list {
    top: 68px
}

@media only screen and (max-width:782px) {
    body.admin-bar nav.mobile-menu .secondary-list,
    body.admin-bar nav.mobile-menu .tertiary-list,
    body.admin-bar nav.mobile-menu .top-level-list {
        top: 84px
    }
}

@media only screen and (max-width:600px) {
    #wpadminbar {
        position: fixed
    }
}

#page-header {
    position: relative
}

#page-header .container {
    z-index: 3
}

#page-header .text {
    text-align: left;
    padding: 210px 0 70px
}

#page-header .text .prehead {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16px;
    line-height: 1.6rem;
    padding: 15px 0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.88px
}

#page-header .text h1 {
    padding: 15px 0;
    max-width: 630px
}

#page-header .text h1 a {
    text-decoration: none
}

#page-header .text h1 a:focus,
#page-header .text h1 a:hover {
    color: #f8c51c!important
}

#page-header .text .subhead {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    max-width: 525px
}

#page-header .text.text-light,
#page-header .text.text-light h1 a {
    color: #f9faff
}

#page-header .text.text-light .prev-next-links a {
    color: #fff
}

#page-header .text.text-light .prev-next-links a span,
#page-header .text.text-light .prev-next-links a strong {
    position: relative
}

#page-header .text.text-light .prev-next-links a span:after,
#page-header .text.text-light .prev-next-links a strong:after {
    content: "";
    position: absolute;
    left: 5px;
    bottom: -3px;
    right: 5px;
    height: 2px;
    background: #f8c51c;
    opacity: 0;
    transition: opacity .25s ease-in-out
}

#page-header .text.text-light .prev-next-links a span:focus:after,
#page-header .text.text-light .prev-next-links a span:hover:after,
#page-header .text.text-light .prev-next-links a strong:focus:after,
#page-header .text.text-light .prev-next-links a strong:hover:after {
    opacity: 1
}

#page-header .text.text-dark,
#page-header .text.text-dark h1 a {
    color: #061326
}

@media only screen and (max-width:600px) {
    #page-header .text {
        padding-top: 13px;
        padding-bottom: 20px
    }
    #page-header .text .button,
    #page-header .text button[type=submit],
    #page-header .text input[type=file]+label,
    #page-header .text input[type=submit] {
        padding: 11px 47.4px
    }
}

#page-header a.callout {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 19px;
    line-height: 1.9rem;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 25px;
    max-width: 200px;
    padding-left: 45px;
    text-decoration: none
}

#page-header a.callout span {
    position: relative
}

#page-header a.callout span:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    right: 0;
    height: 2px;
    background: #f8c51c;
    opacity: 0;
    transition: opacity .25s ease-in-out
}

#page-header a.callout i {
    position: absolute;
    top: 4px;
    left: 0;
    font-size: 30px
}

#page-header a.callout:focus span:after,
#page-header a.callout:hover span:after {
    opacity: 1
}

@media (hover:none) {
    #page-header a.callout span:after {
        opacity: 0
    }
}

#page-header a.callout.video-callout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    right: 22px;
    max-width: none
}

#page-header a.callout.video-callout i {
    position: static;
    margin-right: 10px
}

@media only screen and (max-width:600px) {
    #page-header a.callout.video-callout {
        position: static;
        padding-left: 0;
        padding-bottom: 22px
    }
}

#page-header .cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

#page-header .cover.image {
    background-size: cover;
    background-position: 50%;
    background-color: #041757;
    z-index: 1
}

#page-header .cover.video {
    max-height: 100%;
    overflow: hidden;
    z-index: 1
}

#page-header .cover.video video {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    z-index: -100;
    background-size: cover
}

#page-header .cover.dark {
    background: #000
}

#page-header .cover.light {
    background: #fff
}

@media only screen and (min-width:600px) {
    #page-header .cover.mobile {
        display: none
    }
}

#page-header .buttons,
#page-header .donate-form {
    padding: 25px 0 15px
}

#page-header .donate-form .donate-form-input {
    width: 250px
}

#page-header .donate-form .donate-form-input input {
    width: 100%
}

#page-header .donate-form .donate-form-submit .button,
#page-header .donate-form .donate-form-submit button[type=submit],
#page-header .donate-form .donate-form-submit input[type=file]+label,
#page-header .donate-form .donate-form-submit input[type=submit] {
    padding: 9px 20px;
    width: 169px
}

@media only screen and (max-width:480px) {
    #page-header .donate-form .donate-form-submit {
        width: 100%;
        margin-left: 0;
        margin-top: 15px
    }
}

@media only screen and (min-width:801px) {
    #page-header.type-image .container {
        min-height: 553px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media only screen and (max-width:600px) {
    #page-header.type-image .text {
        padding-top: 110px
    }
}

#page-header.type-text .text {
    padding: 150px 0 3px;
    border-bottom: 2px solid #eee
}

#page-header.type-text .text h1 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 41px;
    line-height: 4.1rem;
    font-weight: 600;
    letter-spacing: .45px;
    max-width: none
}

#page-header.type-text .text-short {
    padding-top: 50px
}

body[class*=tessitura] #page-header.type-text .text {
    padding: 115px 0 3px
}

body[class*=tessitura] #page-header.type-text .text h1 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 36px;
    line-height: 3.6rem;
    padding-bottom: 9px
}

#page-header.type-none {
    height: 90px
}

.layout-gutter-header {
    max-width: 520px
}

.layout-gutter-header.layout-gutter-header-large {
    max-width: 845px
}

.layout-gutter-header .text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.layout-gutter-header .text h1 {
    margin-right: 60px
}

.layout-gutter-header .text .link i {
    font-size: 10px;
    font-size: 1rem;
    position: relative;
    bottom: 1px
}

.layout-gutter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.layout-gutter.layout-gutter-large .layout-gutter-main {
    max-width: 845px
}

.layout-gutter-main {
    max-width: 520px;
    width: 100%;
    padding-bottom: 50px
}

body[class*=tickets] .layout-gutter-main {
    padding-bottom: 150px
}

.layout-gutter-sidebar {
    width: 300px;
    padding-left: 50px
}

.layout-full {
    max-width: 1104px;
    padding-bottom: 50px
}

.layout-single {
    max-width: 1060px
}

.layout-single-header,
.layout-single-main {
    max-width: 788px
}

.layout-single-main {
    padding-bottom: 50px
}

@media only screen and (max-width:1190px) {
    .layout-gutter-large .layout-gutter-main {
        padding-bottom: 10px
    }
    .layout-gutter-large .layout-gutter-sidebar {
        width: 100%;
        max-width: 520px;
        padding-left: 0
    }
}

@media only screen and (max-width:875px) {
    .layout-gutter {
        -ms-flex-pack: center;
        justify-content: center
    }
    .layout-gutter-header {
        margin: 0 auto
    }
    .layout-gutter-main {
        padding-bottom: 10px
    }
    .layout-gutter-sidebar {
        width: 100%;
        max-width: 520px;
        padding-left: 0
    }
}

ul.accordion {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    max-width: 850px;
    margin: 0 auto
}

ul.accordion>li {
    list-style: none;
    position: relative;
    border-top: 2px solid #eee
}

ul.accordion>li:last-of-type {
    border-bottom: 2px solid #eee
}

ul.accordion>li>a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    line-height: 3rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch;
    cursor: pointer;
    text-decoration: none;
    padding: 10px 0;
    position: relative;
    color: #061326
}

ul.accordion>li>a:focus,
ul.accordion>li>a:focus i,
ul.accordion>li>a:focus i.icon-minus,
ul.accordion>li>a:focus mark,
ul.accordion>li>a:hover,
ul.accordion>li>a:hover i,
ul.accordion>li>a:hover i.icon-minus,
ul.accordion>li>a:hover mark {
    color: #f8c51c
}

ul.accordion>li>a span.question {
    padding-right: 25px
}

ul.accordion>li>a i {
    transition: transform .35s linear, opacity .35s linear, color .15s linear;
    font-size: 15px;
    display: inline-block;
    transform-origin: center;
    color: #1d2bed
}

ul.accordion>li>a i.icon-minus {
    opacity: 0;
    color: #061326
}

ul.accordion>li>a .overlapping-icons {
    position: relative;
    width: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

ul.accordion>li>a .overlapping-icons i {
    position: absolute;
    top: calc(10px + .5rem);
    transform: translateY(-50%);
    right: 0
}

ul.accordion>li ul.submenu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
    padding-bottom: 16px
}

ul.accordion>li.is-expanded>a i.icon-arrow-down {
    transform: scaleY(-1)
}

ul.accordion>li.is-expanded>a i.icon-plus {
    opacity: 0
}

ul.accordion>li.is-expanded>a i.icon-minus {
    opacity: 1
}

.page-alerts,
.page-errors {
    position: relative
}

.page-alerts .alert,
.page-errors .alert {
    position: relative;
    z-index: 1;
    color: #fff;
    text-align: center
}

.page-alerts .alert .container,
.page-errors .alert .container {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.page-alerts .alert p,
.page-errors .alert p {
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    line-height: 2.4rem
}

.page-alerts .alert p strong,
.page-errors .alert p strong {
    display: inline-block;
    margin-right: 15px;
    letter-spacing: 1.7px;
    text-transform: uppercase
}

.page-alerts .alert.default-hidden,
.page-errors .alert.default-hidden {
    display: none
}

.page-alerts .bg,
.page-errors .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    transition: all .6s ease
}

.page-alerts .bg.blue,
.page-errors .bg.blue {
    background: #1d2bed
}

.page-alerts .bg.yellow,
.page-errors .bg.yellow {
    background: #f8c51c
}

.page-alerts .bg.orange,
.page-errors .bg.orange {
    background: #f56a23
}

.page-alerts .bg.green,
.page-errors .bg.green {
    background: #417505
}

body[class*=tessitura] .page-alerts {
    margin-top: 36px
}

@media only screen and (max-width:1080px) {
    body[class*=tessitura] .page-alerts {
        margin-top: 70px
    }
}

.bg-color-white {
    background: #fff
}

.bg-color-gray {
    background: #f5f6f8
}

.buttons .button,
.buttons button[type=submit],
.buttons input[type=file]+label,
.buttons input[type=submit] {
    margin: 15px 0
}

.buttons .button+.button,
.buttons .button+button[type=submit],
.buttons .button+input[type=submit],
.buttons button[type=submit]+.button,
.buttons button[type=submit]+button[type=submit],
.buttons button[type=submit]+input[type=submit],
.buttons input.button[type=file]+label,
.buttons input[type=file]+label+.button,
.buttons input[type=file]+label+button[type=submit],
.buttons input[type=file]+label+input[type=submit],
.buttons input[type=file][type=submit]+label,
.buttons input[type=submit]+.button,
.buttons input[type=submit]+button[type=submit],
.buttons input[type=submit]+input[type=submit] {
    margin-left: 15px
}

.button,
button[type=submit],
input[type=file]+label,
input[type=submit] {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 25px;
    line-height: 2.5rem;
    transition: all .15s ease;
    display: inline-block;
    padding: 9px 35px;
    background: #f8c51c !important;
    border: 0;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1.77px;
    text-decoration: none;
    text-transform: uppercase;
    outline: none;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    z-index: 1
}

.button i,
button[type=submit] i,
input[type=file]+label i,
input[type=submit] i {
    margin-right: 5px;
    margin-left: -5px
}

.button:before,
button[type=submit]:before,
input[type=file]+label:before,
input[type=submit]:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #e9b507;
    transform-origin: 100% 50%;
    transform: scaleY(2);
    transition: transform .5s, opacity .5s;
    transition-timing-function: cubic-bezier(.7, 0, .9, 1)
}

.button:focus,
.button:hover,
button:focus[type=submit],
button:hover[type=submit],
input:focus[type=submit],
input:hover[type=submit],
input[type=file]+label:focus,
input[type=file]+label:hover {
    color: #fff
}

.button:focus:before,
.button:hover:before,
button[type=submit]:focus:before,
button[type=submit]:hover:before,
input[type=file]+label:focus:before,
input[type=file]+label:hover:before,
input[type=submit]:focus:before,
input[type=submit]:hover:before {
    transform: scale3d(12, 10, 1)
}

@media (hover:none) {
    .button:hover,
    button:hover[type=submit],
    input:hover[type=submit],
    input[type=file]+label:hover {
        color: #fff
    }
    .button:hover:before,
    button[type=submit]:hover:before,
    input[type=file]+label:hover:before,
    input[type=submit]:hover:before {
        transform: scaleY(2)
    }
}

.button:active,
button:active[type=submit],
input:active[type=submit],
input[type=file]+label:active {
    color: #fff;
    transform: translate3d(0, 1px, 0)
}

.button:active:before,
button[type=submit]:active:before,
input[type=file]+label:active:before,
input[type=submit]:active:before {
    background: #d5a507
}

.button:focus,
button:focus[type=submit],
input:focus[type=submit],
input[type=file]+label:focus {
    color: #fff
}

.button.disabled,
button.disabled[type=submit],
input.disabled[type=submit],
input[type=file]+label.disabled {
    background: #53556c;
    cursor: default
}

.button.disabled:hover,
button.disabled:hover[type=submit],
input.disabled:hover[type=submit],
input[type=file]+label.disabled:hover {
    cursor: default
}

.button.disabled:before,
button.disabled[type=submit]:before,
input.disabled[type=submit]:before,
input[type=file]+label.disabled:before {
    background: #53556c;
    cursor: default
}

.button.sold-out,
button.sold-out[type=submit],
input.sold-out[type=submit],
input[type=file]+label.sold-out {
    background: #f5f6f8;
    cursor: default;
    color: #53556c
}

.button.sold-out:hover,
button.sold-out:hover[type=submit],
input.sold-out:hover[type=submit],
input[type=file]+label.sold-out:hover {
    cursor: default
}

.button.sold-out:before,
button.sold-out[type=submit]:before,
input.sold-out[type=submit]:before,
input[type=file]+label.sold-out:before {
    background: #53556c;
    cursor: default
}

.button.small,
button.small[type=submit],
input.small[type=submit],
input[type=file]+label.small {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    padding: 6px 20px
}

.button.large,
button.large[type=submit],
input.large[type=submit],
input[type=file]+label.large {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 21px;
    line-height: 2.1rem;
    padding: 12px 72px
}

.button.square,
button.square[type=submit],
input.square[type=submit],
input[type=file]+label.square {
    display: inline-block;
    width: 42px;
    height: 42px;
    padding: 0
}

.button.square i,
button.square[type=submit] i,
input.square[type=submit] i,
input[type=file]+label.square i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 14px;
    margin: 0
}

.button.done,
button.done[type=submit],
input.done[type=submit],
input[type=file]+label.done {
    display: none
}

.button.fixed,
button.fixed[type=submit],
input.fixed[type=submit],
input[type=file]+label.fixed {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 15px;
    line-height: 1.5rem;
    padding: 12px 10px;
    position: fixed;
    top: 50%;
    right: 0;
    margin-top: -34px;
    z-index: 4;
    letter-spacing: 1.88px
}

.button.fixed i,
button.fixed[type=submit] i,
input.fixed[type=submit] i,
input[type=file]+label.fixed i {
    padding-top: 7px;
    width: 100%;
    display: block;
    text-align: center;
    position: relative;
    left: 5px;
    font-size: 18px
}

@media (hover:hover) {
    .button.fixed:focus,
    .button.fixed:hover,
    button.fixed:focus[type=submit],
    button.fixed:hover[type=submit],
    input.fixed:focus[type=submit],
    input.fixed:hover[type=submit],
    input[type=file]+label.fixed:focus,
    input[type=file]+label.fixed:hover {
        cursor: pointer
    }
}

.button-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.button-group .button:before,
.button-group button[type=submit]:before,
.button-group input[type=file]+label:before,
.button-group input[type=submit]:before {
    display: none
}

.button-group .button.is-active,
.button-group button.is-active[type=submit],
.button-group input.is-active[type=submit],
.button-group input[type=file]+label.is-active {
    border: 2px solid #f8c51c
}

.button-group .button:not(.is-active),
.button-group button:not(.is-active)[type=submit],
.button-group input:not(.is-active)[type=submit],
.button-group input[type=file]+label:not(.is-active) {
    background: transparent;
    color: #061326!important;
    border: 2px solid #eee
}

.button-group .button:not(.is-active):focus,
.button-group .button:not(.is-active):hover,
.button-group button:not(.is-active):focus[type=submit],
.button-group button:not(.is-active):hover[type=submit],
.button-group input:not(.is-active):focus[type=submit],
.button-group input:not(.is-active):hover[type=submit],
.button-group input[type=file]+label:not(.is-active):focus,
.button-group input[type=file]+label:not(.is-active):hover {
    background: rgba(0, 0, 0, .035)
}

.button-group .button:active,
.button-group button:active[type=submit],
.button-group input:active[type=submit],
.button-group input[type=file]+label:active {
    transform: none!important
}

ul.card-grid {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.card-grid-item,
ul.card-grid {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex
}

.card-grid-item {
    width: calc((100% - 40px) / 3);
    -ms-flex-direction: column;
    flex-direction: column
}

.card-grid-item a {
    height: 100%;
    padding: 0 0 20px;
    border: 2px solid #eee;
    background: #fff;
    text-align: center;
    text-decoration: none
}

.card-grid-photo {
    width: 100%;
    height: auto;
    margin-bottom: 15px
}

.card-grid-title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    padding: 0 9% 10px;
    font-weight: 600;
    color: #061326
}

.card-grid-excerpt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 19px;
    line-height: 1.9rem;
    padding: 0 9% 10px;
    color: #53556c
}

.card-grid .slick-slide {
    margin: 0 10px
}

.fake-link {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 15px;
    line-height: 1.5rem
}

.datepicker-quickdates {
    transition: all .15s ease;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.datepicker-quickdates.hidden {
    display: none
}

.datepicker-quickdates a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 13px;
    line-height: 1.3rem;
    display: inline-block;
    letter-spacing: .68px;
    width: calc(50% - 5px);
    padding: 13px 0;
    text-align: center
}

.datepicker {
    width: 212px;
    border-radius: 0;
    padding: 10px;
    z-index: 2000
}

[class*=tessitura] .datepicker {
    width: 250px
}

.datepicker .datepicker--nav {
    border-bottom: 0;
    padding: 20px 0 10px
}

.datepicker .datepicker--nav .datepicker--nav-action {
    color: #1d2bed
}

.datepicker .datepicker--nav .datepicker--nav-action:focus,
.datepicker .datepicker--nav .datepicker--nav-action:hover {
    background: transparent;
    color: #041757
}

.datepicker .datepicker--nav .datepicker--nav-action:first-of-type {
    position: relative;
    left: -5px
}

.datepicker .datepicker--nav .datepicker--nav-action:last-of-type {
    position: relative;
    left: 5px
}

.datepicker .datepicker--nav .datepicker--nav-title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem;
    color: #1d2bed;
    font-weight: 600;
    letter-spacing: 2.14px;
    text-transform: uppercase
}

.datepicker .datepicker--content .datepicker--days-names .datepicker--day-name {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 13px;
    line-height: 1.3rem;
    color: #53556c;
    font-weight: 600;
    letter-spacing: .68px;
    text-transform: uppercase
}

.datepicker .datepicker--content .datepicker--cells .datepicker--cell {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 14px;
    line-height: 1.4rem;
    height: 28px;
    color: #53556c;
    font-weight: 400;
    letter-spacing: .68px
}

.datepicker .datepicker--content .datepicker--cells .datepicker--cell.-current- {
    position: relative;
    color: #f8c51c;
    font-weight: 600
}

.datepicker .datepicker--content .datepicker--cells .datepicker--cell.-current-:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    content: " ";
    width: 26px;
    height: 26px;
    border: 2px solid #f8c51c;
    border-radius: 100%
}

.datepicker .datepicker--content .datepicker--cells .datepicker--cell.-selected- {
    background: none
}

.datepicker .datepicker--content .datepicker--cells .datepicker--cell.has-event:not(.-disabled-) {
    color: #1d2bed;
    font-weight: 600
}

.datepicker .datepicker--content .datepicker--cells .datepicker--cell.is-disabled {
    cursor: not-allowed
}

.datepicker .datepicker--content .datepicker--cells .datepicker--cell.-other-month- {
    color: transparent!important
}

.datepicker .datepicker--content .datepicker--cells .datepicker--cell.datepicker--cell-month.-current- {
    border: 0;
    border-radius: 4px
}

.datepicker .datepicker--content .datepicker--cells .datepicker--cell.datepicker--cell-month.-current-:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    content: "";
    display: block;
    height: 34px;
    width: 34px;
    border: 2px solid #f8c51c;
    border-radius: 100%
}

.tickets-datepicker {
    width: 234px;
    padding: 12px;
    border: 0
}

.tippy-tooltip .tickets-datepicker {
    padding: 0
}

body.home .tickets-datepicker {
    min-height: 279px
}

input.no-cursor {
    cursor: pointer;
    color: transparent;
    text-shadow: 0 0 0 #000
}

input.no-cursor:focus {
    outline: none
}

.definitions {
    padding: 15px 0
}

.definitions dd,
.definitions dt {
    display: block;
    padding-left: 26px
}

.definitions dd {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1.3px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 17px;
    line-height: 1.7rem;
    position: relative;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #1d2bed
}

.definitions dd i {
    position: absolute;
    top: 10px;
    left: 0;
    font-size: 15px
}

.definitions dt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17px;
    line-height: 1.7rem;
    padding-bottom: 10px;
    color: #53556c
}

.definitions dt.no-padding {
    padding-left: 0;
    padding-right: 0
}

.disruptor {
    padding: 46px 12%;
    margin: 0 auto;
    max-width: 700px;
    text-align: center;
    border: 2px solid #f5f6f8
}

.disruptor header i.icon-help {
    font-size: 48px;
    color: #1d2bed
}

.disruptor header .page-template-home #page-header .text .mobile-h1,
.disruptor header h2,
.page-template-home #page-header .text .disruptor header .mobile-h1 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 41px;
    line-height: 4.1rem;
    padding: 10px 0 5px
}

.disruptor .wysiwyg {
    text-align: center
}

.disruptor footer {
    padding-top: 30px
}

.donate-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.donate-form .skip {
    margin-top: 20px
}

body[class*=tessitura] .donate-form[max-width~="415"] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

body[class*=tessitura] .donate-form[max-width~="415"] .donate-form-input,
body[class*=tessitura] .donate-form[max-width~="415"] .donate-form-input input {
    width: 100%
}

body[class*=tessitura] .donate-form[max-width~="415"] .donate-form-submit {
    margin-left: 0;
    margin-top: 15px;
    width: 100%
}

body[class*=tessitura] .donate-form[max-width~="415"] .donate-form-submit .button,
body[class*=tessitura] .donate-form[max-width~="415"] .donate-form-submit button[type=submit],
body[class*=tessitura] .donate-form[max-width~="415"] .donate-form-submit input[type=file]+label,
body[class*=tessitura] .donate-form[max-width~="415"] .donate-form-submit input[type=submit] {
    width: 100%
}

.donate-form-input {
    position: relative;
    min-width: 196px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.donate-form-input .currency {
    position: absolute;
    top: 13px;
    left: 11px;
    font-size: 16px;
    color: #061326;
    font-weight: 600;
    display: block;
    line-height: normal
}

.donate-form-input input {
    width: 196px;
    padding-left: 22px!important;
    padding-top: 11px;
    padding-bottom: 9px
}

.donate-form-input input::-webkit-input-placeholder {
    color: #061326
}

.donate-form-input input:-moz-placeholder,
.donate-form-input input::-moz-placeholder {
    color: #061326
}

.donate-form-input input:-ms-input-placeholder {
    color: #061326
}

.donate-form-submit {
    margin-left: 15px
}

.donate-form-submit .button,
.donate-form-submit button[type=submit],
.donate-form-submit input[type=file]+label,
.donate-form-submit input[type=submit] {
    line-height: 25px
}

#animal-guide-filters {
    margin: 50px 0 75px
}

#story-filters {
    margin: 62px 0 43px
}

#alm-filters-animal_filters .alm-filter {
    width: calc((100% - 134px)/4)
}

#alm-filters-animal_filters.crunch-for-search .alm-filter {
    transition: all .15s ease;
    width: calc((100% - 88px)/5)
}

@media only screen and (min-width:531px) and (max-width:980px) {
    #alm-filters-animal_filters.crunch-for-search .alm-filter--search {
        margin-left: calc(50% + 10px)
    }
}

#alm-filters-story_filters .alm-filter {
    transition: all .15s ease;
    width: calc((100% - 66px)/4)
}

body .alm-filters {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 22px;
    background: #f9faff
}

body .alm-filters .alm-filter--title h3 {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 15px;
    line-height: 1.5rem;
    letter-spacing: 1.77px
}

body .alm-filters .alm-filter {
    margin: 0 22px 0 0;
    padding: 0
}

body .alm-filters .alm-filter ul {
    max-width: 200px
}

body .alm-filters .alm-filter a {
    text-transform: capitalize
}

body .clear-filters-button {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 10px;
    font-size: 1rem;
    line-height: 11px;
    line-height: 1.1rem;
    display: inline-block;
    margin: 8px 0 0 12px;
    padding: 10px;
    letter-spacing: 1.76px;
    text-decoration: none;
    color: #53556c
}

body .clear-filters-button i {
    font-size: 8px;
    line-height: 11px
}

body .clear-filters-button:hover {
    color: #f8c51c
}

body .alm-filter-toggle {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 10px;
    font-size: 1rem;
    line-height: 11px;
    line-height: 1.1rem;
    display: inline-block;
    margin: 8px 0 0 12px;
    padding: 10px;
    letter-spacing: 1.76px;
    text-decoration: none;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    margin: 0;
    position: absolute;
    left: -10px;
    top: 10px;
    z-index: 2;
    display: none
}

body .alm-filter-toggle i {
    font-size: 8px;
    line-height: 11px
}

body .alm-search-toggle {
    position: absolute;
    display: inline-block;
    z-index: 1;
    top: 24px;
    right: 27px;
    padding: 10px;
    color: #061326;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600
}

body .alm-search-toggle.is-hidden {
    display: none
}

body .alm-search-toggle:focus,
body .alm-search-toggle:hover {
    color: #f8c51c
}

body .alm-filters .alm-filter--search {
    transition: all .15s ease;
    margin: 0 0 0 auto;
    overflow: hidden;
    max-width: 0;
    visibility: hidden;
    opacity: 0
}

body .alm-filters .alm-filter--search.is-visible {
    visibility: visible;
    overflow: visible
}

body .alm-filters .alm-filter--search.is-opaque {
    opacity: 1;
    max-width: 250px
}

body .alm-filters .alm-filter--search .alm-filter--text {
    position: relative;
    height: 100%
}

body .alm-filters .alm-filter--search .alm-filter--text .alm-filter--text-wrap.has-button {
    height: 100%
}

body .alm-filters .alm-filter--search .alm-filter--text .alm-filter--text-wrap.has-button button[type=button] {
    background-color: #f8c51c;
    box-shadow: none;
    border-radius: 0;
    outline: none
}

body .alm-filters .alm-filter--search .alm-filter--text .alm-filter--text-wrap.has-button button[type=button]:focus,
body .alm-filters .alm-filter--search .alm-filter--text .alm-filter--text-wrap.has-button button[type=button]:hover {
    background-color: #daa907
}

body .alm-filters .alm-filter--search .alm-filter--text .alm-filter--text-wrap.has-button input[type=text] {
    height: 100%;
    border-radius: 0;
    border: 2px solid #eee
}

body .alm-filters .alm-filter--search .alm-filter--text .alm-filter--text-wrap.has-button input[type=text]:focus {
    border-color: #f8c51c
}

@media only screen and (max-width:980px) {
    body .alm-filters {
        padding: 10px
    }
    body .alm-filters .alm-filter {
        width: calc(50% - 20px)!important;
        min-height: 44px;
        max-width: none!important;
        margin: 10px
    }
    body .alm-filters .alm-filter button[type=button] {
        position: relative;
        right: 1px
    }
}

@media only screen and (max-width:530px) {
    body .alm-filters .alm-filter {
        width: 100%!important
    }
}

@media only screen and (max-width:480px) {
    body #animal-guide-filters,
    body #story-filters {
        margin: 20px 0
    }
    body .alm-filters {
        width: calc(100% + 44px);
        position: relative;
        left: -22px
    }
    body .alm-filter-toggle {
        display: inline-block
    }
    body .alm-filters {
        padding-top: 40px;
        max-height: 0;
        transition: max-height .3s linear;
        overflow: hidden
    }
    body .alm-filters.is-expanded {
        max-height: 1000px
    }
    body .alm-clear-filters {
        display: none;
        margin-left: 10px
    }
}

.alm-btn-wrap {
    text-align: center
}

.alm-load-more-btn {
    margin: 65px 0 100px
}

.alm-loading .alm-load-more-btn {
    visibility: hidden
}

.animal-guide-grid,
.stories-grid {
    margin-top: 34px
}

.alm-filters-edit {
    display: none!important
}

.icons-grid {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 35px 0;
    text-align: center
}

.icons-grid .icons-grid-item {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 24%;
    padding: 0 2%
}

.icons-grid.with-border {
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee
}

@media only screen and (max-width:680px) {
    .icons-grid {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .icons-grid .icons-grid-item {
        width: 50%;
        padding: 3%
    }
}

.icons-grid.animal-types .icons-grid-title {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 14px;
    line-height: 1.4rem;
    display: block;
    width: 100%;
    padding-top: 12px
}

.icons-grid-icon {
    color: #1d2bed;
    font-size: 34px;
    line-height: 34px
}

.icons-grid-icon.icon-animal-habitat {
    font-size: 38px
}

.icons-grid-icon.icon-animal-diet,
.icons-grid-icon.icon-date-check {
    font-size: 30px
}

.icons-grid-icon[class*=" icon-badge-"],
.icons-grid-icon[class^=icon-badge-] {
    font-size: 78px;
    line-height: 78px
}

.icons-grid-title {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    padding-bottom: 8px;
    padding-top: 5px
}

.icons-grid-content,
.icons-grid-title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem
}

.icons-grid-content {
    color: #53556c;
    display: inline-block
}

.item-with-border-overlay .photo {
    position: relative;
    z-index: 0
}

.item-with-border-overlay .photo:before {
    transition: all .15s ease;
    content: "";
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border: 8px solid #f8c51c
}

.item-with-border-overlay .photo img {
    display: block;
    width: 100%
}

.item-with-border-overlay:hover .photo:before {
    opacity: 1
}

@media (hover:none) {
    .item-with-border-overlay:hover .photo:before {
        opacity: 0
    }
}

.item-with-border-overlay:focus .photo:before {
    opacity: 1
}

.item-with-underlay {
    position: relative
}

.item-with-underlay .item {
    position: relative;
    z-index: 1;
    padding: 0 16px 16px 0
}

.item-with-underlay .underlay {
    position: absolute;
    top: 16px;
    left: 16px;
    right: 0;
    bottom: 0;
    z-index: 0
}

.item-with-underlay .underlay.yellow {
    background: #f8c51c
}

.item-with-underlay .underlay.blue {
    background: #1d2bed
}

.item-with-underlay img {
    display: block
}

.item-with-underlay.has-popover-link .item {
    padding: 0 22px 30px 0
}

.item-with-underlay.has-popover-link .underlay {
    top: 30px;
    left: 22px
}

.item-with-underlay.has-popover-link .popover-link {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    left: 22px;
    bottom: 0;
    padding: 8px;
    color: #fff;
    text-decoration: none
}

.item-with-underlay.has-popover-link .popover-link i {
    margin-left: 5px;
    font-size: 8px
}

.item-with-underlay.has-popover-link .popover-link:hover {
    opacity: .7
}

.link {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    line-height: 1.6rem;
    display: inline-block;
    letter-spacing: .67px;
    text-transform: uppercase;
    color: #f8c51c !important;
    font-weight: 900;
    text-decoration: none !important;
    padding-bottom: 3px;
    border-bottom: 1px solid transparent
}

.link:focus,
.link:hover {
    border-bottom: 1px solid #f8c51c
}

.link .icon-arrow-down,
.link .icon-arrow-up {
    font-size: 12px;
    font-size: 1.2rem
}

.link-fancy:after,
.link .icon-arrow-down,
.link .icon-arrow-up {
    line-height: 16px;
    line-height: 1.6rem;
    display: inline-block;
    margin-left: 5px
}

.link-fancy:after {
    font-size: 11px;
    font-size: 1.1rem;
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    transition: transform .15s ease-in-out;
    position: relative
}

.link-fancy:focus:after,
.link-fancy:hover:after {
    transform: translateX(3px)
}

.link-back,
.link-next {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.6rem;
    display: inline-block;
    color: #061326;
    text-decoration: none
}

.link-back i,
.link-next i {
    transition: left .15s ease-in-out;
    position: relative;
    top: 1px;
    margin-right: 7px;
    transform: translateX(0)
}

.link-back:focus,
.link-back:hover,
.link-next:focus,
.link-next:hover {
    color: #f8c51c
}

.link-back:focus i,
.link-back:hover i,
.link-next:focus i,
.link-next:hover i {
    left: -2px
}

.link-back.is-small,
.link-next.is-small {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 15px;
    line-height: 1.5rem
}

.link-back.is-small i,
.link-next.is-small i {
    font-size: 8px;
    font-size: .8rem;
    top: 0;
    margin-right: 2px
}

.link-next i {
    margin-right: 0;
    margin-left: 7px
}

.link-next:focus i,
.link-next:hover i {
    left: 2px
}

.link-next.is-small i {
    margin-left: 2px
}

.link-blue {
    letter-spacing: 1.36px
}

.link-blue:focus,
.link-blue:hover {
    border-bottom: 1px solid #1d2bed
}

.link-disabled,
.table tbody a.link-disabled {
    color: #53556c;
    letter-spacing: 1.36px;
    pointer-events: none
}

.listing-grid {
    list-style: none;
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-flow: dense
}

.listing-grid a {
    display: block;
    text-decoration: none;
    text-align: center
}

.listing-grid .name,
.listing-grid .view {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 15px;
    line-height: 1.5rem
}

.listing-grid .name {
    padding: 15px 0 0;
    color: #061326
}

.listing-grid[max-width~="980px"] {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr
}

.listing-grid[max-width~="640px"] {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
}

.listing-grid[max-width~="420px"] {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
}

.listing-grid[max-width~="420px"] a {
    max-width: 300px;
    margin: 0 auto
}

@media only screen and (min-width:1025px) {
    .listing-grid:not(.was-filtered) .featured {
        -ms-grid-column: span 2;
        grid-column: span 2;
        -ms-grid-row: span 2;
        grid-row: span 2
    }
    .listing-grid:not(.was-filtered) .featured .photo {
        height: 100%
    }
    .listing-grid:not(.was-filtered) .featured .photo img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.listing-grid:not(.was-filtered) .featured a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    height: 100%
}

.listing-grid:not(.was-filtered) .featured a:before {
    content: "featured";
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 10px 30px;
    background: #1d2bed;
    color: #fff
}

.listing-grid:not(.was-filtered) .pos-1 {
    grid-column: 3/5
}

@media only screen and (max-width:1024px) {
    .listing-grid:not(.was-filtered) .pos-1 {
        -ms-grid-column: 3;
        grid-column: 3
    }
}

@media only screen and (max-width:684px) {
    .listing-grid:not(.was-filtered) .pos-1 {
        -ms-grid-column: 2;
        grid-column: 2
    }
}

@media only screen and (max-width:464px) {
    .listing-grid:not(.was-filtered) .pos-1 {
        -ms-grid-column: 1;
        grid-column: 1
    }
}

.listing-grid:not(.was-filtered) .pos-2 {
    grid-column: 1/3
}

@media only screen and (max-width:1024px) {
    .listing-grid:not(.was-filtered) .pos-2 {
        -ms-grid-column: 1;
        grid-column: 1
    }
}

.listing-grid:not(.was-filtered).explicit_featured_positioning .pos-1 {
    grid-row: 2/4
}

@media only screen and (max-width:1024px) {
    .listing-grid:not(.was-filtered).explicit_featured_positioning .pos-1 {
        -ms-grid-row: 2;
        grid-row: 2
    }
}

.listing-grid:not(.was-filtered).explicit_featured_positioning .pos-2 {
    grid-column: 1/3;
    grid-row: 5/7
}

@media only screen and (max-width:1024px) {
    .listing-grid:not(.was-filtered).explicit_featured_positioning .pos-2 {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 5;
        grid-row: 5
    }
}

.listing-grid:not(.was-filtered).explicit_featured_positioning[max-width~="980px"] .pos-1 {
    grid-column: 2/4
}

@media only screen and (max-width:1024px) {
    .listing-grid:not(.was-filtered).explicit_featured_positioning[max-width~="980px"] .pos-1 {
        -ms-grid-column: 2;
        grid-column: 2
    }
}

.listing-grid:not(.was-filtered).explicit_featured_positioning[max-width~="640px"] .pos-1,
.listing-grid:not(.was-filtered).explicit_featured_positioning[max-width~="640px"] .pos-2 {
    -ms-grid-column: span 2;
    grid-column: span 2;
    -ms-grid-row: span 2;
    grid-row: span 2
}

.listing-grid:not(.was-filtered).explicit_featured_positioning[max-width~="420px"] .pos-1,
.listing-grid:not(.was-filtered).explicit_featured_positioning[max-width~="420px"] .pos-2 {
    -ms-grid-column: auto;
    grid-column: auto;
    -ms-grid-row: auto;
    grid-row: auto
}

.animal-guide-grid .photo {
    padding-top: 100%
}

.animal-guide-grid .photo img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.stories-grid .story-type {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    line-height: 1.6rem;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 25%;
    padding-top: 20px;
    padding-left: 24px;
    color: #fff;
    background: linear-gradient(0deg, transparent, rgba(0, 0, 0, .5));
    text-align: left;
    letter-spacing: 1.77px
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .listing-grid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -10px
    }
    .listing-grid>li {
        width: calc((100% - 80px) / 4);
        margin: 10px
    }
}

.ajax-load-more-wrap .loader {
    opacity: 0;
    transform: translateY(50px);
    transition: all .15s ease
}

.ajax-load-more-wrap.alm-loading .loader {
    opacity: 1
}

.loader-wrapper.is-hidden {
    display: none
}

.loader-wrapper.inline .loader {
    display: inline
}

body[class*=tessitura] .layout-gutter-main>.loader-wrapper .loader {
    padding-top: 20px;
    max-height: 48px;
    margin-bottom: -48px
}

.opacified .opacity-cover .loader-wrapper {
    height: 100%;
    width: 100%
}

.opacified .opacity-cover .error-msg,
.opacified .opacity-cover .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.loader {
    max-width: 75px;
    display: block;
    margin: 0 auto;
    overflow: visible!important
}

.loader-path {
    stroke: #dbe0e6;
    stroke-dasharray: 174;
    stroke-dashoffset: 174;
    animation: b 3s normal infinite
}

@keyframes b {
    0% {
        fill: transparent;
        stroke-dasharray: 174;
        stroke-dashoffset: 174
    }
    50% {
        fill: transparent
    }
    90% {
        stroke-dashoffset: 350;
        fill: #eee;
        opacity: 1
    }
    to {
        stroke-dashoffset: 350;
        fill: #eee;
        opacity: 0
    }
}

@supports (-ms-ime-align:auto) {
    .loader-path {
        stroke-dasharray: unset;
        stroke-dashoffset: unset;
        animation: c 2s normal infinite
    }
}

@keyframes c {
    0% {
        fill: transparent
    }
    70% {
        opacity: 1
    }
    90% {
        fill: #eee
    }
    to {
        fill: #eee;
        opacity: 0
    }
}

.modal {
    position: relative;
    margin: 66px auto;
    padding: 66px;
    background: #fff;
    color: #061326;
    max-width: 660px
}

.modal.small {
    max-width: 520px
}

.modal .mfp-close {
    height: auto;
    width: auto;
    line-height: 0;
    padding: 12px;
    color: #1d2bed;
    font-size: 17px
}

.modal .mfp-close i {
    pointer-events: none
}

.modal .modal-header {
    border-bottom: 2px solid #eee
}

.modal .modal-header h3 {
    padding: 0 0 10px;
    margin-top: -10px
}

.modal .intro {
    margin-top: 18px
}

.modal .loader-wrapper {
    width: 60px;
    margin: 20px auto 0
}

.modal .gform_confirmation_wrapper,
.modal .gform_wrapper~.footer {
    margin-top: 20px
}

.membership-modal {
    text-align: center;
    max-width: 520px;
    padding: 45px 50px 50px
}

.membership-modal .ts-content-header .page-template-home #page-header .text .mobile-h1,
.membership-modal .ts-content-header h2,
.page-template-home #page-header .text .membership-modal .ts-content-header .mobile-h1 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 21px;
    line-height: 2.1rem;
    letter-spacing: 1.77px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600
}

.membership-modal .ts-content-header {
    padding-bottom: 20px;
    max-width: 290px;
    margin: 0 auto
}

.membership-modal .form-input-quantity {
    max-width: 390px;
    margin: 0 auto;
    padding: 5px 0
}

.membership-modal .form-input-quantity label {
    text-align: right;
    width: 250px;
    max-width: calc(100% - 114px);
    padding-right: 23px
}

.membership-modal .form-input-quantity .form-counter input {
    width: 80px;
    font-size: 30px;
    font-size: 3rem;
    line-height: 32px;
    line-height: 3.2rem
}

.membership-modal .form-input-quantity .form-counter a {
    font-size: 13px
}

.membership-modal .button,
.membership-modal button[type=submit],
.membership-modal input[type=file]+label,
.membership-modal input[type=submit] {
    margin-top: 30px;
    margin-bottom: 30px
}

.membership-modal .button+.loader-wrapper,
.membership-modal button[type=submit]+.loader-wrapper,
.membership-modal input[type=file]+label+.loader-wrapper,
.membership-modal input[type=submit]+.loader-wrapper {
    margin-top: 10px
}

.membership-modal .fine-print small {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    color: #53556c
}

@media only screen and (max-width:500px) {
    .membership-modal {
        padding: 30px
    }
}

@media only screen and (max-width:450px) {
    .membership-modal .form-input-quantity {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    .membership-modal .form-input-quantity:not(:last-of-type) {
        padding-bottom: 15px
    }
    .membership-modal .form-input-quantity label {
        max-width: 100%;
        width: 100%;
        padding-right: 0;
        text-align: center
    }
}

.event-ticket-modal {
    text-align: center;
    max-width: 520px;
    padding: 45px 50px 50px
}

.event-ticket-modal .modal-header {
    border-bottom: 0;
    padding-bottom: 20px
}

.event-ticket-modal .modal-header h3 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 21px;
    line-height: 2.1rem;
    letter-spacing: 1.77px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600
}

.event-ticket-modal .form-inputs {
    -ms-flex-pack: center;
    justify-content: center
}

.event-ticket-modal .form-input-quantity {
    max-width: 390px;
    margin: 0 auto;
    padding: 5px 0
}

.event-ticket-modal .form-input-quantity label {
    text-align: right;
    width: 250px;
    max-width: calc(100% - 114px);
    padding-right: 23px
}

.event-ticket-modal .form-input-quantity .form-counter input {
    width: 80px;
    font-size: 30px;
    font-size: 3rem;
    line-height: 32px;
    line-height: 3.2rem
}

.event-ticket-modal .form-input-quantity .form-counter a {
    font-size: 13px
}

.event-ticket-modal .button,
.event-ticket-modal button[type=submit],
.event-ticket-modal input[type=file]+label,
.event-ticket-modal input[type=submit] {
    margin-top: 25px
}

@media only screen and (max-width:450px) {
    .event-ticket-modal .form-input-quantity {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    .event-ticket-modal .form-input-quantity:not(:last-of-type) {
        padding-bottom: 15px
    }
    .event-ticket-modal .form-input-quantity label {
        max-width: 100%;
        width: 100%;
        padding-right: 0;
        text-align: center
    }
}

.pagination {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 13px;
    line-height: 1.3rem;
    margin-top: 50px;
    letter-spacing: 1.36px
}

.pagination .nav-links {
    margin-left: -12px
}

.pagination .page-numbers {
    padding: 12px;
    text-decoration: none;
    color: #6b809a
}

.pagination .page-numbers.current {
    color: #061326
}

.pagination a:focus,
.pagination a:hover {
    color: #1d2bed
}

.pagination .prev {
    font-weight: 400
}

.js-tippy-trigger {
    cursor: pointer
}

.popover {
    display: none
}

.tippy-tooltip {
    padding: 0!important;
    border-radius: 0!important
}

.basic-popover-content {
    width: 250px;
    position: relative;
    padding: 20px;
    text-align: left
}

.basic-popover-content .gsection_title,
.basic-popover-content h4 {
    padding: 0
}

.basic-popover-content .close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer
}

.login-form {
    width: 270px;
    padding: 5px 20px 70px 25px;
    text-align: left
}

.login-form header {
    padding: 3px 0
}

.login-form header h3 {
    font-size: 12px !important;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.6rem;
    color: #061326 !important;
    letter-spacing: 1.77px;
    text-transform: uppercase;
    font-weight: 600 !important;
}

.login-form .form-item,
.login-form .form-submit {
    padding: 5px 0
}

.login-form .form-item input[type=email],
.login-form .form-item input[type=password],
.login-form .form-item input[type=submit],
.login-form .form-submit input[type=email],
.login-form .form-submit input[type=password],
.login-form .form-submit input[type=submit] {
    width: 100%
}

.login-form .form-submit.is-hidden {
    display: none
}

.login-form .form-item.rememberme {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.login-form .form-item.rememberme a,
.login-form .form-item.rememberme label {
    font-size: 12px !important;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: 300
}

.login-form .form-item.rememberme label {
    padding-left: 0
}

.login-form .form-item.rememberme label input {
    margin-right: 5px
}

.login-form .form-item.rememberme a {
    display: inline-block;
    color: #1d2bed;
    text-decoration: none
}

.login-form .form-item.rememberme a:focus,
.login-form .form-item.rememberme a:hover {
    color: #041757;
    text-decoration: underline
}

.login-form .form-item.rememberme input,
.login-form .form-item.rememberme span {
    vertical-align: middle
}

.login-form .form-item.rememberme input[type=checkbox] {
    -webkit-appearance: none;
    cursor: pointer;
    border: 2px solid #1d2bed;
    outline: 0;
    line-height: 0;
    height: 16px;
    width: 16px;
    min-width: 16px
}

.login-form .form-item.rememberme input[type=checkbox]:checked {
    background: #1d2bed;
    color: #fff
}

.login-form .form-item.rememberme input[type=checkbox]:checked:before {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 12px
}

.login-form footer h3 {
    font-size: 13px !important;
    font-size: 1.3rem;
    line-height: 16px;
    line-height: 1.6rem;
    color: #53556c;
    letter-spacing: .8px;
    padding-bottom: 0
}

.login-form footer a {
    font-size: 12px !important;
    font-size: 1.2rem;
    line-height: 13px;
    line-height: 1.3rem;
    padding-top: 5px;
    letter-spacing: .68px
}

.login-form footer a:after {
    font-size: 10px !important;
    font-size: 1rem;
    line-height: 13px;
    line-height: 1.3rem
}

.login-form .loader {
    height: 53px;
    max-width: 50px
}

.logout-form {
    width: 150px;
    padding: 5px 20px 25px;
    text-align: left
}

.logout-form header {
    padding: 3px 0
}

.logout-form header h3 {
    line-height: 16px;
    line-height: 1.6rem;
    letter-spacing: 1.77px;
    font-weight: 600
}

.logout-form header a,
.logout-form header h3 {
    font-size: 12px !important;
    font-size: 1.2rem;
    color: #061326;
    text-transform: uppercase
}

.logout-form header a {
    line-height: 13px;
    line-height: 1.3rem;
    padding-top: 5px;
    letter-spacing: .68px;
    text-decoration: none
}

.logout-form header a:after {
    font-size: 10px !important;
    font-size: 1rem;
    line-height: 13px;
    line-height: 1.3rem
}

.logout-form footer h3 {
    font-size: 13px !important;
    font-size: 1.3rem;
    line-height: 16px;
    line-height: 1.6rem;
    color: #53556c;
    letter-spacing: .8px;
    padding-bottom: 0
}

.logout-form footer a {
    font-size: 12px !important;
    font-size: 1.2rem;
    line-height: 13px;
    line-height: 1.3rem;
    color: #53556c;
    padding-top: 5px;
    letter-spacing: .68px;
    text-decoration: none;
    text-transform: uppercase
}

.logout-form footer a:after {
    font-size: 10px !important;
    font-size: 1rem;
    line-height: 13px;
    line-height: 1.3rem
}

.animal-popover-content {
    width: 342px;
    text-align: left
}

.animal-popover-content header {
    position: relative;
    padding: 12px 25px 0
}

.animal-popover-content header h3 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 22px;
    line-height: 2.2rem;
    border-bottom: 1px solid #eee
}

.animal-popover-content header a.close {
    cursor: pointer;
    color: #1d2bed;
    font-size: 15px;
    line-height: 15px;
    position: absolute;
    top: 32px;
    right: 25px
}

.animal-popover-content header a.close:focus,
.animal-popover-content header a.close:hover {
    color: #041757
}

.animal-popover-content .definitions {
    padding: 15px 25px
}

.animal-popover-content footer a {
    display: block;
    text-align: center
}

.tickets-timepicker {
    padding: 10px
}

.tippy-content .tickets-timepicker {
    padding: 2px
}

.tickets-timepicker ul,
.tickets-timepicker ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.tickets-timepicker ul li {
    margin-bottom: 15px
}

.tickets-timepicker ul li a {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18px;
    line-height: 1.8rem;
    display: block;
    width: 213px;
    padding: 10px 0;
    text-align: center;
    background: #dbe0e6;
    color: #061326;
    text-transform: uppercase;
    text-decoration: none
}

.tickets-timepicker ul li a small {
    font-size: 11px;
    font-size: 1.1rem;
    text-transform: none
}

.tickets-timepicker ul li a:focus,
.tickets-timepicker ul li a:hover {
    background: #f8c51c;
    color: #fff
}

.tickets-timepicker ul li:last-of-type {
    margin-bottom: 0
}

.tickets-timepicker .loader-wrapper:not(.is-hidden) {
    min-width: 215px;
    min-height: 260px;
    display: -ms-flexbox;
    display: flex
}

.prev-next-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 13px;
    line-height: 25px
}

.prev-next-links .next,
.prev-next-links .prev {
    text-decoration: none
}

.prev-next-links .next span,
.prev-next-links .next strong,
.prev-next-links .prev span,
.prev-next-links .prev strong {
    display: inline-block;
    padding: 0 5px
}

.prev-next-links .next i,
.prev-next-links .prev i {
    position: relative;
    font-size: 10px
}

.prev-next-links .pipe {
    padding: 0 5px;
    font-weight: 600
}

.schedule-header {
    text-align: center;
    position: relative;
    padding-bottom: 0!important;
    margin-bottom: 3%
}

.schedule-header:after {
    content: "";
    display: table;
    clear: both
}

.schedule-header i {
    display: none
}

.schedule-header h3 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 22px;
    line-height: 2.2rem;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    padding: 15px 10px;
    letter-spacing: 2.67px
}

.schedule-header h3:before {
    right: 106%
}

.schedule-header h3:after,
.schedule-header h3:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 1px;
    display: block;
    background-color: #eee
}

.schedule-header h3:after {
    left: 106%
}

.schedule-list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-y: auto;
    max-height: 500px
}

.schedule-list::-webkit-scrollbar {
    -webkit-appearance: none
}

.schedule-list::-webkit-scrollbar:vertical {
    width: 10px
}

.schedule-list::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: hsla(0, 0%, 92%, .5)
}

.schedule-list::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #000
}

@media only screen and (max-width:550px) {
    .schedule-list {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch
    }
}

.schedule-list-item {
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 27px 11.9% 22px;
    margin: 0 8%;
    text-align: left
}

.schedule-list-item:last-of-type {
    border-bottom: 0
}

@media only screen and (max-width:450px) {
    .schedule-list-item {
        padding: 27px 5% 22px;
        margin: 0 5%
    }
}

.schedule-list-time {
    font-size: 29px;
    font-size: 2.9rem;
    line-height: 30px;
    line-height: 3rem;
    position: absolute;
    left: 6px;
    top: 16px;
    color: #dbe0e6;
    font-weight: 600;
    z-index: -1
}

.schedule-events {
    margin: 0;
    padding: 0;
    list-style: none
}

.schedule-events-item a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    padding: 4px 0;
    display: block;
    color: #061326;
    text-decoration: none
}

.schedule-events-item.tickets a:after {
    transition: all .15s ease;
    content: "";
    height: 21px;
    width: 21px;
    background: url(../../assets/img/icon-additional-fee.svg) 50%/21px no-repeat;
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle
}

@media only screen and (max-width:450px) {
    .schedule-events-item.tickets a:after {
        margin-left: 5px
    }
}

.schedule-events-item.tickets.sold-out a {
    color: #dbe0e6
}

.schedule-events-item.tickets.sold-out a:after {
    background: url(../../assets/img/icon-sold-out.svg) 50%/21px no-repeat
}

.schedule-legend {
    margin-top: 42px;
    text-align: left;
    max-width: 115px;
    margin-left: auto
}

.schedule-legend span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    display: block
}

.schedule-legend span:not(:last-of-type) {
    margin-bottom: 7px
}

.schedule-legend span i.additional-fee,
.schedule-legend span i.sold-out {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    margin-top: -2px;
    height: 17px;
    width: 17px;
    background: url(../../assets/img/icon-sold-out.svg) 50%/17px no-repeat
}

.schedule-legend span i.additional-fee {
    background: url(../../assets/img/icon-additional-fee.svg) 50%/17px no-repeat
}

@media only screen and (max-width:490px) {
    .schedule-header h3:after,
    .schedule-header h3:before,
    .schedule-header span {
        display: none
    }
    .schedule-header i {
        display: block
    }
}

@keyframes d {
    0% {
        opacity: 0
    }
    16% {
        opacity: 1
    }
    84% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes e {
    0% {
        transform: translateY(-47px)
    }
    to {
        transform: translateY(150px)
    }
}

.scroll-prompt {
    display: block;
    margin: 0 auto;
    text-align: center;
    transition: opacity .5s ease-out
}

.scroll-prompt span {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 13px;
    line-height: 1.3rem;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 1.81px;
    text-transform: uppercase;
    color: #fff;
    animation: d 4s linear infinite
}

.scroll-prompt .line {
    margin: 0 auto;
    height: 47px;
    width: 2px;
    background: #fff;
    animation: e 2s linear .5s infinite
}

.scroll-prompt .wrapper {
    overflow: hidden
}

.scroll-prompt.hidden {
    opacity: 0
}

@media only screen and (max-width:490px) {
    .scroll-prompt {
        display: none
    }
}

.sideblock {
    padding: 0 0 50px
}

.sideblock--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 70px
}

body.admin-bar .sideblock--sticky {
    top: 102px
}

.sideblock-header h3 {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem;
    padding: 30px 0;
    border-bottom: 2px solid #eee
}

.sideblock:first-of-type .sideblock-header h3 {
    padding-top: 0
}

.sideblock-sub-block {
    padding: 30px 0 27px;
    border-bottom: 2px solid #eee
}

.sideblock-sub-block:last-of-type {
    border: 0;
    padding-bottom: 0
}

.single-experience .sideblock-sub-block strong {
    padding-bottom: 10px
}

.single-experience .sideblock-sub-block p:last-of-type {
    padding-bottom: 0
}

.single-experience .sideblock-sub-block .button,
.single-experience .sideblock-sub-block button[type=submit],
.single-experience .sideblock-sub-block input[type=file]+label,
.single-experience .sideblock-sub-block input[type=submit] {
    margin-top: 13px
}

.single-booking .sideblock-sub-block strong {
    padding-bottom: 10px
}

.single-booking .sideblock-sub-block p:last-of-type {
    padding-bottom: 0
}

.sideblock-thin-heading {
    font-size: 15px;
    font-size: 1.5rem;
    padding-bottom: 6px;
    letter-spacing: .48px;
    font-weight: 300
}

.sideblock-fatty,
.sideblock-thin-heading {
    line-height: 18px;
    line-height: 1.8rem;
    display: block
}

.sideblock-fatty {
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 8px;
    letter-spacing: .2px;
    font-weight: 600;
    padding: 4px 0 8px
}

.sideblock-small-bold {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    line-height: 1.6rem;
    display: block;
    font-weight: 600;
    letter-spacing: .48px
}

.pricing-dynamic p,
.pricing-wysiwyg p,
.sideblock-paddingless {
    padding: 0
}

.pricing-dynamic p~p,
.pricing-wysiwyg p~p,
.sideblock-paddingless~p {
    padding-top: 8px
}

.pricing-dynamic .is-hidden,
.pricing-json {
    display: none
}

.sideblock-actions {
    padding-top: 20px
}

.sideblock-actions .button,
.sideblock-actions button,
.sideblock-actions button[type=submit],
.sideblock-actions input[type=file]+label,
.sideblock-actions input[type=submit] {
    margin-bottom: 1em;
    width: 100%;
    text-align: center
}

.sideblock-additional-link {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    display: block;
    text-decoration: none;
    margin-top: 20px
}

.sideblock-additional-link~.sideblock-additional-link {
    margin-top: 10px
}

.single-experience .sideblock-additional-link {
    margin-top: 0
}

.single-experience .sideblock-additional-link~.sideblock-additional-link {
    margin-top: 10px
}

.sideblock .loader-wrapper {
    width: 50px;
    margin: 20px auto 0
}

body:not(.animations-are-disabled) .onload-sequential-fade {
    opacity: 0;
    transition: opacity .5s ease-out
}

body:not(.animations-are-disabled) .schedule-scrolling-fade,
body:not(.animations-are-disabled) .scrolling-fade {
    opacity: 0;
    transition: all .5s ease-out
}

body:not(.animations-are-disabled) .schedule-scrolling-fade.is-triggered,
body:not(.animations-are-disabled) .scrolling-fade.is-triggered {
    opacity: 1
}

body:not(.animations-are-disabled) .schedule-scrolling-fade.up,
body:not(.animations-are-disabled) .scrolling-fade.up {
    transform: translateY(60px)
}

body:not(.animations-are-disabled) .schedule-scrolling-fade.up.is-triggered,
body:not(.animations-are-disabled) .scrolling-fade.up.is-triggered {
    transform: translateY(0)
}

.wysiwyg,
body#tinymce {
    text-align: left
}

.wysiwyg p,
body#tinymce p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    line-height: 2.1rem;
    color: #53556c
}

.wysiwyg b a,
.wysiwyg p a,
body#tinymce b a,
body#tinymce p a {
    font-weight: 900;
    text-decoration: none
}

.wysiwyg ol,
.wysiwyg ul:not(.gform_fields),
body#tinymce ol,
body#tinymce ul:not(.gform_fields) {
    position: relative;
    margin-left: 25px;
    padding: 10px 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    line-height: 2.1rem;
    color: #53556c
}

.wysiwyg ol li,
.wysiwyg ul:not(.gform_fields) li,
body#tinymce ol li,
body#tinymce ul:not(.gform_fields) li {
    position: relative;
    padding: 3px 0 3px 33px;
    list-style: none
}

.wysiwyg ol li:before,
.wysiwyg ul:not(.gform_fields) li:before,
body#tinymce ol li:before,
body#tinymce ul:not(.gform_fields) li:before {
    content: " ";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #1d2bed;
    position: absolute;
    left: 10px;
    top: 11px
}

.wysiwyg ol li ul:not(.gform_fields),
.wysiwyg ul:not(.gform_fields) li ul:not(.gform_fields),
body#tinymce ol li ul:not(.gform_fields),
body#tinymce ul:not(.gform_fields) li ul:not(.gform_fields) {
    padding: 10px 0 0;
    margin-left: 0
}

.wysiwyg ol li ul:not(.gform_fields) li,
.wysiwyg ul:not(.gform_fields) li ul:not(.gform_fields) li,
body#tinymce ol li ul:not(.gform_fields) li,
body#tinymce ul:not(.gform_fields) li ul:not(.gform_fields) li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    line-height: 2.1rem;
    padding: 5px 0 5px 15px
}

.wysiwyg ol li ul:not(.gform_fields) li:before,
.wysiwyg ul:not(.gform_fields) li ul:not(.gform_fields) li:before,
body#tinymce ol li ul:not(.gform_fields) li:before,
body#tinymce ul:not(.gform_fields) li ul:not(.gform_fields) li:before {
    left: 0
}

.wysiwyg ol,
body#tinymce ol {
    counter-reset: a
}

.wysiwyg ol li,
body#tinymce ol li {
    list-style: none
}

.wysiwyg ol li:before,
body#tinymce ol li:before {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    line-height: 2.1rem;
    content: counter(a) ".";
    counter-increment: a;
    width: auto;
    height: auto;
    border-radius: 0;
    background-color: transparent;
    top: 3px;
    color: #1d2bed
}

.wysiwyg table,
body#tinymce table {
    margin: 10px 0
}

.wysiwyg td,
.wysiwyg th,
body#tinymce td,
body#tinymce th {
    padding: 3px 20px 3px 0
}

.wysiwyg blockquote,
body#tinymce blockquote {
    position: relative;
    margin: 30px 0
}

.wysiwyg blockquote:before,
body#tinymce blockquote:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 56px;
    height: 3px;
    background: #f8c51c
}

.page-template-home #page-header .text .wysiwyg blockquote header .mobile-h1,
.page-template-home #page-header .text body#tinymce blockquote header .mobile-h1,
.wysiwyg blockquote header .page-template-home #page-header .text .mobile-h1,
.wysiwyg blockquote header h2,
body#tinymce blockquote header .page-template-home #page-header .text .mobile-h1,
body#tinymce blockquote header h2 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    padding: 20px 0 0;
    color: #53556c
}

.wysiwyg blockquote p,
body#tinymce blockquote p {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 43px;
    line-height: 4.3rem;
    color: #1d2bed;
    letter-spacing: .45px;
    padding: 30px 0 0;
    max-width: 880px;
    font-weight: 600
}

.wysiwyg blockquote cite,
body#tinymce blockquote cite {
    display: block;
    padding-top: 30px;
    font-style: normal;
    color: #1d2bed
}

.wysiwyg blockquote cite span,
.wysiwyg blockquote cite strong,
body#tinymce blockquote cite span,
body#tinymce blockquote cite strong {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 21px;
    line-height: 2.1rem;
    display: block;
    font-weight: 600;
    letter-spacing: .45px;
    padding-top: 2px
}

.wysiwyg blockquote cite span,
body#tinymce blockquote cite span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    line-height: 2.1rem;
    font-weight: 400
}

.wysiwyg .wp-caption,
body#tinymce .wp-caption {
    max-width: 100%;
    position: relative;
    padding-top: 0;
    border: 0;
    background: #f9faff
}

.wysiwyg .wp-caption img,
body#tinymce .wp-caption img {
    display: block;
    width: 100%;
    margin: 0;
    padding: 8px 8px 0
}

.wysiwyg .wp-caption .wp-caption-text,
body#tinymce .wp-caption .wp-caption-text {
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    line-height: 3rem;
    display: block;
    margin: 0 auto;
    padding: 12px 8px;
    text-align: center;
    font-weight: 600
}

.wysiwyg .alignnone,
body#tinymce .alignnone {
    margin: 20px 20px 20px 0
}

.wysiwyg .aligncenter,
.wysiwyg div.aligncenter,
body#tinymce .aligncenter,
body#tinymce div.aligncenter {
    display: block;
    margin: 20px auto
}

.wysiwyg .alignright,
body#tinymce .alignright {
    float: right;
    margin: 20px 0 20px 20px
}

.wysiwyg .alignleft,
body#tinymce .alignleft {
    float: left;
    margin: 20px 20px 20px 0
}

.wysiwyg .aligncenter,
body#tinymce .aligncenter {
    display: block;
    margin: 20px auto
}

.wysiwyg a img.alignright,
body#tinymce a img.alignright {
    float: right;
    margin: 20px 0 20px 20px
}

.wysiwyg a img.alignnone,
body#tinymce a img.alignnone {
    margin: 20px 20px 20px 0
}

.wysiwyg a img.alignleft,
body#tinymce a img.alignleft {
    float: left;
    margin: 20px 20px 20px 0
}

.wysiwyg img.alignleft-featured,
body#tinymce img.alignleft-featured {
    float: left;
    margin: 20px 20px 20px 0!important
}

.wysiwyg a img.aligncenter,
body#tinymce a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.page-template-home #page-header .text body#tinymce.mce-content-body .mobile-h1,
body#tinymce.mce-content-body .gsection_title,
body#tinymce.mce-content-body .page-template-home #page-header .text .mobile-h1,
body#tinymce.mce-content-body div,
body#tinymce.mce-content-body h1,
body#tinymce.mce-content-body h2,
body#tinymce.mce-content-body h3,
body#tinymce.mce-content-body h4,
body#tinymce.mce-content-body h5,
body#tinymce.mce-content-body h6,
body#tinymce.mce-content-body p {
    line-height: 1.4em!important
}

.cart {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: 300;
    padding: 0
}

.cart .ts-table tbody tr dl.order-totals:first-of-type,
.cart dl.cart-items:first-of-type,
.ts-table tbody tr .cart dl.order-totals:first-of-type {
    border-top: 0
}

.cart-items,
.ts-table tbody tr .order-totals {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 25px 0;
    border-top: 2px solid #eee
}

.cart-items .ticket,
.ts-table tbody tr .order-totals .ticket {
    border: none
}

.cart-items dt.ticket,
.ts-table tbody tr .order-totals dt.ticket {
    text-align: left
}

.cart-items a,
.ts-table tbody tr .order-totals a {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    color: #1d2bed;
    text-decoration: none
}

.cart-items a:focus,
.cart-items a:hover,
.ts-table tbody tr .order-totals a:focus,
.ts-table tbody tr .order-totals a:hover {
    color: #4c57f1
}

.cart-items a.is-hidden,
.ts-table tbody tr .order-totals a.is-hidden {
    display: none
}

.cart-items lh,
.ts-table tbody tr .order-totals lh {
    position: relative;
    width: 100%;
    padding: 22px 0 6px
}

.cart-items lh .gsection_title,
.cart-items lh h4,
.ts-table tbody tr .order-totals lh .gsection_title,
.ts-table tbody tr .order-totals lh h4 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    padding: 0;
    font-weight: 300;
    letter-spacing: .48px
}

.cart-items lh .cart-edit,
.ts-table tbody tr .order-totals lh .cart-edit {
    position: absolute;
    bottom: 4px;
    right: 0
}

.cart-items lh .cart-edit.is-hidden,
.cart-items lh.is-hidden,
.ts-table tbody tr .order-totals lh .cart-edit.is-hidden,
.ts-table tbody tr .order-totals lh.is-hidden {
    display: none
}

.cart-items lh:first-child,
.ts-table tbody tr .order-totals lh:first-child {
    padding-top: 0
}

.cart-items dd,
.cart-items dt,
.ts-table tbody tr .order-totals dd,
.ts-table tbody tr .order-totals dt {
    width: 50%;
    padding: 5px 0
}

.cart-items dd.block,
.cart-items dt.block,
.ts-table tbody tr .order-totals dd.block,
.ts-table tbody tr .order-totals dt.block {
    width: 100%
}

.cart-items dd,
.ts-table tbody tr .order-totals dd {
    text-align: right
}

.cart-items dd small,
.ts-table tbody tr .order-totals dd small {
    display: inline-block;
    margin-right: 6px
}

.cart-items small,
.ts-table tbody tr .order-totals small {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    color: #53556c
}

.cart-items strong,
.ts-table tbody tr .order-totals strong {
    font-weight: 600
}

.cart-items em,
.ts-table tbody tr .order-totals em {
    font-weight: 400;
    font-style: normal
}

.cart-items .text-titleize,
.ts-table tbody tr .order-totals .text-titleize {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem
}

.cart-items.cart-totals em,
.ts-table tbody tr .order-totals em {
    color: #53556c
}

.cart-confirm,
.ts-table tbody tr .order-cart {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cart-confirm-title,
.ts-table tbody tr .order-cart-title {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18px;
    line-height: 1.8rem;
    width: calc(100% - 135px);
    text-align: left;
    letter-spacing: 1.77px
}

.cart-confirm-price,
.ts-table tbody tr .order-cart-price {
    font-weight: 300;
    width: 105px;
    text-align: right
}

.cart-confirm-price em,
.ts-table tbody tr .order-cart-price em {
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    margin-left: 1px
}

.cart-confirm-delete {
    width: 30px;
    text-align: right
}

.cart-confirm-delete a {
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    color: #1d2bed;
    text-decoration: none
}

.cart-confirm-meta,
.ts-table tbody tr .order-cart-meta {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18px;
    line-height: 1.8rem;
    width: 100%;
    color: #53556c;
    font-weight: 400;
    padding-top: 6px
}

.ticket {
    border: 1px solid #061326;
    padding: 35px 25px 115px;
    position: relative;
    text-align: center
}

.ticket__logo {
    border-bottom: 2px solid #eee;
    margin: 0 auto 30px;
    max-width: 280px;
    padding-bottom: 25px
}

.ticket__logo img {
    display: block;
    margin: 0;
    max-width: 100%
}

.ticket__type {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 19px;
    line-height: 1.9rem;
    font-weight: 600;
    letter-spacing: 2.37px;
    margin-bottom: 25px;
    text-transform: uppercase
}

.ticket__barcode {
    margin: 0 auto 6px;
    max-width: 245px
}

.ticket__barcode img {
    width: 100%
}

.ticket__number {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 40px
}

.ticket__goodfor,
.ticket__number {
    line-height: 16px;
    line-height: 1.6rem;
    font-weight: 600;
    text-transform: uppercase
}

.ticket__goodfor {
    font-size: 14px;
    font-size: 1.4rem;
    color: #53556c;
    letter-spacing: 1.77px;
    margin-bottom: 25px
}

.ticket__date {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-weight: 600;
    margin-bottom: 5px
}

.ticket__time {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 23px;
    line-height: 2.3rem;
    margin-bottom: 25px
}

.ticket__present {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 19px;
    line-height: 1.9rem;
    color: #53556c
}

.ticket__title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
    line-height: 2.4rem;
    background-color: #f3f3f3;
    bottom: 0;
    color: #53556c;
    left: 0;
    letter-spacing: 2.37px;
    padding: 24px 0;
    position: absolute;
    text-transform: uppercase;
    width: 100%
}

.ticket-table {
    display: none
}

.ticket-table .table-wrap {
    width: calc(100% + 44px);
    left: -22px;
    padding: 0 22px;
    overflow-x: scroll;
    position: relative
}

.ticket-table table.table {
    min-width: 850px;
    max-width: 100%;
    margin-bottom: 25px;
    margin-top: 25px
}

.ticket-table table.table td,
.ticket-table table.table th {
    color: #061326;
    text-align: center
}

.ticket-table table.table th {
    letter-spacing: .75px;
    padding: 10px;
    vertical-align: middle
}

.ticket-table table.table thead tr th {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    border: 0;
    text-align: center
}

.ticket-table table.table tbody tr td {
    vertical-align: middle;
    height: 56px;
    width: 175px
}

.ticket-table table.table tbody tr td i,
.ticket-table table.table tbody tr td strong {
    color: #1d2bed
}

.ticket-table table.table tbody tr td i {
    font-size: 16px
}

.ticket-table table.table tbody tr td small {
    display: block;
    font-weight: 300
}

.ticket-table table.table tbody tr td svg {
    max-width: 20px;
    height: auto
}

.ticket-table table.table tbody tr td:first-of-type {
    text-align: left;
    max-width: 135px;
    background-color: #f9fafa
}

.ticket-table .legend {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 700px
}

.ticket-table .legend li {
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    line-height: 1.6rem
}

.ticket-table .legend li svg {
    max-width: 15px;
    height: auto;
    position: relative;
    top: 2px;
    margin-right: 3px
}

@media only screen and (max-width:560px) {
    .ticket-table .legend {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .ticket-table .legend li {
        width: 100%;
        text-align: left
    }
    .ticket-table .legend li:not(:last-of-type) {
        padding-bottom: 8px
    }
}

.ticket-table .fine-print {
    text-align: center;
    padding: 25px 0 5px
}

.ticket-table .fine-print,
.ticket-table .fine-print a.link {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 14px;
    line-height: 1.4rem
}

@media only screen and (max-width:560px) {
    .ticket-table .fine-print {
        text-align: left
    }
}

.savings-calculator {
    width: 253px;
    position: relative
}

.savings-calculator header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 13px;
    color: #fff;
    background: #1d2bed
}

.savings-calculator header .gsection_title,
.savings-calculator header h4 {
    margin-left: 8px;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: .48px
}

.savings-calculator .body {
    padding: 0 11px;
    border: 2px solid #eee
}

.savings-calculator .counter-row {
    padding: 10px 0
}

.savings-calculator .counter-row,
.savings-calculator .savings-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.savings-calculator .savings-row {
    padding-top: 10px;
    color: #1d2bed
}

.savings-calculator .savings-row .label {
    max-width: calc(100% - 84px)
}

.savings-calculator .label {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: .48px;
    text-align: left;
    color: #061326
}

.savings-calculator .result {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-weight: 600;
    width: 84px
}

.savings-calculator footer {
    padding: 26px 0;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: .48px;
    color: #061326
}

.savings-calculator .opacity-cover {
    display: none;
    background-color: #fff;
    opacity: .9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.savings-calculator.opacified .opacity-cover {
    display: block
}

section.content {
    position: relative
}

section.content .container>header {
    padding-bottom: 15px;
    text-align: center
}

.page-template-home #page-header .text section.content .container>header .mobile-h1,
section.content .container>header .page-template-home #page-header .text .mobile-h1,
section.content .container>header h2,
section.content .container>header h3 {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -8px
}

section.content .container>header p.subhead {
    color: #53556c;
    max-width: 750px;
    margin: 0 auto
}

section.content .container>footer {
    padding-top: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

section.content .container>footer .button,
section.content .container>footer button[type=submit],
section.content .container>footer input[type=file]+label,
section.content .container>footer input[type=submit] {
    min-width: 250px;
    text-align: center;
    margin: 0 11px
}

section.content .container>footer .button:first-of-type,
section.content .container>footer button:first-of-type[type=submit],
section.content .container>footer input:first-of-type[type=submit],
section.content .container>footer input[type=file]+label:first-of-type {
    margin-left: 0
}

section.content .container>footer .button:last-of-type,
section.content .container>footer button:last-of-type[type=submit],
section.content .container>footer input:last-of-type[type=submit],
section.content .container>footer input[type=file]+label:last-of-type {
    margin-right: 0
}

section.content .button,
section.content button[type=submit],
section.content input[type=file]+label,
section.content input[type=submit] {
    letter-spacing: 2.77px
}

section.content.text-light {
    color: #f9faff
}

section.content.text-dark {
    color: #061326
}

section.content .cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

section.content .cover.image {
    background-size: cover;
    background-position: 50%;
    z-index: 1
}

section.content .cover.video {
    max-height: 100%;
    overflow: hidden;
    z-index: 1
}

section.content .cover.video video {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover
}

section.content .cover.dark {
    background: #000
}

section.content .cover.light {
    background: #fff
}

@media only screen and (min-width:600px) {
    section.content .cover.mobile {
        display: none
    }
}

section.content.top-border>.container {
    border-top: 2px solid #eee
}

section.content.bottom-border>.container {
    border-bottom: 2px solid #eee
}

section.content.top-border-wrap {
    border-top: 2px solid #eee
}

section.content.bottom-border-wrap {
    border-bottom: 2px solid #eee
}

section.content .container {
    position: relative;
    z-index: 3;
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center
}

section.content.bg-color-gray+section.bg-color-gray:not(.top-border) .container,
section.content.bg-color-white:not(.type-text-interrupter)+section.bg-color-white:not(.top-border) .container {
    padding-top: 20px
}

section.content.extra-top-padding>.container {
    padding-top: 100px!important
}

section.content.extra-bottom-padding>.container {
    padding-bottom: 100px!important
}

section.content.less-top-padding>.container {
    padding-top: 25px!important
}

section.content.less-bottom-padding>.container {
    padding-bottom: 25px!important
}

section.content.no-top-padding>.container {
    padding-top: 0!important
}

section.content.no-bottom-padding>.container {
    padding-bottom: 0!important
}

section.content.with-top-border>.container {
    border-top: 2px solid #eee
}

section.content.with-bottom-border>.container {
    border-bottom: 2px solid #eee
}

@media only screen and (max-width:1284px) {
    section.content .container {
        padding: 40px 22px
    }
    section.content.extra-top-padding>.container {
        padding-top: 60px!important
    }
    section.content.extra-bottom-padding>.container {
        padding-bottom: 60px!important
    }
    section.content.less-top-padding>.container {
        padding-top: 20px!important
    }
    section.content.less-bottom-padding>.container {
        padding-bottom: 20px!important
    }
    section.content.no-top-padding>.container {
        padding-top: 0!important
    }
    section.content.no-bottom-padding>.container {
        padding-bottom: 0!important
    }
}

section.type-accordion ul.accordion {
    margin: 30px auto;
    max-width: 700px
}

section.type-animal-fact blockquote {
    margin: 0;
    padding-bottom: 0
}

section.type-animal-fact blockquote p {
    padding: 23px 0 0
}

section.type-animal-fact .animal-bio-fact {
    padding-left: 0
}

section.content.type-donation {
    color: #f9faff
}

section.content.type-donation .container {
    padding-top: 160px;
    padding-bottom: 160px;
    max-width: 1104px
}

section.content.type-donation .wysiwyg {
    color: #f9faff;
    max-width: 551px;
    margin: 0 auto;
    text-align: center
}

section.content.type-donation .wysiwyg ol li,
section.content.type-donation .wysiwyg p,
section.content.type-donation .wysiwyg ul li {
    color: #f9faff
}

section.content.type-donation .donate-form {
    max-width: 410px;
    margin: 30px auto 0;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section.content.type-donation .donate-form .button,
section.content.type-donation .donate-form button[type=submit],
section.content.type-donation .donate-form input[type=file]+label,
section.content.type-donation .donate-form input[type=submit] {
    padding-left: 31px;
    padding-right: 31px;
    min-width: 196px
}

section.content.type-donation .donate-form[max-width~="400px"] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80%
}

section.content.type-donation .donate-form[max-width~="400px"] .donate-form-input,
section.content.type-donation .donate-form[max-width~="400px"] .donate-form-input input {
    width: 100%
}

section.content.type-donation .donate-form[max-width~="400px"] .donate-form-submit {
    margin-left: 0;
    margin-top: 15px;
    width: 100%
}

section.content.type-donation .donate-form[max-width~="400px"] .donate-form-submit .button,
section.content.type-donation .donate-form[max-width~="400px"] .donate-form-submit button[type=submit],
section.content.type-donation .donate-form[max-width~="400px"] .donate-form-submit input[type=file]+label,
section.content.type-donation .donate-form[max-width~="400px"] .donate-form-submit input[type=submit] {
    width: 100%
}

.expander {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    min-height: 600px;
    overflow: hidden;
    margin: 20px 0;
    background: #041757
}

.expander-bg {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    mix-blend-mode: luminosity;
    opacity: .45;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.expander-bg img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    height: 100%;
    width: 100%
}

.expander-item {
    transition: width .5s ease-in-out;
    transition-delay: .5s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    border-left: 1px solid rgba(249, 250, 255, .5)
}

.expander-item:first-of-type {
    border-left-color: transparent
}

.expander-item .icon-cross {
    transition: opacity .5s ease-in-out, color .15s ease;
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    padding: 20px;
    opacity: 0
}

.expander-item .icon-cross:hover {
    color: #f8c51c;
    transform: scale(1.1);
    transform-origin: center
}

.expander-item .icon-plus-circle {
    display: inline-block;
    transition: all .15s ease
}

.expander-header--horizontal {
    padding: 40px 30px 0;
    max-width: 260px
}

.expander-header--vertical {
    opacity: 0;
    transform: rotate(-90deg) translateY(50%) translateX(-100%);
    transition: opacity .5s ease-in-out;
    transform-origin: -20.5px 20.5px;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    min-width: 600px;
    height: 80px;
    padding: 24px
}

.expander-header--vertical h3 {
    min-height: 0
}

.expander-header--vertical i {
    margin-left: 20px
}

.expander-item-content {
    text-align: left;
    color: #fff
}

.expander-body,
.expander-header {
    transition: opacity .5s ease-in-out
}

.expander-body .prehead,
.expander-header .prehead {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25px;
    line-height: 2.5rem
}

.expander-body h3,
.expander-header h3 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 21px;
    line-height: 2.1rem;
    padding: 0;
    letter-spacing: normal
}

.expander-body i,
.expander-header i {
    font-size: 32px
}

.expander-body {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-height: 600px;
    overflow-y: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 22px 8%;
    opacity: 0;
    color: #fff
}

.expander-body .expander-body-text {
    padding-right: 20px
}

.expander-body .expander-body-text h3 {
    padding-top: 15px
}

.expander-body .expander-body-text p {
    padding: 15px 0 0
}

.expander-body img {
    width: 50%;
    max-width: 500px;
    margin-left: 100px
}

.expander[data-state=base] .expander-item {
    cursor: pointer;
    width: 25%
}

.expander[data-state=base] .expander-item:hover {
    background: rgba(0, 0, 0, .15)
}

.expander[data-state=base] .expander-item:hover .icon-plus-circle {
    transform: translateY(-10px)
}

.expander[data-state=base] .expander-header h3 {
    min-height: 100px
}

.expander[data-state=active] {
    display: -ms-flexbox;
    display: flex
}

.expander[data-state=active] .expander-item {
    transition-delay: 0s
}

.expander[data-state=active] .expander-item[data-state=active] {
    width: calc(100% - 240px)
}

.expander[data-state=active] .expander-item[data-state=sibling] {
    cursor: pointer;
    width: 80px
}

.expander[data-state=active] .expander-item[data-state=sibling]:hover .expander-header--vertical {
    background: rgba(0, 0, 0, .15)
}

.expander[data-state=active] .expander-item[data-state=sibling]:hover .icon-plus-circle {
    transform: translateX(10px)
}

.expander[data-state=active] .expander-item[data-state=sibling] .expander-item-content {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block
}

.expander[max-width~="1036"] .expander-body {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.expander[max-width~="1036"] .expander-body img {
    -ms-flex-order: -1;
    order: -1;
    width: auto;
    height: auto;
    max-width: 500px;
    max-height: 200px;
    margin-left: 0;
    margin-bottom: 30px
}

.expander[max-width~="870"] {
    display: block;
    min-height: 0;
    transition: max-height .5s ease-in-out
}

.expander[max-width~="870"] .expander-item {
    position: relative;
    min-height: 0;
    width: 100%!important;
    display: block;
    border-left: 0!important;
    border-bottom: 1px solid rgba(249, 250, 255, .5);
    transition-delay: 0s
}

.expander[max-width~="870"] .expander-item:last-of-type {
    border-bottom: 0!important
}

.expander[max-width~="870"] .expander-item:hover .icon-plus-circle {
    transform: scale(1.1)
}

.expander[max-width~="870"] .expander-item .icon-plus-circle {
    position: absolute;
    top: 25px;
    right: 20px;
    text-align: left;
    font-size: 22px
}

.expander[max-width~="870"] .expander-item.is-active .expander-header--horizontal {
    opacity: 1!important
}

.expander[max-width~="870"] .expander-item.is-active .expander-body {
    max-height: 999px;
    opacity: 1
}

.expander[max-width~="870"] .expander-item.is-active .icon-plus-circle {
    transform: rotate(45deg)
}

.expander[max-width~="870"] .expander-item.is-active:hover .icon-plus-circle {
    transform: rotate(45deg) scale(1.1)
}

.expander[max-width~="870"] .expander-item-content {
    transform: none;
    transition-delay: 0s!important;
    position: static;
    padding: 20px
}

.expander[max-width~="870"] .expander-bg {
    background-size: cover
}

.expander[max-width~="870"] .expander-header {
    transform: none;
    transition: all .5s ease-in-out;
    transition-delay: .5s!important;
    position: static;
    padding: 0;
    margin: 0;
    text-align: left;
    opacity: 1;
    max-width: none
}

.expander[max-width~="870"] .expander-header .prehead {
    padding-top: 0;
    padding-right: 30px
}

.expander[max-width~="870"] .expander-header h3 {
    text-align: left
}

.expander[max-width~="870"] .expander-header>h3 {
    min-height: 0;
    padding-bottom: 10px
}

.expander[max-width~="870"] .expander-body {
    transform: none;
    transition: all .5s ease-in-out;
    transition-delay: 0s!important;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: row-reverse;
    flex-wrap: row-reverse;
    position: static;
    max-height: 1px;
    opacity: 0;
    text-align: center
}

.expander[max-width~="870"] .expander-body .prehead,
.expander[max-width~="870"] .expander-body h3 {
    display: none
}

.expander[max-width~="870"] .expander-body .expander-body-text {
    text-align: left
}

.expander[max-width~="870"] .expander-body img {
    margin: 10px auto 6px 0
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .expander-body {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .expander-body img {
        -ms-flex-order: -1;
        order: -1;
        width: auto;
        height: auto;
        max-width: 500px;
        max-height: 200px;
        margin-left: 0;
        margin-bottom: 30px
    }
    .expander-item {
        height: 600px
    }
    .expander[max-width~="870"] .expander-item {
        height: auto
    }
}

section.content.type-icon .container {
    max-width: 1104px
}

section.content.type-icon .container>footer {
    padding-top: 3px
}

section.content.type-icon ul.icons-grid {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    padding-bottom: 0;
    padding-top: 15px
}

section.content.type-icon ul.icons-grid .icons-grid-item {
    width: auto;
    margin: 0 auto;
    padding: 0 0 35px
}

section.content.type-icon ul.icons-grid .icons-grid-item .button,
section.content.type-icon ul.icons-grid .icons-grid-item button[type=submit],
section.content.type-icon ul.icons-grid .icons-grid-item input[type=file]+label,
section.content.type-icon ul.icons-grid .icons-grid-item input[type=submit] {
    margin-top: 6px
}

section.content.type-icon ul.icons-grid.cols-2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
}

section.content.type-icon ul.icons-grid.cols-2[max-width~="490px"] {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
}

section.content.type-icon ul.icons-grid.cols-3 {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr
}

section.content.type-icon ul.icons-grid.cols-3[max-width~="490px"] {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
}

section.content.type-icon ul.icons-grid.cols-4 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

section.content.type-icon ul.icons-grid.cols-5 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}

section.content.type-icon ul.icons-grid.cols-6 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}

section.content.type-icon ul.icons-grid.cols-7 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr
}

section.content.type-icon ul.icons-grid.cols-6[max-width~="740px"],
section.content.type-icon ul.icons-grid.cols-7[max-width~="740px"] {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr
}

section.content.type-icon ul.icons-grid.cols-4[max-width~="490px"],
section.content.type-icon ul.icons-grid.cols-5[max-width~="490px"],
section.content.type-icon ul.icons-grid.cols-6[max-width~="490px"] {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
}

section.content.type-icon ul.icons-grid.cols-7[max-width~="366px"] {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
}

section.content.type-icon ul.icons-grid.cols-2 .icons-grid-item {
    max-width: 300px
}

section.content.type-icon ul.icons-grid.cols-3 .icons-grid-item {
    max-width: 250px
}

section.content.type-icon ul.icons-grid.cols-4 .icons-grid-item {
    max-width: 200px
}

section.content.type-icon ul.icons-grid.cols-5 .icons-grid-item,
section.content.type-icon ul.icons-grid.cols-6 .icons-grid-item,
section.content.type-icon ul.icons-grid.cols-7 .icons-grid-item {
    max-width: 130px
}

section.content.type-icon ul.icons-grid.cols-2[max-width~="490px"] .icons-grid-item,
section.content.type-icon ul.icons-grid.cols-3[max-width~="490px"] .icons-grid-item,
section.content.type-icon ul.icons-grid.cols-4[max-width~="490px"] .icons-grid-item,
section.content.type-icon ul.icons-grid.cols-5[max-width~="490px"] .icons-grid-item,
section.content.type-icon ul.icons-grid.cols-6[max-width~="490px"] .icons-grid-item {
    max-width: 300px
}

section.content.type-icon ul.icons-grid.cols-2 .icons-grid-icon,
section.content.type-icon ul.icons-grid.cols-3 .icons-grid-icon,
section.content.type-icon ul.icons-grid.cols-4 .icons-grid-icon {
    font-size: 42px;
    line-height: 42px
}

section.content.type-icon ul.icons-grid.cols-2 .icons-grid-icon.icon-microscope,
section.content.type-icon ul.icons-grid.cols-3 .icons-grid-icon.icon-microscope,
section.content.type-icon ul.icons-grid.cols-4 .icons-grid-icon.icon-microscope {
    font-size: 46px
}

section.content.type-icon ul.icons-grid.cols-2 .icons-grid-icon.icon-date-check,
section.content.type-icon ul.icons-grid.cols-3 .icons-grid-icon.icon-date-check,
section.content.type-icon ul.icons-grid.cols-4 .icons-grid-icon.icon-date-check {
    font-size: 34px
}

section.content.type-icon ul.icons-grid.cols-2 .icons-grid-title,
section.content.type-icon ul.icons-grid.cols-3 .icons-grid-title,
section.content.type-icon ul.icons-grid.cols-4 .icons-grid-title {
    padding-top: 22px;
    padding-bottom: 0;
    letter-spacing: 2px
}

section.content.type-icon ul.icons-grid.cols-2 .icons-grid-content,
section.content.type-icon ul.icons-grid.cols-3 .icons-grid-content,
section.content.type-icon ul.icons-grid.cols-4 .icons-grid-content {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    line-height: 2.1rem;
    color: #53556c
}

section.content.type-icon ul.icons-grid.cols-5 .icons-grid-title,
section.content.type-icon ul.icons-grid.cols-6 .icons-grid-title,
section.content.type-icon ul.icons-grid.cols-7 .icons-grid-title {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 14px;
    line-height: 1.4rem;
    display: block;
    width: 100%;
    padding-top: 12px
}

section.content.type-icon ul.icons-grid.cols-2[max-width~="490px"] .icons-grid-icon,
section.content.type-icon ul.icons-grid.cols-3[max-width~="490px"] .icons-grid-icon,
section.content.type-icon ul.icons-grid.cols-4[max-width~="490px"] .icons-grid-icon,
section.content.type-icon ul.icons-grid.cols-5[max-width~="490px"] .icons-grid-icon,
section.content.type-icon ul.icons-grid.cols-6[max-width~="490px"] .icons-grid-icon {
    font-size: 50px;
    line-height: 50px
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    section.content.type-icon ul.icons-grid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    section.content.type-icon ul.icons-grid .icons-grid-item {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    section.content.type-icon ul.icons-grid.cols-2 .icons-grid-item {
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px
    }
    section.content.type-icon ul.icons-grid.cols-3 .icons-grid-item {
        -ms-flex-preferred-size: 250px;
        flex-basis: 250px
    }
    section.content.type-icon ul.icons-grid.cols-4 .icons-grid-item {
        -ms-flex-preferred-size: 200px;
        flex-basis: 200px
    }
    section.content.type-icon ul.icons-grid.cols-5 .icons-grid-item,
    section.content.type-icon ul.icons-grid.cols-6 .icons-grid-item,
    section.content.type-icon ul.icons-grid.cols-7 .icons-grid-item {
        -ms-flex-preferred-size: 130px;
        flex-basis: 130px
    }
}

section.type-instagram-feed .container {
    max-width: 1104px
}

section.type-instagram-feed .instagram-grid {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    padding: 45px 0 30px
}

section.type-instagram-feed .instagram-grid .photo {
    padding-top: 100%
}

section.type-instagram-feed .instagram-grid img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

section.type-instagram-feed .button,
section.type-instagram-feed button[type=submit],
section.type-instagram-feed input[type=file]+label,
section.type-instagram-feed input[type=submit] {
    margin-top: 30px
}

section.type-instagram-feed[max-width~="1060px"] .instagram-grid {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}

section.type-instagram-feed[max-width~="1060px"] .instagram-grid li:nth-last-of-type(-n+2) {
    display: none
}

section.type-instagram-feed[max-width~="744px"] .instagram-grid {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

section.type-instagram-feed[max-width~="744px"] .instagram-grid li:nth-last-of-type(-n+2) {
    display: list-item
}

section.type-instagram-feed[max-width~="564px"] .instagram-grid {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr
}

section.type-instagram-feed[max-width~="420px"] listing-grid.instagram-grid a {
    max-width: none
}

section.type-instagram-feed[max-width~="384px"] .instagram-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
}

section.type-instagram-feed[max-width~="384px"] .instagram-grid li:nth-last-of-type(-n+4) {
    display: none
}

section.type-instagram-feed[max-width~="290px"] .instagram-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
}

section.type-instagram-feed[max-width~="290px"] .instagram-grid li:nth-last-of-type(-n+8) {
    display: none
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    section.type-instagram-feed .instagram-grid {
        display: block;
        width: calc(100% + 20px);
        margin-left: -20px
    }
    section.type-instagram-feed .instagram-grid:after {
        content: "";
        display: table;
        clear: both
    }
    section.type-instagram-feed .instagram-grid li {
        width: 160px;
        float: left;
        margin: 0 0 20px 20px
    }
}

section.content.type-logo .container {
    max-width: 1104px
}

section.content.type-logo .logo-grid {
    margin: 30px auto
}

.logo-grid-heading {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 25px;
    line-height: 2.5rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    padding: 25px 0 40px;
    color: #6b809a
}

.logo-grid:first-of-type .logo-grid-heading {
    padding-top: 0
}

.logo-grid-logos {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 2px solid #eee
}

.logo-grid-logos li {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 25%;
    padding: 0 15px 85px 0;
    position: relative;
    border-bottom: 2px solid #eee;
    border-right: 2px solid #eee
}

.logo-grid-logos li img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    height: auto;
    max-width: 120px;
    max-height: 50px
}

.logo-grid-logos li:after,
.logo-grid-logos li:before {
    position: absolute;
    top: -25px;
    right: -2px;
    content: " ";
    width: 2px;
    height: 25px;
    background: #eee
}

.logo-grid-logos li:after {
    top: auto;
    bottom: -25px
}

.logo-grid-logos li:nth-of-type(4n) {
    border-right: 0
}

.logo-grid-logos li:nth-of-type(4n):after,
.logo-grid-logos li:nth-of-type(4n):before {
    display: none
}

.logo-grid-logos[max-width~="600px"] li img {
    max-width: 90px
}

.logo-grid-logos[max-width~="490px"] li {
    width: 50%
}

.logo-grid-logos[max-width~="490px"] li:nth-of-type(2n) {
    border-right: 0
}

.logo-grid-logos[max-width~="490px"] li.empty-2,
.logo-grid-logos[max-width~="490px"] li.empty-3,
.logo-grid-logos[max-width~="490px"] li:nth-of-type(2n):after,
.logo-grid-logos[max-width~="490px"] li:nth-of-type(2n):before {
    display: none
}

section.content.type-media .container {
    max-width: 1104px
}

section.content.type-media .media {
    margin: 30px auto
}

.media-item-single.video-link {
    display: block;
    position: relative
}

.media-item-single.video-link i {
    font-size: 80px;
    font-size: 8rem;
    line-height: 80px;
    line-height: 8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #fff
}

.media-item-single.video-link img {
    max-height: 535px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.type-media-grid .container {
    max-width: 1104px
}

.type-media-grid .photo img {
    width: 100%
}

.media-grid {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    margin: 30px auto;
    -ms-flex-pack: center;
    justify-content: center
}

.media-grid .photo {
    display: block;
    background: #041757;
    position: relative
}

.media-grid .photo:after {
    content: "";
    display: table;
    clear: both
}

.media-grid .photo img {
    float: left;
    transition: all .15s ease-in-out
}

.media-grid .photo:before {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
    line-height: 2.4rem;
    position: absolute;
    color: #fff;
    right: 10px;
    bottom: 10px;
    transition: all .15s ease-in-out;
    opacity: 0
}

.media-grid .photo:focus,
.media-grid .photo:hover {
    text-decoration: none
}

.media-grid .photo:focus img,
.media-grid .photo:hover img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    background-blend-mode: luminosity;
    opacity: .2
}

.media-grid .photo:focus:before,
.media-grid .photo:hover:before {
    opacity: 1;
    text-decoration: none
}

.media-grid[max-width~="790"] {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr
}

@media only screen and (max-width:564px) {
    .media-grid {
        display: block;
        width: 284px
    }
    .media-grid:after,
    .media-grid:before {
        content: "";
        display: block;
        width: 10px;
        background: #fff;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1
    }
    .media-grid:after {
        right: 0
    }
    .media-grid:before {
        left: 0
    }
    .media-grid>li:not(:first-child) {
        display: none
    }
    .media-grid li {
        padding: 0 10px
    }
    .media-grid .photo img {
        width: 264px;
        height: auto;
        max-width: none
    }
    .media-grid a.slick-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-decoration: none;
        color: #dbe0e6;
        font-size: 20px
    }
    .media-grid a.slick-arrow.left {
        left: -15px
    }
    .media-grid a.slick-arrow.right {
        right: -15px
    }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .media-grid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 30px -10px
    }
    .media-grid .photo {
        width: -1975%;
        margin: 0 10px
    }
    .media-grid .photo:before {
        bottom: 20px
    }
    .media-grid[max-width~="790"] .photo {
        width: -1967%
    }
}

.media-grid-details {
    max-width: 1060px;
    padding: 0
}

.media-grid-details.without-detail-text .mfp-close {
    color: #fff
}

.media-grid-details.without-detail-text .counter {
    color: #fff;
    position: absolute;
    bottom: 10px;
    right: 10px
}

.media-grid-details.with-detail-text {
    max-width: 1100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch
}

.media-grid-details .detail-image {
    min-width: 740px
}

.media-grid-details .detail-image img {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.media-grid-details .detail-image.height-is-capped {
    height: 85vh;
    max-height: 600px
}

.media-grid-details .detail-text {
    padding: 66px 66px 66px 32px
}

.mfp-arrow:before {
    opacity: 0;
    border: 0!important;
    margin: 0!important;
    width: 90px;
    height: 90px;
    top: 10px
}

.mfp-arrow:after {
    opacity: 0
}

.mfp-arrow i {
    display: block;
    font-size: 70px
}

section.content.type-media-slider .media-carousel {
    margin: 30px auto 0
}

.media-carousel {
    position: relative;
    padding: 0 68px
}

.media-carousel .next-arrow,
.media-carousel .prev-arrow {
    transition: all .15s ease;
    position: absolute;
    top: calc(50% - 53px);
    left: -10px;
    font-size: 68px;
    color: #dbe0e6;
    text-decoration: none
}

.media-carousel .next-arrow:focus,
.media-carousel .next-arrow:hover,
.media-carousel .prev-arrow:focus,
.media-carousel .prev-arrow:hover {
    color: #f8c51c;
    transform: translateX(-3px)
}

.media-carousel .next-arrow:focus.next-arrow,
.media-carousel .next-arrow:hover.next-arrow,
.media-carousel .prev-arrow:focus.next-arrow,
.media-carousel .prev-arrow:hover.next-arrow {
    transform: translateX(3px)
}

@media only screen and (max-width:800px) {
    .media-carousel .next-arrow,
    .media-carousel .prev-arrow {
        position: absolute!important;
        font-size: 50px
    }
}

@media only screen and (max-width:490px) {
    .media-carousel .next-arrow,
    .media-carousel .prev-arrow {
        display: none
    }
}

.media-carousel .next-arrow {
    right: -10px;
    left: auto
}

.media-carousel .slick-slide {
    transition: all .15s ease;
    opacity: .5
}

.media-carousel .slick-slide.slick-active {
    opacity: 1
}

.media-carousel .media-carousel-slide img {
    margin: 0 auto;
    max-height: 536px;
    width: auto
}

@media only screen and (max-width:840px) {
    .media-carousel .media-carousel-slide img {
        max-height: 331px
    }
}

@media only screen and (max-width:800px) {
    .media-carousel .media-carousel-slide img {
        max-height: 235px
    }
}

@media only screen and (max-width:490px) {
    .media-carousel .media-carousel-slide img {
        max-height: 169px
    }
}

.media-carousel ul.slick-dots {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    padding-top: 30px
}

.media-carousel ul.slick-dots li {
    transition: all .15s ease;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    width: 17px;
    height: 17px;
    border: 3px solid #1d2bed;
    border-radius: 50%;
    background: transparent
}

.media-carousel ul.slick-dots li button {
    display: none
}

.media-carousel ul.slick-dots li:focus,
.media-carousel ul.slick-dots li:hover {
    border-color: #f8c51c
}

.media-carousel ul.slick-dots li.slick-active {
    background: #1d2bed;
    border-color: #1d2bed!important
}

@media only screen and (max-width:490px) {
    .media-carousel {
        padding: 0
    }
}

.ticket-types-repeater {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: -10px
}

.ticket-types-repeater .ticket-type-block {
    width: calc((100% - 40px) / 3);
    margin: 10px
}

.ticket-types-repeater .block-body {
    padding: 5px 15px 26px;
    background: #f5f6f8
}

.ticket-types-repeater .name {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 41px;
    line-height: 4.1rem;
    padding-bottom: 8px
}

.ticket-types-repeater .pricing * {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 21px;
    line-height: 2.1rem
}

.ticket-types-repeater .pricing p {
    padding: 0
}

.ticket-types-repeater .login-link {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    line-height: 1.6rem;
    padding: 14px 0;
    display: block;
    letter-spacing: 1.55px;
    text-decoration: none
}

.ticket-types-repeater .details {
    padding-top: 21px
}

.ticket-types-repeater .details * {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17px;
    line-height: 1.7rem
}

.ticket-types-repeater .details p {
    padding: 3px 0
}

.ticket-types-repeater .button,
.ticket-types-repeater button[type=submit],
.ticket-types-repeater input[type=file]+label,
.ticket-types-repeater input[type=submit] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.ticket-types-repeater .button i,
.ticket-types-repeater button[type=submit] i,
.ticket-types-repeater input[type=file]+label i,
.ticket-types-repeater input[type=submit] i {
    margin: 0 0 0 10px;
    font-size: 11px
}

section.type-promo-grid .container {
    max-width: 1104px
}

section.type-promo-grid ul.listing-grid {
    margin: 30px auto
}

section.type-promo-grid ul.listing-grid[max-width~="420px"] {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
}

section.type-promo-grid ul.listing-grid[max-width~="360px"] {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
}

.type-promo-slider .container {
    max-width: 1104px
}

.type-promo-slider .promo-slider-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto
}

.type-promo-slider .promo-slider-tease {
    width: 290px;
    text-align: right;
    padding-right: 30px
}

.type-promo-slider .promo-slider-tease p {
    text-align: right
}

.page-template-home #page-header .text .type-promo-slider .promo-slider-tease header .mobile-h1,
.type-promo-slider .promo-slider-tease header .page-template-home #page-header .text .mobile-h1,
.type-promo-slider .promo-slider-tease header h2 {
    padding-bottom: 0
}

.type-promo-slider .promo-slider-tease header p.prehead {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    color: #53556c;
    letter-spacing: 2px
}

.type-promo-slider .promo-slider-nav {
    padding-top: 28px
}

.type-promo-slider .promo-slider-nav .button,
.type-promo-slider .promo-slider-nav button[type=submit],
.type-promo-slider .promo-slider-nav input[type=file]+label,
.type-promo-slider .promo-slider-nav input[type=submit] {
    cursor: pointer
}

.type-promo-slider .promo-slider-nav .button:not(:first-of-type),
.type-promo-slider .promo-slider-nav button:not(:first-of-type)[type=submit],
.type-promo-slider .promo-slider-nav input:not(:first-of-type)[type=submit],
.type-promo-slider .promo-slider-nav input[type=file]+label:not(:first-of-type) {
    margin-left: 8px
}

@media only screen and (max-width:740px) {
    .type-promo-slider .promo-slider-nav {
        display: none
    }
}

.type-promo-slider .promo-slider-nav.mobile {
    display: block;
    padding-top: 0
}

@media only screen and (min-width:741px) {
    .type-promo-slider .promo-slider-nav.mobile {
        display: none
    }
}

.type-promo-slider .promo-slider-carousel {
    width: calc(100% - 260px);
    position: relative
}

.type-promo-slider .promo-slider-carousel .slick-slide {
    padding-left: 40px;
    transition: all .5s ease-in-out;
    opacity: 0
}

.type-promo-slider .promo-slider-carousel .slick-slide a {
    display: block;
    text-align: left;
    text-decoration: none;
    max-width: 340px
}

.type-promo-slider .promo-slider-carousel .slick-slide a .photo {
    position: relative
}

.type-promo-slider .promo-slider-carousel .slick-slide a .photo:before {
    transition: all .15s ease;
    content: "";
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    border: 8px solid #f8c51c
}

.type-promo-slider .promo-slider-carousel .slick-slide.slick-active,
.type-promo-slider .promo-slider-carousel .slick-slide a:focus .photo:before,
.type-promo-slider .promo-slider-carousel .slick-slide a:hover .photo:before {
    opacity: 1
}

.type-promo-slider .promo-slider-carousel .slick-arrow {
    position: absolute;
    bottom: 20%;
    right: calc(100% + 80px)
}

.type-promo-slider .promo-slider-carousel .slick-arrow:last-of-type {
    right: calc(100% + 30px)
}

.type-promo-slider .promo-slider-title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #061326;
    padding-bottom: 0
}

.type-promo-slider .promo-slider-blurb {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    color: #53556c
}

@media only screen and (max-width:1284px) {
    .type-promo-slider .promo-slider-tease {
        padding-right: 0
    }
    .type-promo-slider .promo-slider-carousel .slick-slide {
        padding-left: 22px
    }
    .type-promo-slider .promo-slider-carousel .slick-arrow {
        right: calc(100% + 50px)
    }
    .type-promo-slider .promo-slider-carousel .slick-arrow:last-of-type {
        right: 100%
    }
}

@media only screen and (max-width:740px) {
    .type-promo-slider .promo-slider-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto
    }
    .type-promo-slider .promo-slider-tease {
        width: 100%
    }
    .type-promo-slider .promo-slider-carousel {
        width: calc(100% + 22px);
        margin-left: -22px;
        margin-bottom: 0;
        padding-bottom: 12px;
        padding-top: 22px
    }
    .type-promo-slider .promo-slider-carousel .slick-arrow {
        left: 22px;
        top: 100%
    }
    .type-promo-slider .promo-slider-carousel .slick-arrow:last-of-type {
        left: 72px
    }
    .type-promo-slider .promo-slider-nav {
        margin-bottom: 54px
    }
}

@media only screen and (max-width:440px) {
    .type-promo-slider .promo-slider-tease,
    .type-promo-slider .promo-slider-tease p {
        text-align: center
    }
    .type-promo-slider .promo-slider-carousel {
        width: 100%;
        margin-left: 0
    }
    .type-promo-slider .promo-slider-carousel .slick-slide {
        padding-left: 0
    }
}

section.type-promo-threeup[max-width~="700px"] ul.card-grid {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

section.type-promo-threeup[max-width~="700px"] .card-grid-item {
    width: calc(50% - 10px)
}

section.type-promo-threeup[max-width~="700px"] .card-grid-item:first-of-type {
    margin-right: 10px
}

section.type-promo-threeup[max-width~="700px"] .card-grid-item:nth-of-type(2) {
    margin-left: 10px
}

section.type-promo-threeup[max-width~="700px"] .card-grid-item:not(:last-of-type) {
    margin-bottom: 20px
}

section.type-promo-threeup .container {
    max-width: 1104px
}

section.type-promo-threeup ul.card-grid {
    margin: 30px auto
}

@media only screen and (max-width:550px) {
    section.type-promo-threeup ul.card-grid {
        display: block;
        width: 320px;
        margin-bottom: 15px
    }
    section.type-promo-threeup ul.card-grid li {
        background: #fff
    }
    section.type-promo-threeup ul.card-grid>li:not(:first-child) {
        display: none
    }
    section.type-promo-threeup ul.card-grid .card-grid-item:first-of-type,
    section.type-promo-threeup ul.card-grid .card-grid-item:not(:last-of-type),
    section.type-promo-threeup ul.card-grid .card-grid-item:nth-of-type(2) {
        margin: 0
    }
    section.type-promo-threeup ul.card-grid .card-grid-item a {
        display: block;
        padding-bottom: 0
    }
}

section.type-promo-threeup .slick-dots-holder {
    display: none
}

@media only screen and (max-width:550px) {
    section.type-promo-threeup .slick-dots-holder {
        display: block;
        padding: 17px 0 15px
    }
    section.type-promo-threeup .slick-dots-holder .slick-dots {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-pack: center;
        justify-content: center
    }
    section.type-promo-threeup .slick-dots-holder .slick-dots li {
        margin: 0;
        padding: 0;
        list-style: none;
        padding: 0 5.5px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
    section.type-promo-threeup .slick-dots-holder .slick-dots li button {
        transition: all .15s ease;
        font-size: 0;
        line-height: 0;
        background-color: #f5f6f8;
        opacity: 1;
        border-radius: 50%;
        height: 17px;
        width: 17px;
        padding: 0;
        border: 2px solid #1d2bed;
        outline: none
    }
    section.type-promo-threeup .slick-dots-holder .slick-dots li.slick-active button,
    section.type-promo-threeup .slick-dots-holder .slick-dots li:focus button button,
    section.type-promo-threeup .slick-dots-holder .slick-dots li:hover button button {
        background-color: #1d2bed
    }
}

@media only screen and (max-width:550px) {
    section.type-promo-threeup .fake-link {
        display: block;
        padding-bottom: 20px;
        padding-top: 20px
    }
}

section.type-special-donate .cols {
    padding-top: 120px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section.type-special-donate .cols .col {
    width: calc(50% - 10px)
}

section.type-special-donate .cols .col .subhead {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem
}

section.type-special-donate .cols .col.left .anchor-society {
    background-color: #f5f6f8;
    position: relative;
    text-align: left;
    padding: 168px 160px 50px 85px;
    margin-top: 75px
}

section.type-special-donate .cols .col.left .anchor-society .image {
    position: absolute;
    right: 8px;
    bottom: calc(100% - 160px);
    min-width: 837px
}

section.type-special-donate .cols .col.left .anchor-society .image:after {
    content: "";
    display: table;
    clear: both
}

section.type-special-donate .cols .col.left .anchor-society .image img {
    float: left;
    max-height: 387px;
    width: auto
}

section.type-special-donate .cols .col.left .anchor-society .anchor-heading {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 41px;
    line-height: 4.1rem;
    letter-spacing: .35px;
    font-weight: 600;
    padding-top: 0;
    padding-bottom: 4px
}

section.type-special-donate .cols .col.left .anchor-society .subhead {
    color: #53556c;
    padding-top: 4px
}

section.type-special-donate .cols .col.left .anchor-society ul {
    padding-top: 12px
}

section.type-special-donate .cols .col.left .anchor-society ul li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17px;
    line-height: 1.7rem;
    list-style-type: none;
    padding-left: 33px;
    position: relative
}

section.type-special-donate .cols .col.left .anchor-society ul li:not(:last-of-type) {
    padding-bottom: 12px
}

section.type-special-donate .cols .col.left .anchor-society ul li i {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 17px;
    line-height: 1.7rem;
    position: absolute;
    top: 0;
    left: 0;
    color: #1d2bed
}

section.type-special-donate .cols .col.left .anchor-society a.link {
    margin-top: 25px;
    text-decoration: none;
    color: #061326
}

section.type-special-donate .cols .col.left .anchor-society a.link i {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 16px;
    line-height: 1.6rem
}

section.type-special-donate .cols .col.right {
    text-align: left
}

section.type-special-donate .cols .col.right .donation {
    padding-left: 100px
}

.page-template-home #page-header .text section.type-special-donate .cols .col.right .donation .mobile-h1,
section.type-special-donate .cols .col.right .donation .page-template-home #page-header .text .mobile-h1,
section.type-special-donate .cols .col.right .donation h2 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 41px;
    line-height: 4.1rem;
    padding-bottom: 0
}

section.type-special-donate .cols .col.right .donation .subhead {
    color: #53556c
}

section.type-special-donate .cols .col.right .donation ul {
    margin-top: 35px;
    margin-bottom: 48px
}

section.type-special-donate .cols .col.right .donation ul li {
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

section.type-special-donate .cols .col.right .donation ul li:not(:last-of-type) {
    padding-bottom: 20px
}

section.type-special-donate .cols .col.right .donation ul li .amount {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 33px;
    line-height: 3.3rem;
    display: inline-block;
    width: 90px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 600;
    color: #1d2bed
}

section.type-special-donate .cols .col.right .donation ul li .benefit {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 19px;
    line-height: 1.9rem;
    color: #53556c
}

@media only screen and (max-width:1104px) {
    section.type-special-donate .cols {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 80px
    }
    section.type-special-donate .cols .col {
        width: 100%
    }
    section.type-special-donate .cols .col.left {
        margin-bottom: 30px
    }
    section.type-special-donate .cols .col.left .anchor-society {
        padding-left: 30px;
        padding-right: 30px;
        max-width: 600px;
        margin: 0 auto
    }
    section.type-special-donate .cols .col.left .anchor-society .image {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        min-width: 0;
        width: 90%
    }
    section.type-special-donate .cols .col.right .donation {
        padding-left: 0;
        padding-right: 0;
        max-width: 600px;
        margin: 0 auto
    }
}

@media only screen and (max-width:545px) {
    section.type-special-donate .cols {
        padding-top: 55px
    }
    section.type-special-donate .cols .col.left .anchor-society {
        padding-top: 95px
    }
    section.type-special-donate .cols .col.left .anchor-society .image {
        bottom: calc(100% - 80px)
    }
    section.type-special-donate .cols .col.right .donation ul {
        margin-bottom: 35px
    }
    section.type-special-donate .cols .col.right .donation ul li {
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.membership-table {
    width: calc(100% + 44px);
    position: relative;
    left: -22px;
    padding: 0 22px;
    overflow-x: scroll
}

.membership-table table.table {
    min-width: 882px
}

.membership-table table.table td,
.membership-table table.table th {
    color: #061326;
    text-align: center
}

.membership-table table.table thead tr th {
    border: 0
}

.membership-table table.table thead tr th .label {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    display: block;
    padding-bottom: 8px
}

.membership-table table.table tbody tr td {
    vertical-align: middle;
    height: 56px;
    width: 175px
}

.membership-table table.table tbody tr td i,
.membership-table table.table tbody tr td strong {
    color: #1d2bed
}

.membership-table table.table tbody tr td i {
    font-size: 16px
}

.membership-table table.table tbody tr td small {
    display: block;
    font-weight: 300
}

.membership-table table.table tbody tr td.table-highlight {
    background: #f9fafa
}

.membership-table table.table tbody tr td:first-of-type {
    text-align: left;
    max-width: 135px
}

.membership-table .fine-print p {
    text-align: left;
    padding: 0 0 5px
}

.membership-table .opacity-cover {
    display: none;
    background-color: #fff;
    opacity: .9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.membership-table.opacified .opacity-cover {
    display: block
}

section.content.type-text .container>header:not(.header-for-content-type-text-3col) {
    padding-bottom: 6px
}

.page-template-home #page-header .text section.content.type-text .container>header:not(.header-for-content-type-text-3col) .mobile-h1,
section.content.type-text .container>header:not(.header-for-content-type-text-3col) .page-template-home #page-header .text .mobile-h1,
section.content.type-text .container>header:not(.header-for-content-type-text-3col) h2 {
    position: relative;
    padding: 15px 0 22px;
    text-align: left;
    max-width: 600px;
    margin-top: 0
}

.page-template-home #page-header .text section.content.type-text .container>header:not(.header-for-content-type-text-3col) .mobile-h1:before,
section.content.type-text .container>header:not(.header-for-content-type-text-3col) .page-template-home #page-header .text .mobile-h1:before,
section.content.type-text .container>header:not(.header-for-content-type-text-3col) h2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 56px;
    height: 3px;
    background: #f8c51c
}

section.content.type-text .header-for-content-type-text-3col {
    margin-bottom: 45px
}

section.content.type-text .text-heading {
    color: #1d2bed
}

section.content.type-text .text {
    text-align: left
}

section.content.type-text footer {
    padding-top: 16px;
    -ms-flex-pack: start;
    justify-content: flex-start
}

section.content.type-text .content-type-text-1col,
section.content.type-text .content-type-text-2col,
section.content.type-text .content-type-text-image {
    color: #53556c
}

section.content.type-text .content-type-text-2col .content li,
section.content.type-text .content-type-text-2col .content p,
section.content.type-text .content-type-text-3col .content li,
section.content.type-text .content-type-text-3col .content p {
    -webkit-column-break-inside: avoid;
    break-inside: avoid
}

section.content.type-text .content-type-text-1col+footer,
section.content.type-text .content-type-text-1col .text {
    max-width: 450px;
    margin: 0 auto;
    margin: 0 auto 0 14.5%
}

section.content.type-text .content-type-text-1col[max-width~="550px"]+footer,
section.content.type-text .content-type-text-1col[max-width~="550px"] .text {
    margin-left: auto
}

section.content.type-text .content-type-text-2col+footer,
section.content.type-text .content-type-text-2col .text {
    max-width: 700px;
    margin: 0 auto;
    margin: 0 auto 0 14.5%
}

section.content.type-text .content-type-text-2col .content {
    -webkit-columns: 2 340px;
    columns: 2 340px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    margin: 0 0 -7px
}

section.content.type-text .content-type-text-2col .content p {
    padding: 3px 0 17px
}

section.content.type-text .content-type-text-2col .content ul {
    margin-left: 0;
    padding: 0
}

section.content.type-text .content-type-text-2col[max-width~="860px"]+footer,
section.content.type-text .content-type-text-2col[max-width~="860px"] .text {
    margin-left: auto
}

section.content.type-text .content-type-text-3col+footer,
section.content.type-text .content-type-text-3col .text {
    max-width: 1060px;
    margin: 0 auto
}

section.content.type-text .content-type-text-3col .content {
    -webkit-columns: 3 340px;
    columns: 3 340px;
    -webkit-column-gap: 20px;
    column-gap: 20px
}

section.content.type-text .content-type-text-3col .content ul {
    margin-left: 0;
    padding: 0
}

section.content.type-text .content-type-text-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: end;
    justify-content: flex-end
}

section.content.type-text .content-type-text-image .text {
    max-width: 450px;
    margin-right: 90px
}

section.content.type-text .content-type-text-image .item-with-underlay {
    max-width: 500px
}

section.content.type-text .content-type-text-image+footer {
    max-width: 1040px;
    margin-left: auto
}

section.content.type-text .content-type-text-image[max-width~="860px"] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 600px;
    margin: 0 auto
}

section.content.type-text .content-type-text-image[max-width~="860px"] .text {
    max-width: 100%;
    margin-right: 0
}

section.content.type-text .content-type-text-image[max-width~="860px"] .item-with-underlay {
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 60px
}

section.content.type-text .content-type-text-image[max-width~="860px"]+footer {
    max-width: 600px;
    margin-right: auto
}

section.content.type-text.calculate-savings .savings-calculator {
    margin: 15px 10px 0 180px
}

section.content.type-text.calculate-savings .content-type-text-image {
    -ms-flex-pack: start;
    justify-content: flex-start
}

section.content.type-text.calculate-savings .content-type-text-image+footer,
section.content.type-text.calculate-savings .content-type-text-image .text {
    max-width: 450px;
    margin: 0 auto;
    margin: 0 0 0 14.5%
}

section.content.type-text.calculate-savings .content-type-text-image[max-width~="600px"]+footer,
section.content.type-text.calculate-savings .content-type-text-image[max-width~="600px"] .text {
    margin-left: 0
}

section.content.type-text.calculate-savings .content-type-text-image[max-width~="986px"] {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

section.content.type-text.calculate-savings .content-type-text-image[max-width~="986px"] .savings-calculator {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 25px
}

section.content.type-text.calculate-savings .content-type-text-image[max-width~="740px"] .content {
    padding-right: 40px
}

section.content.type-text.calculate-savings .content-type-text-image[max-width~="600px"] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

section.content.type-text.calculate-savings .content-type-text-image[max-width~="600px"] .savings-calculator {
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 40px;
    margin-left: 0
}

section.content.type-text.calculate-savings .content-type-text-image[max-width~="600px"] .text {
    margin-right: 0
}

section.content.type-text.calculate-savings .content-type-text-image[max-width~="600px"] .content {
    padding-right: 0
}

section.content.type-text.header-inside-text-wrapper .content-type-text-image {
    -ms-flex-align: center;
    align-items: center
}

section.content.type-text.header-inside-text-wrapper .content-type-text-image .text {
    -ms-flex-order: +1;
    order: 1;
    margin-right: 0;
    margin-left: 90px
}

section.content.type-text.header-inside-text-wrapper .content-type-text-image[max-width~="860px"] {
    max-width: 500px
}

section.content.type-text.header-inside-text-wrapper .content-type-text-image[max-width~="860px"] .text {
    margin-left: 0
}

.page-template-home #page-header section.content.type-text.header-inside-text-wrapper .text header .mobile-h1,
section.content.type-text.header-inside-text-wrapper .page-template-home #page-header .text header .mobile-h1,
section.content.type-text.header-inside-text-wrapper .text header h2 {
    position: relative;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 33px;
    line-height: 3.3rem;
    padding: 15px 0;
    margin-bottom: 16px;
    text-align: left;
    max-width: 600px;
    color: #061326;
    letter-spacing: .45px
}

.page-template-home #page-header section.content.type-text.header-inside-text-wrapper .text header .mobile-h1:before,
section.content.type-text.header-inside-text-wrapper .page-template-home #page-header .text header .mobile-h1:before,
section.content.type-text.header-inside-text-wrapper .text header h2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 56px;
    height: 3px;
    background: #f8c51c
}

section.content.type-text.footer-inside-text-wrapper .text footer {
    margin-top: 20px
}

section.content.type-text.header-inside-text-wrapper.footer-inside-text-wrapper .content-type-text-image {
    -ms-flex-pack: center;
    justify-content: center
}

section.content.type-text.header-inside-text-wrapper.footer-inside-text-wrapper .content-type-text-image .text {
    margin-left: 66px
}

body.single-booking section.content.type-text .content-type-text-1col+footer,
body.single-booking section.content.type-text .content-type-text-1col .text,
body.single-booking section.content.type-text .content-type-text-2col+footer,
body.single-booking section.content.type-text .content-type-text-2col .text,
body.single-event section.content.type-text .content-type-text-1col+footer,
body.single-event section.content.type-text .content-type-text-1col .text,
body.single-event section.content.type-text .content-type-text-2col+footer,
body.single-event section.content.type-text .content-type-text-2col .text,
body.single-experience section.content.type-text .content-type-text-1col+footer,
body.single-experience section.content.type-text .content-type-text-1col .text,
body.single-experience section.content.type-text .content-type-text-2col+footer,
body.single-experience section.content.type-text .content-type-text-2col .text {
    max-width: 700px;
    margin: 0 auto 0 20.45%
}

body.single-booking section.content.type-text[max-width~="860px"] .content-type-text-1col+footer,
body.single-booking section.content.type-text[max-width~="860px"] .content-type-text-1col .text,
body.single-booking section.content.type-text[max-width~="860px"] .content-type-text-2col+footer,
body.single-booking section.content.type-text[max-width~="860px"] .content-type-text-2col .text,
body.single-event section.content.type-text[max-width~="860px"] .content-type-text-1col+footer,
body.single-event section.content.type-text[max-width~="860px"] .content-type-text-1col .text,
body.single-event section.content.type-text[max-width~="860px"] .content-type-text-2col+footer,
body.single-event section.content.type-text[max-width~="860px"] .content-type-text-2col .text,
body.single-experience section.content.type-text[max-width~="860px"] .content-type-text-1col+footer,
body.single-experience section.content.type-text[max-width~="860px"] .content-type-text-1col .text,
body.single-experience section.content.type-text[max-width~="860px"] .content-type-text-2col+footer,
body.single-experience section.content.type-text[max-width~="860px"] .content-type-text-2col .text {
    margin-left: 10%
}

body.single-booking section.content.type-text[max-width~="550px"] .content-type-text-1col+footer,
body.single-booking section.content.type-text[max-width~="550px"] .content-type-text-1col .text,
body.single-booking section.content.type-text[max-width~="550px"] .content-type-text-2col+footer,
body.single-booking section.content.type-text[max-width~="550px"] .content-type-text-2col .text,
body.single-event section.content.type-text[max-width~="550px"] .content-type-text-1col+footer,
body.single-event section.content.type-text[max-width~="550px"] .content-type-text-1col .text,
body.single-event section.content.type-text[max-width~="550px"] .content-type-text-2col+footer,
body.single-event section.content.type-text[max-width~="550px"] .content-type-text-2col .text,
body.single-experience section.content.type-text[max-width~="550px"] .content-type-text-1col+footer,
body.single-experience section.content.type-text[max-width~="550px"] .content-type-text-1col .text,
body.single-experience section.content.type-text[max-width~="550px"] .content-type-text-2col+footer,
body.single-experience section.content.type-text[max-width~="550px"] .content-type-text-2col .text {
    margin-left: 5%
}

body.single-booking section.content.type-text[max-width~="500px"] .content-type-text-1col+footer,
body.single-booking section.content.type-text[max-width~="500px"] .content-type-text-1col .text,
body.single-booking section.content.type-text[max-width~="500px"] .content-type-text-2col+footer,
body.single-booking section.content.type-text[max-width~="500px"] .content-type-text-2col .text,
body.single-event section.content.type-text[max-width~="500px"] .content-type-text-1col+footer,
body.single-event section.content.type-text[max-width~="500px"] .content-type-text-1col .text,
body.single-event section.content.type-text[max-width~="500px"] .content-type-text-2col+footer,
body.single-event section.content.type-text[max-width~="500px"] .content-type-text-2col .text,
body.single-experience section.content.type-text[max-width~="500px"] .content-type-text-1col+footer,
body.single-experience section.content.type-text[max-width~="500px"] .content-type-text-1col .text,
body.single-experience section.content.type-text[max-width~="500px"] .content-type-text-2col+footer,
body.single-experience section.content.type-text[max-width~="500px"] .content-type-text-2col .text {
    margin-left: 0
}

section.content.type-text-callout .container {
    max-width: 1104px
}

section.content.type-text-callout blockquote {
    margin: 0;
    padding-bottom: 0
}

section.content.type-text-callout blockquote p {
    padding: 23px 0 0
}

section.content.type-text-interrupter .container {
    max-width: 1104px
}

.page-template-home #page-header .text section.content.type-text-interrupter .container header .mobile-h1,
section.content.type-text-interrupter .container header .page-template-home #page-header .text .mobile-h1,
section.content.type-text-interrupter .container header h2 {
    margin-top: 0
}

section.content.type-text-interrupter .interrupter-icon {
    display: block;
    margin-bottom: 15px;
    color: #1d2bed;
    font-size: 48px;
    line-height: 48px
}

section.content.type-text-interrupter .interrupter-content {
    text-align: center
}

section.content.type-text-interrupter .interrupter-content p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem
}

section.content.type-text-interrupter.bg-color-white>.container {
    border: 5px solid #f5f6f8;
    padding-top: 40px;
    padding-bottom: 47px
}

body.single-booking section.content.type-text-interrupter .container,
body.single-event section.content.type-text-interrupter .container,
body.single-experience section.content.type-text-interrupter .container {
    padding-left: 22px;
    padding-right: 22px
}

body.single-booking section.content.type-text-interrupter.bg-color-white,
body.single-event section.content.type-text-interrupter.bg-color-white,
body.single-experience section.content.type-text-interrupter.bg-color-white {
    border: 5px solid #f5f6f8
}

body.single-booking section.content.type-text-interrupter.bg-color-white>.container,
body.single-event section.content.type-text-interrupter.bg-color-white>.container,
body.single-experience section.content.type-text-interrupter.bg-color-white>.container {
    border: 0;
    padding: 40px 35px 47px
}

@media only screen and (min-width:701px) {
    body.single-booking section.content.type-text-interrupter.bg-color-white>.container,
    body.single-event section.content.type-text-interrupter.bg-color-white>.container,
    body.single-experience section.content.type-text-interrupter.bg-color-white>.container {
        padding-left: 90px;
        padding-right: 90px
    }
}

section.content.bg-color-gray+.type-text-interrupter.bg-color-white,
section.content.type-text-interrupter.bg-color-white+section.content.bg-color-gray {
    margin-top: 80px
}

main.event-single-main>section.content.type-text-interrupter.bg-color-white:last-child {
    margin-bottom: 87px
}

main.site-content>section.content.type-text-interrupter.bg-color-white:last-child:after {
    content: "";
    display: block;
    height: 80px
}

@media only screen and (min-width:801px) {
    .type-404 {
        min-height: calc(100vh - 480px)
    }
}

.type-404 .search-results-search-form {
    max-width: 500px;
    margin: 20px auto
}

.page-template-animal-guide #content .container,
.page-template-stories #content .container {
    max-width: 1104px
}

#animal-guide-grid .hidden,
.animal-guide-grid .overflow,
.animal-guide-grid:not(.was-filtered) .featured:not(.no-hide) {
    display: none
}

@media only screen and (min-width:1105px) {
    body.single-clubfish section.content .container {
        padding-right: 140px
    }
}

@media only screen and (min-width:1285px) {
    body.single-clubfish section.content .container {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.page-template-home #page-header .text body.single-clubfish section.content.type-text .container>header:not(.header-for-content-type-text-3col) .mobile-h1,
body.single-clubfish section.content.type-text .container>header:not(.header-for-content-type-text-3col) .page-template-home #page-header .text .mobile-h1,
body.single-clubfish section.content.type-text .container>header:not(.header-for-content-type-text-3col) h2 {
    padding-top: 35px
}

body.single-clubfish section.content .content-type-text,
body.single-clubfish section.content header {
    max-width: 745px
}

.clubfish-table th {
    background-color: #f5f6f8;
    font-weight: 600;
    padding-bottom: 15px;
    padding-top: 15px
}

.clubfish-table td,
.clubfish-table th {
    color: #000;
    text-align: center
}

.clubfish-table .pricing-type {
    font-weight: 600;
    letter-spacing: 1.37px;
    text-transform: uppercase
}

.clubfish-table .pricing-desc {
    font-weight: 100
}

.clubfish-table .pricing-after {
    color: #1d2bed;
    font-weight: 600
}

.clubfish-table .pricing-before {
    text-decoration: line-through
}

#clubfish-encounters .ts-experience-price .pricing-after {
    color: #1d2bed;
    font-weight: 600
}

#clubfish-encounters .ts-experience-price .pricing-before {
    color: #000;
    text-decoration: line-through
}

.clubfish-button {
    border-bottom: 2px solid #f5f6f8;
    margin-bottom: 2em;
    padding-bottom: 2em
}

.clubfish-date {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.clubfish-date-header {
    font-size: 16px;
    margin: 0;
    text-align: left;
    padding-right: 20px
}

.clubfish-date .loader-wrapper {
    margin: 1em 0
}

.contact-content-wrapper {
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px
}

.contact-content-main {
    width: calc(100% - 540px);
    text-align: left
}

.contact-content-main h3.fatty-underline {
    padding-top: 0
}

.contact-content-main .phone {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    padding: 24px 0 12px
}

.contact-content-main .phone a {
    text-decoration: none
}

.contact-content-main form {
    max-width: 100%!important
}

.contact-content-main .faqs {
    margin-top: 48px
}

.contact-content-main .accordion {
    padding-top: 20px
}

.contact-content-sidebar {
    width: 540px;
    padding-left: 90px;
    text-align: left
}

.contact-content-sidebar .map-link {
    display: block;
    margin-bottom: 40px
}

.contact-content-sidebar .bigger-regular-text {
    padding: 26px 0 20px
}

.contact-content-sidebar .hours-heading {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17px;
    line-height: 1.7rem;
    color: #1d2bed;
    text-transform: uppercase;
    letter-spacing: 1.43px
}

.contact-content-sidebar .hours-table {
    width: 100%;
    margin-bottom: 12px
}

.contact-content-sidebar .hours-table-cell {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 21px;
    line-height: 2.1rem;
    width: 50%;
    letter-spacing: 1.43px
}

.contact-content-sidebar .hours-table-cell strong {
    text-transform: uppercase
}

.contact-content-sidebar .button,
.contact-content-sidebar button[type=submit],
.contact-content-sidebar input[type=file]+label,
.contact-content-sidebar input[type=submit] {
    margin-top: 22px
}

@media only screen and (max-width:950px) {
    .contact-content-wrapper {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .contact-content-main {
        width: 90%;
        margin: auto
    }
    .contact-content-sidebar {
        width: 90%;
        margin: 50px auto;
        padding-left: 45px;
        padding-right: 45px
    }
}

@media only screen and (max-width:600px) {
    .contact-content-sidebar {
        padding-left: 20px;
        padding-right: 20px
    }
    .contact-content-sidebar a.map-link img {
        max-width: 100%
    }
}

.events-listing-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 60px
}

.events-listing-wrapper .events-filters {
    width: 253px;
    padding-bottom: 60px
}

.events-listing-wrapper .events-filters .events-datepicker .datepicker {
    width: 100%;
    max-width: 253px;
    padding: 0 0 10px
}

.events-listing-wrapper .events-filters .events-datepicker .datepicker .datepicker--nav .datepicker--nav-action:first-of-type,
.events-listing-wrapper .events-filters .events-datepicker .datepicker .datepicker--nav .datepicker--nav-action:last-of-type {
    left: 0
}

.events-listing-wrapper .events-filters .clear-filters-button {
    margin: 18px 0 18px 2px!important;
    padding-left: 0
}

.events-listing-wrapper .events-category-picker {
    border-top: 0
}

.events-listing-wrapper .events-category-picker .form-input-radio {
    position: relative;
    cursor: pointer;
    padding-left: 0;
    padding-bottom: 13px
}

.events-listing-wrapper .events-category-picker .form-input-radio input,
.events-listing-wrapper .events-category-picker .form-input-radio label {
    cursor: pointer
}

.events-listing-wrapper .events-category-picker .form-input-radio input {
    visibility: hidden
}

.events-listing-wrapper .events-category-picker .form-input-radio label {
    color: #061326;
    padding-left: 10px;
    font-weight: 400!important
}

.events-listing-wrapper .events-category-picker .form-input-radio label:after {
    transition: all .15s ease;
    content: " ";
    position: absolute;
    top: 3px;
    left: 0;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 2px solid #1d2bed;
    background: #fff
}

.events-listing-wrapper .events-category-picker .form-input-radio input:checked+label:after {
    border-width: 6px;
    border-color: #1d2bed!important
}

.events-listing-wrapper .events-category-picker .form-input-radio:focus label:after,
.events-listing-wrapper .events-category-picker .form-input-radio:hover label:after {
    border-color: #f8c51c
}

.events-listing-wrapper #events-listing {
    min-height: calc(100vh - 244px);
    width: 610px
}

.events-listing-wrapper #events-listing span.date {
    color: #061326
}

.events-listing-wrapper #events-listing .search-results-list .photo {
    width: 100%;
    height: auto;
    max-width: 160px;
    min-width: 0
}

.events-listing-wrapper #events-listing .search-results-list .result:last-of-type {
    border-bottom: 0
}

.events-listing-wrapper .loader-wrapper {
    min-height: calc(100vh - 244px);
    width: 100%;
    height: 100%;
    position: relative
}

.events-listing-wrapper .loader-wrapper.is-hidden {
    display: none
}

.events-listing-wrapper .loader-wrapper .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 33%
}

@media only screen and (max-width:950px) {
    .events-listing-wrapper #events-listing {
        width: 60%
    }
}

@media only screen and (max-width:840px) {
    .events-listing-wrapper #events-listing {
        width: 100%
    }
    .events-listing-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 18px
    }
    .events-listing-wrapper .events-filters {
        width: 100%;
        margin-bottom: 35px;
        margin-right: 0;
        margin-top: 25px;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        padding-bottom: 60px
    }
    .events-listing-wrapper .events-filters .events-filter-wrap {
        margin-left: 25px
    }
    .events-listing-wrapper .events-filters .events-filter-wrap .clear-filters-button {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0
    }
    .events-listing-wrapper #events-listing,
    .events-listing-wrapper .loader-wrapper {
        min-height: 150px
    }
    .events-listing-wrapper #events-listing .loader,
    .events-listing-wrapper .loader-wrapper .loader {
        top: 50px
    }
}

@media only screen and (max-width:500px) {
    .events-listing-wrapper .events-filters {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .events-listing-wrapper .events-filters .event-datepicker,
    .events-listing-wrapper .events-filters .events-filter-wrap {
        width: 100%
    }
    .events-listing-wrapper .events-filters .events-filter-wrap {
        margin-top: 25px;
        margin-left: 0
    }
    .events-listing-wrapper .events-filters .events-category-picker .form-input-radio {
        padding-bottom: 8px!important
    }
}

.faqs-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start
}

.faqs-sidebar {
    width: 250px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 26px;
    margin-right: 200px;
    text-align: left
}

.faqs-sidebar .accordion:first-of-type {
    margin-top: 6px
}

.faqs-sidebar .accordion:not(:last-of-type)>li {
    border-bottom: 0
}

.faqs-sidebar .category {
    padding: 15px 0
}

.faqs-sidebar .category span {
    text-transform: uppercase;
    letter-spacing: .13rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 17px;
    line-height: 1.7rem;
    letter-spacing: 1.77px;
    font-weight: 600;
    padding-right: 0
}

.faqs-sidebar .category i {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 17px;
    line-height: 1.7rem
}

.faqs-sidebar .submenu a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 27px;
    line-height: 2.7rem;
    letter-spacing: .39px;
    color: #061326;
    text-decoration: none
}

.faqs-sidebar .submenu a:focus,
.faqs-sidebar .submenu a:hover {
    color: #f8c51c
}

.faqs-sidebar .submenu a.is-active {
    font-weight: 600
}

.faqs-main {
    position: relative;
    width: 100%;
    max-width: 700px;
    margin-bottom: 23px;
    margin-right: auto
}

.faqs-main .all {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 10px;
    font-size: 1rem;
    line-height: 11px;
    line-height: 1.1rem;
    display: inline-block;
    margin: 8px 0 0 12px;
    padding: 10px;
    letter-spacing: 1.76px;
    text-decoration: none;
    display: none;
    position: absolute;
    left: -10px;
    bottom: calc(100% - 12px)
}

.faqs-main .all i {
    font-size: 8px;
    line-height: 11px
}

.faqs-main h3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: left
}

.faqs-main h3 i {
    margin: 0 10px;
    font-size: 16px
}

.faqs-main .faq-group {
    margin-bottom: 12px
}

.faqs-main .question:focus mark,
.faqs-main .question:hover mark {
    color: #f8c51c
}

.faqs-main .additional-help {
    margin-top: 36px;
    text-align: left
}

.faqs-main .additional-help p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem
}

.faqs-sidebar .search {
    cursor: pointer
}

.faqs-sidebar .search:not(.is-open):focus i,
.faqs-sidebar .search:not(.is-open):hover i {
    color: #f8c51c
}

.faqs-sidebar .search.is-open:focus i.icon-cross,
.faqs-sidebar .search.is-open:hover i.icon-cross {
    transition: all .15s ease
}

.faqs-sidebar i.icon-search {
    transition: all .15s ease;
    font-size: 19px;
    font-weight: 600
}

.faqs-sidebar [data-search=clear] {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 17px;
    line-height: 1.7rem;
    float: right;
    position: relative;
    right: -10px;
    padding: 3px 10px;
    border: 0;
    color: #1d2bed;
    outline: none
}

.faqs-sidebar [data-search=clear]:focus,
.faqs-sidebar [data-search=clear]:hover {
    color: #f8c51c
}

.faqs-sidebar .search-input {
    max-width: calc(100% - 80px);
    border: 0;
    outline: none;
    padding: 3px 10px
}

.faqs-sidebar .search .search-input,
.faqs-sidebar .search [data-search=clear] {
    display: none
}

mark {
    transition: all .15s ease;
    color: #1d2bed;
    background: transparent
}

@media only screen and (max-width:1284px) {
    .faqs-main {
        margin-right: 0
    }
    .faqs-sidebar {
        margin-right: 22px
    }
}

@media only screen and (max-width:860px) {
    .faqs-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .faqs-main,
    .faqs-sidebar {
        width: 100%
    }
    .faqs-sidebar {
        display: none
    }
}

section.content.type-columns .cols {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section.content.type-columns .cols.cols-2 .col {
    width: 47%
}

section.content.type-columns .cols.cols-3 .col {
    width: 31%
}

section.content.type-columns .cols.cols-4 .col {
    width: 23%
}

section.content.type-columns .cols .col {
    padding-bottom: 40px
}

section.content.type-columns .cols .col .icon {
    text-align: center
}

section.content.type-columns .cols .col .icon i {
    font-size: 60px;
    font-size: 6rem;
    line-height: 70px;
    line-height: 7rem;
    opacity: .5
}

section.content.type-columns .cols {
    margin-bottom: -40px
}

@media only screen and (max-width:1240px) {
    section.content.type-columns .cols.cols-4 .col {
        width: 47%
    }
}

@media only screen and (max-width:600px) {
    section.content.type-columns .cols.cols-2 .col,
    section.content.type-columns .cols.cols-3 .col,
    section.content.type-columns .cols.cols-4 .col {
        width: 100%
    }
}

.page-template-home #page-header .text {
    padding-top: calc(103px + 8%);
    padding-bottom: 22px
}

.page-template-home #page-header .text h1 {
    font-size: 70px;
    font-size: 7rem;
    line-height: 77px;
    line-height: 7.7rem;
    letter-spacing: .28px;
    max-width: 891px
}

.page-template-home #page-header .text .mobile-h1 {
    display: none;
    font-weight: 600
}

@media only screen and (max-width:490px) {
    .page-template-home #page-header .text h1,
    .page-template-home #page-header .text p {
        display: none
    }
    .page-template-home #page-header .text .mobile-h1 {
        display: block
    }
}

.tickets-widget {
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 90px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tickets-widget,
.tickets-widget .control,
.tickets-widget .widget-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tickets-widget .control,
.tickets-widget .widget-wrap {
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 25px
}

.tickets-widget a {
    display: inline-block;
    cursor: pointer;
    color: #fff
}

.tickets-widget a i,
.tickets-widget a input {
    transition: all .15s ease
}

.tickets-widget a:focus i,
.tickets-widget a:focus input,
.tickets-widget a:hover i,
.tickets-widget a:hover input {
    opacity: .7
}

.tickets-widget .control {
    padding-bottom: 0;
    color: #fff
}

.tickets-widget .counter {
    display: inline-block;
    margin-left: 14px
}

.tickets-widget .counter a {
    position: relative;
    bottom: 3px
}

.tickets-widget .tickets-widget-text,
.tickets-widget input[type=text] {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    line-height: 1.6rem;
    padding: 0;
    color: #fff;
    border: 0;
    background: transparent;
    font-weight: 600;
    letter-spacing: 1.95px;
    text-transform: uppercase
}

.tickets-widget .tickets-widget-text::-webkit-input-placeholder,
.tickets-widget input[type=text]::-webkit-input-placeholder {
    color: #fff;
    font-weight: 600
}

.tickets-widget .tickets-widget-text:-moz-placeholder,
.tickets-widget .tickets-widget-text::-moz-placeholder,
.tickets-widget input[type=text]:-moz-placeholder,
.tickets-widget input[type=text]::-moz-placeholder {
    color: #fff;
    font-weight: 600
}

.tickets-widget .tickets-widget-text:-ms-input-placeholder,
.tickets-widget input[type=text]:-ms-input-placeholder {
    color: #fff;
    font-weight: 600
}

.tickets-widget input[type=text] {
    width: 115px;
    pointer-events: none
}

.tickets-widget input[type=number] {
    font-size: 30px;
    font-size: 3rem;
    line-height: 30px;
    line-height: 3rem;
    display: inline-block;
    width: 60px;
    padding: 2px 0;
    margin: 0 2px;
    border: 0;
    border-bottom: 3px solid #fff;
    background: transparent;
    font-weight: 600;
    color: #f8c51c;
    -moz-appearance: textfield;
    text-align: center
}

.tickets-widget input::-webkit-inner-spin-button,
.tickets-widget input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.tickets-widget i.icon-calendar,
.tickets-widget i.icon-clock,
.tickets-widget i.icon-family {
    font-size: 29px;
    font-size: 2.9rem;
    line-height: 29px;
    line-height: 2.9rem;
    margin-right: 14px
}

.tickets-widget i.icon-arrow-down {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 13px;
    line-height: 1.3rem;
    color: #f8c51c;
    font-weight: 600;
    margin-left: 14px
}

.tickets-widget i.icon-minus,
.tickets-widget i.icon-plus {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
    line-height: 1.5rem
}

@media only screen and (max-width:815px) {
    .tickets-widget:after {
        content: "";
        -ms-flex: auto;
        flex: auto
    }
    .tickets-widget .widget-wrap {
        width: 33%
    }
    .tickets-widget .widget-wrap:nth-of-type(3n+1) {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .tickets-widget .widget-wrap:nth-of-type(3n+2) {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .tickets-widget .widget-wrap:nth-of-type(3n+3) {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media only screen and (max-width:750px) {
    .tickets-widget .widget-wrap {
        width: 50%
    }
    .tickets-widget .widget-wrap:nth-of-type(odd) {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .tickets-widget .widget-wrap:nth-of-type(2n+2) {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media only screen and (max-width:490px) {
    .tickets-widget {
        margin-top: 30px
    }
    .tickets-widget .widget-wrap {
        width: 100%;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .tickets-widget .widget-wrap button[type=submit] {
        margin-top: 15px
    }
    .tickets-widget input[type=text] {
        width: 130px
    }
    .tickets-widget .tickets-widget-text,
    .tickets-widget input[type=text] {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2rem
    }
}

.tickets-timepicker .loader {
    width: 75px
}

section.homepage-schedule .cols.cols-2 {
    margin-bottom: 0
}

section.homepage-schedule .cols.cols-2 .col.left {
    width: 64%;
    position: relative
}

section.homepage-schedule .cols.cols-2 .col.right {
    width: 36%
}

section.homepage-schedule .cols.cols-2 .col.left,
section.homepage-schedule .cols.cols-2 .col.right {
    padding-bottom: 0
}

@media only screen and (max-width:875px) {
    section.homepage-schedule .cols.cols-2 {
        padding-bottom: 0;
        max-width: 750px;
        margin: 0 auto
    }
    section.homepage-schedule .cols.cols-2 .col.left,
    section.homepage-schedule .cols.cols-2 .col.right {
        width: 100%
    }
    section.homepage-schedule .cols.cols-2 .col.left {
        padding-bottom: 40px
    }
}

@media only screen and (max-width:600px) {
    section.homepage-schedule .container {
        padding-top: 31px
    }
}

@media only screen and (min-width:1285px) {
    section.homepage-special-offers .container {
        padding-bottom: 130px
    }
}

section.homepage-special-offers header.section-header {
    text-align: left;
    padding-bottom: 0;
    position: relative
}

section.homepage-special-offers .cols.cols-2 .col.left {
    width: 40%
}

section.homepage-special-offers .cols.cols-2 .col.right {
    width: 60%;
    padding-left: 20%;
    text-align: left
}

.page-template-home #page-header .text section.homepage-special-offers .cols.cols-2 .col.right .mobile-h1,
section.homepage-special-offers .cols.cols-2 .col.right .page-template-home #page-header .text .mobile-h1,
section.homepage-special-offers .cols.cols-2 .col.right h2 {
    padding-bottom: 2px
}

section.homepage-special-offers .cols.cols-2 .col.right p {
    color: #53556c;
    padding: 10px 0
}

section.homepage-special-offers .cols.cols-2 .col.right a.button {
    margin: 15px 0
}

@media only screen and (max-width:875px) {
    section.homepage-special-offers .cols.cols-2 {
        max-width: 750px;
        margin: 0 auto
    }
    section.homepage-special-offers .cols.cols-2 .col.left,
    section.homepage-special-offers .cols.cols-2 .col.right {
        width: 100%;
        padding-left: 0
    }
}

@media only screen and (max-width:600px) {
    section.homepage-special-offers .cols.cols-2 .col.right {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
    section.homepage-special-offers .cols.cols-2 .col.right .animal {
        -ms-flex-order: 1;
        order: 1
    }
    section.homepage-special-offers .cols.cols-2 .col.right .text {
        -ms-flex-order: 2;
        order: 2;
        margin-top: 45px
    }
}

section.homepage-special-offers .col.right header.section-header:before {
    content: "";
    background-color: #f8c51c;
    height: 3px;
    width: 55px;
    position: absolute;
    top: -10px;
    left: calc(20px + 100% + (100vw - 1240px) / 2);
    display: block;
    transition: all .5s cubic-bezier(.23, 1, .32, 1)
}

@media only screen and (max-width:1284px) {
    section.homepage-special-offers .col.right header.section-header:before {
        left: 0
    }
}

section.homepage-special-offers .col.right header.section-header.in-view:before {
    left: 0
}

section.homepage-special-offers ul.specialoffer {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left
}

section.homepage-special-offers .specialoffer-item {
    position: relative;
    padding-bottom: 35px;
    padding-left: 179px;
    text-decoration: none;
    color: #061326
}

section.homepage-special-offers .specialoffer-item h3 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 19px;
    line-height: 1.9rem;
    padding-top: 0;
    padding-bottom: 0
}

section.homepage-special-offers .specialoffer-item p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    color: #53556c;
    padding: 5px 0 15px;
    max-width: 200px
}

section.homepage-special-offers .specialoffer-item .link {
    font-size: 16px;
    font-size: 1.6rem
}

section.homepage-special-offers .specialoffer-image {
    position: absolute;
    left: 0;
    top: 0
}

@media only screen and (max-width:600px) {
    section.homepage-special-offers .specialoffer-item {
        padding-left: 0
    }
    section.homepage-special-offers .specialoffer-image {
        display: none
    }
}

section.homepage-events {
    background: #fff
}

@media only screen and (min-width:1285px) {
    section.homepage-events {
        margin-top: -190px;
        padding-top: 70px
    }
}

section.homepage-events header.section-header {
    text-align: left;
    padding-bottom: 0;
    position: relative;
    padding-left: 68px
}

.page-template-home #page-header .text section.homepage-events header.section-header .mobile-h1,
section.homepage-events header.section-header .page-template-home #page-header .text .mobile-h1,
section.homepage-events header.section-header h2 {
    padding-bottom: 13px
}

section.homepage-events .col.right header.section-header:before {
    content: "";
    background-color: #f8c51c;
    height: 3px;
    width: 55px;
    position: absolute;
    top: -10px;
    left: calc(20px + 100% + (100vw - 1240px) / 2);
    display: block;
    transition: all .5s cubic-bezier(.23, 1, .32, 1);
    word-break: break-all
}

@media only screen and (max-width:1284px) {
    section.homepage-events .col.right header.section-header:before {
        left: 70px
    }
}

@media only screen and (max-width:650px) {
    section.homepage-events .col.right header.section-header:before {
        left: 0
    }
}

section.homepage-events .col.right header.section-header.in-view:before {
    left: 68px
}

section.homepage-events .cols.cols-2 .col.left {
    width: 41.9%
}

section.homepage-events .cols.cols-2 .col.right {
    width: 49.5%;
    min-width: 610px;
    padding-top: 57px
}

@media only screen and (max-width:1130px) {
    section.homepage-events {
        padding-bottom: 25px
    }
    section.homepage-events .container {
        padding-bottom: 0
    }
    section.homepage-events .cols.cols-2 {
        max-width: 750px;
        margin: 0 auto
    }
    section.homepage-events .cols.cols-2 .col.left,
    section.homepage-events .cols.cols-2 .col.right {
        width: 100%
    }
    section.homepage-events .cols.cols-2 .col.left {
        -ms-flex-order: 2;
        order: 2;
        padding-bottom: 0
    }
    section.homepage-events .cols.cols-2 .col.right {
        -ms-flex-order: 1;
        order: 1;
        padding-bottom: 26px
    }
}

section.homepage-events .upcomingevents-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section.homepage-events .upcomingevents-item {
    position: relative;
    width: 50%;
    text-align: left;
    padding-left: 68px;
    padding-right: 30px;
    padding-bottom: 16px;
    color: #061326;
    margin-bottom: 31px
}

section.homepage-events .upcomingevents-item:nth-of-type(odd) {
    width: 47%
}

section.homepage-events .upcomingevents-item:nth-of-type(2n) {
    width: 53%
}

section.homepage-events .upcomingevents-item-buttononly {
    padding-top: 15px;
    padding-right: 0
}

section.homepage-events .upcomingevents-item-date {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 14px;
    line-height: 1.4rem;
    letter-spacing: 1.35px;
    position: absolute;
    left: 15px;
    top: 17px;
    width: 35px;
    text-align: right;
    text-transform: uppercase;
    color: #041757;
    font-weight: 600
}

section.homepage-events .upcomingevents-item h3 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 19px;
    line-height: 1.9rem;
    padding-bottom: 5px
}

section.homepage-events .upcomingevents-item p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17px;
    line-height: 1.7rem;
    padding-top: 3px;
    color: #53556c
}

section.homepage-events .upcomingevents-item-link {
    position: absolute
}

@media only screen and (max-width:610px) {
    section.homepage-events header.section-header {
        padding-left: 0
    }
    section.homepage-events .cols.cols-2 .col.right {
        min-width: unset
    }
    section.homepage-events .upcomingevents-item:nth-of-type(2n),
    section.homepage-events .upcomingevents-item:nth-of-type(odd) {
        width: 100%;
        margin-bottom: 31px;
        padding-left: 50px;
        padding-right: 0
    }
    section.homepage-events .upcomingevents-item-buttononly {
        padding-left: 0!important;
        text-align: center
    }
    section.homepage-events .upcomingevents-item-date {
        width: 30px;
        left: 0
    }
}

.animal {
    height: 100%
}

.animal.whale {
    height: 527px;
    position: relative
}

@media only screen and (max-width:600px) {
    .animal.whale {
        height: auto;
        padding-bottom: 90%;
        margin: 0 auto;
        width: 100%
    }
}

@media only screen and (max-width:490px) {
    .animal.whale .animal-bg {
        height: 92.6%
    }
    .animal.whale .animal-image {
        width: calc(100vw + 100px);
        left: -97px;
        right: auto;
        bottom: -17px
    }
}

.animal.puffin {
    position: relative;
    margin-top: 49px;
    height: 324px
}

@media only screen and (max-width:600px) {
    .animal.puffin {
        margin-top: 0;
        height: auto;
        padding-bottom: 90%;
        margin: 0 auto;
        width: 100%
    }
}

@media only screen and (max-width:490px) {
    .animal.puffin .animal-bg {
        height: 83.95%
    }
    .animal.puffin .animal-image {
        width: calc(100vw + 160px);
        left: -90px;
        right: auto
    }
}

.animal.otter {
    position: relative;
    height: 545px;
    max-width: 519px;
    margin: 0 auto
}

@media only screen and (max-width:600px) {
    .animal.otter {
        padding-bottom: 90%;
        margin: 0 auto;
        width: 100%;
        height: auto
    }
}

.animal-bg {
    z-index: 2;
    overflow: hidden;
    top: -7px;
    left: 0
}

.animal-bg,
.animal-fact {
    position: absolute;
    width: 100%;
    height: 100%
}

.animal-fact {
    top: 28px;
    left: 35px;
    z-index: 1;
    background: #041757
}

.animal-icon {
    position: absolute;
    transform: translateX(-50%);
    left: 0;
    bottom: 45px;
    z-index: 3;
    height: 86px;
    width: 86px;
    padding: 8px;
    border-radius: 50%;
    background-color: #041757
}

@media only screen and (max-width:1284px) {
    .animal-icon {
        left: 35px
    }
}

.whale .animal-bg {
    height: 96.8%;
    width: 65.9%;
    top: -2px
}

.whale .animal-fact {
    height: 96.8%;
    width: 65.9%;
    top: 33px
}

.puffin .animal-bg,
.puffin .animal-fact {
    height: 96.95%;
    width: 86.5%
}

.otter .animal-bg {
    top: -18px
}

.otter .animal-fact {
    top: 17px
}

.whale .animal-image {
    bottom: -100px;
    right: 20px
}

.puffin .animal-image,
.whale .animal-image {
    position: absolute;
    z-index: 3;
    width: 120%;
    pointer-events: none
}

.puffin .animal-image {
    bottom: 0;
    left: 20px
}

.otter .animal-image {
    position: absolute;
    bottom: 0;
    right: -22%;
    z-index: 3;
    width: 100%;
    pointer-events: none
}

@media only screen and (max-width:600px) {
    .whale .animal-image {
        width: calc(100% + 80px);
        left: -40px;
        right: -40px;
        bottom: -10px
    }
    .whale .animal-bg {
        width: 100%
    }
    .puffin .animal-image {
        width: calc(100% + 80px);
        left: -40px;
        right: -40px;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%)!important
    }
    .puffin .animal-bg {
        width: 100%
    }
    .otter .animal-image {
        right: auto;
        left: 50%;
        transform: translateX(-50%)!important;
        bottom: -50px
    }
}

.animal-date {
    position: absolute;
    top: 60px;
    right: 24%;
    color: #dbe0e6;
    z-index: 2;
    text-align: right
}

.animal-date-day {
    font-weight: 600;
    font-size: 50px;
    font-size: 5rem;
    line-height: 61px;
    line-height: 6.1rem;
    letter-spacing: 2.86px;
    display: block;
    text-transform: uppercase
}

.animal-date-date {
    font-weight: 600;
    font-size: 200px;
    font-size: 20rem;
    line-height: 205px;
    line-height: 20.5rem;
    letter-spacing: -8.38px
}

@media only screen and (max-width:600px) {
    .animal-date {
        right: 20px;
        top: 13px
    }
    .animal-date-day {
        font-size: 20px;
        font-size: 2rem;
        line-height: 24px;
        line-height: 2.4rem;
        letter-spacing: 1.14px
    }
    .animal-date-date {
        font-size: 200px;
        line-height: 200px;
        letter-spacing: -3.79px
    }
}

@media only screen and (max-width:490px) {
    .animal-date {
        right: 14px;
        top: 28px
    }
    .animal-date-day {
        display: none
    }
}

@media only screen and (max-width:600px) {
    .animal-fact,
    .animal-icon {
        display: none
    }
}

.animal-fact .js-tippy-trigger {
    transition: all .15s ease;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17px;
    line-height: 1.7rem;
    text-transform: uppercase;
    position: absolute;
    bottom: 2px;
    left: 10px;
    padding: 6px 5px;
    text-decoration: none;
    color: #fff;
    letter-spacing: .79px;
    font-weight: 600
}

.animal-fact .js-tippy-trigger:after {
    transition: all .15s ease;
    font-size: 10px;
    font-size: 1rem;
    content: "\e90e";
    font-family: icomoon;
    display: inline-block;
    transform-origin: center;
    padding-left: 6px
}

.animal-fact .js-tippy-trigger:focus,
.animal-fact .js-tippy-trigger:hover {
    opacity: .7
}

video.fillWidth {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    max-height: 100%;
    height: 100%
}

.poster.hidden {
    display: none
}

body.page-template-staff-members #page-header .container,
body.page-template-staff-members #staff-members .container {
    max-width: 1104px
}

#staff-members .container {
    padding-top: 44px
}

#staff-members header .page-template-home #page-header .text .mobile-h1,
#staff-members header h2,
.page-template-home #page-header .text #staff-members header .mobile-h1 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 33px;
    line-height: 3.3rem
}

#staff-members header .button-group {
    margin: 30px 0 40px
}

@media only screen and (max-width:460px) {
    #staff-members header .button-group .button,
    #staff-members header .button-group button[type=submit],
    #staff-members header .button-group input[type=file]+label,
    #staff-members header .button-group input[type=submit] {
        padding: 9px 20px;
        letter-spacing: 1.75px
    }
}

@media only screen and (max-width:375px) {
    #staff-members header .button-group .button,
    #staff-members header .button-group button[type=submit],
    #staff-members header .button-group input[type=file]+label,
    #staff-members header .button-group input[type=submit] {
        padding: 9px 15px
    }
}

#staff-members .default-hidden {
    display: none
}

.staff-members-grid a {
    padding-bottom: 10px
}

.staff-members-grid .name {
    padding-bottom: 6px
}

.staff-members-grid .position {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 14px;
    line-height: 1.4rem;
    display: block;
    color: #53556c
}

body.search-results #content .container,
body.search-results #page-header .container {
    max-width: 1104px
}

.search-results-search-form {
    position: relative;
    margin: 50px 0 62px
}

.search-results-search-form input[type=search] {
    width: 100%;
    box-sizing: border-box;
    padding: 17.5px;
    padding-left: 62px;
    font-size: 21px;
    line-height: 21px
}

.search-results-search-form .search-link,
.search-results-search-form .search-submit {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0
}

.search-results-search-form .search-link {
    z-index: 1;
    color: #061326;
    text-decoration: none;
    font-size: 19px;
    line-height: 21px;
    padding: 21px 13px 21px 30px
}

.search-results-search-form .search-link i {
    position: relative;
    top: 2px;
    font-weight: 600
}

.search-results-search-form .search-submit {
    height: 64px;
    width: 62px;
    z-index: 2;
    opacity: 0
}

.search-results-search-form .search-submit:focus+.search-link,
.search-results-search-form .search-submit:hover+.search-link {
    color: #f8c51c
}

.results-header .viewing {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 14px;
    line-height: 1.4rem;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1.76px
}

.page-template-home #page-header .text .results-header .mobile-h1,
.results-header .page-template-home #page-header .text .mobile-h1,
.results-header h2 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 29px;
    line-height: 2.9rem;
    letter-spacing: .88px;
    font-weight: 400;
    padding-bottom: 0
}

.search-results-list {
    max-width: 790px;
    padding-bottom: 100px
}

.search-results-list .result {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 38px 0;
    border-bottom: 2px solid #eee;
    text-decoration: none;
    color: #53556c
}

.search-results-list .result:focus .learn-more,
.search-results-list .result:hover .learn-more {
    color: #daa907
}

.search-results-list .photo {
    min-width: 250px;
    margin-right: 26px
}

.search-results-list .photo img {
    display: block
}

.search-results-list .post-type {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #6b809a
}

.search-results-list .gsection_title,
.search-results-list h4 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    padding: 12px 0 0;
    color: #061326
}

.search-results-list .excerpt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    padding-top: 6px
}

.search-results-list .learn-more {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    line-height: 1.6rem;
    transition: all .15s ease;
    display: inline-block;
    padding-top: 8px;
    font-weight: 600;
    letter-spacing: .68px;
    text-transform: uppercase;
    color: #f8c51c
}

.search-results-list .no-results {
    margin-top: 80px
}

@media only screen and (max-width:600px) {
    body.search-results #content .container,
    body.search-results #page-header .container {
        max-width: 490px
    }
    .result {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .result .text {
        width: 100%;
        margin-top: 22px
    }
}

.simple-content-container {
    padding-top: 0!important
}

.simple-content-wrapper {
    padding-top: 30px
}

.simple-content-main {
    max-width: 700px;
    text-align: left
}

iframe.silverpop {
    position: relative;
    margin-left: -15px;
    margin-top: -30px
}

.error-msg {
    color: #ea3009
}

.ts-content {
    padding: 40px 0;
    position: relative
}

.ts-content .form-inputs {
    padding-top: 5px
}

.ts-content.bottom-border {
    border-bottom: 2px solid #eee
}

.ts-content .opacity-cover {
    display: none;
    background-color: #fff;
    opacity: .9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.ts-content.opacified .opacity-cover {
    display: block
}

.page-template-home #page-header .text .ts-content-header .mobile-h1,
.ts-content-header .page-template-home #page-header .text .mobile-h1,
.ts-content-header h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: 300;
    padding: 0 0 15px;
    letter-spacing: normal
}

.page-template-home #page-header .text .ts-content-header .mobile-h1 strong,
.ts-content-header .page-template-home #page-header .text .mobile-h1 strong,
.ts-content-header h2 strong {
    font-weight: 600
}

.ts-content-text p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    color: #53556c;
    font-weight: 400;
    padding-top: 0;
    padding-bottom: 25px
}

.ts-content-text p.em {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    display: block;
    font-weight: 400;
    font-style: normal;
    color: #061326
}

.ts-content-text p.em em {
    font-style: normal
}

.ts-content-text p.strong {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    line-height: 2.1rem;
    display: block;
    font-weight: 600;
    color: #061326
}

.ts-content-text p.strong a {
    font-weight: 700;
    text-decoration: none
}

.ts-content-text p.strong strong {
    font-weight: 600
}

.ts-content-text p:last-of-type {
    padding-bottom: 15px
}

.ts-content-text-form p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-weight: 300
}

.ts-content-text-form small {
    color: #53556c
}

.ts-content.ts-content-account .ts-content-header {
    padding-bottom: 25px
}

.page-template-home #page-header .text .ts-content.ts-content-account .ts-content-header .mobile-h1,
.ts-content.ts-content-account .ts-content-header .page-template-home #page-header .text .mobile-h1,
.ts-content.ts-content-account .ts-content-header h2 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem;
    padding: 15px 0;
    font-weight: 700;
    border-bottom: 2px solid #eee
}

.ts-content.ts-content-account ul.tickets {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 25px 0
}

.ts-content.ts-content-account ul.tickets li {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 2em;
    margin-right: 2%;
    width: 31%
}

.ts-content.ts-content-account ul.tickets li img {
    width: 100%;
    height: auto
}

.ts-content.ts-content-account .ts-content-actions {
    padding-top: 25px;
    text-align: center
}

.ts-content.ts-content-account .ts-content-actions.is-hidden {
    display: none
}

.ts-content.ts-content-account .ts-content-actions .button,
.ts-content.ts-content-account .ts-content-actions button[type=submit],
.ts-content.ts-content-account .ts-content-actions input[type=file]+label,
.ts-content.ts-content-account .ts-content-actions input[type=submit] {
    padding: 9px 35px!important
}

.generating-pdf .ts-content.ts-content-account .ts-content-actions {
    display: none
}

@media only screen and (max-width:800px) {
    .ts-content.ts-content-account#ts-complete-tickets-admission,
    .ts-content.ts-content-account#ts-complete-tickets-experience {
        padding-top: 0
    }
}

@media only screen and (max-width:800px) {
    .ts-content.ts-content-account#ts-complete-tickets-admission ul.tickets,
    .ts-content.ts-content-account#ts-complete-tickets-experience ul.tickets {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:800px) {
    .ts-content.ts-content-account#ts-complete-tickets-admission ul.tickets li,
    .ts-content.ts-content-account#ts-complete-tickets-experience ul.tickets li {
        width: 48%
    }
}

@media only screen and (max-width:600px) {
    .ts-content.ts-content-account#ts-complete-tickets-admission ul.tickets li,
    .ts-content.ts-content-account#ts-complete-tickets-experience ul.tickets li {
        width: 100%
    }
    .ts-content.ts-content-account#ts-complete-tickets-admission ul.tickets li img,
    .ts-content.ts-content-account#ts-complete-tickets-experience ul.tickets li img {
        width: 60%;
        margin: auto;
        display: block
    }
    .ts-content.ts-content-account#ts-complete-tickets-admission ul.tickets li:nth-of-type(2),
    .ts-content.ts-content-account#ts-complete-tickets-experience ul.tickets li:nth-of-type(2) {
        margin-top: 20px
    }
}

@media only screen and (max-width:490px) {
    .ts-content.ts-content-account#ts-complete-tickets-admission ul.tickets li img,
    .ts-content.ts-content-account#ts-complete-tickets-experience ul.tickets li img {
        width: 75%
    }
}

.generating-pdf .ts-content.ts-content-account#ts-complete-tickets-admission ul.tickets li,
.generating-pdf .ts-content.ts-content-account#ts-complete-tickets-experience ul.tickets li {
    width: 100%!important
}

@media only screen and (max-width:490px) {
    .ts-content.ts-content-account#ts-complete-tickets-experience {
        padding-top: 20px
    }
}

.ts-content-cols {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ts-content-cols .ts-content-text {
    max-width: 560px;
    padding-right: 40px
}

.ts-content-cols .ts-content-box {
    width: 360px
}

.ts-content-cols.size-halves {
    display: -ms-flexbox;
    display: flex
}

.ts-content-cols.size-halves>* {
    width: 50%
}

@media only screen and (max-width:600px) {
    .ts-content-cols#ts-complete-confirm {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 15px
    }
}

.ts-confirm {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18px;
    line-height: 1.8rem
}

.ts-confirm .cart-confirm-delete,
.ts-confirm .cart-confirm-price,
.ts-confirm .cart-confirm-title,
.ts-confirm .ts-table tbody tr .order-cart-price,
.ts-confirm .ts-table tbody tr .order-cart-title,
.ts-table tbody tr .ts-confirm .order-cart-price,
.ts-table tbody tr .ts-confirm .order-cart-title {
    padding-top: 20px
}

.ts-confirm .cart-confirm-meta,
.ts-confirm .ts-table tbody tr .order-cart-meta,
.ts-table tbody tr .ts-confirm .order-cart-meta {
    padding-bottom: 20px
}

.ts-confirm footer {
    padding: 25px 30px 0 0;
    text-align: right
}

.ts-donate {
    padding: 0;
    margin: 50px 0
}

.ts-donate .container {
    padding: 40px
}

.page-template-home #page-header .text .ts-donate .mobile-h1,
.ts-donate .page-template-home #page-header .text .mobile-h1,
.ts-donate h2 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 34px;
    line-height: 3.4rem;
    padding-top: 0
}

.ts-donate p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #53556c;
    font-weight: 400;
    padding-bottom: 30px
}

.ts-donate input#Donate::-webkit-input-placeholder {
    color: #061326;
    font-weight: 600;
    opacity: 1
}

.ts-donate input#Donate:-moz-placeholder,
.ts-donate input#Donate::-moz-placeholder {
    color: #061326;
    font-weight: 600;
    opacity: 1
}

.ts-donate input#Donate:-ms-input-placeholder {
    color: #061326;
    font-weight: 600;
    opacity: 1
}

.ts-content-box {
    padding: 30px;
    background: #f3f3f3
}

.ts-content-box h3 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    padding: 0 0 5px
}

.ts-content-box p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 19px;
    line-height: 1.9rem;
    color: #53556c;
    font-weight: 400;
    padding: 15px 0
}

.ts-content-box .store-links {
    margin-top: 10px
}

.ts-content-box .store-links a img {
    @Include transition
}

.ts-content-box .store-links a:focus img,
.ts-content-box .store-links a:hover img {
    opacity: .7
}

.store-links {
    margin: 0;
    padding: 0;
    list-style: none
}

.store-links:after {
    content: "";
    display: table;
    clear: both
}

.store-links li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 114px;
    margin-right: 20px
}

.visit-datepicker {
    padding: 10px 0 0
}

.visit-datepicker:after {
    content: "";
    display: table;
    clear: both
}

.visit-datepicker .datepicker-quickdates {
    float: left;
    width: 412px
}

.visit-datepicker .datepicker-quickdates a.button {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem
}

.visit-datepicker .datepicker-datepicker {
    float: left;
    margin-left: 10px;
    position: relative
}

.visit-datepicker .datepicker-datepicker input.datepicker-here {
    padding: 10px 40px 10px 20px;
    text-align: center;
    width: 272px
}

.visit-datepicker .datepicker-datepicker input.datepicker-here::-webkit-input-placeholder {
    color: #061326;
    font-size: 16px;
    letter-spacing: .13rem;
    opacity: 1;
    line-height: normal;
    font-weight: 600;
    text-transform: uppercase
}

.visit-datepicker .datepicker-datepicker input.datepicker-here:-ms-input-placeholder {
    color: #061326;
    font-size: 16px;
    letter-spacing: .13rem;
    opacity: 1;
    line-height: normal;
    font-weight: 600;
    text-transform: uppercase
}

.visit-datepicker .datepicker-datepicker input.datepicker-here::placeholder {
    color: #061326;
    font-size: 16px;
    letter-spacing: .13rem;
    opacity: 1;
    line-height: normal;
    font-weight: 600;
    text-transform: uppercase
}

.visit-datepicker .datepicker-datepicker:after {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 16px;
    right: 12px;
    pointer-events: none;
    font-size: 13px;
    color: #1d2bed;
    -webkit-font-smoothing: none
}

@media only screen and (max-width:715px) {
    .visit-datepicker .datepicker-quickdates {
        margin-bottom: 15px;
        float: none;
        max-width: 100%
    }
    .visit-datepicker .datepicker-datepicker {
        margin-left: 0
    }
}

.datepicker .datepicker--content .datepicker--cells .datepicker--cell.not-avail {
    color: #dbe0e6
}

#ts-tickets-arrival .ts-content-text {
    padding-top: 15px
}

#ts-tickets-arrival .ts-content-text p small {
    font-size: 14px;
    font-size: 1.4rem
}

#ts-tickets-arrival .ts-content-text p a {
    display: inline-block;
    margin-left: 4px
}

#warn-modal {
    text-align: center;
    max-width: 540px
}

#warn-modal h3 {
    font: "canada-type-gibson", sans-serif;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
    line-height: 1.8rem;
    letter-spacing: 1.77px;
    color: #061326
}

#warn-modal .gsection_title,
#warn-modal h4 {
    font: "canada-type-gibson", sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 19px;
    line-height: 1.9rem;
    letter-spacing: 1.77px;
    color: #53556c
}

#warn-modal .modal-buttons {
    display: -ms-flexbox;
    display: flex
}

#warn-modal .modal-buttons .button,
#warn-modal .modal-buttons button[type=submit],
#warn-modal .modal-buttons input[type=file]+label,
#warn-modal .modal-buttons input[type=submit] {
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.form-input-radio-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px;
    padding: 10px 0
}

.form-input-radio-buttons .button,
.form-input-radio-buttons button[type=submit],
.form-input-radio-buttons input[type=file]+label,
.form-input-radio-buttons input[type=submit] {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    cursor: pointer;
    width: calc((100% - 80px) / 4);
    margin: 10px;
    padding: 15px;
    background: #eee;
    color: #061326;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: normal
}

.form-input-radio-buttons .button strong,
.form-input-radio-buttons button[type=submit] strong,
.form-input-radio-buttons input[type=file]+label strong,
.form-input-radio-buttons input[type=submit] strong {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 18px;
    line-height: 1.8rem;
    display: block;
    font-weight: 600
}

.form-input-radio-buttons .button small,
.form-input-radio-buttons button[type=submit] small,
.form-input-radio-buttons input[type=file]+label small,
.form-input-radio-buttons input[type=submit] small {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
    line-height: 1.8rem;
    display: block
}

.form-input-radio-buttons .button input,
.form-input-radio-buttons button[type=submit] input,
.form-input-radio-buttons input[type=file]+label input,
.form-input-radio-buttons input[type=submit] input {
    display: none
}

.form-input-radio-buttons .button:before,
.form-input-radio-buttons button[type=submit]:before,
.form-input-radio-buttons input[type=file]+label:before,
.form-input-radio-buttons input[type=submit]:before {
    background: #ddd
}

.form-input-radio-buttons .button.is-active,
.form-input-radio-buttons button.is-active[type=submit],
.form-input-radio-buttons input.is-active[type=submit],
.form-input-radio-buttons input[type=file]+label.is-active {
    color: #fff;
    background: #f8c51c
}

.form-input-radio-buttons .button.is-active:before,
.form-input-radio-buttons button.is-active[type=submit]:before,
.form-input-radio-buttons input.is-active[type=submit]:before,
.form-input-radio-buttons input[type=file]+label.is-active:before {
    background: #f8c51c
}

.form-input-radio-buttons.size-large .button,
.form-input-radio-buttons.size-large button[type=submit],
.form-input-radio-buttons.size-large input[type=file]+label,
.form-input-radio-buttons.size-large input[type=submit] {
    padding: 25px 15px
}

.form-input-radio-buttons[max-width~="726"] .button,
.form-input-radio-buttons[max-width~="726"] button[type=submit],
.form-input-radio-buttons[max-width~="726"] input[type=file]+label,
.form-input-radio-buttons[max-width~="726"] input[type=submit] {
    width: calc((100% - 40px)/2)
}

.form-input-radio-buttons[max-width~="476"] {
    max-width: 300px;
    margin: 0 auto
}

.form-input-radio-buttons[max-width~="476"] .button,
.form-input-radio-buttons[max-width~="476"] button[type=submit],
.form-input-radio-buttons[max-width~="476"] input[type=file]+label,
.form-input-radio-buttons[max-width~="476"] input[type=submit] {
    width: 100%;
    margin: 0 0 20px
}

.form-input-radio-buttons[max-width~="476"] .button:last-of-type,
.form-input-radio-buttons[max-width~="476"] button:last-of-type[type=submit],
.form-input-radio-buttons[max-width~="476"] input:last-of-type[type=submit],
.form-input-radio-buttons[max-width~="476"] input[type=file]+label:last-of-type {
    margin-bottom: 0
}

#ts-donations-amount .form-input-radio-buttons .button,
#ts-donations-amount .form-input-radio-buttons button[type=submit],
#ts-donations-amount .form-input-radio-buttons input[type=file]+label,
#ts-donations-amount .form-input-radio-buttons input[type=submit],
#ts-donations-program .form-input-radio-buttons .button,
#ts-donations-program .form-input-radio-buttons button[type=submit],
#ts-donations-program .form-input-radio-buttons input[type=file]+label,
#ts-donations-program .form-input-radio-buttons input[type=submit] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 15px;
    -ms-flex-positive: 1;
    flex-grow: 1
}

#ts-donations-amount .form-input-radio-buttons .button strong,
#ts-donations-amount .form-input-radio-buttons button[type=submit] strong,
#ts-donations-amount .form-input-radio-buttons input[type=file]+label strong,
#ts-donations-amount .form-input-radio-buttons input[type=submit] strong,
#ts-donations-program .form-input-radio-buttons .button strong,
#ts-donations-program .form-input-radio-buttons button[type=submit] strong,
#ts-donations-program .form-input-radio-buttons input[type=file]+label strong,
#ts-donations-program .form-input-radio-buttons input[type=submit] strong {
    max-width: 150px
}

@media only screen and (max-width:750px) {
    #ts-donations-amount .form-input-radio-buttons,
    #ts-donations-program .form-input-radio-buttons {
        max-width: 400px;
        margin: 0
    }
    #ts-donations-amount .form-input-radio-buttons .button strong,
    #ts-donations-amount .form-input-radio-buttons button[type=submit] strong,
    #ts-donations-amount .form-input-radio-buttons input[type=file]+label strong,
    #ts-donations-amount .form-input-radio-buttons input[type=submit] strong,
    #ts-donations-program .form-input-radio-buttons .button strong,
    #ts-donations-program .form-input-radio-buttons button[type=submit] strong,
    #ts-donations-program .form-input-radio-buttons input[type=file]+label strong,
    #ts-donations-program .form-input-radio-buttons input[type=submit] strong {
        max-width: 100%
    }
}

#ts-tickets-quantity .form-input-quantity label {
    width: 215px;
    padding-right: 20px
}

.experience-modals {
    display: none
}

.experience-modal {
    max-width: 75vw;
    max-height: 90vh;
    overflow-y: auto;
    margin: 0 auto;
    background: #fff;
    color: #061326
}

.experience-modal .page-template-home #page-header .text .mobile-h1,
.experience-modal h2,
.page-template-home #page-header .text .experience-modal .mobile-h1 {
    border-bottom: 2px solid #eee
}

.ts-experiences {
    padding: 0
}

.ts-experience {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 20px 0
}

.ts-experience .encounter-name .soldout-indicator {
    display: none;
    color: #1d2bed
}

.ts-experience.sold-out .encounter-name .soldout-indicator {
    display: inline
}

.ts-experience.sold-out .form-counter .spinner-value,
.ts-experience.sold-out .form-input-select:after {
    color: #f5f6f8
}

.ts-experience .encounter-desc {
    max-height: 9999px;
    transition: max-height .5s
}

.ts-experience .encounter-desc.folded {
    max-height: 4em;
    overflow-y: hidden
}

.ts-experience .form-input-select {
    margin-right: 12px;
    position: relative
}

.ts-experience .form-input-select select {
    padding-right: 25px
}

.ts-experience .form-input-select:after {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 20px;
    right: 10px;
    pointer-events: none;
    font-size: 13px;
    color: #1d2bed;
    -webkit-font-smoothing: none
}

.ts-experience .form-counter {
    margin-top: .5em;
    margin-right: 12px
}

.ts-experience .link+.arrow {
    color: #f8c51c;
    margin-left: 12px;
    vertical-align: middle
}

.ts-experiences.text .ts-experience {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.ts-experience-image {
    width: 23%
}

.ts-experience-image img {
    width: 100%;
    height: auto
}

.ts-experience-description {
    width: 50%;
    padding-left: 20px;
    padding-right: 25px
}

.ts-experience-description h3 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    padding: 0
}

.ts-experience-description .sold-out {
    font-weight: 400
}

.ts-experience-description .sold-out em {
    color: #1d2bed;
    font-style: normal
}

.ts-experience-description .price {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    display: block;
    padding: 10px 0
}

.ts-experience-description .seats.alert-seat-cap {
    color: red
}

.ts-experience-description p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    padding: 0 0 15px;
    color: #53556c
}

.ts-experience-description .ts-experience-description-extended {
    transition: all .15s ease;
    max-height: 1px;
    opacity: 0;
    overflow: hidden
}

.ts-experience-description.is-expanded .link i {
    transform: rotate(180deg)
}

.ts-experience-description.is-expanded .ts-experience-description-extended {
    opacity: 1;
    max-height: 1000px
}

.ts-experience-price strong {
    color: #1d2bed
}

.ts-experience .form-inputs {
    display: block;
    width: 23%;
    min-width: 155px
}

.ts-experience .form-inputs:after {
    content: "";
    display: table;
    clear: both
}

.ts-experience .form-inputs .form-input-select {
    display: block;
    padding-bottom: 20px
}

.ts-experience .form-inputs .form-input-select .form-select,
.ts-experience .form-inputs .form-input-select select {
    width: 100%;
    text-align: center
}

.ts-experience .form-inputs .form-counter {
    float: right
}

@media only screen and (max-width:560px) {
    .ts-experience {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .ts-experience-image {
        width: 125px
    }
    .ts-experience-description {
        width: calc(100% - 125px);
        padding-right: 0
    }
    .ts-experience .form-inputs {
        width: 180px
    }
    .ts-experience .form-inputs .form-counter {
        float: left
    }
}

@media only screen and (max-width:420px) {
    .ts-experience-description {
        width: 100%;
        padding-left: 0;
        padding-top: 15px
    }
}

.ts-donate#ts-tickets-donation {
    background: #fff;
    margin-bottom: 0
}

.ts-donate#ts-tickets-donation .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0
}

.ts-donate#ts-tickets-donation .container:after {
    display: none
}

.ts-donate#ts-tickets-donation header {
    width: calc(100% - 196px);
    max-width: 520px;
    padding-right: 30px
}

.ts-donate#ts-tickets-donation .donate-form {
    width: 196px;
    -ms-flex-direction: column;
    flex-direction: column
}

.ts-donate#ts-tickets-donation .donate-form .donate-form-input,
.ts-donate#ts-tickets-donation .donate-form .donate-form-submit,
.ts-donate#ts-tickets-donation .donate-form button {
    display: block;
    width: 100%;
    margin: 0
}

.ts-donate#ts-tickets-donation .donate-form .donate-form-input {
    margin-top: 4px;
    margin-bottom: 25px
}

@media only screen and (max-width:550px) {
    .ts-donate#ts-tickets-donation .container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .ts-donate#ts-tickets-donation header {
        width: 100%;
        padding-right: 0
    }
}

#ts-tickets-arrival .ts-content-header .page-template-home #page-header .text .mobile-h1,
#ts-tickets-arrival .ts-content-header h2,
#ts-tickets-donation .ts-content-header .page-template-home #page-header .text .mobile-h1,
#ts-tickets-donation .ts-content-header h2,
#ts-tickets-experiences .ts-content-header .page-template-home #page-header .text .mobile-h1,
#ts-tickets-experiences .ts-content-header h2,
#ts-tickets-payahead .ts-content-header .page-template-home #page-header .text .mobile-h1,
#ts-tickets-payahead .ts-content-header h2,
#ts-tickets-quantity .ts-content-header .page-template-home #page-header .text .mobile-h1,
#ts-tickets-quantity .ts-content-header h2,
#ts-tickets-visit .ts-content-header .page-template-home #page-header .text .mobile-h1,
#ts-tickets-visit .ts-content-header h2,
.page-template-home #page-header .text #ts-tickets-arrival .ts-content-header .mobile-h1,
.page-template-home #page-header .text #ts-tickets-donation .ts-content-header .mobile-h1,
.page-template-home #page-header .text #ts-tickets-experiences .ts-content-header .mobile-h1,
.page-template-home #page-header .text #ts-tickets-payahead .ts-content-header .mobile-h1,
.page-template-home #page-header .text #ts-tickets-quantity .ts-content-header .mobile-h1,
.page-template-home #page-header .text #ts-tickets-visit .ts-content-header .mobile-h1 {
    font-weight: 400
}

.sideblock.is-hidden {
    display: none
}

.sideblock-actions .button:hover,
.sideblock-actions button:hover[type=submit],
.sideblock-actions input:hover[type=submit],
.sideblock-actions input[type=file]+label:hover {
    cursor: pointer
}

.sideblock-actions .button.not-ready,
.sideblock-actions button.not-ready[type=submit],
.sideblock-actions input.not-ready[type=submit],
.sideblock-actions input[type=file]+label.not-ready {
    background: #eee;
    color: #061326
}

.sideblock-actions .button.not-ready:hover,
.sideblock-actions button.not-ready:hover[type=submit],
.sideblock-actions input.not-ready:hover[type=submit],
.sideblock-actions input[type=file]+label.not-ready:hover {
    cursor: default
}

.sideblock-actions .button.not-ready:before,
.sideblock-actions button.not-ready[type=submit]:before,
.sideblock-actions input.not-ready[type=submit]:before,
.sideblock-actions input[type=file]+label.not-ready:before {
    background: #eee;
    cursor: default
}

.ts-content#ts-account-password .ts-content-box {
    width: 430px
}

.ts-content-stats {
    padding-right: 25px
}

.ts-content-stats dd,
.ts-content-stats dt {
    float: left;
    width: 165px;
    padding-bottom: 20px
}

.ts-content-stats dt {
    clear: left;
    padding-right: 25px;
    font-weight: 300
}

.ts-content-stats dd,
.ts-content-stats dt {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 21px;
    line-height: 2.1rem
}

.ts-content-stats dd {
    font-weight: 600
}

.ts-content-stats dd #donation-amount,
.ts-content-stats dd .order-wrap {
    display: block
}

.ts-content-stats dd a {
    display: inline-block;
    padding: 8px 0
}

.ts-content-stats dd a.link {
    padding-bottom: 3px
}

.ts-content-box.has-icons ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.ts-content-box.has-icons ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    padding: 15px 15px 15px 75px;
    font-weight: 300
}

.ts-content-box.has-icons ul li,
.ts-content-box.has-icons ul li h3 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 21px;
    line-height: 2.1rem
}

.ts-content-box.has-icons ul li i {
    position: absolute;
    top: 11px;
    left: 20px;
    font-size: 27px;
    color: #1d2bed
}

.ts-content-box.has-icons ul li i.icon-ticket {
    top: 7px;
    left: 18px;
    font-size: 33px
}

.ts-content-box.has-icons ul li .link {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 21px;
    line-height: 2.1rem;
    letter-spacing: .68px
}

#ts-account-dash .ts-content-stats {
    width: 49%
}

#ts-account-dash .ts-content-box {
    width: 51%;
    padding-left: 91px
}

#ts-account-dash .ts-content-box.has-icons ul li {
    font-weight: 400
}

@media only screen and (max-width:760px) {
    #ts-account-dash {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    #ts-account-dash .ts-content-box {
        width: 100%
    }
    #ts-account-dash .ts-content-stats {
        width: 100%;
        padding-right: 0
    }
}

@media only screen and (max-width:490px) {
    #ts-account-dash .ts-content-stats dd,
    #ts-account-dash .ts-content-stats dt {
        width: 50%
    }
}

#ts-account-password form {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 22px
}

@media only screen and (max-width:680px) {
    #ts-account-password {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    #ts-account-password .ts-content-box {
        max-width: 350px;
        margin-top: 35px
    }
}

#ts-account-history .ts-content-header:first-child {
    margin-bottom: -20px
}

#ts-account-history .ts-table-wrap {
    width: calc(100% + 44px);
    position: relative;
    left: -22px;
    padding: 0 22px;
    overflow-x: scroll
}

#ts-account-history .ts-table-wrap+.ts-table-wrap {
    margin-top: -44px
}

#ts-account-history .table {
    min-width: 715px
}

#ts-account-history .table th {
    width: 25%;
    min-width: 245px
}

.table-paging,
td.table-paging {
    text-align: right;
    padding: 18px 0 0;
    border: 0
}

.pager,
.pager-item {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block
}

.pager-item {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 13px;
    line-height: 1.3rem
}

.pager-item a {
    display: inline-block;
    font-weight: 600;
    padding: 5px 10px;
    color: #53556c;
    text-transform: uppercase;
    letter-spacing: 1.36px;
    text-decoration: none
}

.pager-item.is-active a {
    color: #1d2bed
}

.pager-item.pager-next a {
    padding-right: 0;
    color: #1d2bed
}

.pager-item.pager-prev a {
    padding-left: 0;
    font-weight: 300
}

.ts-table tbody tr.is-hidden {
    display: none
}

.ts-table tbody tr.is-active td {
    position: relative;
    border-color: #53556c;
    background: #eee
}

.ts-table tbody tr.is-active td:after {
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    content: " ";
    height: 2px;
    background: #53556c
}

.ts-table tbody tr.order td {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    color: #061326;
    border-color: #53556c;
    border-left: 0;
    border-right: 0;
    position: relative;
    vertical-align: top;
    padding: 17px 15px
}

.ts-table tbody tr.order td:first-of-type {
    border-left: 2px solid #53556c
}

.ts-table tbody tr.order td:nth-of-type(2) {
    padding: 0
}

.ts-table tbody tr.order td:last-of-type {
    text-align: right;
    border-right: 2px solid #53556c;
    padding-right: 35px
}

.ts-table tbody tr.order td .button,
.ts-table tbody tr.order td button[type=submit],
.ts-table tbody tr.order td input[type=file]+label,
.ts-table tbody tr.order td input[type=submit] {
    float: right;
    clear: right;
    margin-bottom: 20px;
    width: 198px;
    text-align: center
}

.ts-table tbody tr.order td .order-barcode {
    position: absolute;
    right: 35px;
    bottom: 34px;
    width: calc(100% - 34px)
}

.ts-table tbody tr .order-stats dd,
.ts-table tbody tr .order-stats dt {
    display: block;
    padding: 3px 0
}

.ts-table tbody tr .order-stats dt {
    font-weight: 300
}

.ts-table tbody tr .order-stats dd {
    font-weight: 600;
    padding-bottom: 15px
}

.ts-table tbody tr .order-group {
    padding: 17px 15px;
    border-bottom: 2px solid #eee;
    max-width: 355px
}

.ts-table tbody tr .order-group header {
    font-weight: 300;
    padding-bottom: 10px
}

.ts-table tbody tr .order-group footer {
    padding-top: 10px;
    text-align: right
}

.ts-table tbody tr .order-cart-title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    letter-spacing: 1.36px
}

.ts-table tbody tr .order-cart-meta {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: 300
}

.ts-table tbody tr .order-totals {
    padding: 17px 15px;
    border-top: 0;
    max-width: 355px
}

.ts-table tbody tr .order-totals dt {
    width: calc(100% - 80px)
}

.ts-table tbody tr .order-totals dd {
    width: 80px
}

#ts-donations-text {
    padding: 60px 0 0
}

#ts-donations-text .ts-content-header {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    line-height: 2.1rem
}

#ts-donations-amount .ts-content-header .page-template-home #page-header .text .mobile-h1,
#ts-donations-amount .ts-content-header h2,
.page-template-home #page-header .text #ts-donations-amount .ts-content-header .mobile-h1 {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    line-height: 2.1rem;
    width: 175px;
    text-align: left;
    padding: 0;
    color: #061326
}

.form-input-other-amount {
    color: #061326;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 0
}

.form-input-other-amount label {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    line-height: 2.1rem;
    width: 175px;
    text-align: left;
    padding: 0;
    color: #061326
}

.form-input-other-amount .donate-form-input {
    max-width: calc(100% - 355px)
}

.form-input-other-amount .donate-form-input input {
    width: 100%;
    max-width: 331px
}

.form-input-other-amount .donate-frequency {
    padding-left: 20px
}

.form-input-other-amount .donate-frequency .form-input-radio-buttons-inline {
    padding: 0
}

@media only screen and (max-width:600px) {
    .form-input-other-amount {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .form-input-other-amount label {
        width: 100%;
        margin-bottom: 20px
    }
    .form-input-other-amount .donate-form-input,
    .form-input-other-amount .donate-frequency {
        width: calc(50% - 40px);
        max-width: 100%
    }
    .form-input-other-amount .donate-form-input .form-inputs,
    .form-input-other-amount .donate-frequency .form-inputs {
        padding-top: 0
    }
    .form-input-other-amount .donate-form-input .form-input-radio-buttons-inline label,
    .form-input-other-amount .donate-frequency .form-input-radio-buttons-inline label {
        margin-bottom: 0
    }
}

@media only screen and (max-width:475px) {
    .form-input-other-amount .donate-form-input,
    .form-input-other-amount .donate-frequency {
        width: 100%;
        padding-left: 0
    }
    .form-input-other-amount .donate-form-input {
        margin-bottom: 15px
    }
}

.form-input-radio-buttons-inline label {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    transition: all .15s ease;
    font-weight: 300;
    display: inline-block;
    width: auto;
    padding: 5px 20px 5px 0;
    text-transform: none;
    letter-spacing: normal
}

.form-input-radio-buttons-inline label input {
    margin-right: 4px
}

.form-input-radio-buttons-inline label:focus,
.form-input-radio-buttons-inline label:hover {
    cursor: pointer;
    color: #f8c51c
}

.form-input-dedication label {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    padding-left: 0;
    letter-spacing: .2px;
    font-weight: 400
}

.form-input-dedication label input {
    margin-right: 4px
}

.honoree-contact {
    display: none
}

.form-inputs-inline-wrap {
    max-width: 775px
}

.form-inputs-inline-wrap .form-inputs-section {
    display: -ms-flexbox;
    display: flex
}

.form-inputs-inline-wrap .form-inputs-section .form-inputs-heading {
    width: 130px;
    padding-top: 15px;
    padding-right: 15px
}

.form-inputs-inline-wrap .form-inputs-section .form-inputs-heading h3 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: 600
}

.form-inputs-inline-wrap .form-inputs-section .form-inputs {
    width: calc(100% - 130px)
}

.form-inputs-inline-wrap .form-inputs-section .form-inputs>li {
    padding-top: 15px
}

.form-inputs-inline-wrap .form-inputs-section .form-inputs>li.form-input-radio-buttons-inline {
    padding-top: 22px
}

@media only screen and (max-width:730px) {
    .form-inputs-inline-wrap .form-inputs-section {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .form-inputs-inline-wrap .form-inputs-section .form-inputs-heading {
        width: 100%
    }
    .form-inputs-inline-wrap .form-inputs-section .form-inputs-heading h3 {
        padding-bottom: 0
    }
    .form-inputs-inline-wrap .form-inputs-section .form-inputs {
        width: 100%
    }
    .form-inputs-inline-wrap .form-inputs-section .form-inputs>li,
    .form-inputs-inline-wrap .form-inputs-section .form-inputs>li.form-input-radio-buttons-inline {
        padding-top: 5px;
        padding-bottom: 10px
    }
}

@media only screen and (max-width:420px) {
    #ts-tickets-payahead .form-input-quantity {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    #ts-tickets-payahead .form-input-quantity label {
        width: 100%;
        padding-right: 0;
        padding-bottom: 10px
    }
}

body.water-pledge {
    font-family: Open Sans, helvetica, arial, sans-serif
}

body.water-pledge * {
    padding: 0;
    margin: 0
}

body.water-pledge a {
    text-decoration: none
}

body.water-pledge section {
    width: 100%;
    height: 1920px;
    display: block;
    background: #27aae0
}

body.water-pledge section.is-hidden {
    display: none
}

body.water-pledge section .top-content {
    background: url(../img/Wave.png) repeat-x bottom, linear-gradient(180deg, #184477, #184477 459px, #e3f0ff 460px, #e3f0ff);
    background-size: 175px;
    text-align: center;
    display: block;
    color: #fff;
    overflow: hidden;
    height: 511px
}

body.water-pledge section .top-content h1 {
    font-weight: 700;
    font-size: 38px;
    line-height: 47px;
    font-family: Open Sans, helvetica, arial, sans-serif;
    letter-spacing: 4.72px;
    margin-top: 131px;
    padding: 0
}

body.water-pledge section .top-content .gsection_title,
body.water-pledge section .top-content h4 {
    color: #fff;
    font-weight: 400;
    font-size: 58px;
    line-height: 64px;
    font-family: Open Sans, helvetica, arial, sans-serif;
    letter-spacing: 1.62px;
    max-width: 800px;
    margin: 42px auto 0;
    padding: 0
}

body.water-pledge section .bottom-content {
    background-color: #e3f0ff;
    height: 1239px;
    color: #184477
}

body.water-pledge section .bottom-content p {
    text-align: center;
    font-weight: 400;
    font-size: 25px;
    line-height: 27.5px;
    font-family: Open Sans, helvetica, arial, sans-serif;
    letter-spacing: 1.42px;
    width: 700px;
    margin: 0 auto;
    padding: 0
}

body.water-pledge section .bottom-content .center-logo {
    text-align: center;
    margin-bottom: 40px
}

body.water-pledge section .bottom-content .center-logo .page-1-logo {
    margin: 64px auto 0;
    width: auto;
    height: 160px
}

body.water-pledge section .horizontal-spacer {
    width: 80px;
    height: 3px;
    background-color: #184477;
    margin: 60px auto
}

body.water-pledge section .pledge-link {
    width: 729px;
    height: 137px;
    background-color: #184477;
    color: #fff;
    display: block;
    font-weight: 700;
    font-size: 50px;
    line-height: 45px;
    font-family: Open Sans, helvetica, arial, sans-serif;
    letter-spacing: 4.72px;
    box-sizing: border-box;
    padding: 44px 0;
    text-align: center;
    text-transform: uppercase;
    margin: auto
}

body.water-pledge #CTCMovie {
    width: 729px;
    height: 491px;
    position: relative;
    margin: 0 auto 65px
}

body.water-pledge #CTCMovie video {
    width: 100%;
    height: 100%;
    display: block
}

body.water-pledge .playbutton {
    width: 77px;
    height: 77px;
    position: absolute;
    top: 208px;
    left: calc(50% - 38.5px);
    background-color: #fff;
    display: block
}

body.water-pledge .playbutton-arrow {
    width: 0;
    height: 0;
    position: absolute;
    left: calc(50% - 12.5px);
    top: calc(50% - 12.5px);
    border-top: 12.5px solid transparent;
    border-bottom: 12.5px solid transparent;
    border-left: 25px solid #27aae0
}

body.water-pledge footer {
    height: 169px;
    width: 100%;
    background-color: #27aae0
}

body.water-pledge footer .dynamic-text {
    font-size: 64px;
    line-height: 70px;
    font-family: Open Sans, helvetica, arial, sans-serif;
    letter-spacing: 2px;
    color: #fff;
    text-align: center;
    padding-top: 50px
}

body.water-pledge footer .dynamic-text .pledge-count {
    font-weight: 700;
    font-size: 64px;
    line-height: 70px;
    font-family: Open Sans, helvetica, arial, sans-serif
}

body.water-pledge section.page-2 .hero-hand {
    width: 112px;
    height: 138px;
    margin-top: 75px
}

body.water-pledge section.page-2 h1 {
    font-size: 28px;
    line-height: 39px;
    font-family: Open Sans, helvetica, arial, sans-serif;
    letter-spacing: .82px;
    margin: 30px auto 0;
    width: 750px
}

body.water-pledge section.page-2 .changes-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    width: 755px;
    margin: 0 auto;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

body.water-pledge section.page-2 .changes-list li {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: 350px;
    height: 290px;
    margin-top: 44px;
    position: relative;
    font-size: 18px;
    box-sizing: unset
}

body.water-pledge section.page-2 .changes-list li:hover {
    cursor: pointer
}

body.water-pledge section.page-2 .changes-list li.selected {
    border-width: 5px;
    border-style: solid;
    width: 340px;
    height: 280px
}

body.water-pledge section.page-2 .changes-list li.selected img {
    margin-top: 32px
}

body.water-pledge section.page-2 .changes-list li.selected .conserve {
    height: 50px
}

body.water-pledge section.page-2 .changes-list li img {
    height: 85px;
    width: auto;
    margin: 37px auto 32px;
    display: block
}

body.water-pledge section.page-2 .changes-list .desc {
    color: #fff;
    text-align: center;
    width: 80%;
    line-height: 21px;
    letter-spacing: .52px;
    margin: 0 auto;
    display: block
}

body.water-pledge section.page-2 .changes-list .conserve {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 55px;
    width: 100%;
    line-height: 50px;
    letter-spacing: 1.42px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

body.water-pledge section.page-2 .changes-list .check {
    font-size: 25px;
    position: relative;
    top: 1px
}

body.water-pledge section.page-2 .changes-list .food {
    background-color: #d98f58;
    border-color: #d27135
}

body.water-pledge section.page-2 .changes-list .food .conserve {
    background-color: #d27135
}

body.water-pledge section.page-2 .changes-list .electricity {
    background-color: #97bd65;
    border-color: #61902c
}

body.water-pledge section.page-2 .changes-list .electricity .conserve {
    background-color: #61902c
}

body.water-pledge section.page-2 .changes-list .clothes {
    background-color: #d48aaf;
    border-color: #da67a0
}

body.water-pledge section.page-2 .changes-list .clothes .conserve {
    background-color: #da67a0
}

body.water-pledge section.page-2 .changes-list .plant {
    background-color: #5e9e97;
    border-color: #3f8d81
}

body.water-pledge section.page-2 .changes-list .plant .conserve {
    background-color: #3f8d81
}

body.water-pledge section.page-2 .changes-list .shower {
    background-color: #edc65f;
    border-color: #e4b13f
}

body.water-pledge section.page-2 .changes-list .shower .conserve {
    background-color: #e4b13f
}

body.water-pledge section.page-2 .pledge-link {
    margin: 44px auto 0;
    font-size: 39px;
    line-height: 47px;
    letter-spacing: 3px;
    width: 755px;
    font-family: Open Sans, helvetica, arial, sans-serif
}

body.water-pledge section.page-2 .pledge-link:hover {
    cursor: default
}

body.water-pledge section.page-2 .pledge-link.active:hover {
    cursor: pointer
}

body.water-pledge section.page-2 .pledge-link.active .no-selections,
body.water-pledge section.page-2 .pledge-link .has-selections {
    display: none
}

body.water-pledge section.page-2 .pledge-link.active .has-selections,
body.water-pledge section.page-2 .pledge-link .no-selections {
    display: inline
}

body.water-pledge section.page-3 .full-content {
    height: 1750px;
    background-color: #e3f0ff;
    color: #184477
}

body.water-pledge section.page-3 .full-content .hero-hand {
    width: 165px;
    height: 203px;
    margin: 0 auto;
    padding-top: 400px;
    display: block
}

body.water-pledge section.page-3 .full-content h1 {
    font-size: 110px;
    line-height: 100px;
    margin-top: 71px;
    text-align: center
}

body.water-pledge section.page-3 .full-content p {
    font-size: 38px;
    line-height: 46px;
    text-align: center
}

.page-template-home #page-header .text body.water-pledge section.page-3 .full-content .mobile-h1,
body.water-pledge section.page-3 .full-content .page-template-home #page-header .text .mobile-h1,
body.water-pledge section.page-3 .full-content h2 {
    font-size: 45px;
    line-height: 48px;
    margin-top: 250px;
    text-align: center
}

body.single-animal header#page-header .animal-icon,
body.single-animal header#page-header .animal-type-icon {
    width: 77px;
    height: 76px;
    position: absolute;
    left: auto;
    right: 22px;
    bottom: 0;
    transform: translateY(50%);
    padding: 0
}

body.single-animal header#page-header .animal-icon circle,
body.single-animal header#page-header .animal-type-icon circle {
    fill: #1d2bed
}

@media only screen and (max-width:450px) {
    body.single-animal header#page-header .animal-icon,
    body.single-animal header#page-header .animal-type-icon {
        display: none
    }
}

.animal-bio-back-link {
    padding-bottom: 47px;
    text-align: left
}

.animal-bio-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.animal-bio {
    width: calc(100% - 290px);
    max-width: calc(790px + 11%);
    padding-right: 11%
}

@media only screen and (max-width:1284px) {
    .animal-bio {
        max-width: 774px;
        padding-right: 0
    }
}

@media only screen and (max-width:1108px) {
    .animal-bio {
        padding-right: 22px
    }
}

.animal-sidebar {
    width: 290px
}

.animal-sidebar aside {
    background: #f5f6f8;
    padding: 20px
}

.animal-bio-intro {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    line-height: 2.1rem;
    position: relative;
    color: #53556c;
    padding: 43px 0 40px;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    padding-right: 11.392%
}

.animal-bio-intro:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 56px;
    height: 3px;
    background: #f8c51c
}

.four-up.animal-bio-stats {
    margin: 30px 0 40px
}

.animal-bio-block {
    padding: 15px 11.392%;
    text-align: left
}

.animal-bio-block .animal-bio-block-title {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 33px;
    line-height: 3.3rem;
    text-align: left;
    padding-bottom: 10px
}

.animal-bio-block .wysiwyg {
    color: #53556c;
    padding-left: 8%
}

.animal-bio-fact {
    padding-left: 11.392%
}

.animal-fact-image-type {
    max-width: 790px;
    margin: 50px 0 42px;
    padding-right: 11.392%
}

.animal-fact-image-type+.animal-bio-fact {
    display: none
}

@media only screen and (max-width:950px) {
    .animal-fact-image-type {
        padding-right: 0;
        max-width: 700px
    }
}

@media only screen and (max-width:600px) {
    .animal-fact-image-type {
        display: none
    }
    .animal-fact-image-type+.animal-bio-fact {
        display: block
    }
}

.animal-bio-disruptor {
    margin: 35px 0
}

.animal-bio-next {
    padding: 20px 0
}

.animal-sidebar-webcam {
    padding-top: 15px
}

.animal-sidebar-webcam header h3 {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem;
    padding-top: 0;
    padding-bottom: 15px
}

.animal-sidebar-webcam a {
    display: block;
    color: #53556c;
    text-decoration: none
}

.animal-sidebar-webcam a .image {
    position: relative
}

.animal-sidebar-webcam a .image img {
    width: 100%
}

.animal-sidebar-webcam a .image:before {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #fff!important;
    font-size: 47px;
    z-index: 1
}

.animal-sidebar-webcam a .image:after {
    transition: all .15s ease;
    content: "";
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    border: 4px solid #f8c51c
}

.animal-sidebar-webcam a .name {
    transition: all .15s ease;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17px;
    line-height: 1.7rem;
    padding-top: 10px;
    padding-bottom: 20px
}

.animal-sidebar-webcam a:hover .image:after {
    opacity: 1
}

@media (hover:none) {
    .animal-sidebar-webcam a .image:after {
        opacity: 0
    }
}

.animal-sidebar-webcam a:focus .image:after {
    opacity: 1
}

.animal-sidebar-definitions {
    padding: 22px 0;
    border-top: 2px solid #eee
}

.animal-sidebar-definitions dd i {
    top: 0
}

.animal-sidebar-definitions dd {
    padding-top: 0
}

.animal-sidebar-definitions dt {
    padding-bottom: 0
}

.animal-sidebar-conservation-status {
    padding-top: 15px
}

.animal-sidebar-conservation-status ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 5px
}

.animal-sidebar-conservation-status ul li {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .42px;
    display: inline-block;
    height: 29px;
    width: 28px;
    text-align: center;
    border: 1px solid #6b809a;
    border-radius: 50%;
    position: relative
}

.animal-sidebar-conservation-status ul li.is-active {
    border-color: #f8c51c;
    background: #f8c51c;
    color: #fff
}

.animal-sidebar-conservation-status ul li span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: inline-block;
    font-size: 12px;
    line-height: 12px
}

.animal-sidebar-conservation-status ul.extra-statii {
    -ms-flex-pack: center;
    justify-content: center
}

.animal-sidebar-conservation-status ul.extra-statii li {
    margin: 8px 4px
}

.animal-sidebar-scientist {
    padding-top: 10px
}

.animal-sidebar-scientist img {
    border-radius: 50%
}

.animal-sidebar-scientist p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17px;
    line-height: 1.7rem;
    color: #53556c;
    padding: 5px 0
}

.animal-sidebar-scientist p:first-of-type {
    color: #061326;
    padding-top: 20px;
    padding-bottom: 0
}

.animal-sidebar-scientist .link-next {
    display: block;
    margin-top: 15px
}

@media only screen and (max-width:1104px) {
    .animal-bio-block {
        padding: 15px 5.7%
    }
}

@media only screen and (max-width:950px) {
    .animal-sidebar {
        -ms-flex-order: 1;
        order: 1
    }
    .animal-bio {
        -ms-flex-order: 2;
        order: 2;
        max-width: unset;
        padding-right: 0;
        padding-top: 30px
    }
    .animal-bio .animal-bio-intro {
        padding-right: 5%;
        padding-left: 5%;
        padding-top: 30px;
        -webkit-column-gap: 40px;
        column-gap: 40px
    }
    .animal-bio .animal-bio-intro:before {
        left: 5%
    }
    .animal-bio-back-link {
        padding-bottom: 20px
    }
    .animal-bio-wrapper {
        margin-top: 20px
    }
    .animal-bio,
    .animal-sidebar {
        width: 100%
    }
    .animal-sidebar {
        max-width: 400px;
        margin: 0 auto
    }
    .animal-bio-block {
        padding: 15px 3.7%
    }
}

@media only screen and (max-width:475px) {
    .animal-bio-intro {
        -webkit-columns: 1;
        columns: 1
    }
}

body.single-clubfish #page-header .text {
    padding-top: 335px
}

@media only screen and (max-width:600px) {
    body.single-clubfish #page-header .text {
        padding-top: 110px
    }
}

body.single-clubfish #page-header .text h1 {
    padding-bottom: 10px
}

body.single-clubfish #page-header .callout {
    max-width: 100px;
    height: auto;
    position: absolute;
    right: 0
}

body.single-clubfish #page-header .callout img {
    display: block
}

@media only screen and (max-width:760px) {
    body.single-clubfish #page-header .callout {
        position: static;
        float: right
    }
}

.event-single-wrapper {
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px
}

.event-single-sidebar {
    width: 250px;
    margin-top: 18px;
    margin-left: 85px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: left
}

.event-single-sidebar .sideblock-header h3 {
    padding-top: 0
}

.event-single-sidebar .sideblock-actions .button,
.event-single-sidebar .sideblock-actions button[type=submit],
.event-single-sidebar .sideblock-actions input[type=file]+label,
.event-single-sidebar .sideblock-actions input[type=submit] {
    margin-bottom: 0
}

.event-single-main {
    width: calc(100% - 360px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.event-single-main section.content>.container {
    padding-left: 0;
    padding-right: 0
}

.event-single-main section.content>.container>header {
    text-align: left
}

.event-single-main section.content>.container>header .subhead {
    margin-left: 0;
    max-width: none
}

.event-single-main section.content>.container>footer {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.event-single-main section.content.type-donation>.container>header,
.event-single-main section.content.type-icon>.container>header,
.event-single-main section.content.type-media-slider>.container>header,
.event-single-main section.content.type-text-interrupter>.container>header {
    text-align: center
}

.event-single-main section.content.type-donation>.container>header .subhead,
.event-single-main section.content.type-icon>.container>header .subhead,
.event-single-main section.content.type-media-slider>.container>header .subhead,
.event-single-main section.content.type-text-interrupter>.container>header .subhead {
    margin-left: auto
}

.event-single-main section.content.type-donation>.container>footer,
.event-single-main section.content.type-icon>.container>footer,
.event-single-main section.content.type-media-slider>.container>footer,
.event-single-main section.content.type-text-interrupter>.container>footer {
    -ms-flex-pack: center;
    justify-content: center
}

.event-single-main section.content.type-media-grid .media-grid {
    -ms-flex-pack: left;
    justify-content: left
}

.event-single-main section.content.type-accordion ul.accordion {
    max-width: none
}

.event-single-main section.content.type-instagram-feed ul.instagram-grid {
    margin-left: 0
}

.event-single-main section.content.bg-color-gray:after {
    content: "";
    background: #f5f6f8;
    display: block;
    position: absolute;
    top: 0;
    left: -50vw;
    width: 200vw;
    height: 100%
}

.event-single-main section.content.bg-color-gray:last-child:after {
    height: calc(100% + 80px)
}

@media only screen and (max-width:1284px) {
    .event-single-main section.content.bg-color-gray:last-child:after {
        height: calc(100% + 40px)
    }
}

@media only screen and (max-width:950px) {
    .event-single-main section.content.bg-color-gray:last-child:after {
        height: calc(100% + 55px)
    }
}

.event-short-date {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 21px;
    line-height: 2.1rem;
    position: absolute;
    left: 0;
    letter-spacing: 1.53px;
    text-transform: uppercase;
    color: #1d2bed;
    text-align: right;
    width: 45px
}

.event-description {
    max-width: 610px;
    margin-left: 90px
}

.event-description .page-template-home #page-header .text .mobile-h1,
.event-description h2,
.page-template-home #page-header .text .event-description .mobile-h1 {
    padding: 10px 0 15px
}

.event-description.has-image {
    max-width: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.event-description.has-image .text {
    margin-right: 90px
}

.event-description.has-image img {
    margin-top: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.event-includes {
    position: relative;
    padding: 40px 200px 40px 70px;
    margin: 60px 0 45px 90px;
    min-height: 340px;
    max-width: 610px;
    background: #f5f6f8
}

.event-includes img {
    position: absolute;
    right: -180px;
    top: 45px
}

.wysiwyg ul.fish-list {
    margin-left: 0
}

.wysiwyg ul.fish-list li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 17px;
    line-height: 1.7rem;
    color: #061326;
    padding: 5px 0 5px 35px
}

.wysiwyg ul.fish-list li:before {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    width: auto;
    height: auto;
    background: transparent;
    color: #1d2bed;
    font-size: 20px;
    top: 3px;
    left: 0
}

.booking-content-type-text {
    padding-bottom: 40px
}

.booking-content-type-text header {
    padding-bottom: 6px
}

.booking-content-type-text header .page-template-home #page-header .text .mobile-h1,
.booking-content-type-text header h2,
.page-template-home #page-header .text .booking-content-type-text header .mobile-h1 {
    position: relative;
    padding: 15px 0 22px;
    text-align: left;
    max-width: 600px
}

.booking-content-type-text header .page-template-home #page-header .text .mobile-h1:before,
.booking-content-type-text header h2:before,
.page-template-home #page-header .text .booking-content-type-text header .mobile-h1:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 56px;
    height: 3px;
    background: #f8c51c
}

.booking-content-type-text .text {
    max-width: 450px;
    margin: 0 auto 0 20.45%;
    text-align: left
}

.booking-content-type-text .text .wysiwyg p {
    padding: 3px 0 17px
}

.booking-content-type-text .text-heading {
    color: #1d2bed
}

.booking-content-type-text[max-width~="860px"] .text {
    margin-left: 10%
}

.booking-content-type-text[max-width~="550px"] .text {
    margin-left: 5%
}

.booking-content-type-text[max-width~="500px"] .text {
    margin-left: 0
}

body.single-event #page-header .text h1 {
    padding-bottom: 40px
}

body.single-event #page-header .add-to-cal {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 25px;
    line-height: 2.5rem;
    display: block;
    margin-top: 15px;
    letter-spacing: .08px;
    font-weight: 600;
    text-decoration: none
}

body.single-event #page-header .add-to-cal i {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 25px;
    line-height: 2.5rem;
    margin-right: 5px
}

body.single-event #page-header .callout {
    max-width: 170px;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 22px
}

body.single-event #page-header .callout img {
    display: block
}

@media only screen and (max-width:800px) {
    .event-single-main {
        padding-right: 4%
    }
    .event-single-main .event-includes {
        padding: 40px 200px 40px 40px
    }
    .event-single-main .event-includes .fish-list {
        max-width: 300px
    }
    .event-single-main img {
        right: -80px
    }
}

@media only screen and (max-width:950px) {
    .event-single-wrapper {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0
    }
    .event-single-main {
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        padding: 42px 20px 15px
    }
    .event-single-main .type-accordion .container {
        padding: 40px 0
    }
    .event-single-sidebar {
        -ms-flex-order: -1;
        order: -1;
        width: calc(100% + 44px);
        position: relative;
        left: -22px;
        margin-top: 0;
        margin-left: 0;
        padding: 42px;
        background: #f5f6f8
    }
    .event-single-sidebar .button,
    .event-single-sidebar button[type=submit],
    .event-single-sidebar input[type=file]+label,
    .event-single-sidebar input[type=submit] {
        max-width: 300px
    }
    .event-short-date {
        position: relative;
        padding-top: 0;
        text-align: left;
        width: auto
    }
    body.single-event .event-description,
    body.single-event .event-includes {
        margin-left: 0
    }
}

@media only screen and (min-width:951px) and (max-width:1286px) {
    .event-description.has-image {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        max-width: 610px
    }
    .event-description.has-image .text {
        margin-right: 0
    }
    .event-description.has-image img {
        margin-bottom: 16px
    }
    .event-single-main .event-includes img {
        max-width: 50%;
        right: -65px;
        width: 225px
    }
}

@media only screen and (max-width:750px) {
    .event-description.has-image {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        max-width: 610px
    }
    .event-description.has-image .text {
        margin-right: 0
    }
    .event-description.has-image img {
        margin-bottom: 16px
    }
    .event-single-main .event-includes img {
        max-width: 50%;
        right: -40px;
        top: 88px
    }
}

@media only screen and (max-width:490px) {
    .event-single-main .event-includes {
        padding: 20px;
        min-height: auto
    }
    .event-single-main .event-includes img {
        display: none
    }
    .event-single-main .event-includes .fish-list {
        width: 100%
    }
}

body.single-gallery #page-content .container {
    text-align: center;
    max-width: 1104px
}

@media only screen and (max-width:600px) {
    body.single-gallery #page-header .container a.callout {
        position: static;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        margin-top: 10px;
        margin-bottom: 15px
    }
    body.single-gallery #page-header .container a.callout i {
        position: relative;
        margin-right: 10px
    }
}

.gallery-info-stats.icons-grid {
    max-width: 650px;
    margin: 0 auto;
    padding: 15px 0
}

.gallery-info-stats.icons-grid .icons-grid-title {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 14px;
    line-height: 1.4rem;
    color: #6b809a;
    letter-spacing: 1.59px
}

.gallery-info-stats.icons-grid .icons-grid-content {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #1520bf;
    letter-spacing: .59px;
    font-weight: 600
}

.gallery-info-description {
    max-width: 740px;
    margin: 0 auto;
    text-align: center
}

.animal-types {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.animal-types li {
    padding: 18px 10px
}

.animal-types li a {
    display: block;
    color: #061326;
    text-decoration: none;
    min-width: 115px
}

.animal-types li a .type {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 14px;
    line-height: 1.4rem;
    display: block;
    width: 100%;
    padding-top: 12px
}

.animal-types li a .type i {
    font-size: 10px
}

.animal-types li a img {
    max-width: 78px;
    height: auto
}

.animal-types li a:focus,
.animal-types li a:hover {
    color: #f8c51c
}

#alm-filters-gallery_filters {
    display: none!important
}

.gallery-fauna-grid.listing-grid {
    padding-top: 55px
}

.gallery-animal-fact blockquote p {
    max-width: 880px
}

.gallery-fauna-grid~.alm-btn-wrap .alm-load-more-btn {
    margin-bottom: 0;
    margin-top: 7px
}

#gallery-fauna .container {
    padding-bottom: 27px
}

#gallery-animal-experiences .container {
    padding-top: 50px;
    padding-bottom: 68px
}

body.single-staff_member .container {
    max-width: 1100px
}

.staff-member-bio-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.staff-member-nav {
    width: 100%;
    padding: 20px 0 62px
}

.staff-member-nav a {
    color: #061326
}

.staff-member-nav a:focus,
.staff-member-nav a:hover {
    color: #f8c51c
}

.staff-member-sidebar {
    width: 360px;
    padding-right: 74px;
    padding-bottom: 74px;
    text-align: left
}

.staff-member-sidebar .photo-with-underlay {
    max-width: 286px
}

.staff-member-sidebar .staff-member-sidebar-section {
    padding: 32px 0 24px;
    border-bottom: 2px solid #eee
}

.staff-member-sidebar .staff-member-sidebar-section:last-of-type {
    border-bottom: 0
}

.staff-member-sidebar header {
    padding-bottom: 5px
}

.staff-member-sidebar header i {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 17px;
    line-height: 1.7rem;
    margin-right: 10px
}

.staff-member-sidebar .staff-member-sidebar-heading {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 17px;
    line-height: 1.7rem;
    font-weight: 600;
    letter-spacing: 1.33px;
    text-transform: uppercase
}

.staff-member-sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 28px
}

.staff-member-sidebar a:not(.social-link) {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem;
    display: inline-block;
    padding: 8px 0;
    font-weight: 600;
    text-decoration: none
}

.staff-member-sidebar a.social-link {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 25px;
    line-height: 2.5rem;
    display: inline-block;
    text-decoration: none;
    margin: 13px 6px
}

.staff-member-sidebar a.social-link:first-of-type {
    margin-left: 28px
}

.staff-member-bio {
    width: calc(100% - 360px)
}

.staff-member-bio .name {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 41px;
    line-height: 4.1rem;
    position: relative;
    margin-top: 16px;
    padding: 25px 0 15px;
    text-align: left
}

.staff-member-bio .name:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 56px;
    height: 3px;
    background: #f8c51c
}

.staff-member-bio .wysiwyg {
    padding-left: 90px
}

.staff-member-bio .photos {
    margin-top: 64px;
    padding: 14px 0 0;
    text-align: left;
    border-top: 2px solid #eee
}

.staff-member-bio .photos header {
    padding-bottom: 24px
}

.staff-member-bio .photos ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -16.5px
}

.staff-member-bio .photos li {
    width: calc((100% - 66px)/3);
    margin: 0 16.5px
}

.staff-member-bio .photos img {
    display: block;
    width: 100%
}

@media only screen and (max-width:1284px) {
    .staff-member-bio .wysiwyg {
        padding-left: 0
    }
    .staff-member-bio .photos ul {
        margin: 0 -10px
    }
    .staff-member-bio .photos li {
        margin: 0 10px
    }
}

@media only screen and (max-width:800px) {
    .staff-member-bio,
    .staff-member-sidebar {
        width: 100%;
        padding: 0
    }
    .staff-member-sidebar-section,
    .staff-member-sidebar .item-with-underlay {
        max-width: 360px;
        margin: 0 auto
    }
    .staff-member-bio .body {
        max-width: 480px;
        margin: 0 auto
    }
}

@media only screen and (max-width:490px) {
    .staff-member-nav {
        padding: 20px 0
    }
    .staff-member-bio .photos ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto;
        max-width: 280px
    }
    .staff-member-bio .photos li {
        width: 100%;
        margin: 0 0 20px
    }
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.embed-container embed,
.embed-container iframe,
.embed-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body.single-webcam #page-content .container,
body.single-webcam #page-header .container {
    max-width: 1060px
}

section#more-webcams.content .container {
    padding-top: 45px
}

.page-template-home #page-header .text section#more-webcams.content .container header .mobile-h1,
section#more-webcams.content .container header .page-template-home #page-header .text .mobile-h1,
section#more-webcams.content .container header h2 {
    padding-top: 0
}

.webcam-carousel {
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 0 30px
}

@media only screen and (min-width:821px) {
    .webcam-carousel {
        padding: 0 75px
    }
}

.webcam-carousel a {
    text-decoration: none
}

.webcam-carousel .slick-arrow {
    font-size: 21px;
    color: #1d2bed;
    padding: 0;
    position: absolute;
    top: 65px;
    z-index: 2
}

.webcam-carousel .slick-arrow.prev {
    left: 0
}

.webcam-carousel .slick-arrow.next {
    right: 0
}

.webcam-carousel .slick-arrow:focus,
.webcam-carousel .slick-arrow:hover {
    color: #f8c51c
}

.webcam-carousel .slick-track {
    padding-top: 20px
}

.webcam-carousel .slick-slide {
    opacity: 0;
    padding: 0 10px;
    transition: all .5s ease-in-out;
    text-align: center;
    width: 160px
}

.webcam-carousel .slick-slide.featured a .photo:after {
    opacity: 1;
    border-color: #1d2bed
}

.webcam-carousel .slick-slide.featured a .gsection_title,
.webcam-carousel .slick-slide.featured a h4 {
    color: #1d2bed
}

.webcam-carousel .slick-slide.featured a:focus .photo:after,
.webcam-carousel .slick-slide.featured a:hover .photo:after {
    border-color: #f8c51c
}

.webcam-carousel .slick-slide.featured a:active .photo:after {
    border-color: #1d2bed
}

.webcam-carousel .slick-slide .photo {
    position: relative
}

.webcam-carousel .slick-slide .photo img {
    transition: transform .5s ease-in-out;
    margin: 0 auto
}

.webcam-carousel .slick-slide .photo:before {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #fff!important;
    font-size: 36px;
    z-index: 1
}

.webcam-carousel .slick-slide .photo:after {
    transition: all .15s ease;
    content: "";
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    border: 4px solid #f8c51c
}

.webcam-carousel .slick-slide .name {
    transition: transform .5s ease-in-out;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .13rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    color: #061326;
    margin: 0 auto
}

.webcam-carousel .slick-slide.slick-active,
.webcam-carousel .slick-slide a:focus .photo:after,
.webcam-carousel .slick-slide a:hover .photo:after {
    opacity: 1
}

#webcam-details .four-up,
#webcam-gallery-animals .four-up,
.webcam-details-content {
    max-width: 740px;
    margin: 0 auto
}

.webcam-details-content,
.webcam-details-content p {
    text-align: center
}

.webcam-details-content .button,
.webcam-details-content button[type=submit],
.webcam-details-content input[type=file]+label,
.webcam-details-content input[type=submit] {
    margin: 25px 0
}

.webcam-gallery-animals-grid {
    padding-top: 15px;
    padding-bottom: 15px
}

nav.site-nav li.has-secondary:first-of-type .secondary-list {
    transform: translateX(calc(-50% + 50px))
}

nav.site-nav li.has-secondary:nth-last-of-type(3) .secondary-list {
    left: 100%;
    transform: translateX(calc(254px - 100%))
}

nav.site-nav li.has-secondary:nth-last-of-type(2) .secondary-list {
    left: 100%;
    transform: translateX(calc(164px - 100%))
}

nav.site-nav li.has-secondary:last-of-type .secondary-list {
    left: 100%;
    transform: translateX(calc(64px - 100%))
}

@media only screen and (min-width:1081px) and (max-width:1235px) {
    nav.site-nav li.has-secondary:first-of-type .secondary-list {
        position: fixed;
        left: 0;
        top: 101px;
        transform: translateX(0)
    }
    body.admin-bar nav.site-nav li.has-secondary:first-of-type .secondary-list {
        top: 131px
    }
}

@media only screen and (min-width:1081px) and (max-width:1198px) {
    nav.site-nav li.has-secondary:nth-of-type(2) .secondary-list {
        position: fixed;
        left: 0;
        top: 101px;
        transform: translateX(0)
    }
    body.admin-bar nav.site-nav li.has-secondary:nth-of-type(2) .secondary-list {
        top: 131px
    }
}

section.content.type- {
    display: none
}

body.single-experience main.event-single-main section.content:first-of-type.type-text>.container {
    padding-top: 0
}

/* extra style added below */
#site-header a:hover {
    text-decoration: none;
}
.topNav {
    padding-top: 40px;
}
@media screen and (max-width: 1023px) {
    .topNav {
        background-image: none !important;
        padding-top: 122px;
        background-color: #53b9f7 !important;
    }
    .topNav-icons {
        margin: -8px 5px 0 0;
    }
}


#site-footer .container {
    position: relative;
    width: 95%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 22px;
}



.mobile-bar .icon-gfish:before, .mobile-bar .icon-hamburger:before,.mobile-bar .icon-cross:before {
    font-family: 'icomoon' !important;
}