/* -------------------------------- 
Global
-------------------------------- */

html, body {
    height: 100%;
}

body {
    padding: 0;
    margin: 0
}

html {
    overflow-x: hidden;
}
/* Make all images responsive */
img {
    display: block;
    height: auto;
    max-width: 100%;
}

.clear {
    clear: both;
}

a, a:hover, a:active, a:focus, img, img:focus, li, li:hover, li:active, li:focus {
    outline: none !important;
    outline: 0 !important;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.pt15 {
    padding-top: 15px;
}

.pb15 {
    padding-bottom: 15px;
}

.pl30 {
    padding-left: 30px
}

.pr30 {
    padding-right: 30px;
}

.pr0 {
    padding-right: 0px;
}

.pl0 {
    padding-left: 0px;
}


h3, h4 {
    color: #54616e;
}

h3 {
    font-size: 22px;
    text-transform: uppercase;
}

h4 {
    font-size: 20px;
}

/* -------------------------------- 
Fonts
-------------------------------- */
/*body { font-family: 'Chivo', sans-serif; }*/
body {
    font-family: 'GothamPro',Arial,sans-serif;
    font-display: swap;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.55;
    background-color: #fff;
}

/* -------------------------------- 
Header
-------------------------------- */
.home header {
    background: none;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    /*-ms-transition: all 200ms ease-in;*/
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    z-index: 850;
    padding-top: 10px;
    background: url('/images/general/header.png') repeat;
    font-family: 'Chivo', sans-serif;
}

    header.scrolled {
        padding-top: 0px; /* background: url('../images/header.png') repeat;*/
    }

        header.scrolled .container.logo-button {
            display: none;
        }

.container.logo-button {
    /*webkit-transition: all 200ms ease-in;*/
    -moz-transition: all 200ms ease-in;
    /*-ms-transition: all 200ms ease-in;*/
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

.row {
    justify-content: center;
    flex-wrap: nowrap;
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.logo div {
    padding-left: 0px;
    margin-left: 0px;
}

.logo img {
    display: inline-block;
    display: -moz-inline-stack; /* for firefox 2 */
    *display: inline; /* for ie 6 and 7 */
    width: 350px;
    max-height: 100px;
    padding: 10px 0 10px 0;
}

.logo-button .row .col-xs-4 {
    width: fit-content;
}

.signup {
    margin-top: 30px;
    float: right;
    display: flex
}

    .signup div {
        padding-right: 0px;
        margin-right: 0px;
    }

    .signup a {
        -webkit-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        /*-ms-transition: all 200ms ease-in;*/
        -o-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
        text-transform: uppercase;
        display: block;
        width: 210px;
        font-weight: 300;
        text-align: center;
        text-decoration: none;
        background: #A67C00;
        color: #fff;
        padding: 10px 18px 10px 18px;
        /*font-size: 16px;*/
        font-size: 14px;
    }

        .signup a span {
            font-weight: 700;
        }

        .signup a:before {
            position: relative;
            top: 2px;
            color: #fff;
            content: "\f044";
            font-family: 'FontAwesome';
            margin-right: 5px;
        }

        .signup a:hover {
            background: #c1942f;
        }

.thin-banner-container {
    padding: 5px;
}

/* -------------------------------- 
Navigation
-------------------------------- */
.home .navigation {
    background: none;
}

.home header.scrolled .navigation {
    background: #54616e;
}

.navigation {
    background: #54616e;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    /*-ms-transition: all 200ms ease-in;*/
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    position: relative;
}

    .navigation .container {
        padding-left: 0px;
    }

    .navigation ul {
        margin-top: 0px;
        margin-bottom: -4px;
        margin-left: -45px;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-wrap: nowrap;
    }

        .navigation ul li {
            display: inline-block;
            margin-right: 38px;
            list-style: none;
            font-size: 15px;
            text-transform: uppercase;
            color: #fff;
            margin-top: -3px;
        }

            .navigation ul li.last {
                margin-right: 0px;
            }

            .navigation ul li.home i {
                font-size: 24px;
                position: relative;
                top: 2px;
            }

            .navigation ul li.home a {
                padding: 15px 8px 10px 8px;
            }

            .navigation ul li.active a {
                border-bottom: solid 5px #fff;
                padding: 14px 6px 6px 6px;
            }

            .navigation ul li a {
                float: left;
                color: #fff;
                font-weight: 500;
                padding: 15px 6px 11px 6px;
                display: inline-block;
                text-decoration: none;
            }

                .navigation ul li a:hover {
                    text-decoration: underline;
                }

            .navigation ul li.drop {
                position: relative;
            }

                .navigation ul li.drop:hover > ul {
                    display: block;
                }

            .navigation ul li:hover > a {
                text-decoration: underline;
            }

            .navigation ul li.drop ul.submenu {
                background: url('/images/general/submenu-bg-blue.png') top left repeat;
                padding: 10px 0px 20px 0px;
                text-align: left;
                display: none;
                position: absolute;
                min-width: 200px;
                top: 49px;
                left: 45px;
            }

            .navigation ul li ul.submenu li {
                float: left;
                display: inline-block;
                width: 100%;
                margin-right: 0px;
                padding-left: 0px;
                margin-left: 0px;
                font-size: 14px !important;
                text-transform: none;
            }

                .navigation ul li ul.submenu li a {
                    font-weight: 400;
                    padding-bottom: 0px;
                }

                .navigation ul li ul.submenu li:hover a {
                    background: transparent !important;
                }

                .navigation ul li ul.submenu li strong {
                }

                .navigation ul li ul.submenu li.sub-title {
                    float: left;
                    margin-bottom: -5px !important;
                    padding: 15px 10px 5px 10px;
                    display: inline-block;
                    font-size: 12px !important;
                    font-weight: 300;
                    text-transform: uppercase;
                }

            .navigation ul li ul.submenu.wide {
                min-width: 320px;
            }

                .navigation ul li ul.submenu.wide .column.left {
                    float: left;
                    width: 50%;
                    display: block;
                }

                .navigation ul li ul.submenu.wide .column.right {
                    float: left;
                    display: block;
                    width: 50%;
                }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .navigation ul li.drop ul.submenu {
        top: 48px;
    }
}

/** Mobile Menu **/
.mobilemenu {
    position: relative;
    z-index: 9999;
}

a.menu-btn {
    position: absolute;
    /*top: 15px;*/
    top: 30px;
    right: 25px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    color: #54616e;
    text-decoration: none;
}

    a.menu-btn span {
        position: relative;
        top: 0px;
        left: -4px;
    }

    a.menu-btn:hover {
        text-decoration: none;
    }

    a.menu-btn img {
        width: 25px !important;
        height: 18px !important;
        margin-bottom: 2px;
    }

.mm-menu {
    z-index: 9000 !important;
    background: #54616e !important;
}

#mobile-menu:not( .mm-menu ) {
    display: none;
}

#mobile-menu li.heading a {
    padding: 0;
}

#mobile-menu {
    font-family: 'Chivo', sans-serif
}

.mm-menu h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 10px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
}

.mm-menu a h2 {
    color: #ffffff !important;
}

.mm-listview a.mm-subopen {
    color: #ffffff !important;
}

.mm-listview > li > a, .mm-listview > li > span {
    font-size: 16px;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    color: #ececec !important;
}

.mm-navbar a.mm-title {
    font-size: 18px;
    font-weight: 700 !important;
    color: #fff !important;
}

.mm-listview > li > a:hover {
    color: #ffffff !important;
}

.mm-listview a.mm-subclose:before {
    margin-bottom: -4px !important;
}

.mm-listview, .mm-listview > li {
    border-bottom: 1px solid #00240c;
}

    .mm-listview > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
        border-bottom: 0px !important;
    }

    .mm-listview > li > a.mm-next:after {
        color: #ffffff !important;
    }

ul.sub-menu.mm-listview {
    width: 100%;
    float: none !important;
    border: none !important;
    -webkit-box-shadow: 0px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    box-shadow: 0 !important;
}

    ul.sub-menu.mm-listview li {
        width: 100%;
        padding-bottom: 2px !important;
        border-bottom: 1px solid #d73a30;
        background-color: #ef4136 !important;
        background: #ef4136 !important;
        -webkit-box-shadow: 0px !important;
        box-shadow: 0 !important;
    }

/* -------------------------------- 
Home Banner
-------------------------------- */
#homebanner {
    height: 630px;
    position: relative;
    text-align: center;
}

    #homebanner .heading-wrapper {
        position: absolute;
        width: 50%;
        left: 25%;
        bottom: 18%;
        z-index: 100; /*display: none;*/
    }

    #homebanner h1 {
        color: #ffffff;
        font-size: 85px;
        font-weight: 300;
        margin-top: 0;
        z-index: 100;
        margin-bottom: 0px;
    }

        #homebanner h1 strong {
            font-style: italic;
        }

    #homebanner h2 {
        color: #ffffff;
        font-weight: 300;
        font-size: 45px;
        z-index: 100;
        margin-top: 0px;
    }

.down-wrapper {
    margin-top: 40px;
}

    .down-wrapper .down {
        position: absolute;
        left: 48%;
        transition: bottom 0.25s linear;
        -moz-transition: bottom 0.25s linear;
        -webkit-transition: bottom 0.25s linear;
        width: 80px;
    }

.down {
    position: absolute;
    bottom: 30px;
    left: 47%;
    transition: bottom 0.25s linear;
    -moz-transition: bottom 0.25s linear;
    -webkit-transition: bottom 0.25s linear;
    z-index: 1000;
}

    .down:hover {
        cursor: pointer;
    }

.video-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 100;
}

.mobile-video-wrapper {
    position: absolute;
    top: 90px !important;
    right: 0px;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

    .mobile-video-wrapper .mobile-heading-wrapper h1 {
        font-weight: 300;
        color: #ffffff;
        font-size: 50px !important;
        margin-top: 0;
        z-index: 100;
        margin-bottom: 0px;
    }

        .mobile-video-wrapper .mobile-heading-wrapper h1 strong {
            font-style: italic;
        }

    .mobile-video-wrapper .mobile-heading-wrapper h2 {
        color: #ffffff;
        font-weight: 300;
        font-size: 30px !important;
        z-index: 100;
        margin-top: 0px;
    }

    .mobile-video-wrapper a.play img {
        margin-top: 20px;
        margin-bottom: 40px;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

/* --- Modals --- */
.modal {
    z-index: 9999;
}

.modal-content iframe {
    margin: 0 auto;
    display: block;
    border: none;
}

.modal-header {
    border-bottom: 1px solid #fff;
}

.modal-header, .modal-body, .modal-footer {
    background: #fff;
}

.modal button.close {
    color: #54616e;
    font-weight: 300;
    font-size: 40px;
    opacity: 1.0;
    margin-top: 10px;
    margin-right: 10px;
    float: right;
}

.modal-dialog.video h4 {
    color: #54616e;
    font-weight: 300;
    margin-top: 12px;
    margin-bottom: 0px;
}

#myModal iframe {
    height: 400px;
    width: 100%;
    border: none;
}

#design_content, div.design_content {
    background-color: transparent !important;
    overflow: hidden !important;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%)
}

/* --- Homepage Registration Modal --- */
.modal-dialog.regform {
    width: 520px;
    margin-top: 100px;
}

.form-group.mt5 {
    margin-top: 8px;
}

.modal-dialog.regform .modal-body {
    padding-top: 10px;
}

.modal-logo {
    width: 80%;
}

.modal-dialog.regform h3 {
    color: #54616e;
    font-weight: 300;
    margin-bottom: 20px;
    font-size: 24px;
    margin-top: 0px;
}

    .modal-dialog.regform h3 strong {
        color: #54616e;
        font-style: italic;
        margin-right: 5px;
    }

.modal-dialog.regform {
    position: relative;
    padding-bottom: 10px;
}

    .modal-dialog.regform label {
        color: #54616e;
        font-size: 16px;
        font-weight: 300;
    }

    .modal-dialog.regform .form-group {
        margin-bottom: 10px;
    }

        .modal-dialog.regform .form-group.margin {
            margin-top: 8px;
        }

            .modal-dialog.regform .form-group.margin label {
            }

    .modal-dialog.regform input, .modal-dialog.regform select {
        max-width: 620px;
        padding: 10px 10px 10px 10px;
        line-height: 15px;
        height: 40px;
    }

.fullwidth {
    padding-left: 15px;
}

.modal-dialog.regform input.btn, .regform button.btn {
    background: #54616e;
    text-transform: uppercase;
    margin-top: 20px;
    width: 100% !important;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 22px;
    padding: 10px 10px 10px 10px;
    font-weight: 300;
}

.modal-dialog.regform .btn i {
    color: #fff;
    margin-right: 5px;
}

.modal-dialog.regform .btn strong {
    font-style: italic;
}

.modal-dialog.regform .btn:hover, .regform button.btn:hover {
    background: #c1942f;
}

.modal-dialog .regfom .btn {
    font-size: 50px;
}

#bgvid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /*height: 100%;*/
    min-width: 100%;
    min-height: 100%;
}

iframe#bgvid {
    opacity: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: none !important;
    border: none;
}

/* --- Home Features --- */
#homefeatures {
    padding: 80px 100px 75px 100px;
    margin-top: 0px;
    margin-left: 0px;
    clear: both;
    display: block;
}

    #homefeatures .row {
        padding-left: 0px;
        padding-right: 0px;
    }

