.error, .errorNonInline, .error[style*=inline] {
    color: #db0000;
    background-color: #ffe0e0;
    padding: 5px;
    display: block !important;
    margin-bottom: 5px;
    /*font-weight: 700*/
    font-weight: 400
}

    .error[style*=inline] {
        text-align: center;
        border: 1px solid #ec7f7f;
        border-radius: 3px
    }

.error {
    text-align: left;
    border: 1px solid #ec7f7f;
    border-radius: 3px
}

.errorHidden, .errorHidden[style*=inline] {
    color: #db0000;
    background-color: #ffe0e0;
    padding: 5px;
    margin-bottom: 5px;
    /*font-weight: 700*/
    font-weight: 400
}

    .errorHidden[style*=inline] {
        text-align: center;
        border: 1px solid #ec7f7f;
        border-radius: 3px
    }

.errorHidden {
    text-align: left;
    border: 1px solid #ec7f7f;
    border-radius: 3px
}

/*------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------GARYS BELOW-----------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
div#loader {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
}

    div#loader div#loadicon {
        width: 50px;
        height: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -34px;
        border: 18px solid rgba(235,225,255,1);
        border-top: 18px solid rgba(200,176,248,1);
        border-bottom: 18px solid rgba(200,176,248,1);
        border-radius: 50%;
        animation: rotate 2s ease infinite;
        -webkit-animation: rotate 2s ease infinite;
    }

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

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

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

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



body {
    background: #e3e3e3;
    margin: 0;
    padding: 0;
    font-family: 'Bitter', serif;
}

a img#eslogo {
    border: none;
}

h1 {
    font-family: 'Bitter', serif;
    margin-top: 0;
    color: #000;
    font-size: 22px;
    font-weight: 700;
}

h2 {
    font-size: 18px;
    color: #000;
}

    h2 a {
        color: #000;
        text-decoration: none;
        border-left: 2px solid #0185ba;
        margin-left: 15px;
        padding-left: 15px;
        transition: all 0.5s;
    }

        h2 a:hover, .contentlink:hover, ul.sharelist li a:hover {
            text-decoration: underline;
            color: #00a8eb;
        }

h3 {
    font-size: 16px;
}



#scrollicon {
    display: none;
    background-color: #0185ba;
    padding: 1%;
    position: fixed;
    right: 30px;
    bottom: 30px;
    line-height: normal;
    text-align: center;
    box-shadow: 2px 2px 5px #807f7f;
    border-radius: 15px;
}

    #scrollicon:hover {
        background-color: #00a8eb;
    }

    #scrollicon a {
        color: #FFF;
        text-decoration: none;
        font-weight: bold;
    }

p.retired {
    font-weight: 700;
    color: #ad0c0c;
    margin-top: 0;
}

div#cookie {
    background: #bde9fa;
    position: fixed;
    bottom: 0;
    display: block;
    width: 98%;
    text-align: center;
    padding: 1%;
    box-shadow: 0px 0px 5px #807f7f;
    border-top: 1px solid #0185ba;
}

    div#cookie a#cookieclose {
        background-color: #0185ba;
        color: #FFF;
        text-decoration: none;
        font-weight: 700;
        padding: 0.25% 0.5%;
        display: inline-block;
        border-radius: 5px;
        text-align: center;
        margin-left: 1%;
    }

section.col1 h1 {
    margin-bottom: 0.75%;
}



div.info {
    padding: 2%;
    background-color: #d3f3ff;
    border: 2px solid #005f85;
    border-radius: 5px;
    margin-bottom: 1.5%;
}

div.success, div.fail, div.failSmall {
    padding: 2%;
    border: 2px solid #000;
    border-radius: 5px;
    margin-top: 1%;
    text-align: center;
    font-weight: bold;
}

div.fail, div.failSmall {
    border-color: #ad0c0c;
    background-color: #ffcbcb;
    color: #ad0c0c;
}

div.success {
    border-color: #9ccfaa;
    background-color: #ecfff1;
    color: #195229;
}

#centrecol h1 {
    text-align: center;
}

a[href^="tel"] {
    color: inherit;
    text-decoration: none;
    font-weight: 700;
}

.contentlink {
    font-weight: 700;
    text-decoration: none;
    color: #0185ba;
    transition: all 0.5s;
}

.centrebutton {
    text-align: center;
    display: block;
}

.centre {
    text-align: center;
}

div#wrap {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    min-height: 100vh;
}

header.eshead {
    background-color: #FFF;
    background-image: url('../images/es-headimg.jpg'), linear-gradient(#FFF, #efefef);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: auto 100%;
    padding: 1% 1% 0.5% 1%;
    border-bottom: 2px solid #000;
    box-shadow: 0px 0px 10px #807f7f;
}

    header.eshead div.left img {
        max-width: 230px;
    }

    header.eshead div.left a {
        border: none;
    }

#mobilemenu, div#fullmenu {
    display: none;
}

nav {
    margin-top: 0.6%;
}

    nav a {
        display: inline-block;
        font-family: 'Bitter', serif;
        font-weight: 700;
        font-size: 20px;
        text-decoration: none;
        color: #000;
        padding: 0 1%;
        border-right: 2px solid #000;
        transition: all 0.5s;
    }

        nav a:first-child {
            padding-left: 0;
        }

        nav a:last-child {
            border-right: none;
        }

        nav a:hover {
            color: #979797;
        }

        nav a#login {
            background-color: #0185ba;
            color: #FFF;
            margin-left: 1%;
            padding: 0.25% 1%;
            border-radius: 8px;
            transition: all 0.5s;
        }

            nav a#login:hover {
                background-color: #00a8eb;
            }

    nav#ownernav {
        display: block;
        margin: 0 0 2% 0;
        border-bottom: 1px solid #aaa;
    }

        nav#ownernav a {
            color: #8a8a8a;
            border: none;
            padding: 0;
            margin-right: 1%;
            font-size: 17px;
            border-bottom: 2px solid #e3e3e3;
        }

            nav#ownernav a.current, nav#ownernav a:hover {
                border-color: #0185ba;
                color: #0185ba;
            }

            nav#ownernav a#mystable, nav#ownernav a#account, nav#ownernav a#fullownernav {
                background-repeat: no-repeat;
                background-size: 15px;
                background-position: 0 2px;
                padding-left: 20px;
            }

            nav#ownernav a#mystable {
                background-image: url('../images/es-stableicon.png');
            }

                nav#ownernav a#mystable:hover, nav#ownernav a#mystable.current {
                    background-image: url('../images/es-stableiconactive.png');
                }

            nav#ownernav a#account {
                background-image: url('../images/es-accounticon.png');
            }

                nav#ownernav a#account:hover, nav#ownernav a#account.current {
                    background-image: url('../images/es-accounticonactive.png');
                }

            nav#ownernav a#fullownernav {
                display: none;
                background-image: url('../images/es-moreicon.png');
            }

                nav#ownernav a#fullownernav:hover, nav#ownernav a#fullownernav.current {
                    background-image: url('../images/es-moreiconactive.png');
                }

        nav#ownernav div#fullownernavlist {
            display: inline;
        }

    nav#nonownernav {
        display: none;
    }

main#flexwrap {
    display: flex;
    display: -ms-flexbox;
    flex-grow: 1;
    line-height: 23px;
}

section.col1, section.col2, section.col3 {
    padding: 1.5%;
}

section.col1, section.homelayout {
    flex: 1;
}

section.col2 {
    flex: 0 1 20%;
    background-color: #d3f3ff;
    border-left: 1px solid #0185ba;
}

section.col3 {
    flex: 0 1 50%;
    background-color: #d3f3ff;
    border-left: 1px solid #0185ba;
}

div#stablelist, div#currenthorselist, div#retiredhorselist, div#benefits, div#helpandinfo, div#videoplaylist {
    display: flex;
    flex-wrap: wrap;
}

div#currenthorselist, div#retiredhorselist {
    overflow: auto;
}

div#currenthorselist, div#retiredhorselist, div#previoushorses {
    animation-name: fadediv;
    animation-duration: 2s
}

@keyframes fadediv {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

div.horselink {
    box-sizing: border-box;
    float: left;
    text-align: center;
    width: 18.5%;
    margin: 0.75%;
    background-color: #d3f3ff;
    transition: box-shadow 0.5s;
}

    div.horselink:hover {
        box-shadow: 0px 0px 10px #807f7f;
    }

        div.horselink:hover h2 {
            color: #00a8eb;
        }

        div.horselink:hover a.selectbutton, a.selectbutton:hover, a.selectbuttoninline:hover {
            background-color: #00a8eb;
        }

    div.horselink img {
        width: 100%;
    }



div.companycontainer {
    width: 100%;
    position: relative;
}

div.company-tr, div.company-tl {
    position: absolute;
    animation-name: fadein;
    animation-duration: 2.5s;
}

div.company-tr {
    right: 10px;
    top: 10px;
}

div.company-tl {
    left: 10px;
    top: 10px;
}

    div.company-tr div, div.company-tl div {
        background: #FFF;
        position: relative;
        font-weight: 800;
        border-radius: 50%;
        width: 100%;
        padding: 50% 0;
        height: 0;
        border: 2px solid #000;
        line-height: 0;
        font-size: 20px;
        min-width: 30px;
        text-align: center;
    }

div.og div {
    color: #3e1969;
    border-color: #3e1969;
    background: #ebe1ff;
    background-image: linear-gradient(#e4dafa, #a899e7);
    letter-spacing: -1px;
}

div.ax div {
    color: #FFF;
    border-color: #023160;
    background: #003b76;
    background-image: linear-gradient(#005ab4, #003d78);
}

div.es div {
    color: #424242;
    border-color: #424242;
    background: #f5f5f5;
    background-image: linear-gradient(#f8f8f8, #b0b1b2);
}

ul#buyasharelist li a div.companycontainer {
    width: 20%;
}

div.horselink a {
    text-decoration: none;
    color: #000;
}

    div.horselink a img {
        border: none;
    }

div.horselink h2 {
    margin: 3% 0 0 0;
    color: #0185ba;
    transition: color 0.5s;
}

div.horselink span {
    display: block;
}

div.horselink a.selectbutton {
    color: #FFF;
}

div#addbutton {
    background-color: #dddddd;
    border: 2px dashed #a5a5a5;
}

div.renewaldue {
    background-color: #ffc9c9;
}

    div.renewaldue a {
        color: #ad0c0c;
    }

    div.renewaldue .selectbutton {
        background-color: #ad0c0c;
    }

    div.renewaldue h2 {
        color: #ad0c0c;
        transition: color 0.5s;
    }

    div.renewaldue:hover h2 {
        color: #d30b0b;
    }

    div.renewaldue:hover a.selectbutton {
        background-color: #d30b0b;
    }

.selectbutton, .submitbutton, .selectbuttoninline, .ercbutton {
    background-color: #0185ba;
    font-family: 'Bitter', serif;
    display: block;
    margin-top: 3%;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    padding: 1%;
    transition: background-color 0.5s;
}

.ercbutton {
    margin-top: 0;
    background-color: #FFF;
    color: #000;
    border: 1px solid #424242;
}

    .ercbutton:hover {
        background-color: #0185ba;
        color: #FFF;
        border-color: #0185ba;
    }

p.erctel {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
}

.selectbuttoninline {
    display: inline-block;
    margin-top: 2%;
}

.racelist, .profilecontent, .mysyndicates {
    border-bottom: 2px solid #0185ba;
    margin-bottom: 4%;
    padding-bottom: 4%;
}

    .racelist:last-of-type, .mysyndicates:last-of-type {
        border-bottom: none;
    }

    .racelist ul {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: normal;
    }

    .racelist h1, .racelist h2, div#addashare h2, div#addashare p, .mysyndicates h2, .mysyndicates p {
        margin: 0 0 1% 0;
    }

    .racelist p {
        margin: 2% 0 0 0;
    }

    .racelist ul li {
        border-bottom: 1px dashed #0185ba;
        padding: 1.5% 0;
    }

        .racelist ul li:last-of-type {
            border: none;
        }

        .racelist ul li span {
            font-weight: 700;
            color: #0185ba;
        }

ul.sharelist, ul.stablerecord {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.stablerecord {
    margin-top: 2%;
}

ul.sharelist li {
    border-bottom: 1px dashed #037aa9;
    padding: 1% 0;
    line-height: normal;
}

    ul.sharelist li:last-of-type {
        border-bottom: none;
    }

    ul.sharelist li a {
        margin: 0;
        color: #0185ba;
        text-decoration: none;
        transition: all 0.5s
    }

    ul.sharelist li h3 {
        margin: 0;
        color: #0185ba;
    }

    ul.sharelist li span {
        display: inline-block;
    }

        ul.sharelist li span:first-of-type {
            width: 27%;
        }

ul.stablerecord li {
    display: inline-block;
    width: 48.5%;
    padding: 3%;
    margin-right: 3%;
    text-align: center;
    font-weight: 700;
    color: #0185ba;
    border-radius: 8px;
    border: 3px solid #0185ba;
    box-sizing: border-box;
    background-color: #FFF;
}

    ul.stablerecord li:last-of-type {
        margin-right: 0;
    }

    ul.stablerecord li span {
        display: block;
        font-size: 25px;
    }

div#renewalalert {
    display: block;
    background-color: #ffcbcb;
    padding: 0.75% 0.75% 0.4% 0.75%;
    margin: 0.75%;
    border-radius: 8px;
}

    div#renewalalert h2 {
        color: #ad0c0c;
        margin: 0;
    }

table#renewallist tr {
    border-bottom: 1px dashed #ad0c0c;
    transition: all 0.3s;
    transition-timing-function: ease-in;
}

    table#renewallist tr td {
        padding: 0.35% 0;
    }

    table#renewallist tr:last-of-type {
        border-bottom: none;
    }

    table#renewallist tr td.horsename a {
        font-weight: 700;
        color: #ad0c0c;
        font-size: 18px;
        text-decoration: none;
        transition: color 0.3s;
    }

    table#renewallist tr td.renewdate {
        font-weight: bold;
        color: #ad0c0c;
    }

    table#renewallist tr td.renewbutton a {
        font-weight: 700;
        color: #FFF;
        text-decoration: none;
        background-color: #ad0c0c;
        background-image: linear-gradient(#e31616, #ad0c0c);
        text-align: center;
        padding: 2px;
        display: block;
        border-radius: 5px;
        border: 1px solid #ad0c0c;
        transition: all 0.3s;
        transition-timing-function: ease-in;
    }

        table#renewallist tr td.renewbutton a:hover {
            background-color: #e31616;
            background-image: linear-gradient(#ff3636, #e31616);
        }

    table#renewallist tr:hover {
        background-color: #ffdcdc;
    }

div#mydecs, div#upcomingevents {
    border-top: 2px solid #0185ba;
    border-bottom: 2px solid #0185ba;
    background-color: #d3f3ff;
    margin: 0.75%;
    padding: 0.25%;
    font-weight: 700;
}

    div#mydecs span, div#upcomingevents span {
        color: #0185ba;
        border-right: 2px solid #52a5c4;
        padding-right: 1%;
        margin-right: 1%;
        width: 15%;
        vertical-align: top;
    }

    div#mydecs ul, div#upcomingevents ul {
        display: inline-block;
        width: 75%;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    div#mydecs img, div#upcomingevents img {
        float: left;
        margin-right: 0.75%;
    }

div#addashare h1 {
    margin-bottom: 1%;
}

div#addashare ul {
    list-style: none;
    padding: 0;
    margin: 2% 0 0 0;
}

    div#addashare ul li {
        overflow: auto;
        border-bottom: 1px dashed #000;
        padding-bottom: 3%;
        margin-bottom: 3%;
    }

        div#addashare ul li:last-of-type {
            border: none;
        }

        div#addashare ul li a img {
            border: none;
        }

        div#addashare ul li img {
            float: left;
            width: 30%;
            margin-top: 6px;
        }

        div#addashare ul li div {
            box-sizing: border-box;
            float: right;
            width: 67%;
        }

            div#addashare ul li div h3 {
                margin: 0;
                color: #000;
            }

            div#addashare ul li div span {
                display: block;
            }

            div#addashare ul li div a {
                display: inline-block;
                text-decoration: none;
                font-weight: 700;
                color: #000;
                transition: all 0.5s;
            }

                div#addashare ul li div a.linkspacing {
                    border-right: 2px solid #000;
                    padding-right: 8px;
                    margin-right: 6px;
                }

                div#addashare ul li div a:hover {
                    color: #00a8eb;
                    text-decoration: underline;
                }

div#results {
    margin: 1.5% 0.75% 0.75% 0.75%;
    border-top: 2px solid #d1d1d1;
}

table.resultslist th {
    text-align: left;
    padding: 0.3% 0.75%;
    color: #0185ba;
    border-bottom: 1px solid #0185ba;
    border-top: 1px solid #0185ba;
}

table.resultslist tr {
    border-bottom: 1px solid #0185ba;
}

    table.resultslist tr:nth-of-type(odd) {
        background-color: #d3f3ff;
        transition: background-color 0.5s;
    }

    table.resultslist tr:nth-of-type(even) {
        background-color: #fff;
        transition: background-color 0.5s;
    }

    table.resultslist tr td {
        padding: 0.3% 0.75%;
    }

div#reports, #resultscontainer, #profilepedigree, #managingexpectations, #horsebio {
    background-color: #fff;
    box-shadow: 0px 0px 5px #b5b5b5;
    margin-bottom: 3.5%;
}

#managingexpectations {
    margin-top: 3%;
    overflow: auto;
    margin-bottom: 0;
}

    #managingexpectations div#expectationsintro {
        padding: 1% 2% 2% 2%;
    }

        #managingexpectations div#expectationsintro h2 {
            text-align: center;
        }

#resultscontainer {
    padding-top: 0.25%;
}

    #resultscontainer h2 {
        text-align: center;
    }

div#reports ul, div#managingexpectations ul {
    list-style: none;
    padding: 0 1.5%;
    margin: 0;
    border-radius: 8px;
}

div#horsebio {
    padding: 1.5%;
    margin-bottom: 0;
    position: relative;
}

    div#horsebio p:nth-of-type(n+4) {
        display: none;
    }

    div#horsebio h2 {
        text-align: center;
        margin-top: 0;
    }

    div#horsebio div#showfullbio {
        text-align: center;
        z-index: 1;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10% 0 2% 0;
        background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.9)50%);
        font-weight: 800;
    }

    div#horsebio.shareinfolayout {
        margin-top: 3%;
    }

div#showfullbio a {
    text-decoration: none;
    border: 2px solid #0185ba;
    padding: 0.75% 1.5%;
    border-radius: 6px;
}

    div#showfullbio a:hover, div#showfullbio a:active {
        border-color: #00a8eb;
        color: #00a8eb;
    }

div#managingexpectations div.left {
    width: 28%;
    float: left;
}

div#managingexpectations div.right {
    width: 70%;
    float: right;
}

div#managingexpectations div.left ul#articlenav {
    padding: 4% 6% 6% 6%;
}

ul#articlenav li a {
    color: #000;
    font-weight: 700;
    text-decoration: none;
}

    ul#articlenav li a:hover {
        color: #0185ba;
        text-decoration: underline;
    }

div#reports ul a#showmore {
    text-align: center;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    border: 2px solid #0185ba;
    padding: 0.5%;
    margin: 1% 40%;
    width: 19%;
    border-radius: 10px;
    background-color: #d3f3ff;
    transition: all 0.5s;
    color: #0185ba;
}

    div#reports ul a#showmore:hover {
        background-color: #d3f3ff;
        border-color: #00a8eb;
        color: #00a8eb;
    }

div#reports ul li, div#managingexpectations ul li {
    padding: 1.5% 0;
    border-bottom: 1px dashed #bcbcbc;
}

    div#managingexpectations ul li a.top {
        display: block;
        margin-top: 1%;
        font-weight: 700;
        color: #0185ba;
        text-decoration: none;
    }

    div#reports ul li:nth-of-type(n+8) {
        display: none;
    }

    div#reports ul li:last-of-type, div#managingexpectations ul li:last-of-type {
        border-bottom: none;
    }

    div#reports ul li h2, div#managingexpectations ul li h2 {
        margin: 0;
        padding-bottom: 0.5%;
    }

        div#reports ul li h2 span, div#managingexpectations ul li h2 span {
            font-weight: 400;
            text-transform: none;
            margin-left: 1%;
            color: #000;
        }

    div#reports ul li p:first-of-type, div#managingexpectations ul li p:first-of-type {
        margin-top: 0;
    }

    div#reports ul li p:last-of-type, div#managingexpectations ul li p:last-of-type {
        margin-bottom: 0;
    }

    div#reports ul li iframe {
        margin-top: 1%;
    }

    div#reports ul li img {
        margin: 1% 0;
    }

div#horseprofile h2 {
    margin-top: 0;
}

div#horseprofile img {
    width: 100%;
    margin-bottom: 3%;
}

.profilecontent:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.profilecontent ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .profilecontent ul li {
        margin-bottom: 1%;
        padding-bottom: 1%;
        border-bottom: 1px dashed #037aa9;
    }

        .profilecontent ul li:last-of-type {
            border-bottom: none;
        }

        .profilecontent ul li strong {
            color: #0185ba;
        }

        .profilecontent ul li span {
            font-weight: 700;
        }

        .profilecontent ul li p {
            margin: 0;
            font-style: italic;
        }

ul#currentrating {
    list-style: none;
    margin: 0 0 1.5% 0;
    padding: 0;
}

    ul#currentrating li {
        display: inline-block;
        color: #8a8a8a;
        padding: 0 0.75%;
        font-weight: 700;
        border-right: 2px solid #aaaaaa;
        box-sizing: border-box;
    }

        ul#currentrating li:first-of-type {
            padding-left: 0;
        }

        ul#currentrating li:last-of-type {
            padding-right: 0;
            border-right: none;
        }

ul#reportsnav {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul#reportsnav li {
        display: inline-block;
        font-weight: 700;
        width: 23.5%;
        padding: 2% 0;
        text-align: center;
        background-color: #d3f3ff;
        line-height: normal;
        border-radius: 10px;
        margin-left: 2%;
        border: 2px solid #037aa9;
        box-sizing: border-box;
        transition: all 0.5s;
    }

        ul#reportsnav li:hover {
            border-color: #0185ba;
            background-color: #a5e6ff;
        }

        ul#reportsnav li:first-of-type {
            margin-left: 0;
        }

        ul#reportsnav li a, ul#reportsnav li a img {
            display: block;
            color: #0185ba;
            text-decoration: none;
            font-size: 14px;
            border: none;
        }

            ul#reportsnav li a img {
                margin: 0 auto;
            }

#centrecol {
    width: 70%;
    margin: 0 auto;
}

ul#buysummary {
    list-style: none;
    margin: 0 0 2% 0;
    padding: 0.5% 0;
    border-top: 2px solid #0185ba;
    border-bottom: 2px solid #0185ba;
    text-align: center;
    background-color: #d3f3ff;
}

    ul#buysummary li {
        display: inline-block;
        margin-right: 2%;
        padding-right: 2%;
        border-right: 1px solid #52a5c4;
    }

        ul#buysummary li:last-of-type {
            border-right: none;
            margin-right: 0;
            padding-right: 0;
        }

        ul#buysummary li span {
            font-weight: 700;
            color: #0185ba;
        }

div.detailssection {
    background-color: #eaeaea;
    padding: 1.5%;
    margin-bottom: 2%;
    overflow: auto;
    border-top: 2px solid #cdcdcd;
    border-bottom: 2px solid #cdcdcd;
}

    div.detailssection h2 {
        margin: 0 0 0.5% 0;
    }

    div.detailssection h3 {
        margin: 0 0 0.5% 0;
        color: #8a8a8a;
        display: none;
    }

    div.detailssection p {
        margin: 0.5% auto;
    }

    div.detailssection div.left, div.detailssection div.right {
        width: 49%;
        overflow: auto;
        float: left;
    }

    div.detailssection div.left {
        margin-right: 2%;
    }

div.overflow {
    overflow: auto;
}

div.detailssection div.check {
    margin-top: 1%;
    padding-top: 2.5%;
}

div#loginbuttons {
    margin-top: 1%;
}

    div#loginbuttons a {
        display: block;
        margin-top: 0;
    }

        div#loginbuttons a:first-of-type {
            margin-right: 2%;
        }

div.purchaseconfirmation {
    text-align: center;
    line-height: normal;
}

    div.purchaseconfirmation p span {
        display: block;
        font-weight: 700;
        color: #0185ba;
        font-size: 25px;
    }

    div.purchaseconfirmation h1 {
        font-size: 30px;
    }

#newacinfo {
    border: 2px solid #037aa9;
    border-radius: 8px;
    width: 70%;
    margin: 0 15%;
    background-color: #d3f3ff;
    font-size: 18px;
    padding: 1.5%;
}

    #newacinfo h2 {
        font-size: 23px;
        margin-bottom: 1%;
        margin-top: 0;
    }

    #newacinfo p {
        margin: 1.5% 0;
    }

#coronainfo {
    border: 2px solid #f9bdc5;
    border-radius: 8px;
    width: 70%;
    margin: 0 15%;
    background-color: #fcdee5;
    font-size: 18px;
    padding: 1.5%;
}

    #coronainfo h2 {
        font-size: 23px;
        margin-bottom: 1%;
        margin-top: 0;
    }

    #coronainfo p {
        margin: 1.5% 0;
    }

#acpin {
    display: none;
}

    #acpin span:first-of-type {
        margin-top: 2%;
    }

    #acpin span {
        display: block;
        border: 2px solid #037aa9;
        border-radius: 5px;
        padding: 0.75%;
        font-weight: 700;
        margin-top: 1%;
        background-color: #fcfbff;
        color: #0185ba;
    }

ul#linklist {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul#linklist li {
        display: inline-block;
        margin: 0 2%;
    }

        ul#linklist li a {
            text-decoration: none;
            font-weight: 700;
            color: #0185ba;
            font-size: 20px;
            transition: all 0.5s;
        }

            ul#linklist li a:hover {
                text-decoration: underline;
                color: #00a8eb;
            }

            ul#linklist li a img {
                display: block;
                margin: 0 auto 5% auto;
            }

div.mini {
    text-align: center;
}

    div.mini h2, div.mini p {
        display: inline;
    }

div.submitsection, div.partialrenewal {
    background-color: #ecfff1;
    border-color: #9ccfaa;
}

div.infowarning {
    background-color: #ffc9c9;
    border-color: #ad0c0c;
}

div.partialrenewal {
    font-weight: 700;
    color: #195229;
    text-align: center;
}

p.renewalquantity {
    font-size: 18px;
}

div#logindetails, div#newowner, div#extraquantity, a#showreports {
    display: none;
}

div#logindetails {
    margin-top: 1%;
}

    div#logindetails label {
        background-color: #d4d4d4;
    }

    div#logindetails div.left, div#logindetails div.right {
        margin-bottom: 1%;
    }

    div#logindetails div.left {
        width: 63%;
    }

    div#logindetails div.right {
        width: 35%;
    }

        div#logindetails div.left span, div#logindetails div.right span, div#logindetails div.left input {
            width: 100%;
            padding: 10px;
            border-radius: 0;
            box-sizing: border-box;
        }

    div#logindetails label {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        padding: 0;
    }

        div#logindetails label.postcode input {
            width: 60%;
            box-sizing: border-box;
            padding: 10px;
        }

        div#logindetails label.postcode a {
            width: 40%;
            padding: 8px 0.78%;
            box-sizing: border-box;
        }

div#newowner {
    margin-top: 2%;
}

div.helptip {
    text-align: center;
    font-weight: 700;
    color: #0185ba;
}

div#divInvalidLoginDetails {
    background: #ffc9c9;
    margin-top: 1%;
    border: 2px solid #ad0c0c;
    padding: 0.5%;
    border-radius: 5px;
    text-align: center;
    font-weight: 700;
    color: #ad0c0c;
}

div.source label {
    margin-top: 1%;
}

.nomargin, .nomargin p {
    margin: 0;
}

div#giftstartdate, #extraquantity {
    margin-top: 1.5%;
    padding: 1.5%;
    display: block;
    border-radius: 5px;
    border: 2px solid #cdcdcd;
}

    div#giftstartdate p {
        margin: 0 0 1% 0;
    }

div#giftdetails, div#giftstartdate {
    display: none;
}

#extraquantity {
    margin-bottom: 1.5%;
}

label {
    display: block;
    margin-bottom: 1%;
    padding: 0 0 0 1%;
    background-color: #d4d4d4;
    border-radius: 6px;
}

    label:last-of-type {
        margin-bottom: 0;
    }

    label span {
        display: inline-block;
        width: 30%;
    }

    label input, label select {
        width: 66%;
        padding: 2%;
        border: none;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        font-family: 'Bitter', serif;
        font-size: 16px;
    }

        label input:focus, label select:focus {
            outline-color: #0185ba;
        }

    label select {
        width: 70%;
    }

    label.ninumber {
        margin-top: 2%;
    }

    label.postcode, label.ninumber {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

        label.postcode input, label.ninumber input {
            width: 40%;
            border-radius: 0;
        }

        label.postcode a, label.ninumber a {
            background-color: #0185ba;
            color: #FFF;
            width: 24.42%;
            display: inline-block;
            text-align: center;
            font-weight: 700;
            text-decoration: none;
            padding: 1.5% 0.78%;
            transition: background-color 0.5s;
        }

        label.ninumber input {
            padding: 1%;
            width: 42%;
        }

        label.ninumber a {
            padding: 0.92% 0.78%;
        }

            label.postcode a:hover, label.ninumber a:hover {
                background-color: #00a8eb;
            }

div.singleinput label select {
    width: 70%;
    padding: 1%;
}

label.datepicker input {
    width: 68%;
    padding: 1%;
}

#comments, #message {
    width: 97%;
    padding: 1.5%;
    border: none;
    border-radius: 6px;
    font-family: 'Bitter', serif;
    font-size: 16px;
}

.radiobutton {
    display: inline;
    margin-right: 5%;
}

.radiobuttonblock {
    margin-top: 1%;
}

    .radiobutton label, .radiobuttonblock label {
        display: inline;
        padding: 0;
        margin: 0;
        background-color: #eaeaea;
    }

        .radiobuttonblock label:hover {
            cursor: pointer;
        }

.submitsection .radiobutton label {
    background-color: #ecfff1;
}

.radiobutton label input {
    cursor: pointer;
}

.submitbutton {
    margin-top: 1.5%;
    background-color: #098e2f;
}

    .submitbutton:hover {
        background-color: #1cb146;
    }

div.logincontainer div.left {
    width: 60%;
}

div.logincontainer div.right {
    width: 38%;
}

    div.logincontainer div.left span, div.logincontainer div.left input#AccountNo, div.logincontainer div.right span, div.logincontainer div.right input#PIN {
        display: block;
        width: 100%;
        padding: 10px;
        border-radius: 0;
        box-sizing: border-box;
    }

div.logincontainer label {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0;
}

table#ownerdetails tr {
    border-bottom: 1px solid #cdcdcd;
}

    table#ownerdetails tr:last-of-type {
        border-bottom: none;
    }

    table#ownerdetails tr td:nth-of-type(odd) {
        font-weight: 700;
        width: 35%;
    }

div.renewal {
    background-color: #ffcbcb;
    border-color: #ad0c0c;
}

    div.renewal h2 {
        color: #ad0c0c;
    }

table.tablestyle tr:nth-of-type(odd) {
    background-color: #d3f3ff;
}

table.tablestyle tr:nth-of-type(even) {
    background-color: #fff;
}

table.tablestyle tr {
    border-bottom: 1px solid #0185ba;
}

    table.tablestyle tr td, table.tablestyle th {
        padding: 0.5%;
    }

table.tablestyle th {
    text-align: left;
    color: #0185ba;
    border-top: 1px solid #0185ba;
}

table.tablestyle tr.win, table.resultslist tr.win {
    font-weight: bold;
    color: #307a41;
    background-color: #eaffef;
}

/*table#statement {
    margin-bottom: 1.5%;
}

    table#statement tr td:nth-of-type(1), table#statement th:nth-of-type(1) {
        text-align: left;
        width: 9%;
    }

    table#statement tr td:nth-of-type(n+3), table#statement th:nth-of-type(n+3) {
        text-align: right;
        width: 15%;
    }*/

