@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('../webfonts/websymbols-regular-webfont.eot');
    src: url('../webfonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../webfonts/websymbols-regular-webfont.woff') format('woff'), url('../webfonts/websymbols-regular-webfont.ttf') format('truetype'), url('../webfonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.contain-to-grid,
.top-bar,
.top-bar-section,
.top-bar-section ul,
.top-bar-section ul li,
.top-bar-section ul li a,
.top-bar-section ul li ul li a
.top-bar.expanded .title-area,
.tab-bar .menu-icon a {
    background: #FFFFFF !important;
    border: 0 hidden #FFFFFF !important;
    color: #0a1f3a !important;
    font-family: 'Roboto Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 1.0rem !important;
}

/**
 * add scrolling to dropdowns for small screens
 * todo: convert this hack into a js solution
 * each li is 45px tall so multiply by number of rows to initially add and add some padding so its clearer there are more rows
 */
.top-bar-section .has-dropdown.not-click:hover > .dropdown.scroll-list {
    height: auto !important;
    max-height: 250px !important;
    overflow-y: scroll;
}

.search-bar form input.action {
    -moz-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.search-bar {
    padding-right: 1rem;
}

.search-dropdown-icon {
    display: none;
}

.search-bar form fieldset {
    width: 10rem;
    height: 2rem;
    position: relative;
    padding: 0;
    margin: 0;
    border: none !important;
}

.search-bar form input {
    opacity: 0.5;
}

.search-bar form input.text {
    width: 10rem;
    float: left;
    padding: 0.25rem 1.75rem 0.25rem 0;
    color: #ffffff !important;
    border: none !important;
    border-bottom: thin solid #ffffff !important;
    outline: none !important;
    box-shadow: none;
    background-color: #0a1f3a;
    font-size: 1rem;
    font-weight: 300;
}

.search-bar form input.action {
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 0;
    top: 0.75rem;
    cursor: pointer;
    border: none !important;
    padding: 0;
    background: url('../images/logos/search.svg');
    border-radius: 0;
    margin-top: 0;
    color: transparent;
}

.search-bar form input.action:hover {
    opacity: 1.0;
}

.search-bar form input:focus {
    outline: none !important;
    box-shadow: none;
    opacity: 1.0
}

.search-bar form input.text::-webkit-input-placeholder { /* WebKit browsers */
    color: #ffffff !important;
}

.search-bar form input.text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ffffff !important;
}

.search-bar form input.text::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ffffff !important;
}

.search-bar form input.text:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ffffff !important;
}

/** top nav bar **/
.top-bar-section ul li a {
    color: #86807d !important;
    text-transform: capitalize !important;
}

.top-bar-section ul li ul li a {
    text-transform: capitalize !important;
}

.top-bar-section ul li ul {
    border: thin solid #0a1f3a !important
}

.tab-bar .menu-icon {
    z-index: 1000;
}

.top-bar-section ul li a:hover,
.top-bar-section ul li.active > a {
    background: #FFFFFF !important;
    color: #0a1f3a !important;
}

.top-bar-section label,
.top-bar-section ul li ul li a:hover {
    background: #FFFFFF !important;
    color: #0a1f3a !important;
}

.top-bar .name h1 {
    font-size: 24px !important;
    line-height: 36px !important;
}

.side-nav li a:hover,
.side-nav li.active > a {
    color: #0a1f3a !important;
}

.side-nav li.divider {
    border-top-color: #ddd !important;
}

hr {
    margin: 2rem 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #0a1f3a !important;
    font-family: "Raleway", serif, sans-serif !important;
    font-weight: 300 !important;
}

p, ol, ul, li {
    color: #0a1f3a;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 300 !important;
    font-size: 1.0em;
}

a {
    color: #86807d !important;
    font-weight: 400 !important;
}

a:hover {
    color: #0a1f3a !important;
}

.keyText {
    color: #86807d !important;
}

.keyBkgd {
    background: #86807d !important;
}

.whiteText {
    color: #FFFFFF !important;
}

.whiteText:hover {
    color: #FFFFFF !important;
}

.orbit-container .orbit-slides-container > li .orbit-caption {
    position: absolute !important;

    bottom: 0 !important;
    right: 0 !important;

    width: auto !important;
    max-width: 58.33333% !important;
    height: auto !important;

    background-color: rgba(0, 0, 0, 0.5) !important;
    color: #fff !important;

    margin: 20px 20px 20px 0;
    padding: 20px !important;
    border: thick solid #FFFFFF;

}

/** iphone 5 **/
@media screen and (min-width: 320px) and (max-width: 568px) {
    .orbit-container .orbit-slides-container > li .orbit-caption {
        margin: 5px 5px 5px 0;
        padding: 5px !important;
        border: thin solid #FFFFFF;
    }

    .orbit-container .orbit-slides-container > li .orbit-caption h2 {
        margin: 0 !important;
        font-size: 0.875em !important;
        line-height: 120% !important;
    }
}

/** iphone 6,7,8 **/
@media screen and (min-width: 375px) and (max-width: 667px) {
    .orbit-container .orbit-slides-container > li .orbit-caption {
        margin: 10px 10px 10px 0;
        padding: 10px !important;
        border: thin solid #FFFFFF;
    }

    .orbit-container .orbit-slides-container > li .orbit-caption h2 {
        margin: 0 !important;
        font-size: 1.125em !important;
        line-height: 120% !important;
    }
}

