html, body {
    margin: 0;
    padding: 0;
    min-width: 320px
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-size: 16px;
    font-weight: 300;
    text-align: left;
    color: #211e1c;
    background-color: white
}

@media(max-width:700px) {
    body {
        font-size: 14px
    }
}

body.hasAdminBanner {
}

p, h3, h4, h5, ul, ol {
    margin: 15px 0 15px 0
}

h1, h2 {
    margin: 10px 0 10px 0 !important;
    font-weight: 500 !important;
}

h1 {
    font-size: 28px !important;
}

h2 {
    font-size: 24px !important;
    margin: 7px 0 7px 0 !important;
}

h3 {
    margin: 5px 0 5px 0 !important;
    font-size: 22px !important;
}

h4 {
    margin: 5px 0 5px 0 !important;
    font-size: 16px !important;
}

h5 {
    margin: 0 0 0 0 !important;
    font-size: 14px !important;
}

a {
    color: #3B52B0;
    text-decoration: none
}

    a:hover {
        color: #233067;
        text-decoration: none
    }

    a img {
        border: none
    }

.ph img, .bannerHolder img {
    max-width: 100% !important;
    height: auto !important
}

.ph .map img {
    max-width: none !important
}

ul {
    margin-left: 0;
    padding-left: 1em
}

.clear {
    clear: both;
    height: 1px;
    display: block
}

.none {
    display: none !important
}

.ph {
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center
}

    .ph .p {
        text-align: left;
        max-width: 1020px;
        width: 100%;
        margin: auto;
        color: black;
    }

.container2Col {
}

    .container2Col .container2Col1 {
        width: 50%;
        float: left;
        padding-right: 25px;
        text-align: left
    }

    .container2Col .container2Col2 {
        width: 50%;
        float: right;
        padding-left: 25px;
        text-align: left
    }

@media(max-width:900px) {
    .container2Col .container2Col1 {
        padding-right: 10px
    }

    .container2Col .container2Col2 {
        padding-left: 10px
    }
}

@media(max-width:700px) {
    .container2Column {
        margin-left: 10px;
        margin-right: 10px
    }

    .container2Col .container2Col1, .container2Col .container2Col2 {
        width: 100% !important;
        float: none !important;
        margin: auto !important;
        padding: 0 !important;
        margin-bottom: 20px
    }
}

.container2Column .containerTitle {
    text-align: center;
    padding-bottom: 25px
}

.container2Column {
    padding-top: 25px;
    padding-bottom: 50px;
    background-size: cover;
    background-position: center center
}

.brAnimateContainer {
    position: relative;
    overflow: hidden;
    opacity: 0
}

.brAnimateItem {
    position: relative
}

.brAnimateHidden {
    opacity: 0
}

.brAnimateVisible {
    opacity: 1
}

.brAnimateContainer.brAnimateHidden .brAnimateSwipeLeft, .brAnimateContainerManual.brAnimateHidden .brAnimateSwipeLeft {
    opacity: 0;
    -moz-transition: all 700ms linear;
    -webkit-transition: all 700ms linear;
    -o-transition: all 700ms linear;
    transition: all 700ms linear;
    -moz-transform: translate3d(-2000px,0px,0px);
    -webkit-transform: translate3d(-2000px,0px,0px);
    -o-transform: translate(-2000px,0px);
    -ms-transform: translate(-2000px,0px);
    transform: translate3d(-2000px,0px,0px)
}

.brAnimateContainer.brAnimateVisible .brAnimateSwipeLeft, .brAnimateContainerManual.brAnimateVisible .brAnimateSwipeLeft {
    opacity: 1;
    -moz-transform: translate3d(0px,0px,0px);
    -webkit-transform: translate3d(0px,0px,0px);
    -o-transform: translate(0px,0px);
    -ms-transform: translate(0px,0px);
    transform: translate3d(0px,0px,0px)
}

.brAnimateContainer.brAnimateHidden .brAnimateSwipeRight, .brAnimateContainerManual.brAnimateHidden .brAnimateSwipeRight {
    opacity: 1;
    -moz-transition: all 700ms linear;
    -webkit-transition: all 700ms linear;
    -o-transition: all 700ms linear;
    transition: all 700ms linear;
    -moz-transform: translate3d(2000px,0px,0px);
    -webkit-transform: translate3d(2000px,0px,0px);
    -o-transform: translate(2000px,0px);
    -ms-transform: translate(2000px,0px);
    transform: translate3d(2000px,0px,0px)
}

.brAnimateContainer.brAnimateVisible .brAnimateSwipeRight, .brAnimateContainerManual.brAnimateVisible .brAnimateSwipeRight {
    opacity: 1;
    -moz-transform: translate3d(0px,0px,0px);
    -webkit-transform: translate3d(0px,0px,0px);
    -o-transform: translate(0px,0px);
    -ms-transform: translate(0px,0px);
    transform: translate3d(0px,0px,0px)
}

.brAnimateContainer.brAnimateHidden .brAnimateSwipeBottom, .brAnimateContainerManual.brAnimateHidden .brAnimateSwipeBottom {
    opacity: 0;
    -moz-transition: all 700ms ease-out;
    -webkit-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
    -moz-transform: translate3d(0px,2000px,0px);
    -webkit-transform: translate3d(0px,2000px,0px);
    -o-transform: translate(0px,2000px);
    -ms-transform: translate(0px,2000px);
    transform: translate3d(0px,2000,0px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.brAnimateContainer.brAnimateVisible .brAnimateSwipeBottom, .brAnimateContainerManual.brAnimateVisible .brAnimateSwipeBottom {
    opacity: 1;
    -moz-transform: translate3d(0px,0px,0px);
    -webkit-transform: translate3d(0px,0px,0px);
    -o-transform: translate(0px,0px);
    -ms-transform: translate(0px,0px);
    transform: translate3d(0px,0px,0px)
}

.brAnimateContainer.brAnimateHidden .brAnimateFadeIn, .brAnimateContainerManual.brAnimateHidden .brAnimateFadeIn {
    opacity: 0;
    -moz-transition: all 700ms ease-out;
    -webkit-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out
}

.brAnimateContainer.brAnimateVisible .brAnimateFadeIn, .brAnimateContainerManual.brAnimateVisible .brAnimateFadeIn {
    opacity: 1
}

.semiBold {
    font-weight: 600
}

@media(max-width:1024px) {
    .ph .p .pageInner {
        margin-left: 20px;
        margin-right: 20px
    }
}

.container2ColTable {
    display: table !important;
    width: 100%
}

    .container2ColTable > .clear {
        display: none
    }

    .container2ColTable .container2Col1 {
        float: none;
        width: 50%;
        display: table-cell;
        vertical-align: top;
        padding-right: 10px
    }

    .container2ColTable .container2Col2 {
        float: none;
        width: 50%;
        display: table-cell;
        vertical-align: top;
        padding-left: 10px
    }

@media(max-width:800px) {
    .container2ColTable {
        display: block
    }

        .container2ColTable .container2Col1 {
            float: none;
            width: 100%;
            display: block
        }

        .container2ColTable .container2Col2 {
            float: none;
            width: 100%;
            display: block
        }
}

.largeText {
    font-size: 28px
}

@media(max-width:1050px) {
    .largeText {
        font-size: 27px !important;
        padding-top: 20px;
        display: block
    }
}

@media(max-width:980px) {
    .largeText {
        font-size: 25px !important
    }
}

@media(max-width:800px) {
    .largeText {
        font-size: 20px !important
    }
}

@media(max-width:700px) {
    .largeText {
        font-size: 33px !important
    }
}

.formTable label {
}

.formItem.formcheck .input {
    float: left;
    margin-right: 10px
}

.formItem.formcheck .label {
    float: left
}

.formTable label.error {
    color: red;
    font-size: 14px
}

.formTable .formcheck input {
    -webkit-appearance: checkbox
}

.formTable .formItem .txt, .formTable .formItem textarea {
    width: 100%;
    padding: 4px;
    border: 1px solid #ccc;
    outline: 0 none;
    background-color: #FFF;
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0;
    font-size: 14px;
    font-family: Arial;
    height: 34px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px
}

.formTable .formItem textarea {
    height: 120px
}

.formTable .formItem select {
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #ccc
}

.formTable .formItem {
    margin-bottom: 10px
}

    .formTable .formItem.formselect .input {
        background: url('https://www.tracweb.co.uk/images/template/form/dropdown-arrows.jpg') no-repeat right center;
        background-color: #fff;
        height: 34px;
        width: 100%;
        overflow: hidden;
        border: 1px solid #ccc
    }

    .formTable .formItem select {
        background: transparent;
        border: none;
        font-size: 14px;
        height: 34px;
        padding: 5px;
        padding-right: 50px;
        width: 120%;
        width: calc(100% + 20px);
        appearance: none;
        -webkit-appearance: none;
        border-radius: 0;
        outline: none;
        background: url('https://www.tracweb.co.uk/images/template/form/dropdown-arrows.jpg') no-repeat right center;
        background-color: #fff;
        height: 34px;
        width: 100%;
        overflow: hidden;
        border: 1px solid #ccc;
        -moz-appearance: none;
        -webkit-appearance: none
    }

.ddlHolder select::-ms-expand {
    display: none
}

.formTable .submit input {
    width: 100%;
    background-color: #E38600;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    padding: 5px;
    font-size: 18px;
    border: none;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px
}

.formTable input.error, .formTable textarea.error {
    border: 1px solid red !important;
}

.g-recaptcha {
    margin-bottom: 10px
}

.pulse {
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: 1;
    opacity: 1.0
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.8,0.8);
        opacity: 0.0
    }

    50% {
        opacity: 1.0
    }

    100% {
        -webkit-transform: scale(1.0,1.0);
        opacity: 1.0
    }
}