.feature, .feature-video {
    -webkit-box-shadow: 0 0 10px 1px #858585;
    box-shadow: 0 0 10px 1px #858585;
    overflow: hidden;
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    /*-ms-transition: all 200ms ease-in;*/
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    max-height: 600px;
}

    .feature:hover, .feature-video:hover {
        -webkit-box-shadow: 0px 0px 0px 0px #858585;
        box-shadow: 0px 0px 0px 0px #858585;
        -webkit-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        /*-ms-transition: all 200ms ease-in;*/
        -o-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
    }

    .feature img, .feature-video img {
        position: relative;
        width: 100%;
        z-index: 750;
    }

    .feature .content, .feature-video .content {
        position: absolute;
        z-index: 830;
        bottom: -485px;
        width: 100%;
        padding: 2px 15px;
        text-align: right;
        text-decoration: none;
    }

    .feature .content, .feature-video a {
        text-decoration: none;
    }

        .feature .content h3, .feature-video .content h3 {
            font-size: 20px;
            text-transform: uppercase;
            text-align: right;
            color: #ffffff;
            font-weight: 300;
            text-decoration: none;
        }

            .feature .content h3 strong, .feature-video h3 strong {
                font-style: italic;
            }

        .feature .content p, .feature-video .content p {
            margin-bottom: 20px;
            text-align: right;
            color: #ffffff;
            font-size: 18px;
            line-height: 22px;
            text-decoration: none;
        }

        .feature .content a {
            padding: 8px 12px 8px 12px;
            background: #a48338;
            -webkit-transition: all 200ms ease-in;
            -moz-transition: all 200ms ease-in;
            /*-ms-transition: all 200ms ease-in;*/
            -o-transition: all 200ms ease-in;
            transition: all 200ms ease-in;
            text-transform: uppercase;
            text-decoration: none;
            color: #ffffff;
        }

            .feature .content a:hover {
                text-decoration: none;
                background: #c1942f;
            }

    .feature .overlay, .feature-video .overlay {
        -webkit-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        /*-ms-transition: all 200ms ease-in;*/
        -o-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
        height: 100%;
        width: 100%;
        display: none;
        background: url('/images/general/overlay-feature.png') top left;
        z-index: 825;
        position: absolute;
    }

    .feature:hover .overlay, .feature-video:hover .overlay {
        display: block;
    }

.connect {
    padding: 20px 0px 10px 0px;
    margin-top: 0px;
    clear: both;
    display: block;
}

    .connect h4 {
        text-align: center;
        font-weight: 300;
        color: #a48338;
        font-size: 40px;
        line-height: 44px;
        text-transform: uppercase;
        padding-bottom: 20px;
    }

    .connect .divide {
        clear: both;
        display: block;
        width: 25%;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        border-bottom: 2px solid #a48338;
    }

    .connect .social-links {
        text-align: center;
    }

        .connect .social-links a {
            -webkit-transition: all 200ms ease-in;
            -moz-transition: all 200ms ease-in;
            /*-ms-transition: all 200ms ease-in;*/
            -o-transition: all 200ms ease-in;
            transition: all 200ms ease-in;
            text-decoration: none;
            margin-right: 15px;
            margin-left: 15px;
        }

            .connect .social-links a i {
                -webkit-transition: all 200ms ease-in;
                -moz-transition: all 200ms ease-in;
                /*-ms-transition: all 200ms ease-in;*/
                -o-transition: all 200ms ease-in;
                transition: all 200ms ease-in;
                font-size: 45px;
                color: #54616e;
            }

            .connect .social-links a:hover i {
                color: #A67C00;
            }

.signupnow {
    background: #54616e;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    /*-ms-transition: all 200ms ease-in;*/
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    margin-top: 0px;
    clear: both;
    display: block;
}

    .signupnow h4 {
        text-align: center;
        font-weight: 300;
        color: #fff;
        font-size: 30px;
        line-height: 44px;
        text-transform: uppercase;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .signupnow h4 strong {
            color: #fff;
        }

        .signupnow h4 a {
            color: #fff;
            text-decoration: none;
        }

            .signupnow h4 a:hover {
                color: #fff;
                text-decoration: none;
            }

    .signupnow:hover {
        background: #A67C00;
    }

/* --- Inside --- */
#inside-banner {
    max-height: 600px;
    position: relative;
    text-align: center;
    clear: both;
    display: block;
}

    #inside-banner .heading-wrapper {
        position: absolute; /*width: 80%; left: 8%;*/
        width: 100%;
        bottom: 10%;
        text-align: center;
        display: block;
        z-index: 845;
    }

    #inside-banner img {
        position: relative;
    }

    #inside-banner h1 {
        text-shadow: 1px 1px 2px #303030;
        color: #ffffff;
        font-size: 70px;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 0;
        z-index: 100;
        margin-bottom: 0px;
    }

        #inside-banner h1 strong {
            font-style: italic;
        }

    #inside-banner h2 {
        text-shadow: 1px 1px 2px #303030;
        color: #ffffff;
        font-weight: 300;
        font-size: 40px;
        z-index: 100;
        margin-top: 0px;
    }

    #inside-banner .gradient {
        bottom: 0px;
        background: url('/images/general/inside-gradient.png') bottom left repeat-x;
        z-index: 90;
        position: absolute;
        height: 100%;
        width: 100%;
    }


/* Breadcrumbs */
.breadcrumbs {
    padding-top: 20px;
    margin: 0px 0px 0px 0px;
}

    .breadcrumbs .container {
        padding-left: 0px;
    }

    .breadcrumbs ul {
        margin-left: 0px;
        padding-left: 0px;
    }

    .breadcrumbs li {
        text-transform: uppercase;
        padding-left: 0px;
        display: inline;
        list-style: none;
        margin-right: 5px;
        color: #000;
        font-size: 12px;
    }

        .breadcrumbs li a {
            color: #aead9f;
        }

            .breadcrumbs li a:hover {
                text-decoration: underline;
            }

        .breadcrumbs li:after {
            text-decoration: none !important;
            color: #aead9f;
            content: '/';
            margin-left: 8px;
            top: -1px;
            position: relative;
        }

        .breadcrumbs li.last:after {
            display: none;
        }

/* --- Main --- */
#main {
    padding-bottom: 30px;
    background: #f8f8f6;
}

/* --- Sidebar --- */
#sidebar {
    padding-left: 0px;
    padding-top: 0px;
    margin-top: -10px;
}

    #sidebar div {
        padding-left: 0px;
    }

    #sidebar h2 {
        padding: 12px 15px 10px 15px;
        background: #0b3707;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 400;
        margin-top: 5px;
        margin-bottom: 0px;
    }

        #sidebar h2 a {
            display: block;
            -webkit-transition: all .2s ease-in;
            -moz-transition: all .2s ease-in;
            /*-ms-transition: all .2s ease-in;*/
            -o-transition: all .2s ease-in;
            color: #fff !important;
            text-decoration: none;
        }

            #sidebar h2 a:hover {
                color: #fff !important;
            }

        #sidebar h2:hover {
        }

    #sidebar ul {
        background: #afaea0;
        padding-left: 0px;
    }

        #sidebar ul li {
            list-style-type: none;
            font-weight: 300;
            font-size: 14px;
            margin-bottom: 0px;
        }

            #sidebar ul li a {
                padding: 10px 10px 10px 15px !important;
                border-left: 5px solid #afaea0;
                display: block;
                font-weight: 400;
                color: #fff !important;
                -webkit-transition: all .2s ease-in;
                -moz-transition: all .2s ease-in;
                /*-ms-transition: all .2s ease-in;*/
                -o-transition: all .2s ease-in;
                color: #464646;
            }

                #sidebar ul li a:hover {
                    background: #9a998c;
                    border-left: 5px solid #0b3707;
                    color: #fff;
                    text-decoration: none;
                }

            #sidebar ul li.active a {
                background: #9a998c;
                border-left: 5px solid #0b3707;
                color: #fff;
                text-decoration: none;
            }

            #sidebar ul li ul {
                padding-left: 0px;
                border-top: none;
                margin-bottom: 7px;
                margin-top: -5px;
                margin-left: 0px;
            }

                #sidebar ul li ul li {
                    padding: 0px 0px 0px 0px;
                    margin-bottom: -7px;
                    font-size: 13px;
                }

            #sidebar ul li.active ul li a {
                border-left: 5px solid #9a998c !important;
            }

            #sidebar ul li ul li a:hover {
                background: #9a998c;
                border-left: 5px solid #9a998c;
                color: #fff;
                text-decoration: underline;
            }

            #sidebar ul li ul li.active a {
                background: #9a998c;
                border-left: 5px solid #9a998c;
                color: #fff;
                text-decoration: underline;
            }

    /* --- Sidebar Features --- */
    #sidebar .sidelink {
        position: relative;
        margin-top: 20px;
        -webkit-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
        /*-ms-transition: all .2s ease-in;*/
        -o-transition: all .2s ease-in;
    }

        #sidebar .sidelink img {
            z-index: 800;
        }

        #sidebar .sidelink p {
            -webkit-transition: all .2s ease-in;
            -moz-transition: all .2s ease-in;
            /*-ms-transition: all .2s ease-in;*/
            -o-transition: all .2s ease-in;
            position: absolute;
            bottom: 13%;
            left: 20px;
            z-index: 1000;
            text-align: left;
            font-weight: 300;
            color: #fff;
            font-size: 24px;
            line-height: 27px;
            text-transform: uppercase;
        }

        #sidebar .sidelink:hover p {
            position: absolute;
            bottom: 13%;
            left: 30px;
        }

        #sidebar .sidelink p strong {
            font-style: italic;
        }

        #sidebar .sidelink p a {
            color: #fff;
        }

            #sidebar .sidelink p a:hover {
                text-decoration: none;
            }

        #sidebar .sidelink .sidebaroverlay {
            -webkit-transition: all 200ms ease-in;
            -moz-transition: all 200ms ease-in;
            /*-ms-transition: all 200ms ease-in;*/
            -o-transition: all 200ms ease-in;
            transition: all 200ms ease-in;
            height: 100%;
            width: 100%;
            background: url('/Source/assets/images/general/sidebar-overlay-desktop.png') top left no-repeat;
            z-index: 900;
            position: absolute;
        }

    #sidebar.sticky {
        float: none;
        position: fixed;
        top: 20px;
        z-index: 6;
        left: auto;
    }

/* --- Content --- */
.content {
    min-height: 500px !important;
    z-index: 840;
    margin-bottom: 30px;
    display: block;
}

    .content h2 {
        text-transform: uppercase;
        padding-top: 0px;
        margin-top: -2px;
        color: #000;
        border-bottom: 1px solid #cfcec6;
        padding-bottom: 12px;
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 10px !important;
        font-weight: 300;
    }

        .content h2 strong {
            font-style: italic;
        }

    .content h3 {
        text-transform: uppercase;
        color: #000;
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 10px !important;
        font-weight: 400;
    }

    .content h4 {
        text-transform: uppercase;
        color: #000;
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 12px !important;
        font-weight: 600;
    }

    .content h5 {
        text-transform: uppercase;
        color: #000;
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 12px !important;
        font-weight: 600;
    }

    .content p {
        color: #000;
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 15px;
        font-weight: 400;
    }

        .content p a {
            color: #0087c4
        }

            .content p a:hover {
                text-decoration: none;
            }

    /* --- Un0ordered List --- */
    .content ul {
        margin-bottom: 20px;
    }

        .content ul li {
            color: #333333 !important;
            font-weight: 300;
            list-style: none;
            font-size: 16px;
            position: relative;
            padding-left: 15px;
            line-height: 19px;
            margin-bottom: 7px;
        }

            .content ul li:before {
                color: #333333;
                font-size: 5px;
                position: absolute;
                top: 1px;
                left: 0;
                font-family: 'FontAwesome';
                content: "\f111";
            }

            .content ul li a {
                color: #0087c4;
            }

                .content ul li a:hover {
                    color: #039ee3 !important;
                }

            .content ul li ul {
                margin-top: 5px;
            }

                .content ul li ul li {
                    line-height: 19px /*color: #333333*/;
                    padding-left: 15px;
                    margin-bottom: 3px;
                }

                    .content ul li ul li:before {
                        position: absolute;
                        top: 0px;
                        left: 1px;
                        color: #3b3b3b;
                        font-size: 4px;
                    }

    /* --- Ordered List --- */
    .content ol {
        margin-left: 5px;
        padding-left: 12px;
        margin-bottom: 20px;
    }

        .content ol li {
            list-style: none;
            margin-bottom: 10px;
            font-size: 16px;
            padding-left: 0px;
            list-style-type: decimal;
        }

            .content ol li a {
                color: #0087c4;
            }

                .content ol li a:hover {
                    color: #039ee3 !important;
                }

            .content ol li ol {
                margin-top: 4px;
                margin-bottom: 10px;
            }

                .content ol li ol li {
                    line-height: 18px;
                    font-size: 14px;
                    list-style-type: lower-alpha;
                }

/* --- Tabs --- */
.tabs {
    margin-top: 30px;
}

.tabs {
}

.content .tabs ul {
    border-bottom: none !important;
}

    .content .tabs ul li {
        border-right: 1px solid #f8f8f6;
        margin-left: 0px;
        padding-left: 0px;
        list-style: none;
        border-radius: 0px !important;
        margin-bottom: 0px;
        background: #e3e2dd;
    }

        .content .tabs ul li img {
            float: left;
            margin-right: 7px;
        }

        .content .tabs ul li a {
            border-right: 1px solid #f8f8f6;
            border-top: 5px solid #e3e2dd;
            padding-bottom: 15px;
            color: #171a18;
            border-radius: 0px !important;
            margin-right: 0px;
            border-right: none !important;
        }

        .content .tabs ul li:last-child a {
        }

        .content .tabs ul li a:hover {
            cursor: pointer !important;
            color: #171a18 !important;
            border-bottom: 1px solid #fff;
            background: #fff;
            border-top: 5px solid #54616e;
            color: #171a18;
        }

        .content .tabs ul li.active a {
            border-right: 1px solid #f8f8f6;
            border-top: 5px solid #54616e;
            margin-right: 0px;
            border-bottom: 1px solid #fff;
            border-left: 1px solid #e3e2dd !important;
            color: #171a18;
        }

        .content .tabs ul li a strong {
            font-style: italic;
            margin-right: 4px;
            position: relative;
        }

        .content .tabs ul li.active a:hover {
            border-bottom: 1px solid #fff;
            cursor: pointer;
            color: #171a18;
        }

        .content .tabs ul li a strong {
            font-weight: 700;
        }

        .content .tabs ul li:before {
            content: none;
        }