table#statement {
    margin-bottom: 1.5%;
}

    table#statement > tr td:nth-of-type(1), table#statement th:nth-of-type(1) {
        text-align: left;
        width: 9%;
    }

    table#statement tr td:nth-of-type(n+3), table#statement th:nth-of-type(n+3) {
        text-align: right;
        width: 15%;
    }

    table#statement tr.fpc {
        background-color: #eaffef;
    }

        table#statement tr.fpc a {
            font-weight: bold;
            text-decoration: none;
            color: #307a41;
        }

            table#statement tr.fpc a:hover {
                text-decoration: underline;
            }

    table#statement tr td {
        vertical-align: top;
    }

        table#statement tr td div.fpcdetails {
            display: none;
        }

table.fpctable tr:nth-of-type(odd), table.fpctable tr:nth-of-type(even) {
    border: none;
    border-bottom: 1px solid #7e9684;
    background: none;
}

table.fpctable tr:last-of-type {
    border-bottom: none;
}

table.fpctable tr td:nth-of-type(1), table .fpctable tr td:nth-of-type(3) {
    width: auto !important;
}

table#acdetails, table#acbalance {
    width: 47.5%;
    float: left;
    margin-bottom: 2%;
    background-color: #eaeaea;
}

table#acdetails {
    margin-right: 5%;
}

    table#acdetails tr, table#acbalance {
        border-bottom: 1px solid #aaaaaa;
        border-top: 1px solid #aaaaaa;
    }

        table#acdetails tr td, table#acbalance tr td {
            padding: 0.75% 1.5%;
        }

            table#acdetails tr td:last-of-type, table#acbalance tr td:nth-of-type(2) {
                text-align: right;
            }

