/*-------------------------------------------------*\
    1. Header
    2. Footer
    3. Banner
    4. Ads Section
    5. Slider Panel
    6. Feature
    7. Breadcrumb
    8. Tabs
    9. Filter Results
    10. Pagination
    11. CMS Content
    12. Announcement Single
    13. Client Logo Slider
    14. Tournament Single
    15. Facility
    16. Tickets
    17. Tickets-details
    18. Modal Map
    19. Modal Login
    20. Account
    21. About
    22. Employment Opportunities
    23. Contact Us
    24. Getting Here
    25. Accommodations
    26. Volunteer
    27. Exhibitor pages
    28. Add to cart pages
    29. Events page
    30. FAQ
    31. LUF
    32. Horse Program
    
\*-------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,500,600,700&display=swap');

* {
    transition: all 0.5s cubic-bezier(.02,1.23,.79,1.08);
    -webkit-transition: all 0.5s cubic-bezier(.02,1.23,.79,1.08);
}

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

/*---------- animation - start ----------*/
    @keyframes smoothScroll {
        0% {
            transform: translateY(-40px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    @keyframes downMove {
      from {top: 0px;}
      to {top: 10px;}
    }

    @-webkit-keyframes fadeIn {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    @keyframes fadeIn {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }

    @-webkit-keyframes fadeInloader {
      0% {
        opacity: 0;
      }
      10% {
        opacity: 0.2;
      }
      20% {
        opacity: 0.4;
      }
      30% {
        opacity: 0.6;
      }
      40% {
        opacity: 0.8;
      }
      50% {
        opacity: 1;
      }
      60% {
        opacity: 0.8;
      }
      70% {
        opacity: 0.6;
      }
      80% {
        opacity: 0.4;
      }
      90% {
        opacity: 0.2;
      }
      100% {
        opacity: 0;
      }
    }
    @keyframes fadeInloader {
      0% {
        opacity: 0;
      }
      10% {
        opacity: 0.2;
      }
      20% {
        opacity: 0.4;
      }
      30% {
        opacity: 0.6;
      }
      40% {
        opacity: 0.8;
      }
      50% {
        opacity: 1;
      }
      60% {
        opacity: 0.8;
      }
      70% {
        opacity: 0.6;
      }
      80% {
        opacity: 0.4;
      }
      90% {
        opacity: 0.2;
      }
      100% {
        opacity: 0;
      }
    }

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

    @-webkit-keyframes spinInner {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(-720deg);
      }
    }
    @keyframes spinInner {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(-720deg);
      }
    }
/*---------- animation - end ----------*/

/*---------- Scrollbar - start ----------*/
    ::-webkit-scrollbar {
      width: 10px;
    }

    ::-webkit-scrollbar-track {
      background: #f1f1f1; 
    }
     
    ::-webkit-scrollbar-thumb {
      background: #888; 
    }

    ::-webkit-scrollbar-thumb:hover {
      background: #555; 
    }
    .select-options::-webkit-scrollbar {
      width: 5px;
    }
    .select-options::-webkit-scrollbar-track {
      background: transparent; 
    }
    .select-options::-webkit-scrollbar-thumb {
      background: #DADADA;
      border-radius: 3px; 
    }

    ::-webkit-scrollbar-thumb:hover {
      background: #555; 
    }
/*---------- Scrollbar - end ----------*/

/*---------- placeholder - start ----------*/
    ::-webkit-input-placeholder {
      color: #999;
      opacity: 1;
    }

    :-ms-input-placeholder {
      color: #999;
      opacity: 1;
    }

    ::placeholder {
      color: #999;
      opacity: 1;
    }
/*---------- placeholder - end ----------*/

html,
body {
    height: 100%;
}

body {
    position: relative;
    font-family: 'Rubik', sans-serif;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6 {
	color: #000;
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    font-style: normal;
    margin:0;
    padding: 0;
}

p {
    position: relative;
    color: #47464C;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
}
ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
a, 
button,
a:focus, 
button:focus, 
.btn.focus, 
.btn:focus,
.page-link:focus,
.btn-link:hover,
.btn-link:focus {
    outline: 0;
    box-shadow: none;
    text-decoration: none;
}
input, input[type=checkbox], input[type=radio] {
    outline: 0;
    box-shadow: none;
}
a {
    text-decoration: none !important;
}

.btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary:not(:disabled):not(.disabled):active, 
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border-color: #ccc;
    outline: 0;
    box-shadow: none;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, 
.btn-secondary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
}

input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

table, tr, td {
    border: 0 !important;
}

table {
    margin-bottom: 0 !important;
}
small {
    color: #999999;
}

.form-control:focus {
    color: #999;
    background-color: #fff;
    border-color: #ccc;
    outline: 0;
    box-shadow: none;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
/*---------- button - start ----------*/
    /*---------- button -green - start ----------*/
        .btn-green {
            background-color: #00583D;
            border: 1px solid #CCCCCC;
            border-radius: 0;
            color: #fff;
            display: inline-block;
            font-family: Rubik;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 21px;
            letter-spacing: 0;
            margin: 0;
            padding: 12px 21px;
            outline: 0;
            position: relative;
            text-transform: uppercase;
            overflow: hidden;
            z-index: 1;
            transition-duration: 0.5s;
        }
        .btn-green:before, .btn-green:after {
            background: #fff;
            content: '';
            position: absolute;
            z-index: -1;
        }
        .btn-green:after {
            height: 100%;
            right: 0;
            left: auto;
            top: 0;
            transform: skew(0deg);
            transition-duration: 0.6s;
            transform-origin: top left;
            width: 0;
        }
        .btn-green:hover:after {
            left: 0;
            width: 100%;
        }
        .btn-green:hover {
            color: #505355;
            border-color: #ccc;
        }
    /*---------- button -green - end ----------*/

    /*---------- button -border - start ----------*/
        .btn-border {
            background-color: #fff;
            border: 1px solid #CCCCCC;
            border-radius: 0;
            color: #505355;
            display: inline-block;
            font-family: Rubik;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 21px;
            letter-spacing: 0;
            margin: 0;
            padding: 12px 21px;
            outline: 0;
            position: relative;
            text-transform: uppercase;
            overflow: hidden;
            z-index: 1;
            transition-duration: 0.5s;
        }
        .btn-border:before, .btn-border:after {
            background: #00583D;
            content: '';
            position: absolute;
            z-index: -1;
        }
        .btn-border:after {
            height: 100%;
            right: 0;
            left: auto;
            top: 0;
            transform: skew(0deg);
            transition-duration: 0.6s;
            transform-origin: top left;
            width: 0;
        }
        .btn-border:hover:after {
            left: 0;
            width: 100%;
        }
        .btn-border:hover {
            color: #fff;
            border-color: #ccc;
        }
        .btn-border:hover svg path {
            fill: #fff;
        }
        .btn-border .pill {
            margin: 0 0 0 10px;
            display: inline-block;
            vertical-align: bottom;
        }
        .btn-border:hover .pill {
            color: #00583D;
            background-color: #fff;
        }
        .btn-border i.fa-angle-left {
            margin-right: 5px;
        }
        .btn-border i.fa-angle-right {
            margin-left: 5px;
        }
    /*---------- button -border - end ----------*/

    /*---------- button -white - start ----------*/
        .btn-white {
            background-color: #fff;
            border: 1px solid #CCCCCC;
            border-radius: 0;
            color: #373A3C;
            display: inline-block;
            font-family: Rubik;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 21px;
            letter-spacing: 0;
            margin: 0;
            padding: 12px 21px;
            outline: 0;
            position: relative;
            text-transform: uppercase;
            overflow: hidden;
            z-index: 1;
            transition-duration: 0.5s;
        }
        .btn-white:before, .btn-white:after {
            background: #00583D;
            content: '';
            position: absolute;
            z-index: -1;
        }
        .btn-white:after {
            height: 100%;
            right: 0;
            left: auto;
            top: 0;
            transform: skew(0deg);
            transition-duration: 0.6s;
            transform-origin: top left;
            width: 0;
        }
        .btn-white:hover:after {
            left: 0;
            width: 100%;
        }
        .btn-white:hover {
            color: #fff;
        }
    /*---------- button -white - end ----------*/
/*---------- button - end ----------*/

/*---------- pill - Start ----------*/
    .pill {
        display: inline-block;
        position: relative;
        width: auto;
        height: auto;
        background: #00583D;
        border-radius: 12px;
        border: none;
        padding: 6px 10px;
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 12px;
        text-align: center;
        text-transform: uppercase;
        margin: 0px 10px;
        color: #FFFFFF;
        /*display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-justify-content: center;
        justify-content: center;*/
    }
    .pill-gray {
        position: relative;
        width: auto;
        height: auto;
        background: #EEEEEE;
        border-radius: 12px;
        border: none;
        padding: 1px 10px;
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 21px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-justify-content: center;
        justify-content: center;
        text-align: center;
        text-transform: uppercase;
        margin: 0px 10px;
        color: #00583D;
    }
    .pill-green {
        position: relative;
        width: 98px;
        height: 23px;
        background-color: #5cb85c;
        border-radius: 12px;
        border: none;
        padding: 1px 10px;
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 21px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-justify-content: center;
        justify-content: center;
        text-align: center;
        text-transform: uppercase;
        margin: 0 0 0 20px;
        color: #fff;
    }
    .pill-black {
        position: relative;
        width: 98px;
        height: 23px;
        background-color: #000;
        border-radius: 12px;
        border: none;
        padding: 1px 8px;
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 21px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-justify-content: center;
        justify-content: center;
        text-align: center;
        text-transform: uppercase;
        margin: 0 0 0 20px;
        color: #fff;
    }
    .pill-red {
        display: inline-block;
        position: relative;
        width: auto;
        height: auto;
        background: #E32F2A;
        border-radius: 12px;
        border: none;
        padding: 6px 10px;
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 12px;
        text-align: center;
        text-transform: uppercase;
        margin: 0px 10px;
        color: #FFFFFF;
    }
/*---------- pill - end ----------*/

.mb-10 {
    margin-bottom: 10px;
}
.mb-10:last-child {
    margin-bottom: 0px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-40:last-child {
    margin-bottom: 0;
}
.mb-60 {
    margin-bottom: 60px;
}
.mb-60:last-child {
    margin-bottom: 0;
}


.mt-10 {
    margin-top: 10px;
}
.mt-15 {
    margin-top: 15px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-60 {
    margin-top: 60px;
}

.m-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.ml-10 {
    margin-left: 10px;
}
.ml-15 {
    margin-left: 15px;
}
.ml-20 {
    margin-left: 20px;
}
.ml-30 {
    margin-left: 30px;
}
.ml-40 {
    margin-left: 40px;
}
.ml-50 {
    margin-left: 50px;
}
.ml-60 {
    margin-left: 60px;
}

.mr-10 {
    margin-right: 10px;
}
.mr-15 {
    margin-right: 15px;
}
.mr-20 {
    margin-right: 20px;
}
.mr-30 {
    margin-right: 30px;
}
.mr-40 {
    margin-right: 40px;
}
.mr-50 {
    margin-right: 50px;
}
.mr-60 {
    margin-right: 60px;
}

.p-t-25 {
    padding-top: 25px;
}
.bold {
	font-weight: bold;
}
.object-fit {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.green {
    color: #00583D;
}
.gray {
    color: #777777 !important;
}
a._link {
    color: #00583D;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
    position: relative;
}
a._link:hover {
    color: rgba(0,88,61,0.7);
}
a.frame_link {
    color: #505355;
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    position: relative;
}
a.frame_link:hover {
    color: rgba(0,88,61,0.7);
}
.hidden {
    display: none;
}
/*---------- Tooltip - start ----------*/
    .tooltip-inner {
        padding:20px;
        color:#fff;
        text-align:left;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        background: #3F4756; 
        border: none;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
        width: 100%;
        max-width: 265px;   
    }
    .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip .arrow::before {
        border-top-color: #3F4756;
    }
    .tooltips .tooltip__content {
        background: rgba(63, 71, 86, 0.92); 
        border: none;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
        bottom: 150%;
        color:#fff;
        left: 50%;
        transform: translateX(-50%);
        margin-left: 0;
        opacity: 0;
        padding:20px;
        position: absolute;
        text-align:center;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        transition: opacity 0.5s;
        visibility: hidden;
        /*width: 100%;
        min-width: 85px;*/
        z-index: 1;
    }
    .tooltips .tooltip__content::after {
      border-width: 5px;
      border-style: solid;
      border-color: rgba(63, 71, 86, 0.92) transparent transparent transparent;
      content: "";
      left: 50%;
      margin-left: -5px;
      position: absolute;
      top: 100%;
    }

    .tooltips:hover .tooltip__content {
      opacity: 1;
      visibility: visible;
    }
/*---------- Tooltip - end ----------*/

/*---------- Checkbox - start ----------*/
    .checkbox {
        -webkit-box-align: start;
        align-items: flex-start;
        cursor: pointer;
        display: -webkit-box;
        display: flex;
        position: relative;
        margin: 0;
        padding: 0;
    }
    .checkbox:hover .checkbox__input ~ .checkbox__checkmark {
        background-color: #eee;
    }
    .checkbox__input {
      cursor: pointer;
      height: 0;
      opacity: 0;
      position: absolute;
      width: 0;
    }
    .checkbox__input:checked ~ .checkbox__checkmark, .checkbox__input:checked:hover ~ .checkbox__checkmark {
      background-color: #00BCD4;
      border-color: #00BCD4;
    }
    .checkbox__input:checked ~ .checkbox__checkmark::after, .checkbox__input:checked:hover ~ .checkbox__checkmark::after {
      opacity: 1;
    }
    .checkbox__input:focus ~ .checkbox__checkmark {
      border-color: #00BCD4;
    }
    .checkbox__checkmark {
        -webkit-box-align: center;
        align-items: center;
        background-color: transparent;
        border: 2px solid rgba(0, 0, 0, 0.54);
        border-radius: 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        margin: 0;
        margin-right: 0.5rem;
        min-height: 24px;
        min-width: 24px;
        width: auto;
        height: auto;
    }
    .checkbox__checkmark::after {
        border: solid #eee;
        display: block;
        border-width: 0 2px 2px 0;
        content: "";
        height: 11px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 6px;
        opacity: 0.3;
        position: relative;
        top: -2px;
    }
/*---------- Checkbox - end ----------*/

/*---------- Radio-button - start ----------*/
    .custom-control-label::before {
        position: absolute;
        top: 2px;
        left: -23px;
        display: block;
        width: 18px;
        height: 18px;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: rgba(0, 0, 0, 0.54) solid 2px;
        border-radius: 50% !important;
    }
    .custom-control-label::after {
        position: absolute;
        top: 7px;
        left: -18px;
        display: block;
        width: 8px;
        height: 8px;
        content: "";
        background: transparent !important;
        border-radius: 50%;
    }
    .custom-control-input:focus~.custom-control-label::before {
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,0);
    }
    .custom-control-input:checked~.custom-control-label::before {
        color: #fff;
        border-color: #00BCD4;
        background-color: #fff;
    }
    .custom-control-input:checked~.custom-control-label::after {
        background: #00BCD4 !important;
    }
/*---------- Radio-button - end ----------*/

/*---------- title - start ----------*/
    .title-h1 {
        color: #000000;
        font-family: 'Montserrat', sans-serif;
        font-size: 48px;
        font-stretch: normal;
        font-style: normal;
        font-weight: bold;
        line-height: 52px;
        letter-spacing: 0;
        padding: 0;
        text-transform: capitalize;
    }
    .title-h2 {
        color: #000000;
        font-family: 'Montserrat', sans-serif;
        font-size: 48px;
        font-stretch: normal;
        font-style: normal;
        font-weight: bold;
        line-height: 52px;
        letter-spacing: 0;
        padding: 0;
        text-transform: capitalize;
    }
    .title-h3 {
        color: #000000;
        font-family: 'Montserrat', sans-serif;
        font-size: 32px;
        font-stretch: normal;
        font-style: normal;
        font-weight: bold;
        line-height: 52px;
        letter-spacing: 0;
        padding: 0;
        text-transform: capitalize;
    }
    .title-h4 {
        color: #000000;
        font-family: 'Montserrat', sans-serif;
        font-size: 24px;
        font-stretch: normal;
        font-style: normal;
        font-weight: 500;
        line-height: 52px;
        letter-spacing: 0;
        padding: 0;
        text-transform: capitalize;
    }
    .title-h4 span {
        text-transform: none;
    }
/*---------- title - end ----------*/

/*---------- Custom select - box - start ----------*/
    .select-hidden {
      display: none !important;
      visibility: hidden;
      padding-right: 10px;
    }
    .select-styled {
        position: relative;
        display: block;
        background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
        padding: 8px 15px;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: #000;
        width: 100%;
        height: auto;
        border-radius: 4px;
        border: 1px solid #CCCCCC;
        padding: 11px 16px;
        margin: 0;
        outline: 0;
        box-shadow: none;
    }
    .select-options {
        display: none;
        position: absolute;
        top: 95%;
        right: 0;
        left: 0;
        z-index: 999;
        margin: 0;
        padding: 12px 15px;
        list-style: none;
        background-color: #fff;
        border: 1px solid #CCCCCC;
        border-radius: 4px;
        height: 235px;
        overflow: auto;
    }
    .select-options li {
        cursor: default;
        margin: 0;
        padding: 0 0;
        text-indent: 15px;
        -moz-transition: all 0.15s ease-in;
        -o-transition: all 0.15s ease-in;
        -webkit-transition: all 0.15s ease-in;
        transition: all 0.15s ease-in;
    }
    .select-options li:hover {
      color: #000;
      background: #fff;
    }
    .select-options li[rel="hide"] {
      display: none;
    }
/*---------- Custom select - box - end ----------*/

/*---------- loader - start ----------*/
    .overlays {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 10000;
      transition: all 1000ms ease-in-out;
      -webkit-transition: all 1000ms ease-in-out;
    }
    .overlays .overlayDoor:before, .overlays .overlayDoor:after {
      content: "";
      position: absolute;
      width: 50%;
      height: 100%;
      background: #01593E;
      transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
      transition-delay: 0.8s;
    }
    .overlays .overlayDoor:before {
      left: 0;
    }
    .overlays .overlayDoor:after {
      right: 0;
    }
    .overlays.loader .overlayDoor:before {
      left: -50%;
    }
    .overlays.loader .overlayDoor:after {
      right: -50%;
    }
    .overlays.loader .overlayContent {
      opacity: 0;
      margin-top: -15px;
    }
    .overlays .overlayContent {
      position: relative;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
    }

    .loader {
        width: 258px;
        height: 95px;
        border: none;
        border-bottom: none;
        border-radius: 0;
        /*-webkit-animation: spin 1s linear infinite;
              animation: spin 1s linear infinite;*/
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .loader .inner {
        width: 258px;
        height: 95px;
        border: none;
        border-top: none;
        border-radius: 0;
        -webkit-animation: fadeInloader 3s linear infinite;
        animation: fadeInloader 3s linear infinite;
    }
/*---------- loader - end ----------*/


/*=======================================*\
    Header
\*=======================================*/

    header {
    	position: absolute;
    	width: 100%;
    	left: 0px;
    	top: 0px;
    	z-index: 999;
    }
    .fixed-top {
        animation: smoothScroll 1s forwards;
    	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    }
    nav.navbar {
    	padding: 0;
    	background-color: rgba(0, 88, 61, 0.5);
        z-index: 1;
    }
    .fixed-top nav.navbar {
        background-color: rgba(0, 88, 61, 1);
    }
    nav.navbar .navbar-brand {
        display: -webkit-box;      
    	display: -moz-box;         
    	display: -ms-flexbox;      
    	display: -webkit-flex;     
    	display: flex;
    	-webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: 40px 0 15px;
        margin-right: 0;
        font-size: 1.25rem;
        line-height: inherit;
        white-space: nowrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 80px;
        background-color: #00583D;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }
    .megamenu .navbar-brand - button[aria-expanded="true"] {
        display: none;
    }
    .fixed-top nav.navbar .navbar-brand {
    	padding: 20px 25px 13px;
    }
    .fixed-top nav.navbar #menuExpanded {
        padding: 15px 0 13px;
    }
    nav.navbar .navbar-brand svg.sticky-rolex {
        display: none;
    }
    nav.navbar .navbar-toggler, nav.navbar .search-btn {
        padding: 25px;
        font-size: 1.25rem;
        line-height: normal;
        border: none;
        border-radius: 0;
        width: 80px;
        height: 80px;
        outline: none;
        box-shadow: none;
        background-color: #01593E;
        display: -webkit-box;
    	display: -moz-box;         
    	display: -ms-flexbox;      
    	display: -webkit-flex;     
    	display: flex;
    	-webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 99;
        position: relative;
    }
    nav.navbar .navbar-toggler:before, nav.navbar .search-btn:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.2;
        z-index: -1;
    }
    nav.navbar .shopping-cart-btn, nav.navbar .mobile-bottom-header .shopping-cart-btn {
        padding: 25px;
        font-size: 1.25rem;
        line-height: normal;
        border: none;
        border-radius: 0;
        width: 80px;
        height: 80px;
        outline: none;
        box-shadow: none;
        background-color: rgba(0,0,0,0.20);
        display: -webkit-box;
        display: -moz-box;         
        display: -ms-flexbox;      
        display: -webkit-flex;     
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 99;
    }
    .navbar .shopping-cart-btn .count-items {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 15px;
        right: 15px;
        width: 20px;
        height: 20px;
        background-color: #ff0000;
        border-radius: 50%;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 20px;
        margin: 0;
        padding: 0;
    }
    nav.navbar .navbar-toggler span.icon-bar {
        border: 1px solid #fff;
        background-color: #fff;
        width: 30px;
        line-height: normal;
        margin-bottom: 6px;
        display: block;
        transition: all 500ms cubic-bezier(.19, 1, .22, 1);
        -webkit-transition: all 500ms cubic-bezier(.19, 1, .22, 1);
    }
    nav.navbar .navbar-toggler span.icon-bar:last-child {
    	margin-bottom: 0;
    }
    nav.navbar .navbar-toggler[aria-expanded="true"] span.icon-bar:nth-child(1) {
    	transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        margin-top: 14px;
    }
    nav.navbar .navbar-toggler[aria-expanded="true"] span.icon-bar:nth-child(2) {
    	transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        position: relative;
        top: -8px;
    }
    nav.navbar .navbar-toggler[aria-expanded="true"] span.icon-bar:nth-child(3) {
    	display: none;
    }
    .collapsing {
    	transition: height 200ms cubic-bezier(.19, 1, .22, 1) !important;
        -webkit-transition: height 200ms cubic-bezier(.19, 1, .22, 1) !important;
    }
    nav.navbar #menuExpanded {
    	-webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 40px 0 15px;
        margin: 0 80px;
        background-color: #07583D;
        box-shadow: 0 0 25px rgba(0,0,0,.20);
        z-index: 5;
        position: absolute;
        top: 0;
        left: 0;
    }
    nav.navbar #menuExpanded a svg {
    	margin: 0 auto;
        display: block;
    }
    nav.navbar .navbar-collapse.show {
    	display: -webkit-box;      
      	display: -moz-box;         
      	display: -ms-flexbox;      
      	display: -webkit-flex;     
      	display: flex;
    }
    nav.navbar #menuExpanded .navbar-nav {
        display: -webkit-box;      
      	display: -moz-box;         
      	display: -ms-flexbox;      
      	display: -webkit-flex;     
      	display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 45px 0;
        margin: 0;
        list-style: none;
        width: 100%;
    }
    nav.navbar #menuExpanded .navbar-nav li {
    	display: block;
        /*flex-flow: wrap;*/
        position: relative;
        margin: 0;
        padding: 0;
        /*width: 100%;*/
    }
    .megamenu #menuExpanded .navbar-nav .mega-dropdown {
        position: static;
    }
    nav.navbar #menuExpanded .navbar-nav li a {
    	padding: 12px 35px;
        display: block;
        font-family: 'Rubik', sans-serif;
    	font-style: normal;
    	font-weight: 500;
    	font-size: 16px;
    	line-height: 24px;
    	text-transform: uppercase;
    	color: #FFFFFF;
    	text-decoration: none;
    }
    /*nav.navbar #menuExpanded .navbar-nav li a:hover, nav.navbar #menuExpanded .navbar-nav li.active a {
    	background-color: rgba(255, 255, 255, 0.2);
    }*/
    nav.navbar .top-header-ul {
        width: calc(100% - 70%);
        padding: 0;
        margin: 0 0 0 auto;
        list-style: none;
        display: -webkit-box;      
      	display: -moz-box;         
      	display: -ms-flexbox;      
      	display: -webkit-flex;     
      	display: flex;
      	-webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        position: relative;
        z-index: 6;
    }
    nav.navbar .top-header-ul li {
    	margin: 0 11px 0 30px;
    	padding: 0;
    }
    nav.navbar .top-header-ul li:last-child {
        margin: 0 30px 0 11px;
    }
    nav.navbar .top-header-ul li a {
    	color: #fff;
    	font-style: normal;
    	font-stretch: normal;
    	font-weight: 500;
    	line-height: 24px;
    	font-size: 16px;
    	text-decoration: none;
    	text-transform: uppercase;
    	margin: 0;
    	padding: 0;
    	position: relative;
    }
    nav.navbar .top-header-ul li a:after {
    	position: absolute;
	    right: 0;
	    left: auto;
	    bottom: -4px;
	    content: '';
	    width: 0px;
	    height: 1px;
	    background: #fff;
	    -webkit-transition: all 0.5s ease-in-out;
	    -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	    -o-transition: all 0.5s ease-in-out;
	    transition: all 0.5s ease-in-out;
    }
    nav.navbar .top-header-ul li a:hover::after {
	    width: 100%;
	    left: 0;
	}
    .navbar .megamenu-content {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        display: none;
        float: left;
        min-width: calc(100vw - 152.5%);
        width: 100%;
        height: 100%;
        padding: 5px 0;
        margin: 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: rgba(0,88,61,0.95);
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: 20px 10px 25px rgba(0,0,0,.20);
        box-shadow: 20px 10px 25px rgba(0,0,0,.20);
    }
    .megamenu .megamenu-content {
        padding: 80px 50px 30px;
    }
    .navbar-nav>li>.megamenu-content {
        margin-top: 0;
    }
    .megamenu .mega-dropdown.megamenu-fw .megamenu-content {
        left: 100%;
        right: 0;
        overflow-y: auto;
    }
    /*.megamenu .mega-dropdown.megamenu-fw:hover .megamenu-content {
        display: block;
    }*/
    /*.megamenu .mega-dropdown.megamenu-fw:nth-child(2) .megamenu-content {
        display: block !important;
    }*/
    .guides {
        display: block;
        position: relative;
        width: 100%;
        /*height: 384px;*/
        margin: 0;
        padding: 0;
        /*background-color: rgba(255, 0, 61, 0.1);*/
    }
    /*------------------------------------- inner - menu -----------------------------------------*/ 
        .megamenu-inner-title {
            display: flex;
            flex-flow: wrap;
            width: 100%;
            margin: 0 0 15px;
            padding: 0;
            position: relative;
            justify-content: space-between;
            align-items: center;
        }
        nav.navbar #menuExpanded .navbar-nav li .megamenu-inner-title p {
            font-family: 'Rubik', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 36px;
            text-transform: uppercase;
            color: #FFFFFF;
            margin: 0;
            padding: 0;
            position: relative;
        }
        nav.navbar #menuExpanded .navbar-nav li .megamenu-inner-title .view_link {
            font-family: 'Rubik', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            text-transform: uppercase;
            color: #FFFFFF;
            margin: 0;
            padding: 0;
            position: relative;
            opacity: 0.6;
        }
        nav.navbar #menuExpanded .navbar-nav li .megamenu-inner-title .view_link:after {
            position: absolute;
            right: 0;
            left: auto;
            bottom: -4px;
            content: '';
            width: 0px;
            height: 1px;
            background: #fff;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }
        nav.navbar #menuExpanded .navbar-nav li .megamenu-inner-title .view_link:hover::after {
            width: 100%;
            left: 0;
        }
        nav.navbar #menuExpanded .navbar-nav li .megamenu-content .megamenu-inner-title a:hover, 
        nav.navbar #menuExpanded .navbar-nav li.active .megamenu-content .megamenu-inner-title a {
            background-color: rgba(255, 255, 255, 0);
            opacity: 1;
        }
        nav.navbar #menuExpanded .navbar-nav li ul.megamenu-content li .guides .btn-green {
            border: none;
            display: inline-block;
            width: auto;
            padding: 12px 27px;
        }
        nav.navbar #menuExpanded .navbar-nav li.active a + ul.megamenu-content li .guides .btn-green {
            background-color: #00583D;
        }
        nav.navbar #menuExpanded .navbar-nav li ul.megamenu-content li .guides .btn-green:hover {
            color: #00583D;
            background-color: #fff;
        }
        nav.navbar #menuExpanded .navbar-nav li .megamenu-content .guides ul {
            padding: 0;
        }
        nav.navbar #menuExpanded .navbar-nav li .megamenu-content .guides li {
            background-color: rgba(255,255,255,0.2);
            display: flex;
            flex-flow: wrap;
            width: 100%;
            margin: 0 0 10px;
            padding: 10px 20px;
            align-items: flex-end;
            justify-content: space-between;
        }
        nav.navbar #menuExpanded .navbar-nav li .megamenu-content .guides a.single-event {
            padding: 0;
            display: block;
            margin: 0;
            text-decoration: none;
        }
        nav.navbar #menuExpanded .navbar-nav li .megamenu-content .guides a.single-event:hover, 
        nav.navbar #menuExpanded .navbar-nav li.active .megamenu-content .guides a.single-event {
            background-color: transparent;
        }
        .single-event h6 {
            font-family: Rubik;
            font-style: normal;
            font-weight: bold;
            font-size: 18px;
            line-height: 36px;
            color: #FFFFFF;
            margin: 0;
            padding: 0;
            text-transform: capitalize;
        }
        .single-event p {
            font-family: Rubik;
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 28px;
            color: #FFFFFF;
            margin: 0;
            padding: 0;
            text-transform: none;
        }

        nav.navbar #menuExpanded .navbar-nav li .megamenu-content .guides .plan {
            margin-bottom: 15px;
        }
        nav.navbar #menuExpanded .navbar-nav li .megamenu-content .guides .plan:last-child {
            margin-bottom: 0;
        }
        nav.navbar #menuExpanded .navbar-nav li .megamenu-content .guides .plan li,
        nav.navbar #menuExpanded .navbar-nav li.active .megamenu-content .guides .plan li {
            padding: 0;
        }
        nav.navbar #menuExpanded .navbar-nav li .megamenu-content .guides .plan a {
            padding: 6px 20px;
            display: block;
            width: 100%;
            font-family: 'Rubik', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 36px;
            text-transform: uppercase;
            color: #FFFFFF;
            text-decoration: none;
            position: relative;
        }
        nav.navbar #menuExpanded .navbar-nav li .megamenu-content .guides .plan a:before {
            content: "";
            position: absolute;
            top: 0;
            left: inherit;
            right: 0;
            height: 100%;
            width: 0;
            background-color: #fff;
            z-index: -1;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }
        nav.navbar #menuExpanded .navbar-nav li .megamenu-content .guides .plan li a:hover,
        nav.navbar #menuExpanded .navbar-nav li.active .megamenu-content .guides .plan li a {
            background-color: transparent;
        }
        nav.navbar #menuExpanded .navbar-nav li .megamenu-content .guides .plan li:hover a {
            color: #00583D;
        }
        nav.navbar #menuExpanded .navbar-nav li .megamenu-content .guides .plan li:hover a:before {
            width: 100%;
            left: 0;
        }

    /*------------------------------------- inner - menu -----------------------------------------*/ 

    div.search-bar {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 99;
        background-color: rgba(8, 47, 35, 0.8);
        padding: 50px;
    }
    div.search-bar form {
        width: 100%;
	    max-width: 650px;
	    text-align: center;
	    padding: 0;
	    position: absolute;
	    top: 50%;
	    transform: translate(-50%, -5%);
	    left: 50%;
        display: block;
    }
    div.search-bar form input.search-box {
    	width: 100%;
        background: transparent;
        border: none;
        border-bottom: 1px solid #fff;
        color: #fff;
        font-family: 'Rubik', sans-serif;
        font-size: 32px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 36px;
        margin: 0;
        padding: 0 0 20px;
        outline: none;
        box-shadow: none;
        text-align: center;
        text-transform: capitalize;
    }
    div.search-bar form .output {
        list-style: none;
        width: 100%;
        background-color: #fff;
        min-height: 0px;
        border-top: 0 !important;
        color: #333;
        text-align: left;
        text-transform: capitalize;
        transition: min-height 0.2s;
        position: absolute;
        z-index: 5;
    }
    div.search-bar form .output .prediction-item {
        padding: .5em .75em;
        transition: color 0.2s, background 0.2s;
    }
    div.search-bar form .output .prediction-item:hover, div.search-bar form .output .focus, .output:hover .focus:hover {
        background: #ddd;
        color: #333;
    }
    div.search-bar form .output .prediction-item .prediction-text {
        font-family: 'Rubik', sans-serif;
        font-size: 24px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 36px;
    }
    .search-bar button.close {
        position: absolute;
        top: 0;
        right: 0;
        color: #fff;
        opacity: 1;
        width: 80px;
        height: 80px;
        z-index: 991;
        background: rgba(0, 0, 0, 0.2);
    }
    .search-bar .btn.btn-secondary {
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid #CCCCCC;
        box-sizing: border-box;
        border-radius: 0;
        background-color: transparent;
        color: #FFFFFF;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        font-family: 'Rubik', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        margin: 20px auto 0;
        padding: 10px 20px;
        text-transform: uppercase;
    }
    .search-bar .btn.btn-secondary:hover {
        color: #00583D;
        background-color: #ccc;
    }
    .search-bar .btn.btn-secondary:disabled {
        opacity: 0.5;
    }
    .close-icon {
        border: none;
        background-color: transparent;
        display: inline-block;
        vertical-align: middle;
        outline: 0;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 15%;
        transform: translateY(-50%);
        width: 15px;
        height: 15px;
    }
    .close-icon:after {
        content: "\f00d";
        font: normal normal normal 16px/1 FontAwesome;
        display: block;
        width: 15px;
        height: 15px;
        position: absolute;
        background-color: transparent;
        z-index: 1;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        padding: 0;
        border-radius: 0;
        text-align: center;
        color: white;
        font-weight: normal;
        box-shadow: none;
        cursor: pointer;
    }
    .search-box:not(:valid) ~ .close-icon {
        display: none;
    }

    .fixed-top .desktop, 
    .fixed-top .tablet,
    .head-sticky {
        display: none;
    }
    .fixed-top .head-sticky {
        display: block;
    }
    .fixed-top svg.logo {
        width: 124px;
        height: 46px;
    }

    .bottom-header {
        position: relative;
        margin: 0;
        padding: 28px 0;
        width: 100%;
        background-color: rgba(0,0,0,0.40);
    }
    .bottom-header ul {
        display: flex;
        flex-flow: wrap;
        align-items: center;
        justify-content: flex-end;
        margin: 0;
        padding: 0;
        position: relative;
        list-style: none;
    }
    .bottom-header ul li {
        margin: 0 21px;
        padding: 0;
    }
    .bottom-header ul li a,
    .bottom-header ul li span {
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-stretch: normal;
        font-weight: 700;
        line-height: 16px;
        font-size: 16px;
        text-decoration: none;
        text-transform: none;
        margin: 0;
        padding: 0;
        position: relative;        
    }
    .bottom-header ul li a:after {
        position: absolute;
        right: 0;
        left: auto;
        bottom: -4px;
        content: '';
        width: 0px;
        height: 1px;
        background: #fff;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .bottom-header ul li a:hover::after {
        width: 100%;
        left: 0;
    }

