.neos-backend .carousel-control {
    display: none;
}

* {
    -webkit-padding-start: 0;
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('../Fonts/sourcesanspro-regular-webfont.woff2') format('woff2'), url('../Fonts/sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proitalic';
    src: url('../Fonts/sourcesanspro-it-webfont.woff2') format('woff2'), url('../Fonts/sourcesanspro-it-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_probold';
    src: url('../Fonts/sourcesanspro-bold-webfont.woff2') format('woff2'), url('../Fonts/sourcesanspro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
    margin: 0;
    padding: 0;
}

body {
    font-family: source_sans_proregular, arial, helvetica, verdana, sans-serif;
    font-size: 16px;
    line-height: 1.4em !important;
    margin: auto;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    color: rgb(2, 105, 180);
    margin-bottom: 0.3em !important;
}

h1 {
    font-size: 2.5em !important;
}

h2 {
    font-size: 1.8em !important;
}

h3 {
    font-size: 1.5em !important;
}

h4 {
    font-size: 1.2em !important;
}

h5 {
    font-size: 1em !important;
}

h6 {
    font-size: 1em !important;
}

a:focus {
    text-decoration: none;
}

.top {
    display: none;
}

.intro {
    display: none;
}

strong {
    font-family: 'source_sans_probold';
}

header {
    background-color: rgb(0, 32, 55);
    padding: 0;
    margin: 0;
    border-bottom: 8px solid rgb(191, 32, 35);
    height: 90px;
}

.header-inner {
    position: relative;
}

.btn-login {
    border: 2px solid rgb(2, 105, 180);
    padding: 5px 15px;
}

.btn-logout {
    padding: 5px 15px;
    background-color: rgb(2, 105, 180);
    border: 2px solid rgb(2, 105, 180);
    color: rgb(255, 255, 255);
}

.top-inner .btn-logout {
    display: none;
}

.header-inner .btn-logout {
    display: inline-block;
    position: absolute;
    top: 22px;
    margin-left: 190px;
}

.myInformation {
    position: relative;
    display: inline-block;
    width: 100%;
    background-color: rgb(2, 105, 180);
    padding: 5px 10px;
    color: rgb(255, 255, 255);
    text-align: center;
    margin-bottom: 10px;
}

.myInformation:hover {
    text-decoration: none;
    background-color: rgb(191, 32, 35);
    color: rgb(255, 255, 255);
}

.header-inner .btn-login {
    display: block;
    position: absolute;
    top: 20px;
    left: 190px;
}

.top-inner .btn-login {
    display: none;
}

.btn-login:hover, .btn-login:active, header .btn-login:focus,
.btn-login:hover, .btn-login:active, header .btn-login:focus {
    background-color: rgb(2, 105, 180);
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.btn-logout:hover, .btn-logout:active, header .btn-logout:focus,
.btn-logout:hover, .btn-logout:active, header .btn-logout:focus {
    background-color: transparent;
    border: 2px solid rgb(2, 105, 180);
    color: rgb(2, 105, 180);
    text-decoration: none;
}

input.btn-login {
    background-color: rgb(2, 105, 180);
    border: 2px solid rgb(2, 105, 180);
    color: rgb(255, 255, 255);
}

.header-inner input.btn-login {
    left: 180px !important;
}

input.btn-login:hover {
    background-color: transparent;
    border: 2px solid rgb(2, 105, 180);
    color: rgb(2, 105, 180);
}

.control-group {
    margin-bottom: 15px;
    width: 100%;
    clear: both;
}

.breadcrumb {
    display: none;
    background-color: transparent;
    margin-bottom: 0;
}

.content {
    min-height: 300px;
    position: relative;
    padding: 10px 10px 0 10px;
}

.content .container .left {
    width: 100%;
    float: right;
}

.content .container .left h3 {
    margin-top: 0;
}

.content ul, .content ol {
    margin-left: 17px;
}

.content ul li {
    list-style-type: square;
}

.highlight {
    background-color: rgba(200,200,200,0.5);
    border: 1px solid #dddddd;
    border-radius: 15px 0 15px 0;
    padding: 20px;
    box-shadow: 10px 5px 5px #666;
}

.content .highlight h1,
.content .highlight h2,
.content .highlight h3,
.content .highlight h4,
.content .highlight h5,
.content .highlight h6 {
    margin-top: 0;
}

.welcomeBlock {
    float: left;
    color: rgb(0,0,0);
}

.welcomeBlock p {
    margin-top: 6px;
}

.content .accountDetails {
    display: inline-block;
    margin-top: 15px;
}

footer {
    margin-top: 50px;
    border-top: 8px solid rgb(191, 32, 35);
    color: rgb(255, 255, 255);
    clear: both;
}

footer h3 {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-weight: lighter;
}

footer i.fa {
    margin: 0 3px 5px 0;
    min-width: 15px;
}

footer .pteunsw-button i.fa {
    margin: 0;
    min-width: 15px;
}

.footer-inner .contact-info a {
    display: inline;
    color: rgb(192, 32, 35);
    background-color: transparent;
    border-bottom: 0;
}

.footer-inner .contact-info a:hover, .footer-inner .contact-info a:active, .footer-inner .contact-info a:focus {
    color: rgb(255, 255, 255);
    border-bottom: 0;
}

.splash {
    display: none;
    align-content: center;
    justify-content: center;
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(76,76,76,0.5);
}

.splash .loading {
    align-self: center;
    text-align: center;
    width: 250px;
    height: 220px;
    background-color: rgba(255,255,255,1);
    border-radius: 8px;
    padding: 20px;
    overflow-y: inherit;
}

.splash .loading .fa.fa-spinner {
    align-self: center;
    font-size: 6em;
}

.splash .loading p {
    margin-top: 5px;
}

.search-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    position: relative;
    border-radius: 4px 0 0 4px;
    border: 2px solid rgb(255, 255, 255);
    color: rgb(0, 32, 55);
    width: 78%;
    height: 35px;
    margin: 0 0 0 0;
    padding: 5px 10px;
}

.btn-search {
    background-color: rgb(2, 105, 180);
    border-radius: 0 4px 4px 0;
    border: 2px solid rgb(2, 105, 180);
    padding: 7px 15px;
    margin: 0 0 0 -4px;
    height: 35px;
    width: 20%;
    line-height: 1em;
}

@-moz-document url-prefix() {
    .btn-search {
        position: relative;
        top: -1px;
    }
}

table {
    width: 100%;
    border: 0 solid rgb(0, 32, 44);
    margin-bottom: 10px;
}

.ck-content .table table th {
    background:  rgb(0,32,44) !important;
}

table tr th {
    padding: 5px;
    background-color: rgb(0, 32, 44);
    color: rgb(255, 255, 255);
    text-align: left;
}

table tr th:first-child {
    text-align: left;
}

table tr td {
    text-align: left;
    padding: 5px;
    border-bottom: 1px dashed rgb(0, 32, 44);
}

table tr.noborder td {
    border-bottom: 0;
}

.neos-backend table tr td {
    min-width: 20px;
}

footer > section, footer > div {
    padding: 12px;
}

.footer-inner a {
    display: block;
    padding: 5px 0;
    text-align: center;
    background-color: rgb(191, 32, 35);
    color: rgb(255, 255, 255);
}

.footer-inner .pteunsw-button a {
    background-color: transparent;
}

.footer-inner a:hover, .footer-inner a:active, .footer-inner a:focus {
    text-decoration: none;
}

footer .footer-bottom {
    margin-top: -1px;
    margin-bottom: -7px;
}

footer .footer-top, footer .copyright {
    overflow: auto;
    display: block;
    background-color: rgb(0, 26, 44);
}

footer .footer-bottom {
    background-color: rgb(0, 32, 55);
}

footer .social-media {
    display: inline-block;
    float: left;
    width: 100%;
}

footer .social-media h6 {
    float: left;
    margin-right: 10px;
    padding-top: 5px;
}

footer .social-media a {
    float: left;
    background-color: transparent !important;
    border-bottom: 0;
    margin-right: 5px;
}

footer .social-media a:hover {
    border-bottom: 0;
    color: rgb(2,105,180);
}
footer .social-media a i {
    font-size: 2.5em;
}

.pteunsw-button {
    display: inline-block;
    text-decoration: none;
}

.pteunsw-button a {
    border-bottom: 0 !important;
}

.pteunsw-button:hover {
    text-decoration: none;
}

.pteunsw-button div.colour {
    padding: 8px 10px 8px 10px;
    float: left;
    border-radius: 5px 0 0 5px;
}

.pteunsw-button .colour i {
    float: left;
    margin-left: 0;
    margin-right: 20px;
    margin-top: 3px;
}

.pteunsw-button div.colour div {
    float: left;
    white-space: nowrap;
}

.pteunsw-button div.arrow {
    float: left;
    padding: 8px 10px 8px 10px;
    border-radius: 0 5px 5px 0;
}

.pteunsw-button .blue {
    background-color: rgb(0, 32, 44);
    color: #ffffff;
    border: 0 !important;
}

.pteunsw-button.blue a {
    color: #ffffff;
}

.pteunsw-button:hover .arrow.blue {
    background-color: rgb(191, 32, 35);
}

.pteunsw-button .red {
    background-color: rgb(191, 32, 35);
    color: #ffffff;
    border: 0 !important;
}

.pteunsw-button .red a {
    color: #ffffff;
}

.pteunsw-button:hover .arrow.red {
    background-color: rgb(0, 32, 44);
}

.pteunsw-button .grey {
    background-color: rgb(190, 190, 190);
    color: #ffffff;
    border: 0 !important;
}

.pteunsw-button.grey a {
    color: #ffffff;
}

.pteunsw-button:hover .arrow.grey {
    background-color: rgb(191, 32, 35);
}

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

.download-link ul li {
    list-style-type: none;
}

.download-link ul li a {
    overflow: auto;
    display: block;
    padding: 8px;
    margin-bottom: 8px;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 32, 44);
}

.download-link ul li a:hover {
    background-color: rgb(191, 32, 35);
}

.download-link a .caption {
    float: right;
    font-size: 0.9em;
    color: rgb(191, 32, 35);
}

.download-link a:hover .caption {
    color: rgb(0, 32, 44);
}

.download-link ul li:hover a {
    text-decoration: none;
}

.download-link a .icon {
    float: left;
}

.download-link a .icon {
    margin-right: 10px;
}

.download-link a .title {
    width: 90%;
}

.form-horizontal {
    margin-top: 20px;
}

.searchForm {
    margin-bottom: 20px;
}

.flowpack-searchplugin-search input {
    padding: 3px 5px;
    width: 70%;
    height: 34px;
}

.flowpack-searchplugin-search button {
    color: rgb(255, 255, 255);
    background-color: rgb(2, 105, 180);
    border-radius: 4px;
    border: 2px solid rgb(2, 105, 180);
    padding: 3px 15px;
    height: 34px;
}

.flowpack-searchplugin-search form {
    margin-bottom: 20px;
}

.flowpack-searchplugin-search ol {
    counter-reset: item;
    padding: 0;
    margin-left: 0 !important;
}

.flowpack-searchplugin-search ol li {
    display: block;
    list-style-position: inside;
    margin-top: 15px;
    margin-left: 0;
    border-bottom: 1px dashed rgb(190, 190, 190)
}

.flowpack-searchplugin-search ol li:first-child {
    margin-top: 15px;
    border-top: 1px dashed rgb(190, 190, 190)
}

.flowpack-searchplugin-search ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    font-family: 'source_sans_probold';
    color: rgb(2, 105, 180);
}

.flowpack-searchplugin-search ol li em {
    font-family: 'source_sans_probold';
    font-style: normal;
}

.flowpack-searchplugin-search .breadcrumb {
    display: block;
    padding: 0;
    margin-bottom: 10px;
    height: auto;
}

.flowpack-searchplugin-search .breadcrumb a:after {
    content: '/';
    margin: 0 5px;
}

.flowpack-searchplugin-search .breadcrumb a:last-child:after {
    content: '';
}

.flowpack-searchplugin-search .page-navigation {
    width: 100%;
    display: inline-flex;
}

.flowpack-searchplugin-search .page-navigation ul.neos-widget-paginator {
    display: flex;
    align-items: stretch;
    align-content: space-between;
    padding: 0;
    margin: 0;
}

.flowpack-searchplugin-search .page-navigation ul.neos-widget-paginator li {
    display: table;
    list-style-type: none;
    background-color: rgb(0,33,54);
    text-align: center;
    color: rgb(255,255,255);
    border-radius: 4px;
    margin-right: 10px;
}

.flowpack-searchplugin-search .page-navigation ul.neos-widget-paginator li a {
    padding: 5px 15px;
    display: inline-block;
    text-decoration: none;
    color: rgb(255,255,255);
}

.flowpack-searchplugin-search .page-navigation ul.neos-widget-paginator li a:hover {
    background-color: rgb(190,31,38);
    border-radius: 4px;
}

.flowpack-searchplugin-search .page-navigation ul.neos-widget-paginator li.current {
    background-color: rgb(190,31,38);
    color: rgb(255,255,255);
    padding: 5px 15px;
}

/* Small */
@media (min-width: 768px) {
    header {
        height: 90px;
    }

    .top-inner {
        position: relative;
    }

    .content > .neos-contentcollection > .video-container > .neos-video-container {
        width: 50%;
        height: 100%;
        min-height: 310px;
    }

    .column .neos-video-container {
        width: 100%;
        min-height: 310px;
    }

    .top-inner .btn-login {
        display: block;
        position: absolute;
        top: 0;
        right: 10px;
    }

    .top-inner .btn-logout {
        display: block;
        position: absolute;
        top: 0;
        right: 10px;
    }

    .header-inner .btn-login {
        display: none;
    }

    .header-inner .btn-logout {
        display: none;
    }

    .top {
        display: block;
        height: 50px;

        width: 100%;
        padding-top: 10px;
        background-color: rgb(0, 26, 44);
        margin-bottom: -1px;
    }

    .top .topmenu {
        float: right;
        margin-top: 6px;
        margin-right: 90px;
    }

    .welcomeBlock {
        color: rgb(255,255,255);
        margin-left: 10px;
    }

    .content .welcomeBlock {
        display: none;
    }

    .content .myInformation {
        display: none;
    }

    .breadcrumb {
        margin: 0 !important;
        position: relative;
        height: 50px;
        display: block;
        padding: 15px 0 15px 0;
    }

    .intro {
        display: block;
        background-image: url('../Images/triangle-pattern.png');
        background-repeat: repeat;
        background-position: 20% 80%;
        position: relative;
        width: 100%;
        height: 180px;
    }

    .intro-inner {
        position: relative;
    }

    .slogan {
        float: right;
        width: 55%;
        height: 100%;
        margin-top: -155px;
        margin-right: 10px;
    }

    .slogan h1 {
        margin: 0;
        color: rgb(255, 255, 255) !important;
        line-height: 1em;
    }

    .content {
        padding: 0 20px 0 20px;
    }

    .content .container .left {
        width: 25%;
    }

    .content .container .main {
        float: left;
        width: 73%;
        margin-right: 2%;
    }

    .myInformation {
        padding: 7px 15px;
        margin-left: 10px;
        width: auto;
        position: relative;
        z-index: 11;
    }

    .flowpack-searchplugin-search input {
        width: 25%;
    }

    footer .footer-inner {
        padding: 0;
    }

    .footer-inner a {
        display: inline-block;
        background-color: transparent !important;
        padding: 10px 0 4px 0;
        border-bottom: 1px dashed rgb(255, 255, 255);
    }

    footer .search {
        width: 40%;
        display: block;
        margin-top: 10px;
        float: left;
    }

    footer .footer-bottom {
        display: inline-block;
        width: 100%;
    }

    footer .footer-bottom section {
        width: 32%;
        float: left;
    }

    footer section#links h3, footer section#links a {
        text-align: left;
    }

    footer .social-media {
        width: 60%;
    }

    footer .social-media h6 {
        padding-top: 10px;
    }
}