div#centrecol.results {
    width: 90%;
}

    div#centrecol.results h2, div#centrecol.results p {
        text-align: center;
    }

table#yourresults, table#allresults, table#horseresults {
    margin-bottom: 1.5%;
}

    table#yourresults th, table#allresults th, table#horseresults th {
        line-height: normal;
    }

        table#yourresults tr td:nth-of-type(n+6), table#yourresults th:nth-of-type(n+6), table#allresults tr td:nth-of-type(n+6), table#allresults th:nth-of-type(n+6), table#horseresults th:nth-of-type(n+5), table#horseresults tr td:nth-of-type(n+5) {
            text-align: center;
        }

    table#yourresults tr td:nth-of-type(2), table#allresults tr td:nth-of-type(2) {
        font-weight: 700;
        color: #0185ba;
    }

    table#yourresults tr td span, table#allresults tr td span, table#horseresults tr td span {
        display: none;
    }

#resultscontainer table#yourresults tr td:nth-of-type(2) {
    color: inherit;
}

div#refineoptions {
    display: block;
    margin-bottom: 0.5%;
    padding: 0.25% 0.75%;
    border-top: 2px solid #cdcdcd;
    border-bottom: 2px solid #cdcdcd;
    background: #eaeaea;
    font-weight: bold;
}

    div#refineoptions div.left, div#refineoptions div.right {
        width: 50%;
        display: inline-block;
    }

    div#refineoptions div.left {
        padding-bottom: 4px;
    }

    div#refineoptions div.right {
        text-align: right;
        padding-top: 9px;
    }

    div#refineoptions div.left span {
        margin-right: 8px;
    }

ul#showallresults {
    list-style: none;
    padding: 0;
    margin: 0;
}

#showallresults li {
    display: inline;
    margin-right: 1%;
    padding-right: 1%;
    border-right: 1px solid #cdcdcd;
}

    #showallresults li:last-of-type {
        margin-right: 0;
        padding-right: 0;
        border: none;
    }

    #showallresults li:first-of-type {
        margin-right: 0;
        border: none;
    }

div#refineoptions div.left ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    div#refineoptions div.left ul li {
        display: inline-block;
        white-space: nowrap;
        margin-right: 20px;
    }

        div#refineoptions div.left ul li label {
            padding: 0;
            margin: 0 3% 0 0;
            border-radius: 0;
            display: inline;
            vertical-align: middle;
            cursor: pointer;
            background: none;
        }

        div#refineoptions div.left ul li > input {
            height: 25px;
            width: 25px;
            margin-right: 5px;
            -webkit-appearance: none;
            -moz-appearance: none;
            -o-appearance: none;
            appearance: none;
            border: 2px solid #cdcdcd;
            border-radius: 4px;
            outline: none;
            transition-duration: 0.3s;
            background-color: #FFF;
            cursor: pointer;
            vertical-align: middle;
        }

            div#refineoptions div.left ul li > input:checked {
                background-image: url('../images/es-checkbox-checked.png')
            }

                div#refineoptions div.left ul li > input:checked + span::before {
                    display: block;
                    text-align: center;
                    color: #41B883;
                }

#profilehead {
    display: block;
    overflow: auto;
}

    #profilehead div.left, #profilehead div.right {
        margin: 0;
        float: left;
    }

    #profilehead div.left {
        width: 65%;
    }

    #profilehead div.right {
        width: 35%;
        margin-bottom: 1%;
    }

    #profilehead h1 {
        margin: 0;
    }

        #profilehead h1 span {
            font-size: 16px;
            margin: 0 0 0 10px;
            display: inline-block;
            color: #8e8a8b;
        }


    #profilehead a {
        font-size: 16px;
        text-align: center;
        display: none;
    }

table#retiredhorselist {
    border-top: 1px solid #0185ba;
}

    table#retiredhorselist tr td {
        text-align: center;
    }

        table#retiredhorselist tr td:nth-of-type(1) {
            text-align: left;
            font-weight: 700;
        }

table#magazinelist tr td:nth-of-type(3) {
    text-align: right;
}

table#magazinelist a {
    font-weight: 700;
    color: #0185ba;
    text-decoration: none;
    transition: all 0.5s;
}

    table#magazinelist a:hover {
        text-decoration: underline;
        color: #00a8eb;
    }

div#latestmagazine, div#handbook {
    padding: 2%;
    overflow: auto;
    background: #d3f3ff;
    border-top: 2px solid #0185ba;
    border-bottom: 2px solid #0185ba;
}

    div#latestmagazine div.left {
        width: 12%;
        float: left;
    }

        div#latestmagazine div.left img {
            width: 100%;
            border: none;
        }

    div#latestmagazine div.right {
        width: 84%;
        float: right;
    }

        div#latestmagazine div.right h2 {
            font-size: 27px;
            margin: 2% 0 1% 0;
        }

            div#latestmagazine div.right h2 a {
                margin: 0;
                padding: 0;
                border: none;
            }

        div#latestmagazine div.right h3 {
            font-size: 20px;
            margin: 0;
        }

        div#latestmagazine div.right a {
            width: 50%;
            margin-top: 2%;
        }

div#handbook {
    text-align: center;
}

    div#handbook img {
        width: 20%;
        border: none;
    }

    div#handbook a {
        width: 28%;
        margin: 2% 35% 0 35%;
    }

.videowrapper {
    position: relative;
    padding-bottom: 54.5%;
    padding-top: 25px;
    height: 0;
}

    .videowrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.morevideos h2 {
    margin: 0;
}

.morevideos ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .morevideos ul li {
        border-bottom: 1px dashed #0185ba;
        padding: 4% 0;
        overflow: auto;
    }

        .morevideos ul li:last-of-type {
            border-bottom: none;
        }

        .morevideos ul li img, .morevideos ul li h3, .morevideos ul li p, .morevideos ul li a {
            margin: 0;
        }

        .morevideos ul li img {
            float: left;
            margin: 1.5% 3.5% 0 0;
            border: none;
        }

        .morevideos ul li div {
            overflow: auto;
        }


#videofeed {
    margin-bottom: 20px;
    padding-bottom: 30px;
    border-bottom: 2px solid #00a8eb;
}

    #videofeed h1 {
        margin-top: 5px;
    }

    #videofeed a {
        display: flex;
        line-height: normal;
        text-decoration: none;
        color: inherit;
        border-top: 1px solid #00a8eb;
        padding: 2% 1%;
        transition: background 1s;
    }

        #videofeed a:last-of-type {
            border-bottom: 1px solid #00a8eb;
        }

        #videofeed a div {
            flex: 1 1 30%;
        }

            #videofeed a div:first-of-type {
                font-weight: 800;
                color: #007eb0;
                font-size: 17px;
                flex: 1 1 42%;
            }

            #videofeed a div:last-of-type {
                flex: 1 1 28%;
                text-align: right;
            }

        #videofeed a:nth-of-type(odd) {
            background: #e6f8ff;
        }

        #videofeed a:nth-of-type(even) {
            background: #fff;
        }

        #videofeed a:hover {
            background: #b4eafe;
        }