.content .tab-content {
    margin-top: -21px;
    padding: 20px 20px 20px 20px;
    border: 1px solid #e3e2dd;
    background: #fff;
}

    .content .tab-content h2 {
        text-transform: uppercase;
        margin-top: 0px;
        color: #000;
        padding-bottom: 0px;
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 10px !important;
        border: none;
    }

    .content .tab-content a#Next1.btn {
        text-align: right;
        padding-right: 30px;
    }

        .content .tab-content a#Next1.btn span.next-link {
            font-size: 20px;
            text-transform: uppercase;
        }

        .content .tab-content a#Next1.btn i.fa {
            font-size: 60px;
            position: absolute;
            margin-top: -34px;
            margin-left: 10px;
        }

    .content .tab-content a#Prev1.btn {
        text-align: left;
        padding-left: 30px;
    }

        .content .tab-content a#Prev1.btn span.prev-link {
            font-size: 20px;
            text-transform: uppercase;
        }

        .content .tab-content a#Prev1.btn i.fa {
            font-size: 60px;
            position: absolute;
            margin-top: -6px;
            margin-left: -30px;
        }

    .content .tab-content a#Next2.btn {
        text-align: right;
        padding-right: 30px;
    }

        .content .tab-content a#Next2.btn span.next-link {
            font-size: 20px;
            text-transform: uppercase;
        }

        .content .tab-content a#Next2.btn i.fa {
            font-size: 60px;
            position: absolute;
            margin-top: -34px;
            margin-left: 10px;
        }

    .content .tab-content a#Prev2.btn {
        text-align: left;
        padding-left: 30px;
    }

        .content .tab-content a#Prev2.btn span.prev-link {
            font-size: 20px;
            text-transform: uppercase;
        }

        .content .tab-content a#Prev2.btn i.fa {
            font-size: 60px;
            position: absolute;
            margin-top: -6px;
            margin-left: -30px;
        }

.btn.active, .btn:active {
    box-shadow: none !important;
}

a.view-more1, a.view-more2, a.view-more3, a.view-more4, a.view-more5, a.view-more6, a.view-more7, a.view-more8, a.view-more9 {
    display: none;
}

/** Table **/
.content table {
    border: 1px solid #dddddd;
    margin-bottom: 20px !important;
    margin-top: 20px;
}

    .content table tr th, .content table tr.top td {
        font-size: 16px;
        background: #54616e !important;
        border-bottom: 1px solid #d6e8ef;
        font-weight: 600 !important;
        border-right: 1px solid #018580 !important;
        text-transform: uppercase;
        color: #fff !important;
    }

    .content table tr td {
        border-right: 1px solid #dddddd;
        font-size: 16px;
        padding: 10px 12px 10px 12px;
    }


/* --- Footer --- */
footer {
    width: 100%;
    display: block;
    text-align: center;
}

    footer img {
        display: inline-block;
        display: -moz-inline-stack; /* for firefox 2 */
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        height: 125px;
    }

    footer p {
        text-align: center;
        margin-bottom: 30px;
        font-size: 15px;
        color: #171a18;
    }

        footer p a {
            color: #003151;
        }

            footer p a:hover {
                color: #003151;
            }

    footer .top {
        padding-top: 30px;
        background: #f8f8f6;
    }

    footer .bottom {
        background: #e3e2dd;
        padding: 2px;
        padding: 2px;
    }

        footer .bottom ul {
            -webkit-padding-start: 0px;
        }

            footer .bottom ul li {
                font-size: 13px;
                display: inline-block;
                list-style: none;
            }

                footer .bottom ul li a {
                    color: #003151;
                }

                footer .bottom ul li:after {
                    content: '|';
                    margin-left: 6px;
                    margin-right: 6px;
                    position: relative;
                }

                footer .bottom ul li.last:after {
                    display: none;
                }

                footer .bottom ul li a:hover {
                    text-decoration: underline;
                }

.scrollup {
    width: 59px;
    height: 58px;
    position: fixed;
    bottom: 40px;
    right: 30px;
    z-index: 99999 !important;
    display: none;
    text-indent: -9999px;
    background: url('/images/general/icon_top.png') no-repeat;
}

/* --- PB Widgets --- */
.widgetHeader {
    background-color: #dadada;
    margin-top: 10px;
    text-align: center;
}

/******************* HRI Widget Styles *******************/
/* --- Padding and Margins --- */
.pad-horz-smlr, .pad-horz-smlr-left {
    padding-left: 5px;
}

.pad-horz-smlr, .pad-horz-smlr-right {
    padding-right: 5px;
}

.pad-horz-sml, .pad-horz-sml-left {
    padding-left: 7.5px;
}

.pad-horz-sml, .pad-horz-sml-right {
    padding-right: 7.5px;
}

.pad-horz-med, .pad-horz-med-left {
    padding-left: 15px;
}

.pad-horz-med, .pad-horz-med-right {
    padding-right: 15px;
}

.pad-horz-lrg, .pad-horz-lrg-left {
    padding-left: 30px;
}

.pad-horz-lrg, .pad-horz-lrg-right {
    padding-right: 30px;
}

.pad-horz-lrgr, .pad-horz-lrgr-left {
    padding-left: 45px;
}

.pad-horz-lrgr, .pad-horz-lrgr-right {
    padding-right: 45px;
}

.pad-vert-smlr, .pad-vert-smlr-top {
    padding-top: 5px;
}

.pad-vert-smlr, .pad-vert-smlr-bottom {
    padding-bottom: 5px;
}

.pad-vert-sml, .pad-vert-sml-top {
    padding-top: 7.5px;
}

.pad-vert-sml, .pad-vert-sml-bottom {
    padding-bottom: 7.5px;
}

.pad-vert-med, .pad-vert-med-top {
    padding-top: 15px;
}

.pad-vert-med, .pad-vert-med-bottom {
    padding-bottom: 15px;
}

.pad-vert-lrg, .pad-vert-lrg-top {
    padding-top: 30px;
}

.pad-vert-lrg, .pad-vert-lrg-bottom {
    padding-bottom: 30px;
}

.pad-vert-lrgr, .pad-vert-lrgr-top {
    padding-top: 45px;
}

.pad-vert-lrgr, .pad-vert-lrgr-bottom {
    padding-bottom: 45px;
}

.mar-horz-smlr, .mar-horz-smlr-left {
    margin-left: 5px;
}

.mar-horz-smlr, .mar-horz-smlr-right {
    margin-right: 5px;
}

.mar-horz-sml, .mar-horz-sml-left {
    margin-left: 7.5px;
}

.mar-horz-sml, .mar-horz-sml-right {
    margin-right: 7.5px;
}

.mar-horz-med, .mar-horz-med-left {
    margin-left: 15px;
}

.mar-horz-med, .mar-horz-med-right {
    margin-right: 15px;
}

.mar-horz-lrg, .mar-horz-lrg-left {
    margin-left: 30px;
}

.mar-horz-lrg, .mar-horz-lrg-right {
    margin-right: 30px;
}

.mar-horz-lrgr, .mar-horz-lrgr-left {
    margin-left: 45px;
}

.mar-horz-lrgr, .mar-horz-lrgr-right {
    margin-right: 45px;
}

.mar-vert-smlr, .mar-vert-smlr-top {
    margin-top: 5px;
}

.mar-vert-smlr, .mar-vert-smlr-bottom {
    margin-bottom: 5px;
}

.mar-vert-sml, .mar-vert-sml-top {
    margin-top: 7.5px;
}

.mar-vert-sml, .mar-vert-sml-bottom {
    margin-bottom: 7.5px;
}

.mar-vert-med, .mar-vert-med-top {
    margin-top: 15px;
}

.mar-vert-med, .mar-vert-med-bottom {
    margin-bottom: 15px;
}

.mar-vert-lrg, .mar-vert-lrg-top {
    margin-top: 30px;
}

.mar-vert-lrg, .mar-vert-lrg-bottom {
    margin-bottom: 30px;
}

.mar-vert-lrgr, .mar-vert-lrgr-top {
    margin-top: 45px;
}

.mar-vert-lrgr, .mar-vert-lrgr-bottom {
    margin-bottom: 45px;
}

/* --- page header and article actions */
@media screen and (max-width:699px) {
    .page-header .h1, .page-header h1 {
        font-size: 22px;
    }
}

@media screen and (min-width:700px) and (max-width:769px) {
    .page-header .h1, .page-header h1 {
        font-size: 24px;
    }
}

@media screen and (min-width:769px) {
    .page-header {
        position: relative;
    }

        .page-header .h1, .page-header h1 {
            font-size: 28px;
        }

        .page-header .article-actions {
            position: absolute;
            top: 0;
            right: 0;
        }

        .page-header.article-page-header .h1, .page-header.article-page-header h1 {
            font-size: 29.6px;
        }

        .page-header.article-page-header .h1, .page-header.article-page-header .h2, .page-header.article-page-header h1, .page-header.article-page-header h2 {
            padding-right: 40px;
        }
}

.page-header {
    border-bottom: none;
    margin: 20px 0;
    padding-bottom: 0;
    text-align: center;
}

    .page-header .h1, .page-header h1 {
        font-weight: 300;
        margin-top: 0;
        text-transform: uppercase;
    }

    .page-header.article-page-header {
        text-align: left;
        margin: 0 0 20px;
    }

        .page-header.article-page-header .h2, .page-header.article-page-header h2 {
            margin-top: 0;
        }

.article-actions {
    padding-left: 0;
    list-style: none;
}

.article-actions {
    margin-left: -5px;
}

    .article-actions > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

@media screen and (min-width:769px) {
    .page-header .article-actions {
        position: absolute;
        top: 0;
        right: 0;
    }

    .page-header.article-page-header .h1, .page-header.article-page-header h1 {
        font-size: 29.6px;
    }

    .page-header.article-page-header .h1, .page-header.article-page-header .h2, .page-header.article-page-header h1, .page-header.article-page-header h2 {
        padding-right: 40px;
    }
}

.page-header {
    border-bottom: none;
    margin: 20px 0;
    padding-bottom: 0;
    text-align: center;
}

    .page-header .h1, .page-header h1 {
        font-weight: 300;
        margin-top: 0;
        text-transform: uppercase;
    }

    .page-header.article-page-header {
        text-align: left;
        margin: 0 0 20px;
    }

        .page-header.article-page-header .h2, .page-header.article-page-header h2 {
            margin-top: 0;
            color: #54616e;
            font-size: 24px;
            text-transform: uppercase;
        }

.article-actions > li > .btn-link {
    border-radius: 100%;
    width: 38px;
    height: 38px;
    padding-left: 0;
    padding-right: 0;
    color: #333;
}

    .article-actions > li > .btn-link > i {
        color: #9a9a9a;
        font-size: 20px;
        font-weight: 600;
        margin: 0;
        line-height: 22px;
    }

    .article-actions > li > .btn-link:active, .article-actions > li > .btn-link:focus, .article-actions > li > .btn-link:hover {
        text-decoration: none;
        background-color: #00a2e3;
        color: #fff;
    }

        .article-actions > li > .btn-link:active > i, .article-actions > li > .btn-link:focus > i, .article-actions > li > .btn-link:hover > i {
            color: #fff;
        }

.article-actions .hri-share {
    top: -2px;
    left: -1px;
}

.article-carousel {
    margin-bottom: 20px;
}

    .article-carousel .item img {
        width: 100%;
    }

    .article-carousel .carousel-indicators {
        position: relative;
        bottom: auto;
        left: auto;
        margin: 4px -2px 0;
        padding: 0;
        z-index: inherit;
        width: auto;
    }

        .article-carousel .carousel-indicators:after, .article-carousel .carousel-indicators:before {
            content: " ";
            display: table;
        }

        .article-carousel .carousel-indicators li {
            border: none;
            background: 0 0;
            float: left;
            width: 25%;
            height: auto;
            text-indent: inherit;
            display: block;
            margin: 0;
        }

            .article-carousel .carousel-indicators li img {
                width: 100%;
                padding-left: 2px;
                padding-right: 2px;
            }

        .article-carousel .carousel-indicators .active img {
            opacity: .7;
        }

@media screen and (min-width:992px) {
    .article-carousel {
        width: 50%;
        float: left;
        margin-right: 20px;
    }

        .article-carousel .carousel-indicators {
            margin: 4px -2px;
        }

            .article-carousel .carousel-indicators li img {
                padding-left: 2px;
                padding-right: 2px;
            }

            .article-carousel .carousel-indicators .active img {
                opacity: .7;
            }
}

.carousel-inner, .embed-responsive, .media, .media-body, .modal, .modal-open, .progress {
    overflow: hidden;
}

.carousel, .carousel-inner {
    position: relative;
}

.carousel-inner {
    width: 100%;
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left;
    }

        .carousel-inner > .item > a > img, .carousel-inner > .item > img {
            display: block;
            max-width: 100%;
            height: auto;
            line-height: 1;
        }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

        .carousel-inner > .item.active.right, .carousel-inner > .item.next {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            left: 0;
        }

        .carousel-inner > .item.active.left, .carousel-inner > .item.prev {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            left: 0;
        }

            .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                left: 0;
            }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

    .carousel-inner > .next.left, .carousel-inner > .prev.right {
        left: 0;
    }

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

/* --- Data table list --- */

#TableList {
    margin-bottom: 25px;
}

    #TableList th {
        vertical-align: middle;
    }

    #TableList th {
        font-size: 14px;
    }

    #TableList td {
        font-size: 12px;
    }

        #TableList td:nth-child(3), #TableList td:nth-child(4), #TableList td:nth-child(5), #TableList td:nth-child(6) {
            text-align: center;
        }

/* Alphabetical sorting for lists */
.ln-letters {
    overflow: hidden;
}

    .ln-letters a {
        font-size: 0.9em;
        display: block;
        float: left;
        padding: 2px 6px;
        border: 1px solid silver;
        border-right: none;
        text-decoration: none;
        color: #54616e;
    }

        .ln-letters a.ln-last {
            border-right: 1px solid silver;
        }

        .ln-letters a:hover,
        .ln-letters a:hover.ln-selected,
        .ln-letters a.ln-selected {
            color: white;
            background-color: #54616e;
            border-color: #54616e;
        }

        .ln-letters a.ln-disabled {
            color: #ccc;
            pointer-events: none;
            cursor: default;
        }

        .ln-letters a:hover.ln-disabled {
            background: #eaeaea;
            border-color: silver;
        }