.colorWhite {
    color: #fff
}

.questionFormright .introtext {
    float: left;
    width: 46%
}

.questionFormright .formItems {
    float: right;
    width: 46%
}

@media(max-width:750px) {
    .questionFormright .introtext, .questionFormright .formItems {
        float: none;
        width: 100%
    }
}

.questionFormleft .introtext {
    float: right;
    width: 46%
}

.questionFormleft .formItems {
    float: left;
    width: 46%
}

@media(max-width:750px) {
    .questionFormright .introtext, .questionFormright .formItems {
        float: none;
        width: 100%
    }
}

ul.lctmV2 {
}

.linkBoxStyle2 {
    display: flex;
    flex-wrap: wrap
}

    .linkBoxStyle2 .item {
        width: 33.3%
    }

        .linkBoxStyle2 .item a {
            display: block;
            font-style: normal;
            font-weight: 700;
            color: white;
            text-transform: uppercase;
            text-align: center;
            background-color: #3B52B0;
            padding: 16px;
            margin: 16px
        }

@media(max-width:700px) {
    .linkBoxStyle2 .item {
        width: 50%
    }
}

@media(max-width:500px) {
    .linkBoxStyle2 .item {
        width: 100%
    }
}

.lnkBoxH {
    display: flex;
    flex-wrap: wrap
}

    .lnkBoxH .item {
        width: 33.3%;
        position: relative;
        padding-bottom: 30px
    }

        .lnkBoxH .item .itm {
            margin: 16px;
            display: block;
            background-color: white;
            height: 100%
        }

            .lnkBoxH .item .itm .image {
                position: relative;
                display: block;
                padding-bottom: 55%;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover
            }

                .lnkBoxH .item .itm .image img {
                    display: none
                }

                .lnkBoxH .item .itm .image .title {
                    background-color: rgba(51,154,255,0.8);
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    color: white;
                    font-style: normal;
                    font-weight: 700;
                    padding: 8px;
                    z-index: 99
                }

            .lnkBoxH .item .itm .titleLined {
                background-color: #3B52B0;
                width: 100%;
                color: white;
                font-style: normal;
                font-weight: 700;
                padding: 8px;
                display: block
            }

            .lnkBoxH .item .itm .desc {
                padding: 10px;
                display: block;
                color: #555555;
                padding-bottom: 20px;
            }

        .lnkBoxH .item.itemNoLink .itm .desc {
            padding-bottom: 0
        }

    .lnkBoxH.lnkBoxHNoReadMore .item .itm .desc {
        padding-bottom: 0
    }

    .lnkBoxH .item .itm .desc strong {
        color: #002776
    }

    .lnkBoxH .item .itm .posted {
        font-size: 12px;
        font-style: italic;
        display: block;
        text-align: right;
        padding-right: 10px
    }

    .lnkBoxH .item .itm .more {
        padding: 10px;
        display: inline-block;
        background-color: #e98300;
        color: white;
        margin-left: 10px;
        margin-bottom: 10px;
        position: absolute;
        bottom: 15px
    }

.subsectionDatedLatest .lnkBoxH .item {
    width: 50%
}

@media(max-width:750px) {
    .lnkBoxH .item {
        width: 50%
    }

        .lnkBoxH .item .itm .image {
            padding-bottom: 55%
        }
}

@media(max-width:500px) {
    .lnkBoxH .item {
        width: 100%
    }
}

@media(max-width:1000px) {
    .lnkBoxH .item .itm .desc {
    }
}

@media(max-width:500px) {
    .lnkBoxH .item .itm .desc {
        height: unset
    }
}

.bannerform {
    display: flex
}

    .bannerform input {
        border: none
    }

.app-search {
    color: white;
    font-weight: bold;
    font-size: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 35px;
    font-style: normal;
    font-weight: 700
}

    .app-search form {
        display: flex;
        flex-wrap: wrap
    }

        .app-search form .item {
            width: 25%;
            padding-left: 5px;
            padding-right: 5px
        }

            .app-search form .item:first-child {
                width: 35%;
                background-color: unset
            }

            .app-search form .item:last-child, .app-search form .itemBtn {
                width: 15%;
                text-align: right;
                background-color: unset
            }

            .app-search form .item input {
                border: 1px solid white;
                line-height: 35px;
                height: 35px;
                width: 100%;
                text-transform: uppercase;
                padding-left: 5px
            }

            .app-search form .item:last-child input, .app-search form .itemBtn input {
                background-color: #e98300;
                color: white
            }

@media(max-width:920px) {
    .app-search {
        font-size: 20px
    }
}

@media(max-width:840px) {
    .app-search {
        font-size: 18px
    }
}

@media(max-width:760px) {
    .app-search {
        font-size: 15px
    }
}

@media(max-width:670px) {
    .app-search .item {
        width: 100% !important;
        margin-bottom: 10px
    }
}

.footernote {
    font-size: 9px
}

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

.bottomlinks {
    display: flex;
    flex-wrap: nowrap;
    padding-top: 10px
}

.ph.phBottomLinks {
    background-color: #3B52B0;
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px
}

    .ph.phBottomLinks a {
        color: white
    }

.bottomslinks-l {
    flex-grow: 1
}