span.mobilebutton {
    display: none;
}

#showlatestvideos {
    font-weight: 800;
    border: 1px solid #007eb0;
    padding: 3px 5px 1px 5px;
    border-radius: 5px;
    text-decoration: none;
    text-transform: uppercase;
    color: #007eb0;
    margin: 5px 0;
    display: inline-block;
    font-size: 15px;
}

.shopad {
    text-align: center;
    border: 2px solid #0185ba;
    padding: 5%;
    border-radius: 7px;
    background-color: #e6f8ff;
}

    .shopad h2 {
        margin-top: 0;
        font-size: 28px;
    }

    .shopad ul {
        font-weight: 700;
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 20px;
    }

        .shopad ul li {
            padding: 1% 0;
        }

    .shopad a {
        text-decoration: none;
        font-weight: 700;
        font-size: 20px;
        display: block;
        margin-top: 6%;
        text-align: center;
        border-radius: 8px;
        padding: 2% 1%;
        background-color: #0185ba;
        color: #FFF;
        transition: all 0.5s
    }

        .shopad a:hover {
            background-color: #00a8eb;
        }

#noaccess {
    text-align: center;
    font-size: 18px;
}

footer {
    font-family: 'Bitter', serif;
    display: flex;
    display: -ms-flexbox;
    align-items: flex-end;
    background-color: #1e1e1e;
    padding: 0.5%;
    font-weight: 700;
    color: #8b8b8b;
    border-top: 3px solid #5a5a5a;
}

    footer a {
        color: #8b8b8b;
        text-decoration: none;
    }

div#termslightbox {
    display: none;
    position: fixed;
    background: #FFF;
    top: 15%;
    width: 50%;
    left: 25%;
    height: 75%;
    border: 2px solid #000;
    overflow: scroll;
}

section.footercol {
    flex: 1 1 auto;
}

section.footerright {
    text-align: right;
}

/*New styles for new-look My Stable*/

#renewal-container {
    display: flex;
    margin: 20px 0.75% 15px 0.75%;
    background: #ffe4e4;
    flex-direction: column;
    box-shadow: 0px 0px 2px #adadad;
    border: 1px solid #aaaaaa;
}

.renewal-header-bar {
    display: flex;
    border-bottom: 1px solid #ad0c0c;
}

    .renewal-header-bar div {
        padding: 5px 10px 5px 10px;
        flex: 1 1 0;
    }

.renewal-header-title {
    color: #ad0c0c;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 18px;
}

.renewal-header-more {
    display: none;
    text-align: right;
}

.renewal-row:nth-of-type(odd) {
    background: #ffcbcb;
}

.renewal-row a {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: background 0.7s;
}

    .renewal-row a:hover {
        background: #ffb1b1;
    }

.renewal-row div {
    flex: 1 1 0;
    padding: 5px 10px;
}

    .renewal-row div:first-child {
        text-transform: uppercase;
    }

    .renewal-row div:first-child, .renewal-row div:nth-child(3) {
        font-weight: 800;
        color: #ad0c0c;
    }

    .renewal-row div:nth-child(n+2):nth-child(-n+3) {
        text-align: center;
    }

    .renewal-row div:last-child {
        text-align: right;
    }

        .renewal-row div:last-child span, .renewal-header-more a {
            text-transform: uppercase;
            font-weight: 800;
            background: #ad0c0c;
            border-radius: 5px;
            color: #FFF;
            padding: 0 5px;
            text-decoration: none;
        }

#notification-container {
    margin: 0.75%;
}

.notification-alert {
    display: flex;
    background: #d3f3ff;
    box-shadow: 0px 0px 2px #adadad;
    border: 1px solid #7dbfd8;
    margin-bottom: 10px;
    border-radius: 6px;
    align-items: center;
}

.notification-type {
    flex: 1 1 0;
    text-transform: uppercase;
    padding: 0 5px;
    font-weight: 800;
    color: #0185ba;
    text-align: center;
}

.alert-list {
    flex: 4 1 0;
    text-transform: uppercase;
}

.notification-content {
    border-bottom: 1px dashed #0185ba;
    padding: 2px 0;
    margin-right: 10px;
}

    .notification-content:last-of-type {
        border-bottom: none;
    }

    .notification-content span {
        font-weight: 800;
        color: #0185ba;
    }

.colflex-content h2, .event-list h2 {
    margin: 0 0 10px 0;
}

.race-details-list, .event-list {
    background: #FFF;
    padding: 10px 15px;
    border: 1px solid #7dbfd8;
    margin-bottom: 20px;
    border-radius: 6px;
}

    .race-details-list h3 {
        margin: 10px 0 0 0;
        padding-top: 10px;
        border-top: 1px dashed #0185ba;
    }

        .race-details-list h3:first-of-type {
            border-top: none;
            margin-top: 0;
            padding: 0;
        }

.col2-content #videofeed {
    border-bottom: none;
    padding: 0;
}

.race-details-list p {
    margin: 0;
}

.race-details-list span, .event-list span {
    font-weight: 800;
    text-transform: uppercase;
    color: #0185ba;
}

.event-list p:last-of-type {
    margin-bottom: 0;
}

.event-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .event-list ul li {
        border-top: 1px dashed #0185ba;
        margin-top: 10px;
        padding-top: 10px;
    }

        .event-list ul li:first-of-type {
            border-top: none;
            margin-top: 0;
            padding-top: 0;
        }

#extra-nav {
    display: none;
}

#viewprevioushorses {
    margin: 10px 0.75% 10px 0.75%;
    padding: 4px 10px;
    border: 1px solid #626262;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 800;
    text-transform: uppercase;
    display: inline-block;
    color: #626262;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(201, 201, 201, 1));
    transition: all 0.5s;
}

    #viewprevioushorses:hover {
        color: #0185ba;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(217, 217, 217, 1));
    }

#my-previous-horses {
    display: none;
    margin-top: 10px;
}

    #my-previous-horses.my-previoushorses-open {
        display: block;
        border-top: 2px solid #aaaaaa;
        padding-top: 20px;
        margin-top: 20px;
    }

    #my-previous-horses h2 {
        margin: 0 0.75%;
    }

#my-previous-horses-list {
    display: flex;
    flex-wrap: wrap;
}

.previous-horse {
    display: flex;
    flex-direction: column;
    background: #dbdbdb;
    flex: 0 1 15.16%;
    text-align: center;
    margin: 0.75%;
    transition: box-shadow 0.5s
}

    .previous-horse a {
        display: flex;
        flex-direction: column;
        color: inherit;
        text-decoration: none;
    }

        .previous-horse a:first-of-type {
            flex-grow: 1;
        }

p.status-text {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.previous-horse a.selectbutton {
    color: #FFF;
    text-decoration: none;
}

.previous-horse img {
    width: 100%;
    margin-bottom: 5px;
}

.previous-horse h3, .previous-horse h4 {
    margin: 0;
    text-transform: uppercase;
}

.previous-horse h3 {
    color: #0185ba;
}

.previous-horse h4 {
    font-size: 14px;
}


/*Non-Owners Site*/

div#homeintro.eshomeintro {
    background-image: url('../images/homepage/es-background-desktop.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    box-shadow: inset 0px 0px 10px #646464;
    background-color: #FFF;
}

    div#homeintro.eshomeintro div.introleft {
        /*background-image: linear-gradient(to right, rgba(255, 255, 255, 0.95)70%, rgba(255, 255, 255, 0));*/
        padding: 4% 20% 4% 1.5%;
        width: 35%;
        text-align: center;
    }

        div#homeintro.eshomeintro div.introleft h1 {
            font-size: 45px;
            margin: 0;
        }

            div#homeintro.eshomeintro div.introleft h1 span {
                font-size: 80px;
                display: block;
                line-height: 100px;
            }

        div#homeintro.eshomeintro div.introleft p {
            font-weight: 700;
            font-size: 22px;
            line-height: normal;
            margin: 1.5% 0 4% 0;
        }

        div#homeintro.eshomeintro div.introleft a {
            text-decoration: none;
            font-weight: 700;
            font-size: 26px;
            background-color: #0185ba;
            color: #FFF;
            padding: 3% 4%;
            display: inline-block;
            border-radius: 10px;
            transition: all 0.5s;
            animation-name: glow;
            animation-duration: 1.5s;
        }

@keyframes glow {
    0% {
        background-color: #0185ba;
    }

    65% {
        background-color: #00a8eb;
    }

    100% {
        background-color: #0185ba;
    }
}

div#homeintro.eshomeintro div.introleft a:hover {
    background-color: #00a8eb;
}

div#homecolumns {
    display: block;
    overflow: auto;
}

    div#homecolumns div.col1, div#homecolumns div.col2, div#homecolumns div.col3 {
        float: left;
        padding: 1.5%;
        overflow: auto;
    }

    div#homecolumns div.col1 {
        width: 35%;
    }

    div#homecolumns div.col2 {
        width: 30%;
    }

    div#homecolumns div.col3 {
        width: 26%;
    }

    div#homecolumns div h2 {
        margin: 0;
        font-size: 30px;
        line-height: normal;
    }

    div#homecolumns div h3 {
        margin: 0;
        font-size: 20px;
        line-height: normal;
    }

    div#homecolumns div.col3 div#addashare ul {
        margin: 0;
        border-top: none;
        border-bottom: 2px solid #000;
    }

        div#homecolumns div.col3 div#addashare ul li {
            overflow: hidden;
            margin-bottom: 0;
            padding: 4.5% 4%;
            background: #FFF;
        }

            div#homecolumns div.col3 div#addashare ul li:nth-of-type(even) {
                background-color: #bde9fa;
            }

    div#homecolumns div.col3 div#addashare h2 {
        text-align: center;
        background: #0185ba;
        border-top: 2px solid #000;
        border-bottom: 1px dashed #000;
        padding: 0.5% 0.5% 0.70% 0.5%;
        color: #FFF;
    }

    div#homecolumns div.col3 div#addashare ul li img {
        width: 33%;
        margin: 0;
    }

    div#homecolumns div.col3 div#addashare ul li div {
        width: 63%;
    }

div.homeitem {
    overflow: auto;
    margin-bottom: 3%;
    background: #f0f0f0;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

    div.homeitem:last-of-type {
        margin-bottom: 0;
    }

    div.homeitem img {
        width: 39%;
        float: left;
    }

    div.homeitem div {
        width: 53%;
        padding: 3% 4%;
        float: right;
    }

    div.homeitem h3 {
        color: #0185ba;
    }

    div.homeitem p {
        margin: 0;
    }

div#homewelfare {
    padding: 2.5% 3.5%;
}

div#homecosts {
    background: #bde9fa;
    color: #000;
    padding: 0.5% 3%;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    border-top: 2px solid #0185ba;
}

    div#homecosts span {
        color: #0185ba;
    }

ul#homebenefits {
    margin: 2% 0 0 0;
    padding: 0;
    line-height: normal;
    list-style-position: inside;
}

    ul#homebenefits li:first-of-type {
        margin-top: 1.5%;
    }

    ul#homebenefits li {
        margin-bottom: 1.5%;
    }

section.homelayout nav#ownernav {
    margin: 1% 0 0 0;
}

section.homelayout nav#ownernav {
    margin-left: 1.5%;
}

    section.homelayout nav#ownernav a {
        padding: 0 0 0.25% 0;
    }

#notificationbanner {
    text-align: center;
    font-weight: 700;
    color: #000;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding: 0.5% 4%;
    line-height: normal;
    background: #bde9fa;
}

ol#terms {
    list-style: lower-roman;
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

    ol#terms h3 {
        font-size: 18px;
        color: #0185ba;
        margin: 1.5% 0 0.5% 0;
    }

    ol#terms li {
        margin-bottom: 1.5%;
    }

        ol#terms li h4 {
            margin-bottom: 0;
        }

        ol#terms li p {
            margin-top: 0;
        }

        ol#terms li ol {
            margin-top: 1%;
        }

            ol#terms li span, ol #terms li ol li span {
                font-style: italic;
                display: block;
            }