/*=======================================*\
    Footer
\*=======================================*/

    .footer-top {
        background-color: #F1F1F1;
        margin: 0;
        padding: 70px 30px;
        position: relative;
    }
    .footer-top .box {
        display: block;
        position: relative;
        margin: 0;
        padding: 0 15px;
        text-align: center;
    }
    .footer-top .box h6 {
        font-family: 'Rubik', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 24px;
        text-align: center;
        color: #00583D;
        margin: 0 0 20px;
        padding: 0;
        text-transform: capitalize;
    }
    .footer-top .box p {
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 26px;
        text-align: center;
        color: #777777;
        margin: 0 0 15px;
        padding: 0;
    }
    .footer-top .box .btn-row {
        display: -webkit-box;      
        display: -moz-box;         
        display: -ms-flexbox;      
        display: -webkit-flex;     
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
    }
    .footer-top .box .btn-row .btn-border {
        background-color: transparent;
        font-family: 'Rubik', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        color: #373A3C;
        margin: 8px;
    }
    .footer-top .box .btn-row .btn-border:hover {
        border-color: #00583D;
        color: #fff;
    }
    .footer-bottom {
        background-color: #272D2B;
        margin: 0;
        padding: 50px 45px;
        position: relative;
    }
    .footer-bottom .footer-logo {
        display: inline-block;
        margin: 0 0 20px;
    }
    .footer-bottom p {
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 26px;
        color: #FFFFFF;
        margin: 0 0 5px;
        padding: 0;
    }
    .footer-bottom a.link {
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 26px;
        color: #FFFFFF;
        text-decoration: none;
    }
    .footer-bottom a.link:hover, .footer-bottom ul.footer-menu li a:hover {
        text-decoration: underline;
    }
    .footer-bottom ul.footer-menu {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        list-style: none;
    }
    .footer-bottom ul.footer-menu li {
        margin: 0 0 15px;
        padding: 0;
        display: block;
    }
    .footer-bottom ul.footer-menu li a {
        font-family: 'Rubik', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        color: #FFFFFF;
        text-decoration: none;
        position: relative;
        display: inline-block;
    }
    .footer-bottom ul.footer-menu li a:after {
        position: absolute;
        right: 0;
        left: auto;
        bottom: -4px;
        content: '';
        width: 0px;
        height: 1px;
        background: #fff;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .footer-bottom ul.footer-menu li a:hover::after {
        width: 100%;
        left: 0;
    }
    .footer-bottom .social {
        display: block;
        position: relative;
        margin: 0 0 45px;
        padding: 0;
        width: 100%;
    }
    .footer-bottom .social p, .footer-bottom .subscribe p {
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        color: #FFFFFF;
        margin: 0 0 15px;
        padding: 0;
    }
    .footer-bottom .social ul {
        display: -webkit-box;      
        display: -moz-box;         
        display: -ms-flexbox;      
        display: -webkit-flex;     
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        list-style: none;
    }
    .footer-bottom .social ul li {
        display: block;
        margin: 0 5px;
        padding: 0;
        position: relative;
    }
    .footer-bottom .social ul li:first-child {
        margin-left: 0;
    }
    .footer-bottom .social ul li:last-child {
        margin-right: 0;
    }
    .footer-bottom .social ul li a {
        background-color: #DADADA;
        border: 2px solid transparent;
        border-radius: 50%;
        height: 40px;
        width: 40px;
        font-size: 22px;
        font-weight: normal;
        line-height: 44px;
        margin: 0;
        padding: 0;
        text-decoration: none;
        outline: none;
        box-shadow: none;
        display: -webkit-box;      
        display: -moz-box;         
        display: -ms-flexbox;      
        display: -webkit-flex;     
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        color: #272D2B;
    }
    .footer-bottom .social ul li a:hover {
        background-color: transparent;
        border-color: #DADADA;
        color: #DADADA;
    }
    .footer-bottom .subscribe {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .footer-bottom .subscribe .input-group-text {
        display: -webkit-box;      
        display: -moz-box;         
        display: -ms-flexbox;      
        display: -webkit-flex;     
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 13px 1px 13px 15px;
        margin-bottom: 0;
        font-size: 22px;
        font-weight: 400;
        line-height: 1.5;
        color: #000000;
        text-align: center;
        white-space: nowrap;
        background-color: #fff;
        border: none;
        border-radius: 0;
    }
    .footer-bottom .subscribe .form-control {
        display: block;
        width: 100%;
        height: auto;
        padding: 14px 15px;
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
        color: #000;
        background-color: #fff;
        background-clip: padding-box;
        border: none;
        border-radius: 0;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        outline: 0;
        box-shadow: none;
    }

    footer .footer-bottom .mega-dropdown {
        margin-bottom: 60px;
    }

    footer .footer-bottom .mega-dropdown > a {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
        background-clip: padding-box;
        border: none;
        border-radius: 4px;
        box-sizing: border-box;
        box-shadow: none;
        color: #000000;
        display: block;
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-size: 16px;
        font-weight: 400;
        height: auto;
        line-height: 24px;
        margin: 0 auto;
        max-width: 100%;
        outline: 0;
        padding: 12px 40px 13px 18px;
        position: relative;
        text-transform: capitalize;
        text-align: left;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        width: 100%;
    } 
    footer .footer-bottom .mega-dropdown > .dropdown-toggle::after {
        display: none;
    }
    footer .footer-bottom .mega-dropdown ul.megamenu-content {
        width: 100%;
        transform: translate3d(0, 0, 0) !important;
        top: 100% !important;
        margin-top: 0 !important;
        border: none;
    }
    footer .footer-bottom .mega-dropdown ul.megamenu-content li {
        margin-bottom: 5px;
    }
    footer .footer-bottom .mega-dropdown ul.megamenu-content li a {
        color: #000000;
        display: block;
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-size: 16px;
        font-weight: 400;
        height: auto;
        line-height: 24px;
        margin: 0;
        padding: 0 15px;
        position: relative;
        text-transform: capitalize;
    }
    footer .footer-bottom .mega-dropdown ul.megamenu-content li a:hover {
        color: #00583D;
    }

/*=======================================*\
    Banner
\*=======================================*/

    section.banner {
        position: relative;
        margin: 0;
        padding: 0;
        height: auto;
    }
    .owl-carousel {
        display: none;
        width: 100%;
        -webkit-tap-highlight-color: transparent;
        position: relative;
        z-index: 1;
    }
    .owl-carousel.owl-loaded {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
    }
    #sync1.owl-theme, #sync1.owl-theme .item {
        position: relative;
        height: 100%;
        height: 790px;
    }
    #sync1.owl-theme .item {
        position: relative;
        z-index: 2;
        overflow: hidden;
    }
    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }
    .owl-carousel.owl-drag .owl-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .owl-theme .owl-nav.disabled+.owl-dots {
        margin: 0 !important;
    }
    #sync1.owl-theme .owl-nav {
        margin-top: 0;
        text-align: center;
        -webkit-tap-highlight-color: transparent;
    }
    #sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev {
        width: 48px;
        height: 48px;
        margin-top: 0;
        position: absolute;
        top: 50%;
        z-index: 9;
        transform: translateY(-50%);
        margin: 0;
        padding: 0;
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    #sync1.owl-theme .owl-next:hover, #sync1.owl-theme .owl-prev:hover {
        background-color: rgba(255, 255, 255, 0.54);
    }
    #sync1.owl-theme .owl-next svg>path, 
    #sync1.owl-theme .owl-prev svg>path {
        stroke: rgba(255,255,255,0.54) !important;
    }
    #sync1.owl-theme .owl-next:hover svg>path, 
    #sync1.owl-theme .owl-prev:hover svg>path {
        stroke: rgba(255,255,255,1) !important;
    }
    #sync1.owl-theme .owl-prev {
        left: 0;
    }
    #sync1.owl-theme .owl-next {
        right: 0;
    }
    #sync2.owl-theme .owl-nav {
        display: none;
    }
    #sync1.owl-theme .item iframe {
        position: relative;
        margin: 0;
        padding: 0;
    }
    .overlay {
        position: absolute;
        width: 100%;
        max-width: 100%;/*710px*/
        height: 100%;
        margin: 0 0 0 auto;
        z-index: 1;
        right: 0;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
    }
    /*#sync1.owl-theme .item .overlay:before {
        content: "";
        position: absolute;
        width: 710px;
        height: 100%;
        left: inherit;
        right: 0;
        top: 0;
        background: linear-gradient(90deg, #00583D 0%, rgba(0, 88, 61, 0) 88.27%);
        opacity: 0.6;
        transform: rotate(-180deg);
        z-index: -1;
    }*/
    .overlay .banner-title {
        display: block;
        position: relative;
        margin: 0 auto; /*123px auto 0*/
        padding: 0;
        width: 100%;
        max-width: 425px;
    }
    .overlay .banner-title h1 {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 48px;
        line-height: 62px;
        text-align: center;
        color: #FFFFFF;
        margin: 0;
        padding: 0;
        filter: drop-shadow(0px 10px 10px rgba(0, 0, 0,0.6));
    }
    #sync2.owl-theme {
        position: relative;
        padding: 0 60px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        margin: -70px 0 0 0;
        width: 100%;
    }
    #sync2.owl-theme .item {
        padding: 0;
    }
    #sync2.owl-theme .item .slider-section {
        background-color: #EAEAEA;
        border: none;
        border-bottom: 8px solid #00583D;
        padding: 20px 20px 25px;
        margin: 0;
        position: relative;
        display: block;
        width: 100%;
    }
    #sync2.owl-theme .current .item .slider-section {
        background-color: #00583D;
        border-color: #EAEAEA;
    }
    #sync2.owl-theme .item .slider-section h5 {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 36px;
        color: #000000;
        margin: 0 0 15px;
        padding: 0;
    }
    #sync2.owl-theme .current .item .slider-section h5, #sync2.owl-theme .current .item .slider-section ul li, #sync2.owl-theme .current .item .slider-section ul li a {
        color: #fff;
    }
    #sync2.owl-theme .item .slider-section ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    #sync2.owl-theme .item .slider-section ul li, #sync2.owl-theme .item .slider-section ul li a {
        font-family: Rubik;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #000000;
        margin: 0;
        padding: 0;
    }
    #sync2.owl-theme .item .slider-section ul li a {
        font-weight: bold;
    }

    video#video_player {
        position: fixed;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -100;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    .owl-carousel .owl-video-wrapper {
	    height: 790px !important;
	}

