/*#region homeraces general*/
.homeraces .onerace .trackwrapper {
    float: left;
    width: 100%;
    text-align: center;
}

    .homeraces .onerace .trackwrapper .lblwrapper {
        display: inline-block;
    }

.homeraces .onerace .effectbtn {
    float: left;
    width: 100%;
    text-align: center;
}

.homeraces .onerace a {
    overflow: hidden;
    width: 220px;
    margin-left: auto;
    margin-right: auto;
    line-height: 35px;
    display: inline-block;
    outline: none;
    text-align: center;
    color: #fefefe;
    text-decoration: none;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 15px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #000000;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
    text-indent: -15px;
}

    .homeraces .onerace a:hover {
        background-color: #ffcc01;
    }

    .homeraces .onerace a:active {
        background-color: #ffcc01;
    }

    .homeraces .onerace a:before {
        content: "\f0a9";
        position: absolute;
        height: 100%;
        font-size: 150%;
        color: #fff;
        left: 145px;
        top: 4px;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
    }

    .homeraces .onerace a:hover:before {
        left: -20px;
    }

    .homeraces .onerace a:active:before {
        color: #2b2a29;
    }

    .homeraces .onerace a:before,
    .icon-heart:after,
    .icon-star:after,
    .icon-plus:after,
    .icon-file:before {
        font-family: 'FontAwesome';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        position: relative;
        -webkit-font-smoothing: antialiased;
    }

.homeraces .onerace img {
    float: left;
    width: 30%;
    margin-left: 2.5%;
    margin-top: 20px;
}
/*#endregion homeraces general*/

@media(min-width: 1580px) {
    /*#region homerace_styles*/
    #homeracescontent {
        padding-top: 120px;
        padding-bottom: 120px;
        background-color: #fefefe;
    }

    .homeraces {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

        .homeraces .onerace {
            float: left;
            width: 47.5%;
            margin-left: 2.5%;
        }

            .homeraces .onerace .lbltrack {
                float: left;
                width: 110px;
                font-size: 40px;
                font-weight: 700;
                line-height: 110px;
                text-align: center;
                background-color: #2b2a29;
                color: #f08143;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                border-radius: 50%;
                border: dotted 2px;
            }

            .homeraces .onerace h2 {
                float: left;
                width: 100%;
                margin-top: 10px;
                margin-bottom: 10px;
                font-size: 30px;
                text-align: center;
            }

            .homeraces .onerace .aboutrace {
                float: left;
                width: 100%;
                height: 80px;
                overflow: hidden;
                text-align: justify;
            }

            .homeraces .onerace a:before {
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
            }

    .homeracesbottom {
        float: left;
        width: 100%;
    }
    /*#endregion homerace_styles*/
}

@media(min-width: 1280px) and (max-width: 1579.999999px) {
    /*#region homerace_styles*/
    #homeracescontent {
        padding-top: 120px;
        padding-bottom: 120px;
        background-color: #fefefe;
    }

    .homeraces {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

        .homeraces .onerace {
            float: left;
            width: 47.5%;
            margin-left: 2.5%;
        }

            .homeraces .onerace .lbltrack {
                float: left;
                width: 110px;
                font-size: 40px;
                font-weight: 700;
                line-height: 110px;
                text-align: center;
                background-color: #2b2a29;
                color: #f08143;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                border-radius: 50%;
                border: dotted 2px;
            }

            .homeraces .onerace h2 {
                float: left;
                width: 100%;
                margin-top: 10px;
                margin-bottom: 10px;
                font-size: 27px;
                text-align: center;
            }

            .homeraces .onerace .aboutrace {
                float: left;
                width: 100%;
                height: 90px;
                margin-bottom: 10px;
                overflow: hidden;
                text-align: justify;
            }

            .homeraces .onerace a:before {
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
            }

    .homeracesbottom {
        float: left;
        width: 100%;
    }
    /*#endregion homerace_styles*/
}

@media(min-width: 1025px) and (max-width: 1279.999999px) {
    /*#region homerace_styles*/
    #homeracescontent {
        padding-top: 100px;
        padding-bottom: 100px;
        background-color: #fefefe;
    }

    .homeraces {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

        .homeraces .onerace {
            float: left;
            width: 47.5%;
            margin-left: 2.5%;
        }

            .homeraces .onerace .lbltrack {
                float: left;
                width: 90px;
                font-size: 35px;
                font-weight: 700;
                line-height: 90px;
                text-align: center;
                background-color: #2b2a29;
                color: #f08143;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                border-radius: 50%;
                border: dotted 2px;
            }

            .homeraces .onerace h2 {
                float: left;
                width: 100%;
                margin-top: 10px;
                margin-bottom: 10px;
                font-size: 24px;
                text-align: center;
            }

            .homeraces .onerace .aboutrace {
                float: left;
                width: 100%;
                height: 90px;
                margin-bottom: 5px;
                overflow: hidden;
                text-align: justify;
            }

            .homeraces .onerace a:before {
                -webkit-transition: all 0.3s;
                -moz-transition: all 0.3s;
                transition: all 0.3s;
            }

    .homeracesbottom {
        float: left;
        width: 100%;
    }
    /*#endregion homerace_styles*/
}