ul#buyasharelist, ul#trainerlist {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#trainerlist {
    overflow: auto;
}

    ul#buyasharelist li, ul#trainerlist li {
        border-bottom: 2px solid #0185ba;
        overflow: auto;
        background-color: #d3f3ff;
        padding: 2%;
    }

        ul#buyasharelist li:first-of-type, ul#trainerlist li:first-of-type {
            border-top: 2px solid #0185ba;
        }

        ul#buyasharelist li img, ul#trainerlist li img {
            width: 20%;
            float: left;
            border: none;
        }

        ul#buyasharelist li div.basicinfo_ES, ul#trainerlist li div.basicinfo {
            width: 77.5%;
            float: right;
            overflow: auto;
        }

            ul#buyasharelist li div.basicinfo_ES h2, ul#trainerlist li div.basicinfo h2 {
                margin: 0;
                font-size: 22px;
            }

            ul#buyasharelist li div.basicinfo_ES span, ul#trainerlist li div.basicinfo span {
                display: inline-block;
                font-weight: bold;
                margin: 0.5% 3% 0 0;
                font-size: 18px;
                color: #0185ba;
            }

            ul#buyasharelist li div.basicinfo_ES p, ul#trainerlist li div.basicinfo p {
                margin: 0.75% 0;
            }

            ul#buyasharelist li div.basicinfo_ES a:first-of-type {
                margin-right: 1%;
                background-color: #18a0d7;
            }

            ul#buyasharelist li div.basicinfo_ES a {
                display: inline-block;
                width: 48%;
                background-color: #0185ba;
                color: #FFF;
                text-align: center;
                text-decoration: none;
                font-weight: 700;
                padding: 0.75%;
                border-radius: 6px;
                margin-top: 1%;
                transition: all 0.5s;
            }

                ul#buyasharelist li div.basicinfo_ES a:hover {
                    background-color: #00a8eb;
                }

            ul#trainerlist li div.basicinfo h3 {
                color: #0185ba;
                border-top: 1px dotted #0185ba;
                margin: 2% 0 0.5% 0;
                padding-top: 1.5%;
            }

            ul#trainerlist li div.basicinfo ul {
                margin: 0;
                padding: 0;
                overflow: auto;
            }

                ul#trainerlist li div.basicinfo ul li {
                    border: 2px solid #9a81c9;
                    text-align: center;
                    display: inline-block;
                    font-weight: bold;
                    border-radius: 8px;
                    padding: 0.25% 1%;
                    margin: 0.25% 0.5% 0 0;
                    background: #e9deff;
                    color: #9a81c9;
                    overflow: auto;
                }





        /*------------------------------------------------------------------------*/

        ul#buyasharelist li div.basicinfo_OG {
            width: 77.5%;
            float: right;
            overflow: auto;
        }

            ul#buyasharelist li div.basicinfo_OG h2 {
                margin: 0;
                font-size: 22px;
            }

            ul#buyasharelist li div.basicinfo_OG span {
                display: inline-block;
                font-weight: bold;
                margin: 0.5% 3% 0 0;
                text-transform: uppercase;
                font-size: 18px;
                color: #3e1969;
            }

            ul#buyasharelist li div.basicinfo_OG p {
                margin: 0.75% 0;
            }

            ul#buyasharelist li div.basicinfo_OG a:first-of-type {
                margin-right: 1%;
                background-color: #845fce;
            }

            ul#buyasharelist li div.basicinfo_OG a {
                display: inline-block;
                width: 48%;
                background-color: #3e1969;
                color: #FFF;
                text-align: center;
                text-decoration: none;
                font-weight: 800;
                text-transform: uppercase;
                padding: 0.75%;
                border-radius: 6px;
                margin-top: 1%;
                transition: all 0.5s;
            }

                ul#buyasharelist li div.basicinfo_OG a:hover {
                    background-color: #6125a7;
                }






        ul#buyasharelist li div.basicinfo_ES {
            width: 77.5%;
            float: right;
            overflow: auto;
        }

            ul#buyasharelist li div.basicinfo_ES h2 {
                margin: 0;
                font-size: 22px;
            }

            ul#buyasharelist li div.basicinfo_ES span {
                display: inline-block;
                font-weight: bold;
                margin: 0.5% 3% 0 0;
                font-size: 18px;
                color: #0185ba;
            }

            ul#buyasharelist li div.basicinfo_ES p {
                margin: 0.75% 0;
            }

            ul#buyasharelist li div.basicinfo_ES a:first-of-type {
                margin-right: 1%;
                background-color: #18a0d7;
            }

            ul#buyasharelist li div.basicinfo_ES a {
                display: inline-block;
                width: 48%;
                background-color: #0185ba;
                color: #FFF;
                text-align: center;
                text-decoration: none;
                font-weight: 700;
                padding: 0.75%;
                border-radius: 6px;
                margin-top: 1%;
                transition: all 0.5s;
            }

                ul#buyasharelist li div.basicinfo_ES a:hover {
                    background-color: #00a8eb;
                }



/*------------------------------------------------------------------------*/




div#soldoutbanner {
    background-color: #ffc9c9;
    font-weight: 700;
    text-align: center;
    color: #ad0c0c;
    padding: 0.25% 2%;
    margin-bottom: 1.5%;
    border-top: 2px solid #ad0c0c;
    border-bottom: 2px solid #ad0c0c;
}

div#registrationsent {
    display: none;
    color: #098e2f;
    border-top: 2px solid #098e2f;
    border-bottom: 2px solid #098e2f;
    font-weight: 700;
    padding: 2%;
    text-align: center;
    background-color: #ecfff1;
}

div#buyasharehead {
    overflow: auto;
}

div#buyashareimg {
    width: 40%;
    float: left;
}

    div#buyashareimg img {
        width: 100%;
        margin-top: 6px;
        box-shadow: 0px 0px 5px #807f7f;
    }

div#buyashareinfo {
    width: 57%;
    float: right;
}

    div#buyashareinfo ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        div#buyashareinfo ul li {
            margin: 1% 0 1% 0;
            background-color: #FFF;
            border-top: 1px solid #0185ba;
            border-bottom: 1px solid #0185ba;
        }

    div#buyashareinfo h2 {
        margin: 0;
        font-size: 23px;
        line-height: normal;
    }

    div#buyashareinfo h3 {
        margin: 0;
        font-size: 20px;
        line-height: normal;
        display: inline;
    }

    div#buyashareinfo h4 {
        margin: 0 0 0 1.5%;
        display: inline;
    }

    div#buyashareinfo ul li span {
        width: 40%;
        display: inline-block;
        padding: 0.5% 1.25%;
        font-weight: 700;
        background-color: #d3f3ff;
        margin-right: 1%;
        color: #0185ba;
    }

div.details-row {
    display: flex;
    border-top: 1px solid #0185ba;
    border-bottom: 1px solid #0185ba;
    margin: 1% 0;
    background: #FFF;
    line-height: normal;
}

    div.details-row div.details-title {
        flex: 1 1 40%;
        background-color: #d3f3ff;
        padding: 0.5% 1.25%;
        font-weight: 800;
        color: #0185ba;
        text-transform: uppercase;
    }

    div.details-row div.details-content {
        flex: 1 1 60%;
    }

    div.details-row div.details-title, div.details-row div.details-content {
        padding: 3px 6px;
    }


a.buybutton {
    font-size: 20px;
    padding: 2% 0;
}

    a.buybutton span {
        color: #ffe243;
    }

div#quote {
    font-style: italic;
    overflow: auto;
}

    div#quote p {
        width: 86%;
        float: right;
    }

        div#quote p:first-of-type {
            margin-top: 0;
        }

        div#quote p:last-of-type {
            margin-bottom: 0;
        }

    div#quote img {
        float: left;
        margin-right: 2%;
        width: 12%;
    }

div#buyashareinfo ul#pricebreakdown {
    display: none;
    border: 2px solid #cdcdcd;
    padding: 2%;
}

    div#buyashareinfo ul#pricebreakdown li {
        margin: 0;
        border-radius: 0;
        background: inherit;
        border: none;
    }

a.videobutton {
    background-color: #18a0d7;
    color: #FFF;
    border-radius: 6px;
    display: block;
    margin-top: 3%;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    padding: 2% 1%;
    transition: all .5s;
    box-sizing: border-box;
    border: 3px solid #0975a0;
}

    a.videobutton:hover {
        background-color: #27bcf8;
    }

div.highlight {
    background: #d3f3ff;
    text-align: center;
    margin-top: 3%;
    padding: 2%;
    border-top: 2px solid #0185ba;
    border-bottom: 2px solid #0185ba;
}

    div.highlight span {
        color: #0185ba;
        display: block;
        font-size: 24px;
        font-weight: 700;
    }


div#buyashareinfo ul#pricebreakdown li:last-of-type {
}

div#buyashareinfo ul#pricebreakdown li:first-of-type, div#buyashareinfo ul#pricebreakdown li:last-of-type {
    font-weight: bold;
}

div#whathappensnext {
    border-top: 2px solid #CCC;
    margin-top: 5%;
    padding-top: 3%;
    display: none;
}

div#pedigreecontainer {
    margin: 2% 0 3% 0;
    border-top: 2px solid #cdcdcd;
    border-bottom: 2px solid #cdcdcd;
    padding: 2.5% 0 3% 0;
}

    div#pedigreecontainer h3 {
        text-align: center;
        color: #0185ba;
        margin: 0 0 1% 0;
    }

#profilepedigree {
    padding-bottom: 1%;
}

    #profilepedigree h2 {
        text-align: center;
        padding-top: 1.25%;
    }

    #profilepedigree table#pedigree {
        background: none;
    }

table#pedigree {
    font-weight: 700;
    background-color: #d3f3ff;
    border-collapse: collapse;
    table-layout: fixed;
}

div#buymobile, div#buymobile a {
    display: none;
}

table#pedigree tr td {
    word-wrap: break-word;
    padding: 0.5%;
}

    table#pedigree tr td.pedigreedivider1, table#pedigree tr td.pedigreedivider2, table#pedigree tr td.pedigreedivider3 {
        text-align: center;
        color: #0185ba;
    }

    table#pedigree tr td.pedigreedivider1 {
        font-size: 140px;
        font-weight: normal;
        padding-bottom: 35px;
    }

    table#pedigree tr td.pedigreedivider2 {
        font-size: 60px;
        font-weight: normal;
        padding-bottom: 20px;
    }

    table#pedigree tr td.pedigreedivider3 {
        font-size: 30px;
        font-weight: normal;
        padding-bottom: 10px;
    }

table#pedigree tr:first-of-type td:nth-of-type(1) {
    text-align: center;
    font-size: 19px;
}

    table#pedigree tr:first-of-type td:nth-of-type(1) span {
        display: block;
        font-size: 16px;
    }

table#pedigree tr:first-of-type td:nth-of-type(even) {
    width: 6%;
}

table#pedigree tr:first-of-type td:nth-of-type(odd) {
    width: 20.5%;
}

.pedigree-height {
    font-weight: normal;
    text-transform: capitalize;
}

a#showheightinfo {
    margin-top: 5px;
    display: inline-block;
}

#heightinfo {
    display: none;
}

#pedigreecontainer #heightinfo h3 {
    text-align: left;
}

ul#contactoptions {
    list-style: none;
    margin: 1.5% 0 1.5% 0;
    padding: 0;
    overflow: auto;
}

    ul#contactoptions li {
        width: 29.333%;
        display: block;
        float: left;
        text-align: center;
        padding: 0 2%;
    }

        ul#contactoptions li h2, ul#contactoptions li p {
            margin: 0;
        }

div#currenthorselist div.horselink.sharesavailable {
    background-color: #ecfff1;
}

    div#currenthorselist div.horselink.sharesavailable h2, div#currenthorselist div.horselink.sharesavailable a.onsale {
        color: #098e2f;
    }

    div#currenthorselist div.horselink.sharesavailable a.onsale {
        font-weight: 700;
    }

div#currenthorselist div.horselink, div#retiredhorselist div.horselink {
    padding-bottom: 0.75%;
}

    div#currenthorselist div.horselink span.soldout {
        font-weight: 700;
        color: #0185ba;
    }

    div#currenthorselist div.horselink:hover, div#retiredhorselist div.horselink:hover {
        box-shadow: none;
    }

div#currenthorselist div.sharesavailable:hover {
    box-shadow: 0px 0px 10px #807f7f;
}

div.pedigree-short {
    display: none;
    font-style: italic;
    font-size: 15px;
    line-height: normal;
    padding-bottom: 7px;
}

a#showpedigree {
    font-size: 16px;
}

div#retiredhorselist div.horselink {
    background-color: #eaeaea;
}

div#runcount {
    text-align: center;
    font-weight: 700;
    font-weight: 20px;
    background-color: #d3f3ff;
    margin: 0 0.75% 3% 0.75%;
    line-height: normal;
    border-top: 2px solid #0185ba;
    border-bottom: 2px solid #0185ba;
}

    div#runcount a {
        display: block;
        text-decoration: none;
        color: #0185ba;
        transition: all 0.5s;
        margin: 0 0 1% 0;
    }

        div#runcount a:hover {
            text-decoration: underline;
            color: #00a8eb;
        }

div#previoushorses {
    border-top: 2px solid #cdcdcd;
    margin: 3% 0.75% 0 0.75%;
}

    div#previoushorses h2 {
        text-align: center;
    }

ul#counter {
    list-style: none;
    margin: 1.5% 0 0 0;
    padding: 0;
    text-align: center;
}

    ul#counter li {
        text-align: center;
        width: 28%;
        display: inline-block;
        line-height: 40px;
        margin-bottom: 1%;
    }

        ul#counter li:last-of-type {
            border-right: none;
        }

        ul#counter li span {
            display: block;
            font-size: 21px;
            color: #8a8a8a;
            letter-spacing: 3px;
            animation-name: fadein;
            animation-duration: 2s
        }

            ul#counter li span.countup {
                font-size: 60px;
                color: #0185ba;
                font-weight: 700;
                letter-spacing: 0px;
                border: none;
                animation-name: fontscale;
                animation-duration: 1s;
            }

@keyframes fontscale {
    0% {
        font-size: 60px;
    }

    50% {
        font-size: 100px;
    }

    100% {
        font-size: 60px;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

div.faqcategory {
    text-align: left;
    background: #FFF;
    padding: 3%;
    margin-bottom: 3%;
    box-shadow: 0px 0px 7px #807f7f;
}

    div.faqcategory:first-of-type {
        margin-top: 2%;
    }

    div.faqcategory h2 {
        font-size: 24px;
        margin-top: 0;
    }

    div.faqcategory p.question {
        font-weight: bold;
        color: #0185ba;
        margin-bottom: 0.5%;
        font-size: 20px;
    }

    div.faqcategory p.answer {
        font-style: italic;
        margin-top: 0;
    }

        div.faqcategory p.answer:last-of-type {
            margin-bottom: 0;
        }

div#benefits {
    padding: 0.75% 0.75%;
    margin-bottom: 2.5%;
    overflow: auto;
}

div#benefitsbrief {
    width: 100%;
}

div#benefits h3 {
    display: block;
    width: 100%;
    text-align: center;
    margin: 2% 0 1% 0;
    color: #0185ba;
    font-size: 20px;
}