.ln-letter-count {
    text-align: center;
    font-size: 0.8em;
    line-height: 1;
    padding-top: 20px;
    color: #336699;
    display: none !important;
}

.dataTables_filter {
    display: none;
}

.rasbg {
    background-color: #54616e;
    color: #FFF;
}
/* --- End Data table list --- */

/* Icon and Text */

@font-face {
    font-family: hri;
    src: url(/fonts/hri-icon/hri.eot?-2r56ye);
    src: url(/fonts/hri-icon/hri.eot?#iefix-2r56ye) format("embedded-opentype"), url(/fonts/hri-icon/hri.woff?-2r56ye) format("woff"), url(/fonts/hri-icon/hri.ttf?-2r56ye) format("truetype"), url(/fonts/hri-icon/hri.svg?-2r56ye#hri) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.list-chevron > li:before,
[class*=" hri-"],
[class^=hri-] {
    display: inline-block;
    font-family: hri;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cta-image-panel em,
.hero-banner .carousel-caption em,
.mega-navigation em,
.subpage-banner .page-header em {
    font-family: "Didot 06 A", "Didot 06 B", "Times New Roman", Times, serif
}

a:hover .list-chevron > li:before,
a:hover [class*=" hri-"],
a:hover [class^=hri-] {
    text-decoration: none
}

.hri-weather-5:before {
    content: "\e621"
}

.hri-trophy:before {
    content: "\e628"
}

.hri-horse:before {
    content: "\e61a"
}

.hri-money:before {
    content: "\e61d"
}

.hri-twitter:before {
    content: "\e61e"
}

.hri-marker-filled:before {
    content: "\e61c"
}

.hri-facebook:before {
    content: "\e600"
}

.hri-binoculars:before {
    content: "\66"
}

.hri-search:before {
    content: "\e61b"
}

.hri-layers:before {
    content: "\e601"
}

.hri-award:before {
    content: "\e01f"
}

.hri-stars:before {
    content: "\e602"
}

.hri-star-circle:before {
    content: "\e603"
}

.hri-blog-post:before {
    content: "\e06a"
}

.hri-phone:before {
    content: "\e604"
}

.hri-share:before {
    content: "\e605"
}

.hri-megaphone:before {
    content: "\e606"
}

.hri-download:before {
    content: "\e607"
}

.hri-email:before {
    content: "\e608"
}

.hri-people:before {
    content: "\e0e7"
}

.hri-connection:before {
    content: "\e609"
}

.hri-user-star:before {
    content: "\e60a"
}

.hri-camera-front:before {
    content: "\e159"
}

.hri-headphones:before {
    content: "\e18a"
}

.hri-play-circle:before {
    content: "\e199"
}

.hri-document:before {
    content: "\e60b"
}

.hri-plus:before {
    content: "\e60c"
}

.hri-times-square:before {
    content: "\e60d"
}

.hri-minus:before {
    content: "\e60e"
}

.hri-minus-square:before {
    content: "\e60f"
}

.hri-times:before {
    content: "\e610"
}

.hri-alert-triangle:before {
    content: "\e2d5"
}

.hri-balance:before {
    content: "\e611"
}

.hri-bank:before {
    content: "\e612"
}

.hri-printer:before {
    content: "\e3d0"
}

.hri-serving:before {
    content: "\e613"
}

.hri-bus:before {
    content: "\e548"
}

.hri-road:before {
    content: "\e554"
}

.hri-swipe-horizontal:before {
    content: "\e614"
}

.hri-play:before {
    content: "\e615"
}

.hri-chevron-left:before {
    content: "\e616"
}

.hri-chevron-right:before {
    content: "\e617"
}

.hri-chevron-down:before {
    content: "\e618"
}

.hri-chevron-up:before {
    content: "\e619"
}

.hri-balance-thin:before {
    content: "\e622"
}

.hri-award-thin:before {
    content: "\e61f"
}

.hri-people-thin:before {
    content: "\e620"
}

.hri-email-thin:before {
    content: "\e623"
}

.hri-horse-thin:before {
    content: "\e624"
}

.hri-money-thin:before {
    content: "\e625"
}

.hri-trophy-thin:before {
    content: "\e626"
}

.hri-twitter-thin:before {
    content: "\e627"
}

/* HRI ICONS END */

/*ICON Heading*/
.icon-heading {
    text-align: center;
    margin-top: 25px;
}
/*ICON Heading END*/

/* ICON Component Start */

.icon-component {
    margin-bottom: 25px;
    text-align: center
}

    .icon-component:after {
        content: " ";
        display: block;
        height: 1px;
        width: 90px;
        background-color: #54616e;
        margin: 10px auto 0
    }

    .icon-component h3 {
        font-size: 16px;
        font-weight: 300;
        margin-top: 15px;
        margin-bottom: 15px;
        color: #003151;
    }

    .icon-component p {
        font-size: 16px;
        margin-bottom: 20px
    }

    .icon-component em {
        /*font-family: "Didot 06 A", "Didot 06 B", "Times New Roman", Times, serif;*/
        font-weight: 500;
        color: #9a9a9a
    }

    .icon-component .fa {
        color: #a48338
    }

    .icon-component .list-chevron > li:before,
    .icon-component [class*=" hri-"],
    .icon-component [class^=hri-] {
        color: #54616e;
        /*font-size: 48px*/
    }

a.icon-component {
    display: block;
    color: #333;
    text-decoration: none
}

    a.icon-component:active,
    a.icon-component:focus,
    a.icon-component:hover {
        text-decoration: none
    }

        a.icon-component:active .h2,
        a.icon-component:active .h3,
        a.icon-component:active .h4,
        a.icon-component:active h2,
        a.icon-component:active h3,
        a.icon-component:active h4,
        a.icon-component:focus .h2,
        a.icon-component:focus .h3,
        a.icon-component:focus .h4,
        a.icon-component:focus h2,
        a.icon-component:focus h3,
        a.icon-component:focus h4,
        a.icon-component:hover .h2,
        a.icon-component:hover .h3,
        a.icon-component:hover .h4,
        a.icon-component:hover h2,
        a.icon-component:hover h3,
        a.icon-component:hover h4 {
            color: #A67C00;
        }

        a.icon-component:active em,
        a.icon-component:focus em,
        a.icon-component:hover em {
            color: #7a7a7a
        }

        a.icon-component:active .fa,
        a.icon-component:active .list-chevron > li:before,
        a.icon-component:active [class*=" hri-"],
        a.icon-component:active [class^=hri-],
        a.icon-component:focus .fa,
        a.icon-component:focus .list-chevron > li:before,
        a.icon-component:focus [class*=" hri-"],
        a.icon-component:focus [class^=hri-],
        a.icon-component:hover .fa,
        a.icon-component:hover .list-chevron > li:before,
        a.icon-component:hover [class*=" hri-"],
        a.icon-component:hover [class^=hri-] {
            color: #A67C00;
        }

@media screen and (min-width:768px) {
    .icon-component h3 {
        font-size: 22px
    }

    .icon-component p {
        font-size: 16px
    }

    .icon-component .list-chevron > li:before,
    .icon-component [class*=" hri-"],
    .icon-component [class^=hri-] {
        /*font-size: 64px*/
    }
}

/* Icon and Text End */

/* Accordion Start */

.accordion-component {
    margin-bottom: 0;
}

    .accordion-component .component-heading {
        margin-left: 10px;
        margin-bottom: 20px
    }

    .accordion-component .panel-group {
        margin-bottom: 0
    }

    .accordion-component .panel {
        border-left: none;
        border-right: none;
        box-shadow: none;
        border-radius: 0;
        border-color: #CCC;
        background-color: transparent;
        margin: -1px;
    }

        .accordion-component .panel:last-of-type {
            border-bottom: none
        }

    .accordion-component .panel-heading {
        border-color: #CCC;
        padding: 0
    }

    .accordion-component .panel-title a {
        display: block;
        padding: 20px 10px 20px 0px;
        font-weight: 500 !important;
        text-decoration: none;
        color: #54616e !important;
        text-transform: uppercase !important;
    }

        .accordion-component .panel-title a:hover {
            text-decoration: none
        }

    .accordion-component .panel-title .hri-minus,
    .accordion-component .panel-title .hri-plus {
        color: #041f36 !important;
        font-weight: 700 !important;
    }

    .accordion-component .panel-title .collapsed .hri-minus,
    .accordion-component .panel-title .hri-plus {
        display: none
    }

    .accordion-component .panel-title .collapsed .hri-plus {
        display: inline-block
    }

    .accordion-component .panel-title .hri-chevron-down,
    .accordion-component .panel-title .hri-chevron-up {
        color: #041f36 !important;
        font-weight: 700 !important;
    }

    .accordion-component .panel-title .collapsed .hri-chevron-up,
    .accordion-component .panel-title .hri-chevron-down {
        display: none
    }

    .accordion-component .panel-title .collapsed .hri-chevron-down {
        display: inline-block
    }

    .accordion-component .title-left {
        display: block
    }

    .accordion-component .panel-group .panel-heading + .panel-collapse > .list-group,
    .accordion-component .panel-group .panel-heading + .panel-collapse > .panel-body {
        border-top: none
    }

    .accordion-component .panel-body {
        padding-top: 0;
        margin-left: 2.5%;
    }

    .accordion-component .panel-group .panel + .panel {
        margin: -1px
    }

    .accordion-component .panel .panel-collapse.collapse {
        transition: all 0.5s ease-in;
    }

        .accordion-component .panel .panel-collapse.collapse .show {
            transition: all 0.5s ease-in-out;
        }


/* Accordion End */

/* Button Component Start */

.button-component {
    margin-bottom: 25px
}

    .button-component .btn {
        margin-bottom: 25px;
        border-width: 3px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
        white-space: normal
    }

        .button-component .btn .list-chevron > li:before, .button-component .btn [class*=" hri-"], .button-component .btn [class^=hri-] {
            margin-right: 15px
        }

.btn {
    -webkit-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease;
    border-width: 3px;
    font-weight: 400;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 0
}

    .btn .list-chevron > li:before, .btn [class*=" hri-"], .btn [class^=hri-] {
        font-size: 28px;
        top: -4px;
        position: relative;
        vertical-align: middle;
    }

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 32px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 0
}

.btn-xl {
    padding: 13.5px 24px;
    font-size: 14px;
    line-height: 1.799999955;
    border-radius: 0
}

    .btn-xl.btn-block {
        padding-left: 10px;
        padding-right: 10px
    }

.btn-xxl {
    padding: 16px 25.6px;
    font-size: 18px;
    line-height: 40px;
    border-radius: 0
}

.btn-primary, .btn-primary:active, .btn-primary:visited {
    color: #FFF;
    background-color: #54616e;
    border-color: #3e4851;
}

.btn-outline.btn-primary {
    color: #54616e;
    background-color: transparent;
    border-color: #54616e;
}

    .btn-outline.btn-primary:hover {
        background-color: #A67C00;
        border-color: #A67C00;
        color: #fff
    }

.btn-outline.btn-white {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

    .btn-outline.btn-white:hover {
        background-color: rgba(255, 255, 255, .5);
        border-color: transparent;
        color: #fff
    }

.btn-danger, .btn-info, .btn-primary, .btn-success, .btn-warning {
    border-color: transparent
}

.btn-group-lg > .btn, .btn-group-sm > .btn, .btn-group-xs > .btn, .btn-lg, .btn-sm, .btn-xs {
    border-radius: 0
}

.btn-group.open .dropdown-toggle, .btn.active, .btn:active {
    box-shadow: none
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -2px
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -2px
}

.btn-primary:hover {
    background-color: #3e4851;
    border-color: #3e4851;
}

@media (min-width:992px) {
    .btn-xl {
        font-size: 16px;
        padding-left: 48px;
        padding-right: 48px
    }

    .btn-xxl {
        padding: 16px 25.6px;
        font-size: 18px;
        line-height: 40px;
        border-radius: 0
    }
}

.dropdown-menu {
    border-radius: 0;
    border-width: 3px
}

.gold-link-grey {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    width: 100%;
    float: none;
    font-size: 22px;
    display: block;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    /*-ms-transition: all 300ms ease-in;*/
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    border: 2px solid #54616e;
    padding: 15px 30px 15px 30px;
    background: none;
    color: #54616e;
    text-decoration: none;
}

    .gold-link-grey:hover {
        text-decoration: none;
        background: #A67C00;
        color: #fff;
    }


/* Button Component End */

/* --- Text and Picture --- */
.ImgSizeSmaller {
    width: 25%;
}

.ImgSizeSmall {
    width: 33.3%;
}

.ImgSizeBig {
    width: 40%;
}

.ImgSizeBigger {
    width: 50%;
}

.ImgFloatRightSizeSmaller {
    width: 25%;
    float: right;
    margin-left: 20px;
}

.ImgFloatRightSizeSmall {
    width: 33.3%;
    float: right;
    margin-left: 20px;
}

.ImgFloatRightSizeBig {
    width: 40%;
    float: right;
    margin-left: 20px;
}

.ImgFloatRightSizeBigger {
    width: 50%;
    float: right;
    margin-left: 20px;
}

.textAndPicOuterDiv {
    width: 100%;
}

    .textAndPicOuterDiv:after {
        display: block;
        content: "";
        clear: both;
    }

.tandp-text-block {
    padding-right: 20px;
}

ul.tandp-text-block {
    overflow: hidden;
}

ul li.tandp-text-block {
    padding-top: 5px;
    padding-bottom: 5px;
}
/* Text and Picture End */

/* Miscellaneous */
.panel-background {
    background-color: #f1f0ee;
}
/* Miscellaneous End */

/* Board Member (Image Accordion) Widget Start*/

.image-accordion:after,
.image-accordion:before {
    content: " ";
    display: table
}

.image-accordion-panel {
    text-align: center;
    margin-top: 40px;
    cursor: pointer;
    margin-bottom: 40px
}

    .image-accordion-panel h2 {
        color: #003a00;
        font-size: 20px;
        margin: 15px 0 5px
    }

    .image-accordion-panel em {
        font-weight: 500;
        color: #7a7a7a;
        font-size: 18.4px;
        -webkit-transition: color .25s ease;
        transition: color .25s ease
    }

.image-accordion:after,
.image-accordion:before {
    content: " ";
    display: table
}

.image-accordion-panel {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px
}

    .image-accordion-panel h2 {
        color: #54616e;
        font-size: 20px;
        margin: 15px 0 5px
    }

    .image-accordion-panel em {
        font-weight: 500;
        color: #7a7a7a;
        font-size: 18.4px;
        -webkit-transition: color .25s ease;
        transition: color .25s ease
    }

    .image-accordion-panel .img-circle {
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease
    }

    .image-accordion-panel.collapsed .img-circle {
        opacity: .9;
        filter: opacity(90)
    }

a.image-accordion-panel:active .img-circle,
a.image-accordion-panel:hover .img-circle {
    opacity: 1;
    filter: opacity(100)
}

.image-accordion-panel.collapsed h2 {
    color: #54616e
}

.image-accordion-panel.collapsed em {
    color: #9a9a9a
}

a.image-accordion-panel {
    display: block;
    text-decoration: none;
}

    a.image-accordion-panel:active,
    a.image-accordion-panel:visited {
        text-decoration: none;
        color: #54616e;
    }

        a.image-accordion-panel:active h2,
        a.image-accordion-panel:hover h2 {
            color: #3e4851
        }

        a.image-accordion-panel:active em,
        a.image-accordion-panel:hover em {
            color: #7a7a7a
        }

.title {
    padding-top: 10px;
}

.image-accordion a[aria-expanded=false] .fa-angle-up {
    display: none
}

.image-accordion a[aria-expanded=true] .fa-angle-down {
    display: none
}

.row-collapse-toggle {
    position: relative
}

    .row-collapse-toggle:after {
        bottom: -40px;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(227, 226, 221, 0);
        border-bottom-color: #e3e2dd;
        border-width: 16px;
        margin-left: -16px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all .35s ease;
        transition: all .35s ease
    }

    .row-collapse-toggle.collapsed:after {
        bottom: -80px;
        opacity: 0;
        filter: opacity(0);
        -webkit-transition: all .35s ease;
        transition: all .35s ease
    }

.row-collapse {
    text-align: left;
    background: #e3e2dd;
}

    .row-collapse .inner {
        position: relative;
        padding: 20px 15px;
        opacity: 0;
        filter: opacity(0);
        -webkit-transition: opacity .35s ease;
        transition: opacity .35s ease;
    }

    .row-collapse.show .inner {
        opacity: 1;
        filter: opacity(100);
        z-index: 100;
    }

@media screen and (min-width:768px) {
    .row-collapse {
        margin-left: auto;
        margin-right: auto
    }

        .row-collapse .inner {
            padding: 40px 15px
        }
}

.close {
    float: right;
    top: -10px;
    border: 0px;
    background-color: inherit;
}
/* Board Member (Image Accordion) Widget End*/

/* TAB Widget Start */

.nav {
    justify-content: space-evenly;
}

.nav-tabs-hri {
    background-color: transparent;
    border-color: #54616e;
    margin-bottom: 15px
}

    .nav-tabs-hri > li {
        margin-bottom: 9px
    }

        .nav-tabs-hri > li > a {
            color: #999;
            background-color: transparent;
            letter-spacing: 1.5px;
            font-weight: 400;
            font-size: 14px;
            border-radius: 0;
            border-top: 3px solid transparent;
            border-right: none;
            border-bottom: 3px solid transparent;
            border-left: none;
            padding: 10px 15px 12px;
            text-decoration: none;
        }

            .nav-tabs-hri > li > a:focus,
            .nav-tabs-hri > li > a:hover {
                background-color: transparent;
                border-color: transparent;
                box-shadow: none;
                color: #666
            }

        .nav-tabs-hri > li.active > a,
        .nav-tabs-hri > li.active > a:focus,
        .nav-tabs-hri > li.active > a:hover {
            background-color: transparent;
            border-top: 3px solid transparent;
            border-right: none;
            border-bottom: 3px solid #54616e;
            border-left: none;
        }

        .nav-tabs-hri > li.active > a {
            color: #333
        }

        .nav-tabs-hri > li.dropdown.open > a {
            background-color: #f1f0ee;
            border-color: #f1f0ee;
            border-right: none;
            border-left: none
        }

            .nav-tabs-hri > li.dropdown.open > a .icon {
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                transform: rotate(180deg)
            }

        .nav-tabs-hri > li.dropdown.pull-right > a {
            margin-right: 0
        }

        .nav-tabs-hri > li.dropdown.pull-right > .dropdown-menu {
            text-align: right
        }

    .nav-tabs-hri .dropdown-toggle .icon {
        font-size: 12px;
        font-weight: 600;
        color: #54616e;
        -webkit-transition: all .15s ease;
        transition: all .15s ease
    }

    .nav-tabs-hri .dropdown-menu {
        background-color: #f1f0ee;
        border-color: #f1f0ee;
        box-shadow: none
    }

        .nav-tabs-hri .dropdown-menu a {
            font-size: 14px;
            color: #666;
            padding: 6px 20px
        }

            .nav-tabs-hri .dropdown-menu a:active,
            .nav-tabs-hri .dropdown-menu a:focus,
            .nav-tabs-hri .dropdown-menu a:hover {
                color: #333
            }

    .nav-tabs-hri.text-center > li {
        float: none;
        display: inline-block
    }

/* TAB Widget End */

/* Title and Text Start*/

.title h2 {
    /*font-size: 22px;
    font-weight: 400;
    letter-spacing: 1px;
    color:#54616e;*/
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1.5px;
    color: #999;
    text-align: center;
}

.title p {
    /*font-size: 22px;
    font-weight: 400;
    letter-spacing: 1px;
    color:#54616e;*/
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.5px;
    color: #999;
    text-align: center;
    margin-top: 10px;
}

.title h2:after {
    content: " ";
    display: block;
    height: 1px;
    width: 90px;
    background-color: #54616e;
    margin: 10px auto 0
}

/* Title and Text End */

/* Map Widget Start */

.panel-background-alt {
    background-color: #e3e2dd;
}

.tt-menu, .twitter-typeahead {
    width: 100%
}

.carousel-twitter .carousel-control.left {
    text-align: right
}

.carousel-twitter .carousel-control.right {
    text-align: left
}

.tt-menu .category-name {
    margin: 0 0 5px 10px;
    padding: 3px 0;
    border-bottom: 1px solid #f1f0ee;
    font-size: 18px;
    font-weight: 500;
    color: #54616e;
}

.tt-menu, .tt-suggestion p {
    margin: 0
}

.tt-query {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.tt-hint {
    color: #999
}

.tt-menu {
    max-height: 500px;
    overflow-y: auto;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #f1f0ee;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.tt-suggestion.tt-cursor, .tt-suggestion:hover {
    color: #54616e;
    background-color: #f1f0ee
}

.tt-suggestion {
    padding: 10px 20px;
    font-size: 18px;
    margin: 0
}

.tt-overflow {
    max-height: 100px;
    overflow: hidden;
    position: relative
}

    .tt-overflow:after {
        content: "";
        position: absolute;
        display: block;
        height: 10px;
        top: 90px;
        left: 0;
        right: 0;
        background-image: -webkit-linear-gradient(top, transparent 0, #fff 100%);
        background-image: linear-gradient(to bottom, transparent 0, #fff 100%);
        background-repeat: repeat-x;
        /*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#FFFFFFFF', GradientType=0)*/
    }

.tt-suggestion.tt-cursor .tt-overflow:after, .tt-suggestion:hover .tt-overflow:after {
    background-repeat: repeat-x;
    /*filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#FFF1F0EE', GradientType=0)*/
}

.tt-suggestion:hover {
    cursor: pointer
}

    .tt-suggestion:hover .tt-overflow:after {
        background-image: -webkit-linear-gradient(top, transparent 0, #f1f0ee 100%);
        background-image: linear-gradient(to bottom, transparent 0, #f1f0ee 100%)
    }

.tt-suggestion.tt-cursor .tt-overflow:after {
    background-image: -webkit-linear-gradient(top, transparent 0, #f1f0ee 100%);
    background-image: linear-gradient(to bottom, transparent 0, #f1f0ee 100%)
}

.tt-suggestion strong {
    font-weight: 700;
}

.form-group-lg .form-control {
    font-size: 16px;
    padding-right: 0;
    height: 50px;
    border-radius: 0;
    -webkit-border-radius: 0;
    border-width: 2px;
    border-color: #b0a69c;
}

.form-control[type="radio"], .form-control[type="checkbox"] {
    appearance: auto;
    height: 40px;
    width: auto;
}

[value="Submit"] {
    left: 46.5%;
    position: relative;
    transition: background-color .2s ease,color .2s ease;
    line-height: 20px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    padding: 14px 24px 14px 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #A67C00;
    border: none;
    border-radius: 4px;
    box-shadow: none !important;
}

    [value="Submit"]:active, [value="Submit"]:visited {
        color: #fff;
        background-color: #54616e;
    }

    [value="Submit"]:hover {
        text-decoration: none;
        background-color: #3e4851;
        border-color: #3e4851;
    }

.search-racecourses-panel .page-changer {
    padding: 5px 5px 0
}

.search-racecourses-panel .search-form {
    padding: 5px 5px 0;
    position: relative;
    z-index: 2
}

    .search-racecourses-panel .search-form .btn {
        padding: 9px 12px
    }

    .search-racecourses-panel .search-form .form-control:-ms-input-placeholder, .search-racecourses-panel .search-form .form-control::-moz-placeholder, .search-racecourses-panel .search-form .form-control::-webkit-input-placeholder {
        font-weight: 300
    }

    .search-racecourses-panel .search-form .hri-search {
        font-size: 26px;
        font-weight: 600;
        position: relative;
        top: 0
    }

.search-racecourses-panel .tooltip.right .tooltip-arrow {
    border-right-color: #e8e8e8
}

.search-racecourses-panel .tooltip-inner {
    font-weight: 400;
    padding: 10px 15px;
    color: #333;
    background-color: #e8e8e8;
    border-radius: 0
}

.search-racecourses-panel .map {
    position: relative;
    text-align: center
}

    .search-racecourses-panel .map .image {
        height: 401px;
        background: url(/images/map_ireland.png) center center no-repeat;
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease
    }

.search-racecourses-panel .markers {
    position: absolute;
    width: 310px;
    height: 400px;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0
}


    .search-racecourses-panel .markers .marker {
        position: absolute
    }

        .search-racecourses-panel .markers .marker .hri-marker-filled {
            /*color: #a72c40;*/
            color: #54616e;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1)
        }

        .search-racecourses-panel .markers /*.marker:focus*/ .hri-marker-filled, .search-racecourses-panel .markers .marker:hover .hri-marker-filled {
            -webkit-transform: scale(1.5);
            -ms-transform: scale(1.5);
            transform: scale(1.5);
            text-decoration: none;
        }

        .search-racecourses-panel .markers .marker.ballinrobe {
            left: 65px;
            top: 144px
        }

        .search-racecourses-panel .markers .marker.bellewstown {
            left: 236px;
            top: 167px
        }

        .search-racecourses-panel .markers .marker.clonmel {
            left: 154px;
            top: 292px
        }

        .search-racecourses-panel .markers .marker.cork {
            left: 110px;
            top: 319px
        }

        .search-racecourses-panel .markers .marker.curragh {
            left: 234px;
            top: 244px
        }

        .search-racecourses-panel .markers .marker.down-royal {
            left: 255px;
            top: 70px
        }

        .search-racecourses-panel .markers .marker.downpatrick {
            left: 282px;
            top: 87px
        }

        .search-racecourses-panel .markers .marker.dundalk {
            left: 243px;
            top: 117px
        }

        .search-racecourses-panel .markers .marker.fairyhouse {
            left: 244px;
            top: 188px
        }

        .search-racecourses-panel .markers .marker.galway {
            left: 86px;
            top: 191px
        }

        .search-racecourses-panel .markers .marker.gowran-park {
            left: 204px;
            top: 270px
        }

        .search-racecourses-panel .markers .marker.kilbeggan {
            left: 197px;
            top: 178px
        }

        .search-racecourses-panel .markers .marker.killarney {
            left: 39px;
            top: 330px
        }

        .search-racecourses-panel .markers .marker.laytown {
            left: 254px;
            top: 159px
        }

        .search-racecourses-panel .markers .marker.leopardstown {
            left: 260px;
            top: 205px
        }

        .search-racecourses-panel .markers .marker.limerick {
            left: 103px;
            top: 255px
        }

        .search-racecourses-panel .markers .marker.listowel {
            left: 56px;
            top: 284px
        }

        .search-racecourses-panel .markers .marker.naas {
            left: 234px;
            top: 220px
        }

        .search-racecourses-panel .markers .marker.navan {
            left: 215px;
            top: 156px
        }

        .search-racecourses-panel .markers .marker.punchestown {
            left: 247px;
            top: 235px
        }

        .search-racecourses-panel .markers .marker.roscommon {
            left: 149px;
            top: 133px
        }

        .search-racecourses-panel .markers .marker.sligo {
            left: 123px;
            top: 101px
        }

        .search-racecourses-panel .markers .marker.thurles {
            left: 160px;
            top: 238px
        }

        .search-racecourses-panel .markers .marker.tipperary {
            left: 133px;
            top: 271px
        }

        .search-racecourses-panel .markers .marker.tramore {
            left: 175px;
            top: 315px
        }

        .search-racecourses-panel .markers .marker.wexford {
            left: 240px;
            top: 290px
        }

@media screen and (min-width:768px) {
    .search-racecourses-panel {
        /*background-image: url(../images/bg_map_leopardstown.jpg);*/
        background-position: center center;
        background-size: cover
    }
}

@media screen and (min-width:992px) {
    .search-racecourses-panel .search-form {
        padding: 20px 95px 5px
    }
}


.search-racecourses-image-panel {
    height: 0px;
    position: relative;
    overflow: hidden;
    background-size: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
}

    .search-racecourses-image-panel > .racecourse-detail {
        left: 0;
        padding: 20px 10px;
        background: inherit;
        overflow: hidden;
        margin-left: 10%;
        margin-right: 5%;
    }

        .search-racecourses-image-panel > .racecourse-detail::before {
            content: "";
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            background: inherit;
        }

        .search-racecourses-image-panel > .racecourse-detail::after {
            content: "";
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
        }

#racecourse-detail h2, table.mapTable {
    margin: 0;
    color: white;
    position: relative;
    z-index: 1;
    margin-right: 5%;
    width: 100%;
}

#racecourse-detail h2 {
    text-decoration: underline;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

#racecourse-detail a, #racecourse-detail a:visited, #racecourse-detail a:active {
    color: #FFF;
}

    #racecourse-detail a:hover {
        color: #A67C00;
    }

#racecourse-detail table.mapTable td {
    text-align: left;
    font-size: 16px;
    letter-spacing: 1.4px;
}

    #racecourse-detail table.mapTable td + td {
        text-align: right;
        font-size: 18px;
    }
/*.search-colleges-image-panel > .racecourse-detail > .centre > p {
    font-size:18px;
}*/
#description p {
    margin: 0;
    color: white;
    position: relative;
    z-index: 1;
    font-size: 18px;
    margin-right: 5%
}

@media (max-width:414px) {
    .search-colleges-image-panel > .racecourse-detail {
        margin: 0;
    }

    #racecourse-detail h2 {
        font-size: 16px;
    }

    #racecourse-detail table.mapTable {
        margin: 0;
    }

        #racecourse-detail table.mapTable td {
            font-size: 14px;
        }

            #racecourse-detail table.mapTable td + td {
                font-size: 14px;
            }

    #description p {
        margin: 0;
        font-size: 15px;
    }
}