.bottomslinks-r {
    padding-right: 10px
}

@media(max-width:800px) {
    .bottomlinks {
        flex-wrap: wrap
    }

    .bottomslinks-l {
        width: 100%
    }

    .bottomslinks-r {
        width: 100%;
        margin-left: 5px
    }
}

.bottomlinks li {
    border-right: 1px solid #d8d7d7;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px
}

    .bottomlinks li:last-child {
        border-right: none
    }

@media(max-width:500px) {
    .bottomlinks li {
        float: none;
        width: 100%;
        border: none
    }
}

.footerCols {
    display: flex;
    flex-wrap: wrap
}

    .footerCols .item {
        width: 33.3%;
        padding: 20px
    }

@media(max-width:750px) {
    .footerCols .item {
        width: 50%
    }
}

@media(max-width:500px) {
    .footerCols .item {
        width: 100%
    }
}

.footerCols {
    color: #6c6c6c
}

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

    .footerCols h5 {
        font-weight: normal;
        border-bottom: 2px solid #3B52B0;
        padding-bottom: 4px;
        margin-bottom: 10px;
        color: #3B52B0;
        font-family: Lato,sans-serif
    }

    .footerCols a {
        color: #6c6c6c
    }

.footerCols {
    font-size: 13px
}

    .footerCols .item:nth-child(2) h5:last-of-type {
        margin-top: 40px
    }

    .footerCols .item:nth-child(1) a {
        margin-bottom: 5px;
        display: block
    }

    .footerCols .formItem input {
        background-color: #f7f7f7;
        border: none;
        width: 100%;
        padding: 8px
    }

    .footerCols .formItem {
        margin-bottom: 10px;
        margin-top: 10px
    }

    .footerCols .submit input {
        background-color: rgb(236,132,0);
        color: white;
        padding: 8px;
        border: none
    }

.contactCollection {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 5px
}

    .contactCollection .label {
        min-width: 80px;
        color: #3B52B0;
        display: block
    }

    .contactCollection .value {
        flex-grow: 1
    }

.container3Column {
    padding-top: 25px;
    padding-bottom: 50px;
    background-size: cover;
    background-position: center center
}

.container3Col {
}

    .container3Col .container3Col1 {
        width: 33.3%;
        float: left;
        padding-right: 15px;
        text-align: left
    }

    .container3Col .container3Col2 {
        width: 33.3%;
        float: left;
        padding-left: 25px;
        padding-right: 25px;
        text-align: left
    }

    .container3Col .container3Col3 {
        width: 33.3%;
        float: right;
        padding-left: 15px;
        text-align: left
    }

@media(max-width:900px) {
    .container3Col .container2Col3 {
        padding-right: 10px
    }

    .container3Col .container2Col2 {
        padding-left: 10px;
        padding-right: 10px
    }

    .container3Col .container2Col3 {
        padding-left: 10px
    }
}

.boxed h3 {
    color: #3B52B0
}

@media(max-width:700px) {
    .container3Column {
        margin-left: 10px;
        margin-right: 10px
    }

    .container3Col {
        padding-left: 10px;
        padding-right: 10px
    }

        .container3Col .container3Col1, .container3Col .container3Col2, .container3Col .container3Col3 {
            width: 100% !important;
            float: none !important;
            margin: auto !important;
            padding: 0 !important;
            margin-bottom: 20px
        }

    .boxed .boxedTitle h3 i:before {
        content: "\f067"
    }

    .boxed .boxedTitle h3 i {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 10px
    }

    .boxed.opened .boxedTitle h3 i:before {
        content: "\f068"
    }

    .boxed {
        position: relative
    }

    .boxedContent {
        display: none
    }

    .boxed.opened .boxedContent {
        display: block
    }
}

.boxed {
    background-color: white;
    padding: 8px
}

.propSearchItem label {
    font-weight: bold
}

.ui-autocomplete {
    z-index: 99999
}

.itemContainer .itemMainDetails {
    float: left;
    width: 68%
}

.itemContainer .itemHighlight {
    float: right;
    width: 30%
}

.boxedAlwaysOpen .boxedContent {
    display: block !important
}

@media(max-width:700px) {
    .itemContainer .itemMainDetails, .itemContainer .itemHighlight {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }
}

.sumItem {
    border-bottom: 1px solid #eeeeee;
    font-size: 12px
}

    .sumItem .label {
        font-weight: bold;
        display: block;
        padding: 8px 0 5px
    }

    .sumItem .value {
        display: block;
        padding: 0 0 8px
    }

    .sumItem .download {
        display: block;
        padding-left: 20px;
        padding-bottom: 8px;
        position: relative
    }

        .sumItem .download .fa {
            position: absolute;
            top: 3px;
            left: 0
        }

.applynow {
    display: inline-block;
    width: 145px;
    line-height: 45px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #518CFE;
    text-align: center;
    text-decoration: none;
    font-size: 16px
}

.applynowbig {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px
}

.applynow:hover {
    color: white
}

.lnkBoxImageH {
    display: flex;
    flex-wrap: wrap
}

    .lnkBoxImageH .item {
        width: 25%;
        position: relative
    }

        .lnkBoxImageH .item .itm {
            margin: 10px;
            padding: 10px;
            display: block;
            background-color: white
        }

            .lnkBoxImageH .item .itm .image {
                position: relative;
                display: block;
                padding-bottom: 55%;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: contain;
                background-repeat: no-repeat
            }

                .lnkBoxImageH .item .itm .image .title {
                    display: none
                }

                .lnkBoxImageH .item .itm .image img {
                    display: none
                }

@media(max-width:800px) {
    .lnkBoxImageH .item {
        width: 33.3%;
        position: relative
    }
}

@media(max-width:600px) {
    .lnkBoxImageH .item {
        width: 50%;
        position: relative
    }
}

.threeCols .col {
    float: left;
    width: 33%;
    overflow: hidden
}

.threeCols .col1 .colinner {
    padding-right: 10px
}

.threeCols .col2 .colinner {
    padding-left: 10px;
    padding-right: 10px
}

.threeCols .col3 .colinner {
    padding-left: 10px
}

@media(max-width:850px) {
    .threeCols .col {
        float: none;
        width: 100%
    }

    .threeCols {
        padding-left: 10px;
        padding-right: 10px
    }
}

.site-bold {
    font-style: normal;
    font-weight: 700
}

.site-medium {
    font-style: normal;
    font-weight: 500
}

.lnkBoxImageWithDetailsH {
    display: flex;
    flex-wrap: wrap
}

    .lnkBoxImageWithDetailsH .item {
        width: 33.3%;
        position: relative;
        margin-bottom: 30px
    }

    .lnkBoxImageWithDetailsH .itm {
        margin: 16px;
        display: block;
        background-color: white;
        height: 100%;
        margin-bottom: 50px
    }

    .lnkBoxImageWithDetailsH .itemNoLink .itm {
        margin-bottom: 0
    }

    .lnkBoxImageWithDetailsH .title {
        display: block;
        background-color: rgb(51,154,255);
        color: white;
        font-style: normal;
        font-weight: 700;
        padding: 8px;
        z-index: 99
    }

    .lnkBoxImageWithDetailsH .imageOuter {
        display: block;
        padding: 10px
    }

    .lnkBoxImageWithDetailsH .image {
        display: block;
        padding-bottom: 55%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain
    }

        .lnkBoxImageWithDetailsH .image img {
            display: none
        }

    .lnkBoxImageWithDetailsH .desc {
        padding-left: 10px;
        padding-right: 10px;
        display: block;
        color: #555555
    }

    .lnkBoxImageWithDetailsH .more {
        padding: 10px;
        display: inline-block;
        background-color: #e98300;
        color: white;
        margin-left: 10px;
        margin-bottom: 10px;
        position: absolute;
        bottom: -15px
    }