/*=======================================*\
    Ads Section
\*=======================================*/

    section.big-ads {
        position: relative;
        margin: 0;
        padding: 80px 0 0;
    }
    section.big-ads .article-img {
        height: 200px;
    }
    section.small-ads {
        position: relative;
        margin: 0;
        padding: 0 0 80px;
    }
    section.small-ads .article-img {
        height: 90px;
    }
    .article-img {
        width: 100%;
        max-width: 935px;
        display: block;
        margin: 0 auto;
        position: relative;
        padding: 0;
    }

    .article-img span {
        background-color: #505050;
        display: block;
    }

/*=======================================*\
    Slider Panel
\*=======================================*/

    section.slider-panel {
        position: relative;
        margin: 0;
        padding: 60px 0;
    }

    section.slider-panel .date, section.filtering .filter-cat-results .date, section.tournament-tabs .date {
        margin-bottom: 20px;
    }

    section.slider-panel .date p, section.filtering .filter-cat-results .date p, section.tournament-tabs .date p {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 16px;
        color: #000000;
        margin: 0;
    }
    section.slider-panel h3, section.filtering .filter-cat-results h3, section.tournament-tabs h3 {
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 32px;
        line-height: 36px;
        color: #000000;
        margin: 0 0 30px;
        padding: 0;
    }
    section.slider-panel p, section.filtering .filter-cat-results p, section.tournament-tabs p {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        color: #000000;
        margin: 0 0 30px;
        padding: 0;
        width: 100%;
        max-width: 425px;
    }
    /*section.slider-panel .text-right p {
        margin: 0 0 30px auto;
    }*/
    .text-left ul.sponsor {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        list-style: none;
    }
    .text-right ul.sponsor {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        list-style: none;
    }
    ul.sponsor li {
        margin: 0 16px 0 0;
        padding: 0;
        position: relative;
    }
    ul.sponsor li:last-child {
        margin: 0;
    }
    .text-right ul.sponsor li {
        margin: 0 0 0 16px;
        padding: 0;
        position: relative;
    }
    .text-right ul.sponsor li:first-child {
        order: 2;
    }
    .text-right ul.sponsor li:last-child {
        order: 1;
    }
    ul.sponsor span {
        width: 58px;
        height: 58px;
        background-color: #C4C4C4;
        border-radius: 50%;
        border: none;
        display: block;
        position: relative;
    }
    ul.sponsor li p, section.filtering .filter-cat-results ul.sponsor li p {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        color: #000000;
        margin: 0;
        padding: 0;
    }

    section.slider-panel .ul-upcoming, .ul-upcoming {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        margin: 0;
        padding: 0;
        width: 100%;
        position: relative;
        list-style: none;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    section.slider-panel .ul-upcoming li, .ul-upcoming li {
        margin: 0;
        padding: 0;
        position: relative;
    }

    .tournament-list,
    section.slider-panel .tournament-list, 
    section.slider-panel .event-list {
        max-width: 100%;
        width: 100%;
        box-shadow: none;
    }

    .tournament-list .card,
    .tournament-list .card:last-child .card-header,
    section.slider-panel .tournament-list .card,
    section.slider-panel .event-list .card,
    section.slider-panel .tournament-list .card:last-child .card-header,
    section.slider-panel .event-list .card:last-child .card-header {
      border: none;
    }

    .tournament-list .card,
    section.slider-panel .tournament-list .card,
    section.slider-panel .event-list .card {
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0;
        margin: 0 0 20px;
        padding: 0;
    }
    .tournament-list .card:last-child,
    section.slider-panel .tournament-list .card:last-child,
    section.slider-panel .event-list .card:last-child {
        margin-bottom: 0;
    }

    .tournament-list .card-header,
    section.slider-panel .tournament-list .card-header,
    section.slider-panel .event-list .card-header {
      border-bottom-color: transparent;
      background: transparent;
      padding: 30px;
    }

    .tournament-list .card-header ul,
    section.slider-panel .tournament-list .card-header ul {
        margin: 0 30px 0 0;
        padding: 0;
        list-style: none;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        width: 100%;
        max-width: 90%;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        position: relative;
    }

    section.slider-panel div#events {
        position: relative;
    }

    section.slider-panel .event-list .card-header ul {
        margin: 0 30px 0 0;
        padding: 0;
        list-style: none;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        width: 100%;
        max-width: calc(100% - 78px);
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative;
    }

    .tournament-list .card-header ul li,
    section.slider-panel .tournament-list .card-header ul li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        margin: 0;
        padding: 0;
        position: relative;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    section.slider-panel .event-list .card-header ul li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        margin: 0 0 10px;
        padding: 0;
        position: relative;
        width: 100%;
        text-align: left;
    }
    section.slider-panel .event-list .card-header ul li:last-child {
        margin-bottom: 0;
    }

    .tournament-list .card-header h3,
    section.slider-panel .tab-pane .tournament-list .card-header h3 {
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 32px;
        line-height: 36px;
        color: #000000;
        margin: 0;
        padding: 0;
    }

    section.slider-panel .tab-pane .event-list .card-header h3 {
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 32px;
        line-height: 36px;
        color: #000000;
        margin: 0;
        padding: 0;
    }

    .tournament-list .card-header ul li p,
    section.slider-panel .tournament-list .card-header ul li p {
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #000000;
        margin: 0;
        padding: 0;
        width: auto;
        max-width:none;
    }

        /* .tournament-list .card-header ul li .date,
        section.slider-panel .tournament-list .card-header ul li .date {
            font-family: Rubik;
            font-style: normal;
            font-weight: 500;
            font-size: 32px;
            line-height: 24px;
            color: #000000;
            margin: 0;
            padding: 0;
            text-transform: capitalize;
        } */

    /* section.slider-panel .event-list .card-header ul li .date {
        font-family: Rubik;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 24px;
        color: #000000;
        margin: 0;
        padding: 0;
        width: auto;
        max-width: none;
    } */

    .tournament-list .fa-stack,
    section.slider-panel .tournament-list .fa-stack, 
    section.slider-panel .event-list .fa-stack  {
        font-size: 24px;
        width: 48px;
        height: 48px;
        border: 1px solid #CCCCCC;
        color: #000;
    }

    .tournament-list .btn-link,
    section.slider-panel .tournament-list .btn-link,
    section.slider-panel .event-list .btn-link {
      width: 100%;
      padding: 0;
      border: none;
    }
    .tournament-list .btn-link {
        align-items: center;
    }

    .tournament-list .btn-link:hover,
    .tournament-list .btn-link:focus,
    section.slider-panel .tournament-list .btn-link:hover,
    section.slider-panel .tournament-list .btn-link:focus,
    section.slider-panel .event-list .btn-link:hover,
    section.slider-panel .event-list .btn-link:focus {
      text-decoration: none;
    }

    .tournament-list .card .card-body,
    section.slider-panel .tournament-list .card .card-body {
        padding: 0 30px 30px;
    }

    section.slider-panel .event-list .card .card-body {
        padding: 0 30px 30px;
    }

    section.slider-panel .tournament-list .card .card-body .tournament-details {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    section.slider-panel .event-list .card .card-body .event-details {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    section.slider-panel .tournament-list .card .card-body .tournament-details .image-box {
        display: block;
        position: relative;
        margin: 0 30px 0 0;
        padding: 0;
        width: 100%;
        max-width: 415px;
        height: 256px;
        min-height: 100%;
        background-color: #C4C4C4;
    }
    section.slider-panel .event-list .card .card-body .event-details .image-box {
        display: block;
        position: relative;
        margin: 0 0 0 auto;
        padding: 0;
        width: 100%;
        max-width: 150px;
        height: 150px;
        min-height: 100%;
        background-color: #C4C4C4;
    }
    section.slider-panel .tournament-list .card .card-body .tournament-details .content {
        max-width: 57%;
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    section.slider-panel .event-list .card .card-body .event-details .content {
        max-width: 70%;
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    section.slider-panel .tournament-list .card .card-body .tournament-details .content p {
        color: #000000;
        margin: 0 0 30px;
        padding: 0;
        width: 100%;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        max-width: none;
    }
    section.slider-panel .event-list .card .card-body .event-details .content p {
        color: #000000;
        margin: 0;
        padding: 0;
        width: 100%;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        max-width: none;
    }
    section.slider-panel .tournament-list .card .card-body .tournament-details .content .group-btn {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        width: 100%;
        position: relative;
        margin: 0;
        padding: 0;
        grid-row-gap: 9px;
    }
    section.slider-panel .event-list .card .card-body .group-btn {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        width: 100%;
        position: relative;
        margin: 20px 0 0;
        padding: 0;
    }
    section.slider-panel .tournament-list .card .card-body .tournament-details .content .group-btn a { /*:first-child*/
        margin: 0 9px 0 0;
    }
    section.slider-panel .event-list .card .card-body .group-btn a {
        margin: 0 5px;
    }
    section.slider-panel .event-list .card .card-body .group-btn a:first-child {
        margin-left: 0px;
    }
    section.slider-panel .event-list .card .card-body .group-btn a:last-child {
        margin-right: 0px;
    }
    .event-calendar {
        height: 100%;
    }
    .event-calendar.availability-calender {
        height: auto;
        margin: 0 0 40px;
    }
    .event-calendar td {
        padding: 6px 6px;
        text-align: center;
        height: 36px;
    }
    .event-calendar td.current-date {
        background-color: rgba(92, 184, 92, 0.3);
        border-radius: 50%;
    }
    .event-calendar td.date {
        background-color: rgba(92, 184, 92, 0.3);
    }
    .event-calendar td.left-radius {
        border-radius: 25px 0 0 25px;
    }
    .event-calendar td.right-radius {
        border-radius: 0 25px 25px 0;
    }

/*=======================================*\
    Feature
\*=======================================*/
    section.feature {
        position: relative;
        padding: 60px 0;
        margin: 0;
        background-color: #C4C4C4;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: luminosity;
        z-index: 1;
    }
    section.feature:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #00583D;
        opacity: 0.7;
        z-index: -1;
    }
    section.feature .section-heading2 {
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 48px;
        line-height: 62px;
        text-align: right;
        color: #FFFFFF;
        margin: 0 0 30px;
        padding: 0;
    }
    section.feature p {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        text-align: right;
        color: #FFFFFF;
        margin: 0 0 0 auto;
        padding: 0;
        width: 100%;
        max-width: 315px;
    }

/*=======================================*\
    Breadcrumb
\*=======================================*/

    section.breadcrumb {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: 0 60px;
        margin-bottom: 0;
        list-style: none;
        background-attachment: fixed;
        background-color: #e9ecef;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 0;
        width: 100%;
        position: relative;
        height: 100%;
        max-height: 790px;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        z-index: 3;
    }
    section.breadcrumb:before {
        background: linear-gradient(0deg, #00583D 0%, rgba(0, 88, 61, 0) 78.27%);
        bottom: 0;
        content: "";
        left: 0;
        height: 100%;
        max-height: 417px;
        opacity: 0.6;
        position: absolute;
        top: inherit;
        width: 100%;
    }
    section.breadcrumb .breadcrumb-title, section.breadcrumb .breadcrumb-author {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        position: relative;
        margin: 0;
        padding: 0 0 60px;
        width: 100%;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        height: 100%;
    }
    section.breadcrumb .breadcrumb-title h1 {
        display: block;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 48px;
        line-height: 62px;
        color: #FFFFFF;
        position: relative;
        margin: 0;
        padding: 0;
        position: relative;
        /*text-align: left;*/
        text-transform: capitalize;
    }
    section.breadcrumb .breadcrumb-title h2 {
        display: block;
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 36px;
        line-height: 62px;
        color: #FFFFFF;
        position: relative;
        margin: 0;
        padding: 0;
        position: relative;
        /*text-align: left;*/
        text-transform: capitalize;
    }
    section.breadcrumb .breadcrumb-author ul.sponsor {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        list-style: none;
    }
    section.breadcrumb .breadcrumb-author ul.sponsor li {
        margin: 0 0 0 16px;
        padding: 0;
        position: relative;
    }
    section.breadcrumb .breadcrumb-author ul.sponsor li span {
        width: 58px;
        height: 58px;
        background-color: #C4C4C4;
        border-radius: 50%;
        border: none;
        display: block;
        position: relative;
    }
    section.breadcrumb .breadcrumb-author ul.sponsor li p {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 26px;
        color: #fff;
        margin: 0;
        padding: 0;
    }
    section.breadcrumb .breadcrumb-author ul.sponsor li:last-child {
        margin: 0;
        order: 1;
    }
    section.breadcrumb .breadcrumb-author ul.sponsor li:first-child {
        order: 2;
    }

    .breadcrumb-slider .owl-stage-outer, 
    .breadcrumb-slider .owl-stage-outer .owl-stage, 
    .breadcrumb-slider .owl-stage-outer .owl-stage .owl-item {
        height: 100%;
    }

    .breadcrumb-slider .item {
        display: block;
        position: relative;
        margin: 0;
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        padding: 0 60px;
    }
    section.breadcrumb .breadcrumb-slider .item:before {
        background: linear-gradient(0deg, #00583D 0%, rgba(0, 88, 61, 0) 78.27%);
        bottom: 0;
        content: "";
        left: 0;
        height: 100%;
        max-height: 417px;
        opacity: 0.6;
        position: absolute;
        top: inherit;
        width: 100%;
    }

/*=======================================*\
    Tabs
\*=======================================*/
	.form-tabs {
        border-bottom: none;
        -webkit-justify-content: center;
        justify-content: center;
        margin: 0 0 40px;
    }
    .form-tabs .nav-item {
        margin-bottom: 0px;
        margin-right: -2px;
    }
    .form-tabs .nav-link {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        background: #FFFFFF;
        border: 1px solid #CCCCCC !important;
        box-sizing: border-box;
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-transform: uppercase;
        color: #373A3C;
        margin: 0;
        padding: 13px 21px;
    }
    .form-tabs .nav-item.show .nav-link, .form-tabs .nav-link.active {
        color: #fff;
        background-color: #00583D;
        border-radius: 0;
        border: 1px solid #CCCCCC;
    }
    select#tab_selector {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
        width: 100%;
        max-width: 285px;
        height: auto;
        padding: 12px 32px 13px 20px;
        font-family: Rubik;
        font-style: normal;
        font-size: 16px;
        font-weight: 500;
        line-height: 21px;
        color: #fff;
        background: url(../images/arrow-down.png) 90% / 11px no-repeat #00583D;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border-radius: 0;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        margin: 0 auto 40px;
        box-shadow: none;
        outline: 0;
        position: relative;
        text-transform: uppercase;
    }
    .section-heading5 {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 47px;
        text-align: center;
        color: #000000;
        padding: 0;
    }

/*=======================================*\
    Filter Results
\*=======================================*/
    
    section.filtering .filter-cat {
        margin: 0 0 40px;
    }

    section.filtering .filter-cat .form-control, 
    .filtering .filter-cat .form-control, 
    .filtering .date-fill .form-control, 
    .filtering .facility-fill .form-control {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        box-shadow: none;
        color: #000000;
        display: block;
        font-family: 'Rubik', sans-serif;
        font-style: normal;
        font-size: 16px;
        font-weight: 500;
        height: auto;
        line-height: 21px;
        margin: 0 auto;
        max-width: 390px;
        outline: 0;
        padding: 12px 130px 13px 18px;
        position: relative;
        text-transform: capitalize;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        width: 100%;        
    }

    section.filtering .filter-cat-results .f-cat, 
    .filtering .filter-cat-results .f-cat {
        opacity: 0;
        display: none;
    }

    section.filtering .filter-cat-results .f-cat.active, 
    .filtering .filter-cat-results .f-cat.active {
        opacity: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-animation: fadeIn 0.65s ease forwards;
        animation: fadeIn 0.65s ease forwards;
    }
    .facility-tabs .filtering .filter-cat-results .f-cat.active {
        display: block;
    }

    section.filtering .tournament-list.filter-cat-results h3, .filtering .tournament-list.filter-cat-results h3 {
        margin: 0;
    }

/*=======================================*\
    Pagination
\*=======================================*/

    .pagination {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        padding-left: 0;
        list-style: none;
        border-radius: 0;
        margin: 80px 0 0;
    }
    .pagination .page-link, .pagination .current, .prev, .next {
        background-color: #fff;
        border: 1px solid #CCCCCC;
        border-radius: 0;
        box-shadow: none;
        color: #373A3C;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        font-family: 'Rubik', sans-serif;
        font-size: 16px;
        font-style: normal;
        font-stretch: normal;
        font-weight: 500;
        height: 48px;
        line-height: 24px;
        margin: 0;
        outline: 0;
        overflow: hidden;
        margin-left: -1px;
        padding: 12px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        width: 48px;    
    }
    .page-link:before, .page-link:after {
        background: #00583D;
        content: '';
        position: absolute;
        z-index: -1;
    }
    .page-link:after {
        height: 100%;
        right: inherit;
        left: -45%;
        top: 0;
        transform: skew(0deg);
        transition-duration: 0.6s;
        transform-origin: top left;
        width: 0;
    }
    .page-link:hover:after {
        height: 100%;
        width: 145%;
    }
    .page-link:hover {
        color: #fff;
        background-color: transparent;
        border-color: #ccc;
    }
    .page-link:hover svg path {
        fill: #fff;
    }
    .page-item:first-child .page-link, li:first-child .prev {
        margin-right: 20px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .page-item:last-child .page-link, li:last-child .next {
        margin-left: 20px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .page-item.disabled .page-link {
        color: #000;
        opacity: 0.5;
        pointer-events: none;
        cursor: auto;
        box-sizing: border-box;
    }
    .page-item.active .page-link, li.active .current {
        z-index: 3;
        color: #fff;
        background-color: #00583D;
        border-color: #ccc;
    }
    li.active .current.prev, li.active .current.next {
        color: #373A3C;
        opacity: 0.5;
        background-color: #fff;
        pointer-events: none;
        cursor: auto;
        box-sizing: border-box;
    }
    
    
/*=======================================*\
    CMS Content
\*=======================================*/

    .cms-content {
        position: relative;
        padding: 60px 0;
        margin: 0;
    }
	
	.cms-content .row{margin: 0 0 40px;}
	
	.cms-content img{max-width:100%; max-height:100%; object-fit: cover; }
	
	.cms-content ol, ul {
        margin:0px;
        padding-inline-start: 20px;
	}
	
	.cms-content ol li {
        margin:0px;
        padding: 0;
        list-style: decimal;
	}
	
	.cms-content ul li {
        margin:0px;
        padding: 0;
        list-style: square;
	}
	
	.cms-content blockquote {
    	border-left: 3px solid #00CC8F;
        color: #1a1a1a;
        font-family: Georgia, Times, "Times New Roman", serif;
        font-size: 1.25em;
        font-style: italic;
        line-height: 1.8em;
        padding: 1em 2em;
        position: relative;
        transition: 0.2s border ease-in-out;
        z-index: 0;
	}

/*=======================================*\
    Announcement Single
\*=======================================*/

    section.announcement-detail {
        position: relative;
        padding: 60px 0;
        margin: 0;
    }
    section.announcement-detail p {
        color: #000000;
        margin: 0 0 20px;
        padding: 0;
    }
    section.announcement-detail p:last-child, section.announcement-detail p:first-child {
        margin-bottom: 0;
    }
    section.announcement-detail span {
        display: block;
        position: relative;
        margin: 40px 0;
        padding: 0;
        width: 100%;
        background-color: #C4C4C4;
        height: auto;
    }
    section.announcement-detail .two-column {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        position: relative;
        margin: 40px 0 0;
        padding: 0;
        width: 100%;
    }
    section.announcement-detail .two-column .box {
        position: relative;
        width: 50%;
        margin: 0;
        padding: 0 20px 0 0;
    }
    section.announcement-detail .two-column .box:last-child {
        padding: 0;
    }
    section.announcement-detail .two-column .box span {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        background-color: #C4C4C4;
        height: 265px;
    }

/*=======================================*\
    Client Logo Slider
\*=======================================*/
    
    section.clients-logo {
        position: relative;
        margin: 0;
        padding: 0 0 80px;
    }
    section.clients-logo div#client-logo {
        padding: 0 15px;
    }
    section.clients-logo div#client-logo .item span {
        display: block;
        position: relative;
        margin: 0 auto;
        width: 100%;
        max-width: 180px;
        height: 180px;
        background-color: #c4c4c4;
    }
    section.clients-logo div#client-logo .owl-prev {
	    position: absolute;
	    left: -52px;
	    top: 45%;
	    transform: translateY(-50%);
	    opacity: 0.5;
	    width: 48px;
	    height: 48px;
	}
	section.clients-logo div#client-logo .owl-next {
	    position: absolute;
	    left: inherit;
	    right: -52px;
	    top: 45%;
	    transform: translateY(-50%);
	    opacity: 0.5;
	    width: 48px;
	    height: 48px;
	}
	section.clients-logo div#client-logo .owl-prev:hover, section.clients-logo div#client-logo .owl-next:hover {
		opacity: 1;
	}
	section.clients-logo div#client-logo .owl-dots {
	    position: relative;
	    margin: 20px 0 0;
	    padding: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
	    display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
	    flex-flow: wrap;
	    width: 100%;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
	    align-items: center;
        -webkit-justify-content: center;
	    justify-content: center;
	}
	section.clients-logo div#client-logo .owl-dots .owl-dot {
	    display: block;
	    position: relative;
	    width: 8px;
	    height: 8px;
	    background-color: #DFDFDF;
	    border-radius: 50%;
	    margin: 0 5px;
	}
	section.clients-logo div#client-logo .owl-dots .owl-dot.active {
		background-color: #868686;
	}