@media(min-width: 800px) and (max-width: 1024.999999px) {
    /*#region homerace_styles*/
    #homeracescontent {
        padding-top: 100px;
        padding-bottom: 100px;
        background-color: #fefefe;
    }

    .homeraces {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

        .homeraces .onerace {
            float: left;
            width: 47.5%;
            margin-left: 2.5%;
        }

            .homeraces .onerace .lbltrack {
                float: left;
                width: 90px;
                font-size: 35px;
                font-weight: 700;
                line-height: 90px;
                text-align: center;
                background-color: #2b2a29;
                color: #f08143;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                border-radius: 50%;
                border: dotted 2px;
            }

            .homeraces .onerace h2 {
                float: left;
                width: 100%;
                margin-top: 10px;
                margin-bottom: 10px;
                font-size: 23px;
                text-align: center;
            }

            .homeraces .onerace .aboutrace {
                float: left;
                width: 100%;
                height: 90px;
                margin-bottom: 10px;
                overflow: hidden;
                text-align: justify;
            }

            .homeraces .onerace a:before {
                -webkit-transition: all 0.2s;
                -moz-transition: all 0.2s;
                transition: all 0.2s;
            }

    .homeracesbottom {
        float: left;
        width: 100%;
    }
    /*#endregion homerace_styles*/
}

@media(min-width: 480px) and (max-width: 799.999999px) {
    /*#region homerace_styles*/
    #homeracescontent {
        background-color: #fefefe;
    }

    .homeraces {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

        .homeraces .onerace {
            float: left;
            width: 100%;
            margin-top: 5%;
        }

            .homeraces .onerace .lbltrack {
                float: left;
                width: 80px;
                font-size: 30px;
                font-weight: 700;
                line-height: 80px;
                text-align: center;
                background-color: #2b2a29;
                color: #f08143;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                border-radius: 50%;
                border: dotted 2px;
            }

            .homeraces .onerace h2 {
                float: left;
                width: 100%;
                margin-top: 7px;
                margin-bottom: 7px;
                font-size: 21px;
                text-align: center;
            }

            .homeraces .onerace .aboutrace {
                float: left;
                width: 100%;
                height: 60px;
                overflow: hidden;
                text-align: justify;
            }

            .homeraces .onerace a:before {
                -webkit-transition: all 0.15s;
                -moz-transition: all 0.15s;
                transition: all 0.15s;
            }

    .homeracesbottom {
        float: left;
        width: 100%;
        margin-top: 2.5%;
    }
    /*#endregion homerace_styles*/
}

@media(min-width: 320px) and (max-width: 479.999999px) {
    /*#region homerace_styles*/
    #homeracescontent {
        background-color: #fefefe;
    }

    .homeraces {
        float: left;
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        padding-bottom: 10%;
    }

        .homeraces .onerace {
            float: left;
            width: 100%;
            margin-top: 10%;
        }

            .homeraces .onerace .lbltrack {
                float: left;
                width: 70px;
                font-size: 25px;
                font-weight: 700;
                line-height: 70px;
                text-align: center;
                background-color: #2b2a29;
                color: #f08143;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                border-radius: 50%;
                border: dotted 2px;
            }

            .homeraces .onerace h2 {
                float: left;
                width: 100%;
                margin-top: 7px;
                margin-bottom: 7px;
                font-size: 19px;
                text-align: center;
            }

            .homeraces .onerace .aboutrace {
                float: left;
                width: 100%;
                height: 90px;
                overflow: hidden;
                text-align: justify;
            }

            .homeraces .onerace a:before {
                -webkit-transition: all 0.15s;
                -moz-transition: all 0.15s;
                transition: all 0.15s;
            }

    .homeracesbottom {
        float: left;
        width: 100%;
        margin-top: 2.5%;
    }
    /*#endregion homerace_styles*/
}

@media(max-width: 319.999999px) {
    /*#region homerace_styles*/
    #homeracescontent {
        background-color: #fefefe;
    }

    .homeraces {
        float: left;
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        padding-bottom: 10%;
    }

        .homeraces .onerace {
            float: left;
            width: 100%;
            margin-top: 10%;
        }

            .homeraces .onerace .lbltrack {
                float: left;
                width: 70px;
                font-size: 24px;
                font-weight: 700;
                line-height: 70px;
                text-align: center;
                background-color: #2b2a29;
                color: #f08143;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                border-radius: 50%;
                border: dotted 2px;
            }

            .homeraces .onerace h2 {
                float: left;
                width: 100%;
                margin-top: 7px;
                margin-bottom: 7px;
                font-size: 19px;
                text-align: center;
            }

            .homeraces .onerace .aboutrace {
                float: left;
                width: 100%;
                height: 70px;
                margin-bottom: 10px;
                overflow: hidden;
                text-align: justify;
            }

            .homeraces .onerace a:before {
                -webkit-transition: all 0.15s;
                -moz-transition: all 0.15s;
                transition: all 0.15s;
            }

    .homeracesbottom {
        float: left;
        width: 100%;
        margin-top: 2.5%;
    }
    /*#endregion homerace_styles*/
}