#overlay {
    z-index: 99998 !important
}

#ajaxDialog {
    z-index: 99999 !important;
    overflow-y: auto
}

.propertyLabel1 {
    background-color: rgba(4, 4, 4, 0.4);
    color: #FFFFFF;
}

.propertyLabel2 {
    background-color: rgb(179, 149, 83);
    color: #FFFFFF;
}

.propertyLabel3 {
    background-color: rgb(193, 0, 0);
    color: rgb(255, 255, 255);
}

.propertyLabel4 {
    background-color: rgb(193, 0, 0);
    color: #FFFFFF;
}

.propertyLabel5 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel6 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel7 {
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
}

.propertyLabel8 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel9 {
    background-color: rgb(104, 104, 104);
    color: #FFFFFF;
}

.propertyLabel10 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel11 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel12 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel13 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel14 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel15 {
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
}

.propertyLabel16 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel17 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel18 {
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
}

.propertyLabel19 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel20 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel21 {
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
}

.propertyLabel22 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel23 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel24 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel25 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel26 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel27 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel28 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel29 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel30 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel31 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel32 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel33 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel34 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel35 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel36 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel37 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel38 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel39 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel40 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel41 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel42 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel43 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel44 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel45 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel46 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel47 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel48 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel49 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel50 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel51 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel52 {
    background-color: rgba(0, 0, 0, 0.5);
    ;
    color: #FFFFFF;
}

.propertyLabel53 {
    background-color: rgb(193, 0, 0);
    color: #FFFFFF;
}
/*/lib/site/css/layout.css*/
.grow {
    transition: all .2s ease-in
}

    .grow:hover {
        transform: scale(1.1)
    }

#headerPadder {
    height: 150px;
}

#headercontainer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    min-width: 320px;
    z-index: 10000;
    background-color: white
}

#header-top {
    height: 100px;
    background-color: #fff
}

#menuToggle {
    display: none
}

#menuclose {
    display: none
}

#header-top .pageInner {
    position: relative
}

#header-top .logo {
    display: block;
    position: absolute;
    top: 15px;
    left: 0;
    width: 182px;
    height: 67px;
    background-image: url('/lib/images/logo.png');
    background-size: contain;
    background-position: left center;
    z-index: 5;
    background-repeat: no-repeat
}

#header-top .buttons {
    display: block;
    position: absolute;
    top: 35px;
    right: 0
}

    #header-top .buttons a {
        display: inline-block;
        width: 145px;
        line-height: 45px;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        background-color: #3B52B0;
        text-align: center;
        text-decoration: none;
        font-size: 16px;
        margin-left: 15px
    }

        #header-top .buttons a:hover {
            text-decoration: none
        }

        #header-top .buttons a.cmdSignIn {
            background-color: #21956E
        }

#header-menu {
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    background-color: #fff
}

    #header-menu ul.lctmV2 {
        margin: 0;
        padding: 0;
        display: block;
        text-align: center
    }

    #header-menu .lctmV2 li.firstLevel0 {
        display: inline-block;
        list-style: none;
        position: relative
    }

        #header-menu .lctmV2 li.firstLevel0 a {
            display: inline-block;
            padding-left: 15px;
            padding-right: 15px;
            list-style: none;
            color: #3B52B0
        }

        #header-menu .lctmV2 li.firstLevel0.selected a, #header-menu .lctmV2 li.firstLevel0:hover a {
            color: #e98300
        }

    #header-menu .lctmV2 li.level0 ul.level1 {
        display: none
    }

    #header-menu .lctmV2 li.level0:hover ul.level1 {
        display: block;
        position: absolute;
        margin: 0;
        padding: 0;
        width: 250px;
        background-color: #525252;
        z-index: 999999;
        font-size: 14px;
        color: #fff
    }

    #header-menu .lctmV2 li.level0 ul.level1 li {
        list-style: none;
        z-index: 999999;
        line-height: 16px
    }

        #header-menu .lctmV2 li.level0 ul.level1 li a {
            display: block;
            text-align: left;
            color: #fff;
            padding-left: 15px;
            padding-right: 15px;
            font-size: 14px;
            line-height: 16px;
            padding-top: 10px;
            padding-bottom: 10px
        }

            #header-menu .lctmV2 li.level0 ul.level1 li a:hover {
                background-color: #000
            }

    #header-menu .lctmV2 ul.level1 li a {
        background-color: #484848
    }

    #header-menu .lctmV2 .lctmV2 ul.level1 li a {
        color: #969495;
        font-weight: 600;
        display: block;
        line-height: 30px;
        color: white;
        padding-left: 15px;
        padding-right: 15px
    }

@media(max-width:1000px) {
    #headerPadder {
        height: 80px;
    }

    #header-top {
        height: 80px
    }

        #header-top .pageInner {
            margin-left: 5px !important;
            margin-right: 5px !important
        }

        #header-top .logo {
            display: block;
            top: 5px
        }

        #header-top .buttons {
            display: block;
            position: relative;
            top: 18px;
            text-align: center;
            padding-left: 180px;
            padding-right: 0px;
            margin-left: auto;
            margin-right: auto
        }

    #menuToggle {
        display: block;
        position: absolute;
        top: 18px;
        right: 0;
        font-size: 40px;
        cursor: pointer;
        z-index: 5
    }

    #menuclose {
        display: block;
        color: #fff;
        font-size: 44px;
        cursor: pointer;
        text-align: right;
        padding-right: 20px;
        padding-top: 20px
    }

    #header-menu {
        visibility: hidden;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.9);
        position: fixed;
        top: -100%;
        left: 0;
        z-index: 50000;
        overflow: hidden;
        opacity: 1;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
        overflow: auto
    }

    .menuOpen #header-menu {
        opacity: 1;
        visibility: visible;
        top: 0;
        left: 0
    }

    #header-menu .lctmV2 ul {
        margin: 0;
        padding: 0
    }

    #header-menu .lctmV2 li {
        display: block !important;
        border-bottom: solid 1px rgba(255,255,255,0.5)
    }

        #header-menu .lctmV2 li a {
            display: block !important;
            text-align: left;
            padding-left: 15px !important;
            padding-right: 15px !important;
            padding-top: 10px !important;
            padding-bottom: 10px !important;
            font-size: 18px !important;
            line-height: 30px !important;
            color: #fff !important
        }

        #header-menu .lctmV2 li.level0.hasSubItems > a > .toggle {
            display: inline-block;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            float: right;
            font: normal normal normal 28px/1 FontAwesome;
            line-height: 30px
        }

            #header-menu .lctmV2 li.level0.hasSubItems > a > .toggle:before {
                content: "\f13a"
            }

        #header-menu .lctmV2 li.level0.hasSubItems.open > a > .toggle:before {
            content: "\f139"
        }

        #header-menu .lctmV2 li.level0 ul.level1, #header-menu .lctmV2 li.level0:hover ul.level1 {
            display: none;
            position: relative !important;
            width: 100% !important;
            overflow: hidden !important;
            background-color: #525252 !important
        }
}