/*=======================================*\
    Tournament Single
\*=======================================*/

	section.tournament-detail {
	    position: relative;
	    margin: 0;
	    padding: 80px 60px 0;
	}
	section.tournament-detail .mb-40 {
		margin-bottom: 40px;
	}
	section.tournament-detail ul.breadcrumb-ul, section.luf-detail .breadcrumb-ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
	    display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
	    flex-flow: wrap;
	    margin: 0;
	    padding: 0;
	    list-style: none;
	    width: 100%;
	    position: relative;
	}
	section.tournament-detail ul.breadcrumb-ul li.breadcrumb-item.active, section.luf-detail .breadcrumb-ul .breadcrumb-item.active {
	    font-family: Rubik;
	    font-style: normal;
	    font-weight: bold;
	    font-size: 16px;
	    line-height: 21px;
	    text-transform: uppercase;
	    color: #505355;
	    margin: 0;
	    padding: 0;
	}
	section.tournament-detail ul.breadcrumb-ul .breadcrumb-item+.breadcrumb-item::before,
    section.luf-detail .breadcrumb-ul .breadcrumb-item+.breadcrumb-item::before {
	    display: inline-block;
	    padding-right: .5rem;
	    padding-left: .5rem;
	    color: #6c757d;
	    content: "/";
	}
	section.tournament-detail ul.breadcrumb-ul li.breadcrumb-item a,
    section.luf-detail .breadcrumb-ul .breadcrumb-item a {
	    font-family: Rubik;
	    font-style: normal;
	    font-weight: 500;
	    font-size: 16px;
	    line-height: 21px;
	    text-transform: uppercase;
	    color: #00583D;
	    margin: 0;
	    padding: 0;
	    position: relative;
	    display: inline-block;
	}
	section.tournament-detail ul.breadcrumb-ul li.breadcrumb-item a:after,
    section.luf-detail .breadcrumb-ul .breadcrumb-item a:after {
		position: absolute;
	    right: 0;
	    left: auto;
	    bottom: -4px;
	    content: '';
	    width: 0px;
	    height: 1px;
	    background: #00583D;
	    -webkit-transition: all 0.5s ease-in-out;
	    -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	    -o-transition: all 0.5s ease-in-out;
	    transition: all 0.5s ease-in-out;
    }
	section.tournament-detail ul.breadcrumb-ul li.breadcrumb-item a:hover::after,
    section.luf-detail .breadcrumb-ul .breadcrumb-item a:hover::after {
	    width: 100%;
	    left: 0;
	}
	section.tournament-detail .group-btn a.btn {
		margin-right: 10px;
	}
	section.tournament-detail .group-btn a.btn:last-child {
		margin-right: 0;
	}
	section.tournament-detail p {
	    display: block;
	    font-family: Roboto;
	    font-style: normal;
	    font-weight: normal;
	    font-size: 16px;
	    line-height: 26px;
	    text-align: center;
	    color: #000000;
	    width: 100%;
	    max-width: 874px;
	    margin: 0 auto;
	    padding: 0;
	    position: relative;
	}
	section.tournament-detail .group-btn {
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-flow: wrap;
	    -ms-flex-flow: wrap;
	    flex-flow: wrap;
	    width: 100%;
	    position: relative;
	    margin: 0;
	    padding: 0;
        -webkit-justify-content: flex-end;
	    justify-content: flex-end;
	}
	section.tournament-detail .group-btn button {
		margin: 0 15px 0 0;
	}
	section.tournament-detail .group-btn button:last-child {
		margin: 0;
	}
	section.tournament-detail + section.big-ads {
		padding: 40px 0 0;
	}
	section.tournament-tabs, section.facility-tabs {
	    position: relative;
	    margin: 0;
	    padding: 60px 0;
	}
    .time-title {
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: left;
    }
    .time-title h6 {
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #000000;
        margin: 0 15px 0 0;
        padding: 0;
    }
    .tournament-list .card-header ul li .time-title p {
        font-weight: normal;
    }
    .tournament-list .card .card-body .card {
        margin: 0 0 10px;
    }
    .tournament-list .card .card-body .card:last-child {
        margin: 0;
    }
    .tournament-list .card .card-body .card .card-header ul li .pill, .tournament-list .card .card-body .card .card-header ul li .pill-gray {
        margin: 0;
    }
    .tournament-list .card .card-body .card span.fa-stack {
        border: none;
        width: 36px;
        height: 36px;
        font-size: 18px;
    }
    .ring-update {
        display: block;
        position: relative;
        margin: 0;
        padding: 0 30px;
        width: 100%;
    }
    .ring-update ul {
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        position: relative;
        width: 100%;
        margin: 0 0 40px;
        padding: 0;
        list-style: none;
    }
    .ring-update ul li p {
        margin: 0;
        padding: 0;
    }
    section.tournament-tabs .ring-update p {
        max-width: 100%;
    }

    .results-tabs .form-tabs .nav-item {
        margin-bottom: 0;
        margin-right: 15px;
    }
    .results-tabs .form-tabs .nav-item:last-child {
        margin-right: 0;
    }
    .results-tabs .form-tabs .nav-link {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        background: transparent;
        border: none !important;
        box-sizing: border-box;
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-transform: uppercase;
        color: #373A3C;
        margin: 0;
        padding: 0 10px;
        position: relative;
    }

    .results-tabs .form-tabs .nav-link:after {
        position: absolute;
        right: 0;
        left: auto;
        bottom: -11px;
        content: '';
        width: 0px;
        height: 4px;
        background: #00583D;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .results-tabs .form-tabs .nav-link:hover, .results-tabs .form-tabs .nav-link.active {
        color: #00583D;
    }
    .results-tabs .form-tabs .nav-link:hover::after, .results-tabs .form-tabs .nav-link.active:after {
        width: 100%;
        left: 0;
    }

    .table-responsive-stack tr,
    section.getting-here .national tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(196, 196, 196, 0.1);
    }
	.current-leaderboard, .remaining-riders {
		margin:0;
	}
    .table-responsive-stack td,
    .balance td,
    .table-responsive-stack th,
    .balance th,
    section.getting-here .national td,
    section.getting-here .national th {
        display: flex;
        border: none !important;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
		padding: 0 25px;
        padding-top: 13px;
        padding-bottom: 13px;
    }
	.table-responsive-stack th, .balance th {
		font-family: Roboto;
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 26px;
		color: #000000;
	}
	.table-responsive-stack td, .balance td {
		font-family: Roboto;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 26px;
		color: #373A3C;
	}
	.table-responsive-stack .table-responsive-stack-thead {
	   font-weight: bold;
	}
    .competition-table {
        position: relative;
        margin: 0;
        padding: 0;
    }
    .competition-table ul.head {
        position: relative;
        margin: 0;
        padding: 0 30px 10px;
        width: 100%;
        max-width: 90%;
    }
    .competition-table .head h6 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 26px;
        color: #000000;
        text-transform: capitalize;
    }
    .competition-table .card {
        border-right: 0;
        border-left: 0;
        margin: 0 0 -1px !important;
    }
    .competition-table .card .card-header {
        padding: 15px 30px;
    }
    .competition-table .card-header ul {
        max-width: 90%;
    }
    .competition-table .card-header ul li {
        padding: 0 15px;
    }

    .competition-table .card-header ul li h6 {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 31px;
        color: #000000;
        text-transform: capitalize;
        margin: 0;
        padding: 0;
    }
    .competition-table .card-header ul li p {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 31px;
        color: #000000;
        text-transform: capitalize;
        text-align: left;
    }

    .nation-map {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: 50px;
        height: 31px;
    }

    section.tournament-tabs .tournament-list #accordion-1 .card .card-body {
        padding: 0;
    }

    section.tournament-tabs .tournament-list #accordion-1 .card .card-body video#video_player {
        position: relative;
        z-index: 1;
        width: 100%;
        height: auto;
        min-width: auto;
        min-height: auto;
        top: 0;
        left: 0;
        transform: translate(0,0);
        display: block;
    }

    section.tournament-tabs .tournament-list #accordion-1 .competition-table .card .card-body {
        padding: 0 30px 30px;
    }
    .ring-list-item {
        position: relative;
        margin: 0;
        padding: 0;
    }
    .ring-list-item .item-row {
        padding: 0 15px;
        width: 100%;
        position: relative;
        display: inline-block;
    }
    .ring-list-item .item-row h6 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 26px;
        color: #000000;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: 15%;
    }
    .ring-list-item .item-row p {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        color: #000000;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        padding: 0;
    }
	.results-tabs .ul-upcoming {
		-webkit-justify-content: center;
		justify-content: center;
	}
	.results-tabs .ul-upcoming p {
		font-family: Montserrat;
		font-style: normal;
		font-weight: normal;
		font-size: 24px;
		line-height: 36px;
		text-align: center;
		color: #373A3C;
		margin: 0;
		padding: 0;
		width: 100%;
		max-width: 100%;
	}
	.tournament-list #results-1 .card .card-body {
		padding: 0;
	}
	.videostream {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 574px;
	}
	.videostream video#video_player {
		height: 574px;
	}
	.current-riderhorse {
		display: flex;
		flex-flow: wrap;
		width: 100%;
		position: relative;
		margin: 0;
		padding: 30px;
		justify-content: space-between;
		align-items: center;
		background-color: #00583D;
	}
	.current-riderhorse .current-left p, .current-riderhorse .current-center p {
		font-family: Roboto;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 26px;
		color: #FFFFFF;
		margin: 0 0 10px;
		padding:0;
		width: 100%;
		max-width: 100%;
	}
	.current-center ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
		display: flex;
		flex-flow: wrap;
		align-items: flex-end;
	}
	.current-riderhorse .current-left ul.r-h {
		margin: 10px 0 0;
		padding: 0;
		display: flex;
		flex-flow: wrap;
		width: 100%;
		list-style: none;
		position: relative;
		align-items: center;
	}
	.current-riderhorse .current-left ul.r-h li:first-child {
		margin-right: 20px;
	}
	.current-riderhorse .current-left ul.r-h li h4, .current-riderhorse .current-center h4, .current-riderhorse .current-right h4 {
		font-family: Rubik;
		font-style: normal;
		font-weight: 500;
		font-size: 24px;
		line-height: 26px;
		color: #FFFFFF;
		margin: 0;
		padding: 0;
		text-transform: capitalize;
	}
	#results-1 .board {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 100%;
		border: none;
		border-bottom: 1px solid #DADADA;
	}
	#results-1 .board ul {
		margin: 0;
		padding: 15px 30px;
		list-style: none;
		display: flex;
		flex-flow: wrap;
		width: 100%;
		position: relative;
		justify-content: space-between;
		align-items: center;
		border: none;
		border-bottom: 1px solid #DADADA;
	}
	#results-1 .board ul li:first-child {
		width: 100%;
		max-width: 70%;
	}
	#results-1 .board ul li:last-child {
		width: 100%;
		max-width: 30%;
	}
	#results-1 .board ul li p {
		font-family: Rubik;
		font-style: normal;
		font-weight: 500;
		font-size: 16px;
		line-height: 24px;
		color: #000000;
		margin: 0;
		padding: 0;
	}
    /*------------------------schedule-----------------------------*/
        .schedule-ring {
            display: block;
            position: relative;
            margin: 0;
            padding: 20px 20px 20px 36px;
            width: 100%;
            border: 1px solid #c4c4c4;
        }
        .schedule-ring ul {
            display: flex;
            flex-flow: wrap;
            width: 100%;
            margin: 0;
            padding: 0;
            list-style: none;
            position: relative;
        }
        .schedule-ring ul li a {
            font-family: Rubik;
            font-style: normal;
            font-weight: 500;
            font-size: 22px;
            line-height: 24px;
            color: #000000;
            margin: 0;
            padding: 0;
        }
        .schedule-ring ul li p {
            font-family: Rubik;
            font-style: normal;
            font-weight: normal;
            font-size: 22px;
            line-height: 24px;
            color: #000000;
            margin: 0;
            padding: 0;
            width: 100%;
        }
        .schedule-ring ul li p.green {
            font-family: Rubik;
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 24px;
            text-align: right;
            color: #00583D;
        }
        .schedule-ring ul li a > p {
            font-family: Rubik;
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 24px;
            color: #000000;
            margin: 0;
            padding: 0;
            width: 100%;
        }
        .schedule-ring ul li p.warning {
            font-family: Rubik;
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 24px;
            color: #FF0F10;
            margin: 0;
            padding: 0;
        }
        .schedule-ring ul li a {
            font-family: Rubik;
            font-style: normal;
            font-weight: 500;
            font-size: 22px;
            line-height: 24px;
            color: #000000;
            margin: 0;
            padding: 0;
        }
        .schedule-ring ul li:nth-child(2), .black ul li:nth-child(1) {
            width: 100%;
            max-width: 263px;
        }
        .schedule-ring ul li:nth-child(3), .black ul li:nth-child(2) {
            width: 100%;
            max-width: 440px;
        }
        .schedule-ring ul li:nth-child(4) {
            width: 100%;
            max-width: 227px;
        }
        .green {
            border-color: #5cb85c;
        }
        .blue {
            border-color: #20b9d6;
        }
        .blue ul:before {
            content: "";
            position: absolute;
            left: -23px;
            top: 50%;
            transform: translateY(-50%);
            width: 6px;
            height: 100%;
            background-color: #20B9D6;
            border-radius: 3px;
        }
        .lightbrown {
            border-color: #D0C398;
        }
        .lightbrown ul:before {
            content: "";
            position: absolute;
            left: -23px;
            top: 50%;
            transform: translateY(-50%);
            width: 6px;
            height: 100%;
            background-color: #D0C398;
            border-radius: 3px;
        }
        .orange {
            border-color: #F39F22;
        }
        .orange ul:before {
            content: "";
            position: absolute;
            left: -23px;
            top: 50%;
            transform: translateY(-50%);
            width: 6px;
            height: 100%;
            background-color: #F39F22;
            border-radius: 3px;
        }

        .yellow {
            border-color: #FFD200;
        }
        .yellow ul:before {
            content: "";
            position: absolute;
            left: -23px;
            top: 50%;
            transform: translateY(-50%);
            width: 6px;
            height: 100%;
            background-color: #FFD200;
            border-radius: 3px;
        }

        .pink {
            border-color: #E06CC1;
        }
        .pink ul:before {
            content: "";
            position: absolute;
            left: -23px;
            top: 50%;
            transform: translateY(-50%);
            width: 6px;
            height: 100%;
            background-color: #E06CC1;
            border-radius: 3px;
        }

        .black {
            background-color: #040404;
        }
        .black ul li p, .black ul li a, .black ul li a > p {
            color: #fff;
        }

        .schedule-filter option[value="cat-bg-blue"] {
            color: #20B9D6;
        }
        .schedule-filter option[value="cat-bg-lightbrown"] {
            color: #D0C398;
        }
        .schedule-filter option[value="cat-bg-orange"] {
            color: #F39F22;
        }
        .schedule-filter option[value="cat-bg-yellow"] {
            color: #FFD200;
        }
        .schedule-filter option[value="cat-bg-pink"] {
            color: #E06CC1;
        }
        .schedule-filter option[value="cat-bg-green"] {
            color: #5CB85C;
        }
        .schedule-filter option[value="cat-bg-gray"] {
            color: #C4C4C4;
        }
    /*------------------------schedule-----------------------------*/

    /*------------------------shopping-----------------------------*/
        .shopping-list .card {
            border: 1px solid rgba(0, 0, 0, 0.15);
            border-radius: 0;
            margin: 0 0 10px;
        }
        .shopping-list .card:last-child {
            margin: 0;
        }
        .shopping-list .card .card-body {
            padding: 0 30px 30px;
        }
        .shopping-list .card-header {
            border-bottom-color: transparent;
            background: transparent;
            padding: 30px;
        }
        .shopping-list .btn-link {
            width: 100%;
            padding: 0;
            border: none;
        }
        .shopping-list .card-header ul {
            margin: 0 30px 0 0;
            padding: 0;
            list-style: none;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-flow: wrap;
            -ms-flex-flow: wrap;
            flex-flow: wrap;
            width: 100%;
            max-width: 90%;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            position: relative;
        }
        .shopping-list .card-header ul li {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-flow: wrap;
            -ms-flex-flow: wrap;
            flex-flow: wrap;
            margin: 0;
            padding: 0;
            position: relative;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        .shopping-list .card-header h4 {
            font-family: Rubik;
            font-style: normal;
            font-weight: 500;
            font-size: 22px;
            line-height: 24px;
            color: #000000;
            margin: 0;
            padding: 0;
        }
        .shopping-list .fa-stack {
            font-size: 24px;
            width: 48px;
            height: 48px;
            border: 1px solid #CCCCCC;
            color: #000;
        }
        .shopping-category thead tr {
            border-bottom: 1px solid #C4C4C4 !important;
        }
        .shopping-category tbody tr:nth-of-type(odd) {
            background-color: rgba(196, 196, 196, 0);
        }
        .shopping-category tbody tr:nth-of-type(even) {
            background-color: rgba(196, 196, 196, 0.1);
            border-top: 1px solid #C4C4C4 !important;
            border-bottom: 1px solid #C4C4C4 !important;
        }
        .shopping-category td:nth-child(1), .shopping-category th:nth-child(1) {
            flex-basis: 30%;
        }
        .shopping-category td:nth-child(2), .shopping-category th:nth-child(2) {
            flex-basis: 40%;
        }
        .shopping-category td:nth-child(3), .shopping-category th:nth-child(3) {
            flex-basis: 30%;
        }
        .shopping-category th, .shopping-category td, .shopping-category td a {
            font-size: 14px;
            line-height: 22px;
            color: #373A3C;
        }
        .shopping-category td a:hover {
            color: #00583D;
        }
    /*------------------------shopping-----------------------------*/

/*=======================================*\
    Facility
\*=======================================*/

    section.facility-tabs h3 {
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 32px;
        line-height: 36px;
        color: #000000;
        margin: 0 0 20px;
        padding: 0;
    }
    section.facility-tabs p {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        color: #000000;
        margin: 0 0 20px;
        padding: 0;
        /*width: 100%;
        max-width: 425px;*/
    }
    section.facility-tabs p.bold {
        margin: 0 0 20px;
        font-weight: bold;
    }
    .facility-tabs .group-btn {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        width: 100%;
        position: relative;
        margin: 0;
        padding: 0;
    }
    .facility-tabs .group-btn a:first-child {
        margin: 0 10px 0 0;
    }
    section.facility-slider {
        position: relative;
        margin: 0;
        padding: 0 0 40px;
        width: 100%;
    }
    #fac-slider.owl-theme {
        position: relative;
        padding: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        margin: 0;
        width: 100%;
    }
    #fac-slider.owl-theme .item .slider-img {
        display: block;
        position: relative;
        width: 100%;
        height: 234px;
        padding: 0;
        margin: 0;
        border: none;
        border-bottom: 8px solid #00583D;
    }
    #fac-slider.owl-theme .item a:hover .slider-img {
        border-color: #EAEAEA;
    }
    #fac-slider.owl-theme .item .slider-section {
        background-color: #fff;
        border: none;
        border-bottom: none;
        padding:15px 20px;
        margin: 0;
        position: relative;
        display: block;
        width: 100%;
    }
    #fac-slider.owl-theme .item a:hover .slider-section {
        background-color: #00583D;
    }
    #fac-slider.owl-theme .item .slider-section h5 {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 36px;
        color: #000000;
        margin: 0px;
        padding: 0;
    }
    #fac-slider.owl-theme .item .slider-section p {
        font-family: Rubik;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #000000;
        margin: 0;
        padding: 0;
    }
    #fac-slider.owl-theme .item a:hover .slider-section h5, #fac-slider.owl-theme .item a:hover .slider-section p {
        color: #fff;
    }
    .frame {
        display: flex;
        flex-flow: wrap;
        position: relative;
        width: 100%;
        padding: 0;
        border: 1px solid #c4c4c4;
    }
    section.facility-tabs .frame h3 {
        margin: 0;
        padding: 30px;
    }
    section.facility-tabs .frame ul {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        width: 100%;
    }
    section.facility-tabs .frame ul li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        align-items: center;
        position: relative;
        float: left;
        margin: 0;
        padding: 15px 40px 15px 30px;
        background-color: #fff;
        width: 100%;
    }
    section.facility-tabs .frame ul li:first-child {
        background-color: rgba(196, 196, 196, 0.1);
    }
    section.facility-tabs .frame ul li p {
        margin: 0;
    }
    section.facility-tabs .frame ul li .frame-pill {
        text-align: right;
    }
    section.facility-tabs .frame ul li .frame-pill span.pill {
        max-width: 86px;
        margin: 0 10px 0 0;
    }
    section.facility-tabs .frame ul li .frame-pill span.pill-red {
        max-width: 70px;
        margin: 0 10px 0 0;
    }
    section.facility-tabs .frame ul li .bold a {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 26px;
        color: #000000;
        margin: 0;
        padding: 0;
    }
    section.facility-tabs .frame ul li .frame_link {
        width: 100%;
        max-width: 20%;
        text-align: right;
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        text-transform: uppercase;
        margin: 0;
        padding: 0;
        position: relative;
    }
    section.facility-tabs .frame ul li .green:hover {
        color: rgba(0,88,61,0.7);
    }
    section.facility-tabs .frame ul li .disable {
        color: #C4C4C4;
        cursor: not-allowed;
    }
    section.facility-tabs ul.search-filter {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        width: 100%;
        margin: 0 0 20px;
        padding: 0;
        list-style: none;
        align-items: center;
        justify-content: center;
    }
    section.facility-tabs ul.search-filter li {
        display: block;
        position: relative;
        width: 100%;
        max-width: 40%;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    section.facility-tabs ul.search-filter li label {
        vertical-align: middle;
        margin: 0 10px 0 0;
        padding: 0;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        color: #000000;
    }
    section.facility-tabs .filtering .form-control {
        display: inline-block;
        vertical-align: middle;
        max-width: 280px;
        font-weight: normal;
    }
    section.facility-tabs #facility-map .frame h3 {
        margin: 0;
        padding: 30px 15px;
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 22px;
        line-height: 24px;
        color: #000000;
    }
    section.facility-tabs #facility-map .frame ul {
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        width: 100%;
        align-items: center;
        justify-content: flex-end;
        height: 100%;
    }
    section.facility-tabs #facility-map .frame ul li {
        width: auto;
        background-color: transparent !important;
        padding: 0;
        margin: 0 15px;
    }
    section.facility-tabs #facility-map .frame ul li .frame_link {
        max-width: 100%;
        text-align: center;
        padding: 0;
    }
    section.facility-tabs .facility-list {
        max-width: 100%;
        width: 100%;
        box-shadow: none;
    }
    section.facility-tabs .facility-list .card {
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0;
        margin: 0;
    }
    section.facility-tabs .facility-list .card .card-header {
        border-bottom-color: transparent;
        background: transparent;
        padding: 30px;
    }
    section.facility-tabs .facility-list .card .card-header .btn-link {
        width: 100%;
        padding: 0;
        border: none;
    }
    section.facility-tabs .facility-list .card .card-header ul {
        margin: 0 30px 0 0;
        padding: 0;
        list-style: none;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        position: relative;
    }
    section.facility-tabs .facility-list .card .card-header ul li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        margin: 0;
        padding: 0;
        position: relative;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    section.facility-tabs .facility-list .card .card-header ul li h3 {
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 32px;
        line-height: 36px;
        color: #000000;
        margin: 0;
        padding: 0;
    }
    section.facility-tabs .facility-list .card .card-header .fa-stack {
        font-size: 24px;
        width: 48px;
        height: 48px;
        border: 1px solid #CCCCCC;
        color: #000;
    }
    section.facility-tabs form.inquiry .form-group {
        margin-bottom: 20px;
    }
    form.inquiry .form-row label {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: #373A3C;
        margin: 0 0 5px;
        padding: 0;
        display: block;
        width: 100%;
    }
    form.inquiry .form-row label.custom-control-label {
        font-weight: bold;
        display: inline-block;
        width: auto;
    }
    section.facility-tabs form.inquiry .form-control {
        display: block;
        vertical-align: middle;
        max-width: 100%;
        font-weight: normal;
        border: 1px solid #CCCCCC;
        box-sizing: border-box;
        border-radius: 2px;
        padding: 11px 16px;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: #373A3C;
        height: auto;
        resize: none;
        outline: none;
        box-shadow: none;
    }
    .section-heading6 {
        font-family: 'Rubik', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        color: #000000;
        margin: 0;
        padding: 0;
    }
    section.facility-tabs form.inquiry .section-heading6 {
        margin-bottom: 40px;
    }
    section.facility-tabs form.inquiry .form-row>[class*=col-] {
        padding-right: 10px;
        padding-left: 10px;
    }
    .availability-calender .calendar-table thead th.prev, .availability-calender .calendar-table thead th.next {
        cursor: default;
    }
    .availability-calender .calendar-table thead th.prev span, .availability-calender .calendar-table thead th.next span {
        display: none;
    }
    .room-available, .soom-available, .room-booked {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 0 20px;
        padding: 0;
        position: relative;
        align-items: center;
    }
    .room-booked {
        margin: 0;
    }
    .room-available span {
        display: block;
        margin: 0 10px 0 0;
        padding: 0;
        position: relative;
        width: 17px;
        height: 17px;
        background: #FFFFFF;
        border: 1px solid #BABABA;
        border-radius: 50%;
    }
    .soom-available span {
        display: block;
        margin: 0 10px 0 0;
        padding: 0;
        position: relative;
        width: 17px;
        height: 17px;
        background: #CEEACE;
        border: 1px solid #BABABA;
        border-radius: 50%;
    }
    .room-booked span {
        display: block;
        margin: 0 10px 0 0;
        padding: 0;
        position: relative;
        width: 17px;
        height: 17px;
        background: #E32F2A;
        border: 1px solid #BABABA;
        border-radius: 50%;
    }
    section.facility-tabs .date-available p {
        font-family: Work Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #000000;
        margin: 0;
        padding: 0;
        width: auto;
        max-width: auto;
    }
    .event-list .card {
        padding: 30px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0;
        margin: 0 0 10px;
    }
    .event-list .card:last-child {
        margin: 0;
    }
    .event-list .card .room {
        display: block;
        position: relative;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .event-list .card .room .pill {
        margin: 0 40px 0 0;
    }
    .event-list .card .room .pill-red {
        margin: 0;
    }
    section.facility-tabs .event-list .room p {
        max-width: 100%;
    }
    .event-list .room .room-slider {
        padding: 0 40px;
    }
    .event-list .room .room-slider .item {
        display: block;
        position: relative;
        margin: 0 auto;
        width: 100%;
        max-width: 187px;
        height: 187px;
    }
    .event-list .room .room-slider .owl-prev {
        position: absolute;
        left: -12px;
        top: 45%;
        transform: translateY(-50%);
        opacity: 0.5;
        width: 48px;
        height: 48px;
    }
    .event-list .room .room-slider .owl-next {
        position: absolute;
        left: inherit;
        right: -12px;
        top: 45%;
        transform: translateY(-50%);
        opacity: 0.5;
        width: 48px;
        height: 48px;
    }
    .event-list .room .room-slider .owl-prev:hover, 
    .event-list .room .room-slider .owl-next:hover {
        opacity: 1;
    }
    .event-list .room .room-slider .owl-dots {
        position: relative;
        margin: 20px 0 0;
        padding: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        width: 100%;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .event-list .room .room-slider .owl-dots .owl-dot {
        display: block;
        position: relative;
        width: 8px;
        height: 8px;
        background-color: #DFDFDF;
        border-radius: 50%;
        margin: 0 5px;
    }
    .event-list .room .room-slider .owl-dots .owl-dot.active {
        background-color: #868686;
    }
    section.rental-inquiry {
        position: relative;
        margin: 0;
        padding: 80px 0;
    }
    .rental-inquiry-form-title {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 48px;
        color: #000;
        line-height: 62px;
        text-transform: capitalize;
        text-align: center;
        width: 100%;
        display: block;
        padding: 0;
    }
    .rental-inquiry-detail {
        position: relative;
        margin: 0 0 40px;
        padding: 0;
        display: block;
        width: 100%;
        text-align: center;
    }
    .rental-inquiry-form .form-title {
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        color: #000;
        line-height: 24px;
        text-transform: capitalize;
        text-align: left;
        width: 100%;
        display: block;
        padding: 0;
    }
    .rental-inquiry-form .form-control {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: #000;
        display: block;
        width: 100%;
        height: auto;
        border-radius: 2px;
        border: 1px solid #CCCCCC;
        padding: 11px 16px;
        margin: 0;
        outline: 0;
        box-shadow: none;
    }

    section.facility-tabs .riding-hall.animation {
    	animation: fadeIn 3s forwards;
    }

/*=======================================*\
    Tickets
\*=======================================*/
    section.ticket-details {
        position: relative;
        margin: 0;
        padding: 80px 0 0;
    }
    section.ticket-details .mb-40 {
        margin: 0 0 40px;
    }
    section.ticket-details p {
        display: block;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        color: #000000;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
    }
    .tickets-list {
        position: relative;
        margin: 0;
        padding: 60px 0;
    }
    .tickets-list .date {
        display: flex;
        flex-flow: wrap;
        width: 100%;
        position: relative;
        margin: 0 0 30px;
        padding: 0;
        align-items: center;
        justify-content: space-between;
    }
    .tickets-list p {
        color: #000;
    }
    .tickets-list .group-btn {
        display: flex;
        flex-flow: wrap;
        position: relative;
        margin: 20px 0 0;
        padding: 0;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
    .tickets-list .group-btn p {
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #000000;
        margin: 0;
        padding: 0;
    }

/*=======================================*\
    Tickets-details
\*=======================================*/
    section.buy-tickets-details {
        position: relative;
        margin: 0;
        padding: 60px 0 80px 0;
    }
    section.buy-tickets-details form.buy-tickets-form {
        position: relative;
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    section.buy-tickets-details form.buy-tickets-form .configurator-date {
        display: block;
        position: relative;
        margin: 0 auto 60px;
        padding: 0;
        width: 100%;
        max-width: 420px;
        text-align: center;
    }
    section.buy-tickets-details form.buy-tickets-form .configurator-date label {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 24px;
        color: #000000;
        margin: 0 0 30px;
        padding: 0;
    }
    section.buy-tickets-details form.buy-tickets-form .form-control {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: #000;
        display: block;
        width: 100%;
        height: auto;
        border-radius: 2px;
        border: 1px solid #CCCCCC;
        padding: 11px 16px;
        margin: 0;
        outline: 0;
        box-shadow: none;
    }
    section.buy-tickets-details form.buy-tickets-form .add-cart-total {
        display: block;
        position: relative;
        width: 100%;
        margin: 0;
        padding: 20px 0 0;
        border: 0;
        border-top: 1px solid #CCCCCC;
        text-align: center;
    }
    section.buy-tickets-details form.buy-tickets-form .add-cart-total ul {
        display: block;
        position: relative;
        width: 100%;
        margin: 0 0 40px;
        padding: 0;
        list-style: none;
    }
    section.buy-tickets-details form.buy-tickets-form .add-cart-total ul li {
        display: inline-block;
        margin: 0 15px;
        padding: 0;
        vertical-align: middle;
    }
    section.buy-tickets-details form.buy-tickets-form .add-cart-total ul li p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 32px;
        color: #000000;
        margin: 0;
        padding: 0;
    }
    section.buy-tickets-details form.buy-tickets-form .add-cart-total .btn-green:disabled {
        cursor: not-allowed;
    }
    section.buy-tickets-details form.buy-tickets-form .seating-option, 
    section.buy-tickets-details form.buy-tickets-form .select-tickets {
        display: block;
        position: relative;
        width: 100%;
        margin: 0 0 40px;
        padding: 0;
    }
    section.buy-tickets-details form.buy-tickets-form .seating-option .section-heading5,
    section.buy-tickets-details form.buy-tickets-form .select-tickets .section-heading5 {
        margin: 0 0 40px;
    }
    section.buy-tickets-details form.buy-tickets-form .seating-option ul {
        margin: 0;
        padding: 0;
        list-style: none;
        justify-content: space-between;
        align-items: center;
    }
    section.buy-tickets-details form.buy-tickets-form .seating-option .custom-control-label,
    section.buy-tickets-details form.buy-tickets-form ._premiumseating ul.form-group li .custom-control-label {
        cursor: pointer;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 24px;
        color: #373A3C;
        margin: 0;
        padding: 0;
    }
    section.buy-tickets-details form.buy-tickets-form .seating-option .custom-control-label a {
        cursor: help;
    }
    section.buy-tickets-details form.buy-tickets-form .select-tickets-no {
        width: auto;
        min-width: 90px;
        padding-right: 30px;
        margin: auto;
    }
    section.buy-tickets-details form.buy-tickets-form .terms-conditions {
        display: block;
        position: relative;
        width: 100%;
        margin: 0;
        padding: 30px 0;
        border: 0;
        border-top: 1px solid #CCCCCC;
        text-align: left;
    }
    section.buy-tickets-details form.buy-tickets-form .terms-conditions .checkbox span {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        color: #000000;
    }
    section.buy-tickets-details form.buy-tickets-form .terms-conditions .checkbox .checkbox__checkmark {
        margin: 5px 15px 0 0;
    }
    section.buy-tickets-details form.buy-tickets-form .terms-conditions .form-group + span {
        font-family: Rubik;
        font-style: italic;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        display: flex;
        align-items: center;
        color: #000000;
        margin: 0 0 0 35px;
        padding: 0;
    }
    section.buy-tickets-details form.buy-tickets-form .terms-conditions .form-group + span svg {
        margin-right: 10px;
    }
    section.buy-tickets-details .success-ticket-msg {
        background: rgba(92, 184, 92, 0.1);
        border-radius: 10px;
        display: none;
        position: relative;
        margin: 0 auto;
        padding: 23px 25px 43px;
        width: 100%;
        max-width: 998px;
    }
    section.buy-tickets-details .success-ticket-msg .section-heading5 {
        margin: 0 0 6px;
        line-height: 62px;
    }
    section.buy-tickets-details .success-ticket-msg .group-btn {
        display: flex;
        flex-flow: wrap;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        justify-content: center;
    }
    section.buy-tickets-details .success-ticket-msg .group-btn .btn {
        margin: 0 5px;
    }
    section.buy-tickets-details form.buy-tickets-form ._premiumseating, 
    section.buy-tickets-details form.buy-tickets-form ._RVsite,
    section.buy-tickets-details form.buy-tickets-form ._grouppackages {
        position: relative;
        border: none;
        border-top: 1px solid #CCCCCC;
        padding: 60px 0;
        margin: 0;
    }
    section.buy-tickets-details form.buy-tickets-form ._grouppackages {
        padding: 40px 0;
    }
    section.buy-tickets-details form.buy-tickets-form ._premiumseating .section-heading5 {
        text-align: left;
        line-height: 24px;
        margin: 0 0 20px;
    }
    section.buy-tickets-details form.buy-tickets-form ._premiumseating ul.form-group {
        margin: 0 0 40px;
        padding: 0;
        list-style: none;
        display: block;
        position: relative;
        width: 100%;
    }
    section.buy-tickets-details form.buy-tickets-form ._premiumseating ul.form-group li {
        margin: 0 0 10px;
    }
    section.buy-tickets-details form.buy-tickets-form ._premiumseating ul.form-group li:last-child {
        margin: 0;
    }
    section.buy-tickets-details form.buy-tickets-form ._premiumseating ul.form-group li .disabled {
        opacity: 0.3;
    }
    section.buy-tickets-details form.buy-tickets-form ._premiumseating ul.form-group li .disabled .custom-control-label {
        cursor: not-allowed;
    }
    section.buy-tickets-details form.buy-tickets-form ._premiumseating .seating-section-map {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    section.buy-tickets-details form.buy-tickets-form ._premiumseating .seating-section-map .title {
        margin: 0 0 20px;
    }
    section.buy-tickets-details form.buy-tickets-form ._premiumseating .seating-section-map .title h6 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 18px;
        color: #000000;
        margin: 0 0 10px;
        padding: 0;
    }
    section.buy-tickets-details form.buy-tickets-form ._premiumseating .seating-section-map .title p {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 22px;
        color: #000000;
        margin: 0;
        padding: 0;
    }
    section.buy-tickets-details form.buy-tickets-form ._premiumseating .mt-70 {
        margin: 70px 0 0;
    }
    section.buy-tickets-details form.buy-tickets-form ._premiumseating .west-ring {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    section.buy-tickets-details form.buy-tickets-form ._premiumseating .west-ring .seating-image {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 425px;
    }
    section.buy-tickets-details form.buy-tickets-form ._premiumseating .west-ring .seating-image span {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        background-color: #EBEBEB;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        color: rgba(0, 0, 0, 0.5);
    }
    section.buy-tickets-details form.buy-tickets-form ._premiumseating .west-ring .ring-name {
        display: block;
        position: relative;
        width: 100%;
        margin: 0;
        padding: 25px;
        text-align: center;
        background: rgba(92,184,92,0.2);
    }
    section.buy-tickets-details form.buy-tickets-form ._premiumseating .west-ring .ring-name p {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        color: rgba(0, 0, 0, 0.5);
        margin: 0;
        padding: 0;
    }
    ._westgrandstand ul.group-seat-row, 
    ._southWestgrandstand ul.group-seat-row,
    ._eastclubinternational ul.group-select-table,
    ._southWestclubinternational ul.group-select-table,
    ._memorylane ul.group-select-table,
    ._RVsite ul.group-select-table {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        list-style: none;
    }
    ._westgrandstand ul.group-seat-row .seat-row, 
    ._southWestgrandstand ul.group-seat-row .seat-row,
    ._eastclubinternational ul.group-select-table .select-table,
    ._southWestclubinternational ul.group-select-table .select-table,
    ._memorylane ul.group-select-table .select-table,
    ._RVsite ul.group-select-table .select-table {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        width: 100%;
        position: relative;
        margin: 0 0 10px;
        padding: 0;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    ._westgrandstand ul.group-seat-row .seat-row .form-group, 
    ._southWestgrandstand ul.group-seat-row .seat-row .form-group {
        margin: 0 10px 0 0;
        width: 100%;
        max-width: 100px;
        position: relative;
    }
    ._eastclubinternational ul.group-select-table .select-table .form-group,
    ._southWestclubinternational ul.group-select-table .select-table .form-group,
    ._memorylane ul.group-select-table .select-table .form-group,
    ._RVsite ul.group-select-table .select-table .form-group {
        margin: 0 10px 0 0;
        width: 100%;
        max-width: 280px;
        position: relative;
    }
    ._westgrandstand ul.group-seat-row .seat-row .form-group:first-child,
    ._southWestgrandstand ul.group-seat-row .seat-row .form-group:first-child {
        max-width: 150px;
    }
    ._westgrandstand ul.group-seat-row .seat-row .form-group .form-control,
    ._southWestgrandstand ul.group-seat-row .seat-row .form-group .form-control,
    ._eastclubinternational ul.group-select-table .select-table .form-group .form-control,
    ._southWestclubinternational ul.group-select-table .select-table .form-group .form-control,
    ._memorylane ul.group-select-table .select-table .form-group .form-control,
    ._RVsite ul.group-select-table .select-table .form-group .form-control {
        border-radius: 4px;
    }
    ._westgrandstand ul.group-seat-row .seat-row .remove,
    ._southWestgrandstand ul.group-seat-row .seat-row .remove,
    ._eastclubinternational ul.group-select-table .select-table .remove_table,
    ._southWestclubinternational ul.group-select-table .select-table .remove_table,
    ._memorylane ul.group-select-table .select-table .remove_table,
    ._RVsite ul.group-select-table .select-table .remove_table {
        display: inline-block;
        margin: 0;
        padding: 0;
        background-color: transparent;
        line-height: 0;
        border: none;
        border-radius: 0;
        width: 48px;
        height: 48px;
    }
    ._westgrandstand .addmorerow,
    ._southWestgrandstand .addmorerow,
    ._eastclubinternational .addmoretable,
    ._southWestclubinternational .addmoretable,
    ._memorylane .addmoretable,
    ._RVsite .addmoretable  {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 22px;
        color: #00583D;
        margin: 0;
        padding: 0;
        border: none;
        border-radius: 0;
        background-color: transparent;
    }
    ._eastclubinternational ul.group-select-table .select-table .select-options,
    ._southWestclubinternational ul.group-select-table .select-table .select-options,
    ._memorylane ul.group-select-table .select-table .select-options,
    ._RVsite ul.group-select-table .select-table .select-options {
        position: relative;
        top: -2px;
        padding: 12px 0;
        transition: all 0s cubic-bezier(.02,1.23,.79,1.08);
        -webkit-transition: all 0s cubic-bezier(.02,1.23,.79,1.08);
    }
    ._eastclubinternational ul.group-select-table .select-table .select-option,
    ._southWestclubinternational ul.group-select-table .select-table .select-option,
    ._memorylane ul.group-select-table .select-table .select-option,
    ._RVsite ul.group-select-table .select-table .select-option {
        cursor: pointer;
    }
    ._eastclubinternational ul.group-select-table .select-table .select-options .disabled,
    ._southWestclubinternational ul.group-select-table .select-table .select-options .disabled,
    ._memorylane ul.group-select-table .select-table .select-options .disabled,
    ._RVsite ul.group-select-table .select-table .select-options .disabled {
        opacity: 0.3;
        cursor: not-allowed;
    }
    ._eastclubinternational ul.group-select-table .select-table .select-option:first-child,
    ._southWestclubinternational ul.group-select-table .select-table .select-option:first-child,
    ._memorylane ul.group-select-table .select-table .select-option:first-child,
    ._RVsite ul.group-select-table .select-table .select-option:first-child {
        display: none;
    }
    section.buy-tickets-details form.buy-tickets-form ._RVsite .section-heading5 {
        text-align: left;
        line-height: 24px;
        margin: 0 0 30px;
    }
    .group-package .section-heading5 {
        margin: 0 0 40px;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 26px;
        color: #000;
    }
    .group-package p {
        margin: 0 0 35px;
    }

/*=======================================*\
    Modal Map
\*======================================= */

    .modal-content {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: none;
        border-radius: 0;
        outline: 0;
    }
    .modal-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 36px 46px;
        border-bottom: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    button.close {
        position: absolute;
        top: 0;
        right: 0;
        color: #fff;
        opacity: 1;
        width: 80px;
        height: 96px;
        z-index: 991;
        background: rgba(0, 0, 0, 0);
    }
    .modal-header .close {
        padding: 0;
        margin: 0;
    }
    .modal-title {
        margin-bottom: 0;
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        color: rgba(0, 0, 0, 0.87);
    }
    .modal-body {
        padding: 0;
        height: 480px;
    }

/*=======================================*\
    Modal Login
\*=======================================*/

    #loginModal .modal-header {
        padding: 44px 120px 24px 60px;
    }
    #loginModal .modal-title h6 {
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        color: rgba(0, 0, 0, 0.87);
        margin: 0;
        padding: 0;
    } 
    #loginModal .modal-header .close {
        padding: 15px 0 0;
        margin: 0;
    }
    #loginModal .modal-body {
        padding: 0 60px 60px;
        height: auto;
    }
    #loginModal .modal-body p {
        color: #000000;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 22px;
        margin: 0 0 20px;
        padding: 0;
    }
    .social-buttons {
        width: 100%;
        margin: 0 0 30px;
        padding: 0;
        position: relative;
    }
    .social-buttons .btn-facebook {
        margin: 0 12px 0 0;
    }
    #loginModal .modal-body form .form-group {
        margin: 0 0 15px;
    }
    #loginModal .modal-body form .form-group label {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: #373A3C;
        margin: 0 0 5px;
        padding: 0;
    }
    #loginModal .modal-body form .form-group .form-control {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: #000;
        display: block;
        width: 100%;
        background: #FFFFFF;
        height: 48px;
        border-radius: 2px;
        border: 1px solid #CCCCCC;
        padding: 12px 16px;
        margin: 0;
        outline: 0;
        box-shadow: none;
    }
    #loginModal .modal-body form .form-group:last-child {
        margin: 0 0 20px;
    }
    #loginModal .modal-body form .form-row ._link {
        margin-left: 20px;
    }

    /*----------------------------*/
    .leavingModal .modal-header {
        padding: 44px 120px 24px 60px;
    }
    .leavingModal .modal-title h6 {
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        color: rgba(0, 0, 0, 0.87);
        margin: 0;
        padding: 0;
    } 
    .leavingModal .modal-header .close {
        padding: 0;
        margin: 0;
        width: 80px;
        height: 80px;
    }
    .leavingModal .modal-body {
        padding: 0 60px 60px;
        height: auto;
    }
    .leavingModal .modal-body p {
        color: #000000;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 22px;
        margin: 0 0 20px;
        padding: 0;
    }