div.benefititem {
    box-sizing: border-box;
    float: left;
    text-align: center;
    width: 31.833%;
    background: #FFF;
    margin: 0.75%;
    box-shadow: 0px 0px 7px #807f7f;
    border-radius: 10px;
}

    div.benefititem img {
        width: 100%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    div.benefititem div {
        padding: 2.5% 3% 3% 3%;
    }

    div.benefititem h2, div.benefititembrief h2 {
        font-size: 22px;
        margin: 0 0 1% 0;
    }

    div.benefititem p, div.benefititembrief p {
        margin: 0;
    }

    div.benefititem a {
        color: #0185ba;
        text-decoration: none;
        font-weight: 700;
    }

div.benefititembrief {
    box-sizing: border-box;
    float: left;
    text-align: center;
    width: 25%;
    border-right: 2px solid #0185ba;
}

    div.benefititembrief:last-of-type {
        border-right: none;
    }

    div.benefititembrief img {
        margin-bottom: 4%;
    }

    div.benefititembrief div {
        padding: 0 6%;
    }

div#benefitsintro {
    background-image: url('../images/benefits/header.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    box-shadow: inset 0px 0px 10px #646464;
    padding: 17% 0 0 0;
}

    div#benefitsintro div#gradient, div#stablevisitintro div#gradient, div#ownersintro div#gradient, div#aboutintro div#gradient {
        padding: 5% 0 1.5% 0;
        background-image: linear-gradient(to bottom, rgba(40, 40, 40, 0), rgba(40, 40, 40, 1));
    }

    div#benefitsintro h1, div#stablevisitintro h1, div#ownersintro h1, div#aboutintro h1 {
        text-align: center;
        font-size: 40px;
        margin: 0;
        padding: 0;
        color: #FFF;
    }

div#stablevisitintro {
    background-image: url('../images/benefits/stablevisitheader.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    box-shadow: inset 0px 0px 10px #646464;
    padding: 10% 0 0 0;
}

div#ownersintro {
    background-image: url('../images/benefits/ownersheader.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    box-shadow: inset 0px 0px 10px #646464;
    padding: 10% 0 0 0;
}

div#aboutintro {
    background-image: url('../images/about/header.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    box-shadow: inset 0px 0px 10px #646464;
    padding: 10% 0 0 0;
}

div.fullcol {
    overflow: auto;
}

div.halfcol {
    width: 47%;
    float: left;
    padding: 1.5%;
}

    div.halfcol a.contentlink {
        margin-top: 3%;
        display: inline-block;
    }

    div.halfcol h2 {
        margin: 0;
    }

div.image {
    padding: 0 0 0 0.5%;
    width: 48%;
}

    div.image img {
        width: 100%;
        margin-top: 1%;
    }

ul#visitimages {
    list-style: none;
    margin: 0;
    padding: 0 1.5% 1.5% 1.5%;
}

#centrecol ul#visitimages {
    padding: 1% 0 0 0;
}

ul#visitimages li {
    width: 24.2%;
    margin-right: 1%;
    display: inline-block;
    background: #FFF;
    box-shadow: 0px 0px 10px #807f7f;
    overflow: auto;
}

#centrecol ul#visitimages li {
    margin-bottom: 1%;
}

ul#visitimages li:nth-of-type(4n) {
    margin-right: 0;
}

ul#visitimages li span {
    text-align: center;
    padding-bottom: 4%;
    display: block;
    font-style: italic;
    font-weight: 700;
    color: #686767;
}

ul#visitimages li img {
    width: 94%;
    margin: 3%;
}

div#content {
    overflow: auto;
}

    div#content div.left, div#content div.right {
        padding: 2%;
        float: left;
        overflow: auto;
    }

        div#content div.left h2, div#content div.right h2 {
            margin: 0;
        }

            div#content div.left h2.lowercase {
                text-transform: none;
            }

    div#content div.left {
        width: 56%;
    }

    div#content div.right {
        width: 36%;
    }

    div#content div.left p:last-of-type {
        margin-bottom: 0;
    }

div#welfare {
    border-radius: 8px;
    box-shadow: 0px 0px 7px #807f7f;
    background: #FFF;
}

    div#welfare img {
        width: 100%;
        border-radius: 8px 8px 0 0;
    }

    div#welfare div {
        padding: 4%;
    }

    div#welfare h2 {
        font-size: 28px;
        text-align: center;
    }

ul#success {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul#success li {
        margin-bottom: 1%;
        border-bottom: 1px dashed #aaaaaa;
        padding-bottom: 1%;
    }

        ul#success li:last-of-type {
            border-bottom: none;
        }

        ul#success li span {
            font-weight: 700;
            color: #0185ba;
            font-size: 20px;
        }

img.newsimgleft {
    float: left;
    width: 50%;
    margin: 12px 20px 0 0;
}

div.mobile {
    display: none;
}

/*New video playlist page*/

div.video-playlist-entry {
    box-sizing: border-box;
    text-align: center;
    width: 18.5%;
    margin: 0.75%;
    background-color: #FFF;
    transition: box-shadow 0.5s;
}

    div.video-playlist-entry:hover {
        box-shadow: 0px 0px 10px #807f7f;
    }

    div.video-playlist-entry div {
        padding: 10px;
    }

        div.video-playlist-entry div p:first-of-type {
            font-weight: bold;
        }

        div.video-playlist-entry div.video-thumb {
            padding: 0px;
            aspect-ratio: 16/9;
            overflow: hidden;
        }

            div.video-playlist-entry div.video-thumb img {
                width: 100%;
                transform: translate(0%,-12.5%);
            }

@supports not (aspect-ratio: 16/9) {

    div.video-playlist-entry div.video-thumb {
        height: calc((100% / 16)*9);
        margin-bottom: 10px;
    }

    div.video-playlist-entry div {
        padding: 0px;
    }
}


div.video-playlist-entry a {
    color: #262626;
    text-decoration: none;
}

div.video-playlist-entry h2, div.video-playlist-entry p {
    margin: 0;
}

@media only screen and (max-width: 1500px) {

    div#homeintro.eshomeintro {
        background-image: url('../images/homepage/es-background-desktop-square.jpg');
        background-position: right top;
        background-size: contain;
    }

    div#centrecol.results {
        width: 96%;
    }

    div.horselink, div.helpoption, div.video-playlist-entry {
        width: 23.5%;
    }

    div#addashare ul li div a {
        display: block;
    }

        div#addashare ul li div a:first-of-type {
            border-right: none;
        }

        div#addashare ul li div a.linkspacing {
            border-right: none;
            padding-right: 0;
            margin-right: 0;
        }

    label span {
        width: 38%;
    }

    label input, label select {
        width: 58%;
        padding: 2%;
    }

    label select {
        width: 62%;
    }

    label.postcode input {
        width: 24%;
    }

    label.postcode a {
        width: 32.42%;
        padding: 1.5% 0.78%;
    }

    label.ninumber input {
        width: 40%;
    }

    label.ninumber a {
        width: 18.25%;
        padding: 0.90% 0.78%;
    }

    div.singleinput label select {
        width: 62%;
        padding: 2%;
    }

    label.datepicker input {
        width: 58%;
        padding: 2%;
    }

    ul.sharelist li span:first-of-type, ul.sharelist li span:last-of-type {
        display: block;
        width: 100%;
    }

    div#latestmagazine div.left {
        width: 15%;
    }

    div#latestmagazine div.right {
        width: 81%;
    }

    ul#counter li {
        width: 50%;
    }

    div.image img {
        margin-top: 8%;
    }

    div.homeitem {
        margin-bottom: 6%;
    }

        div.homeitem img {
            display: none;
        }

        div.homeitem div {
            width: 91%;
            padding: 3.5% 4.5%;
            float: none;
        }

    .previous-horse {
        flex: 0 1 23.5%;
    }
}