@media(max-width:600px) {
    #header-top .logo {
        top: 13px;
        width: 140px;
        height: 52px
    }

    #header-top .buttons {
        top: 0;
        width: 280px;
        padding-left: 140px;
        padding-right: 50px;
        padding-top: 5px
    }

        #header-top .buttons a {
            display: block;
            width: 90px;
            line-height: 30px;
            font-size: 12px;
            margin-top: 3px;
            margin-bottom: 3px
        }
}

.hasAdminBanner #headerPadder {
    display: none !important;
}

.hasAdminBanner #headercontainer {
    position: relative !important
}

.cmd {
    width: 100%;
    background-color: #E38600;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    padding: 5px;
    font-size: 18px;
    border: none;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px
}

.eventsContainer {
    background-color: rgb(246,247,247);
    padding-top: 15px;
    padding-bottom: 15px
}

    .eventsContainer .filter {
        float: left;
        width: 25%
    }

    .eventsContainer .results {
        width: 70%;
        float: right
    }

.box-event-h {
    display: flex;
    flex-wrap: wrap
}

    .box-event-h .item {
        width: 50%;
        position: relative;
        padding-bottom: 30px
    }

        .box-event-h .item .itm {
            margin: 16px;
            display: block;
            background-color: white;
            height: 100%
        }

            .box-event-h .item .itm .image {
                position: relative;
                display: block;
                padding-bottom: 55%;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover
            }

                .box-event-h .item .itm .image .title {
                    background-color: rgba(51,154,255,0.8);
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    color: white;
                    font-weight: bold;
                    padding: 8px;
                    z-index: 99
                }

            .box-event-h .item .itm .titleNoImage {
                display: block;
                background-color: rgba(51,154,255,0.8);
                font-weight: bold;
                color: white;
                padding: 8px;
                margin-bottom: 15px
            }

            .box-event-h .item .itm .desc {
                padding: 10px;
                display: block;
                color: #555555;
                padding-bottom: 20px
            }

                .box-event-h.item .itm .desc strong {
                    color: #002776
                }

            .box-event-h .item .itm .more {
                padding: 10px;
                display: inline-block;
                background-color: #e98300;
                color: white;
                margin-left: 10px;
                margin-bottom: 10px;
                position: absolute;
                bottom: 15px
            }

    .box-event-h .attributes {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        font-size: 12px
    }

    .box-event-h .inItm {
        display: flex;
        margin-right: 20px
    }

    .box-event-h .lbl {
        font-weight: bold;
        color: #E38600;
        margin-right: 10px
    }

.subsectionDatedLatest {
    display: flex;
    flex-wrap: wrap
}

    .subsectionDatedLatest .side {
        width: 30%;
        padding-top: 16px
    }

    .subsectionDatedLatest .featured {
        width: 65%
    }

    .subsectionDatedLatest .side a {
        display: block;
        position: relative;
        padding-left: 80px;
        background-color: #fff;
        margin-bottom: 20px;
        min-height: 70px;
        color: #000;
        font-weight: 600
    }

        .subsectionDatedLatest .side a .image {
            display: block;
            position: absolute;
            left: 5px;
            top: 5px;
            width: 60px;
            height: 60px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover
        }

        .subsectionDatedLatest .side a .posted {
            font-style: italic;
            font-size: 12px;
            margin-top: 10px;
            font-weight: normal
        }

    .subsectionDatedLatest .lnkBoxH .title {
        display: block;
        background-color: rgb(51,154,255);
        color: white;
        width: 100%;
        font-style: normal;
        font-weight: 700;
        padding: 8px
    }

@media(max-width:800px) {
    .subsectionDatedLatest {
        flex-flow: column-reverse
    }

        .subsectionDatedLatest .side {
            width: 100%;
            margin-bottom: 10px
        }

        .subsectionDatedLatest .featured {
            width: 100%
        }

    .filterTop {
        margin-left: 10px
    }
}

@media(max-width:450px) {
    .subsectionDatedLatest .lnkBoxH .item {
        width: 100%
    }
}

.twoCol {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

    .twoCol .twoCol1, .twoCol .twoCol2 {
        width: 46%
    }

@media(max-width:600px) {
    .twoCol .twoCol1, .twoCol .twoCol2 {
        width: 100%
    }
}

.formIssue {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    border: solid 2px red;
    padding: 10px;
    background-color: #FFD2D2;
    color: #000
}

.footerCols .input input {
    border: solid 1px #3B52B0
}
/*/lib/site/css/layout2.css*/
.ph.searchjsContainer {
    background-color: rgb(246,247,247);
    padding-top: 15px;
    padding-bottom: 15px
}

#searchjs .item-search {
    width: 28%;
    float: left
}

#searchjs .result-display {
    width: 70%;
    float: right
}

.s_resultlisting {
    background-color: white;
    padding: 10px;
    font-family: faricy-new-web
}

    .s_resultlisting a {
        display: block;
        border-bottom: 1px solid grey;
        padding-bottom: 10px;
        margin-bottom: 10px;
        color: black
    }

        .s_resultlisting a.noLine {
            border-bottom: none
        }

    .s_resultlisting .line {
        display: block;
        border-bottom: 1px solid grey;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .s_resultlisting a .title {
        font-size: 18px;
        font-weight: 500;
        color: #3B52B0;
        display: block
    }

    .s_resultlisting a .level {
        display: Block;
        margin-bottom: 5px
    }

    .s_resultlisting a .city {
        display: Block
    }

    .s_resultlisting a .rate {
        display: block
    }

@media(max-width:700px) {
    #searchjs .result-display, #searchjs .item-search {
        width: 100%;
        float: none
    }
}

.mapCanvasFull {
    width: 100%;
    height: 500px
}

.threeCol .threeCol1, .threeCol .threeCol2, .threeCol .threeCol3 {
    width: 32%;
    float: left;
    overflow: hidden
}

.threeCol .item, .twoCol .item {
    margin: 10px;
    overflow: hidden;
    margin-left: 0.66%;
    margin-right: 0.66%
}

.socialMediaPlugins {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #e8e8e8
}

.threeCol .threeCol1 {
    margin-left: 0;
    margin-right: 1.33%
}

.threeCol .threeCol3 {
    margin-left: 1.33%;
    margin-right: 0
}

@media(max-width:750px) {
    .threeCol .threeCol1, .threeCol .threeCol2, .threeCol .threeCol3 {
        float: none;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }

        .threeCol .threeCol2 .item {
            background-color: white;
            text-align: center
        }
}

.threeCol {
    display: flex;
    flex-wrap: wrap
}

    .threeCol .item {
        margin: 10px;
        overflow: hidden;
        margin-left: 0.66%;
        margin-right: 0.66%
    }

.socialMediaPlugins {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #d3d3d3
}

.threeCol .threeCol1 {
}

.threeCol .threeCol3 {
}

.threeColSocial .item, .twoColSocial .item {
    margin-left: 10px;
    margin-right: 10px
}

.threeColSocial .threeCol1 {
    margin-left: 0;
    margin-right: 0
}

.threeColSocial .threeCol3 {
    margin-left: 0;
    margin-right: 0
}

.socialMediaPlugins .threeCol .t, .socialMediaPlugins .twoCol .t {
    text-align: center;
    font-size: 25px
}