/*=======================================*\
    Account
\*=======================================*/
	.account {
		position: relative;
		width: 100%;
		margin: 0 0 80px 0;
		padding: 0;
	}
	.login100-form {
	    width: 100%;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: flex;
	    justify-content: space-between;
	    flex-wrap: wrap;
        margin: 0 auto;
        max-width: 450px;
	}
	.login100-form-title {
	    font-family: Montserrat;
	    font-style: normal;
		font-weight: bold;
	    font-size: 48px;
	    color: #000;
	    line-height: 62px;
	    text-transform: capitalize;
	    text-align: center;
	    width: 100%;
	    display: block;
	    padding: 0;
	}
	.login101-form-title {
	    font-family: Montserrat;
	    font-style: normal;
		font-weight: bold;
	    font-size: 24px;
	    color: #000;
	    line-height: 62px;
	    text-transform: capitalize;
	    width: 100%;
	    display: block;
	    padding: 0;
	}
	.wrap-input100 {
	    position: relative;
	    width: 100%;
	    z-index: 1;
	}
	.validate-input {
	    position: relative;
	}
	.wrap-input100 label, 
    .wrap-input101 label, 
    .form-row label {
		font-family: Roboto;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 24px;
		color: #373A3C;
		margin: 0;
		padding: 0;
	}
    .wrap-input100 label.error, label.error {
        color: #ff0000;
        margin-bottom: 0;
        position: absolute;
        bottom: 0;
        top: inherit;
        font-size: 12px;
    }
    .validate-input label.error {
        bottom: -20px;
    }
	.input100 {
	   	font-family: Roboto;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 24px;
	    color: #000;
	    display: block;
	    width: 100%;
	    background: #FFFFFF;
	    height: 48px;
	    border-radius: 2px;
	    border: 1px solid #CCCCCC;
	    padding: 12px 16px;
	    margin: 10px 0 20px;
	    outline: none;
	    box-shadow: none;
	}
    .textarea100 {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: #000;
        display: block;
        width: 100%;
        background: #FFFFFF;
        height: 150px;
        border-radius: 2px;
        border: 1px solid #CCCCCC;
        padding: 12px 16px;
        margin: 10px 0 0;
        outline: none;
        box-shadow: none;
        appearance: auto;
        -webkit-appearance: none;
    }
    select.select100 {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
        background-clip: padding-box;
        padding: 12px 30px 12px 16px;
    }
	.input-checkbox100 {
	    display: none;
	}
	.label-checkbox100 {
	    font-family: Roboto;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 24px;
		color: #373A3C;
	    display: block;
	    position: relative;
	    padding-left: 26px;
	    cursor: pointer;
	}
	.label-checkbox100::before {
	    content: "\f00c";
	    font-family: FontAwesome;
	    font-size: 13px;
	    color: transparent;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    position: absolute;
	    width: 18px;
	    height: 18px;
	    border-radius: 3px;
	    background: #fff;
	    border: 2px solid #000;
	    left: 0;
	    top: 48%;
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	.input-checkbox100:checked + .label-checkbox100::before {
	    color: #373A3C;
	}
	.container-login100-form-btn {
	    width: 100%;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	}
	.login100-form-btn {
	    width: 100%;
	    max-width: 450px;
	}
	.register {
		position: relative;
		width: 100%;
		margin: 80px 0 60px;
		padding: 0;
	}
    section.register .breadcrumb-ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
        position: relative;
    }
    section.register .breadcrumb-ul .breadcrumb-item.active {
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        text-transform: uppercase;
        color: #505355;
        margin: 0;
        padding: 0;
    }
    section.register .breadcrumb-ul .breadcrumb-item+.breadcrumb-item::before {
        display: inline-block;
        padding-right: .5rem;
        padding-left: .5rem;
        color: #6c757d;
        content: "/";
    }
    section.register .breadcrumb-ul .breadcrumb-item a {
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        text-transform: uppercase;
        color: #00583D;
        margin: 0;
        padding: 0;
        position: relative;
        display: inline-block;
    }
    section.register .breadcrumb-ul .breadcrumb-item a:after {
        position: absolute;
        right: 0;
        left: auto;
        bottom: -4px;
        content: '';
        width: 0px;
        height: 1px;
        background: #00583D;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    section.register .breadcrumb-ul .breadcrumb-item a:hover::after {
        width: 100%;
        left: 0;
    }
	.register .register-detail {
		position: relative;
		margin: 0 0 40px;
		padding: 0;
		display: block;
		width: 100%;
		text-align: center;
	}
    .register h4.title-h4, .account h4.title-h4 {
        margin: 0 0 40px;
        font-weight: bold;
    }
    .register .register-detail h4.title-h4 {
        margin: 0 0 40px;
        font-weight: 500;
    }
	.register .register-detail p {
		font-family: Roboto;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 26px;
		color: #000000;
		margin: 0 0 25px;
		padding: 0;
	}
    .register .register-detail p:last-child {
        margin-bottom: 0;
    }
    section.account-tabs {
        position: relative;
        margin: 0;
        padding: 80px 0;
    }
    .book-alert {
        width: 100%;
        max-width: 1096px;
        margin: 0 auto 40px;
        padding: 15px 40px 15px 20px;
        text-align: center;
        height: 104px;
        background-color: rgba(92, 184, 92, 0.1);
        border: 0;
        border-radius: 10px;
        display: flex;
        flex-flow: column;
        justify-content: center;
    }
    .book-alert span {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 62px;
        color: #000000;
        margin: 0;
        padding: 0;
    }
    .book-alert .close {
        position: absolute;
        top: 50%;
        right: 26px;
        padding: 0;
        width: 24px;
        height: 24px;
        color: inherit;
        transform: translateY(-50%);
    }
    .facility-booking-list {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .facility-booking-list .facility-name {
        display: flex;
        flex-flow: wrap;
        width: 100%;
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
        align-items: center;
        justify-content: space-between;
    }
    .facility-booking-list .facility-name .title-h4 {
        font-weight: bold;
        line-height: 62px;
    }
    .facility-booking-list .facility-name p, .view-ticket ul.facility-name p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 62px;
        color: #000000;
    }
    .booking-table th, .content-table th {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 22px;
        color: #000000;
        padding: 13px 8px;
        white-space: normal;
        word-break: break-word;
    }
    .booking-table tbody tr, .booking-table thead tr,
    .content-table tbody tr, .content-table thead tr {
        border-bottom: 1px solid #C4C4C4 !important;
        background-color: transparent !important;
    }
    .booking-table td, 
    .content-table td {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 25px;
        color: #000;
        padding: 13px 8px;
        white-space: normal;
        word-break: break-word;
    }
    .booking-table td .pill,
    .content-table td .pill {
        margin: 0;
    }
    section.account-tabs .welcome-detials .upcoming-events-list {
        display: block;
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    section.account-tabs .welcome-detials .upcoming-events-list .title-h4 {
        font-weight: bold;
        margin: 0 0 30px;
    }
    section.account-tabs .welcome-detials .upcoming-events-list ul.list {
        display: flex;
        flex-flow: wrap;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        position: relative;
        margin: 0;
        padding: 23px 30px;
        list-style: none;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0;
    }
    section.account-tabs .welcome-detials .upcoming-events-list ul.list h4 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 42px;
        margin: 0;
        padding: 0;
        color: #000000;
    }
    section.account-tabs .welcome-detials .upcoming-events-list ul.list span {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 42px;
        color: #000000;
        margin: 0;
        padding: 0;
    }
    .my-ticket tbody tr {
        border-top: 1px solid #C4C4C4 !important;
        border-bottom: 1px solid #C4C4C4 !important;
        background-color: transparent !important;
        align-items: center;
    }
    .my-ticket tbody tr td:last-child a {
        margin: 0 0 0 auto;
    }
    .view-ticket {
        display: none;
    }
    .view-ticket ul.order-name {
        margin: 0 0 40px;
        padding: 0;
        list-style: none;
        display: flex;
        flex-flow: wrap;
        width: 100%;
        position: relative;
        align-items: center;
    }
    .view-ticket ul.order-name li {
        display: inline-block;
        margin: 0;
        padding: 0;
        vertical-align: middle;
    }
    .view-ticket ul.order-name li:last-child {
        margin: 0 0 0 15%;
    }
    .view-ticket ul.facility-name {
        display: flex;
        flex-flow: wrap;
        width: 100%;
        position: relative;
        margin: 0 0 25px;
        padding: 0;
        list-style: none;
        align-items: flex-start;
        justify-content: space-between;
    }
    .view-ticket ul.facility-name .title-h4 {
        font-weight: bold;
    }
    .view-ticket ul.facility-name li span {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 22px;
        color: #000000;
        margin: 0;
        padding: 0;
    }
    .view-ticket .button-list {
        display: flex;
        flex-flow: wrap;
        position: relative;
        margin: 0 0 40px;
        padding: 0;
        list-style: none;
        width: 100%;
    }
    .view-ticket  .button-list li {
        margin: 0 5px;
        padding: 0;
    }
    .view-ticket  .button-list li:first-child {
        margin-left: 0;
    }
    .view-ticket .order-table tbody tr, .view-ticket .order-table thead tr {
        border-bottom: 1px solid #C4C4C4 !important;
    }
    .view-ticket .order-table tbody tr td, .view-ticket .order-table thead tr th {
        flex-basis: 25%;
    }
    .view-ticket table.balance {
        width: 35%;
        float: right;
    }
    .view-ticket table.balance tbody tr {
        border-bottom: 1px solid #C4C4C4 !important;
        background-color: transparent !important;
        display: flex;
        flex-flow: wrap;
    }
    .view-ticket table.balance tbody tr th, .view-ticket table.balance tbody tr td {
        flex-basis: 50%;
    }
    .view-ticket table.balance tbody tr th {
        font-weight: normal;
    }
    .view-ticket table.balance tbody tr:last-child th, .view-ticket table.balance tbody tr:last-child td {
        font-weight: bold;
    }
    table.table.table-lg thead tr, table.table.table-lg tbody tr {
        border-bottom: 1px solid #C4C4C4 !important;
        background-color: transparent !important;
    }
    table.table.table-lg thead th {
        border: none;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 22px;
        color: #000000;
        padding: 13px 6px;
        white-space: normal;
        word-break: break-word;
    }
    table.table.table-lg tbody td {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 25px;
        color: #000;
        padding: 13px 8px;
        white-space: normal;
        word-break: break-word;
    }