@media (min-width:415px) and (max-width:1024px) {
    .search-colleges-image-panel > .racecourse-detail {
        margin: 0;
    }
}

.two-panel-dropzone {
    margin-bottom: 2.5px;
    height: 100%;
}

    /*.two-panel-dropzone .row {
        margin-left: -5px;
        margin-right: -5px
    }*/

    .two-panel-dropzone .row > [class*=col-] {
        padding-right: 2.5px;
        padding-left: 2.5px;
    }



/* Map Widget End */

/* Filterable Accordion List Start */

/* Alphabetical sorting for lists */
#accordionList ul {
    padding-left: 0px;
}

#accordionList li {
    padding-left: 0px;
    list-style: none;
}

    #accordionList li:last-child {
        border: none;
    }

    #accordionList li h3 {
        margin-bottom: 10px;
        margin-top: 20px;
    }

.content #accordionList h4 {
    font-size: 18px;
    margin-bottom: 13px;
}

#accordionList li p {
    margin-bottom: 16px;
}

#accordionList-nav {
    margin-bottom: 10px;
    margin-top: 20px;
}

.listNav {
    margin: 0 0 40px 0;
}

.listNav, #accordionList-nav {
    margin-bottom: 40px !important;
}

.ln-letters {
    overflow: hidden;
}

    .ln-letters a {
        display: block;
        float: left;
        padding: 2px 6px;
        border: 1px solid silver;
        border-right: none;
        text-decoration: none;
    }

        .ln-letters a.ln-last {
            border-right: 1px solid silver;
        }

        /*.ln-letters a:hover,
        .ln-letters a:hover.ln-selected,
        .ln-letters a.ln-selected {
            color: white;
            background-color: rgb(51,102,204);
            border-color: rgb(51,102,204);
        }*/

        .ln-letters a.ln-disabled {
            color: #ccc;
        }