@media(max-width:750px) {
    .threeCol .threeCol1, .threeCol .threeCol2, .threeCol .threeCol3 {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

        .threeCol .threeCol2 .item {
            background-color: white;
            text-align: center
        }
}

.colInstragram .t a {
    color: #c0299d
}

.colFacebook .t a {
    color: #3b5998
}

.colTwitter .t a {
    color: #1da1f2
}

.socialMediaPlugins .threeCol .t {
    text-align: center;
    font-size: 25px
}

.insta-custom .insta-item {
    margin-bottom: 20px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border: 1px solid #ececec;
    padding: 10px
}

    .insta-custom .insta-item .likes a {
        color: black;
        font-size: 12px
    }

    .insta-custom .insta-item .likes {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .insta-custom .insta-item .bottom {
        margin-top: 10px;
        color: gray;
        font-size: 12px
    }

    .insta-custom .insta-item .description {
        font-size: 14px
    }

.insta-custom .insta-header-inner .left a {
    display: flex;
    color: #262626
}

.insta-custom .insta-header-inner .left img {
    max-height: 52px;
    display: inline-block;
    height: 52px;
    margin-right: 5px
}

.insta-custom .insta-header-inner .right {
    display: none
}

.insta-custom .insta-header-inner {
    flex: wrap
}

    .insta-custom .insta-header-inner .left span {
        line-height: 52px;
        display: inline-block
    }

.br-control-instagram {
    height: 466px;
    overflow-y: scroll;
    padding-left: 15px;
    padding-right: 15px;
    background-color: white
}

.apprenticeDetailsContainer h2 {
    font-size: 17px
}

.apprenticeDetailsContainer .sumItem {
    font-size: 18px
}

    .apprenticeDetailsContainer .sumItem img {
        display: Block;
        margin-top: 5px
    }

.subsectionDatedLatest .side a .description .title {
    display: block
}

.filterTop .formTable {
    max-width: 250px
}
/*/lib/site/css/lightbox.css*/
body:after {
    content: url(/images/lightbox/close.png) url(/images/lightbox/loading.gif) url(/images/lightbox/prev.png) url(/images/lightbox/next.png);
    display: none
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 9999999;
    text-align: center;
    line-height: 0;
    font-weight: normal
}

    .lightbox .lb-image {
        display: block;
        height: auto;
        max-width: inherit;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px
    }

    .lightbox a img {
        border: none
    }

.lb-outerContainer {
    position: relative;
    background-color: white;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

    .lb-outerContainer:after {
        content: "";
        display: table;
        clear: both
    }

.lb-container {
    padding: 4px
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(/images/lightbox/loading.gif) no-repeat
}

.lb-nav {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    height: 50px
}

.lb-container > .nav {
    left: 0
}

.lb-nav a {
    outline: none;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==')
}

.lb-prev, .lb-next {
    height: 100%;
    cursor: pointer;
    display: block
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(/images/lightbox/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    background-position: left bottom
}

    .lb-nav a.lb-prev:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1
    }

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(/images/lightbox/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    background-position: right bottom
}

    .lb-nav a.lb-next:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1
    }

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

    .lb-dataContainer:after {
        content: "";
        display: table;
        clear: both
    }

.lb-data {
    padding: 0 4px;
    color: #ccc
}

    .lb-data .lb-details {
        width: 85%;
        float: left;
        text-align: left;
        line-height: 1.1em
    }

    .lb-data .lb-caption {
        font-size: 13px;
        font-weight: bold;
        line-height: 1em
    }

    .lb-data .lb-number {
        display: block;
        clear: left;
        padding-bottom: 1em;
        font-size: 12px;
        color: #999999
    }

    .lb-data .lb-close {
        display: block;
        float: right;
        width: 30px;
        height: 30px;
        background: url(/images/lightbox/close.png) top right no-repeat;
        text-align: right;
        outline: none;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        transition: opacity 0.2s
    }

        .lb-data .lb-close:hover {
            cursor: pointer;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 1
        }
/*/lib/site/css/fotorama.css*/
.fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__html, .fotorama__img, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.fotorama--fullscreen, .fotorama__img {
    max-width: 99999px !important;
    max-height: 99999px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important
}

.fotorama__wrap .fotorama__grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.fotorama__grabbing * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.fotorama__spinner {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important
}

.fotorama__wrap--css3 .fotorama__arr, .fotorama__wrap--css3 .fotorama__fullscreen-icon, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border, .fotorama__wrap--css3 .fotorama__video-close, .fotorama__wrap--css3 .fotorama__video-play {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.fotorama__caption, .fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before, .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__stage .fotorama__img, .fotorama__wrap--css3 .fotorama__stage__frame {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fotorama__arr:focus, .fotorama__fullscreen-icon:focus, .fotorama__nav__frame {
    outline: 0
}

    .fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after {
        content: '';
        border-radius: inherit;
        background-color: rgba(0,175,234,.5)
    }

.fotorama__wrap--video .fotorama__stage, .fotorama__wrap--video .fotorama__stage__frame--video, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__shaft {
    -webkit-transform: none !important;
    transform: none !important
}

.fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border {
    transition-property: -webkit-transform,width;
    transition-property: transform,width;
    transition-timing-function: cubic-bezier(0.1,0,.25,1);
    transition-duration: 0ms
}

.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__no-select, .fotorama__video-close, .fotorama__video-play, .fotorama__wrap {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fotorama__select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.fotorama__nav, .fotorama__nav__frame {
    margin: auto;
    padding: 0
}

.fotorama__caption__wrap, .fotorama__nav__frame, .fotorama__nav__shaft {
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1
}

.fotorama__nav__frame, .fotorama__thumb-border {
    box-sizing: content-box
}

.fotorama__caption__wrap {
    box-sizing: border-box
}

.fotorama--hidden, .fotorama__load {
    position: absolute;
    left: -99999px;
    top: -99999px;
    z-index: -1
}

.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__nav, .fotorama__nav__frame, .fotorama__nav__shaft, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video-close, .fotorama__video-play {
    -webkit-tap-highlight-color: transparent
}

.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {
    background: url('https://www.tracweb.co.uk/images/template/gallery/fotorama.png') no-repeat
}

@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx) {
    .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {
        background: url('https://www.tracweb.co.uk/images/template/gallery/fotorama@2x.png') 0 0/96px 160px no-repeat
    }
}

.fotorama__thumb {
    background-color: #7f7f7f;
    background-color: rgba(127,127,127,.2)
}

@media print {
    .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__thumb-border, .fotorama__video-close, .fotorama__video-play {
        background: none !important
    }
}

.fotorama {
    min-width: 1px;
    overflow: hidden
}

    .fotorama:not(.fotorama--unobtrusive) > *:not(:first-child) {
        display: none
    }

.fullscreen {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #000
}

.fotorama--fullscreen {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    float: none !important;
    z-index: 2147483647 !important;
    background: #000;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important
}

    .fotorama--fullscreen .fotorama__nav, .fotorama--fullscreen .fotorama__stage {
        background: #000
    }

.fotorama__wrap {
    -webkit-text-size-adjust: 100%;
    position: relative;
    direction: ltr;
    z-index: 0
}

.fotorama__wrap--rtl .fotorama__stage__frame {
    direction: rtl
}

.fotorama__nav, .fotorama__stage {
    overflow: hidden;
    position: relative;
    max-width: 100%
}

.fotorama__wrap--pan-y {
    -ms-touch-action: pan-y
}

.fotorama__wrap .fotorama__pointer {
    cursor: pointer
}

.fotorama__wrap--slide .fotorama__stage__frame {
    opacity: 1 !important
}

.fotorama__stage__frame {
    overflow: hidden
}

    .fotorama__stage__frame.fotorama__active {
        z-index: 8
    }

.fotorama__wrap--fade .fotorama__stage__frame {
    display: none
}

    .fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear, .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
        display: block;
        left: 0;
        top: 0
    }

.fotorama__wrap--fade .fotorama__fade-front {
    z-index: 8
}

.fotorama__wrap--fade .fotorama__fade-rear {
    z-index: 7
}

    .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
        z-index: 9
    }

.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
    display: none
}

.fotorama__img {
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    border: none !important
}

.fotorama__error .fotorama__img, .fotorama__loaded .fotorama__img {
    -ms-filter: "alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img, .fotorama__img--full {
    display: none
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
    display: block
}

.fotorama__wrap--only-active .fotorama__nav, .fotorama__wrap--only-active .fotorama__stage {
    max-width: 99999px !important
}

.fotorama__wrap--only-active .fotorama__stage__frame {
    visibility: hidden
}

    .fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
        visibility: visible
    }