/*=======================================*\
    About
\*=======================================*/

    ul.history-year-list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-flow: column;
        width: 100%;
        position: sticky;
        top: 200px;
    }
    ul.history-year-list li {
        margin: 0 0 15px;
        padding: 0;
        display: block;
    }
    ul.history-year-list li a {
        display: inline-block;
        font-family: 'Rubik', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        margin: 0;
        padding: 0;
    }
    ul.history-year-list li a.active {
        padding: 0 0 0 15px;
        color: rgba(0,88,61,0.7);
    }
    ul.history-year-list li a:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0px;
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        transform: translateY(-50%);
    }
    ul.history-year-list li a.active:before {
        border-left: 5px solid rgba(0,88,61,0.7);
    }
    .about-details a.btn-border {
        margin-top: 20px;
    }
    .partner-list {
        display: block;
        position: relative;
        margin: 40px 0 0;
        padding: 0;
    }
    .partner-list a {
        display: inline-block;
        margin: 0 0 30px;
        width: 100%;
        position: relative;
    }
    .timeline-year {
        margin: 0 0 60px;
        padding: 0 30px !important;
    }
    .timeline-year:before {
        position: absolute;
        content: "";
        top: inherit;
        bottom: 7px;
        width: 100%;
        max-width: calc(100% - 60px);
        height: 2px;
        background-color: #000;
        opacity: 0.2;
    }
    .timeline-year .swiper-wrapper {
        align-items: end;
    }
    .timeline-year .swiper-slide .history-year-list ._link {
        position: relative;
        margin: 0;
        padding: 0;
    }
    .timeline-year .swiper-slide .history-year-list ._link p {
        color: #373A3C;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        font-stretch: normal;
        line-height: 24px;
        margin: 0 0 15px;
        padding: 0;
        text-transform: none;
    }
    .timeline-year .swiper-slide-active .history-year-list ._link p {
        color: #00583D;
        font-size: 28px;
        line-height: 28px;
    }
    .timeline-year .swiper-slide .history-year-list ._link span {
        display: block;
        position: relative;
        margin: 0 auto;
        padding: 0;
        width: 16px;
        height: 16px;
        background-color: #C4C4C4;
        border-radius: 50%;
    }
    .timeline-year .swiper-slide-active .history-year-list ._link span {
        background-color: #00583D;
    }
    .timeline-year .swiper-wrapper {
        align-items: end;
    }
    .timeline-content {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .timeline-content .riding-hall .img-block {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .timeline-content .riding-hall .img-block .box {
        display: block;
        position: relative;
        padding: 0;
        width: 100%;
    }
    .timeline-content .riding-hall .img-block .box {
        padding-top: calc(9/16*100%);
        overflow: hidden;
    }
    .timeline-content .riding-hall .img-block .box img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .timeline-year .swiper-button-prev {
        left: 0;
        bottom: 0;
        top: inherit;
        margin-top: 0;
        justify-content: flex-start;
        align-items: end;
    }
    .timeline-year .swiper-button-next {
        right: 0;
        bottom: 0;
        top: inherit;
        margin-top: 0;
        justify-content: flex-end;
        align-items: end;
    }
    .timeline-year .swiper-button-prev:after {
        content: "";
        background-image: url(../images/timeline-pre.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 12px;
        height: 18px;
    }
    .timeline-year .swiper-button-next:after {
        content: "";
        background-image: url(../images/timeline-nxt.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 12px;
        height: 18px;
    }

/*=======================================*\
    Employment Opportunities
\*=======================================*/

    section.horsepower p {
        max-width: 715px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 20px;
    }

    section.horsepower em {
        font-family: Roboto;
        font-style: italic;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        color: #777777;
        margin: 0;
        padding: 0;
    }

    section.horsepower .tournament-list .card-header ul {
        max-width: 94%;
        margin: 0;
    }

    section.horsepower .tournament-list .card-header ul li p {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 36px;
        color: #000000;
        margin: 0 0 0 30px;
        padding: 0;
        width: auto;
        max-width: none;
    }
    section.horsepower .tournament-list .card-header .fa-stack {
        margin-left: 15px;
        width: 45px;
        height: 45px;
        line-height: 45px;
    }

    section.horsepower .tournament-list .card .card-body .tournament-details .content {
        max-width: 100% !important;
    }

/*=======================================*\
    Contact Us
\*=======================================*/

    section.contactus {
        position: relative;
        margin: 0;
        padding: 60px 0;
        width: 100%;
    }
    section.contactus .my-contact th {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 22px;
        color: #000000;
        border-bottom: 1px solid #ccc !important;
        background-color: #F1F1F1;
        padding: 18px 10px;
    }
    section.contactus .my-contact tbody tr:nth-of-type(odd) {
        background-color: rgba(196, 196, 196, 0);
    }
    section.contactus .my-contact td {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 22px;
        color: #000;
        padding: 18px 10px;
        border-bottom: 1px solid #ccc !important;
    }
    section.contactus .my-contact  td ._link {
        color: #00583D;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 22px;
        text-transform: none;
        margin: 0;
        padding: 0;
        position: relative;
    }
    section.contactus .my-contact  td ._link:hover {
        color: rgba(0,88,61,0.7);
    }
    section.contactus .address p {
        margin: 0 0 20px;
    }
    section.contactus .address p ._link {
        text-transform: none;
        font-weight: bold;
    }

/*=======================================*\
    Getting Here
\*=======================================*/
    
    section.getting-here .print-parking {
        position: relative;
        height: 100%;
        margin: 0 0 30px;
        padding: 0;
    }
    section.getting-here .print-parking .btn-white {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    section.getting-here .national th,
    section.getting-here .continental th  {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 22px;
        color: #000000;
        border: none;
        border-bottom: 1px solid #ccc !important;
        background-color: #F1F1F1;
        padding: 18px 10px;
    }
    section.getting-here .national tbody tr:nth-of-type(odd),
    section.getting-here .continental tbody tr:nth-of-type(odd) {
        background-color: rgba(196, 196, 196, 0);
    }
    section.getting-here .national td,
    section.getting-here .continental td {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 22px;
        color: #000;
        padding: 18px 10px;
        border-bottom: 1px solid #ccc !important;
    }
    section.getting-here .national span,
    section.getting-here .continental span {
        font-weight: normal;
        margin: 0 0 0 5px;
    }
    section.getting-here .cropFrame {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    section.getting-here .cropFrame .cropControls {
        position: absolute;
        right: 20px;
        bottom: 20px;
    }
    section.getting-here .cropFrame .cropControls .cropZoomIn, section.getting-here .cropFrame .cropControls .cropZoomOut {
        width: 50px;
        height: 50px;
        padding: 0 10px;
        line-height: 50px;
    }
    section.getting-here .cropFrame .cropControls .cropZoomIn {
        margin-right: 10px;
    }
    section.getting-here .cropFrame .cropControls .cropZoomIn:hover i, section.getting-here .cropFrame .cropControls .cropZoomOut:hover i {
        color: #fff;
    }
    section.getting-here .cropFrame .cropControls .reset {
        margin-left: 10px;
        margin-right: 0;
    }
    section.getting-here .venues {
        margin: 30px 0 0;
    }
    section.getting-here .venues .section-heading5 {
        margin: 0 0 20px;
    }
    section.getting-here .venues li a {
        color: #00583D;
        font-family: Rubik;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        font-stretch: normal;
        line-height: 24px;
        margin: 0;
        padding: 0;
        display: inline-block;
    }

/*=======================================*\
    Accommodations
\*=======================================*/

    section.accommodation {
        position: relative;
        margin: 0;
        padding: 60px 0;
    }
    section.accommodation h3 {
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 32px;
        line-height: 36px;
        color: #000000;
        margin: 0 0 10px;
        padding: 0;
    }
    section.accommodation h5 {
        font-family: Rubik;
        font-style: normal;
        font-weight: normal;
        font-size: 24px;
        line-height: 24px;
        color: #000000;
        margin: 0 0 20px;
        padding: 0;
    }
    section.accommodation p {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        color: #000000;
        margin: 0 0 20px;
        padding: 0;
    }
    section.accommodation p:last-child {
        margin: 0;
    }
    section.accommodation p span ._link {
        color: #00583D;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        text-transform: none;
        margin: 0;
        padding: 0;
        position: relative;
    }
    section.accommodation .filter-cat-results ul {
        margin: 0 0 20px;
        padding: 0;
        list-style: none;
    }
    section.accommodation .filter-cat-results ul li {
        display: inline-block;
        position: relative;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        color: #000000;
        margin: 0 0 5px;
        padding: 0 0 0 30px;
    }
    section.accommodation .filter-cat-results ul li:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 3px;
        height: 3px;
        border-radius: 10px;
        border: none;
        background-color: #000;
        transform: translateY(-50%);
    }
    section.accommodation .filter-cat-results ul li:last-child {
        margin: 0;
    }

/*=======================================*\
    Volunteer
\*=======================================*/
    
    section.volunteer p {
        max-width: 100%;
    }
    section.volunteer .tournament-list .card-header ul {
        max-width: 94%;
        margin: 0;
    }
    section.volunteer .tournament-list .card-header ul li p {
        font-family: 'Montserrat', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 36px;
        color: #000000;
        margin: 0 0 0 30px;
        padding: 0;
        width: auto;
        max-width: none;
    }

    section.volunteer .tournament-list .card .card-body .tournament-details .content {
        max-width: 100% !important;
    }

    section.volunteer .tournament-list .card .card-body .tournament-details .content p {
        color: #000000;
        margin: 0 0 30px;
        padding: 0;
        width: 100%;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        max-width: none;
    }

/*=======================================*\
    Exhibitor pages
\*=======================================*/

    nav.navbar .exhibitor-logo {
        left: 50%;
        transform: translateX(-50%);
        box-shadow: none;
        padding: 30px 30px 20px;
    }
    nav.navbar .exhibitor-logo h5 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 62px;
        text-align: center;
        text-transform: capitalize;
        color: #FFFFFF;
    }
    .fixed-top nav.navbar .exhibitor-logo {
        padding: 20px;
    }
    .fixed-top nav.navbar .exhibitor-logo h5 {
        font-size: 14px;
        line-height: normal;
        margin: 15px 0 0;
    }
    .fixed-top nav.navbar .exhibitor-logo svg.logo {
        width: 156px;
        height: 60px;
    }

    .exhibitor-return {
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-transform: uppercase;
        color: #FFFFFF;
        position: absolute;
        top: inherit;
        left: 80px;
        margin-left: 30px;
        padding: 0;
    }
    nav.navbar .exhibitor-cart {
        background-color: #01593E;
    }
    section.exhibit-space-name ul.order-name {
        margin: 0 0 40px;
        padding: 0;
        list-style: none;
        display: flex;
        flex-flow: wrap;
        width: 100%;
        position: relative;
        align-items: center;
        justify-content: center;
    }
    section.exhibit-space-name ul.order-name li:first-child {
        position: absolute;
        left: 0;
    }
    section.exhibit-space-tabs .filter-cat label {
        display: inline-block;
        vertical-align: middle;
        margin: 0 20px 0 0;
        padding: 0;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        color: #000000;
    }
    section.exhibit-space-tabs .filtering .filter-cat .form-control {
        display: inline-block;
        vertical-align: middle;
        max-width: 465px;
        font-weight: normal;
        margin: 0 20px 0 0;
    }
    .courtyard {
        position: relative;
        overflow: hidden;
    }
    .courtyard-panel {
        border: 1px solid #CCCCCC;
        position: relative;
        overflow: hidden;
    }
    .courtyard .yard {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        flex-flow: wrap;
        align-items: center;
    }
    .courtyard .yard .btn-lightGreen {
        display: block;
        position: relative;
        width: 16px;
        height: 16px;
        background-color: #5CB85C;
        border-radius: 50%;
        padding: 0;
        margin: 0 12px;
    }
    .courtyard .yard .btn-lightYellow {
        display: block;
        position: relative;
        width: 16px;
        height: 16px;
        background-color: #F2CF15;
        border-radius: 50%;
        padding: 0;
        margin: 0 12px;
    }
    .courtyard .yard .btn-lightRed {
        display: block;
        position: relative;
        width: 16px;
        height: 16px;
        background-color: #F21515;
        border-radius: 50%;
        padding: 0;
        margin: 0 12px;
    }
    .booking-points {
        display: block;
        position: relative;
        padding: 0;
        width: 100%;
    }
    .booking-points ul {
        display: flex;
        flex-flow: wrap;
        position: relative;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .booking-points ul li {
        margin: 0 10px;
        padding: 0;
    }
    .booking-points ul li .btn-lightYellow {
        display: inline-block;
        position: relative;
        width: 16px;
        height: 16px;
        background-color: #F2CF15;
        border-radius: 50%;
        padding: 0;
        margin: 0 5px 0 0;
        top: 2px;
    }
    .booking-points ul li .btn-lightRed {
        display: inline-block;
        position: relative;
        width: 16px;
        height: 16px;
        background-color: #F21515;
        border-radius: 50%;
        padding: 0;
        margin: 0 5px 0 0;
        top: 2px;
    }
    .booking-points ul li .btn-lightGreen {
        display: inline-block;
        position: relative;
        width: 16px;
        height: 16px;
        background-color: #5CB85C;
        border-radius: 50%;
        padding: 0;
        margin: 0 5px 0 0;
        top: 2px;
    }
    .courtyard .yard .toast {
        position: absolute;
        width: 100%;
        min-width: 400px;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        top: -180px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0;
        margin: 0;
        padding: 25px;
        background-color: #FFFFFF;
        backdrop-filter: none;
        box-shadow: none;
        background-clip: inherit;
        overflow: inherit;
        display: none;
        opacity: 0;
    }
    .courtyard .yard .toast.show {
        display: block;
        opacity: 1;
    }
    .courtyard .yard .toast:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 282px;
        transform: translateX(-50%);
        background: transparent;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        z-index: 8;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 15px 0 15px;
        border-color: #fff transparent transparent transparent;
    }
    .courtyard .yard .toast .toast-header {
        position: relative;
        padding: 0;
        background-color: transparent;
        border: none;
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 22px;
        line-height: 24px;
        color: #000;
        margin: 0 0 15px;
    }
    .courtyard .yard .toast .toast-header button.close {
        position: absolute;
        top: 0;
        right: 0;
        color: #fff;
        opacity: 1;
        width: 24px;
        height: 24px;
        z-index: 991;
        background: rgba(0, 0, 0, 0);
        line-height: 15px;
    }
    .courtyard .yard .toast .toast-body {
        padding: 0;
    }
    .courtyard .yard .toast .toast-body p {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        color: #000000;
        margin: 0 0 30px;
        padding: 0;
    }
    .courtyard .yard .toast .toast-body p span {
        display: block;
        width: 100%;
    }
    .courtyard .yard .toast .toast-body p:last-child {
        margin-bottom: 0;
    }
    section.tournament-tabs .discreption {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    section.tournament-tabs .discreption p {
        width: 100%;
        max-width: 100%;
        color: #777777;
    }
    #applyspace .search .wrap-input101 {
        position: relative;
        width: 100%;
        max-width: 64%;
        margin: 0;
    }
    #applyspace .search .wrap-input101 .input100 {
        height: 47px;
        margin-bottom: 0;
    }
    #applyspace .search .btn-search {
        width: 100%;
        max-width: 195px;
    }
    #applyspace .search .btn-search button.btn {
        width: 100%;
        opacity: 1;
    }
    #applyspace .login101-form p.mb-30 {
        margin-bottom: 30px;
    }
    #applyspace .login101-form .input100 {
        margin-bottom: 20px;
    }
    section.announcement-detail .checkbox__checkmark {
        -webkit-box-align: center;
        align-items: center;
        background-color: transparent;
        border: 2px solid rgba(0, 0, 0, 0.54);
        border-radius: 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        margin: 0;
        margin-right: 0.5rem;
        min-height: 24px;
        min-width: 24px;
        width: auto;
        height: auto;
    }

    #applyspace .login101-form .dropzone-wrapper {
        border: 1px dashed #CCCCCC;
        position: relative;
        height: 150px;
        margin: 0 0 30px;
    }
    #applyspace .login101-form .dropzone-desc {
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        text-align: center;
        width: 40%;
        top: 50%;
        transform: translateY(-50%);
    }
    #applyspace .login101-form .dropzone-desc p {
        margin: 0;
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        text-transform: uppercase;
        color: rgba(55, 58, 60, 0.5);
    }
    #applyspace .login101-form .dropzone, .dropzone:focus {
        position: absolute;
        outline: none !important;
        width: 100%;
        height: 150px;
        cursor: pointer;
        opacity: 0;
    }
    #applyspace .preview-zone .box {
        display: block;
        position: relative;
        width: 100%;
        max-width: 33.333%;
    }
    #applyspace .preview-zone .box .remove-preview {
        position: absolute;
        top: inherit;
        bottom: 0;
        right: 0;
        padding: 0;
        z-index: 2;
    }
    #applyspace .preview-zone .box .box-body {
        width: 100%;
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    #applyspace .preview-zone .box .box-body p {
        text-align: left;
    }
    #applyspace .login101-form .error-alert {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 40px;
        padding: 15px 60px 15px 25px;
        text-align: left;
        height: 68px;
        background-color: rgba(255, 15, 16, 0.1);
        border: 0;
        border-radius: 10px;
        display: flex;
        flex-flow: column;
        justify-content: center;
    }
    #applyspace .login101-form .error-alert span {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: normal;
        color: #000000;
        margin: 0;
        padding: 0;
        background-color: transparent;
        height: auto;
    }
    #applyspace .login101-form .error-alert .close {
        position: absolute;
        top: 50%;
        right: 23px;
        padding: 0;
        width: 14px;
        height: 14px;
        color: inherit;
        transform: translateY(-50%);
        line-height: 0;
    }
    .return-vendor-msg {
        background-color: #D9F5F8;
        position: relative;
        margin: 0;
        padding: 35px;
        width: 100%;
        border-radius: 10px;
    }
    .return-vendor-msg h5 {
        color: #000;
        font-size: 24px;
        font-weight: bold;
        font-family: 'Montserrat';
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        margin: 0 0 20px;
        padding: 0;
    }
    .return-vendor-msg h6 {
        color: #000;
        font-size: 18px;
        font-weight: bold;
        font-family: 'Montserrat';
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        margin: 0;
        padding: 0;
    }