/*.ln-letters a:hover.ln-disabled {
            background: #eaeaea;
            border-color: silver;
        }*/

.ln-letter-count {
    text-align: center;
    font-size: 0.8em;
    line-height: 1;
    padding-top: 20px;
    color: #336699;
    display: none !important;
}

.accordion-component ul {
    padding-left: 0px;
}

/* Filterable Accordion List End  */

/* Panel Widget Start */
.panel-widget h3 {
    text-align: center;
}
/* Panel Widget End */

/* Blockquote Start */
blockquote {
    font-size: 25px;
}

    blockquote footer {
        text-align: left;
    }

/* Blockquote End */

/* Form Control Start */
.control-label {
    font-weight: 400;
}

.form-group label {
    font-weight: 300;
    margin-left: 5px;
    margin-right: 5px;
}
/* Form Control End */

/* Homepage Banner Video Start */
img.playvideo {
    width: 50px;
    position: absolute;
    top: 175px;
    left: 49%;
    z-index: 101;
}

#playvideo:hover {
    cursor: pointer;
}

@media screen and (min-width:1024px) {
    img.playvideo {
        display: none;
    }
}
/* Homepage Banner Video End */

/* Content Editor missing when you hover header */
.ux-app-siteApp-contentMode header {
    z-index: 0;
}

.hashtag-gallery {
    margin-top: -4px
}

    .hashtag-gallery .row {
        margin-left: -4px;
        margin-right: -4px
    }

        .hashtag-gallery .row > [class*=col-] {
            padding-right: 4px;
            padding-left: 4px
        }

.hashtag-gallery-item {
    overflow: hidden;
    position: relative;
    margin-top: 8px;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    background-size: cover
}

    .hashtag-gallery-item.horizontal {
        padding-bottom: 49.05%
    }

    .hashtag-gallery-item.tweet {
        background-color: #51bae9
    }

        .hashtag-gallery-item.tweet p {
            overflow-y: hidden;
            position: absolute;
            top: 0;
            bottom: 0;
            margin: 20px;
            font-size: 14px;
            line-height: 1.375;
            color: #fff;
            word-break: break-word
        }

            .hashtag-gallery-item.tweet p:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 30px;
                background: -webkit-linear-gradient(top, rgba(81, 186, 233, .3)0, #51bae9 100%);
                background: linear-gradient(to bottom, rgba(81, 186, 233, .3)0, #51bae9 100%)
            }

@media (min-width:400px) {
    .hashtag-gallery-item.tweet p {
        margin: 30px;
        font-size: 18px
    }
}

@media (min-width:560px) {
    .hashtag-gallery-item.tweet p {
        font-size: 28px
    }
}

@media (min-width:768px) {
    .hashtag-gallery-item.tweet p {
        font-size: 15px
    }
}

@media (min-width:992px) {
    .hashtag-gallery-item.tweet p {
        font-size: 18px
    }
}

@media (min-width:1330px) {
    .hashtag-gallery-item.tweet p {
        margin: 35px 35px 70px;
        font-size: 28px
    }
}

.hashtag-gallery-item.tweet.horizontal p {
    font-size: 12px;
    margin: 10px
}

@media (min-width:400px) {
    .hashtag-gallery-item.tweet.horizontal p {
        margin: 20px;
        font-size: 15px
    }
}

@media (min-width:560px) {
    .hashtag-gallery-item.tweet.horizontal p {
        margin: 30px;
        font-size: 18px
    }
}

@media (min-width:768px) {
    .hashtag-gallery-item.tweet.horizontal p {
        margin: 20px;
        font-size: 14px
    }
}

@media (min-width:992px) {
    .hashtag-gallery-item.tweet.horizontal p {
        margin: 35px;
        font-size: 15px
    }
}

.hashtag-gallery-item.tweet small {
    display: none;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 0 35px 35px;
    color: #fff
}

@media (min-width:1330px) {
    .hashtag-gallery-item.tweet.horizontal p {
        font-size: 18px
    }

    .hashtag-gallery-item.tweet small {
        display: block
    }
}

.hashtag-gallery-item.tweet small span {
    float: right
}

.hashtag-gallery-item a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
    background: #a67c00;
    opacity: 0;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms
}

    .hashtag-gallery-item a span {
        position: absolute;
        display: block;
        top: 50%;
        right: 0;
        left: 0;
        -ms-transform: translateY(-50%);
        font-weight: 400;
        text-align: center
    }

        .hashtag-gallery-item a span i {
            display: block;
            margin-bottom: 10px;
            font-size: 50px
        }

.no-touch .hashtag-gallery-item a:hover {
    opacity: .85
}

#hashtagModal img,
.hashtag-gallery-item img {
    width: 100%
}

/* Kaizen for Owner offers start*/

.gift-title {
    font-family: futura-pt, sans-serif;
    font-weight: 600;
    font-size: 24px;
    color: #55646D;
    margin-bottom: 5px;
    text-transform: capitalize !important;
}

.sub-text {
    font-family: futura-pt, sans-serif;
    font-weight: 600;
    color: #A0A0A0;
    font-size: 18px;
    text-transform: capitalize !important;
}

.activetest p {
    max-height: 600px !important;
    overflow: hidden;
    transition: ease-in-out all .2s;
}

.card-body p {
    transition: ease-in-out all .2s;
    font-family: futura-pt, sans-serif;
    font-weight: 400;
}

.gift-img {
    width: 100%;
    object-fit: cover;
}

.activetest .seemore-btn {
    display: none;
}

.activetest .seeless-btn {
    display: block;
}

.seemore-btn {
    text-transform: uppercase;
    font-size: 18px;
    display: block;
    color: #F7C64C;
    text-decoration: underline;
    font-weight: 600;
    font-family: futura-pt, sans-serif;
}

.seeless-btn {
    display: none;
    text-transform: uppercase;
    font-size: 18px;
    color: #F7C64C;
    text-decoration: underline;
    font-weight: 600;
    font-family: futura-pt, sans-serif;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.row-ownership {
    display: flex;
    flex-wrap: wrap;
}

.terms {
    background: #54616E;
    padding: 40px;
    margin-top: 50px;
}

    .terms h4 {
        text-transform: uppercase;
        font-size: 16px;
        display: block;
        color: #F7C64C;
        font-weight: 600;
    }

    .terms p {
        width: 70%;
        margin: auto;
        color: #FFFFFF;
        font-size: 14px;
    }

/* Kaizen for Owner offers end*/

/* Kaizen Ownership Design */

.hri__main--section {
    padding: 50px 0px;
}

    .hri__main--section .hri__owinership--inner {
        width: 100%;
        max-width: 90%;
        padding: 0 15px;
        margin: 0 auto;
    }

.hri__ownership--wrapper .hri__ownership--title {
    max-width: 1020px;
    margin: 0 auto;
}

    .hri__ownership--wrapper .hri__ownership--title h3 {
        font-family: GothamPro;
        font-display: swap;
        font-weight: 500;
        font-size: 40px;
        text-align: center;
        color: #707070;
        text-transform: uppercase;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .hri__ownership--wrapper .hri__ownership--title p {
        font-size: 18px;
        font-weight: 300;
        text-align: center;
        color: #707070;
        line-height: 25px;
        font-family: GothamPro;
        font-display: swap;
    }

.hri__row--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
    padding-top: 80px;
}

.hri__col--50 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
}

.hri__col--60 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0 15px;
}

.hri__col--40 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0 15px;
}

.hri__video {
    text-align: center;
}

    .hri__video iframe {
        width: 100%;
        max-width: 85%;
        margin: 0 auto;
    }

.hri__ownership--img, .hri_full--imgdiv {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 600px;
    margin-bottom: 30px;
    position: relative;
}

    .hri__ownership--img .hri-inner-text, .hri_full--imgdiv .hri-inner-text {
        background: #A67C00;
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        right: auto;
        top: auto;
        text-align: center;
        padding: 30px 20px;
    }

        .hri__ownership--img .hri-inner-text h4, .hri_full--imgdiv .hri-inner-text h4 {
            color: #ffffff;
            font-family: GothamPro;
            font-display: swap;
            font-size: 28px;
            font-weight: 500;
            text-transform: uppercase;
            line-height: 33px;
            margin-bottom: 5px;
        }

        .hri__ownership--img .hri-inner-text p, .hri_full--imgdiv .hri-inner-text p {
            color: #ffffff;
            font-family: GothamPro;
            font-display: swap;
            font-size: 20px;
            font-weight: 500;
        }

.bg-gray {
    background: #54616E !important;
}

.bg-darkgray {
    background: #707070 !important;
}

.hri_full--img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center -50px;
    height: 550px;
    position: relative;
}

@media (max-width: 1600px) {
    .hri__ownership--img, hri_full--img {
        height: 450px;
    }

        .hri__ownership--img .hri-inner-text, hri_full--img .hri-inner-text {
            padding: 20px 10px;
        }

            .hri__ownership--img .hri-inner-text h4, hri_full--img .hri-inner-text h4 {
                font-size: 26px;
            }

            .hri__ownership--img .hri-inner-text p, hri_full--img .hri-inner-text p {
                font-size: 15px;
            }
}

@media (max-width: 991px) {
    .hri__ownership--img, .hri_full--img {
        height: 300px;
    }

        .hri__ownership--img .hri-inner-text, .hri_full--img .hri-inner-text {
            padding: 7px;
        }

            .hri__ownership--img .hri-inner-text h4, .hri_full--img .hri-inner-text h4 {
                font-size: 22px;
            }

            .hri__ownership--img .hri-inner-text p, .hri_full--img .hri-inner-text p {
                font-size: 15px;
                line-height: 20px;
            }

    .hri__ownership--wrapper .hri__ownership--title h3 {
        font-size: 34px;
    }
}

@media (max-width: 767px) {
    .hri__row--wrapper .hri__col--50, .hri__row--wrapper .hri__col--60, .hri__row--wrapper .hri__col--40 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px;
    }

    .hri__ownership--img {
        height: 350px;
    }

    .hri_left-section p {
        max-width: 100% !important;
    }

    .hri__video iframe {
        max-width: 100%;
    }

    .hri__ownership--wrapper .hri__ownership--title h3, .hri_full--img .hri__ownership--title h3 {
        font-size: 26px;
    }

    .hri__ownership--wrapper .hri__ownership--title p, .hri_full--img .hri__ownership--title p {
        font-size: 16px;
    }

    .hri__main--section .hri__owinership--inner {
        padding: 0;
    }

    .hri_full--img {
        height: 380px;
    }
}

.hri_whatis--partnership {
    padding: 60px 0px 15px;
    background: #ffffff;
}

    .hri_whatis--partnership .hri__row--wrapper {
        padding-top: 0px;
    }

.hri_container {
    width: 100%;
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto;
}