.fotorama__nav {
    font-size: 0;
    line-height: 0;
    text-align: center;
    display: none;
    white-space: nowrap;
    z-index: 5
}

.fotorama__nav__shaft {
    position: relative;
    left: 0;
    top: 0;
    text-align: left
}

.fotorama__nav__frame {
    position: relative;
    cursor: pointer
}

.fotorama__nav--dots {
    display: block
}

    .fotorama__nav--dots .fotorama__nav__frame {
        width: 18px;
        height: 30px
    }

    .fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border {
        display: none
    }

.fotorama__nav--thumbs {
    display: block
}

    .fotorama__nav--thumbs .fotorama__nav__frame {
        padding-left: 0 !important
    }

        .fotorama__nav--thumbs .fotorama__nav__frame:last-child {
            padding-right: 0 !important
        }

    .fotorama__nav--thumbs .fotorama__nav__frame--dot {
        display: none
    }

.fotorama__dot {
    display: block;
    width: 4px;
    height: 4px;
    position: relative;
    top: 12px;
    left: 6px;
    border-radius: 6px;
    border: 1px solid #7f7f7f
}

.fotorama__nav__frame:focus .fotorama__dot:after {
    padding: 1px;
    top: -1px;
    left: -1px
}

.fotorama__nav__frame.fotorama__active .fotorama__dot {
    width: 0;
    height: 0;
    border-width: 3px
}

    .fotorama__nav__frame.fotorama__active .fotorama__dot:after {
        padding: 3px;
        top: -3px;
        left: -3px
    }

.fotorama__thumb {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%
}

.fotorama__nav__frame:focus .fotorama__thumb {
    z-index: 2
}

.fotorama__thumb-border {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    border-style: solid;
    border-color: #00afea;
    background-image: linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))
}

.fotorama__caption {
    position: absolute;
    z-index: 12;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: 'Helvetica Neue',Arial,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #000
}

    .fotorama__caption a {
        text-decoration: none;
        color: #000;
        border-bottom: 1px solid;
        border-color: rgba(0,0,0,.5)
    }

        .fotorama__caption a:hover {
            color: #333;
            border-color: rgba(51,51,51,.5)
        }

.fotorama__wrap--rtl .fotorama__caption {
    left: auto;
    right: 0
}

.fotorama__wrap--no-captions .fotorama__caption, .fotorama__wrap--video .fotorama__caption {
    display: none
}

.fotorama__caption__wrap {
    background-color: #fff;
    background-color: rgba(255,255,255,.9);
    padding: 5px 10px
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fotorama__wrap--css3 .fotorama__spinner {
    -webkit-animation: spinner 24s infinite linear;
    animation: spinner 24s infinite linear
}

.fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__stage .fotorama__img {
    transition-property: opacity;
    transition-timing-function: linear;
    transition-duration: .3s
}

.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
    -ms-filter: "alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

.fotorama__select {
    cursor: auto
}

.fotorama__video {
    top: 32px;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 10
}

@-moz-document url-prefix() {
    .fotorama__active {
        box-shadow: 0 0 0 transparent
    }
}

.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {
    position: absolute;
    z-index: 11;
    cursor: pointer
}

.fotorama__arr {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px
}

.fotorama__arr--prev {
    left: 2px;
    background-position: 0 0
}

.fotorama__arr--next {
    right: 2px;
    background-position: -32px 0
}

.fotorama__arr--disabled {
    pointer-events: none;
    cursor: default;
    *display: none;
    opacity: .1
}

.fotorama__fullscreen-icon {
    width: 32px;
    height: 32px;
    top: 2px;
    right: 2px;
    background-position: 0 -32px;
    z-index: 20
}

    .fotorama__arr:focus, .fotorama__fullscreen-icon:focus {
        border-radius: 50%
    }

.fotorama--fullscreen .fotorama__fullscreen-icon {
    background-position: -32px -32px
}

.fotorama__video-play {
    width: 96px;
    height: 96px;
    left: 50%;
    top: 50%;
    margin-left: -48px;
    margin-top: -48px;
    background-position: 0 -64px;
    opacity: 0
}

.fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play {
    display: none
}

.fotorama__error .fotorama__video-play, .fotorama__loaded .fotorama__video-play, .fotorama__nav__frame .fotorama__video-play {
    opacity: 1;
    display: block
}

.fotorama__nav__frame .fotorama__video-play {
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    background-position: -64px -32px
}

.fotorama__video-close {
    width: 32px;
    height: 32px;
    top: 0;
    right: 0;
    background-position: -64px 0;
    z-index: 20;
    opacity: 0
}

.fotorama__wrap--css2 .fotorama__video-close {
    display: none
}

.fotorama__wrap--css3 .fotorama__video-close {
    -webkit-transform: translate3d(32px,-32px,0);
    transform: translate3d(32px,-32px,0)
}

.fotorama__wrap--video .fotorama__video-close {
    display: block;
    opacity: 1
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    opacity: 0
}

    .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
        opacity: 1
    }

.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon {
    opacity: 0 !important
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
    display: none
}

    .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
        display: block
    }

.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
    display: none !important
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
    -webkit-transform: translate3d(32px,-32px,0);
    transform: translate3d(32px,-32px,0)
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
    -webkit-transform: translate3d(-48px,0,0);
    transform: translate3d(-48px,0,0)
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
    -webkit-transform: translate3d(48px,0,0);
    transform: translate3d(48px,0,0)
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
    -webkit-transform: translate3d(32px,-32px,0) !important;
    transform: translate3d(32px,-32px,0) !important
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
    -webkit-transform: translate3d(-48px,0,0) !important;
    transform: translate3d(-48px,0,0) !important
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
    -webkit-transform: translate3d(48px,0,0) !important;
    transform: translate3d(48px,0,0) !important
}

.fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), .fotorama__wrap--css3 .fotorama__video-close:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
    transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    transition-duration: .3s
}

.fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before {
    content: "";
    display: block;
    position: absolute;
    text-decoration: none;
    top: 0;
    bottom: 0;
    width: 10px;
    height: auto;
    z-index: 10;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 1px 100%,5px 100%
}

.fotorama__nav:before, .fotorama__stage:before {
    background-image: linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);
    background-position: 0 0,0 0;
    left: -10px
}

.fotorama__nav.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--left:before {
    left: 0
}

.fotorama__nav:after, .fotorama__stage:after {
    background-image: linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);
    background-position: 100% 0,100% 0;
    right: -10px
}

.fotorama__nav.fotorama__shadows--right:after, .fotorama__stage.fotorama__shadows--right:after {
    right: 0
}

.fotorama--fullscreen .fotorama__nav:after, .fotorama--fullscreen .fotorama__nav:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__stage:before, .fotorama__wrap--fade .fotorama__stage:after, .fotorama__wrap--fade .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__stage:before {
    display: none
}