@media only screen and (max-width: 1175px) {

    div#cookie {
        padding: 3%;
        width: 94%;
    }

        div#cookie a#cookieclose {
            display: block;
            margin: 2% auto 0 auto;
            width: 50%;
        }

    #scrollicon {
        padding: 3%;
        bottom: 60px;
        border-radius: 15px;
    }

    .scrollpadding {
        padding-bottom: 45px;
    }

    #profilehead h1 {
        text-align: center;
    }

        #profilehead h1 span {
            display: block;
            margin: 0;
        }

    #profilehead a {
        display: block;
    }

    p.retired {
        text-align: center;
    }

    header.eshead {
        text-align: left;
        background-image: none;
        padding: 2%;
    }

        header.eshead div#mobilecontent {
            display: block;
            overflow: hidden;
        }

        header.eshead div.left {
            width: 50%;
            float: left;
        }

        header.eshead div.right {
            width: 30%;
            float: right;
            margin-right: 2%;
        }

        header.eshead div.left img {
            width: 40%;
        }

        header.eshead div.right {
            text-align: right;
        }

    #mobilemenu {
        display: block;
        border: 2px solid #999;
        border-radius: 7px;
        padding: 5%;
        overflow: auto;
        margin-top: 1.5%;
        background-color: #e3e3e3;
    }

        #mobilemenu img {
            max-width: 30px;
            float: right;
            border: none;
        }

        #mobilemenu span {
            float: left;
            font-weight: 700;
            color: #787878;
            font-size: 20px;
            margin: 1% 0 0 3%;
        }

    nav {
        display: none;
        margin-top: 3%;
    }

        nav a {
            display: block;
            border-right: 0;
            border-top: 1px solid #0185ba;
            padding: 1% 0;
            text-align: center;
        }

            nav a:hover {
                color: #0185ba;
            }

            nav a#login {
                background-color: #FFF;
                color: #000;
                margin-left: 0;
                padding: 1% 0;
                border-radius: 0;
            }

                nav a#login:hover {
                    background-color: #d3f3ff;
                }

        nav#ownernav {
            margin: 1.5% 1.5% 3.5% 1.5%;
            text-align: center;
        }

            nav#ownernav a {
                display: inline-block;
                color: #757575;
                margin-right: 1.5%;
                background: none;
            }

        nav#nonownernav {
            display: block;
            text-align: center;
            margin: 0;
            background-color: #0185ba;
            border-bottom: 1px solid #003043;
        }

            nav#nonownernav a {
                border: none;
                padding: 1% 0 1.5% 0;
                display: inline-block;
                text-align: center;
                font-size: 17px;
                width: 45%;
                color: #FFF;
            }

                nav#nonownernav a:first-of-type {
                    border-right: 2px solid #0ba3e0;
                }

                nav#nonownernav a:last-of-type {
                    background-image: url('../images/es-iconlogin.png');
                    background-repeat: no-repeat;
                    background-position: right;
                    background-size: auto 70%;
                }

    main#flexwrap {
        display: block;
        line-height: 23px;
        flex-grow: 0;
    }

    section.col2, section.col3 {
        border-left: none;
        border-top: 2px solid #0185ba;
        padding: 2.5%;
        overflow: auto;
    }

    #centrecol {
        width: 96%;
        margin: 2%;
    }


    div.horselink, div.video-playlist-entry {
        width: 30.33%;
        margin: 1.5%;
    }

    section.col2 div.alert {
        display: block;
    }

    div#mydecs, div#upcomingevents {
        margin: 2.5% 1.5%;
        padding: 2%;
        text-align: center;
    }

        div#mydecs span, div#upcomingevents span {
            color: #0185ba;
            border-right: none;
            padding-right: 0;
            margin-right: 0;
            display: block;
            width: 100%;
        }

        div#mydecs ul, div#upcomingevents ul {
            width: 100%;
        }

        div#mydecs img, div#upcomingevents img {
            float: none;
            margin-right: 0.75%;
        }

    div#renewalalert {
        padding: 2% 2% 1.65% 2%;
        margin: 1.5%;
        text-align: center;
    }

    table#renewallist tr td {
        display: block;
        padding: 0;
    }

        table#renewallist tr td.horsename {
            padding-top: 1.5%;
        }

        table#renewallist tr td.renewbutton {
            padding-bottom: 3%;
        }

            table#renewallist tr td.renewbutton:last-of-type {
                padding-bottom: 1%;
            }

    .racelist, .profilecontent, .mysyndicates {
        margin-bottom: 1.5%;
        padding-bottom: 1.5%;
    }

        .racelist ul li {
            padding: 0.5% 0;
        }

    div#addashare ul {
        margin: 2% 0 0 0;
    }

        div#addashare ul li {
            padding-bottom: 1%;
            margin: 0 1% 2% 1%;
            width: 48%;
            float: left;
            text-align: center;
            border-bottom: none;
            background-color: #d3f3ff;
        }

            div#addashare ul li img {
                float: none;
                width: 100%;
                margin-top: 0;
            }

            div#addashare ul li div {
                box-sizing: border-box;
                float: none;
                width: 100%;
            }

                div#addashare ul li div a {
                    display: inline-block;
                }

                    div#addashare ul li div a.linkspacing {
                        border-right: 2px solid #000;
                        padding-right: 8px;
                        margin-right: 6px;
                    }

    div#results {
        display: none;
    }

    div.detailssection div.left, div.detailssection div.right {
        width: 100%;
        overflow: auto;
        float: none;
        margin: 0;
    }

    div.detailssection div.left {
        margin-bottom: 1%;
    }

    div.detailssection h3 {
        display: block;
        text-align: center;
    }

    div.source {
        border-top: 2px solid #cdcdcd;
        border-bottom: 2px solid #cdcdcd;
        padding: 1% 0 2% 0;
        margin: 2% 0 1% 0;
    }

    label.postcode input {
        width: 34%;
    }

    label.postcode a {
        width: 22.42%;
        padding: 1.5% 0.78%;
    }

    div.mysyndicates a.selectbutton {
        margin-top: 1.5%;
    }

    ul.stablerecord li {
        display: inline-block;
        width: 48.5%;
        padding: 1%;
        margin-right: 3%;
        text-align: center;
        border-radius: 8px;
        border: 3px solid #037aa9;
    }

        ul.stablerecord li span {
            display: inline;
            font-size: inherit;
        }

    ul.sharelist li h3, ul.sharelist li span:first-of-type, ul.sharelist li span:last-of-type {
        display: inline-block;
    }

    ul.sharelist li h3 {
        width: 41.5%;
    }

    ul.sharelist li span:first-of-type {
        width: 15%;
        text-align: center;
    }

    ul.sharelist li span:last-of-type {
        width: 41.5%;
        text-align: right;
    }

    table#acdetails, table#acbalance {
        width: 100%;
        float: none;
        margin-bottom: 3%;
    }

    table#yourresults tr, table#allresults tr, table#horseresults tr {
        border-top: 1px solid #0185ba;
    }

    table#yourresults th, table#allresults th, table#horseresults th {
        display: none;
    }

    table#yourresults tr td:first-of-type, table#allresults tr td:first-of-type, table#horseresults tr td:first-of-type {
        padding-top: 2%;
    }

    table#yourresults tr td:last-of-type, table#allresults tr td:last-of-type, table#horseresults tr td:last-of-type {
        padding-bottom: 2%;
    }

    table#yourresults tr td, table#allresults tr td, table#horseresults tr td {
        display: block;
        text-align: center;
        padding: 0;
    }

        table#yourresults tr td:nth-of-type(2), table#allresults tr td:nth-of-type(2) {
            font-size: 20px;
            padding: 0.5%;
        }

        table#yourresults tr td span, table#allresults tr td span, table#horseresults tr td span {
            display: inline;
            font-weight: bold;
            margin-right: 8px;
        }

    #resultscontainer table#yourresults tr td:nth-of-type(2) {
        font-size: 16px;
    }

    #resultscontainer h2 span {
        display: block;
    }


    div#reports ul, div#managingexpectations ul {
        padding: 0 2%;
    }

        div#reports ul li, div#managingexpectations ul li {
            padding: 2% 0;
        }

        div#reports ul a#showmore {
            padding: 1%;
            margin: 2% 35%;
            width: 28%;
            border-radius: 8px;
        }

        div#reports ul li img {
            width: 60%;
        }

    ul#currentrating {
        text-align: center;
    }

    #profilehead div.right, #profilehead div.left {
        width: 100%;
        float: none;
    }

    ul#reportsnav {
        text-align: center;
        margin-bottom: 2%;
    }

        ul#reportsnav li {
            width: 23.5%;
            padding: 0.75% 0;
            margin-left: 1%;
        }

    div#horseprofile h2 {
        margin: 0;
        text-align: center;
    }

    div#horsebio {
        padding: 2%;
    }

        div#horsebio div#showfullbio {
            padding: 12% 0 4% 0;
        }

        div#horsebio p:nth-of-type(n+3) {
            display: none;
        }

    a#showreports {
        display: block;
        margin: 1% 0;
        text-align: center;
    }

    div#handbook img {
        width: 40%;
    }

    div#handbook a {
        width: 58%;
        margin: 2% 19%;
    }

    .morevideos ul li {
        padding: 2% 0;
    }

        .morevideos ul li img {
            margin: 0.45% 1.5% 0 0;
        }

    div#loginbuttons {
        margin-top: 3%;
    }

    footer {
        flex-direction: column-reverse;
        align-items: center;
    }

    div#refineoptions {
        margin-bottom: 3%;
    }

        div#refineoptions div.left, div#refineoptions div.right {
            width: 100%;
            display: block;
            text-align: center;
        }

            div#refineoptions div.left ul li {
                display: inline-block;
            }

                div#refineoptions div.left ul li:first-of-type {
                    display: block;
                }

            div#refineoptions div.right ul li:first-of-type {
                display: block;
            }

    #renewal-container, #notification-container {
        margin: 1.5%;
    }

    .renewal-row div:nth-child(2) {
        display: none;
    }

    .colflex {
        display: flex;
    }

    .colflex-content {
        display: flex;
        flex: 1 1 0;
        margin-right: 3%;
    }

        .colflex-content:last-of-type {
            margin-right: 0;
        }

    .race-details-list {
        flex: 1 1 0;
    }

    #extra-nav {
        display: flex;
        margin: 20px 1.5% 10px 1.5%;
        justify-content: center;
        background: #FFF;
        padding: 5px 0;
        border-top: 1px solid #aaaaaa;
        border-bottom: 1px solid #aaaaaa;
        background-image: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(234, 234, 234, 1));
    }

        #extra-nav .extra-nav-button {
            display: flex;
            flex: 0 1 auto;
            align-items: center;
            margin-right: 20px;
            border: 1px solid #7dbfd8;
            background: #d3f3ff;
            padding: 5px 12px 5px 5px;
            border-radius: 20px;
        }

            #extra-nav .extra-nav-button:last-of-type {
                margin-right: 0;
            }

            #extra-nav .extra-nav-button img {
                margin-right: 10px;
            }

            #extra-nav .extra-nav-button a {
                text-align: center;
                text-decoration: none;
                color: #0185ba;
                font-weight: 800;
            }

    .previous-horse {
        flex: 0 1 31.83%;
    }


    /*Non-Owner Site*/

    div#homeintro.eshomeintro {
        background-image: url('../images/homepage/es-background-mobile.jpg');
        background-position: center top;
        background-size: contain;
        background-color: #FFF;
    }

        div#homeintro.eshomeintro div.introleft {
            background-image: none;
            padding: 40% 3% 4% 3%;
            width: 94%;
            /*background-image: linear-gradient(to top, rgba(255, 255, 255, 0.95)45%, rgba(255, 255, 255, 0)80%);*/
        }

            div#homeintro.eshomeintro div.introleft h1 {
                font-size: 40px;
                margin: 0;
            }

                div#homeintro.eshomeintro div.introleft h1 span {
                    font-size: 40px;
                    display: inline;
                    line-height: normal;
                }

            div#homeintro.eshomeintro div.introleft p {
                font-size: 18px;
                line-height: normal;
                margin: 0.5% 0 2% 0;
            }

            div#homeintro.eshomeintro div.introleft a {
                font-size: 19px;
                padding: 1.5% 2.5%;
                display: inline-block;
            }

    div#homecolumns div.col1, div#homecolumns div.col2 {
        width: 94%;
        float: none;
        padding: 3%;
    }

    div#homecolumns div.col3 {
        float: none;
        width: 100%;
        padding: 0;
    }

    div#homecolumns div h2, div#homecolumns div h3 {
        text-align: center;
    }

    div#homecosts {
        padding: 2% 4%;
    }

    ul#homebenefits {
        list-style: none;
        text-align: center;
        padding: 3%;
        background: #FFF;
        box-shadow: 0px 0px 5px #807f7f;
    }

        ul#homebenefits h3 {
            color: #0185ba;
        }

        ul#homebenefits li {
            margin-bottom: 3%;
        }

    div#buymobile {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 94%;
        color: #000;
        padding: 2% 3% 3% 3%;
        text-align: center;
        background-color: #d3f3ff;
        box-shadow: 0px 0px 5px #807f7f;
        border-top: 2px solid #0185ba;
        z-index: 2;
    }

    a#viewvideo {
        display: none;
    }

    a#fullscreenbuy {
        display: none;
    }

    div#buymobile a {
        margin-top: 0;
        display: inline-block;
        width: 47%;
        padding: 1%;
    }

        div#buymobile a#videobuttonmobile {
            margin-bottom: 2%;
            border: none;
            border-radius: 0;
        }

    div#whathappensnext, div.buyasharelayout {
        padding-bottom: 100px;
        overflow: auto;
    }

    div#quote p {
        width: 76%;
    }

    div#quote img {
        width: 22%;
    }

    table#pedigree tr td {
        padding: 2%;
    }

        table#pedigree tr td:last-child, table#pedigree tr td:nth-last-child(2) {
            display: none;
        }

    ul#contactoptions li {
        width: 100%;
        float: none;
        border-bottom: 2px solid #0185ba;
        padding: 3% 0;
    }

        ul#contactoptions li:last-of-type {
            border-bottom: none;
        }

    div#currenthorselist div.horselink, div#retiredhorselist div.horselink, div.video-playlist-entry {
        padding-bottom: 1.25%;
    }

    div#runcount {
        margin: 2% 1.5% 4% 1.5%;
        padding: 1%;
    }

    div#soldoutbanner {
        margin: 3% 0;
    }

    ul#trainerlist {
        margin-bottom: 10%;
    }

        ul#trainerlist li div.basicinfo ul li {
            padding: 0.5% 1.5%;
        }

    ul#buyasharelist li {
        padding: 3%;
    }

        ul#buyasharelist li img {
            width: 30%;
        }

        ul#buyasharelist li div.basicinfo_ES {
            width: 67.5%;
        }

            ul#buyasharelist li div.basicinfo_ES a {
                display: block;
                width: 98.5%;
                padding: 0.75%;
                margin-top: 2%;
            }

            ul#buyasharelist li div.basicinfo_ES span {
                display: block;
                margin: 1% 0 0 0;
                color: #000;
            }

    .mobilemargin {
        margin-bottom: 70px;
    }

    div.benefititem {
        width: 47%;
        margin: 1.5%;
    }

        div.benefititem div {
            padding: 4.5% 5% 5% 5%;
        }

    div.benefititembrief {
        width: 50%;
        margin: 3% 0;
    }

        div.benefititembrief:nth-of-type(2n) {
            border-right: none;
        }

    div#benefitsintro h1, div#stablevisitintro h1, div#ownersintro h1, div#aboutintro h1 {
        font-size: 30px;
    }

    div#stablevisitintro, div#ownersintro {
        padding: 15% 0 0 0;
    }

    div.halfcol {
        width: 94%;
        float: none;
        padding: 3% 3% 0 3%;
    }

        div.halfcol h2 {
            text-align: center;
        }

        div.halfcol a.contentlink {
            text-align: center;
            display: block;
        }

    ul#visitimages {
        padding: 3%;
        margin-bottom: 8%;
    }

        ul#visitimages li {
            width: 49%;
            margin: 0 2% 2% 0;
        }

            ul#visitimages li:nth-of-type(2n) {
                margin-right: 0;
            }

    #centrecol ul#visitimages li {
        margin-bottom: 2%;
    }

    div.image img {
        margin-top: 2%;
    }

    div#content div.left, div#content div.right {
        padding: 4%;
        float: none;
        width: 92%;
    }

        div#content div.left h2 {
            text-align: center;
        }

    div#content div.right {
        padding-top: 0;
    }

    div#welfare {
        margin-bottom: 12%;
    }

    ul#success li {
        margin-bottom: 2%;
        padding-bottom: 2%;
    }

    div#homeintro.eshomeintro div.introleft a {
        display: block;
        margin: 0 2%;
    }

    #notificationbanner {
        padding: 1% 4%;
    }

    div#homecolumns div.col3 div#addashare ul {
        border: none;
    }

        div#homecolumns div.col3 div#addashare ul li {
            width: 94%;
            padding: 3%;
            margin: 0;
            overflow: hidden;
        }

            div#homecolumns div.col3 div#addashare ul li img {
                float: left;
                width: 23%;
            }

            div#homecolumns div.col3 div#addashare ul li div {
                float: right;
                width: 77%;
            }

    div#homecolumns div.col2 {
        width: 100%;
        padding: 0;
    }

    div.homeitem {
        margin-bottom: 0;
        border-bottom: none;
        border-color: #037aa9;
    }

        div.homeitem:last-of-type {
            margin-bottom: 0;
        }

    div#homewincount {
        border-color: #0185ba;
    }

    div#homegiftidea {
        background-color: #d3f3ff;
    }

        div.homeitem img, div#homegiftidea img {
            display: none;
        }

        div.homeitem div, div#homegiftidea div, div#homewelfare {
            width: 92%;
            padding: 4%;
            float: none;
            text-align: center;
        }

    div.homeitem a {
        display: block;
    }

    img.newsimgleft {
        float: none;
        margin: 15px 0 0 0;
        width: 100%;
    }

    div#gift {
        margin-bottom: 0%;
    }

    .selectbuttoninline {
        display: block;
        margin-top: 4%;
    }

    ul#buyasharelist li a div.companycontainer {
        width: 30%;
    }

    div#logindetails div.left, div#logindetails div.right {
        width: 100%
    }

    span.mobilebutton {
        display: inline;
        vertical-align: middle;
        margin: 0 0 0 10px;
    }
}