/*=======================================*\
    Add to cart pages
\*=======================================*/
    
    section.welcome-msg {
        position: relative;
        margin: 0;
        padding: 80px 0 0;
    }
    .green-alert {
        background-color: rgba(92, 184, 92, 0.1);
        display: flex;
        flex-flow: column;
        position: relative;
        margin: 0;
        padding: 35px;
        text-align: center;
        height: auto;
        justify-content: center;
        border-radius: 10px;
    }
    .green-alert h5 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 40px;
        color: #000000;
        margin: 0 0 20px;
        padding: 0;
    }
    .green-alert h6 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 26px;
        color: #000000;
        margin: 0;
        padding: 0;
    }
    .green-alert .button-group {
        display: flex;
        flex-flow: wrap;
        width: 100%;
        position: relative;
        margin: 0;
        padding: 0;
        align-items: center;
        justify-content: center;
    }
    .green-alert .button-group .btn {
        max-width: 220px;
        display: block;
        width: 100%;
        margin: 0 7px;
    }
    .exhibit-space-tabs .filter-cat {
        margin-left: -15px;
        margin-right: 0;
    }
    .exhibit-space-tabs .filter-cat .form-group {
        width: 100%;
        max-width: 44%;
        text-align: left;
        padding: 0 7px 0 15px;
        margin: 0;
    }
    .exhibit-space-tabs .filter-cat .form-group:nth-child(2) {
        padding: 0 15px 0 7px;
    }

    .space-request .order-table tbody tr, .space-request .order-table thead tr {
        border-top: none !important;
        border-bottom: 1px solid #C4C4C4 !important;
        align-items: flex-start;
        background-color: rgba(196, 196, 196, 0) !important;
    }
    .space-request table.balance tbody tr {
        border-top: none !important;
        border-bottom: 1px solid #C4C4C4 !important;
        background-color: transparent !important;
        display: flex;
        flex-flow: wrap;
    }
    .space-request table.balance tbody tr:nth-child(4), .space-request table.balance tbody tr:last-child {
        border: none !important;
    }
    .space-request table.balance {
        width: 35%;
        float: none;
        margin: 0 0 0 auto;
    }
    .space-request .balance .checkbox {
        width: 100%;
        margin: 18px 0 0;
    }
    .space-request .balance .checkbox p {
        line-height: 19px;
    }
    .space-request .order-table tbody tr td, .space-request .order-table thead tr th {
        flex-basis: 10%;
    }
    .space-request .order-table tbody tr td:first-child, 
    .space-request .order-table thead tr th:first-child,
    .space-request .order-table tbody tr td:nth-child(3), 
    .space-request .order-table thead tr th:nth-child(3) {
        flex-basis: 30%;
    }
    .space-request .order-table tbody tr td, .space-request .order-table th, .space-request .balance td, .space-request .balance th {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 22px;
        color: #000;
        padding: 19px 8px;
    }
    .space-request .order-table th {
        font-weight: bold;
    }
    .space-request .order-table tbody tr td:first-child {
        display: flex;
        flex-flow: column;
    }
    .space-request .order-table tbody tr td:first-child .btn-border {
        width: 100%;
        max-width: 160px;
        margin-top: 40px;
    }
    .billing-info {
        position: relative;
        width: 100%;
        padding: 60px 40px;
        display: flex;
        flex-flow: column;
        background-color: #EEEEEE;
    }
    .t-red {
        font-family: Rubik;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 21px;
        text-transform: uppercase;
        color: #FF0909;
    }
    .billing-info .checkbox p {
        position: relative;
        color: #47464C;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 19px;
        letter-spacing: 0;
        margin: 0;
        padding: 0;
    }
    .billing-info .checkbox .checkbox__checkmark {
        border: 2px solid rgba(0, 0, 0, 0.54);
    }
    .account-tabs .my-ticket .order-btn {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        align-items: center;
    }
    .exhibit-print {
        display: block;
        width: 100%;
        position: relative;
        margin: 0 0 60px;
        padding: 0;
        text-align: center;
    }
    .exhibit-print li {
        display: inline-block;
    }
    .exhibit-print li:last-child {
        position: absolute;
        right: 0;
        top: 0;
    }
    .space-request .facility-name {
        display: flex;
        flex-flow: wrap;
        width: 100%;
        position: relative;
        margin: 0 0 25px;
        padding: 0;
        list-style: none;
        align-items: center;
        justify-content: space-between;
    }
    .space-request .facility-name p {
        font-family: Montserrat;
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 62px;
        color: #000000;
    }