.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
    background-color: #3B52B0 !important;
}

.mdl-textfield__input {
    border: 1px solid #3B52B0;
    border-radius: 5px;
    padding: 10px;
}

.mdl-textfield__label {
    color: #3B52B0;
    left: 10px;
    top: 32px;
}

.mdl-textfield {
    padding: 10px 0 20px 0;
}

    .mdl-textfield.is-focused .mdl-textfield__label,
    .mdl-textfield.is-upgraded .mdl-textfield__label,
    .mdl-textfield.is-dirty .mdl-textfield__label {
        color: #3B52B0;
    }

.mdl-textfield__label:after {
    background: none;
}

.mdl-card-max {
    width: 100% !important;
    margin-bottom: 20px;
    box-shadow: none;
}

.mdl-card__formFullWidth .mdl-textfield {
    width: 100% !important;
}

.buttons {
    margin-bottom: 20px;
}

    .buttons .left {
        float: left;
    }

    .buttons .right {
        float: right;
    }

.pageRgister .stage {
    display: none;
}

.registerErrors {
    margin: 0;
    background-color: #E2222F;
    padding: 15px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
    border-radius: 15px 2px 15px 15px !important;
}

.form-2-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .form-2-col .col {
        width: 100%;
        box-sizing: border-box;
    }

@media (min-width: 425px) {
    .form-2-col .col {
        width: 50%;
    }

    .form-2-col .col:first-child {
        padding-right: 10px;
    }

    .form-2-col .col:last-child {
        padding-left: 10px;
    }
}

.form-3-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form-3-col .col {
    width: 100%;
    box-sizing: border-box;
}

@media (min-width: 425px) {
    .form-3-col .col {
        width: 33.33%;
        box-sizing: border-box;
        padding: 0 10px;
    }

    .form-3-col .col:first-child {
        padding-left: 0;
    }

    .form-3-col .col:last-child {
        padding-right: 0;
    }
}

.form3Col-col-1, .form3Col-col-2, .form3Col-col-3 {
    width: 100%;
}

@media (min-width: 425px) {
    .form3Col-col-1, .form3Col-col-2, .form3Col-col-3 {
        float: left;
        width: 30%;
    }

    .form3Col-col-1 {
        margin-right: 3.3%;
    }

    .form3Col-col-2 {
        margin-left: 1.6%;
        margin-right: 1.6%;
    }

    .form3Col-col-3 {
        margin-left: 3.3%;
    }
}

.formNotField {
    margin-top: 20px;
}

.registerAdd {
    margin-top: 20px;
    margin-bottom: 20px;
}

#ajaxDialog .mdl-card__form {
    overflow: auto;
    padding: 16px;
}

.privacyPolicyHolder {
    border: solid 1px #A1A1A2;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.blueLabel {
    color: #3B52B0;
    margin-top: 10px;
    font-size: 12px;
}

label.mdl-checkbox {
    height: unset;
}

#mainContent {
    margin-top: 80px;
}

@media(min-width:1024px) {
    #mainContent {
        margin-top: 130px;
    }
}

.apply .mdl-layout__content {
    padding-top: 10px;
}

@media(min-width:1024px) {
    .apply .mdl-layout__content {
        padding-top: 25px;
    }
}

@media screen and (max-width: 1024px) {
    .mdl-layout__header {
        display: flex !important;
    }

    .mdl-layout__header-row {
        padding: 0 16px !important;
    }
}

.apply .mdl-layout__header {
    background-color: #3B52B0;
}

.apply .mdl-layout__header-row {
    padding-left: 40px;
}

.apply .mdl-layout.is-small-screen .mdl-layout__header-row h3 {
    font-size: inherit;
}

.apply .mdl-layout__tab-bar-button {
    display: none;
}

.apply .mdl-layout.is-small-screen .mdl-layout__tab-bar .mdl-button {
    display: none;
}

.apply .mdl-layout:not(.is-small-screen) .mdl-layout__tab-bar,
.apply .mdl-layout:not(.is-small-screen) .mdl-layout__tab-bar-container {
    overflow: visible;
}

.apply .mdl-layout__tab-bar-container {
    height: 64px;
}

.apply .mdl-layout__tab-bar {
    padding: 0;
    padding-left: 16px;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
}

    .apply .mdl-layout__tab-bar .mdl-layout__tab {
        height: 64px;
        line-height: 64px;
    }

        .apply .mdl-layout__tab-bar .mdl-layout__tab.is-active::after {
            background-color: white;
            height: 4px;
        }

.apply main > .mdl-layout__tab-panel {
    padding: 8px;
    padding-top: 48px;
}

.apply .mdl-card {
    height: auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px;
}

@media(min-width:1024px) {
    .apply .mdl-card {
        width: 330px;
    }
}

.apply .mdl-card > * {
    height: auto;
}

.apply .mdl-card .mdl-card__supporting-text {
    flex-grow: 1;
    width: 100%;
}

.apply.apply .mdl-card__supporting-text h4 {
    margin-top: 0;
    margin-bottom: 20px;
}

.apply .mdl-layout__content section:not(:last-of-type) {
    position: relative;
    margin-bottom: 28px;
}

.apply section.section--center {
    max-width: 1024px;
}

.apply section > header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.apply section > .section__play-btn {
    min-height: 200px;
}

.apply section > header > .material-icons {
    font-size: 3rem;
}

.apply section > button {
    position: absolute;
    z-index: 99;
    top: 8px;
    right: 8px;
}

.apply section .section__circle {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.apply section .section__text {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 8px;
}

    .apply section .section__text h5 {
        font-size: inherit;
        margin: 0;
        margin-bottom: 0.5em;
    }

    .apply section .section__text a {
        text-decoration: none;
    }

.apply section .section__circle-container > .section__circle-container__circle {
    width: 64px;
    height: 64px;
    border-radius: 32px;
    margin: 8px 0;
}

.apply section.section--center .section__text:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.13);
}

.apply .mdl-card .mdl-card__supporting-text > h3:first-child {
    margin-bottom: 24px;
}

.apply .mdl-layout__tab-panel:not(#overview) {
    background-color: white;
}

.apply .mdl-menu__container {
    z-index: 99;
}

.mdl-card-full-width {
    width: 100% !important;
}

.background-header .mdl-card__title {
    color: #fff;
    height: 176px;
    background: url('/lib/images/backgrounds/02.jpg?v=1') center / cover;
}

    .background-header .mdl-card__title::after {
        content: ' ';
        width: 100%;
        display: block;
        height: 176px;
        background: #000;
        opacity: .5;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

.background-header .mdl-card__title-text {
    position: relative;
    z-index: 2;
}

.apply-card {
    min-height: 100% !important;
}

.application-form h4 {
    margin-bottom: 5px !important;
}

.application-form .form-group {
    margin-bottom: 10px;
}

    .application-form .form-group .mdl-textfield {
        padding: 10px 0;
    }

    .application-form .form-group .mdl-checkbox__label {
        font-weight: normal;
    }

.mdl-textfield__input.invalid {
    border-color: #E2222F;
}

.mdl-checkbox.invalid {
    color: #E2222F;
}

.label-invalid {
    color: #E2222F;
}

.file-upload-control {
    border: 1px solid #3B52B0;
    border-radius: 5px;
    padding: 10px;
}

    .file-upload-control input {
        display: block;
        margin-bottom: 10px;
    }

        .file-upload-control input.invalid {
            border: 1px solid red;
        }