.hri_left-section h2 {
    font-family: GothamPro;
    font-display: swap;
    font-weight: 500;
    font-size: 26px;
    color: #54616E;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.hri_left-section p {
    font-family: GothamPro;
    font-display: swap;
    font-weight: 300;
    font-size: 18px;
    text-align: left;
    color: #54616E;
    margin-bottom: 15px;
    max-width: 355px;
}

.video-note {
    font-family: GothamPro;
    font-display: swap;
    font-weight: 600;
    font-size: 16px;
    color: #a67c00;
    text-transform: uppercase;
    line-height: 20px;
    text-align: center;
    margin-top: 10px;
}

.hri__considration {
    background: rgba(84, 97, 110, 0.16);
    padding: 40px 0px;
}

    .hri__considration h4 {
        font-family: GothamPro;
        font-display: swap;
        font-weight: 500;
        font-size: 20px;
        color: #54616E;
        margin-bottom: 10px;
    }

    .hri__considration .hri__row--wrapper {
        padding: 0;
    }

    .hri__considration .hri__considration--ul {
        position: relative;
        list-style: none;
        padding-left: 20px;
    }

        .hri__considration .hri__considration--ul li {
            position: relative;
            margin-bottom: 10px;
            font-family: GothamPro;
            font-display: swap;
            font-weight: 300;
            font-size: 18px;
            color: #54616E;
            line-height: 25px;
        }

            .hri__considration .hri__considration--ul li:before {
                content: '';
                background-image: url(/images/general/li-icon.png);
                background-repeat: no-repeat;
                background-size: contain;
                height: 15px;
                width: 15px;
                left: -20px;
                position: absolute;
                top: 3px;
            }

.hri__rigister-header p {
    color: #ffffff;
    font-family: 'GothamPro';
    font-display: swap;
    font-weight: 300;
    font-style: italic;
    margin-top: 10px;
}

.hri__rigister-header {
    text-align: center;
    background-color: #A67C00;
    padding: 15px;
}

    .hri__rigister-header h3 {
        font-size: 24px;
        font-weight: 500;
        font-family: GothamPro;
        font-display: swap;
        color: #ffffff;
        margin-bottom: 10px;
        position: relative;
        max-width: 400px;
        margin: 0 auto;
    }

        .hri__rigister-header h3:before {
            content: '';
            background-image: url(/images/general/list.png);
            background-repeat: no-repeat;
            background-size: contain;
            height: 35px;
            width: 35px;
            left: 35px;
            position: absolute;
            top: -4px;
        }

.hri__register--process {
    padding: 40px 0px;
}

    .hri__register--process .hri__considration--ul {
        padding-left: 40px;
        list-style: none;
    }

        .hri__register--process .hri__considration--ul li {
            position: relative;
            margin-bottom: 10px;
            font-family: GothamPro;
            font-display: swap;
            font-weight: 500;
            font-size: 18px;
            color: #54616E;
            line-height: 25px;
        }

            .hri__register--process .hri__considration--ul li:before {
                content: '';
                background-image: url(/images/general/li-icon.png);
                background-repeat: no-repeat;
                background-size: contain;
                height: 15px;
                width: 15px;
                left: -40px;
                position: absolute;
                top: 5px;
            }

        .hri__register--process .hri__considration--ul ol {
            margin-top: 10px;
            padding-left: 0px;
        }

            .hri__register--process .hri__considration--ul ol li {
                list-style: none;
            }

                .hri__register--process .hri__considration--ul ol li:before {
                    content: none;
                }

.text-link {
    color: #A67C00;
    font-weight: 600;
}

.note {
    font-weight: 300;
    font-family: 'GothamPro';
    font-display: swap;
    font-size: 14px;
    margin-top: 25px;
}

.hri_freebreakdown--header {
    text-align: center;
    background-color: #A67C00;
    padding: 20px;
}

    .hri_freebreakdown--header h3 {
        color: #ffffff;
        font-family: 'GothamPro';
        font-display: swap;
        font-weight: 600;
    }

.hri__free--note {
    font-family: GothamPro;
    font-display: swap;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #a67c00;
    text-transform: uppercase;
    padding: 30px 0px 0px 0px;
}

.hri__tblrow--wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 15px;
}

.hri-left-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    padding-left: 30px;
}

    .hri-left-col h4 {
        font-family: GothamPro;
        font-display: swap;
        font-weight: 500;
        font-size: 20px;
        line-height: 32px;
        color: #54616E;
    }

    .hri-left-col p {
        font-family: GothamPro;
        font-display: swap;
        font-weight: 600;
        color: #A67C00;
    }

.hri_right-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

    .hri_right-col h4 {
        font-family: GothamPro;
        font-display: swap;
        font-weight: 500;
        font-size: 18px;
        line-height: 32px;
        color: #54616E;
    }

.hri__tbl--wrapper {
    margin-top: 30px;
}

.hri__tblrow--wrapper:nth-child(odd) {
    background-color: rgba(84, 97, 110, 0.23);
}

.hri_note {
    font-family: 'GothamPro';
    font-display: swap;
    font-style: italic;
    font-weight: 300;
    color: #54616E;
    margin-top: 10px;
    padding-bottom: 30px;
}

.hri__freebreakown hr {
    color: #54616E;
    border-style: solid;
}

.hri-content h4 {
    color: #ffffff;
    font-family: GothamPro;
    font-display: swap;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 45px;
}

.hri-content p {
    color: #ffffff;
    font-family: GothamPro;
    font-display: swap;
    font-weight: 300;
    line-height: 25px;
    padding-top: 5px;
}

.hri__left-last h4:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 0px;
    background-image: url(/images/general/4.png);
    height: 35px;
    width: 35px;
    background-repeat: no-repeat;
    background-size: contain;
}

.hri__right--last h4:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 0px;
    background-image: url(/images/general/5.png);
    height: 35px;
    width: 35px;
    background-repeat: no-repeat;
    background-size: contain;
}

.hri__partner--last {
    margin-top: 20px;
}

    .hri__partner--last .hri__row--wrapper {
        padding: 60px 0px;
    }

.hri__left-last {
    padding-right: 120px;
    position: relative;
}

    .hri__left-last:before {
        content: '';
        position: absolute;
        height: 100%;
        width: 2px;
        background: #ffffff;
        right: -20px;
        top: 0;
    }

.hri__right--last {
    padding-left: 80px;
}

.hri__price {
    text-align: center;
}

@media (max-width: 991px) {
    .hri__left-last {
        padding-right: 30px;
    }

    .hri__right--last {
        padding-left: 30px;
    }

    .hri_left-section h2 {
        font-size: 24px;
    }

    .hri__price {
        text-align: right;
    }
}

@media (max-width: 767px) {
    .hri__left-last {
        padding-right: 0px;
    }

    .hri__right--last {
        margin-top: 60px;
        padding-left: 0px;
    }

    .hri__left-last:before {
        height: 2px;
        width: 100%;
        right: auto;
        top: auto;
        bottom: -25px;
        left: 0;
    }

    .hri__free--note {
        font-size: 16px;
    }

    .hri-left-col {
        padding-left: 0px;
    }

        .hri-left-col h4 {
            font-size: 18px;
            line-height: 25px;
        }

    .hri__rigister-header h3 {
        font-size: 22px;
    }

        .hri__rigister-header h3:before {
            left: 20px;
        }
}

@media (max-width: 340px) {
    .hri__rigister-header h3:before {
        left: 0px;
        width: 30px;
        top: -2px;
    }
}

/*Search*/
.search {
    margin-top: 20px;
    position: relative;
    display: flex;
}

.search-box {
    width: 100%;
}

.search-box-btn {
    position: relative;
    left: -50px;
    top: 10%;
    color: #000;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border: none;
    cursor: pointer;
    height: 25px;
    padding: .6rem 1rem;
    vertical-align: middle;
}

    .search-box-btn:hover, .search-box-btn:active {
        background-color: transparent;
        color: #000;
        cursor: default;
    }

/*Search Page Results*/
.search-tile {
    margin-bottom: 2rem;
    padding: 1rem;
    margin-top: 2rem;
    transition: transform 0.2s;
}

.search-tile-title a {
    text-decoration: none;
    color: #11a300
}

    .search-tile-title a:hover {
        text-decoration: none;
        color: #0e8700
    }

.search-tile-badge {
    background: #A67C00;
    display: inline-block;
    padding: 0 5px;
    color: #fff;
}

.search-tile-subtitle {
    padding: .5rem 0;
}

.search-tile-product-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.search-result-seperator {
    height: 1px;
    background: #A67C00;
    width: 80%;
    left: 10%;
    position: relative;
}

.search-no-result {
    text-align: center;
    position: relative;
    padding: 20px 0px 20px 0px;
}

.search-result-heading {
    left: 10%;
    position: relative;
}

.search-img {
    height: 110px;
    width: 200px;
    padding: 0px 0px 0px 40px;
    position: relative;
}

@media (min-width: 768px) { /* md size */
    .search-tile-content {
        padding-left: 1rem;
    }

    .search-tile-title {
        margin-top: 0;
    }
}

/*PAGER*/
.pagination {
    text-align: center;
    padding: 0;
    margin-bottom: 20px;
    list-style-type: none;
    position: relative;
    justify-content: center;
    cursor: pointer;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #000;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }

        .pagination > li.active > a, .pagination > li.active > span {
            color: #fff;
        }

        .pagination > li > a:hover, .pagination > li > span:hover {
            color: #333333;
        }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
    .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover
    .pagination:hover, .pagination:focus {
        background-color: #A67C00;
        border-color: #A67C00;
    }

    .pagination.PagedList-skipToPrevious > a,
    .pagination.PagedList-skipToNext > a {
        text-decoration: underline;
        color: #A67C00;
        border-bottom: none;
    }

/*PRESS RELEASE*/

.media-listing .media .media-object,
.media-listing .media .media > .press-release {
    height: 100px
}

.media-listing .media {
    border-bottom: 1px solid #eee;
    display: block;
    padding: 0 20px 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-decoration: none;
}

    .media-listing .media .media-heading {
        text-transform: none;
        font-size: 18px;
        font-weight: 400
    }

    .media-listing .media .media-date,
    .media-listing .media .media-heading {
        color: #000;
    }

    .media-listing .media:hover .media-date,
    .media-listing .media:hover .media-heading {
        color: #A67C00;
        text-decoration: none;
    }

    .media-listing .media .media-date {
        font-size: 12px;
        margin: 0;
        padding-top: 15px;
        padding-bottom: 5px;
    }

.pressReleaseDetails .article-carousel {
    width: 100%;
}

    .pressReleaseDetails .article-carousel img {
        width: 100%;
    }

.pressReleaseDetails blockquote {
    border: 0;
    background-color: transparent;
    margin-bottom: 0;
}

.modal {
    z-index: 10000;
    overflow-y: scroll;
}

.table-bordered {
    border: 1px solid #ddd;
}

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
}

#TableList {
    margin-bottom: 25px;
    width: 1142px;
}

    #TableList .rasbg {
        background-color: #54616e;
        color: #fff;
    }

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 10px;
}

#TableList td {
    font-size: 12px;
}

.form-group label {
    font-weight: 300;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #ddd;
}

.filter .col-lg-6, .filter .form-group {
    display: flex;
}

.ktc-checkbox, .ktc-radio {
    display: flex;
}

    .ktc-checkbox label, .ktc-radio label {
        padding: 10px;
    }

.form-control[type="checkbox"]:focus {
    border-color: #fff;
}

/* accordion changes start */

.accordion-button:not(.collapsed) {
    color: inherit;
    background-color: inherit;
    box-shadow: none
}

.accordion-button:focus {
    z-index: 0;
    border: none;
    box-shadow: none;
}

.accordion-item {
    border: none;
    border-top: 1px solid rgba(0,0,0,.125);
}

    .accordion-item:not(:first-of-type) {
        border-top: 1px solid rgba(0,0,0,.125);
    }
/* accordion changes end */

/*Tekenable Form*/
.form-row {
    display: flex;
    padding-bottom: 10px;
}

.marketing-field {
    padding-bottom: 10px;
}
/*Tekenable Form END*/

/*Kentico Form*/
.input-validation-error {
    border: 2px solid #f00;
}

.field-validation-error {
    color: #f00;
}
/*Kentico Form END*/

h2 a.icon-component:active, h3 a.icon-component:active, h4 a.icon-component:active, h2 a.icon-component:active,
h3 a.icon-component:active, h4 a.icon-component:active, .h2 a.icon-component:focus, .h3 a.icon-component:focus,
.h4 a.icon-component:focus, h2 a.icon-component:focus, h3 a.icon-component:focus, h4 a.icon-component:focus,
.h2 a.icon-component:hover, .h3 a.icon-component:hover .h3, .h4 a.icon-component:hover .h4, h2 a.icon-component:hover,
h3 a.icon-component:hover, h4 a.icon-component:hover {
    color: #a67c00;
}

a.icon-component:active, a.icon-component:focus, a.icon-component:hover {
    text-decoration: none;
}

a.icon-component:after {
    display: none;
}

button#mob-searchModalInputMobileButton {
    z-index: 1;
}

.form-section.row {
    justify-content: normal;
}