/*=======================================*\
    Events pages
\*=======================================*/
    
    .room-detail {
        display: block;
        position: relative;
        margin: 0 0 60px;
        padding: 0;
        width: 100%;
    }
    .room-detail:last-child {
        margin-bottom: 0;
    }
    .room-detail .room-img {
        display: block;
        position: relative;
        width: 100%;
        margin: 0 0 30px;
        padding: 0;
        height: 100%;
    }
    .room-detail .room-img span {
        display: flex;
        flex-flow: column;
        position: relative;
        width: 100%;
        height: 948px;
        background-color: rgba(196, 196, 196, 0.3);
    }

    section.facility-tabs .food-beverage {
        display: block;
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    section.facility-tabs .food-beverage ul.list {
        display: flex;
        flex-flow: wrap;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        position: relative;
        margin: 0 0 10px;
        padding: 23px 30px;
        list-style: none;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0;
    }
    section.facility-tabs .food-beverage ul.list:last-child {
        margin-bottom: 0;
    }
    section.facility-tabs .food-beverage ul.list h3 {
        font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 32px;
        line-height: 48px;
        margin: 0;
        padding: 0;
        color: #000000;
    }
    section.facility-tabs .food-beverage ul.list .btn-border {
        width: 48px;
        height: 48px;
        padding: 11px;
    }
    .gallery-box a {
        display: block;
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.16);
        transition: all 500ms ease-in-out 0s !important;
        -webkit-transition: all 500ms ease-in-out 0s !important;
    }
    .gallery-box a:hover img {
        mix-blend-mode: luminosity;
        opacity: 0.62;
    }

    .gallery-box a .overlay {
        position: absolute;
        width: 100%;
        max-width: 100%;
        height: 0;
        z-index: 1;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        text-align: center;
        top: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
        background-color: rgb(0 88 61 / 33%);
        transition: all 300ms ease-in;
        -webkit-transition: all 300ms ease-in;
    }
    .gallery-box a:hover .overlay {
        opacity: 1;
        visibility: visible;
        height: 100%;
        top: inherit;
    }
    .gallery-box a .overlay .image_text {
        display: block;
        position: relative;
        margin: 0;
        padding: 15px;
        width: 100%;
        overflow: hidden;
    }
    .gallery-box a .overlay h5 {
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-weight: bold;
        font-style: normal;
        margin: 0;
        padding: 0;
        text-shadow: 0 0 15px rgb(0 0 0 / 72%);
        width: 100%;
        display: block;
        position: relative;
        white-space: normal;
        word-break: break-all;
    }

/*=======================================*\
    FAQ
\*=======================================*/
    
    section.slider-panel .FAQ-list .btn-link {
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    section.slider-panel .FAQ-list .btn-link h3 {
        text-align: left;
    }
    section.slider-panel .FAQ-list .card-header {
        padding: 12px 30px;
    }
    .FAQ-list .card-header h3 {
        font-size: 24px;
        line-height: 24px;
    }
    section.slider-panel .FAQ-list .card .card-body .tournament-details .content {
        max-width: 100%;
    }
    .FAQ-list .card, section.slider-panel .FAQ-list .card {
        margin: 0 0 10px;
    }
    section.slider-panel .FAQ-list .card .card-body .tournament-details .content p {
        margin: 0 0 15px;
    }

/*=======================================*\
    LUF
\*=======================================*/

    nav.navbar .luf-logo {
        left: 50%;
        transform: translateX(-50%);
        box-shadow: none;
        padding: 30px 25px 30px;
    }
    .fixed-top nav.navbar .luf-logo {
        padding: 20px;
    }
    .fixed-top nav.navbar .luf-logo svg.logo {
        width: 156px;
        height: 80px;
    }
    .luf-win {
        display: flex;
        width: 100%;
        position: relative;
        margin: 0;
        padding: 0;
        flex-flow: wrap;
        justify-content: center;
        align-content: center;
        list-style: none;
    }
    .luf-win li {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .luf-win li:first-child {
        margin-right: 30px;
    }

    ul.virtual-list {
        display: block;
        position: relative;
        padding: 0;
        width: 100%;
        list-style: disc;
    }
    ul.virtual-list li {
        display: block;
        position: relative;
        margin: 0 0 5px;
        padding: 0 0 0 15px;
    }
    ul.virtual-list li:last-child {
        margin-bottom: 0;
    }
    ul.virtual-list li:before {
        content: "";
        position: absolute;
        top: 10px;
        left: 0;
        width: 4px;
        height: 4px;
        background-color: #000;
        border-radius: 35px;
    }


/*=======================================*\
    Horse Program
\*=======================================*/

    section.horse-about {
        position: relative;
        margin: 0;
        padding: 80px 0 0;
    }

    section.horse-program {
        position: relative;
        margin: 0;
        padding: 40px 0 60px;
    }

    section.horse-program .filter-cat-results .f-cat.active {
        opacity: 1;
        display: block;
        -webkit-animation: fadeIn 0.65s ease forwards;
        animation: fadeIn 0.65s ease forwards;
    }
    section.horse-program .program-img {
        display: block;
        position: relative;
        margin: 0 0 25px;
        padding: 0;
        width: 100%;
        height: 360px;
    }
    section.horse-program .program-img span {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 17px;
        left: inherit;
        right: 17px;
        width: 48px;
        height: 48px;
        border: none;
        border-radius: 50%;
        background-color: #F2F2F2;
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #000;
    }
    section.horse-program .program-details {
        display: block;
        position: relative;
        margin: 0 0 20px;
        padding: 0;
        width: 100%;
    }
    section.horse-program .program-details h3 {
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 32px;
        line-height: 36px;
        color: #000000;
        margin: 0 0 5px;
        padding: 0;
        display: flex;
        flex-flow: wrap;
        align-items: center;
        width: 100%;
        position: relative;
    }
    section.horse-program .program-details h6 {
        font-family: Rubik;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #000000;
        margin: 0 0 5px;
        padding: 0;
    }
    section.horse-program .program-details p {
        max-width: 100%;
        margin: 0 0 20px;
    }
    section.horse-program .pagination {
        margin: 40px 0 0;
    }
    section.filtering .filter-cat {
        margin: 0 0 60px;
    }

    section.horse-name p {
        max-width: 100%;
    }

    .horse-name-details .booking-table td {
        width: 100%;
        max-width: 50%;
    }
    .main-pedigree {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        border: none;
        border-bottom: 1px solid #C4C4C4;
    }
    .main-pedigree .name {
        display: flex;
        flex-flow: row;
        position: relative;
        margin: 0;
        padding: 13px 0;
        width: 100%;
        align-items: center;
    }
    .main-pedigree .name p, .child-pedigree .name p {
        margin: 0 0 0 12px;
        font-weight: bold;
    }

    .child-pedigree {
        display: flex;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
        float: left;
        position: relative;
        margin: 35px 0;
        top: 0;
        padding: 0;
        width: 100%;
        height: 100px;
        border: none;
        border-top: 1px solid #C4C4C4;
        border-bottom: 1px solid #C4C4C4;
        border-left: 4px solid #000000;
    }
    .child-pedigree:first-child {
        margin-top: 0;
    }
    .child-pedigree:last-child {
        margin-bottom: 0;
    }
    .child-pedigree .name {
        display: flex;
        flex-flow: row;
        position: relative;
        margin: 0;
        padding: 11px 0 11px 10px;
        width: 100%;
        align-items: center;
    }
    .col2-pedigree {
        height: 350px;
        margin: 0;
    }
    .col3-pedigree {
        height: 163px;
    }
    .col3-pedigree:first-child {
        margin-bottom: 90px;
    }
    .col3-pedigree:last-child {
        margin-top: 90px;
    }

    .video-panel {
        display: block;
        position: relative;
        margin: 0 0 40px;
        padding: 0;
        width: 100%;
    }
    .video-panel .video-block {
        display: flex;
        flex-flow: wrap;
        align-items: center;
        justify-content: center;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 520px;
        background-color: rgba(196, 196, 196, 0.3);
        text-align: center;
    }