/** ipad **/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .orbit-container .orbit-slides-container > li .orbit-caption {
        margin: 20px 20px 20px 0;
        padding: 20px !important;
        border: medium solid #FFFFFF;
    }

    .orbit-container .orbit-slides-container > li .orbit-caption h2 {
        font-size: 1.6875rem !important;
    }
}

.orbit-timer {
    display: none !important;
}


.pricing-table .title {
    background-color: rgba(255, 255, 255, 0) !important;
    text-align: left !important;
    color: #0a1f3a !important;
    font-weight: bold !important;
    font-size: 1.125rem !important;
}


.marketing-site-footer {
    margin-top: 1rem;
    border-top: thin solid #0a1f3a;
    color: #FFFFFF;
}

.marketing-site-footer .marketing-site-footer-menu-social a {
    color: #FFFFFF;
}

.marketing-site-footer .column-block {
    background: #0a1f3a;
    margin-bottom: 0px;
}

.marketing-site-footer > .row {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media screen and (max-width: 39.9375em) {
    .marketing-site-footer .columns {
        margin-bottom: 2rem;
    }
}

.marketing-site-footer-name {
    color: #FFFFFF !important;
    margin-bottom: 1rem;
    font-size: 2rem;
}

.marketing-site-footer-title {
    color: #FFFFFF !important;
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.marketing-site-footer-text a {
    color: #FFFFFF !important
}

.marketing-site-footer-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
}

.marketing-site-footer-block .fa {
    font-size: 2rem;
    color: #0a1f3a;
}

.marketing-site-footer-block p {
    margin-left: 1rem;
    line-height: 1.125rem;
}

.marketing-site-footer-bottom {
    background: #0a1f3a;
    padding: 1rem 0;
}

.marketing-site-footer-partner-logo {
    margin: 0 20px 20px 0;
    height: 48px !important;
}

.marketing-site-footer-social-logo {
    margin: 1rem 0.5rem 1rem 0rem;
    height: 24px !important;
}

.marketing-site-footer-bottom p,
.marketing-site-footer-bottom .menu {
    color: #FFFFFF !important;
    margin-bottom: 0;
    font-size: 80%;
}

.marketing-site-footer-bottom .marketing-site-footer-bottom-links {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.marketing-site-footer-bottom .marketing-site-footer-bottom-links a {
    color: #8aa0ae;
}

@media screen and (max-width: 63.9375em) {
    .marketing-site-footer-bottom .marketing-site-footer-bottom-links {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 63.9375em) {
    .marketing-site-footer-bottom {
        text-align: center;
    }
}

select {
    background-color: #fff !important;
}

.multiple {
    width: 100%;
    height: 6.9375rem !important;
    margin: 0 0 2.25rem 0;
    background-image: none;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out
}

.multiple:focus {
    box-shadow: 0 0 5px #999;
    border-color: #999
}

.multiple:focus {
    background-color: #fff;
    border-color: #999;
    outline: none
}

label {
    font-size: 1.0rem !important;
}

label.right {
    font-size: 0.875rem !important;
    text-align: left !important;
}

.required {
    color: #E94F35 !important;
}

.top-bar-section .searchMenu {
    font-family: "WebSymbolsRegular" !important;
}

.icon-link-box {
    display: block;
    height: auto;
    border: thin solid #d0d6da;
    overflow: hidden;
    border-radius: 0rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
}

.icon-link-box p {
    color: #86807d !important;
    padding: 0.5rem;
    font-size: 1rem;
    font-weight: 400 !important;
}

.icon-link-box:hover {
    border: thin solid #0a1f3a;
}

.icon-link-box:hover p {
    color: #0a1f3a !important;
}

.icon-non-link-box {
    display: block;
    height: auto;
    border: thin solid #d0d6da;
    overflow: hidden;
    cursor: default;
    padding: 1rem;
}

.icon-non-link-box p {
    color: #86807d !important;
    font-size: 1rem;
    font-weight: 400 !important;
    margin-bottom: 0rem !important;
}

ul.pagination li a {
    padding: 0 0.75rem !important;
    margin: 0 !important;
    line-height: 2rem;
    color: #86807d  !important;
    border-radius: 0 !important;
    border: thin solid #86807d !important;
}

ul.pagination li:hover a,
ul.pagination li a:focus,
ul.pagination li.current a,
ul.pagination li.current a:hover,
ul.pagination li.current a:focus {
    background: #0a1f3a !important;
    color: #FFF !important;
    border: thin solid #0a1f3a !important;
}

.tabs dd>a:hover,
.tabs .tab-title>a:hover {
    color: #0a1f3a !important;
}

.tabs dd.active a,
.tabs .tab-title.active a {
    color: #0a1f3a !important;
}

.silverstripe-brand {
    display: none !important;
}

.button {
    background: #86807d !important;
}

.button:hover {
    background: #0a1f3a !important;
}

.optionset ul,
.checkboxset ul {
    display: block !important;
    width: 100% !important;
    list-style: none !important;
    float-defer-column: revert !important;
}

.side-nav ul li {
    list-style: none;
}