/* Medium */
@media (min-width: 1024px) {
    .intro {
        height: 330px;
        margin-bottom: 10px;
    }

    .slogan {
        width: 42%;
        height: 100%;
        margin-top: -310px;
        margin-right: 10px;
    }

    header {
        height: 120px;
    }

    footer .footer-bottom {
        margin-bottom: -8px;
    }
}

/* Large */
@media (min-width: 1200px) {
    .intro {
        margin-bottom: 40px;
    }

    .intro-inner {
        width: 1140px;
        margin: auto;
    }

    .slogan {
        width: 42%;
        height: 100%;
        margin-top: -310px;
        margin-right: 10px;
    }

    .welcomeBlock {
        margin-left: 0;
    }

    .footer-inner a:hover {
        color: rgb(191, 32, 35);
        border-bottom: 1px dashed rgb(191, 32, 35);
    }

    .content {
        padding: 0;
    }

    .breadcrumb {
        padding-left: 0;
        margin: 0 auto;
        width: 1140px;
    }

    .top {
        height: 60px;
    }

    .top-inner {
        position: relative;
        margin: auto !important;
        width: 1140px;
    }

    .top-inner .btn-login {
        top: 0;
    }

    .content, .header-inner, .footer-inner {
        margin: auto !important;
        width: 1140px;
    }

    .search-input {
        position: relative;
        top: -1px;
    }

}