@media only screen and (max-width: 640px) {

    table.fpctable tr td, table.fpctable tr td:nth-of-type(1), table.fpctable tr td:nth-of-type(3) {
        text-align: center !important;
        display: block !important;
        width: 100% !important;
    }

    div#cookie {
        padding: 3% 5% 9% 5%;
        width: 90%;
    }

        div#cookie a#cookieclose {
            display: block;
            margin: 3% 0 0 0;
            width: 99%;
        }

    #mobilemenu img {
        border: none;
    }

    #mobilemenu {
        margin-top: 2%;
    }

    header.eshead div.right {
        width: 40%;
    }

    header.eshead div.left img {
        width: 60%;
    }

    nav#ownernav a {
        margin-right: 6%;
    }

        nav#ownernav a#fullownernav {
            display: inline-block;
        }

    nav#ownernav div#fullownernavlist {
        display: none;
        margin-top: 2%;
    }

        nav#ownernav div#fullownernavlist a {
            display: block;
            margin: 0;
            padding: 2% 0;
            border-bottom: 1px solid #aaaaaa;
        }

    nav#ownernav a#mystable, nav#ownernav a#account, nav#ownernav a#fullownernav {
        background-position: 0 4px;
    }

    section.col1 h1, section.col1 h2, section.col2 h1, section.col3 h1 {
        text-align: center;
    }

    div.horselink, div.helpoption, div.video-playlist-entry {
        width: 47%;
        margin: 1.5%;
    }

        div.horselink h2 {
            font-size: 15px;
        }

    div#mydecs ul li, div#upcomingevents ul li {
        border-bottom: 1px dashed #0185ba;
    }

        div#mydecs ul li:last-of-type, div#upcomingevents ul li:last-of-type {
            border: none;
        }

    .racelist, .profilecontent, .mysyndicates {
        margin-bottom: 5%;
        padding-bottom: 5%;
    }

    div#addashare ul li {
        margin: 0 0 2% 0;
        width: 100%;
        float: none;
    }

    ul#buysummary {
        margin-bottom: 4%;
    }

        ul#buysummary li {
            display: block;
            margin-right: 0;
            padding-right: 0;
            border-right: none;
        }

    div.detailssection {
        padding: 3%;
        margin-bottom: 4%;
    }

    div.source {
        padding: 3% 0 5% 0;
        margin: 5% 0 3% 0;
    }

    label {
        margin-bottom: 3%;
        padding: 0;
        border-radius: 0;
        background-color: #eaeaea;
    }

        label span {
            display: block;
            width: 100%;
        }

        label input, label select, label.postcode input, label.ninumber input {
            width: 95%;
            padding: 2.5%;
            border-radius: 5px;
        }

        label select {
            width: 100%;
        }

        label.ninumber {
            margin-top: 4%;
            font-weight: 700;
        }

            label.postcode a, label.ninumber a {
                width: 98%;
                padding: 1%;
                margin-top: 2%;
            }

    div#giftstartdate, #extraquantity {
        padding: 3% 4%;
    }

    div#logindetails label {
        background-color: #eaeaea;
    }

    div.singleinput label select {
        width: 100%;
    }

    label.datepicker input {
        width: 96%;
    }

    table#ownerdetails {
        margin: 2% 0;
    }

    .mysyndicates h2, .mysyndicates p {
        text-align: center;
    }

    ul.sharelist li h3, ul.sharelist li span:first-of-type, ul.sharelist li span:last-of-type {
        display: block;
        text-align: center;
        width: 100%;
    }

    div.info {
        padding: 3%;
        text-align: center;
    }

    div#reports ul, div#managingexpectations ul {
        padding: 0 4%;
    }

        div#reports ul li, div#managingexpectations ul li {
            padding: 4% 0;
        }

        div#reports ul a#showmore {
            padding: 1%;
            margin: 4% 20%;
            width: 58%;
            border-radius: 6px;
        }

        div#reports ul li h2, div#managingexpectationsul li h2 {
            text-align: center;
        }

            div#reports ul li h2 span, div#managingexpectations ul li h2 span {
                display: block;
                margin: 0;
            }

        div#reports ul li iframe {
            width: 100%;
        }

        div#reports ul li img {
            width: 100%;
        }

    ul#reportsnav li {
        width: 23.5%;
        padding: 1.5% 0 1% 0;
        margin-left: 2%;
        border-radius: 6px;
    }

    ul#currentrating {
        margin: 1% 0 3% 0;
    }

        ul#currentrating li {
            display: block;
            border-right: none;
        }

    div#horsebio {
        padding: 4%;
    }

        div#horsebio div#showfullbio {
            padding: 14% 0 6% 0;
        }

        div#horsebio p:nth-of-type(n+2) {
            display: none;
        }

    table#retiredhorselist tr td a span {
        display: none;
    }

    div#latestmagazine {
        padding: 2%;
        overflow: auto;
        background: #d3f3ff;
        border-top: 2px solid #381969;
        border-bottom: 2px solid #381969;
    }

        div#latestmagazine div.left {
            width: 100%;
            float: none;
        }

            div#latestmagazine div.left img {
                width: 30%;
                margin: 0 35%;
            }

        div#latestmagazine div.right {
            width: 100%;
            float: none;
        }

            div#latestmagazine div.right h2 {
                margin: 2.5% 0 1% 0;
            }

            div#latestmagazine div.right h3, div#latestmagazine div.right p {
                text-align: center;
            }

            div#latestmagazine div.right a {
                margin-top: 2%;
                width: 98%;
            }

    div#managingexpectations div.left, div#managingexpectations div.right {
        width: 100%;
        float: none;
    }

        div#managingexpectations div.left ul#articlenav {
            padding: 4%;
        }

            div#managingexpectations div.left ul#articlenav li {
                padding: 0.5% 0;
            }

    #managingexpectations div#expectationsintro {
        padding: 1% 4% 0 4%;
    }

    div#handbook img {
        width: 40%;
    }

    div#handbook a {
        width: 98%;
        margin: 2% 0;
    }

    .morevideos ul li {
        padding: 3% 0;
    }

        .morevideos ul li img {
            margin: 0.85% 3% 0 0;
        }

    div.galleria {
        margin-top: 2%;
    }

    #newacinfo {
        width: 94%;
        margin: 0;
        padding: 3%
    }

    #coronainfo {
        width: 94%;
        margin: 0;
        padding: 3%
    }

    ul#linklist li {
        display: inline-block;
        margin: 0 2% 5% 2%;
        width: 45%
    }

    div.purchaseconfirmation h1 span {
        display: block;
    }

    .renewal-header-bar {
        border: 1px solid #ad0c0c;
    }

    .renewal-row a, .notification-alert {
        flex-direction: column;
        align-items: stretch;
    }

    .renewal-row div {
        padding: 0px 10px;
        text-align: center;
    }

        .renewal-row div:last-child {
            text-align: center;
            padding-bottom: 5px;
        }

        .renewal-row div:first-child {
            padding-top: 5px;
        }

    .renewal-header-more {
        display: block;
    }

    .renewal-list {
        display: none;
    }

    .notification-alert {
        padding: 5px 10px;
        text-align: center;
    }

    .colflex {
        flex-direction: column;
    }

    .colflex-content {
        display: block;
        margin: 0;
    }

    .race-details-list, .event-list {
        text-align: center;
    }


    #extra-nav .extra-nav-button {
        flex: 1 1 0;
        align-items: center;
        justify-content: center;
    }


    .previous-horse {
        flex: 0 1 48.5%;
    }

    #viewprevioushorses {
        display: block;
        text-align: center;
    }


    /*Non-Owner Site*/

    div#homeintro.eshomeintro div.introleft h1 {
        font-size: 25px;
    }

        div#homeintro.eshomeintro div.introleft h1 span {
            font-size: 25px;
        }

    div#homeintro.eshomeintro div.introleft {
        background-image: none;
        padding: 40% 3% 4% 3%;
        width: 94%;
        /*background-image: linear-gradient(to top, rgba(255, 255, 255, 0.95)50%, rgba(255, 255, 255, 0)90%);*/
    }

        div#homeintro.eshomeintro div.introleft a {
            padding: 3% 3%;
            display: block;
        }

        div#homeintro.eshomeintro div.introleft p {
            margin: 1% 0 3% 0;
        }

    div#buyashareimg {
        width: 100%;
        float: none;
    }

        div#buyashareimg img {
            width: 100%;
            margin-top: 6px;
            margin-bottom: 3%;
        }

    div#buyashareinfo {
        width: 100%;
        float: none;
    }

        div#buyashareinfo h3, div#buyashareinfo h4 {
            text-align: center;
            display: block;
        }

    div#buymobile {
        padding: 5% 5% 12% 5%;
    }

        div#buymobile a {
            margin-top: 0;
            display: block;
            width: 96%;
            padding: 2% 0;
        }

            div#buymobile a span {
                color: #ffe243;
            }

            div#buymobile a#videobuttonmobile {
                margin-bottom: 2%;
            }

    div#buyashareinfo ul li span {
        /*width: 50%;*/
        width: 40%;
    }

    div.highlight {
        display: none;
    }

    div#pedigreecontainer {
        margin: 4% 0 5% 0;
        padding: 5% 0 5% 0;
    }

    #profilepedigree {
        padding: 2%;
        margin: 3% 0 2% 0;
    }

        #profilepedigree h2 {
            padding-top: 0;
        }

        #profilepedigree table#pedigree tr td {
            border: 1px solid #b4b4b4;
        }

    table#pedigree tr:first-of-type td:nth-of-type(even), table#pedigree tr:nth-of-type(3) td:nth-of-type(even), table#pedigree tr:nth-of-type(5) td:nth-of-type(even), table#pedigree tr:nth-of-type(7) td:nth-of-type(even), table#pedigree tr td:last-of-type {
        display: none;
    }

    table#pedigree tr td {
        border: 1px solid #0185ba;
        text-align: center;
        width: 33.33%;
        padding: 1.5%;
    }

    div#currenthorselist div.horselink, div#retiredhorselist div.horselink, div.video-playlist-entry {
        padding-bottom: 1.75%;
    }

    div#runcount {
        padding: 0 2% 2% 2%;
    }

    div.mobile {
        display: block;
    }

    div#buyashareinfo ul li span {
        padding: 0%;
    }

    ul#buyasharelist li, ul#trainerlist li {
        padding: 4%;
    }

        ul#buyasharelist li img, ul#trainerlist li img {
            width: 100%;
            float: none;
        }

        ul#buyasharelist li div.basicinfo_ES, ul#trainerlist li div.basicinfo {
            width: 100%;
            float: none;
            text-align: center;
        }

        ul#trainerlist li div.basicinfo {
            display: block;
        }

            ul#trainerlist li div.basicinfo ul {
                display: block;
                padding-bottom: 1%;
            }

            ul#buyasharelist li div.basicinfo_ES h2, ul#trainerlist li div.basicinfo h2 {
                margin: 2% 0 0 0;
            }

        ul#buyasharelist li div.basicinfo_ES span {
            text-transform: none;
            font-weight: normal;
        }

        ul#buyasharelist li div.basicinfo_ES p {
            display: none;
        }

        ul#trainerlist li div.basicinfo p {
            text-align: left;
        }

        ul#buyasharelist li div.basicinfo_ES a:first-of-type {
            margin-right: 0
        }

        ul#trainerlist li div.basicinfo ul li {
            padding: 1% 1.5%;
            margin: 1% 0.75% 0 0;
        }

    ul#counter li span {
        font-size: 18px;
        letter-spacing: 3px;
        line-height: 28px;
    }

        ul#counter li span.countup {
            font-size: 40px;
        }

    @keyframes fontscale {
        0% {
            font-size: 40px;
        }

        50% {
            font-size: 80px;
        }

        100% {
            font-size: 40px;
        }
    }

    div.faqcategory {
        padding: 6%;
        margin-bottom: 6%;
    }

        div.faqcategory:first-of-type {
            margin-top: 4%;
        }

    div.benefititem, div.benefititembrief {
        width: 94%;
        margin: 3%;
    }

    div.benefititembrief {
        border-right: none;
        border-bottom: 2px solid #0185ba;
        padding-bottom: 5%;
    }

    div#benefits {
        padding-bottom: 80px;
    }

    div#benefitsintro h1, div#stablevisitintro h1, div#ownersintro h1, div#aboutintro h1 {
        font-size: 25px;
    }

    ul#visitimages {
        padding: 3%;
    }

        ul#visitimages li {
            width: 100%;
            margin-bottom: 4%;
        }

    #centrecol ul#visitimages li {
        margin-bottom: 4%;
    }

    div#homecolumns div.col1 {
        width: 92%;
        padding: 4%;
    }

    div#homecolumns div.col3 div#addashare ul li {
        width: 92%;
        padding: 4%;
    }

        div#homecolumns div.col3 div#addashare ul li img {
            width: 35%;
        }

        div#homecolumns div.col3 div#addashare ul li div {
            width: 64%;
        }

    div#homecolumns div h2 {
        font-size: 25px;
    }

    div#gift {
        margin-bottom: 22%;
    }

    #centrecol {
        padding-bottom: 7%;
    }

    .radiobuttonblock {
        margin-top: 4%;
    }

    ul#buyasharelist li a div.companycontainer {
        width: 100%;
    }

    div.logincontainer div.left span, div.logincontainer div.right span, div#logindetails div.left span, div#logindetails div.right span {
        padding: 8px 0 5px 0;
    }

    div#logindetails div.right label.postcode a {
        margin: 0;
    }

    span.mobilebutton {
        display: block;
        text-align: center;
        margin: 0;
    }
}

@media only screen and (max-width: 350px) {

    div.horselink, div.helpoption, div.video-playlist-entry {
        width: 97%;
        margin: 1.5%;
    }

    .previous-horse {
        flex: 0 1 98.5%;
    }
}

@media only screen and (max-width: 320px) {

    nav#ownernav a#mystable, nav#ownernav a#account, nav#ownernav a#fullownernav {
        background-image: none;
        padding-left: 0px;
    }

        nav#ownernav a#mystable:hover, nav#ownernav a#mystable.current, nav#ownernav a#account:hover, nav#ownernav a#account.current, nav#ownernav a#fullownernav:hover, nav#ownernav a#fullownernav.current {
            background-image: none;
        }

    div#homeintro.eshomeintro div.introleft h1, div#homeintro.eshomeintro div.introleft h1 span {
        font-size: 20px;
        display: inline;
    }
}

@media only screen and (max-width: 1175px) {
    div#buyashareinfo ul li:nth-of-type(3) {
        display: none;
    }

    div#buyashareinfo ul#pricebreakdown li:nth-of-type(3) {
        display: block;
    }

    div#homegiftidea, div#homewelfare {
        background-color: #d3f3ff;
    }
}

#noshares p {
    display: none;
}

#registerinterest {
    display: none;
}