/*KAIZEN RACECOURSE Table - 15/09/22 */
@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Bold.woff2') format('woff2'), url('/fonts/Lato-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-BlackItalic.woff2') format('woff2'), url('/fonts/Lato-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Black.woff2') format('woff2'), url('/fonts/Lato-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Italic.woff2') format('woff2'), url('/fonts/Lato-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-LightItalic.woff2') format('woff2'), url('/fonts/Lato-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-BoldItalic.woff2') format('woff2'), url('/fonts/Lato-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Light.woff2') format('woff2'), url('/fonts/Lato-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Regular.woff2') format('woff2'), url('/fonts/Lato-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('/fonts/Lato-HairlineItalic.woff2') format('woff2'), url('/fonts/Lato-HairlineItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('/fonts/Lato-Hairline.woff2') format('woff2'), url('/fonts/Lato-Hairline.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


* {
    margin: 0;
    box-sizing: border-box;
}

ul, li {
    padding: 0;
}

.table-container {
    max-width: 88%;
    margin: 30px auto 0;
    line-height: 1.4;
    font-family: 'Lato';
    position: relative;
}

.text-center {
    text-align: center;
}

body {
    padding: 0;
    margin: 0;
}

.os__owner_table {
    margin-bottom: 40px;
    overflow: auto;
}

    .os__owner_table td {
        padding: 15px 10px;
        white-space: nowrap;
    }

    .os__owner_table tr:nth-child(even) {
        background-color: #F7F7F7;
    }

    .os__owner_table table {
        border-collapse: collapse;
        width: 100%;
    }

    .os__owner_table img {
        width: 20px;
        margin: 0 auto;
    }

    .os__owner_table th, .os__owner_table td {
        padding: 15px;
    }

    .os__owner_table td {
        font-size: 14px;
        border: 1px solid rgba(112, 112, 112, 0.1);
    }

        .os__owner_table td a {
            color: black;
            white-space: nowrap;
        }

    .os__owner_table th {
        background-color: #778089bf;
        border: none;
        color: white;
        width: 85px;
        font-size: 14px;
        padding-top: 2px;
        padding-bottom: 5px;
    }

    .os__owner_table td.b_box {
        background-color: #b29652;
        color: white;
        text-align: center;
    }

    .os__owner_table td.a_box {
        background-color: #778089;
        color: white;
        text-align: center;
    }

    .os__owner_table td.c_box {
        background-color: #9fa5ac;
        color: white;
        text-align: center;
    }


.os__table_img_section {
    padding: 0 15px;
    display: none;
}

    .os__table_img_section .table_img {
        width: 100%;
    }

        .os__table_img_section .table_img img {
            max-width: 100%;
            width: 100%;
            vertical-align: middle;
        }

    .os__table_img_section .table_btn {
        text-align: center;
    }

        .os__table_img_section .table_btn a {
            text-decoration: none;
            background-color: #b29652;
            color: #efe7d7;
            padding: 10px 20px;
            display: inline-block;
            margin-top: 10px;
        }

.os__detail_block {
    background: rgba(185, 186, 185, 0.06);
}

.arrow {
    position: absolute;
    top: 50%;
    width: 47px;
    height: 47px;
    background-image: url('../images/ic-chevron-right.svg');
    background-size: cover;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 0px 40px 5px rgba(0, 0, 0, 0.1);
    z-index: 5;
}

.arrow-btn {
    position: sticky;
    top: 50%;
    display: block;
    width: 100%;
    height: 50px;
}

.nav-next {
    transform: rotate(180deg);
    right: -60px;
}

.nav-prev {
    left: -60px;
}

@media(max-width: 1024px) {
    .arrow {
        width: 40px;
        height: 40px;
    }

    .nav-next {
        left: calc(100% + 5px);
    }

    .nav-prev {
        right: calc(100% + 5px);
    }
}

@media(max-width: 767px) {
    .os__owner_table, .os__owner_notes, .os__refreshment_keys, .os__horse_racing {
        display: none;
    }

    .os__table_img_section {
        display: block;
    }

    .table-container {
        max-width: 100%;
    }

    .arrow {
        display: none;
    }
}

.os__owner_notes {
    padding: 50px 15px;
}

    .os__owner_notes .owner_notes_title {
        margin-bottom: 20px;
    }

        .os__owner_notes .owner_notes_title span, .os__refreshment_keys .refreshment_keys_title span {
            background-color: #b29652;
            width: 80px;
            height: 2px;
            display: block;
        }

    .os__owner_notes p {
        font-size: clamp( 14px, 0.88vw, 20px );
        margin-bottom: 10px;
    }

        .os__owner_notes p span {
            font-weight: 900;
            margin-right: 5px;
        }


.os__refreshment_keys {
    padding: 0px 15px;
}

    .os__refreshment_keys .refreshment_keys_title {
        margin-bottom: 20px;
    }

        .os__refreshment_keys .refreshment_keys_title h5, .os__owner_notes .owner_notes_title h5 {
            font-size: clamp(18px, 1.04vw, 24px);
            font-weight: 400;
            color: #707070;
            padding-bottom: 5px;
        }

    .os__refreshment_keys .re_keys {
        display: flex;
        align-items: center;
        margin-bottom: 8px;
    }

        .os__refreshment_keys .re_keys p {
            font-size: clamp( 14px, 0.88vw, 20px );
        }

        .os__refreshment_keys .re_keys span {
            display: inline-block;
            padding: 10px 30px;
            margin-right: 20px;
            color: white;
        }

        .os__refreshment_keys .re_keys.a_color span {
            background-color: #778089;
        }

        .os__refreshment_keys .re_keys.b_color span {
            background-color: #b29652;
        }

        .os__refreshment_keys .re_keys.c_color span {
            background-color: #9fa5ac;
        }

        .os__refreshment_keys .re_keys.d_color span {
            background-color: #efe7d7;
        }


.os__horse_racing {
    padding: 50px 15px;
    text-align: center;
}

    .os__horse_racing p {
        padding: 30px 0;
        line-height: 1.6;
        font-size: clamp( 14px, 0.88vw, 20px );
        border-top: 2px solid #b29652;
        border-bottom: 2px solid #b29652;
    }
/*KAIZEN RACECOURSE Table - 15/09/22 END*/

/*COOKIE*/
#cookies {
    background: #333333;
    color: #cccccc;
    padding: 12px 15px;
    font-size: 14px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999999999;
}

    #cookies a {
        text-decoration: none;
        font-weight: bold;
        color: #ffffff;
        cursor: pointer;
    }

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

    #cookies .left {
        float: left;
    }

    #cookies .right {
        float: right;
    }

.cookie-btn {
    display: block;
    width: 100%;
    background: #fff;
    white-space: nowrap;
    height: 28px;
    border-radius: 24px;
    border: 0;
    color: #000;
    font-size: 12px;
    letter-spacing: .2px;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
    margin-bottom: 0 !important;
    min-height: auto !important;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 12%);
}

.cookie-btn-selected {
    background: #A67C00;
    border-width: 1px;
    border-color: #000;
    color: #fff;
}

@media (max-width: 992px) {
    .consent-buttons {
        margin: 5px 0px;
    }
}

.cookie-text {
    font-size: 14px;
}

.float:hover {
    cursor: pointer;
}

.float {
    position: fixed;
    bottom: 0px;
    right: 40px;
    background-color: #A67C00;
    color: #FFF;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 2;
    display: flex;
    flex-direction: row;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 10px;
    z-index: 900;
}

.hide {
    display: none;
}

.show {
    display: block;
}

#cookiesettings span.fa.fa-gear {
    margin-top: 5px;
}

#cookiesettings span {
    padding: 5px;
}
/*COOKIE END*/

/*Youtube Carousel*/
.youtubeCarousel {
    width: 100%;
    height: 190px;
    overflow: hidden;
}

    .youtubeCarousel .carousel-inner {
        transition: 0.3s ease all;
        height: 100%;
        transform: translate(0px, 0px);
        padding: 0px 30px;
    }

    .youtubeCarousel .item {
        width: 350px;
        height: 100%;
        display: block;
        float: left;
        margin: 0px 20px;
    }

    .youtubeCarousel .carousel-inner .item img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
        position: relative;
    }

    .youtubeCarousel .carousel-inner .item i {
        bottom: 50%;
        position: absolute;
        left: 50%;
        font-size: 50px;
        transform: translate(-50%, 50%);
        color: #A67C00;
    }

    .youtubeCarousel .carousel-inner .item.next {
        left: 500px;
        display: block;
    }

    .youtubeCarousel .left-button-bg, .youtubeCarousel .right-button-bg {
        height: 100%;
        position: absolute;
        top: calc(0%);
        width: 35px;
        background-color: #fff;
        padding: 0px 20px;
        z-index: 100;
    }

    .youtubeCarousel .right-button-bg {
        right: 0;
    }

    .youtubeCarousel .left-button-bg .carousel-control {
        left: -15px;
    }

    .youtubeCarousel .carousel-control {
        position: relative;
        top: calc(50% - 20px);
        border: 0px;
        background-color: #fff;
    }

        .youtubeCarousel .carousel-control .fa-chevron-right,
        .youtubeCarousel .carousel-control .fa-chevron-left {
            color: #A67C00;
            font-size: 24px;
        }


    .youtubeCarousel .glyphicon {
        color: #fff;
    }

/*Youtube Carousel END*/
/*COOKIE END*/

/*TWITTER WIDGET*/
.carousel-twitter {
    margin: 4px 0 2px;
}

    .carousel-twitter .carousel-caption {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        padding: 50px 0 70px;
        text-shadow: none;
        color: #333;
    }

        .carousel-twitter .carousel-caption:after {
            content: " ";
            display: block;
            height: 1px;
            width: 100px;
            background-color: #A67C00;
            margin: 30px auto 0;
        }

    .carousel-twitter .hri-twitter {
        font-size: 75px;
        color: #A67C00;
    }

    .carousel-twitter .hri-chevron-right, .carousel-twitter .hri-chevron-left {
        color: #A67C00;
    }

    .carousel-twitter .h2,
    .carousel-twitter h2 {
        color: #A67C00;
        font-size: 17px;
        text-transform: uppercase;
        font-weight: 300;
    }

    .carousel-twitter .h2 a, carousel-twitter h2 a{
        color: #A67C00;
    }

    .carousel-twitter .tweet {
        font-size: 20px;
        font-weight: 200;
        word-break: break-word;
    }

        .carousel-twitter .tweet a {
            color: #333;
            font-weight: 300;
        }

    .carousel-twitter .carousel-inner {
        width: 70%;
        left: 15%;
        right: 15%;
    }

    .carousel-twitter .carousel-control {
        width: 10%;
        background: 0 0;
        font-size: 50px;
        color: #0269b3;
        text-shadow: none;
        top: 50%;
        margin-top: -25px;
        opacity: 1;
        display: block;
        position: absolute;
        border: 0px;
    }

        .carousel-twitter .carousel-control.left {
            text-align: right;
        }

        .carousel-twitter .carousel-control.right {
            text-align: left;
        }

.carousel-control.right {
    left: auto;
    right: 0;
}

.carousel-twitter .carousel-inner > .item {
    transition: transform .6s ease-in-out;
    backface-visibility: hidden;
    perspective: 1000px;
}

@media (transform-3d), (-webkit-transform-3d) {
    .carousel-twitter .carousel-inner > .carousel-item {
        transition: transform .6s ease-in-out;
        backface-visibility: hidden;
        perspective: 1000px;
    }
}
/*TWITTER WIDGET END*/

/*INSTAGRAM WIDGET*/
.insta-main-div {
    height: 250px;
    margin: 0 auto;
}

.insta-hidden-instafeed {
    height: 1px;
    display: none;
}

.insta-left {
    float: left;
}

.insta-wrapper {
    position: relative;
    float: left;
    width: 25%;
    height: 250px;
    border: 3px solid #fff;
}

    .insta-wrapper img {
        object-fit: cover;
    }

.insta-fullsize {
    height: 100%;
    width: 100%;
}

.insta-hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    transition: background-color .5s;
}

.insta-hide {
    display: none;
}

.insta-btn {
    width: 100%;
    height: 35px;
    padding: 7px;
    vertical-align: middle;
    text-align: center;
    margin: auto 0;
    background-color: #A67C00;
    color: #fff;
}
/*INSTAGRAM WIDGET END*/
/* Board Members*/
.board-members:after,
.board-members:before {
    content: " ";
    display: table
}

.board-member-panel {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px
}

    .board-member-panel h2 {
        color: #003a00;
        font-size: 20px;
        margin: 15px 0 5px
    }

    .board-member-panel em {
        font-weight: 500;
        color: #7a7a7a;
        font-size: 18.4px;
        -webkit-transition: color .25s ease;
        transition: color .25s ease
    }

.board-member-panel .img-circle {
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.board-member-panel.collapsed .img-circle {
    opacity: .9;
    filter: alpha(opacity=90)
}

.row-collapse-toggle:after,
a.board-member-panel:active .img-circle,
a.board-member-panel:hover .img-circle {
    opacity: 1;
    filter: alpha(opacity=100)
}

.board-member-panel.collapsed h2 {
    color: #2C3642
}

.board-member-panel.collapsed em {
    color: #9a9a9a
}

a.board-member-panel {
    display: block;
    text-decoration:none;
}

a.board-member-panel:active,
a.board-member-panel:hover {
    text-decoration: none
}

a.board-member-panel:active h2,
a.board-member-panel:hover h2 {
    color: #003a00
}

a.board-member-panel:active em,
a.board-member-panel:hover em {
    color: #7a7a7a
}

/* Testimonial Start */
blockquote {
    background-color: #54616e;
    color: #ffffff;
    padding: 36px;
    position: relative;
    margin: 50px 40px 90px 70px;
    overflow-x: visible;
}

    blockquote p {
        color: #ffffff;
        font-size: 30px;
        line-height: 1.3em;
        font-weight: 400;
        font-style: italic;
    }

    blockquote small {
        font-size: 18px;
        color: #444444;
        background-color: #CBD6D4;
        position: absolute;
        bottom: -30px;
        right: -40px;
        padding: 10px 30px;
    }

div.blockquote-small {
    font-size: 18px;
    color: #444444;
    background-color: #CBD6D4;
    position: absolute;
    bottom: -30px;
    right: -40px;
    padding: 10px 30px;
    min-width: 250px;
}

    div.blockquote-small p {
        font-size: 18px;
        color: #444444;
    }


blockquote:before {
    position: absolute;
    top: 0;
    left: -60px;
    display: block;
    content: ' ';
    background-image: url('/images/icon-blockquotes.svg');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 46px auto;
    height: 48px;
    width: 48px;
}

@media only screen and (max-width: 639px) {
    blockquote small {
        font-size: 14px;
        padding: 5px 20px;
        bottom: -20px;
        right: -30px;
    }

    blockquote p {
        font-size: 18px;
        padding-bottom: 15px;
    }

    blockquote {
        padding: 20px 12px 12px 10px;
        margin: 40px 25px 60px 32px;
    }

        blockquote:before {
            background-size: 30px auto;
            left: -38px
        }
}
    /* Testimonial End */