@charset "UTF-8";
/* Main Sass: imports all modules, partials and vendor, kept clean */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */

.carousel-caption h2 {
    text-shadow: 2px 2px 5px #121212;
}

.sarugby-news .card-article4 .card-title {
    text-shadow: 2px 2px 5px #121212;
}


body {
    font-family: "Oswald", sans-serif;
    font-weight: 300;
    font-size: 13px;
}

.font-white {
    color: #ffffff;
}

.font-green {
    color: #0C261F;
}

.font-gold {
    color: #F29701;
}

/* Background styles */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.background-grey {
    background-color: grey;
}

.background-green {
    background-color: #0C261F;
}

.background-gold {
    background-color: #F29701;
}

.background-cyan-light {
    background-color: #0D5565;
}

.background-cyan-dark {
    background-color: #0E4749;
}

.background-overlay-1 {
    background-color: rgba(0, 0, 0, 0.1);
}

.background-overlay-2 {
    background-color: rgba(0, 0, 0, 0.2);
}

.background-overlay-3 {
    background-color: rgba(0, 0, 0, 0.3);
}

.background-overlay-4 {
    background-color: rgba(0, 0, 0, 0.4);
}

.background-overlay-5 {
    background-color: rgba(0, 0, 0, 0.5);
}

.button-hover-green {
    transition: 1s all;
}

    .button-hover-green:hover a {
        color: white !important;
    }

    .button-hover-green:hover {
        background-color: #0D5565;
        color: white;
        border: solid 1px #0D5565 !important;
        text-decoration: none;
    }

/* Grid styles */
body, html {
    overflow-x: hidden;
}

.container {
    max-width: 1630px;
    padding-left: 15px;
    padding-right: 15px;
}

.font-weight-medium {
    font-weight: 600;
}

@media (max-width: 991px) {
    .mobi-p-0 {
        padding: 0 !important;
    }

    .mobi-pt-3 {
        padding-top: 3px !important;
    }

    .mobi-mt--6 {
        margin-top: -6px !important;
    }

    .mobi-mt-0 {
        margin-top: 0 !important;
    }

    .mobi-ml-0 {
        margin-left: 0 !important;
    }

    div.mobi-f-100 {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}

/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.main-nav-height {
    height: 78px !important;
}

.sarugby-main-navigation {
    height: 85px;
    width: 100%;
    position: relative;
    background-color: #0C261F;
    z-index: 1000;
}

    .sarugby-main-navigation .main-nav-height {
        height: 78px;
    }

    .sarugby-main-navigation .mobile-title {
        margin: auto;
        font-size: 22px;
        text-transform: uppercase;
        text-align: center;
    }

@media (min-width: 758px) {
    .sarugby-main-navigation .mobile-title {
        display: none !important;
    }
}

.sarugby-main-navigation .mobile-back {
    position: relative;
    z-index: 1;
}

    .sarugby-main-navigation .mobile-back img {
        margin-top: 0px;
        margin-left: 20px;
    }

@media (min-width: 758px) {
    .sarugby-main-navigation .mobile-back {
        display: none !important;
    }
}

.sarugby-main-navigation #main-navbar {
    width: 100%;
}

.sarugby-main-navigation .navbar-toggler {
    position: relative;
    z-index: 1;
    height: 78px;
}

.sarugby-main-navigation .sarugby-navbar {
    background-color: #0C261F;
    color: #ffffff;
    height: 78px;
}

    .sarugby-main-navigation .sarugby-navbar .navbar-brand {
        margin: 0px;
        padding: 0px;
        margin-right: 0px;
        height: initial;
        margin-left: 20px;
        /*@media screen and (max-width: 756px) {
                margin-left: 5px;
            }*/
    }

@media screen and (max-width: 756px) {
    .sarugby-main-navigation .sarugby-navbar .navbar-brand {
        margin-left: -10px;
    }
}

@media (width: 320px) {
    .sarugby-main-navigation .sarugby-navbar .navbar-brand {
        margin-left: -15px;
    }
}

.sarugby-main-navigation .sarugby-navbar .navbar-brand .logo {
    height: 78px;
    width: auto;
    float: left;
}

@media (min-width: 757px) and (max-width: 1023px) {
    .sarugby-main-navigation .sarugby-navbar .navbar-brand .logo {
        margin-top: -18px;
    }
}

@media (min-width: 757px) and (max-width: 1023px) {
    .sarugby-main-navigation .sarugby-navbar .navbar-brand {
        margin-top: 10px;
    }
}

.sarugby-main-navigation .sarugby-navbar .sm.dropdown {
    display: none;
}

.sarugby-main-navigation .sarugby-navbar .featured-nav:before {
    content: "";
    height: 78px;
    width: 300px;
    position: absolute;
    right: -300px;
    background-color: #071914;
}

.sarugby-main-navigation .sarugby-navbar .toggler-icon .fa-bars {
    display: inline;
}

.sarugby-main-navigation .sarugby-navbar .toggler-icon:not(.collapsed) .fa-bars {
    display: none;
}

.sarugby-main-navigation .sarugby-navbar .toggler-icon.collapsed .fa-times {
    display: none;
}

@media (max-width: 757px) {
    .sarugby-main-navigation .sarugby-navbar .navbar-nav {
        background-color: #373D4A;
    }

    .sarugby-main-navigation .sarugby-navbar .nav-item {
        width: 100%;
    }

    .sarugby-main-navigation .sarugby-navbar .main-navbar-ul {
        background-color: #373D4A;
    }

    .sarugby-main-navigation .sarugby-navbar [data-index="0"] {
        background-color: rgba(0, 0, 0, 0.2);
    }

    .sarugby-main-navigation .sarugby-navbar [data-index="1"] {
        background-color: rgba(0, 0, 0, 0.3);
    }

    .sarugby-main-navigation .sarugby-navbar [data-index="2"] {
        background-color: rgba(0, 0, 0, 0.4);
    }

    .sarugby-main-navigation .sarugby-navbar [data-index="3"] {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .sarugby-main-navigation .sarugby-navbar [data-index="4"] {
        background-color: rgba(0, 0, 0, 0.6);
    }

    .sarugby-main-navigation .sarugby-navbar [data-index="5"] {
        background-color: rgba(0, 0, 0, 0.7);
    }

    .sarugby-main-navigation .sarugby-navbar [data-index="6"] {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .sarugby-main-navigation .sarugby-navbar [data-index="7"] {
        background-color: rgba(0, 0, 0, 0.1);
    }

    .sarugby-main-navigation .sarugby-navbar [data-index="99"] {
        background-color: #0D5565;
    }

    .sarugby-main-navigation .sarugby-navbar .navbar-text {
        margin: 0px;
        padding: 25px 0 25px 25px;
        color: #ffffff;
        font-size: 30px;
        font-family: Oswald;
        font-weight: 100;
        text-transform: uppercase;
    }

    .sarugby-main-navigation .sarugby-navbar .navbar-icon-text {
        color: #ffffff;
        line-height: 17px;
        font-size: 13px;
        font-family: Oswald;
        font-weight: 500;
    }

    .sarugby-main-navigation .sarugby-navbar .featured-nav {
        display: none;
        position: relative;
    }
}

@media (min-width: 757px) and (max-width: 1024px) {
    .sarugby-main-navigation .sarugby-navbar .navbar-text {
        color: #ffffff;
        line-height: 17px;
        /*font-size: 13px;*/
        font-family: Oswald;
        font-weight: 600;
        text-transform: uppercase;
    }

        .sarugby-main-navigation .sarugby-navbar .navbar-text:hover {
            color: #FFC425;
        }

    .sarugby-main-navigation .sarugby-navbar .featured-nav {
        display: flex;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.34);
        height: 78px;
        top: 0;
        right: 0;
    }

        .sarugby-main-navigation .sarugby-navbar .featured-nav .side-text {
            color: #ffffff;
            align-self: center;
            font-size: 10px;
            font-family: Oswald;
            font-weight: 600;
            text-align: center;
            padding-left: 0px;
            text-transform: uppercase;
        }

            .sarugby-main-navigation .sarugby-navbar .featured-nav .side-text:hover {
                color: #FFC425;
            }

    .sarugby-main-navigation .sarugby-navbar .featured-item {
        display: none;
    }
}

.sarugby-main-navigation .sarugby-navbar li.nav-item {
    align-self: center;
}

@media (min-width: 1160px) {
    .sarugby-main-navigation .sarugby-navbar .nav-link {
        padding: 15px !important;
    }

    .sarugby-main-navigation .sarugby-navbar .featured-nav {
        max-width: 16.333333%;
    }
}

@media (max-width: 1160px) and (min-width: 758px) {
    .sarugby-main-navigation .sarugby-navbar .nav-link {
        padding: 10px !important;
    }
}

@media (max-width: 1060px) and (min-width: 758px) {
    .sarugby-main-navigation .sarugby-navbar .navbar-text {
        font-size: 11px !important;
    }
}

@media (max-width: 962px) and (min-width: 758px) {
    .sarugby-main-navigation .sarugby-navbar .navbar-text {
        font-size: 10px !important;
    }
}

@media (max-width: 962px) and (min-width: 758px) {
    .sarugby-main-navigation .sarugby-navbar .navbar-text {
        margin-left: 0px;
        margin-right: 0px;
        display: inline-block;
    }
}

@media (max-width: 805px) and (min-width: 758px) {
    .sarugby-main-navigation .sarugby-navbar .navbar-text {
        margin-left: 0px;
        margin-right: 0px;
    }

    .sarugby-main-navigation .sarugby-navbar .navbar-text {
        padding: 5px !important;
    }
}

@media (min-width: 1024px) {
    .sarugby-main-navigation .sarugby-navbar .navbar-text {
        color: #ffffff;
        line-height: 17px;
        /*font-size: 13px;*/
        font-family: Oswald;
        font-weight: 600;
        text-transform: uppercase;
    }

        .sarugby-main-navigation .sarugby-navbar .navbar-text:hover {
            color: #FFC425;
        }

    .sarugby-main-navigation .sarugby-navbar .featured-nav {
        display: block;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.34);
        height: 78px;
        top: 0;
        right: 0;
    }

        .sarugby-main-navigation .sarugby-navbar .featured-nav .side-text {
            color: #ffffff;
            line-height: 21px;
            font-size: 15px;
            font-family: Oswald;
            font-weight: 600;
            text-align: center;
            text-transform: uppercase;
        }

            .sarugby-main-navigation .sarugby-navbar .featured-nav .side-text:hover {
                color: #FFC425;
            }

    .sarugby-main-navigation .sarugby-navbar .featured-item {
        display: none;
    }
}

.main-tournament-modal {
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: #fff;
    position: absolute;
    z-index: 2;
    width: 100%;
    box-shadow: 0 2px 4px 0 #CDD3DD;
}

    .main-tournament-modal .align-teams-center {
        align-content: center !important;
    }

@media (min-width: 992px) {
    .main-tournament-modal .align-teams-center {
        margin-right: 250px;
    }
}

.main-tournament-modal .collapse {
    visibility: hidden;
}

    .main-tournament-modal .collapse.show {
        visibility: visible;
        display: block;
    }

.main-tournament-modal .collapsing {
    position: relative;
    height: 500px;
    overflow: visible;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

    .main-tournament-modal .collapsing.width {
        -webkit-transition-property: width, visibility;
        transition-property: width, visibility;
        width: 0;
        height: auto;
    }

.main-tournament-modal.tp {
    width: 100%;
    padding-top: 20px;
    box-shadow: 0 2px 4px 0 #CDD3DD;
}

.img-wrap {
    position: relative;
    margin-top: -1px;
}

    .img-wrap .banner-caption {
        position: absolute;
        font-size: 58px;
        font-weight: 500;
        text-transform: uppercase;
        color: #ffffff;
        bottom: 80px;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 0;
    }

.more-nav {
    background: #ffffff;
    width: 100%;
    padding-bottom: 30px;
}

    .more-nav ul {
        list-style: none;
        text-align: center;
        display: inline-flex;
        margin-bottom: 0;
    }

        .more-nav ul li a {
            font-size: 25px;
            color: #116071;
            text-transform: uppercase;
            padding-right: 40px;
        }

            .more-nav ul li a:hover {
                text-decoration: none;
            }

.search-icon {    
    margin-left: 35px;
    background-size: 100%;
    display: inline-block;
    margin-top: 21px;
    display: flex;
    align-self: center;
}

    .search-icon a {
        padding: 25px 0 25px 25px;
    }

@media (min-width: 757px) and (max-width: 1024px) {
    .search-icon {
        margin-left: 10px !important;
        margin-top: 31px !important;
        background-size: 70% !important;
    }
}

@media (max-width: 1024px) {
    .img-wrap {
        display: none;
    }

    .sarugby-main-navigation .container {
        padding-left: 0;
        padding-right: 0;
    }

    .sarugby-main-navigation button:focus {
        outline: 0;
    }

    .sarugby-main-navigation .navbar-toggler {
        padding: 0.25rem 1rem;
        border: 0;
        border-radius: 0;
    }

        .sarugby-main-navigation .navbar-toggler i.fa.fa-times {
            font-size: 23px;
            font-weight: normal;
            padding: 0;
            position: static;
        }

    .teams-nav-container {
        /*.img-container {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 15px;
            margin-left:15px;
        }*/
    }

        .teams-nav-container img {
            width: 100%;
            height: 82px;
        }

    .more-nav {
        padding-top: 20px;
    }
}

@media (max-width: 576px) {
    .search-icon {
        background-size: 8%;
    }

    .more-nav ul {
        padding-left: 0;
    }

        .more-nav ul li a {
            font-size: 16px;
            padding-right: 25px;
        }

        .more-nav ul li:last-child a {
            padding-right: 0;
        }
}

.tp .teams-nav-container .img-container {
    margin-left: 32px;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .tp .teams-nav-container .img-container:first-child {
        margin-left: 17px !important;
    }

@media (width: 756px) {
    .search-icon {
        background-size: 7% !important;
    }
}

@media (width: 640px) {
    .search-icon {
        background-size: 7% !important;
    }
}

@media (width: 568px) {
    .search-icon {
        background-size: 7% !important;
    }
}

@media (width: 667px) {
    .search-icon {
        background-size: 7% !important;
    }
}

@media (width: 414px) {
    .search-icon {
        background-size: 6% !important;
    }
}

@media (width: 731px) {
    .search-icon {
        background-size: 6% !important;
    }
}

@media (width: 736px) {
    .search-icon {
        background-size: 6% !important;
    }
}

@media (min-width: 320px) and (max-width: 756px) {
    .search-icon {
        order: -1;
        margin-top: 0;
        margin-left: 0;
        background-position: 24px 49%;
        background-size: 10%;
        padding: 0px;
    }

    .sarugby-navbar .col-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .sarugby-navbar .img-container {
        margin-top: 30px;
        margin-bottom: 30px;
    }

        .sarugby-navbar .img-container a {
            margin-left: 10px;
            margin-right: 10px;
            position: relative;
            right: 7px;
        }

    .sarugby-navbar .teams-nav-container {
        padding-left: 0;
    }

    .sarugby-navbar .navbar-brand {
        padding-left: 12px;
    }

    .sarugby-navbar .navbar-text {
        display: block;
    }

    .sarugby-navbar .lg {
        display: none;
    }

    .sarugby-navbar .more-icon, .sarugby-navbar .sateam-icon, .sarugby-navbar .tournaments-icon {
        position: relative;
    }

    .sarugby-navbar .sm.dropdown {
        display: block !important;
    }

        .sarugby-navbar .sm.dropdown.show .dropdown-toggle:after {
            content: '';
            background: url("/Images/Icons/chevron-down-white.svg") no-repeat;
            transform: translate(0%, -40%) rotate(180deg);
            width: 17px;
            height: 12px;
            position: absolute;
            right: 0;
            top: 50%;
            margin-right: 25px;
            border: 0;
        }

        .sarugby-navbar .sm.dropdown .dropdown-toggle:after {
            content: '';
            background: url("/Images/Icons/chevron-down-white.svg") no-repeat;
            display: inline-block;
            width: 17px;
            height: 12px;
            position: absolute;
            right: 0;
            top: 50%;
            margin-right: 25px;
            transform: translateY(-40%);
            border: 0;
        }

        .sarugby-navbar .sm.dropdown .dropdown-menu {
            border-radius: 0;
            border: 0;
            box-shadow: 0 2px 4px 0 #CDD3DD;
        }
}

@media (min-width: 757px) and (max-width: 1024px) {
    .sarugby-navbar .navbar-text {
        font-size: 8px !important;
    }

    .sarugby-navbar .col-3 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .sarugby-navbar .col-9 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
}

@media (min-width: 1025px) {
    .sarugby-navbar .navbar-text {
        font-size: 13px !important;
    }

    .sarugby-navbar .col-3 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .sarugby-navbar .col-9 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
}

.img-wrap img {
    width: 101% !important;
    height: auto;
}


.more-dropdown-values {
    margin: 10px;
    padding: 0 15px;
}

@media (min-width: 320px) and (max-width: 640px) {
    .more-dropdown-values {
        width: 40%;
        padding: 0 0 0 15px;
    }
}

.more-dropdown-values a {
    font-size: 21px;
    color: #116071;
    text-transform: uppercase;
    font-weight: 300;
}

@media (min-width: 320px) and (max-width: 420px) {
    .more-dropdown-values a {
        font-size: 15px;
    }
}


@media screen and (max-width: 756px) {
    #logoImgLink {
        margin-left: 10px !important;
    }
}

a.nav-link.navbar-text.active-class {
    color: #ffc425 !important;
}

/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
/* xs and sm */
@media (max-width: 991px) {
    .sarugby-sidebar {
        position: absolute;
        top: 78px;
        width: 100%;
    }

        .sarugby-sidebar .collapse.show {
            display: block;
            width: 100%;
        }
}

/* md - xl */
@media (min-width: 992px) {
    .sarugby-sidebar {
        position: absolute;
        top: 78px;
        right: 0;
    }

        .sarugby-sidebar .btn-icon {
            background-color: #F29701;
            color: #000000;
        }
}

.sarugby-sidebar {
    border: none;
}

    .sarugby-sidebar .button-around-border {
        border-radius: 0% !important;
    }

    .sarugby-sidebar .btn-icon .arrow-left {
        display: inline;
    }

    .sarugby-sidebar .btn-icon:not(.collapsed) .arrow-left {
        display: none;
    }

    .sarugby-sidebar .btn-icon.collapsed .arrow-right {
        display: none;
    }

    .sarugby-sidebar .collapse {
        visibility: hidden;
    }

        .sarugby-sidebar .collapse.show {
            visibility: visible;
            display: block;
        }

    .sarugby-sidebar .collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition-property: height, visibility;
        transition-property: height, visibility;
        -webkit-transition-duration: 0.35s;
        transition-duration: 0.35s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
    }

        .sarugby-sidebar .collapsing.width {
            -webkit-transition-property: width, visibility;
            transition-property: width, visibility;
            width: 0;
            height: auto;
        }

/* Carousel component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
/* xs and sm */
.sarugby-carousel #mainCarousel {
    width: 100% !important;
}

.sarugby-carousel .carousel-inner {
    width: 100%;
    position: relative;
    height: 650px;
    object-fit: cover;
    object-position: top;
}

@media (max-width: 992px) {
    .sarugby-carousel .carousel-inner {
        object-fit: cover;
        object-position: top;
        height: 350px;
    }

        .sarugby-carousel .carousel-inner img {
            height: 100%;
            object-fit: cover;
            object-position: top;
        }
}

@media (max-width: 992px) and (max-width: 590px) {
    .sarugby-carousel .carousel-inner {
        height: 220px;
    }
}

.sarugby-carousel .carousel-item {
    width: 100%;
    height: 100% !important;
}

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

    .sarugby-carousel .carousel-item video {
        width: 100%;
    }

.sarugby-carousel .carousel-caption {
    left: 20px;
    bottom: 40px;
}

.sarugby-carousel .carousel-indicators {
    margin: 0px;
    width: 100%;
    left: 20px;
    bottom: 30px;
    position: absolute;
    white-space: nowrap;
    border: none !important;
}

.sarugby-carousel .carousel-indicators--round li {
    border-radius: 50%;
    margin: 1px 3px;
    height: 15px;
    width: 15px;
    background-color: #0D5565;
}

.sarugby-carousel .carousel-indicators .active {
    background-color: #ffffff !important;
    margin: 1px 3px;
    width: 15px;
    height: 15px;
}

.sarugby-carousel .carousel-heading {
    line-height: 20px;
    color: #FFC425;
    font-size: 18px;
    font-weight: 600;
}

.sarugby-carousel .carousel-sub-heading {
    line-height: 20px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    padding-top: 0px;
}

/* md+ */
@media (min-width: 992px) {
    .sarugby-carousel {
        width: 100%;
    }

        .sarugby-carousel .carousel-inner {
            width: 100%;
            object-fit: cover;
            object-position: top;
        }

        .sarugby-carousel .carousel-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top;
        }

        .sarugby-carousel .carousel-item video {
            width: 100%;
            /*height: 100%;*/
            object-fit: cover;
            object-position: top;
        }

        .sarugby-carousel .carousel-caption {
            left: 50px;
            bottom: 70px;
            position: absolute;
        }

        .sarugby-carousel .carousel-indicators {
            margin: 0px;
            width: 100%;
            left: 60px;
            bottom: 60px;
            position: absolute;
            white-space: nowrap;
            border: none !important;
        }

        .sarugby-carousel .carousel-indicators--round li {
            border-radius: 50%;
            margin: 1px 3px;
            height: 15px;
            width: 15px;
            background-color: #0D5565;
        }

        .sarugby-carousel .carousel-indicators .active {
            background-color: #ffffff !important;
            margin: 1px 3px;
            width: 15px;
            height: 15px;
        }

        .sarugby-carousel .carousel-heading {
            line-height: 60px;
            color: #FFC425;
            font-size: 60px;
            font-weight: 600;
        }

        .sarugby-carousel .carousel-sub-heading {
            line-height: 80px;
            color: #ffffff;
            font-size: 60px;
            font-weight: 600;
            padding-top: 0px;
        }
}

@media (max-width: 768px) {
    div.carousel-item {
        display: none;
    }
}

/* Top Five Styles*/
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-latest-news {
    display: block;
    height: 100%;
    width: 100%;
    padding: 40px;
    background-color: #ffffff;
    color: #ffffff;
}

    .sarugby-latest-news .card-padding {
        padding: 0% 0% 1% 1%;
    }

    .sarugby-latest-news .dropdown-menu.dropdown-menu-left.show {
        background-color: transparent;
    }

    .sarugby-latest-news .social-share {
        min-width: 169px;
        margin-left: auto;
    }

        .sarugby-latest-news .social-share .social-buttons-style {
            margin-top: -80px;
            margin-bottom: initial !important;
            margin-left: initial !important;
            margin-right: initial !important;
            left: -157px;
            position: relative;
        }

@media screen and (max-width: 767px) {
    .sarugby-latest-news .social-share .social-buttons-style {
        margin-top: -69px;
        left: -75px;
    }
}

.sarugby-latest-news .social-share .social-buttons-style .p-2 {
    padding: 0.5rem 0.2rem !important;
}

@media screen and (max-width: 767px) {
    .sarugby-latest-news .social-share {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .sarugby-latest-news .social-share .social-button-drop {
        width: 25px;
    }
}

.sarugby-latest-news .social-share .share-on-mobi {
    cursor: pointer;
    margin-top: -12px;
    margin-right: -10px;
}

@media screen and (max-width: 767px) {
    .sarugby-latest-news .social-share .share-on-mobi {
        width: 25px;
        height: 25px;
        margin-top: -8px;
        margin-right: -6px;
    }
}

.sarugby-latest-news .score-color {
    color: #F29701;
}

.sarugby-latest-news .video-image {
    position: absolute;
    top: 40%;
    left: 48%;
    right: 49%;
    z-index: 4;    
}

.sarugby-latest-news .overlay-share {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9999;
}

.sarugby-latest-news .view-more {
    height: 27px;
    width: 99.26px;
    color: #0D5565;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 300;
    margin-left: 40%;
    letter-spacing: 0.83px;
    line-height: 27px;
    text-align: center;
    cursor: pointer;
}

.sarugby-latest-news .highlight-padding {
    padding: 0% 1% 1% 0%;
}

.sarugby-latest-news #highlights-scroll {
    left: 0;
    width: 100%;
    position: relative;
}

.sarugby-latest-news #leftArrow {
    cursor: pointer;
}

.sarugby-latest-news #rightArrow {
    cursor: pointer;
}

.sarugby-latest-news .header {
    line-height: 55px;
    font-size: 40px;
    font-weight: 100;
    color: #ffffff;
}

.sarugby-latest-news .cards {
    overflow: auto;
    display: flex;
}

    .sarugby-latest-news .cards::-webkit-scrollbar {
        display: none;
    }

.sarugby-latest-news .control {
    color: #ffffff;
}

    .sarugby-latest-news .control:any-link {
        color: #ffffff;
        text-decoration: none;
        line-height: 55px;
        font-size: 25px;
        font-weight: 600;
    }

.sarugby-latest-news .a:any-link {
    text-decoration: none;
}

.sarugby-latest-news .card {
    height: 185px;
    width: 50%;
    overflow: hidden;
    border-radius: 0px;
}

.sarugby-latest-news .card-video1 {
    height: 446px;
    width: 100%;
    padding: 0%;
    margin: 0%;
    box-shadow: 0 2px 4px 0 #CDD3DD;
}

    .sarugby-latest-news .card-video1 .bottom-left {
        position: absolute;
        bottom: 8px;
        left: 16px;
    }

        .sarugby-latest-news .card-video1 .bottom-left h {
            height: 48px;
            width: 686.64px;
            color: #FFFFFF;
            font-family: Oswald;
            font-size: 40px;
            font-weight: 300;
            line-height: 39px;
        }

        .sarugby-latest-news .card-video1 .bottom-left .category-text {
            height: 20px;
            width: 114.32px;
            color: #F29701;
            font-family: Oswald;
            font-size: 15px;
            font-weight: 500;
            line-height: 20px;
            text-transform: uppercase;
        }

    .sarugby-latest-news .card-video1 .card-img-top {
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        border-radius: 0%;
    }

    .sarugby-latest-news .card-video1 .link-icons {
        position: absolute;
        display: table;
        z-index: 2;
        opacity: 0;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        text-align: center;
        margin: auto;        
    }

        .sarugby-latest-news .card-video1 .link-icons:hover {
            opacity: 1;
            background: rgba(0, 0, 0, 0.5) center no-repeat;
        }

    .sarugby-latest-news .card-video1 div.inner {
        display: block;
        width: 100%;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
    }

    .sarugby-latest-news .card-video1 .large {
        font-size: 20px;
        line-height: 30px;
        background-color: #ffffff;
        color: #373D4A;
        text-decoration: none;
        padding: 0 10px 0 10px;
    }

        .sarugby-latest-news .card-video1 .large:hover {
            background-color: red;
            color: #ffffff;
        }

    .sarugby-latest-news .card-video1 .card-body .card-title {
        height: 60px;
        width: 374.6px;
        color: #0D5565;
        font-family: Oswald;
        font-size: 20px;
        font-weight: 300;
        line-height: 27px;
        text-transform: uppercase;
    }

        .sarugby-latest-news .card-video1 .card-body .card-title:any-link {
            text-decoration: none;
        }

    .sarugby-latest-news .card-video1 .card-body .category-text {
        height: 20px;
        width: 114.32px;
        color: #F29701;
        font-family: Oswald;
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        text-transform: uppercase;
    }

    .sarugby-latest-news .card-video1 .card-body .card-text {
        height: 48px;
        width: 686.64px;
        color: #FFFFFF;
        font-family: Oswald;
        font-size: 40px;
        font-weight: 500;
        line-height: 39px;
    }

    .sarugby-latest-news .card-video1 .card-footer {
        height: 51px;
        width: 190px;
        color: #373D4A;
        font-family: Helvetica;
        font-size: 14px;
        font-weight: 300;
        line-height: 17px;
        border: none;
        background: transparent;
    }

.sarugby-latest-news .card-video2 {
    height: 446px;
    width: 99%;
    padding: 0%;
    margin: 0% 0% 0% 1%;
}

    .sarugby-latest-news .card-video2 .bottom-left {
        position: absolute;
        bottom: 8px;
        left: 16px;
    }

        .sarugby-latest-news .card-video2 .bottom-left h {
            height: 48px;
            width: 686.64px;
            color: #FFFFFF;
            font-family: Oswald;
            font-size: 40px;
            font-weight: 300;
            line-height: 39px;
        }

        .sarugby-latest-news .card-video2 .bottom-left .category-text {
            height: 20px;
            width: 114.32px;
            color: #F29701;
            font-family: Oswald;
            font-size: 15px;
            font-weight: 500;
            line-height: 20px;
            text-transform: uppercase;
        }

        .sarugby-latest-news .card-video2 .bottom-left .card-text {
            height: 48px;
            width: 686.64px;
            color: #FFFFFF;
            font-family: Oswald;
            font-size: 40px;
            font-weight: 500;
            line-height: 39px;
        }

    .sarugby-latest-news .card-video2 .card-img-top {
        width: 100%;
        object-fit: cover;
        overflow: hidden;
    }

    .sarugby-latest-news .card-video2 .link-icons {
        position: absolute;
        display: table;
        z-index: 2;
        opacity: 0;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        text-align: center;
        margin: auto;
    }

        .sarugby-latest-news .card-video2 .link-icons:hover {
            opacity: 1;
            background: rgba(0, 0, 0, 0.5) center no-repeat;
        }

    .sarugby-latest-news .card-video2 div.inner {
        display: block;
        width: 100%;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
    }

    .sarugby-latest-news .card-video2 .large {
        font-size: 20px;
        line-height: 30px;
        background-color: #ffffff;
        color: #373D4A;
        text-decoration: none;
        padding: 0 10px 0 10px;
    }

        .sarugby-latest-news .card-video2 .large:hover {
            background-color: red;
            color: #ffffff;
        }

    .sarugby-latest-news .card-video2 .card-body .card-title {
        height: 60px;
        width: inherit;
        color: #0D5565;
        font-family: Oswald;
        font-size: 20px;
        font-weight: 300;
        line-height: 27px;
        text-transform: uppercase;
    }

        .sarugby-latest-news .card-video2 .card-body .card-title:any-link {
            text-decoration: none;
        }

    .sarugby-latest-news .card-video2 .card-body .category-text {
        height: 20px;
        width: 114.32px;
        color: #F29701;
        font-family: Oswald;
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        text-transform: uppercase;
    }

    .sarugby-latest-news .card-video2 .card-footer {
        height: 51px;
        width: 190px;
        color: #373D4A;
        font-family: Helvetica;
        font-size: 14px;
        font-weight: 300;
        line-height: 17px;
        border: none;
        background: transparent;
    }

.sarugby-latest-news .card-article1 {
    background-color: #0D5565;
    height: 446px;
    width: inherit;
    padding: 0px;
    margin: 0%;
    box-shadow: 0 2px 4px 0 #CDD3DD;
}

    .sarugby-latest-news .card-article1 .card-img-top {
        width: 100%;
        height: inherit;
    }

    .sarugby-latest-news .card-article1 .bottom-left {
        position: absolute;
        bottom: 8px;
        left: 16px;
    }

        .sarugby-latest-news .card-article1 .bottom-left h {
            height: 48px;
            width: 686.64px;
            color: #FFFFFF;
            font-family: Oswald;
            font-size: 40px;
            font-weight: 300;
            line-height: 39px;
        }

        .sarugby-latest-news .card-article1 .bottom-left .category-text {
            height: 20px;
            width: 114.32px;
            color: #F29701;
            font-family: Oswald;
            font-size: 15px;
            font-weight: 500;
            line-height: 20px;
            text-transform: uppercase;
        }

        .sarugby-latest-news .card-article1 .bottom-left .card-text {
            height: 140px;
            width: 385.59px;
            color: #FFFFFF;
            font-family: Oswald;
            font-size: 40px;
            font-weight: 300;
            line-height: 39px;
            text-transform: uppercase;
        }

    .sarugby-latest-news .card-article1 .card-body .card-title {
        height: 122.62px;
        width: 360.8px;
        color: #FFFFFF;
        font-family: Oswald;
        font-size: 40px;
        font-weight: 300;
        line-height: 39px;
        text-transform: uppercase;
    }

        .sarugby-latest-news .card-article1 .card-body .card-title:any-link {
            text-decoration: none;
        }

    .sarugby-latest-news .card-article1 .card-body .category-text {
        height: 20px;
        width: 114.32px;
        color: #F29701;
        font-family: Oswald;
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        text-transform: uppercase;
    }

    .sarugby-latest-news .card-article1 .card-body .card-text {
        height: 80.07px;
        width: 374.6px;
        color: #FFFFFF;
        font-family: Helvetica;
        font-size: 14px;
        line-height: 17px;
    }

    .sarugby-latest-news .card-article1 .card-footer {
        height: 51px;
        width: 190px;
        color: #FFFFFF;
        font-family: Helvetica;
        font-size: 14px;
        font-weight: 300;
        line-height: 17px;
        border: none;
        background: transparent;
    }

.sarugby-latest-news .card-article2 {
    background-color: #373D4A;
    height: 446px;
    width: 99%;
    padding: 0px;
    margin: 0% 0% 1% -1%;
    box-shadow: 0 2px 4px 0 #CDD3DD;
}

    .sarugby-latest-news .card-article2 .card-img-top {
        width: 100%;
        height: inherit;
    }

    .sarugby-latest-news .card-article2 .bottom-left {
        position: absolute;
        bottom: 8px;
        left: 16px;
    }

        .sarugby-latest-news .card-article2 .bottom-left h {
            height: 48px;
            width: 686.64px;
            color: #FFFFFF;
            font-family: Oswald;
            font-size: 40px;
            font-weight: 300;
            line-height: 39px;
        }

        .sarugby-latest-news .card-article2 .bottom-left .card-title {
            height: 20px;
            width: 48px;
            color: #F29701;
            font-family: Oswald;
            font-size: 15px;
            font-weight: 500;
            line-height: 20px;
            text-transform: uppercase;
        }

        .sarugby-latest-news .card-article2 .bottom-left .card-text {
            height: 117px;
            width: 385.59px;
            color: #FFFFFF;
            font-family: Oswald;
            font-size: 40px;
            font-weight: 300;
            line-height: 39px;
        }

    .sarugby-latest-news .card-article2 .card-body .card-title {
        height: 122.62px;
        width: 360.8px;
        color: #FFFFFF;
        font-family: Oswald;
        font-size: 40px;
        font-weight: 300;
        line-height: 39px;
        text-transform: uppercase;
    }

        .sarugby-latest-news .card-article2 .card-body .card-title:any-link {
            text-decoration: none;
        }

    .sarugby-latest-news .card-article2 .card-body .category-text {
        height: 20px;
        width: 114.32px;
        color: #F29701;
        font-family: Oswald;
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        text-transform: uppercase;
    }

    .sarugby-latest-news .card-article2 .card-body .card-text {
        height: 80.07px;
        width: 374.6px;
        color: #FFFFFF;
        font-family: Helvetica;
        font-size: 14px;
        line-height: 17px;
    }

    .sarugby-latest-news .card-article2 .card-footer {
        height: 51px;
        width: 190px;
        color: #FFFFFF;
        font-family: Helvetica;
        font-size: 14px;
        font-weight: 300;
        line-height: 17px;
        border: none;
        background: transparent;
    }

/* News Styles*/
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
/* Colors: All Theme colors */
@media (max-width: 991px) {
    .sarugby-news {
        display: block;
        height: 100%;
        width: 100%;
        padding: 40px;
        background-color: #ffffff;
        color: #ffffff;
        display: inline-block;
        padding-top: 0;
    }

        .sarugby-news .video-size {
            width: 40.5px;
            height: 50px;
        }

        .sarugby-news .card-mob-text {
            line-height: 13px !important;
        }

        .sarugby-news .card-box-shadow {
            box-shadow: 0 2px 2px 0 #CDD3DD;
        }

        .sarugby-news .category-text {
            color: #F29701;
            font-family: Oswald;
            font-size: 15px;
            font-weight: 200;
            line-height: 20px;
            text-transform: uppercase;
        }

        .sarugby-news .card-body .card-title {
            height: 122.62px;
            width: 360.8px;
            color: #0D5565;
            font-family: Oswald;
            font-size: 18px !important;
            font-weight: 300;
            line-height: 13px;
            text-transform: uppercase;
        }

        .sarugby-news .card-body .card-score {
            font-size: 40px !important;
            color: #fff !important;
        }

            .sarugby-news .card-body .card-score span {
                color: #F29701;
            }

        .sarugby-news .card-body .card-title:any-link {
            text-decoration: none;
        }

        .sarugby-news .card-body .category-text {
            line-height: 25px;
            font-size: 15px;
            color: #F29701;
            font-weight: 600;
            text-transform: uppercase;
            margin-bottom: 8px;
        }

        .sarugby-news .card-body .card-text {
            min-height: 150px;
            width: inherit;
            color: #373D4A;
            font-family: Helvetica;
            font-size: 14px;
            line-height: 17px;
        }

        .sarugby-news .card-footer {
            height: 51px;
            width: 190px;
            color: #373D4A;
            font-family: Helvetica;
            font-size: 14px;
            font-weight: 300;
            line-height: 17px;
            border: none;
            background: transparent;
            margin-bottom: 10px;
        }

            .sarugby-news .card-footer b {
                font-weight: bold;
            }

        .sarugby-news .row-space {
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .sarugby-news .overlay-share {
            position: absolute;
            top: 10px;
            right: 10px;
            z-index: 9999;
        }

        .sarugby-news .view-more {
            height: 27px;
            width: 99.26px;
            color: #0D5565;
            font-family: Oswald;
            font-size: 20px;
            font-weight: 300;
            margin-left: 45%;
            letter-spacing: 0.83px;
            line-height: 27px;
            text-align: center;
            border: none;
            background-color: none;            
        }

            .sarugby-news .view-more .button {
                background: none;
                border: none;
                color: #0D5565;
            }

        .sarugby-news .view-more-less {
            border: none;
        }

            .sarugby-news .view-more-less .button-around-border {
                border-radius: 0% !important;
            }

            .sarugby-news .view-more-less .btn-content .arrow-more {
                display: inline;
            }

            .sarugby-news .view-more-less .btn-content:not(.collapsed) .arrow-more {
                display: none;
            }

            .sarugby-news .view-more-less .btn-content.collapsed .arrow-less {
                display: none;
            }

            .sarugby-news .view-more-less .collapse {
                visibility: hidden;
            }

                .sarugby-news .view-more-less .collapse.show {
                    visibility: visible;
                    display: block;
                }

            .sarugby-news .view-more-less .collapsing {
                position: relative;
                height: 0;
                overflow: hidden;
                -webkit-transition-property: height, visibility;
                transition-property: height, visibility;
                -webkit-transition-duration: 0.35s;
                transition-duration: 0.35s;
                -webkit-transition-timing-function: ease;
                transition-timing-function: ease;
            }

                .sarugby-news .view-more-less .collapsing.width {
                    -webkit-transition-property: width, visibility;
                    transition-property: width, visibility;
                    width: 0;
                    height: auto;
                }

        .sarugby-news .card-padding {
            padding: 0% 0% 1% 1%;
            object-fit: cover;
        }

        .sarugby-news .video-image {
            position: absolute;
            top: 0%;
            left: 0%;
            right: 0%;
            bottom: 0%;
            margin: auto;
            z-index: 4;
            width: 35px;
            height: 35px;
            color: #AD0D0D;
        }

        .sarugby-news .view-more {
            height: 27px;
            width: 99.26px;
            color: #0D5565;
            font-family: Oswald;
            font-size: 20px;
            font-weight: 300;
            margin-left: 40%;
            letter-spacing: 0.83px;
            line-height: 27px;
            text-align: center;
        }

        .sarugby-news .highlight-padding {
            padding: 0% 1% 1% 0%;
        }

        .sarugby-news #highlights-scroll {
            left: 0;
            width: 100%;
            position: relative;
        }

        .sarugby-news #leftArrow {
            cursor: pointer;
        }

        .sarugby-news #rightArrow {
            cursor: pointer;
        }

        .sarugby-news .header {
            line-height: 55px;
            font-size: 40px;
            font-weight: 100;
            color: #ffffff;
        }

        .sarugby-news .cards {
            overflow: auto;
            display: flex;
        }

            .sarugby-news .cards::-webkit-scrollbar {
                display: none;
            }

        .sarugby-news .control {
            color: #ffffff;
        }

            .sarugby-news .control:any-link {
                color: #ffffff;
                text-decoration: none;
                line-height: 55px;
                font-size: 25px;
                font-weight: 600;
            }

        .sarugby-news .a:any-link {
            text-decoration: none;
        }

        .sarugby-news .card {
            height: 100%;
            width: 50%;
            overflow: hidden;
            border-radius: 0px;
        }

        .sarugby-news .card-video .bottom-left {
            position: absolute;
            bottom: 8%;
        }

            .sarugby-news .card-video .bottom-left .news-title {
                color: #F29701;
                font-weight: bold;
            }

            .sarugby-news .card-video .bottom-left .category-text {
                line-height: 25px;
                font-size: 15px;
                color: #F29701;
                font-weight: 600;
                text-transform: uppercase;
            }

        .sarugby-news .card-video .card-img-top {
            width: 100%;
            object-fit: cover;
            overflow: hidden;
            border-radius: 0%;
            object-position: top;
            max-height: 95%;
        }

        .sarugby-news .card-video .link-icons {
            position: absolute;
            display: table;
            z-index: 2;
            opacity: 0;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            text-align: center;
            margin: auto;
        }

            .sarugby-news .card-video .link-icons:hover {
                opacity: 1;
                background: rgba(0, 0, 0, 0.5) center no-repeat;
            }

        .sarugby-news .card-video div.inner {
            display: block;
            width: 100%;
            height: 100%;
            display: table-cell;
            vertical-align: middle;
        }

        .sarugby-news .card-video .large {
            font-size: 20px;
            line-height: 30px;
            background-color: #ffffff;
            color: #373D4A;
            text-decoration: none;
            padding: 0 10px 0 10px;
        }

            .sarugby-news .card-video .large:hover {
                background-color: red;
                color: #ffffff;
            }

        .sarugby-news .card-video .card-body .card-title {
            width: inherit;
            color: #0D5565;
            font-family: Oswald;
            font-size: 30px !important;
            font-weight: 300;
            line-height: 18px;
        }

        .sarugby-news .card-video .card-body .title {
            width: inherit;
            color: #0D5565;
            font-family: Oswald;
            font-size: 20px !important;
            font-weight: 300;
            line-height: 18px;
        }

        .sarugby-news .card-video .card-body .card-title:any-link {
            text-decoration: none;
        }

        .sarugby-news .card-video .card-body .category-text {
            line-height: 25px;
            font-size: 15px;
            color: #F29701;
            font-weight: 600;
            text-transform: uppercase;
        }

        .sarugby-news .card-video .card-footer {
            height: 51px;
            width: 190px;
            color: #373D4A;
            font-family: Helvetica;
            font-size: 14px;
            font-weight: 300;
            line-height: 17px;
            border: none;
            background: transparent;
        }

        .sarugby-news .card-article1 {
            background-color: #ffffff;
            height: 446px;
            box-shadow: 0 2px 4px 0 #CDD3DD;
        }

            .sarugby-news .card-article1 .card-img-top {
                display: none;
            }

        .sarugby-news .card-article2 {
            background-color: #F29701;
            height: inherit;
            width: inherit;
            box-shadow: 0 2px 4px 0 #CDD3DD;
        }

            .sarugby-news .card-article2 .card-img-top {
                display: none;
            }

            .sarugby-news .card-article2 .card-body .card-title {
                height: 122.62px;
                width: 360.8px;
                color: #FFFFFF;
                font-family: Oswald;
                font-size: 40px;
                font-weight: 300;
                line-height: 39px;
            }

                .sarugby-news .card-article2 .card-body .card-title:any-link {
                    text-decoration: none;
                }

            .sarugby-news .card-article2 .card-body .category-text {
                line-height: 25px;
                font-size: 15px;
                color: #F29701;
                font-weight: 600;
                text-transform: uppercase;
            }

            .sarugby-news .card-article2 .card-body .card-text {
                min-height: 150px;
                width: 374.6px;
                color: #FFFFFF;
                font-family: Helvetica;
                font-size: 14px;
                line-height: 17px;
            }

            .sarugby-news .card-article2 .card-footer {
                height: 51px;
                width: 190px;
                color: #373D4A;
                font-family: Helvetica;
                font-size: 14px;
                font-weight: 300;
                line-height: 17px;
                border: none;
                background: transparent;
            }

        .sarugby-news .card-article4 {
            width: 100%;
            max-height: 915px;
        }

            .sarugby-news .card-article4 .card-img-top {
                height: 100%;
                width: auto;
                object-fit: cover;
                object-position: top;
            }

            .sarugby-news .card-article4 .card-title {
                color: #FFFFFF;
                width: auto;
                line-height: 24px !important;
            }

            .sarugby-news .card-article4 .bottom-left {
                position: absolute;
                bottom: 25px;
                left: 0px;
            }

                .sarugby-news .card-article4 .bottom-left h {
                    height: 48px;
                    width: 686.64px;
                    color: #FFFFFF;
                    font-family: Oswald;
                    font-size: 40px;
                    font-weight: 300;
                    line-height: 39px;
                }
}

@media (min-width: 992px) {
    .sarugby-news {
        display: block;
        height: 100%;
        width: 100%;
        padding: 40px;
        background-color: #ffffff;
        color: #ffffff;
        display: inline-block;
        padding-top: 0;
    }

        .sarugby-news .botton {
            margin-bottom: -16px;
        }

        .sarugby-news .card-box-shadow {
            box-shadow: 0 2px 2px 0 #CDD3DD;
        }

        .sarugby-news .card-body .card-title {
            height: 122.62px;
            width: 360.8px;
            color: #0D5565;
            font-family: Oswald;
            font-size: 40px;
            font-weight: 300;
            line-height: 39px;
            text-transform: uppercase;
        }

        .sarugby-news .card-body .title {
            font-size: 30px !important;
            font-weight: 300;
            line-height: 18px;
        }

        .sarugby-news .card-body .card-score {
            font-size: 40px !important;
            color: #fff !important;
        }

            .sarugby-news .card-body .card-score span {
                color: #F29701;
            }

        .sarugby-news .card-body .card-title:any-link {
            text-decoration: none;
        }

        .sarugby-news .card-body .category-text {
            color: #F29701;
            font-family: Oswald;
            font-size: 15px;
            font-weight: 500;
            line-height: 20px;
            text-transform: uppercase;
        }

        .sarugby-news .card-body .card-text {
            min-height: 150px;
            width: inherit;
            color: #373D4A;
            font-family: Helvetica;
            font-size: 14px;
            line-height: 17px;
        }

        .sarugby-news .card-footer {
            height: 51px;
            width: 190px;
            color: #373D4A;
            font-family: Helvetica;
            font-size: 14px;
            font-weight: 300;
            line-height: 17px;
            border: none;
            background: transparent;
            margin-bottom: 10px;
        }

            .sarugby-news .card-footer b {
                font-weight: bold;
            }

        .sarugby-news .row-space {
            margin-top: 15px;
            margin-bottom: 15px;
        }

        .sarugby-news .overlay-share {
            position: absolute;
            top: 10px;
            right: 10px;
            z-index: 9999;
        }

        .sarugby-news .view-more {
            height: 27px;
            width: 99.26px;
            color: #0D5565;
            font-family: Oswald;
            font-size: 20px;
            font-weight: 300;
            margin-left: 45%;
            letter-spacing: 0.83px;
            line-height: 27px;
            text-align: center;
            border: none;
            background-color: none;
            margin: auto;
            display: block;
            margin-top: 37px !important;
        }

            .sarugby-news .view-more .button {
                background: none;
                border: none;
                color: #0D5565;
            }

        .sarugby-news .view-more-less {
            border: none;
        }

            .sarugby-news .view-more-less .button-around-border {
                border-radius: 0% !important;
            }

            .sarugby-news .view-more-less .btn-content .arrow-more {
                display: inline;
            }

            .sarugby-news .view-more-less .btn-content:not(.collapsed) .arrow-more {
                display: none;
            }

            .sarugby-news .view-more-less .btn-content.collapsed .arrow-less {
                display: none;
            }

            .sarugby-news .view-more-less .collapse {
                visibility: hidden;
            }

                .sarugby-news .view-more-less .collapse.show {
                    visibility: visible;
                    display: block;
                }

            .sarugby-news .view-more-less .collapsing {
                position: relative;
                height: 0;
                overflow: hidden;
                -webkit-transition-property: height, visibility;
                transition-property: height, visibility;
                -webkit-transition-duration: 0.35s;
                transition-duration: 0.35s;
                -webkit-transition-timing-function: ease;
                transition-timing-function: ease;
            }

                .sarugby-news .view-more-less .collapsing.width {
                    -webkit-transition-property: width, visibility;
                    transition-property: width, visibility;
                    width: 0;
                    height: auto;
                }

        .sarugby-news .card-padding {
            padding: 0% 0% 1% 1%;
            object-fit: cover;
        }

        .sarugby-news .video-image {
            position: absolute;
            top: 0%;
            left: 0%;
            right: 0%;
            bottom: 50%;
            margin: auto;
            z-index: 4;
            width: 35px;
            height: 35px;
            color: #AD0D0D;
        }

        .sarugby-news .view-more {
            height: 27px;
            width: 99.26px;
            color: #0D5565;
            font-family: Oswald;
            font-size: 20px;
            font-weight: 300;
            margin-left: 45%;
            letter-spacing: 0.83px;
            line-height: 27px;
            text-align: center;
            border: none;
            background-color: none;
            margin: auto;
            display: block;
            margin-top: 37px !important;
        }

        .sarugby-news .highlight-padding {
            padding: 0% 1% 1% 0%;
        }

        .sarugby-news #highlights-scroll {
            left: 0;
            width: 100%;
            position: relative;
        }

        .sarugby-news #leftArrow {
            cursor: pointer;
        }

        .sarugby-news #rightArrow {
            cursor: pointer;
        }

        .sarugby-news .header {
            line-height: 55px;
            font-size: 40px;
            font-weight: 100;
            color: #ffffff;
        }

        .sarugby-news .cards {
            overflow: auto;
            display: flex;
        }

            .sarugby-news .cards::-webkit-scrollbar {
                display: none;
            }

        .sarugby-news .control {
            color: #ffffff;
        }

            .sarugby-news .control:any-link {
                color: #ffffff;
                text-decoration: none;
                line-height: 55px;
                font-size: 25px;
                font-weight: 600;
            }

        .sarugby-news .a:any-link {
            text-decoration: none;
        }

        .sarugby-news .image-fit-video {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }

        .sarugby-news .card {
            height: 100%;
            width: 50%;
            overflow: hidden;
            border-radius: 0px;
        }

        .sarugby-news .card-video {
            height: 385px;
            width: 100%;
            overflow: hidden;
        }

            .sarugby-news .card-video .bottom-left {
                position: absolute;
                bottom: 8px !important;
                left: 26px;
            }

                .sarugby-news .card-video .bottom-left .news-title {
                    color: #F29701;
                    font-weight: bold;
                }

                .sarugby-news .card-video .bottom-left .category-text {
                    line-height: 25px;
                    font-size: 15px;
                    color: #F29701;
                    font-weight: 600;
                    text-transform: uppercase;
                }

            .sarugby-news .card-video .card-img-top {
                width: 100%;
                object-fit: cover;
                overflow: hidden;
                border-radius: 0%;
                object-position: top;
                max-height: 95%;
            }

            .sarugby-news .card-video .link-icons {
                position: absolute;
                display: table;
                z-index: 2;
                opacity: 0;
                width: 100%;
                height: 100%;
                vertical-align: middle;
                text-align: center;
                margin: auto;
            }

                .sarugby-news .card-video .link-icons:hover {
                    opacity: 1;
                    background: rgba(0, 0, 0, 0.5) center no-repeat;
                }

            .sarugby-news .card-video div.inner {
                display: block;
                width: 100%;
                height: 100%;
                display: table-cell;
                vertical-align: middle;
            }

            .sarugby-news .card-video .large {
                font-size: 20px;
                line-height: 30px;
                background-color: #ffffff;
                color: #373D4A;
                text-decoration: none;
                padding: 0 10px 0 10px;
            }

                .sarugby-news .card-video .large:hover {
                    background-color: red;
                    color: #ffffff;
                }

            .sarugby-news .card-video .card-body .card-title {
                height: 60px;
                width: inherit;
                color: #0D5565;
                font-family: Oswald;
                font-size: 20px;
                font-weight: 300;
                line-height: 40px;
            }

                .sarugby-news .card-video .card-body .card-title:any-link {
                    text-decoration: none;
                }

            .sarugby-news .card-video .card-body .category-text {
                line-height: 25px;
                font-size: 15px;
                color: #F29701;
                font-weight: 600;
                text-transform: uppercase;
            }

            .sarugby-news .card-video .card-footer {
                height: 51px;
                width: 190px;
                color: #373D4A;
                font-family: Helvetica;
                font-size: 14px;
                font-weight: 300;
                line-height: 17px;
                border: none;
                background: transparent;
            }

        .sarugby-news .card-article2 {
            background-color: #F29701;
            height: inherit;
            width: inherit;
            box-shadow: 0 2px 4px 0 #CDD3DD;
        }

            .sarugby-news .card-article2 .card-img-top {
                display: none;
            }

            .sarugby-news .card-article2 .card-body .card-title {
                height: 122.62px;
                width: 360.8px;
                color: #FFFFFF;
                font-family: Oswald;
                font-size: 40px;
                font-weight: 300;
                line-height: 39px;
            }

                .sarugby-news .card-article2 .card-body .card-title:any-link {
                    text-decoration: none;
                }

            .sarugby-news .card-article2 .card-body .category-text {
                line-height: 25px;
                font-size: 15px;
                color: #F29701;
                font-weight: 600;
                text-transform: uppercase;
            }

            .sarugby-news .card-article2 .card-body .card-text {
                min-height: 150px;
                width: 374.6px;
                color: #FFFFFF;
                font-family: Helvetica;
                font-size: 14px;
                line-height: 17px;
            }

            .sarugby-news .card-article2 .card-footer {
                height: 51px;
                width: 190px;
                color: #373D4A;
                font-family: Helvetica;
                font-size: 14px;
                font-weight: 300;
                line-height: 17px;
                border: none;
                background: transparent;
            }

        .sarugby-news .card-article4 {
            width: 100%;
            max-height: 900px;
        }

            .sarugby-news .card-article4 .card-img-top {
                height: 100%;
                width: auto;
                object-fit: cover;
                object-position: top;
            }

            .sarugby-news .card-article4 .card-title {
                color: #FFFFFF;
                width: auto;
            }

            .sarugby-news .card-article4 .bottom-left {
                position: absolute;
                bottom: 25px;
                left: 0px;
            }

                .sarugby-news .card-article4 .bottom-left h {
                    height: 48px;
                    width: 686.64px;
                    color: #FFFFFF;
                    font-family: Oswald;
                    font-size: 40px;
                    font-weight: 300;
                    line-height: 39px;
                }
}

.sarugby-news {
    display: block;
    height: 100%;
    width: 100%;
    padding: 40px;
    background-color: #ffffff;
    color: #ffffff;
    display: inline-block;
    padding-top: 0;
}

    .sarugby-news .social-buttons-pos {
        margin-right: 25px;
        padding-bottom: 0px !important;
        padding-top: 3px !important;
    }

    .sarugby-news .card-box-shadow {
        box-shadow: 0 2px 2px 0 #CDD3DD;
        position: relative;
    }

    .sarugby-news .positioning {
        position: relative;
    }

    .sarugby-news .card-body .card-title {
        height: 122.62px;
        width: 360.8px;
        color: #0D5565;
        font-family: Oswald;
        font-size: 40px;
        font-weight: 300;
        line-height: 39px;
        text-transform: uppercase;
    }

    .sarugby-news .card-body .card-score {
        font-size: 40px !important;
        color: #fff !important;
    }

        .sarugby-news .card-body .card-score span {
            color: #F29701;
        }

    .sarugby-news .card-body .card-title:any-link {
        text-decoration: none;
    }

    .sarugby-news .card-body .category-text {
        line-height: 25px;
        font-size: 15px;
        color: #F29701;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 8px;
    }

    .sarugby-news .card-body .card-text {
        min-height: 150px;
        width: inherit;
        color: #373D4A;
        font-family: Helvetica;
        font-size: 14px;
        line-height: 17px;
    }

    .sarugby-news .card-footer {
        height: 51px;
        width: 190px;
        color: #373D4A;
        font-family: Helvetica;
        font-size: 14px;
        font-weight: 300;
        line-height: 17px;
        border: none;
        background: transparent;
        margin-bottom: 10px;
        position: absolute;
        bottom: 5px;
    }

        .sarugby-news .card-footer b {
            font-weight: bold;
        }

    .sarugby-news .row-space {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .sarugby-news .overlay-share {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 9999;
    }

    .sarugby-news .view-more {
        height: 27px;
        width: 99.26px;
        color: #0D5565;
        font-family: Oswald;
        font-size: 20px;
        font-weight: 300;
        margin-left: 45%;
        letter-spacing: 0.83px;
        line-height: 27px;
        text-align: center;
        border: none;
        background-color: none;
        margin: auto;
        display: block;
        margin-top: 37px !important;
    }

        .sarugby-news .view-more .button {
            background: none;
            border: none;
            color: #0D5565;
        }

    .sarugby-news .view-more-less {
        border: none;
    }

        .sarugby-news .view-more-less .margin-10 {
            margin-top: -10px;
        }

        .sarugby-news .view-more-less .button-around-border {
            border-radius: 0% !important;
        }

        .sarugby-news .view-more-less .btn-content .arrow-more {
            display: inline;
        }

        .sarugby-news .view-more-less .btn-content:not(.collapsed) .arrow-more {
            display: none;
        }

        .sarugby-news .view-more-less .btn-content.collapsed .arrow-less {
            display: none;
        }

        .sarugby-news .view-more-less .collapse {
            visibility: hidden;
        }

            .sarugby-news .view-more-less .collapse.show {
                visibility: visible;
                display: block;
            }

        .sarugby-news .view-more-less .collapsing {
            position: relative;
            height: 0;
            overflow: hidden;
            -webkit-transition-property: height, visibility;
            transition-property: height, visibility;
            -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
            -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
        }

            .sarugby-news .view-more-less .collapsing.width {
                -webkit-transition-property: width, visibility;
                transition-property: width, visibility;
                width: 0;
                height: auto;
            }

    .sarugby-news .card-padding {
        padding: 0% 0% 1% 1%;
        object-fit: cover;
    }

    .sarugby-news .view-more {
        height: 27px;
        width: 99.26px;
        color: #0D5565;
        font-family: Oswald;
        font-size: 20px;
        font-weight: 300;
        margin-left: 45%;
        letter-spacing: 0.83px;
        line-height: 27px;
        text-align: center;
        border: none;
        background-color: none;
        margin: auto;
        display: block;
        margin-top: 37px !important;
        margin-bottom:25px;
    }

    .sarugby-news .highlight-padding {
        padding: 0% 1% 1% 0%;
    }

    .sarugby-news #highlights-scroll {
        left: 0;
        width: 100%;
        position: relative;
    }

    .sarugby-news #leftArrow {
        cursor: pointer;
    }

    .sarugby-news #rightArrow {
        cursor: pointer;
    }

    .sarugby-news .header {
        line-height: 55px;
        font-size: 40px;
        font-weight: 100;
        color: #ffffff;
    }

    .sarugby-news .cards {
        overflow: auto;
        display: flex;
    }

        .sarugby-news .cards::-webkit-scrollbar {
            display: none;
        }

    .sarugby-news .control {
        color: #ffffff;
    }

        .sarugby-news .control:any-link {
            color: #ffffff;
            text-decoration: none;
            line-height: 55px;
            font-size: 25px;
            font-weight: 600;
        }

    .sarugby-news .a:any-link {
        text-decoration: none;
    }

    .sarugby-news .card {
        height: 100%;
        width: 50%;
        overflow: hidden;
        border-radius: 0px;
    }

    .sarugby-news .card-video {
        height: 385px;
        width: inherit;
    }

        .sarugby-news .card-video .bottom-left {
            position: absolute;
            bottom: 8%;
        }

            .sarugby-news .card-video .bottom-left .news-title {
                color: #F29701;
                font-weight: bold;
            }

            .sarugby-news .card-video .bottom-left .category-text {
                line-height: 25px;
                font-size: 15px;
                color: #F29701;
                font-weight: 500;
                text-transform: uppercase;
            }

        .sarugby-news .card-video .card-img-top {
            width: 100%;
            object-fit: cover;
            overflow: hidden;
            border-radius: 0%;
            object-position: top;
            max-height: 95%;
        }

        .sarugby-news .card-video .link-icons {
            position: absolute;
            display: table;
            z-index: 2;
            opacity: 0;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            text-align: center;
            margin: auto;
        }

            .sarugby-news .card-video .link-icons:hover {
                opacity: 1;
                background: rgba(0, 0, 0, 0.5) center no-repeat;
            }

        .sarugby-news .card-video div.inner {
            display: block;
            width: 100%;
            height: 100%;
            display: table-cell;
            vertical-align: middle;
        }

        .sarugby-news .card-video .large {
            font-size: 20px;
            line-height: 30px;
            background-color: #ffffff;
            color: #373D4A;
            text-decoration: none;
            padding: 0 10px 0 10px;
        }

            .sarugby-news .card-video .large:hover {
                background-color: red;
                color: #ffffff;
            }

        .sarugby-news .card-video .card-body .card-title {
            height: 60px;
            width: inherit;
            color: #0D5565;
            font-family: Oswald;
            font-size: 20px;
            font-weight: 300;
            line-height: 27px;
        }

            .sarugby-news .card-video .card-body .card-title:any-link {
                text-decoration: none;
            }

        .sarugby-news .card-video .card-body .category-text {
            line-height: 25px;
            font-size: 15px;
            color: #F29701;
            font-weight: 500;
            text-transform: uppercase;
            width: inherit;
            font-family: Oswald;
            color: #F29701;
        }

        .sarugby-news .card-video .card-footer {
            height: 51px;
            width: 190px;
            color: #373D4A;
            font-family: Helvetica;
            font-size: 14px;
            font-weight: 300;
            line-height: 17px;
            border: none;
            background: transparent;
            bottom: 0;
        }

    .sarugby-news .card-article1 {
        background-color: #ffffff;
        height: 446px;
        box-shadow: 0 2px 4px 0 #CDD3DD;
    }

        .sarugby-news .card-article1 .card-img-top {
            display: none;
        }

    .sarugby-news .card-article2 {
        background-color: #F29701;
        height: inherit;
        width: inherit;
        box-shadow: 0 2px 4px 0 #CDD3DD;
    }

        .sarugby-news .card-article2 .card-img-top {
            display: none;
        }

        .sarugby-news .card-article2 .card-body .card-title {
            height: 122.62px;
            width: 360.8px;
            color: #FFFFFF;
            font-family: Oswald;
            font-size: 40px;
            font-weight: 300;
            line-height: 39px;
        }

            .sarugby-news .card-article2 .card-body .card-title:any-link {
                text-decoration: none;
            }

        .sarugby-news .card-article2 .card-body .category-text {
            line-height: 25px;
            font-size: 15px;
            color: #F29701;
            font-weight: 600;
            text-transform: uppercase;
        }

        .sarugby-news .card-article2 .card-body .card-text {
            min-height: 150px;
            width: 374.6px;
            color: #FFFFFF;
            font-family: Helvetica;
            font-size: 14px;
            line-height: 17px;
        }

        .sarugby-news .card-article2 .card-footer {
            height: 51px;
            width: 190px;
            color: #373D4A;
            font-family: Helvetica;
            font-size: 14px;
            font-weight: 300;
            line-height: 17px;
            border: none;
            background: transparent;
        }

    .sarugby-news .card-article4 {
        width: 100%;
        max-height: 910px;
    }

        .sarugby-news .card-article4 .card-img-top {
            height: 100%;
            width: auto;
            object-fit: cover;
            object-position: top;
        }

        .sarugby-news .card-article4 .card-title {
            color: #FFFFFF;
            width: auto;
            text-shadow: 2px 2px 5px #121212;
        }

        .sarugby-news .card-article4 .bottom-left {
            position: absolute;
            bottom: 25px;
            left: 0px;
        }

            .sarugby-news .card-article4 .bottom-left h {
                height: 48px;
                width: 686.64px;
                color: #FFFFFF;
                font-family: Oswald;
                font-size: 40px;
                font-weight: 300;
                line-height: 39px;
            }

@media (max-width: 991px) {
    .sarugby-news .card-video {
        height: 301px;
    }
}

@media (min-width: 320px) and (max-width: 756px) {
    .sarugby-news {
        padding: 20px;
    }
}

/* Top Five Styles*/
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-top-five {
    display: block;
    min-height: 500px;
    background-color: #373D4A;
    color: #ffffff;
}

@media (min-width: 992px) {
    .sarugby-top-five {
        padding: 40px;
    }
}

@media screen and (max-width: 756px) {
    .sarugby-top-five {
        padding-top: 20px;
        padding-right: 0px;
        padding-left: 0px;
    }
}

.sarugby-top-five .card-text {
    margin-top: 15px;
}

@media (max-width: 640px) {
    .sarugby-top-five .controls {
        display: none;
    }
}

.sarugby-top-five .top5news-scrollable-div {
    display: block !important;
    overflow: hidden;
}

@media (max-width: 640px) {
    .sarugby-top-five .top5news-scrollable-div {
        overflow: auto;
    }
}

@media screen and (max-width: 576px) {
    .sarugby-top-five .top5news-scrollable-div {
        margin-top: -14px;
    }
}

.sarugby-top-five #top5news-scrollable-div {
    left: 0;
    width: 184%;
    position: relative;
    display: block !important;
    overflow: hidden;
}

@media (max-width: 640px) {
    .sarugby-top-five #top5news-scrollable-div {
        overflow: auto;
        width: 502%;
    }
}

.sarugby-top-five #top5news-scrollable-div > div {
    float: left;
    width: 17.5%;
}

.sarugby-top-five #top5news-leftArrow {
    cursor: pointer;
}

.sarugby-top-five #top5news-rightArrow {
    cursor: pointer;
}

.sarugby-top-five .header {
    line-height: 55px;
    font-size: 40px;
    font-weight: 100;
    color: #ffffff;
}

@media screen and (max-width: 756px) {
    .sarugby-top-five .header {
        margin-left: 5px;
    }
}

.sarugby-top-five .cards {
    overflow: auto;
    display: flex;
}

    .sarugby-top-five .cards::-webkit-scrollbar {
        display: none;
    }

.sarugby-top-five .control {
    color: #ffffff;
}

    .sarugby-top-five .control:any-link {
        color: #ffffff;
        text-decoration: none;
        line-height: 55px;
        font-size: 25px;
        font-weight: 600;
    }

.sarugby-top-five .a:any-link {
    text-decoration: none;
}

.sarugby-top-five .card {
    height: 445px;
    overflow: hidden;
    border-radius: 0px;
    flex-basis: 14%;
}

@media (min-width: 1260px) {
    .sarugby-top-five .card {
        height: 348px;
    }
}

.sarugby-top-five .card-video {
    background-color: #ffffff;
    border: none;
}

    .sarugby-top-five .card-video .card-img-top {
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        max-height: 230px;
        border-top-left-radius: unset;
        border-top-right-radius: unset;
        object-position: top;
        height: 100%;
    }

@media (min-width: 1260px) and (max-width: 640px) {
    .sarugby-top-five .card-video .card-img-top {
        max-height: 330px;
    }
}

.sarugby-top-five .card-video .link-icons {
    position: absolute;
    display: table;
    z-index: 2;
    opacity: 1;
    width: 101%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    margin: auto;
}

    .sarugby-top-five .card-video .link-icons:hover {
        opacity: 1;
        background: rgba(0, 0, 0, 0.5) center no-repeat;
    }

.sarugby-top-five .card-video div.inner {
    display: block;
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

    .sarugby-top-five .card-video div.inner a {
        position: relative;
        top: -60px;
    }

@media (min-width: 1260px) and (max-width: 640px) {
    .sarugby-top-five .card-video div.inner a {
        top: -75px;
    }
}

@media (max-width: 1260px) {
    .sarugby-top-five .card-video div.inner a {
        top: -132px;
    }
}

@media (max-width: 992px) {
    .sarugby-top-five .card-video div.inner a {
        top: -56px;
    }
}

@media (max-width: 775px) {
    .sarugby-top-five .card-video div.inner a {
        top: -68px;
    }
}

@media (max-width: 567px) {
    .sarugby-top-five .card-video div.inner a {
        top: -130px;
    }
}

.sarugby-top-five .card-video .large {
    font-size: 20px;
    line-height: 30px;
    text-decoration: none;
    padding: 0 10px 0 10px;
    background-color: red;
    color: #ffffff;
}

.sarugby-top-five .card-video .card-body .card-title {
    color: #0D5565;
    font-family: Oswald;
    font-size: 23px;
    font-weight: 300;
    line-height: 27px;
}

    .sarugby-top-five .card-video .card-body .card-title:any-link {
        text-decoration: none;
    }

.sarugby-top-five .card-video .card-body .category-text {
    height: 23.35px;
    width: 104.05px;
    color: #F29701;
    font-family: Oswald;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    /*line-height: 25px;
                font-size: 15px;
                color: $primary-gold;
                font-weight: 600;
                text-transform: uppercase;*/
}

.sarugby-top-five .card-video .card-footer {
    display: none;
}

.sarugby-top-five .card-article1 {
    background-color: #0D5565;
}

    .sarugby-top-five .card-article1 .card-img-top {
        display: none;
    }

    .sarugby-top-five .card-article1 .card-body .card-title {
        color: #FFFFFF;
        font-family: Oswald;
        font-size: 42px;
        font-weight: 300;
        line-height: 39px;
    }

@media (min-width: 640px) and (max-width: 767px) {
    .sarugby-top-five .card-article1 .card-body .card-title {
        font-size: 28px;
        line-height: 35px;
    }
}

.sarugby-top-five .card-article1 .card-body .card-title:any-link {
    text-decoration: none;
}

.sarugby-top-five .card-article1 .card-body .category-text {
    line-height: 25px;
    font-size: 15px;
    color: #F29701;
    font-weight: 600;
    text-transform: uppercase;
}

.sarugby-top-five .card-article1 .card-body .card-text {
    height: 80.07px;
    color: #CDD3DD;
    font-family: Helvetica;
    font-size: 14px;
    line-height: 17px;
}

@media (min-width: 640px) and (max-width: 767px) {
    .sarugby-top-five .card-article1 .card-body .card-text {
        font-size: 12px;
        line-height: 16px;
    }
}

.sarugby-top-five .card-article1 .custom-padding {
    padding: 1%;
}

.sarugby-top-five .card-article1 .card-footer {
    height: 51px;
    width: 190px;
    color: #FFFFFF;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    border: none;
    background: transparent;
}

@media (min-width: 640px) and (max-width: 767px) {
    .sarugby-top-five .card-article1 .card-footer {
        font-size: 12px;
        line-height: 16px;
    }
}

.sarugby-top-five .card-article2 {
    background-color: #F29701;
}

    .sarugby-top-five .card-article2 .card-img-top {
        display: none;
    }

    .sarugby-top-five .card-article2 .card-body .card-title {
        color: #FFFFFF;
        font-family: Oswald;
        font-size: 42px;
        font-weight: 300;
        line-height: 39px;
        /*line-height: 45px;
                font-size: 40px;
                text-transform: uppercase;
                font-weight: 100;
                color: $primary-white;*/
    }

@media (min-width: 640px) and (max-width: 767px) {
    .sarugby-top-five .card-article2 .card-body .card-title {
        font-size: 28px;
        line-height: 35px;
    }
}

.sarugby-top-five .card-article2 .card-body .card-title:any-link {
    text-decoration: none;
}

.sarugby-top-five .card-article2 .card-body .category-text {
    line-height: 25px;
    font-size: 15px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
}

.sarugby-top-five .card-article2 .card-body .card-text {
    height: 80.07px;
    color: #FFFFFF;
    font-family: Helvetica;
    font-size: 14px;
    line-height: 17px;
}

@media (min-width: 640px) and (max-width: 767px) {
    .sarugby-top-five .card-article2 .card-body .card-text {
        font-size: 12px;
        line-height: 16px;
    }
}

.sarugby-top-five .card-article2 .card-footer {
    height: 51px;
    width: 190px;
    color: #FFFFFF;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    border: none;
    background: transparent;
}

    .sarugby-top-five .card-article2 .card-footer b {
        font-weight: 700;
    }

@media (min-width: 640px) and (max-width: 767px) {
    .sarugby-top-five .card-article2 .card-footer {
        font-size: 12px;
        line-height: 16px;
    }
}

.sarugby-top-five .card-footer {
    margin-bottom: 12px;
}

    .sarugby-top-five .card-footer b {
        font-weight: 700;
    }

.sarugby-top-five .category-text {
    text-transform: uppercase;
    margin-bottom: 0;
}

.sarugby-top-five .card-title {
    text-transform: uppercase;
}

.pagination-top5[data-state=disabled] {
    opacity: 0.3;
    cursor: default;
}

.pagination-nav-top5[data-state=disabled] {
    opacity: 0.3;
    cursor: default;
}

/* Trending component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-trending {
    display: block;
    background-color: #EFEFEF;
    padding: 44px 55px 55px 48px;
    float: left;
}

@media (max-width: 768px) {
    .sarugby-trending {
        padding: 44px 0 55px 48px !important;
    }
}

@media (max-width: 640px) {
    .sarugby-trending {
        padding: 44px 0 55px 37px !important;
    }

        .sarugby-trending .container {
            padding-left: 0;
            padding-right: 0;
        }
}

.sarugby-trending .row {
    display: block !important;
}

@media (max-width: 640px) {
    .sarugby-trending .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

@media (max-width: 992px) {
    .sarugby-trending .sliderCtrls {
        display: none;
    }
}

.sarugby-trending .padding-trending {
    padding-right: 8px;
}

.sarugby-trending .text-size {
    height: 22px;
    width: 183.89px;
    font-family: Helvetica;
    font-size: 14px;
    line-height: 17px;
    color: #55707E;
}

.sarugby-trending .sliderCtrl {
    color: #000000;
}

    .sarugby-trending .sliderCtrl:any-link {
        color: #000000;
        text-decoration: none;
        line-height: 55px;
        font-size: 25px;
        font-weight: 600;
    }

.sarugby-trending .a:any-link {
    text-decoration: none;
}

.sarugby-trending #scrolling-div {
    left: 0;
    width: 100%;
    position: relative;
}

@media (max-width: 992px) {
    .sarugby-trending #scrolling-div {
        overflow: auto;
        width: 502%;
    }
}

.sarugby-trending #ArrowLeft {
    cursor: pointer;
}

.sarugby-trending #ArrowRight {
    cursor: pointer;
}

.sarugby-trending .header {
    line-height: 55px;
    font-size: 40px;
    font-weight: 100;
    color: #000000;
    padding: 0% 0% 1.1% 0%;
    margin-bottom: 0;
}

.sarugby-trending .cards {
    overflow: auto;
    display: flex;
}

    .sarugby-trending .cards::-webkit-scrollbar {
        display: none;
    }

.sarugby-trending .card {
    background-color: #ffffff;
    border-radius: 0%;
    box-shadow: 0 2px 4px 0 #CDD3DD;
    max-height: 400px;
}

@media (max-width: 992px) {
    .sarugby-trending .card {
        flex: 0 0 91%;
        max-width: 100%;
    }
}

.sarugby-trending .card .card-img-top {
    height: 160px !important;
    object-fit: cover;
    border-radius: 0%;
    object-position: top;
}

@media screen and (max-width: 403px) {
    .sarugby-trending .card .card-img-top {
        max-height: 145px;
    }
}

.sarugby-trending .card .pad-top {
    padding-top: 15px;
}

.sarugby-trending .card .card-body {
    width: 96%;
    overflow: hidden;
}

    .sarugby-trending .card .card-body .card-title {
        border: none;
        padding: 0px;
        margin: 0px;
        line-height: 22px;
        font-size: 15px;
        font-family: Helvetica;
        font-weight: bold;
    }

    .sarugby-trending .card .card-body .social-profile-picture {
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }

    .sarugby-trending .card .card-body .card-text {
        font-family: Helvetica;
        font-weight: 300;
        font-size: 13px;
        line-height: 18px;
    }

@media (max-width: 640px) {
    .sarugby-trending .card .card-body .card-text {
        overflow: auto;
    }
}

.sarugby-trending .card .text-family {
    font-family: Helvetica;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
}

.sarugby-trending .card .card-footer {
    background: transparent;
    border: none;
    color: #55707E;
}

    .sarugby-trending .card .card-footer a:any-link {
        color: #55707E;
        text-decoration: none;
        margin-right: 10px;
    }

    .sarugby-trending .card .card-footer .share-container {
        border: none;
    }

        .sarugby-trending .card .card-footer .share-container .share-flex {
            margin-top: -51px;
            margin-left: 26px;
        }

            .sarugby-trending .card .card-footer .share-container .share-flex .social-icon {
                width: 20px;
                height: auto;
            }

.sarugby-trending .cards .m-2:first-of-type {
    margin-left: 0 !important;
}

.sarugby-trending .cards .col-md-3:first-of-type {
    margin-left: 0 !important;
}

.sarugby-trending .cards .col-12:first-of-type {
    margin-left: 0 !important;
}

.trending-top5[data-state=disabled] {
    opacity: 0.3;
    cursor: default;
}

/* Following Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#following-page {
    background-color: #EFEFEF;
    font-family: Oswald;
}

    #following-page #ViewMoreFTO {
        float: none !important;
        margin: 15px 0 32px 0 !important;
    }

    #following-page .col-xs-12 {
        padding: 0;
    }

    #following-page .margin-top20 {
        margin-top: 20px;
    }

    #following-page .padding-top20 {
        padding-top: 20px;
    }

    #following-page .nav-container {
        width: 100%;
        text-align: center;
        background-color: #ffffff;
        margin: 0 auto;
    }

        #following-page .nav-container nav {
            display: inline-block;
        }

        #following-page .nav-container #nav-tab {
            width: 100%;
            margin: 20px auto;
        }

@media (max-width: 768px) {
    #following-page .nav-container #nav-tab {
        display: flex;
    }
}

#following-page .nav-container .nav-tabs .nav-link.active, #following-page .nav-container .nav-tabs .nav-item.show .nav-link, #following-page .nav-container .nav-tabs .nav-link {
    border-width: 1px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    padding: 0.5rem 2rem;
    letter-spacing: 1px;
    color: #0D5565 !important;
    font-size: 25px !important;
}

@media (max-width: 768px) {
    #following-page .nav-container .nav-tabs .nav-link.active, #following-page .nav-container .nav-tabs .nav-item.show .nav-link, #following-page .nav-container .nav-tabs .nav-link {
        font-size: 22px !important;
    }
}

#following-page .nav-container .nav-link.active::before {
    bottom: -18px;
}

@media (max-width: 768px) {
    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
        padding: 0.5rem 1rem !important;
    }
}

.sarugby-follow-new {
    display: block;
    color: #ffffff;
    float: left;
}

@media (min-width: 992px) {
    .sarugby-follow-new {
        padding: 40px;
    }
}

@media screen and (max-width: 756px) {
    .sarugby-follow-new {
        padding-top: 20px;
        padding-right: 0px;
        padding-left: 0px;
    }
}

.sarugby-follow-new .card-text {
    margin-top: 15px;
}

@media (max-width: 767px) {
    .sarugby-follow-new .controls {
        display: none;
    }
}

.sarugby-follow-new .following-scrollable-div {
    display: block !important;
    overflow: hidden;
}

@media (max-width: 767px) {
    .sarugby-follow-new .following-scrollable-div {
        overflow: auto;
    }
}

.sarugby-follow-new #following-scrollable-div {
    left: 0;
    width: 184%;
    position: relative;
    display: flex !important;
    overflow: hidden;
}

@media (max-width: 767px) {
    .sarugby-follow-new #following-scrollable-div {
        overflow: auto;
        width: 269%;
    }
}

.sarugby-follow-new #following-scrollable-div > div {
    float: left;
    width: 11.5%;
}

@media (min-width: 767px) {
    .sarugby-follow-new #following-scrollable-div > div {
        width: 16.6%;
    }
}

@media (min-width: 1040px) {
    .sarugby-follow-new #following-scrollable-div > div {
        width: 17.6%;
    }
}

@media (max-width: 576px) {
    .sarugby-follow-new #following-scrollable-div > div {
        width: 14.5%;
    }
}

.sarugby-follow-new #top5news-leftArrow {
    cursor: pointer;
}

.sarugby-follow-new #top5news-rightArrow {
    cursor: pointer;
}

.sarugby-follow-new .header {
    line-height: 55px;
    font-size: 40px;
    font-weight: 100;
    color: #ffffff;
    text-transform: uppercase;
}

.sarugby-follow-new .cards {
    overflow: auto;
    display: flex;
}

    .sarugby-follow-new .cards::-webkit-scrollbar {
        display: none;
    }

.sarugby-follow-new .control {
    color: #ffffff;
}

    .sarugby-follow-new .control:any-link {
        color: #ffffff;
        text-decoration: none;
        line-height: 55px;
        font-size: 25px;
        font-weight: 600;
    }

.sarugby-follow-new .a:any-link {
    text-decoration: none;
}

.sarugby-follow-new .following-div {
    overflow: hidden;
    border-radius: 0px;
    width: 30%;
    background: none;
}

@media (min-width: 1260px) {
    .sarugby-follow-new .following-div {
        height: 348px;
    }
}

.sarugby-follow-new h3 {
    color: #FFFFFF;
    font-family: Oswald;
    font-size: 40px;
    font-weight: 300;
    line-height: 55px;
    text-transform: uppercase;
}

.sarugby-follow-new .following-image-container img {
    border: 4px solid #0E4749;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.sarugby-follow-new .following-image-container, .sarugby-follow-new .follow-image-add {
    width: 230px;
    height: 230px;
    margin: 0 auto;
    /* @media (min-width: 731px) and (max-width: 1110px) {
            width: 220px;
            height: 220px;
        }*/
}

@media (min-width: 1400px) {
    .sarugby-follow-new .following-image-container, .sarugby-follow-new .follow-image-add {
        width: 281px;
        height: 281px;
    }
}

@media (max-width: 1118px) {
    .sarugby-follow-new .following-image-container, .sarugby-follow-new .follow-image-add {
        width: 165px;
        height: 165px;
    }
}

@media (max-width: 673px) {
    .sarugby-follow-new .following-image-container, .sarugby-follow-new .follow-image-add {
        width: 145px;
        height: 145px;
    }
}

@media (max-width: 640px) {
    .sarugby-follow-new .following-image-container, .sarugby-follow-new .follow-image-add {
        width: 135px;
        height: 135px;
    }
}

@media (max-width: 620px) {
    .sarugby-follow-new .following-image-container, .sarugby-follow-new .follow-image-add {
        width: 125px;
        height: 125px;
    }
}

@media (max-width: 619px) {
    .sarugby-follow-new .following-image-container, .sarugby-follow-new .follow-image-add {
        width: 120px;
        height: 120px;
    }
}

@media (max-width: 542px) {
    .sarugby-follow-new .following-image-container, .sarugby-follow-new .follow-image-add {
        width: 110px;
        height: 110px;
    }
}

.sarugby-follow-new .follow-image-add {
    border-radius: 50%;
    border: 4px solid #EEF0F3;
    background-color: #0E4749;
    /* margin-top: 30px; */
}

    .sarugby-follow-new .follow-image-add a img {
        display: block;
        margin: 0 auto;
        margin-top: 45%;
    }

.sarugby-follow-new .following-share {
    position: relative;
    bottom: 40%;
    left: 45%;
}

@media (max-width: 580px) {
    .sarugby-follow-new .following-share {
        left: 34%;
    }
}

.sarugby-follow-new .following-share img {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 0;
}

@media (max-width: 760px) {
    .sarugby-follow-new .following-share img {
        width: 21px;
        height: 21px;
    }
}

.sarugby-follow-new .following-share .social-buttons-pos {
    position: absolute;
    bottom: -54px;
    margin-bottom: 48px;
    /* margin-right: 108px; */
    float: left;
    display: flex;
    margin-left: -81px;
    width: 176px;
    justify-content: center;
    flex-wrap: wrap;
}

@media (max-width: 1118px) {
    .sarugby-follow-new .following-share .social-buttons-pos {
        bottom: -62px;
        margin-left: -85px;
    }
}

@media (max-width: 760px) {
    .sarugby-follow-new .following-share .social-buttons-pos {
        bottom: -59px;
        margin-left: -90px;
    }
}

@media (max-width: 590px) {
    .sarugby-follow-new .following-share .social-buttons-pos {
        width: 160px;
        bottom: -59px;
        margin-left: -71px;
    }
}

.sarugby-follow-new .following-share .p-2 {
    padding: 0.1rem !important;
    float: left;
}

.sarugby-follow-new .following-share .social-share {
    width: 100%;
    display: flex;
    display: none;
    text-align: center;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {
    .sarugby-follow-new .mobile-add {
        display: block !important;
    }
}

@media (min-width: 767px) {
    .sarugby-follow-new .mobile-add {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .sarugby-follow-new .desktop-add {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .sarugby-follow-new .follow-image-add-parent {
        width: 25%;
    }
}

@media (min-width: 1000px) {
    .sarugby-follow-new .follow-image-add-parent {
        padding-left: 51px;
    }
}

.sarugby-follow-new .following-div .collapse {
    display: block;
}

.sarugby-follow-new .follow-text {
    font-size: 30px;
    font-weight: 300;
    line-height: 41px;
    text-align: center;
    text-transform: uppercase;
    color: #CDD3DD;
    margin: 0;
}

@media (max-width: 580px) {
    .sarugby-follow-new .follow-text {
        font-size: 16px;
        line-height: 23px;
        position: relative;
    }
}

.sarugby-follow-new .status-text {
    color: #CDD3DD;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    margin: 0;
}

@media (max-width: 580px) {
    .sarugby-follow-new .status-text {
        font-size: 14px;
        margin-bottom: initial;
        position: relative;
    }
}

.sarugby-follow-new .palyer-name {
    color: #CDD3DD;
    font-family: Oswald;
    font-size: 30px;
    font-weight: 500;
    line-height: 41px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
}

@media (max-width: 580px) {
    .sarugby-follow-new .palyer-name {
        font-size: 16px;
        line-height: 23px;
    }
}

.sarugby-follow-new .player-status {
    color: #CDD3DD;
    font-family: Oswald;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 70px;
}

@media (max-width: 580px) {
    .sarugby-follow-new .player-status {
        font-size: 11px;
        margin-bottom: initial;
    }
}

.sarugby-follow-new .carousel-outer-follow {
    float: left;
}

@media (min-width: 768px) {
    .sarugby-follow-new .row {
        flex-direction: row;
    }

        .sarugby-follow-new .row .col-3 {
            max-width: 25%;
            margin-bottom: 0;
            float: left;
            padding-right: 0;
        }
}

@media (max-width: 990px) {
    .sarugby-follow-new .carousel-item {
        display: block;
    }

    .sarugby-follow-new .controls-top h2 {
        display: block;
    }

    .sarugby-follow-new .controls-top a {
        display: none;
    }

    .sarugby-follow-new .row {
        flex-direction: row;
    }

        .sarugby-follow-new .row .col-3 {
            display: flex;
            max-width: 50%;
            float: left;
            padding: 10px;
        }

            .sarugby-follow-new .row .col-3 .view-container {
                width: 100%;
            }
}

@media (max-width: 575px) {
    .sarugby-follow-new h3 {
        font-size: 15px !important;
    }
}

.paginate-follow[data-state=disabled] {
    opacity: 0.3;
    cursor: default;
}

.whatsapp-mobile {
    position: relative;
    /*top: 0.3px !important;*/
}

/* Most Read Styles*/
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-most-read {
    display: block;
    min-height: 4px;
    padding: 40px;
    background-color: #000000;
    color: #ffffff;
    float: left;
}

    .sarugby-most-read #scroll-div {
        left: 0;
        width: 0;
        height: 0 !important;
        position: absolute;
        z-index: -1;
        overflow: hidden;
    }

    .sarugby-most-read #lArrow {
        cursor: pointer;
    }

    .sarugby-most-read #rArrow {
        cursor: pointer;
    }

    .sarugby-most-read .header {
        line-height: 55px;
        font-size: 40px;
        font-weight: 100;
        color: #8494A5;
        font-weight: 300;
        font-family: Oswald;
    }

    .sarugby-most-read .cards {
        overflow: auto;
        display: flex;
        background-color: #000000;
    }

        .sarugby-most-read .cards::-webkit-scrollbar {
            display: none;
        }

    .sarugby-most-read .ctrl {
        color: #ffffff;
    }

        .sarugby-most-read .ctrl:any-link {
            color: #ffffff;
            text-decoration: none;
            line-height: 55px;
            font-size: 25px;
            font-weight: 600;
        }

    .sarugby-most-read .a:any-link {
        text-decoration: none;
    }

    .sarugby-most-read .card {
        overflow: hidden;
        border-radius: 0px;
    }

    .sarugby-most-read .widespace {
        height: 20px;
    }

    .sarugby-most-read .widespace1 {
        height: 30px;
    }

    .sarugby-most-read .card-article {
        background-color: #000000;
        border: none;
        padding-left: 8px;
        padding-top: 0px;
        margin-left: 0px;
    }

        .sarugby-most-read .card-article .card-body {
            padding-top: 0px;
            padding-left: 8px;
            padding-bottom: 0px;
            margin-left: 0px;
        }

            .sarugby-most-read .card-article .card-body .card-title {
                color: #FFFFFF;
                font-family: Oswald;
                font-size: 40px;
                font-weight: 200;
                line-height: 39px;
            }

                .sarugby-most-read .card-article .card-body .card-title:any-link {
                    text-decoration: none;
                }

            .sarugby-most-read .card-article .card-body .card-text {
                padding-top: 0px;
                color: #8494A5;
                font-family: Helvetica;
                font-size: 14px;
                line-height: 17px;
                line-height: 19px;
            }

        .sarugby-most-read .card-article .cards-footer {
            margin-top: 0px;
            padding-left: 0px;
            margin-left: 8px;
            height: 51px;
            color: #8494A5;
            font-family: Helvetica;
            font-size: 14px;
            font-weight: bold;
            line-height: 17px;
            padding-left: 0px;
            border: none;
            background: transparent;
            margin-top: 37px;
        }

            .sarugby-most-read .card-article .cards-footer .cards-footer-text {
                font-weight: normal;
            }

@media (max-width: 767px) {
    .sarugby-most-read .sarugby-most-read {
        padding: 40px 0;
    }

    .sarugby-most-read #related-articles {
        display: block !important;
    }

    .sarugby-most-read .card-article {
        width: 100%;
        margin: 0 !important;
    }

    .sarugby-most-read .header {
        line-height: 29px;
        font-size: 28px;
    }

    .sarugby-most-read .card-title {
        line-height: 32px;
        font-size: 25px;
    }
}

/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-most-popular {
    margin-right: -36px;
    /********card frame **************/
}

    .sarugby-most-popular body {
        background: #e2e2e2;
    }

    .sarugby-most-popular .card {
        /*position: relative;*/
        /*border-radius: 3px;*/
        background-color: #fff;
        color: #4f5256;
        /*border: 1px solid #f2f2f2;*/
        margin-bottom: 16px;
        background: #fff;
        border: none;
    }

    .sarugby-most-popular .card-header {
        color: #000000;
        font-family: Oswald;
        font-size: 30px;
        font-weight: 300;
        line-height: 41px;
        background: url() transparent;
    }

    .sarugby-most-popular .card-body {
        position: relative;
        padding: 16px;
    }

    .sarugby-most-popular .gaadiex-list {
        list-style-type: none;
    }

        .sarugby-most-popular .gaadiex-list > .gaadiex-list-item {
            padding: 15px;
        }

            .sarugby-most-popular .gaadiex-list > .gaadiex-list-item span {
                float: left;
                padding: 4%;
                color: #000000;
            }

    .sarugby-most-popular .gaadiex-list-item-text {
        height: auto;
        width: auto;
    }

        .sarugby-most-popular .gaadiex-list-item-text a {
            color: #000000;
            font-weight: 100;
            font-size: medium;
        }

        .sarugby-most-popular .gaadiex-list-item-text p {
            font-weight: 300;
            font-size: xx-small;
        }

    .sarugby-most-popular .gaadiex-list-item-img {
        float: left;
        width: 90px;
        height: 100px;
        /*margin-top: 20px;*/
        margin-bottom: 8px;
        margin-right: 20px;
        /*border-radius: 50%;*/
    }

    .sarugby-most-popular .gaadiex-list-item i {
        float: left;
        font-size: 48px;
        width: 58px;
        height: 58px;
        margin-top: 20px;
        margin-bottom: 8px;
        margin-right: 20px;
        /*border-radius: 50%;*/
    }

    .sarugby-most-popular .border-b-1 {
        border-bottom: 1px solid rgba(162, 162, 162, 0.16);
    }

@media (max-width: 1280px) {
    .sarugby-most-popular {
        display: none;
    }
}

/* Previous Next Article*/
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-previous-next-article {
    padding: 40px 0;
    float: left;
    width: 100%;
    display: block;
    min-height: 4px;
    padding-top: 50px;
    background-color: #ffffff;
    color: #ffffff;
}

    .sarugby-previous-next-article .header-next {
        line-height: 23.5px;
        font-size: 15px;
        color: #373D4A;
        font-weight: 600;
        font-family: Oswald;
        text-transform: uppercase;
        float: left;
        padding-right: 10px;
        padding-top: 4px;
        vertical-align: middle;
    }

    .sarugby-previous-next-article .header-previous {
        line-height: 23.5px;
        font-size: 15px;
        color: #373D4A;
        font-weight: 600;
        font-family: Oswald;
        text-transform: uppercase;
        float: right;
        padding-left: 10px;
        padding-top: 4px;
    }

    .sarugby-previous-next-article .vertical-line {
        width: 20px;
        border-left: 1px solid #000000;
    }

    .sarugby-previous-next-article .PrevNext_sliderCtrl:any-link {
        color: #000000;
        text-decoration: none;
        line-height: 55px;
        font-size: 25px;
        font-weight: 600;
    }

    .sarugby-previous-next-article #PrevNext_scrolling-div {
        left: 0;
        width: 100%;
        position: relative;
    }

    .sarugby-previous-next-article #PrevNext_ArrowLeft {
        cursor: pointer;
        margin-left: 50px;
    }

@media (max-width: 768px) {
    .sarugby-previous-next-article #PrevNext_ArrowLeft {
        margin-left: 15px;
    }
}

.sarugby-previous-next-article #PrevNext_ArrowRight {
    cursor: pointer;
    margin-right: 50px;
}

@media (max-width: 768px) {
    .sarugby-previous-next-article #PrevNext_ArrowRight {
        margin-right: 20px;
    }
}

.sarugby-previous-next-article .card-article1 {
    background-color: #ffffff;
    border: none;
    padding-top: 0px;
    padding-left: 55px;
    padding-bottom: 0px;
    padding-right: 0;
    margin: -10px;
    flex-basis: 25%;
}

    .sarugby-previous-next-article .card-article1 .card-article-next > div {
        float: left;
        padding-left: 30px;
        padding-right: 0px;
    }

.sarugby-previous-next-article .sarugby-previous-next-article-container {
    max-width: 1455px;
    overflow: hidden;
    margin: auto;
}

.sarugby-previous-next-article .sarugby-previous-next-container {
    margin: auto;
    max-width: 1365px;
}

.sarugby-previous-next-article .article-slider-container {
    margin: auto;
}

.sarugby-previous-next-article .article-slider {
    width: 100%;
    display: flex;
}

.sarugby-previous-next-article .slider {
    float: left;
    padding: 40px 60px;
    width: 50%;
}

    .sarugby-previous-next-article .slider .article-slider-img img {
        max-height: 150px;
        height: 100%;
        object-fit: cover;
        object-position: top;
        width: 100%;
        max-height: 210px;
    }

.sarugby-previous-next-article .with-img {
    display: inline-flex !important;
    flex-wrap: wrap;
}

.sarugby-previous-next-article .slider:first-of-type {
    border-right: solid 1px #fff !important;
}

.sarugby-previous-next-article .slider:last-of-type {
    border-left: solid 1px #000 !important;
}

.sarugby-previous-next-article h2 {
    color: #0D5565;
    font-family: Oswald;
    font-size: 35px;
    font-weight: 100;
    line-height: 44px;
}

    .sarugby-previous-next-article h2 a {
        color: #0D5565 !important;
        text-decoration: none !important;
    }

.sarugby-previous-next-article .PrevNext_sliderCtrls {
    text-transform: uppercase;
    font-weight: 600;
    font-family: Oswald;
    cursor: pointer;
    margin-left: -24px;
}

.sarugby-previous-next-article .slider-content {
    visibility: hidden;
    position: absolute;
    height: 0;
    overflow: hidden;
}

.sarugby-previous-next-article p {
    font-family: helvetica;
    font-size: 13px;
    margin-top: 10px;
    color: #000;
}

.sarugby-previous-next-article .header-previous {
    line-height: 23.5px;
    font-size: 15px;
    color: #373D4A;
    font-weight: 600;
    font-family: Oswald;
    text-transform: uppercase;
    float: right;
    padding-left: 10px;
    padding-top: 4px;
}

@media (max-width: 480px) {
    .sarugby-previous-next-article .header-previous {
        padding-left: 5px;
        padding-top: 5px;
        font-size: 13px;
    }
}

.sarugby-previous-next-article .header-next {
    line-height: 23.5px;
    font-size: 15px;
    color: #373D4A;
    font-weight: 600;
    font-family: Oswald;
    text-transform: uppercase;
    float: left;
    padding-right: 10px;
    padding-top: 4px;
    vertical-align: middle;
}

@media (max-width: 480px) {
    .sarugby-previous-next-article .header-next {
        padding-right: 5px;
        padding-top: 5px;
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .sarugby-previous-next-article .article-slider-container {
        overflow: hidden;
    }

    .sarugby-previous-next-article .slider {
        padding: 0px 25px;
    }

        .sarugby-previous-next-article .slider h2 {
            font-size: 18px;
            line-height: 24px;
        }
}

/* Sponsor style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#sponsors {
    margin-top: 30px !important;
}

.sarugby-sponsors {
    display: block;
    min-height: 100px;
    overflow: hidden;
    background-color: #FFF;
    /*@media (width: 375px) {
        .controls { 
            margin-top: -10px; 
        }
    }*/
}

@media screen and (max-width: 991px) {
    .sarugby-sponsors {
        min-height: 0;
        padding: 20px;
    }
}

.sarugby-sponsors > div {
    overflow: hidden;
}

.sarugby-sponsors .header {
    line-height: 55px;
    font-size: 40px;
    font-weight: 100;
    color: #000000;
}

.sarugby-sponsors .paginate[data-state=disabled] {
    opacity: 0.3;
    cursor: default;
}

.sarugby-sponsors .sponsor-scrollable-container {
    display: block !important;
    overflow: hidden;
}

.sarugby-sponsors div#sponsor-scrollable-container {
    padding: 0 !important;
}

@media screen and (max-width: 991px) {
    .sarugby-sponsors .sponsor-scrollable-container {
        margin: auto;
        width: 85%;
        overflow: hidden;
    }

    .sarugby-sponsors .mobi-relative {
        position: relative;
    }
}

@media screen and (max-width: 991px) {
    .sarugby-sponsors #sponsor-scrollable-container {
        padding: 0 !important;
    }
}

@media screen and (max-width: 756px) {
    .sarugby-sponsors .mobi-absolute {
        position: absolute;
    }

    .sarugby-sponsors .controls {
        width: 100%;
        position: absolute;
        padding-top: 15px;
        cursor: pointer;
    }
}

.sarugby-sponsors #sponsor-scrollable-div {
    transition: .5s all;
}

.sarugby-sponsors #scrollable-div {
    left: 0;
    position: relative;
    overflow: auto;
    display: flex;
}

    .sarugby-sponsors #scrollable-div::-webkit-scrollbar {
        display: none;
    }

.sarugby-sponsors #leftArrow {
    cursor: pointer;
}

.sarugby-sponsors #rightArrow {
    cursor: pointer;
    float: right;
}

.sarugby-sponsors .sponsor {
    overflow: hidden;
    padding: 0 !important;
}

@media (max-width: 756px) {
    .sarugby-sponsors #sponsor-rightArrow {
        cursor: pointer;
        float: right !important;
        margin-right: 12px;
    }
}

@media (max-width: 420px) {
    .sarugby-sponsors .controls {
        margin-top: 0px;
    }
}

@media screen and (max-width: 419px) {
    .sarugby-sponsors .controls {
        padding-top: 5px;
    }
}

.sarugby-sponsors .sponsor-image {
    max-height: 75px;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    display: block;
}

    .sarugby-sponsors .sponsor-image:hover {
        max-height: 75px;
        cursor: pointer;
        -webkit-filter: grayscale(10%);
        /* Safari 6.0 - 9.0 */
        filter: grayscale(10%);
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }

@media (min-width: 992px) {
    .sarugby-sponsors {
        padding: 40px;
    }

        .sarugby-sponsors .sponsor-image {
            width: 50%;
        }
}

@media (max-width: 991px) {
    .sarugby-sponsors .sponsor-image {
        max-width: 90px;
        width: 75%;
    }
}

@media (max-width: 756px) {
    .controls .p-2 {
        padding-top: 0px !important;
        margin-top: 10px;
    }
}

@media (width: 320px) {
    .controls {
        top: -8px;
        width: 100%;
        position: absolute;
    }
}

.controls {
    cursor: pointer;
}

/* Footer Style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
@font-face {
    font-family: 'helvetica';
    src: url("../../../../fonts/helvetica.ttf") format("truetype");
}

.sarugby-footer {
    display: block;
    min-height: 285px;
    font-family: 'Montserrat';
    font-weight: 300;
}

    .sarugby-footer a.footer-link {
        color: white !important;
    }

    .sarugby-footer .footer-navigation {
        background-color: #373D4A;
        color: #ffffff;
        min-height: 285px;
    }

        .sarugby-footer .footer-navigation .footer-link:any-link {
            color: #ffffff;
            text-decoration: none;
        }

        .sarugby-footer .footer-navigation .footer-links-1 {
            background-color: rgba(0, 0, 0, 0.1);
        }

        .sarugby-footer .footer-navigation .footer-links-2 {
            background-color: rgba(0, 0, 0, 0.2);
        }

        .sarugby-footer .footer-navigation .footer-links-3 {
            background-color: rgba(0, 0, 0, 0.3);
        }

        .sarugby-footer .footer-navigation .footer-links-social {
            display: block;
            align-items: center;
            justify-content: center;
        }

@media (max-width: 991px) {
    .sarugby-footer .footer-navigation .footer-logo {
        height: 95px;
    }

    .sarugby-footer .footer-navigation .footer-logo-img {
        height: 78px;
        width: auto;
    }

    .sarugby-footer .footer-navigation .footer-link {
        font-size: x-small;
        padding-left: 0px !important;
        padding-right: 0px !important;
        text-wrap: none;
        text-transform: uppercase;
    }
}

@media (min-width: 992px) {
    .sarugby-footer .footer-navigation .footer-logo-img {
        height: 170px;
        width: auto;
    }

    .sarugby-footer .footer-navigation .footer-links-1 {
        padding-left: 20px;
        padding-top: 30px;
    }

    .sarugby-footer .footer-navigation .footer-links-2 {
        padding-left: 20px;
        padding-top: 30px;
    }

    .sarugby-footer .footer-navigation .footer-links-3 {
        padding-left: 20px;
        padding-top: 30px;
    }

    .sarugby-footer .footer-navigation .footer-links-social {
        background-color: rgba(0, 0, 0, 0.4);
        display: block;
        align-items: center;
        justify-content: center;
    }
}

.sarugby-footer .footer-legal {
    background-color: #ffffff;
    color: #8494A5;
    font-family: helvetica;
    line-height: 21px;
    text-align: center;
    font-size: 14px;
    padding: 32px;
}

    .sarugby-footer .footer-legal .sponsor-img-cont {
        position: absolute;
        left: -205px;
        margin-top: -4px;
    }

        .sarugby-footer .footer-legal .sponsor-img-cont img {
            width: 28%;
        }

@media screen and (max-width: 759px) {
    .sarugby-footer .footer-legal .sponsor-img-cont {
        position: inherit !important;
    }
}

.sarugby-footer .footer-subscribe {
    width: 100% !important;
    float: left;
    flex-basis: 100%;
    text-align: center;
    margin-top: 50px;
}

    .sarugby-footer .footer-subscribe a {
        border: solid 1px;
        color: white;
        padding: 14px 22px;
        text-transform: uppercase;
        font-size: 15px;
    }

        .sarugby-footer .footer-subscribe a:hover {
            background-color: #ffffff;
            color: #303030;
            border: solid 1px #0D5565 !important;
            text-decoration: none;
            transition: 1s all;
        }

.sarugby-footer .footer-social {
    justify-content: center;
    margin-top: 67px;
}

@media (max-width: 992px) {
    .sarugby-footer .footer-social {
        margin-top: 15px;
        margin-bottom:15px;
    }

    .sarugby-footer .footer-subscribe {
        padding-bottom: 25px !important;
        margin-top: 40px;
    }

        .sarugby-footer .footer-subscribe a {
            display: inline-block;
            margin-top: -20px;
        }

    .sarugby-footer .footer-subscribe {
        padding-bottom: 15px;
    }

    .sarugby-footer .footer-social a {
        margin: 4px;
    }
}

/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
i.fa.fa-times {
    font-size: 17pt;
    font-weight: 100;
    padding-left: 14px;
    padding-bottom: -14px;
    position: absolute;
    padding-top: 10px;
}

.sarubgy-video-pane {
    background-color: #000;
}

    .sarubgy-video-pane .video-player-cont {
        margin-top: 0px !important;
        padding-top: 30px;
    }

@media (min-width: 768px) and (max-width: 1024px) {
    .sarubgy-video-pane {
        background-color: #000;
    }

        .sarubgy-video-pane .p-2.video-item-caption {
            position: relative;
            margin: 93px -18px 0px -155px;
            left: auto;
            right: auto;
            width: 100%;
        }
}

.sarubgy-video-pane .btn-back {
    background-color: transparent;
    border-radius: 0px;
    border: 1px solid #fff;
    width: 160px;
    height: 57px;
    font-size: 20pt;
    color: #FFF;
    text-transform: uppercase;
    padding-left: 6px;
    font-family: oswald;
    font-weight: 300;
}

@media screen and (max-width: 767px) {
    .sarubgy-video-pane .btn-back {
        width: 147px;
        height: 53px;
        font-size: 18pt;
    }
}

.sarubgy-video-pane .main-video-pane .main-video {
    width: 100%;
    height: 600px;
    border: 0px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sarubgy-video-pane .main-video-pane .main-video {
        height: 475px;
        width: 103%;
    }
}

@media screen and (max-width: 767px) {
    .sarubgy-video-pane .main-video-pane .main-video {
        width: 100%;
        height: 270px;
    }
}

.sarubgy-video-pane .main-video-pane .main-video-caption h4 {
    color: #FFF;
    font-family: oswald;
    font-weight: 300;
}

.sarubgy-video-pane .main-video-pane .main-video-caption p {
    color: #9B9B9B;
}

.sarubgy-video-pane .video-list-pane {
    height: 600px;
    overflow-y: scroll;
    /* Track */
    /* Handle */
    /* Handle on hover */
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sarubgy-video-pane .video-list-pane {
        overflow-x: hidden;
        height: 475px;
    }
}

.sarubgy-video-pane .video-list-pane ::-webkit-scrollbar {
    width: 10px;
}

.sarubgy-video-pane .video-list-pane ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.sarubgy-video-pane .video-list-pane ::-webkit-scrollbar-thumb {
    background: #888;
}

    .sarubgy-video-pane .video-list-pane ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.sarubgy-video-pane .video-list-pane .title-controls .up-next {
    color: #fff;
}

.sarubgy-video-pane .video-list-pane .title-controls .autoplay {
    color: #fff;
}

.sarubgy-video-pane .video-list-pane .video-list .active-video-item {
    border: 0px;
    border-bottom: 1px solid #373d4a;
    background-color: transparent;
    color: #FFF;
    border-radius: 0px !important;
}

    .sarubgy-video-pane .video-list-pane .video-list .active-video-item .margin-active {
        margin-bottom: 10px;
    }

    .sarubgy-video-pane .video-list-pane .video-list .active-video-item .video-item-pane {
        width: 114px;
        height: 100px;
        border: 0px;
    }

@media screen and (max-width: 767px) {
    .sarubgy-video-pane .video-list-pane .video-list .active-video-item .video-item-pane {
        height: 94px;
    }
}

@media screen and (max-width: 767px) {
    .sarubgy-video-pane .video-list-pane .video-list .active-video-item .video-item-caption {
        padding-left: 40px;
    }
}

.sarubgy-video-pane .video-list-pane .video-list .active-video-item .video-item-caption .video-heading {
    font-size: 14pt;
    margin-bottom: 2px;
    margin-right: 10px;
}

@media screen and (max-width: 767px) {
    .sarubgy-video-pane .video-list-pane .video-list .active-video-item .video-item-caption .video-heading {
        font-size: 12pt;
    }
}

.sarubgy-video-pane .video-list-pane .video-list .active-video-item .video-item-caption .video-source {
    font-size: 8pt;
    margin-bottom: 0px;
    padding-top: 14px;
}

@media screen and (max-width: 767px) {
    .sarubgy-video-pane .video-list-pane .video-list .active-video-item .video-item-caption .video-source {
        padding-top: 14px;
    }
}

.sarubgy-video-pane .video-list-pane .video-list .active-video-item .video-item-caption .video-views {
    font-size: 8pt;
    margin-bottom: 0px;
}

.sarubgy-video-pane .video-list-pane .video-list .video-item {
    border: 0px;
    border-radius: 0;
    background-color: #16181E;
    color: #FFF;
    cursor: pointer;
}

    .sarubgy-video-pane .video-list-pane .video-list .video-item .video-item-pane {
        pointer-events: none;
        width: 114px;
        height: 100px;
        border: 0px;
        margin-left: 20px;
        margin-top: 5px;
        margin-bottom: 1px;
    }

@media screen and (max-width: 767px) {
    .sarubgy-video-pane .video-list-pane .video-list .video-item .video-item-pane {
        height: 94px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sarubgy-video-pane .video-list-pane .video-list .video-item .video-item-pane {
        width: 137px;
    }
}

.sarubgy-video-pane .video-list-pane .video-list .video-item .video-item-caption .video-heading {
    font-size: 14pt;
    margin-bottom: 2px;
    margin-right: 10px;
}

@media screen and (max-width: 767px) {
    .sarubgy-video-pane .video-list-pane .video-list .video-item .video-item-caption .video-heading {
        font-size: 12pt;
    }
}

.sarubgy-video-pane .video-list-pane .video-list .video-item .video-item-caption .video-source {
    padding-top: 10px;
    color: #9B9B9B;
    font-size: 8pt;
    margin-bottom: 0px;
}

.sarubgy-video-pane .video-list-pane .video-list .video-item .video-item-caption .video-views {
    color: #9B9B9B;
    font-size: 8pt;
    margin-bottom: 10px;
}

/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
/* xs and sm */
@media (max-width: 991px) {
    .sarugby-video-news .card {
        height: 185px;
        overflow: hidden;
        border-radius: 0%;
        box-shadow: 0 2px 4px 0 #CDD3DD;
    }

    .sarugby-video-news .video-size {
        width: 29.5px;
        height: 30px;
    }

    .sarugby-video-news .card-video {
        height: 320.29px;
        width: 100%;
        padding: 0%;
    }

        .sarugby-video-news .card-video .bottom-left {
            position: absolute;
            bottom: 25px;
            padding: 0 25px;
            left: 15px;
        }

            .sarugby-video-news .card-video .bottom-left .score {
                /*width: inherit;*/
                color: #FFFFFF;
                font-family: Oswald;
                font-size: 20px;
                font-weight: 200;
                /*line-height: 45px;*/
            }

            .sarugby-video-news .card-video .bottom-left .category-text {
                color: #F29701;
                font-family: Oswald;
                font-size: 15px;
                font-weight: 500;
                line-height: 20px;
                text-transform: uppercase;
            }

        .sarugby-video-news .card-video .card-img-top {
            width: 100%;
            object-fit: cover;
            overflow: hidden;
            border-radius: 0%;
            object-position: top;
            max-height: 95%;
        }

        .sarugby-video-news .card-video .link-icons {
            position: absolute;
            display: table;
            z-index: 2;
            opacity: 0;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            text-align: center;
            margin: 0%;
        }

            .sarugby-video-news .card-video .link-icons:hover {
                opacity: 1;
                background: rgba(0, 0, 0, 0.5) center no-repeat;
            }

        .sarugby-video-news .card-video div.inner {
            display: block;
            width: 100%;
            height: 100%;
            display: table-cell;
            vertical-align: middle;
        }

        .sarugby-video-news .card-video .large {
            font-size: 20px;
            line-height: 30px;
            background-color: #ffffff;
            color: #373D4A;
            text-decoration: none;
            padding: 0 10px 0 10px;
        }

            .sarugby-video-news .card-video .large:hover {
                background-color: red;
                color: #ffffff;
            }

        .sarugby-video-news .card-video .card-body .card-title {
            height: 60px;
            width: inherit;
            color: #0D5565;
            font-family: Oswald;
            font-size: 20px;
            font-weight: 300;
            line-height: 30px;
            text-transform: uppercase;
        }

            .sarugby-video-news .card-video .card-body .card-title:any-link {
                text-decoration: none;
            }

        .sarugby-video-news .card-video .card-body .category-text {
            height: 23.35px;
            width: inherit;
            color: #F29701;
            font-family: Oswald;
            font-size: 40px;
            font-weight: 500;
            line-height: 20px;
            color: #F29701;
        }

        .sarugby-video-news .card-video .card-footer {
            height: 51px;
            width: 190px;
            color: #373D4A;
            font-family: Helvetica;
            font-size: 14px;
            font-weight: 300;
            line-height: 17px;
            border: none;
            background: transparent;
        }
}

/* md and xl */
@media (min-width: 992px) {
    .sarugby-video-news .card {
        height: 185px;
        overflow: hidden;
        border-radius: 0%;
        box-shadow: 0 2px 4px 0 #CDD3DD;
    }

    .sarugby-video-news .card-video {
        height: 438px;
        width: 100%;
        padding: 0%;
    }

        .sarugby-video-news .card-video .bottom-left {
            position: absolute;
            bottom: 30px;
            padding: 0 30px;
        }

            .sarugby-video-news .card-video .bottom-left .score {
                /*height: 48px;
                    width: 686.64px;*/
                color: #FFFFFF;
                font-family: Oswald;
                font-size: 40px;
                font-weight: 300;
                line-height: 45px;
            }

            .sarugby-video-news .card-video .bottom-left .category-text {
                height: 20px;
                width: 114.32px;
                color: #F29701;
                font-family: Oswald;
                font-size: 15px;
                font-weight: 500;
                line-height: 20px;
                text-transform: uppercase;
                margin-bottom: 10px !important;
            }

        .sarugby-video-news .card-video .card-img-top {
            width: 100%;
            object-fit: cover;
            overflow: hidden;
            border-radius: 0%;
            object-position: top;
            max-height: 95%;
        }

        .sarugby-video-news .card-video .link-icons {
            position: absolute;
            display: table;
            z-index: 2;
            opacity: 0;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            text-align: center;
            margin: 0%;
        }

            .sarugby-video-news .card-video .link-icons:hover {
                opacity: 1;
                background: rgba(0, 0, 0, 0.5) center no-repeat;
            }

        .sarugby-video-news .card-video div.inner {
            display: block;
            width: 100%;
            height: 100%;
            display: table-cell;
            vertical-align: middle;
        }

        .sarugby-video-news .card-video .large {
            font-size: 20px;
            line-height: 30px;
            background-color: #ffffff;
            color: #373D4A;
            text-decoration: none;
            padding: 0 10px 0 10px;
        }

            .sarugby-video-news .card-video .large:hover {
                background-color: red;
                color: #ffffff;
            }

        .sarugby-video-news .card-video .card-body {
            padding-left: 36px;
            padding-right: 36px;
        }

            .sarugby-video-news .card-video .card-body .card-title {
                height: 60px;
                width: inherit;
                color: #0D5565;
                font-family: Oswald;
                font-size: 20px;
                font-weight: 300;
                line-height: 27px;
                text-transform: uppercase;
            }

                .sarugby-video-news .card-video .card-body .card-title:any-link {
                    text-decoration: none;
                }

            .sarugby-video-news .card-video .card-body .category-text {
                height: 23.35px;
                width: inherit;
                color: #F29701;
                font-family: Oswald;
                font-size: 40px;
                font-weight: 500;
                line-height: 20px;
                color: #F29701;
            }

        .sarugby-video-news .card-video .card-footer {
            height: 51px;
            width: 190px;
            color: #373D4A;
            font-family: Helvetica;
            font-size: 14px;
            font-weight: 300;
            line-height: 17px;
            border: none;
            background: transparent;
        }
}

@media (min-width: 640px) and (max-width: 756px) {
    .sarugby-top-five .card-video .card-img-top {
        height: 75%;
        max-height: 75%;
    }
}

.sarugby-video-news {
    display: block;
    height: 100%;
    width: 100%;
    padding: 40px;
    background-color: #ffffff;
    color: #ffffff;
    padding-top: 15px;
}

    .sarugby-video-news .social-buttons-pos {
        margin-right: 25px;
        padding-bottom: 0px !important;
        padding-top: 3px !important;
    }

    .sarugby-video-news .score-color {
        color: #F29701;
        font-weight: 500;
        margin-left: 15px;
        margin-right: 15px;
    }

    .sarugby-video-news .image-fit {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

    .sarugby-video-news .country-style {
        font-weight: 300;
    }

    .sarugby-video-news .row-space {
        padding: 1%;
    }

    .sarugby-video-news .view-more {
        height: 27px;
        width: 99.26px;
        color: #0D5565;
        font-family: Oswald;
        font-size: 20px;
        font-weight: 300;
        margin-left: 45%;
        letter-spacing: 0.83px;
        line-height: 27px;
        text-align: center;
        border: none;
        background-color: none;
        margin: auto;
        display: block;
        margin-top: 37px !important;
    }

        .sarugby-video-news .view-more .button {
            background: none;
            border: none;
            color: #0D5565;
        }

    .sarugby-video-news card-top-padding {
        margin: 0% !important;
        padding: 1%;
    }

    .sarugby-video-news #highlights-scroll {
        left: 0;
        width: 100%;
        position: relative;
    }

    .sarugby-video-news #leftArrow {
        cursor: pointer;
    }

    .sarugby-video-news #rightArrow {
        cursor: pointer;
    }

    .sarugby-video-news .header {
        line-height: 55px;
        font-size: 40px;
        font-weight: 100;
        color: #ffffff;
    }

    .sarugby-video-news .cards {
        overflow: auto;
        display: flex;
    }

        .sarugby-video-news .cards::-webkit-scrollbar {
            display: none;
        }

    .sarugby-video-news .control {
        color: #ffffff;
    }

        .sarugby-video-news .control:any-link {
            color: #ffffff;
            text-decoration: none;
            line-height: 55px;
            font-size: 25px;
            font-weight: 600;
        }

    .sarugby-video-news .a:any-link {
        text-decoration: none;
    }

    .sarugby-video-news .category-text-2 {
        margin-bottom: 10px;
        width: 114.32px;
        color: #F29701;
        font-family: Oswald;
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        text-transform: uppercase;
    }

    .sarugby-video-news .overlay-share {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 9999;
    }

    .sarugby-video-news .video-image {
        height: 59px;
        width: 59px;
    }

    .sarugby-video-news .overlay-share-large {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 9999;
    }

    .sarugby-video-news .positioning {
        position: relative;
    }

    .sarugby-video-news .video-image {
        position: absolute;
        top: 0%;
        left: 0%;
        right: 0%;
        bottom: 0%;
        margin: auto;
        z-index: 4;
        width: 35px;
        height: 35px;
    }

    .sarugby-video-news .view-more-less {
        border: none;
    }

        .sarugby-video-news .view-more-less .margin-10 {
            margin-top: -10px;
        }

        .sarugby-video-news .view-more-less .button-around-border {
            border-radius: 0% !important;
        }

        .sarugby-video-news .view-more-less .btn-content .arrow-more {
            display: inline;
        }

        .sarugby-video-news .view-more-less .btn-content:not(.collapsed) .arrow-more {
            display: none;
        }

        .sarugby-video-news .view-more-less .btn-content.collapsed .arrow-less {
            display: none;
        }

        .sarugby-video-news .view-more-less .collapse {
            visibility: hidden;
        }

            .sarugby-video-news .view-more-less .collapse.show {
                visibility: visible;
                display: block;
            }

        .sarugby-video-news .view-more-less .collapsing {
            position: relative;
            height: 0;
            overflow: hidden;
            -webkit-transition-property: height, visibility;
            transition-property: height, visibility;
            -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
            -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
        }

            .sarugby-video-news .view-more-less .collapsing.width {
                -webkit-transition-property: width, visibility;
                transition-property: width, visibility;
                width: 0;
                height: auto;
            }

/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
@font-face {
    font-family: 'helvetica';
    src: url("/fonts/helvetica.ttf") format("truetype");
}

@font-face {
    font-family: 'oswald-regular';
    src: url("/fonts/oswald-regular.ttf") format("truetype");
}

@font-face {
    font-family: 'oswald-light';
    src: url("/fonts/oswald-light.ttf") format("truetype");
}

.article-header .article-background {
    background-color: #FFF;
}

.article-header .sub-nav-container {
    max-width: 1455px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px;
}

.article-header .author_name {
    color: black;
    font-size: 9pt;
    margin: 0px;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .article-header .author_name {
        font-size: 7pt;
    }
}

.article-header .author_date {
    color: black;
    font-size: 9pt;
    line-height: 1.5;
    margin: 0;
}

@media screen and (max-width: 767px) {
    .article-header .author_date {
        font-size: 7pt;
    }
}

.article-header .author-text {
    font-family: helvetica;
    top: 0;
    bottom: 0;
    padding: 7px 0;
}

@media screen and (max-width: 767px) {
    .article-header .author-text {
        margin-left: 0px;
        padding-left: 3px;
    }
}

.article-header .carousel .carousel-caption {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    margin: auto;
}

.article-header .carousel .article-header-img {
    height: 532px;
    object-fit: cover;
    object-position: top;
}

@media screen and (max-width: 767px) {
    .article-header .carousel .article-header-img {
        height: 200px;
    }
}

.article-header .carousel .btn-back {
    background-color: transparent;
    border-radius: 0px;
    border: 1px solid #fff;
    font-size: 16pt;
    letter-spacing: 2px;
    color: #FFF;
    text-transform: uppercase;
    font-family: oswald;
    float: left;
    font-weight: 100;
    padding: 10px 30px;
    margin-left: 6px;
}

    .article-header .carousel .btn-back:hover {
        background-color: #ffffff;
        color: #0E4749;
        border: solid 1px #0E4749 !important;
        text-decoration: none;
        transition: 1s all;
    }

@media screen and (max-width: 767px) {
    .article-header .carousel .btn-back {
        display: none;
    }
}

.article-header .author-component {
    height: 43px;
    background-color: #FFF;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .article-header .author-component {
        height: 37px;
    }
}

.article-header .author-component .social-share {
    min-width: 169px;
    margin-left: auto;
}

@media screen and (max-width: 767px) {
    .article-header .author-component .social-share {
        margin-top: 6px;
    }
}

.article-header .author-component .social-share .collapse-share {
    position: relative;
    z-index: 9999;
    display: block;
}

.article-header .author-component .social-share div#collapseSocial {
    width: 32px;
}

.article-header .author-component .social-share .social-buttons-style {
    margin-top: -27px;
    margin-bottom: initial !important;
    margin-left: initial !important;
    margin-right: initial !important;
    left: 88px;
    position: relative;
}

@media screen and (max-width: 767px) {
    .article-header .author-component .social-share .social-buttons-style {
        margin-top: -30px;
        left: 101px;
    }
}

.article-header .author-component .social-share .social-buttons-style .p-2 {
    padding: 0.5rem 0.2rem !important;
}

@media screen and (max-width: 767px) {
    .article-header .author-component .social-share {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .article-header .author-component .social-share .social-button-drop {
        width: 25px;
    }
}

.article-header .author-component .social-share .share-on-mobi {
    cursor: pointer;
    margin-top: 5px;
    float: right;
}

@media screen and (max-width: 767px) {
    .article-header .author-component .social-share .share-on-mobi {
        width: 25px;
        height: 25px;
        margin-top: 3px;
    }
}

.article-header .author-component .social-buttons .social-button {
    cursor: pointer;
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    .article-header .author-component .social-buttons {
        display: none;
    }
}

.article-header .author-component .row .author-text {
    /*
                margin-top: 36px;
                font-family: helvetica;
                */
    font-family: helvetica;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 52px;
    margin: auto;
}

@media screen and (max-width: 767px) {
    .article-header .author-component .row .author-text {
        margin-top: 18px;
        margin-left: 0px;
    }
}

.article-header .author-component .row .col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

@media screen and (max-width: 767px) {
    .article-header .author-component .row .col-3 {
        flex: 0 0 45%;
        max-width: 45%;
    }
}

.article-header .author-component .row .col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

@media screen and (max-width: 767px) {
    .article-header .author-component .row .col-9 {
        flex: 0 0 55%;
        max-width: 55%;
    }
}

@media screen and (max-width: 991px) {
    .article-header .sub-nav-container {
        padding: 0 15px;
    }
}

.whatsapp-mobile {
    display: none;
}

@media (min-width: 320px) and (max-width: 756px) {
    .whatsapp-mobile {
        display: inline-block !important;
    }
}

/* News Contents Styles*/
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
/* xs and sm */
@media (max-width: 991px) {
    .sarugby-news-contents {
        display: block;
        height: 100%;
        width: 100%;
        padding: 40px;
        background-color: #ededed;
        color: #373D4A;
        font-family: Helvetica;
    }

        .sarugby-news-contents p {
            color: #373D4A;
            font-family: Helvetica;
            font-size: 18px;
            line-height: 25px;
            font-weight: normal;
            background: transparent !important;
        }

            .sarugby-news-contents p span {
                background: transparent !important;
                font-weight: normal;
            }

        .sarugby-news-contents .overlay-share-large {
            position: absolute;
            top: 10px;
            right: 10px;
            z-index: 9999;
        }

        .sarugby-news-contents .opinion-header {
            color: #FFFFFF;
            font-family: Oswald;
            font-size: 14px;
            font-weight: 300;
            line-height: 20px;
        }

        .sarugby-news-contents .article-text {
            color: #373D4A;
            font-family: Helvetica;
            font-size: 15px;
            line-height: 20px;
            font-weight: normal;
            background: transparent !important;
        }

            .sarugby-news-contents .article-text img {
                max-width: 100%;
            }

            .sarugby-news-contents .article-text .container {
                padding-left: 0px;
                padding-right: 0px;
            }

        .sarugby-news-contents .article-tags {
            width: 100%;
            margin-top: 15px;
        }

            .sarugby-news-contents .article-tags .article-tag {
                background-color: #aaaaaa;
                padding: 5px;
                color: #ededed;
                border-radius: 2px;
            }



        .sarugby-news-contents .video-size {
            width: 29.5px;
            height: 30px;
        }

        .sarugby-news-contents .card-video {
            width: 100%;
            padding: 0%;
        }

            .sarugby-news-contents .card-video .bottom-left {
                position: absolute;
                bottom: 8px;
                left: 16px;
                margin-bottom: 0px;
            }

                .sarugby-news-contents .card-video .bottom-left .score {
                    width: inherit;
                    color: #FFFFFF;
                    font-family: Oswald;
                    font-size: 20px;
                    font-weight: 200;
                    line-height: 28px;
                }

                .sarugby-news-contents .card-video .bottom-left .category-text {
                    margin-bottom: 2px;
                    color: #F5A623;
                    font-family: Oswald;
                    font-size: 11px;
                    font-weight: 500;
                    line-height: 28px;
                    text-transform: uppercase;
                }

            .sarugby-news-contents .card-video .card-img-top {
                width: 100%;
                object-fit: cover;
                overflow: hidden;
                border-radius: 0%;
            }

            .sarugby-news-contents .card-video .link-icons {
                position: absolute;
                display: table;
                z-index: 2;
                opacity: 0;
                width: 100%;
                height: 100%;
                vertical-align: middle;
                text-align: center;
                margin: 0%;
            }

                .sarugby-news-contents .card-video .link-icons:hover {
                    opacity: 1;
                    background: rgba(0, 0, 0, 0.5) center no-repeat;
                }

            .sarugby-news-contents .card-video div.inner {
                display: block;
                width: 100%;
                height: 100%;
                display: table-cell;
                vertical-align: middle;
            }

            .sarugby-news-contents .card-video .large {
                font-size: 20px;
                line-height: 30px;
                background-color: #ffffff;
                color: #373D4A;
                text-decoration: none;
                padding: 0 10px 0 10px;
            }

                .sarugby-news-contents .card-video .large:hover {
                    background-color: red;
                    color: #ffffff;
                }

            .sarugby-news-contents .card-video .card-body .card-title {
                height: 60px;
                width: inherit;
                color: #0D5565;
                font-family: Oswald;
                font-size: 20px;
                font-weight: 300;
                line-height: 27px;
                text-transform: uppercase;
            }

                .sarugby-news-contents .card-video .card-body .card-title:any-link {
                    text-decoration: none;
                }

            .sarugby-news-contents .card-video .card-body .category-text {
                height: 23.35px;
                width: inherit;
                color: #F5A623;
                font-family: Oswald;
                font-size: 40px;
                font-weight: 500;
                line-height: 20px;
                color: #F29701;
            }

            .sarugby-news-contents .card-video .card-footer {
                height: 51px;
                width: 190px;
                color: #373D4A;
                font-family: Helvetica;
                font-size: 14px;
                font-weight: 300;
                line-height: 17px;
                border: none;
                background: transparent;
            }

        .sarugby-news-contents .show-popular {
            display: none;
            padding-left: 2%;
        }

        .sarugby-news-contents .sub-nav-container {
            width: 100%;
            margin-right: auto;
            margin-left: auto;
        }

        .sarugby-news-contents .article-header-text {
            color: #116071;
            font-family: Oswald;
            font-size: 20pt;
            font-weight: 800 !important;
            line-height: 28pt;
        }

        .sarugby-news-contents blockquote {
            color: #FFFFFF;
            font-family: Oswald;
            font-size: 12pt;
            font-weight: 100;
            line-height: 16pt;
        }

        .sarugby-news-contents .card-height {
            min-height: 192.61px;
            height: auto;
            width: 100%;
            padding: 0%;
        }

        .sarugby-news-contents .for-mob-pad {
            padding: 0%;
        }

        .sarugby-news-contents .row-mob {
            padding: 1%;
        }

        .sarugby-news-contents .twitter-tweet {
            color: #373D4A;
            font-family: Helvetica;
            font-size: 18px;
            line-height: 25px;
        }
}

/* md and xl */
@media (min-width: 992px) {
    .sarugby-news-contents {
        display: block;
        height: 100%;
        width: 100%;
        padding: 40px;
        background-color: #ededed;
        color: #373D4A;
        font-family: Helvetica;
    }

        .sarugby-news-contents p {
            color: #373D4A;
            font-family: Helvetica;
            font-size: 18px;
            line-height: 25px;
            font-weight: normal;
            background: transparent !important;
        }

            .sarugby-news-contents p span {
                background: transparent !important;
                font-weight: normal;
            }

        .sarugby-news-contents .overlay-share-large {
            position: absolute;
            top: 10px;
            right: -14px;
            z-index: 9999;
        }

        .sarugby-news-contents .full-image {
            position: relative;
            left: -3%;
            min-width: 108% !important;
        }

        .sarugby-news-contents .opinion-header {
            color: #FFFFFF;
            font-family: Oswald;
            font-size: 18px;
            font-weight: 500;
            line-height: 20px;
        }

        .sarugby-news-contents .article-text {
            color: #373D4A;
            font-family: Helvetica;
            font-size: 18px;
            line-height: 25px;
            font-weight: normal;
            background: transparent !important;
        }

            .sarugby-news-contents .article-text img {
                max-width: 100%;
            }

            .sarugby-news-contents .article-text .container {
                padding-left: 0px;
                padding-right: 0px;
            }

        .sarugby-news-contents .article-tags {
            width: 100%;
            margin-top: 15px;
        }

            .sarugby-news-contents .article-tags .article-tag {
                background-color: #aaaaaa;
                color: #ededed;
                padding: 5px;
                border-radius: 2px;
            }



        .sarugby-news-contents .pad-bottom {
            padding-bottom: 0%;
        }

        .sarugby-news-contents .sub-nav-container {
            max-width: 1388px;
            margin-right: auto;
            margin-left: auto;
        }

        .sarugby-news-contents .article-header-text {
            color: #116071;
            font-family: Oswald;
            font-size: 45px;
            font-weight: 800;
            line-height: 59px;
        }

        .sarugby-news-contents blockquote {
            color: #FFFFFF;
            font-family: Oswald;
            font-size: 35px;
            font-weight: 200;
            line-height: 47px;
        }

        .sarugby-news-contents .card-height {
            min-height: 392.61px;
            height: auto;
        }

        .sarugby-news-contents .overflow {
            overflow: initial !important;
        }

        .sarugby-news-contents .card-video {
            width: 100%;
            padding: 0%;
        }

            .sarugby-news-contents .card-video .bottom-left {
                position: absolute;
                bottom: 8px;
                left: 0px;
                margin-bottom: 18px;
            }

                .sarugby-news-contents .card-video .bottom-left .score {
                    color: #FFFFFF !important;
                    font-family: Oswald;
                    font-size: 40px;
                    font-weight: 300;
                    line-height: 48px;
                }

                .sarugby-news-contents .card-video .bottom-left .category-text {
                    height: 20px;
                    width: 114.32px;
                    color: #F29701;
                    font-family: Oswald;
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 20px;
                    text-transform: uppercase;
                }

            .sarugby-news-contents .card-video .card-img-top {
                width: 100%;
                object-fit: cover;
                overflow: hidden;
                border-radius: 0%;
            }

            .sarugby-news-contents .card-video .link-icons {
                position: absolute;
                display: table;
                z-index: 2;
                opacity: 0;
                width: 100%;
                height: 100%;
                vertical-align: middle;
                text-align: center;
                margin: 0%;
            }

                .sarugby-news-contents .card-video .link-icons:hover {
                    opacity: 1;
                    background: rgba(0, 0, 0, 0.5) center no-repeat;
                }

            .sarugby-news-contents .card-video div.inner {
                display: block;
                width: 100%;
                height: 100%;
                display: table-cell;
                vertical-align: middle;
            }

            .sarugby-news-contents .card-video .large {
                font-size: 20px;
                line-height: 30px;
                background-color: #ffffff;
                color: #373D4A;
                text-decoration: none;
                padding: 0 10px 0 10px;
            }

                .sarugby-news-contents .card-video .large:hover {
                    background-color: red;
                    color: #ffffff;
                }

            .sarugby-news-contents .card-video .card-body .card-title {
                height: 60px;
                width: inherit;
                color: #0D5565;
                font-family: Oswald;
                font-size: 20px;
                font-weight: 300;
                line-height: 27px;
                text-transform: uppercase;
            }

                .sarugby-news-contents .card-video .card-body .card-title:any-link {
                    text-decoration: none;
                }

            .sarugby-news-contents .card-video .card-body .category-text {
                height: 23.35px;
                width: inherit;
                color: #F29701;
                font-family: Oswald;
                font-size: 40px;
                font-weight: 500;
                line-height: 20px;
                color: #F29701;
            }

            .sarugby-news-contents .card-video .card-footer {
                height: 51px;
                width: 190px;
                color: #373D4A;
                font-family: Helvetica;
                font-size: 14px;
                font-weight: 300;
                line-height: 17px;
                border: none;
                background: transparent;
            }

        .sarugby-news-contents .twitter-tweet {
            color: #373D4A;
            font-family: Helvetica;
            font-size: 18px;
            line-height: 25px;
        }
}

.sarugby-news-contents {
    display: block;
    height: 100%;
    width: 100%;
    padding: 40px;
    background-color: #ededed;
    color: #373D4A;
    font-family: Helvetica;
    /********card frame **************/
}

    .sarugby-news-contents p {
        color: #373D4A;
        font-family: Helvetica;
        font-size: 18px;
        line-height: 25px;
        font-weight: normal;
        background: transparent !important;
    }

        .sarugby-news-contents p.caption {
            font-weight:bold;
            font-style:italic;
        }

        .sarugby-news-contents p span {
            background: transparent !important;
            font-weight: normal;
        }

    .sarugby-news-contents .image-fit {
        object-fit: cover;
        height: 100%;
        width: 40%;
        float: left;
        object-position: 100%;
    }

    .sarugby-news-contents .image-fit-video {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .sarugby-news-contents .img-left {
        float: left;
        width: 35%;
        height: 100%;
        margin-right: 2%;
    }

    .sarugby-news-contents blockquote {
        background-color: #373D4A;
        height: 100%;
        padding-left: 4%;
        padding-right: 4%;
    }

    .sarugby-news-contents .body-padding {
        padding: 2%;
    }

    .sarugby-news-contents .score-color {
        color: #F5A623;
        font-weight: 500;
    }

    .sarugby-news-contents .sort-margin {
        margin: 1%;
    }

    .sarugby-news-contents .country-style {
        font-weight: 300;
    }

    .sarugby-news-contents .row-space {
        padding: 1%;
    }

    .sarugby-news-contents .view-more {
        height: 27px;
        width: 99.26px;
        color: #0D5565;
        font-family: Oswald;
        font-size: 20px;
        font-weight: 300;
        margin-left: 45%;
        letter-spacing: 0.83px;
        line-height: 27px;
        text-align: center;
        border: none;
        background-color: none;
    }

        .sarugby-news-contents .view-more .button {
            background: none;
            border: none;
            color: #0D5565;
        }

    .sarugby-news-contents card-top-padding {
        margin: 0% !important;
        padding: 1%;
    }

    .sarugby-news-contents #highlights-scroll {
        left: 0;
        width: 100%;
        position: relative;
    }

    .sarugby-news-contents #leftArrow {
        cursor: pointer;
    }

    .sarugby-news-contents #rightArrow {
        cursor: pointer;
    }

    .sarugby-news-contents .header {
        line-height: 55px;
        font-size: 40px;
        font-weight: 100;
        color: #ffffff;
    }

    .sarugby-news-contents .cards {
        overflow: auto;
        display: flex;
    }

        .sarugby-news-contents .cards::-webkit-scrollbar {
            display: none;
        }

    .sarugby-news-contents .control {
        color: #ffffff;
    }

        .sarugby-news-contents .control:any-link {
            color: #ffffff;
            text-decoration: none;
            line-height: 55px;
            font-size: 25px;
            font-weight: 600;
        }

    .sarugby-news-contents .a:any-link {
        text-decoration: none;
    }

    .sarugby-news-contents .card {
        /*height: 185px;*/
        box-shadow: 0 2px 4px 0 #CDD3DD;
        overflow: hidden;
        border-radius: 0%;
    }

    .sarugby-news-contents .category-text-2 {
        height: 20px;
        width: 114.32px;
        color: #F29701;
        font-family: Oswald;
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        text-transform: uppercase;
    }

    .sarugby-news-contents .overlay-share {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 9999;
    }

    .sarugby-news-contents .video-image {
        position: absolute;
        top: 0%;
        left: 0%;
        right: 0%;
        bottom: 0%;
        margin: auto;
        z-index: 4;
        width: 35px;
        height: 35px;
        color: #AD0D0D;
    }

    .sarugby-news-contents .numbers {
        float: left;
        padding: 4%;
        color: #000000;
    }

    .sarugby-news-contents body {
        background: #e2e2e2;
    }

    .sarugby-news-contents .card {
        position: relative;
        /*border-radius: 3px;*/
        background-color: #fff;
        color: #4f5256;
        /*border: 1px solid #f2f2f2;*/
        margin-bottom: 16px;
        background: #fff;
        border: none;
        box-shadow: 0 2px 4px 0 #CDD3DD;
    }

    .sarugby-news-contents .card-header {
        color: #000000;
        font-family: Oswald;
        font-size: 30px;
        font-weight: 300;
        line-height: 41px;
        width: 100%;
        border: none;
        margin-left: -34px;
    }

    .sarugby-news-contents .card-body {
        position: relative;
        padding: 16px;
    }

    .sarugby-news-contents .gaadiex-list {
        list-style-type: none;
        float: right;
        margin-left: 5px;
    }

        .sarugby-news-contents .gaadiex-list > .gaadiex-list-item {
            padding-bottom: 15px;
            width: 100%;
            min-height: 100px;
            padding-left: 0px;
        }

            .sarugby-news-contents .gaadiex-list > .gaadiex-list-item > div:first-of-type {
                display: flex;
            }

            .sarugby-news-contents .gaadiex-list > .gaadiex-list-item > div {
                float: left;
                padding: 0 !important;
                position: relative;
            }

            .sarugby-news-contents .gaadiex-list > .gaadiex-list-item span {
                width: 22px;
                color: #000000;
                font-family: Oswald;
                font-size: 30px;
                font-weight: 200;
                line-height: 41px;
                padding: 30px 0;
                display: block;
                align-self: center;
            }

    .sarugby-news-contents h6 {
        line-height: 14px;
        margin-top: 16px;
    }

    .sarugby-news-contents .gaadiex-list-item-text {
        height: auto;
        width: auto;
    }

        .sarugby-news-contents .gaadiex-list-item-text a {
            color: #373D4A;
            font-weight: normal;
            font-style: normal;
            font-family: Helvetica;
            font-size: 13px;
        }

        .sarugby-news-contents .gaadiex-list-item-text p {
            color: #373D4A;
            font-family: Helvetica;
            font-size: 11px;
            font-weight: 100;
            width: auto;
            height: 20.35px;
            line-height: 12px;
        }

        .sarugby-news-contents .gaadiex-list-item-text h {
            line-height: 0.2;
        }

    .sarugby-news-contents .gaadiex-list-item-img {
        float: left;
        width: 100% !important;
        height: 80%;
        padding: 0px;
        object-fit: cover;
        padding-right: 10px;
        position: absolute;
        bottom: 0;
        top: 0;
        margin: auto;
    }

    .sarugby-news-contents .fit-image {
        object-fit: cover;
    }

    .sarugby-news-contents .gaadiex-list-item i {
        float: left;
        font-size: 48px;
        width: 58px;
        height: 58px;
        margin-top: 20px;
        margin-bottom: 8px;
        margin-right: 20px;
        /*border-radius: 50%;*/
    }

    .sarugby-news-contents .border-b-1 {
        border-bottom: 0.5px solid #a2a2a2;
    }

    .sarugby-news-contents .positioning {
        position: relative;
    }

    .sarugby-news-contents .news-abstract {
        color: #000;
        font-size: 19px;
        line-height: 23px;
        margin-bottom: 37px;
        margin-top: -9px;
    }

    .sarugby-news-contents .twitter-tweet {
        color: #373D4A;
        font-family: Helvetica;
        font-size: 18px;
        line-height: 25px;
    }

@media (max-width: 1280px) {
    .desk-pedding {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}

.general-image-container {
    min-height: 392.61px;
    height: auto;
    width: 100%;
}

@media (max-width: 991px) {
    .general-image-container {
        min-height: 192.61px;
        height: auto;
        width: 100%;
        padding: 0%;
    }
}

.general-image-container img {
    object-fit: cover;
    height: 100%;
    float: left;
    object-position: 100%;
    width: inherit;
    margin-bottom: 30px;
}

/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-sub-nav {
    display: block;
    height: 100%;
    width: 100%;
    padding: 40px;
    background-color: #ffffff;
    color: #ffffff;
    padding: 22px 0 0px 0;
}

    .sarugby-sub-nav body {
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
    }

    .sarugby-sub-nav ul {
        padding-left: 5px !important;
        display: flex;
    }

    .sarugby-sub-nav li {
        float: left;
    }

        .sarugby-sub-nav li a {
            font-size: 25px;
            padding: 10px 15px !important;
            color: #116071;
            position: relative;
            border: solid 2px transparent;
            min-height: 6px;
        }

@media (max-width: 1230px) {
    .sarugby-sub-nav li a {
        font-size: 19px;
    }
}

@media (max-width: 1050px) {
    .sarugby-sub-nav li a {
        font-size: 17px;
    }
}

@media (max-width: 1025px) {
    .sarugby-sub-nav li a {
        font-size: 15px;
    }
}

@media (max-width: 920px) {
    .sarugby-sub-nav li a {
        font-size: 11px;
    }
}

@media (max-width: 768px) {
    .sarugby-sub-nav li a {
        font-size: 25px;
        padding: 10px 15px !important;
    }
}

.sarugby-sub-nav .active-article {
    border: solid #116071 2px;
}

    .sarugby-sub-nav .active-article:after {
        content: url("/Images/Icons/triangle down.svg");
        position: absolute;
        bottom: -19px;
        left: 0;
        right: 0;
        margin: auto;
        width: 33px;
    }

@media (max-width: 1230px) {
    .sarugby-sub-nav .active-article:after {
        bottom: -17px;
    }
}

@media (max-width: 1050px) {
    .sarugby-sub-nav .active-article:after {
        bottom: -15px;
    }
}

@media (max-width: 768px) {
    .sarugby-sub-nav .active-article:after {
        bottom: -19px;
    }
}

@media screen and (min-width: 768px) {
    .sarugby-sub-nav .tab-button-outer {
        position: relative;
        z-index: 2;
        display: block;
    }

    .sarugby-sub-nav .tab-select-outer {
        display: none;
    }

    .sarugby-sub-nav .tab-contents {
        position: relative;
        top: -1px;
        margin-top: 0;
    }
}

.scrollable-sub-nav {
    overflow-x: auto;
    white-space: nowrap;
}

    .scrollable-sub-nav ul {
        display: inline-block;
        width: max-content;
    }

    .scrollable-sub-nav::-webkit-scrollbar {
        width: 1px !important;
    }

.sub-nav-share {
    float: right;
    padding: 60px 0px 7px !important;
    padding-top: 17px !important;
}

.sarugby-sub-nav .tourn-share-span {
    margin-right: -15px;
    float: right !important;
    text-align: right;
    /*
        @media screen and (max-width: 426px) {
            margin: -73px 0px 10px;
            padding-left: 0px !important;
            padding-right: 0px !important;
            width: 10%;
            height: 49px;
            float: right;
        }
            */
}

@media screen and (max-width: 767px) {
    .sarugby-sub-nav .tourn-share-span .social-btn {
        width: 25px;
    }
}

.sarugby-sub-nav .tourn-share-span .span-img {
    /*margin-left: 156px;*/
}

@media screen and (max-width: 767px) {
    .sarugby-sub-nav .tourn-share-span .span-img {
        /*margin-left: -144px;*/
        top: -19px;
        position: relative;
    }
}

.sarugby-sub-nav .tourn-share-span .social-buttons-pos {
    margin-right: 22px;
    padding-bottom: 0px !important;
    /*padding-top: 24px !important;*/
}

@media screen and (max-width: 767px) {
    .sarugby-sub-nav .tourn-share-span .social-buttons-pos {
        padding: 30px 0px 0px 195px !important;
        margin-right: -86px;
    }
}

@media screen and (max-width: 767px) {
    .sarugby-sub-nav .tourn-share-span {
        /*padding: 0px 0px 0px 0px;
            margin: 6px 0px;
            margin: -26px 0px 10px;
            width: 10%;
            height: 49px;*/
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: row-reverse;
    }
}

@media screen and (max-width: 767px) {
    .sarugby-sub-nav .tourn-share-span .tourn-share-on-mobi {
        padding: 0px 0px 0px 0px;
    }
}

.sarugby-sub-nav .tourn-share-span .share-img {
    /*
            @media screen and (max-width: 426px) {
                margin-left: 165px;
                margin-right: 0px;
                width: 25px;
            }
                */
}

@media screen and (max-width: 767px) {
    .sarugby-sub-nav .tourn-share-span .share-img {
        margin-left: 165px;
        margin-right: 0px;
        width: 25px;
    }
}

.sarugby-sub-nav .tourn-share-span #collapseSocial {
    margin-top: -69px;
    /*
            @media screen and (max-width: 426px) {
                margin-top: -65px;
                margin-left: -145px;
            }
                */
}

@media screen and (max-width: 767px) {
    .sarugby-sub-nav .tourn-share-span #collapseSocial {
        margin-top: -57px;
        margin-left: -115px;
        position: absolute;
    }
}

/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#fixtures-table {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
}

    #fixtures-table .col-md-4.col-sm-12 {
        padding-left: 15px;
        padding-right: 15px;
    }

.fixtures-collapse-list {
    margin-right: 10px;
}

.fixtures-details {
    margin-right: 20px;
}

    .fixtures-details .panel.panel-default:nth-child(odd) .card {
        background: rgba(239, 239, 239, 0.3);
    }

    .fixtures-details .panel.panel-default {
        border-top: 1px solid #EFEFEF;
        background: #fff;
    }

    .fixtures-details .fixtures-list .card {
        border-radius: 0;
    }

    .fixtures-details .fixtures-list .card-container .arrow-toggle {
        top: 50%;
    }

    .fixtures-details .fixtures-list .card-body {
        margin-bottom: 0;
        padding-bottom: 10px;
    }

    .fixtures-details .fixtures-list .table td {
        padding: 0;
    }

    .fixtures-details .fixtures-list .table .date-col {
        width: 6%;
    }

        .fixtures-details .fixtures-list .table .date-col .day-style {
            font-size: 25px;
            text-transform: uppercase;
        }

        .fixtures-details .fixtures-list .table .date-col .month-style {
            font-size: 9px;
            text-transform: uppercase;
        }

    .fixtures-details .fixtures-list .table .team-col {
        width: 33%;
    }

        .fixtures-details .fixtures-list .table .team-col:nth-child(2) .flag-div .home-team {
            margin-left: 10px;
        }

@media screen and (min-width: 1024px) and (max-width: 1441px) {
    .fixtures-details .fixtures-list .table .team-col:nth-child(2) .flag-div .home-team {
        width: 100px;
    }
}

.fixtures-details .fixtures-list .table .team-col:nth-child(4) .flag-div .home-team {
    margin-right: 10px;
}

@media screen and (min-width: 1024px) and (max-width: 1441px) {
    .fixtures-details .fixtures-list .table .team-col:nth-child(4) .flag-div .home-team {
        width: 100px;
    }
}

.fixtures-details .fixtures-list .table .team-col:nth-child(4) .flag-div .flag-inline {
    order: 2;
}

.fixtures-details .fixtures-list .table .team-col .p-2 {
    padding: 0 !important;
}

.fixtures-details .fixtures-list .table .team-col .flag-div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 0;
    margin-bottom: 0 !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .fixtures-details .fixtures-list .table .team-col .d-block {
        display: block !important;
    }

    .fixtures-details .fixtures-list .table .team-col .d-lg-block {
        display: none !important;
    }
}

.fixtures-details .fixtures-list .table .middle-col {
    width: 24%;
}

    .fixtures-details .fixtures-list .table .middle-col p {
        text-transform: uppercase;
        margin-top: 15px;
        margin-bottom: 10px;
    }

.fixtures-details .fixtures-list .team-arrow-col {
    width: 2%;
}

#collapseFixtures td,
#collapseResults td {
    vertical-align: middle !important;
}

.sarugby-log-tab {
    /* @media screen and (max-width: 1092px) {
        td div {
            float: left !important;
            width: 100% !important;
            text-align: center
        }
    }*/
}

    .sarugby-log-tab td div {
        float: left !important;
        width: auto !important;
    }

.fixtures-list > .collapse {
    display: block;
}

@media screen and (max-width: 767px) {
    div.sarugby-log-tab .log-area .table-div-2 {
        width: 80% !important;
    }

    div.sarugby-log-tab .log-area .table-div-3 {
        left: 161px !important;
    }

        div.sarugby-log-tab .log-area .table-div-3 table {
            width: 103% !important;
        }

    div.sarugby-log-tab .log-area .table-div-4 {
        left: 162px !important;
    }

        div.sarugby-log-tab .log-area .table-div-4 table {
            width: 91% !important;
        }

    div.sarugby-log-tab .log-area .table-div-5 {
        left: 162px !important;
    }

        div.sarugby-log-tab .log-area .table-div-5 table {
            width: 100% !important;
        }

            div.sarugby-log-tab .log-area .table-div-5 table thead > tr > th {
                padding-left: 20px;
                padding-right: 20px;
            }

    div.sarugby-log-tab .log-area .header {
        padding-bottom: 0 !important;
    }

    div.sarugby-log-tab .log-area .table-div-2 table {
        width: 128% !important;
    }

    .sarugby-log-tab .log-area {
        overflow: scroll;
    }
    /*.arrow-toggle {
        top: 0 !important;

        @media (min-width: 993px)and (max-width:1024px) {
            top: 45px;
            right: 10px;
        }
    }*/
    div#nav-tabContent {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .fixtures-list.container-fluid {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }

    .card.card-body.card-container {
        /*@media screen and (max-width: 767px) {
            padding-top: 0px;
            padding-bottom: 0px;
        }*/
    }
}

.tab-item {
    font-size: 20px;
    margin-top: 10px;
    background-color: transparent !important;
    font-family: Oswald;
    font-weight: 300;
    border: none;
    color: #116071;
    text-align: center;
}

.fixtures-div {
    margin-top: 20px;
}

.card-container {
    margin-bottom: 20px;
    border: none;
    display: block;
    padding-top: 10px;
}

    .card-container .fixtureInfo .fixtures-td {
        border-top: none !important;
        text-align: center;
    }

@media screen and (max-width: 767px) {
    .card-container .fixtureInfo .fixtures-td {
        position: relative;
        top: -27px;
    }
}

.card-container .fixtureInfo .fixtures-td .fix-info-img {
    display: inline-block;
    margin-right: 8px;
    margin-top: -7px;
}

.card-container .fixtureInfo .fixtures-td .fixture-btn-width {
    width: 250px;
}

.card-container .fixtureInfo .fixtures-td .fix-info-title {
    display: inline-block;
    color: #0D5565 !important;
    font-size: 13px;
    letter-spacing: 0.54px;
    line-height: 17px;
    margin-left: -15px;
}

@media screen and (max-width: 767px) {
    .card-container .fixtureInfo .fixtures-td .fix-info-title {
        margin-left: -19px;
        font-size: 7px;
        line-height: 9px;
        margin-top: 2px;
    }
}

.card-container a.fix-info-title {
    color: #000000 !important;
    padding-top: 12px !important;
}

.card-container .arrow-toggle {
    margin-top: initial;
    position: relative;
    top: 13px;
}

@media screen and (max-width: 767px) {
    .card-container .arrow-toggle {
        padding-right: 4px;
        padding-bottom: 16px;
    }
}

.card-container .middle-col {
    border: none !important;
    width: 30%;
}

    .card-container .middle-col .league-title {
        color: #373D4A;
        font-family: Oswald;
        font-size: 9px;
        font-weight: 300;
        letter-spacing: 0.2px;
        line-height: 12px;
        text-align: center;
        /*@media (min-width: 768px) and (max-width: 1024px) {
                color: #373D4A;
                font-family: Oswald;
                font-size: 9px;
                font-weight: 300;
                letter-spacing: 0.2px;
                line-height: 12px;
                //display: block;
                text-align: center;
            }*/
    }

@media screen and (max-width: 767px) {
    .card-container .middle-col .league-title {
        color: #373D4A;
        font-family: Oswald;
        font-size: 9px;
        font-weight: 300;
        letter-spacing: 0.2px;
        line-height: 12px;
        text-align: center;
    }
}

.card-container .middle-col .score-text {
    color: #000000;
    font-family: Oswald;
    font-size: 25px;
    font-weight: 300;
    line-height: 4px;
    text-align: center;
}

.card-container .middle-col .match-time {
    color: #000000;
    font-family: Oswald;
    font-size: 25px;
    font-weight: 300;
    line-height: 21px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .card-container .middle-col .match-time {
        color: #000000;
        font-family: Oswald;
        font-size: 18px;
        font-weight: 300;
        line-height: 1px;
        text-align: center;
    }
}

.card-container .middle-col .stadium {
    color: #373D4A;
    font-family: Oswald;
    font-size: 9px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 12px;
    text-align: center;
    /* @media (min-width: 768px) and (max-width: 1024px) {
                color: #373D4A;
                font-family: Oswald;
                font-size: 9px;
                font-weight: 300;
                letter-spacing: 0.2px;
                line-height: 12px;
                text-align: center;
            }*/
}

@media screen and (max-width: 767px) {
    .card-container .middle-col .stadium {
        color: #373D4A;
        font-family: Oswald;
        font-size: 9px;
        font-weight: 300;
        letter-spacing: 0.2px;
        line-height: 12px;
        text-align: center;
    }
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    left: auto;
    right: auto;
    border: 1px solid #116071 !important;
    border-radius: 0;
}

.nav-tabs {
    border: none !important;
    margin-left: -16px;
}

@media screen and (max-width: 767px) {
    .nav-tabs {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

.nav-link.active {
    position: relative;
}

.fixtures-background {
    background-color: #EFEFEF;
}

.fixtures-header-bg {
    background-color: #FFF;
}

.fixtures-table-cont {
    padding-left: 0;
}

@media screen and (max-width: 767px) {
    .container.fixtures-table-cont {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }
}

.nav-link.active:before {
    content: url("/Images/Icons/triangle down.svg");
    position: absolute;
    bottom: -18px;
    margin: auto;
    left: 0;
    right: 0;
}

.fixtures-list .card-body {
    padding-bottom: 0px;
}

.fixtures-list {
    /*@media (max-width:768px) {
        td {
            width: initial !important;
            position: static;
            vertical-align: middle;
        }

        .table .team-col .flag-div .flag-inline .flag {
            margin-top: 0px !important;
        }

        .table .date-col .month-style {
            margin: 0;
            line-height: initial !important
        }

        .table .date-col .day-style {
            margin: 0;
            line-height: initial !important
        }

        .table .date-col div {
            margin: 0 !important
        }

        .table .team-col .flag-div .home-team {
            position: relative
        }

        .card-container .arrow-toggle {
            padding-bottom: 0
        }

        div.card-body.card.card-container {
            padding-left: 15px;
            padding-right: 15px
        }

        .middle-col p {
            margin-top: 9px !important
        }

        table {
            width: 88% !important;
            margin: auto !important;
            float: none;
            padding: 0 !important
        }
    }*/
}

    .fixtures-list .month-text {
        color: #000000;
        font-family: Oswald;
        text-align: left;
        line-height: 27px;
        font-weight: 300;
        font-size: 20px;
        margin-bottom: 15px;
        margin-top: 25px;
    }

    .fixtures-list .table {
        width: 100%;
        margin-bottom: 0px;
        background-color: transparent;
        padding-top: 10px;
    }

@media screen and (max-width: 767px) {
    .fixtures-list .table {
        margin-top: 15px;
        margin-bottom: 0;
    }
}

.fixtures-list .table .width-preview-btn {
    width: 250px;
    color: #0D5565 !important;
    padding-top: 10px !important;
}

    .fixtures-list .table .width-preview-btn a {
        color: #0D5565 !important;
        padding-top: 10px !important;
        /*
            @media(max-width: 764px) {
                margin-left: -36px;
                font-size: 9px;
            }
                */
    }

@media (min-width: 424px) and (max-width: 427px) {
    .fixtures-list .table .width-preview-btn a {
        margin-left: -13px;
        font-size: 8px;
    }
}

.fixtures-list .table .date-col {
    border: none;
    width: 10%;
    vertical-align: middle;
}

    .fixtures-list .table .date-col .day-style {
        FONT-SIZE: 20pt;
        padding-bottom: 0px;
        line-height: 10px;
        color: #8494A5;
    }

@media screen and (max-width: 767px) {
    .fixtures-list .table .date-col .day-style {
        FONT-SIZE: 13pt;
        padding-bottom: 0px;
        line-height: 10px;
        color: #8494A5;
    }
}

.fixtures-list .table .date-col .month-style {
    font-size: 8pt;
    line-height: 0;
    padding-top: 0px;
    color: #CDD3DD;
}

.fixtures-list .table .date-col div {
    text-align: center;
    padding-top: 16px;
    /* @media (min-width: 757px)and (max-width:1024px) {
                margin-top: 37px !important;
            }*/
}

.fixtures-list .table .team-col {
    border: none;
    width: 30%;
    vertical-align: middle;
}

    .fixtures-list .table .team-col .flag-div {
        text-align: center;
        display: flex !important;
        margin: 0 auto;
        width: 178px;
        margin-top: 5%;
        /*@media (min-width: 768px)and (max-width:1024px) {
                margin-top: 18%;
            }



            @media (min-width:768px)and (max-width:992px) {
                width: 95px
            }*/
    }

        .fixtures-list .table .team-col .flag-div .flag-inline {
            display: inline-block;
        }

            .fixtures-list .table .team-col .flag-div .flag-inline .flag {
                height: auto;
                border-radius: 50%;
                height: 50px;
                width: 50px;
            }

@media screen and (max-width: 767px) {
    .fixtures-list .table .team-col .flag-div .flag-inline .flag {
        width: 30px;
    }
}

.fixtures-list .table .team-col .flag-div .home-team {
    font-size: 14pt;
    color: #373D4A;
    margin-left: -10px;
    position: relative;
    text-transform: uppercase;
    /* @media (min-width: 757px)and (max-width:1024px) {
                    top: 17px !important;
                }*/
    /*@media (min-width: 768px) and (max-width: 1024px) {
                    font-size: 11pt;
                    color: #373D4A;
                    margin-top: -20px;
                    margin-left: -1px;
                }*/
}

@media (min-width: 320px) and (max-width: 756px) {
    .fixtures-list .table .team-col .flag-div .home-team {
        top: 24px !important;
    }
}

@media screen and (max-width: 767px) {
    .fixtures-list .table .team-col .flag-div .home-team {
        font-size: 11pt;
        color: #373D4A;
        margin-top: -20px;
        margin-left: -1px;
    }
}

.fixtures-list .table .team-arrow-col {
    border: none;
    width: 7%;
    text-align: center;
}

.fixtures-list .calendar {
    position: relative;
    background: rgba(0, 0, 0, 0.9);
    z-index: 1000000;
    top: 0;
    display: none;
    left: 30%;
    right: 10%;
    top: -40%;
}

@media (min-width: 320px) and (max-width: 756px) {
    .fixtures-list .calendar {
        left: 0%;
        right: 0%;
        top: 0%;
    }
}

.fixtures-list #cover {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 5;
    width: 100%;
    height: 100%;
    display: none;
}

.fixtures-list .col-xs-4 {
    width: 100%;
}

@media (min-width: 481px) and (max-width: 767px) {
    .fixtures-list .col-xs-4 {
        width: 33.33333333%;
        margin-bottom: 50px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .fixtures-list .col-xs-4 {
        width: 33.33333333%;
        margin-bottom: 50px;
    }
}

.fixtures-list .col-md-2 {
    /* @media (min-width: 768px) {
            -ms-flex: 0 0 16.666667%;
            flex: 0 0 33.33% !important;
            max-width: 33.33% !important;
        }

        @media (min-width: 992px) {
            -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667% !important;
            max-width: 16.666667% !important;
        }*/
}

.fixtures-list .popup-sub-inner {
    margin: 20px auto;
    position: absolute;
    background: #ffffff;
    text-align: center;
    padding: 60px 20px;
    width: 100%;
}

.fixtures-list .subscription-confirmation-title {
    color: #000000;
    font-family: Oswald;
    font-size: 50px;
    font-weight: 300;
    letter-spacing: 1.63px;
    line-height: 68px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 23px;
}

.fixtures-list .subscription-confirmation-body {
    color: #373D4A;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    padding-bottom: 39px;
}

.fixtures-list .subscription-confirmation-button {
    margin-top: 40px;
}

    .fixtures-list .subscription-confirmation-button a {
        border: 1px solid #0D5565;
        padding: 15px 40px;
        text-transform: uppercase;
        font-size: 22px;
        color: #0D5565;
    }

        .fixtures-list .subscription-confirmation-button a:hover {
            background-color: #0D5565;
            color: white;
            border: solid 1px #0D5565 !important;
            text-decoration: none;
            transition: 1s all;
        }

.fixtures-list i.fa.icon-savedate {
    font-size: 66px;
    color: #0D5565;
}

.fixtures-list img.img-height {
    margin-bottom: 5px;
    /* margin-top: 0; */
}

.fixtures-list h3 {
    color: #0D5565;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.65px;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 23px;
}

@media (min-width: 320px) and (max-width: 480px) {
    .fixtures-list h3 {
        font-size: 14px;
    }
}

/* @media (min-width:768px)and (max-width:992px) {

        .card-container .arrow-toggle {
            top: 30px;
        }
    }*/
@media (min-width: 320px) and (max-width: 767px) {
    .flag-div {
        top: 11% !important;
        width: 100px !important;
    }
}

.fixtures-list .table {
    margin-top: 0;
}

    .fixtures-list .table td {
        border-top: none !important;
    }

@media screen and (max-width: 767px) {
    #fixtures-table {
        margin-left: 0;
        margin-right: 0;
    }

        #fixtures-table .col-md-4.col-sm-12 {
            padding-left: 0;
            padding-right: 0;
        }
    /*.arrow-toggle {
            top: 13px !important;
        }*/
    .fixtures-list .table {
        margin-top: 0;
    }

        .fixtures-list .table td {
            padding: 0.54rem;
        }

    .tab-pane.active .col-md-8.col-sm-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .tab-pane.active .fixtures-details {
        margin-right: 0;
    }

        .tab-pane.active .fixtures-details .fixtures-collapse-list {
            padding-left: 30px;
            padding-right: 22px;
        }

        .tab-pane.active .fixtures-details .fixtures-list .table .middle-col {
            width: 30%;
        }

        .tab-pane.active .fixtures-details .fixtures-list .table .team-arrow-col {
            width: 5%;
        }

        .tab-pane.active .fixtures-details .fixtures-list .table .team-col {
            width: 23%;
        }

            .tab-pane.active .fixtures-details .fixtures-list .table .team-col .flag-div .home-team {
                top: 14px !important;
            }
}

.expand-collapse:before {
    content: url(/Images/Icons/minus.svg);
}

.expand-collapse.collapsed:before {
    content: url(/Images/Icons/plus.svg);
}

.team-arrow-col {
    position: absolute;
    top: 52px;
}

.arrow-toggle:before {
    content: "\f077" !important;
}

.arrow-toggle.collapsed:before {
    content: "\f078" !important;
}

@media (max-width: 426px) {
    #fixtures-table .nav-link.active:before {
        top: 34px !important;
    }
}

@media screen and (max-width: 767px) {
    .upcoming-fixtures {
        margin: 0 25px;
    }

    .sarugby-upcoming .card {
        margin-bottom: 20px;
    }

        .sarugby-upcoming .card .text-date {
            padding-bottom: 10% !important;
        }
}

@media screen and (max-width: 420px) {
    .tab-pane.active .fixtures-details .fixtures-list .table .team-arrow-col {
        text-align: left;
        top: 49px;
    }
}

@media (min-width: 421px) and (max-width: 756px) {
    .tab-pane.active .fixtures-details .fixtures-list .table .team-arrow-col {
        text-align: right;
    }

    .tab-pane.active .fixtures-details .fixtures-list .table .team-arrow-col {
        width: 10%;
        top: 32px;
    }
}

@media (min-width: 421px) and (max-width: 756px) and (width: 414px) {
    width: 129%;
}

/* @media (min-width: 757px)and (max-width:1024px) {
        .arrow-toggle {
            margin-top: 13px !important;
        }
    }*/
/* @media (width: 768px) {
        .arrow-toggle {
            margin-top: 24px !important;
            right: 19px !important;
        }

        .bd-highlight .d-none {
            display: block !important;
        }

        .bd-highlight .d-block {
            display: none !important;
        }

        @media (width: 414px) {
            font-size: 11px;
        }
    }*/
.fixtures-td {
    /* @media (width: 768px) {
        padding: 0px !important;
    }*/
}

@media (max-width: 768px) {
    .fixtures-td > .row {
        margin: 0 !important;
    }
}

@media (min-width: 766px) and (max-width: 768px) {
    .fixtures-td > .row {
        padding-left: 98px;
        padding-right: 85px;
    }
}

@media (min-width: 1438px) and (max-width: 1441px) {
    .fixtures-td > .row {
        margin-left: 3%;
        margin-right: 0%;
    }
}

@media (min-width: 1500px) and (max-width: 2560px) {
    .fixtures-td > .row {
        margin-left: 5%;
        margin-right: 1%;
    }
}

@media (min-width: 1308px) and (max-width: 1432px) {
    .fixtures-td > .row {
        margin-left: 26px;
        margin-right: -6px;
    }
}

@media (min-width: 1024px) and (max-width: 1025px) {
    .fixtures-td > .row {
        margin-left: 84px;
        margin-right: 67px;
    }
}

@media (width: 375px) {
    .fixtures-td a.fix-info-title {
        font-size: 11px;
    }
}

.fixtures-td .row {
    /* @media (width: 768px) {
            width: 133%;
        }*/
}

@media (width: 375px) {
    .fixtures-td .row {
        width: 100%;
    }
}

@media (width: 375px) {
    .fixtures-td .fix-info-img {
        width: 22px;
        height: 22px;
    }
}

.fixtures-td .width-preview-btn a {
    /* @media (width: 768px) {
            font-size: 11px;
            line-height: 2;
        }*/
}

.fixtures-td .col-3 {
    flex: 0 0 14%;
    max-width: 22%;
    /* @media(width:768px) {
            margin: 0px;
            padding: 0px;
        }

        @media (min-width:766px) and (max-width: 1024px) {
            flex: 0 0 23%;
            max-width: 23%;
        }*/
}

@media (max-width: 765px) {
    .fixtures-td .col-3 {
        padding-right: 0px;
        padding-left: 0px;
        margin-left: 18px !important;
    }
}

@media (width: 375px) {
    .fixtures-td .col-3 {
        flex: 0 0 25%;
        max-width: 20%;
    }
}

.fixtures-td .col-3 .p-2 {
    /* @media (min-width:766px) and (max-width: 1024px) {
                padding-left: 0px !important;
            }

            @media (max-width: 765px) {
                //padding-left: 0px !important;
                padding-left: 30px !important;
            }*/
    /*@media (width: 786px) {
                padding-right: 4px !important;
            }*/
}

@media (width: 375px) {
    .fixtures-td .col-3 .p-2 {
        padding-right: 3px !important;
    }
}

.fixtures-td .col-3:first-child {
    margin-left: 10%;
    /*  @media (min-width:766px) and (max-width: 1024px) {
                margin-left: 7%;
            }*/
    /* @media (width: 768px) {
                margin-left: 0%;
            }*/
}

@media (min-width: 757px) and (max-width: 1024px) {
    .fixtures-td .col-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    #fixtures-table .col-md-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #fixtures-table .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .fixtures-details {
        margin-right: 0px;
    }

    .margin-top20 {
        margin: 0px -33px;
    }

    .upcoming-fixtures {
        margin: 0px -5px;
    }

    .arrow-toggle {
        left: -20px;
    }

    .month-text {
        margin-left: 27px;
    }

    .fixtures-collapse-list .pull-right {
        margin-right: 28px;
    }

    .sarugby-upcoming .category-text {
        margin-left: 35px !important;
        margin-right: 0px !important;
    }

    .sarugby-upcoming > .row h3 {
        margin-right: 0;
        margin-left: 0;
    }

    .fixtures-td .col-3:first-child {
        margin-left: -29px;
    }

    .fixtures-collapse-list {
        margin-right: 0px;
    }
}

@media (width: 1024px) {
    .month-text {
        margin-left: 34px;
    }

    .fixtures-td .col-3:first-child {
        margin-left: -15px;
    }

    .fixtures-collapse-list {
        margin-right: 0px;
    }
}

@media (min-width: 375px) and (max-width: 675px) {
    .fixtures-details .fixtures-list .table .date-col {
        width: 10%;
    }

    .fixtures-collapse-list {
        margin-right: 0px;
    }
}

@media (width: 667px) {
    .tab-pane.active .fixtures-details .fixtures-collapse-list {
        padding-left: 50px;
        padding-right: 49px;
    }

    .tab-pane.active .fixtures-details .fixtures-list .table .team-arrow-col {
        width: 7%;
        top: 44px;
        text-align: center;
    }

    .fixtures-details .fixtures-list .table .date-col {
        width: 14%;
    }

    .fixtures-list .table .width-preview-btn a {
        font-size: 16px;
    }

    .fixtures-collapse-list {
        margin-right: 0px;
    }
}

@media (width: 375px) {
    .fixtures-td .col-3:first-child {
        margin-left: -2% !important;
    }

    fixtures-td .col-3 {
        padding-right: 0px;
        padding-left: 0px;
        margin-left: 0px !important;
    }

    .tab-pane.active .fixtures-details .fixtures-collapse-list {
        padding-left: 25px;
        padding-right: 22px;
    }

    .fixtures-collapse-list {
        margin-right: 0px;
    }

    .fixtures-td .width-preview-btn a {
        font-size: 9px;
    }
}

@media (width: 320px) {
    .tab-pane.active .fixtures-details .fixtures-list .table .middle-col {
        width: 22%;
    }

    .fixtures-td .width-preview-btn a {
        margin-left: 11px;
        /* font-size: 10px; */
    }

    .fixtures-list .table .team-col .flag-div .flag-inline .flag {
        width: 30px;
        height: 30px;
    }

    .tab-pane.active .fixtures-details .fixtures-list .table .team-arrow-col {
        text-align: left;
        top: 61px;
    }

    .fixtures-td .col-3:first-child {
        margin-left: -0% !important;
    }

    .fixtures-td .col-3 {
        padding-right: 0px;
        padding-left: 0px;
        margin-left: 0px !important;
    }

        .fixtures-td .col-3 .p-2 {
            padding: 0px !important;
        }

    .width-preview-btn {
        font-size: 10px;
    }

    img.fix-info-img {
        width: 20px;
        height: 15px;
        margin-bottom: 10px;
    }

    .fixtures-td .col-3 {
        flex: 0 0 14%;
        max-width: 33%;
    }

    .tab-pane.active .fixtures-details .fixtures-collapse-list {
        padding-left: 17px;
        padding-right: 9px;
    }
}

@media (width: 568px) {
    .tab-pane.active .fixtures-details .fixtures-collapse-list {
        padding-left: 32px;
        padding-right: 36px;
    }

    .fixtures-td .col-3:first-child {
        margin-left: 0px;
    }

    .fixtures-td .col-3 {
        padding-right: 0px;
        padding-left: 0px;
        margin-left: 18px !important;
    }

    .fixtures-td .col-3 {
        flex: 0 0 14%;
        max-width: 25%;
    }
}

@media (width: 414px) {
    .tab-pane.active .fixtures-details .fixtures-collapse-list {
        padding-left: 30px;
        padding-right: 42px;
    }

    .fixtures-td .col-3:first-child {
        margin-left: 0px;
    }

    .fixtures-td .col-3 {
        padding-right: 0px;
        padding-left: 0px;
        margin-left: 0px !important;
    }

    .fixtures-td .col-3 {
        flex: 0 0 14%;
        max-width: 30%;
    }

    .fixtures-td .width-preview-btn a {
        margin-left: -9px;
    }
}

@media (width: 736px) {
    .tab-pane.active .fixtures-details .fixtures-collapse-list {
        padding-left: 30px;
        padding-right: 61px;
    }

    .fixtures-td .col-3 {
        padding-right: 0px;
        padding-left: 0px;
        margin-left: -2px !important;
    }

    .fixtures-td .col-3 {
        flex: 0 0 14%;
        max-width: 25%;
    }
}

@media (max-width: 1025px) {
    .fixtures-td .col-3 {
        flex: 0 0 25%;
        max-width: 25%;
        display: flex !important;
        justify-content: center !important;
        margin-left: 0 !important;
    }

    .fixtures-list .table .width-preview-btn {
        width: auto !important;
        font-size: 10px;
    }
}

@media (max-width: 322px) {
    .fixtures-td .col-3:first-child {
        padding-left: 4% !important;
    }
}

@media (min-width: 1367px) {
    .fixtures-td .col-3:first-child {
        margin-left: 10% !important;
    }
}

@media (min-width: 1025px) {
    .fixtures-td .col-3:first-child {
        margin-left: 7% !important;
    }
}

/* Fixtures Navigation Style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-fixture-nav {
    display: block;
    height: 100%;
    width: 100%;
    padding: 40px;
    background-color: #ffffff;
    color: #ffffff;
}

#fixNavTeamName span {
    display: none !important;
}

.fixture-nav-main-container {
    padding: 25px 50px;
    font-family: oswald;
}

@media (max-width: 1024px) {
    .fixture-nav-main-container {
        padding: 25px 30px;
    }
}

.fixture-nav-main-container.fixture-drilldown a.btn-brdr {
    border: 1px solid #0D5565;
    padding: 4px 20px;
    font-size: 20px;
    color: #0D5565;
    text-transform: uppercase;
    letter-spacing: 0.1px;
    margin-right: 10px;
    float: left;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

    .fixture-nav-main-container.fixture-drilldown a.btn-brdr:hover {
        text-decoration: none;
        background-color: #0D5565;
        color: white;
        border: solid 1px #0D5565 !important;
        text-decoration: none;
        transition: 1s all;
    }

.fixture-nav-main-left > div {
    float: left;
    margin-right: 50px;
}

@media (min-width: 320px) and (max-width: 1024px) {
    .fixture-nav-main-left > div {
        width: 100%;
    }
}

.fixture-nav-select {
    font-size: 12px;
    color: #0d5565;
    font-weight: 400;
}

.fixture-nav-select-option {
    font-size: 3vw;
    text-transform: uppercase;
    font-weight: 200;
    color: #cdd3dd;
    cursor: pointer;
}

    .fixture-nav-select-option img {
        margin-left: 10px;
        position: relative;
        top: -5px;
    }

.fixture-nav-main-right {
    float: right;
    text-transform: uppercase;
}

    .fixture-nav-main-right > div {
        float: left;
    }

        .fixture-nav-main-right > div:last-of-type {
            margin-left: 5px;
        }

    .fixture-nav-main-right .fixture-nav-select-option {
        color: #0d5565;
        font-weight: 400;
        margin-top: -9px;
    }

.fixture-nav-calendar img {
    position: relative;
    top: 5px;
}

.fixture-nav-drop-container {
    background-color: #fbfbfb;
    padding: 20px 0;
}

.fixture-nav-drop-tournament {
    font-size: 1.9vw;
    text-transform: uppercase;
}

    .fixture-nav-drop-tournament > div {
        background-color: #f7f7f7;
        border: 2px solid white;
        padding: 25px;
    }

    .fixture-nav-drop-tournament strong {
        font-weight: 600;
    }

    .fixture-nav-drop-tournament > span {
        width: 50px;
        height: 50px;
        border-radius: 50px;
        border: solid #116071 2px;
        display: block;
        text-align: center;
        margin-right: 30px;
    }

    .fixture-nav-drop-tournament input {
        position: relative;
        opacity: 0;
        cursor: pointer;
        margin: auto;
        z-index: 1;
        width: 40px;
        height: 40px;
    }

.fixture-nav-button {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 1.7vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: solid #116071 2px;
    width: 3.1vw;
    height: 3.1vw;
    border-radius: 50px;
    text-align: center;
    float: left;
    margin-right: 10px;
    position: relative;
}

.checkmark {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    margin: auto;
    left: 22%;
    top: 22%;
    font-weight: 700;
    color: #116071;
}

    .checkmark:after {
        content: '';
        background: url(/Images/Icons/x.svg);
        background-repeat: no-repeat;
        position: absolute;
        display: none;
        height: 100%;
        width: 100%;
        background-size: 59%;
    }

.fixture-nav-drop-tournament input:checked ~ .checkmark:after {
    display: block;
}

.fixture-nav-calendar-container {
    padding: 30px 15px;
    width: 100%;
    background-color: #fbfbfb;
}

#fixNavmonths {
    color: #000;
    text-transform: uppercase;
    cursor: pointer;
    transition: 1s all;
    text-align: center;
    font-size: 3.8vw;
    position: relative;
    float: left;
}

.fixture-nav-calendar-container ul li:hover {
    color: #000;
}

.fixture-nav-calendar-container > div {
    margin: auto;
    max-width: 890px;
}

#daysContainer > span {
    width: 13.2%;
    display: inline-block;
    margin: .5%;
    font-size: 26px;
    text-align: center;
}

    #daysContainer > span > span {
        width: 7vw;
        height: 7vw;
        font-size: 2vw;
        border-radius: 200px;
        display: inline-block;
        background-color: #eef0f3;
        text-align: center;
        padding: 2vw;
        color: #cdd3dd;
        margin: .5%;
        cursor: pointer;
        transition: 1s all;
    }

.fixture-nav-calendar-container > div > span:hover {
    background-color: #f29701;
    color: white;
}

.calendar-hidden-days {
    visibility: hidden;
}

.fixture-nav-days {
    margin-top: 20px;
}

.fixture-nav-days-control {
    padding: 0;
    text-align: center;
    cursor: pointer;
}

div.fixture-nav-days-control span {
    background-color: white !important;
    border: solid 1px #116071;
    width: 41px;
    height: 41px;
    font-size: 22px;
    border-radius: 200px;
    display: inline-block;
    padding: 0;
}

.fixture-nav-hiiden-container {
    display: none;
}

#daysSliderContainer {
    position: relative;
    transition: 2s all;
}

.calendar-days-title {
    background-color: transparent !important;
    color: #116071 !important;
    height: initial;
}

@media (max-width: 1000px) {
    .fixture-nav-main-right > div:last-of-type {
        display: none !important;
    }

    .fixture-nav-main-left > div {
        margin-right: 20px;
    }
}

@media (min-width: 1366px) {
    #daysContainer > span > span {
        width: 119px;
        height: 119px;
        font-size: 34px;
        padding: 34px;
    }

    .fixture-nav-drop-tournament {
        font-size: 28px;
        text-transform: uppercase;
    }

    .fixture-nav-button {
        width: 40px;
        height: 40px;
        font-size: 22px;
    }
}

@media (min-width: 1024px) {
    .fixture-nav-select-option {
        font-size: 27px;
    }

    .fixture-nav-main-container.fixture-drilldown a.btn-brdr {
        padding: 6px 30px;
        position: static;
        font-size: 25px;
        margin-top: 0;
        float: left;
        transform: initial;
        left: initial;
    }

        .fixture-nav-main-container.fixture-drilldown a.btn-brdr:hover {
            background-color: #0D5565;
            color: white;
            border: solid 1px #0D5565 !important;
            text-decoration: none;
            transition: 1s all;
        }
}

@media (min-width: 1024px) {
    #fixture-nav-year-container .col-md-4 {
        flex-basis: 32.7%;
    }

    .fixture-nav-main-container.fixture-drilldown a.btn-brdr:hover {
        background-color: #0D5565;
        color: white;
        border: solid 1px #0D5565 !important;
        text-decoration: none;
        transition: 1s all;
    }

    #fixNavmonths {
        font-size: 24px;
    }

    .fixture-nav-main-left > div {
        margin-right: 40px;
    }
}

@media (max-width: 768px) {
    .fixture-nav-button {
        width: 40px;
        height: 40px;
        font-size: 24px;
    }

    .fixture-nav-drop-tournament {
        font-size: 24px;
    }
}

/*@media (max-width: 576px) {
            .fixture-nav-main-left > div {
                margin-right: 15px;
            }


            #daysContainer > span > span {
                width: 40px;
                height: 40px;
                font-size: 12px;
                padding: 12px
            }

            .fixture-nav-select-option img {
                top: 0
            }

            #fixNavmonths {
                top: 5px
            }
        }*/
@media (max-width: 1024px) {
    .fixture-nav-main-left {
        margin-left: 13px;
        margin-bottom: 20px;
    }

    .fixture-nav-select {
        font-size: 12px;
        font-weight: 300;
        line-height: 16px;
    }

    .fixture-nav-select-option {
        font-size: 25px;
        font-weight: 300;
        line-height: 34px;
        margin-bottom: 23px;
    }

    a.btn-brdr {
        margin-top: 0px !important;
    }
}

.heading-filer-fixture {
    color: #000000;
    font-size: 25px;
    font-weight: 300;
    line-height: 34px;
    text-transform: uppercase;
    margin-left: -15px;
    margin-bottom: 25px;
}

@media (max-width: 1024px) {
    .heading-filer-fixture {
        font-size: 20px;
    }
}

@media (width: 1024px) {
    .btn-brdr {
        margin: 0px 45%;
    }
}

/* upcoming Styles*/
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
@media (max-width: 992px) {
    .mob-show {
        display: none;
    }
}

.sarugby-upcoming {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0px 0px 86px 0;
    color: #ffffff;
}

@media (max-width: 768px) {
    .sarugby-upcoming > .row {
        margin-right: -25px;
        margin-left: -25px;
    }

        .sarugby-upcoming > .row h3 {
            margin-right: 15px;
            margin-left: 15px;
        }
}

.sarugby-upcoming .image-back {
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}

.sarugby-upcoming .background-svg {
    background-image: url("../../Images/common/V-shape.svg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.sarugby-upcoming .category-text {
    /*
        color: #000000;
        font-family: Oswald;
        font-size: 25px;
        font-weight: 300;
        line-height: 34px;
        padding: 0%;
        margin: 0%;
        padding-left: 15px;
        */
    color: #000000;
    font-family: Oswald;
    text-align: left;
    line-height: 27px;
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 25px;
}

@media (min-width: 1024px) {
    .sarugby-upcoming .category-text {
        padding-left: 0;
    }
}

.sarugby-upcoming .category-text.p30 {
    padding-top: 39px;
    padding-bottom: 0;
}

.sarugby-upcoming .row-pad {
    padding: 1%;
}

.sarugby-upcoming .last-row {
    margin-bottom: 20px;
}

.sarugby-upcoming .shape-01, .sarugby-upcoming .shape-02 {
    background-image: url("/Images/Icons/V-shape.svg");
    background-size: 100% 100%;
    background-position: top center;
    background-repeat: no-repeat;
}

.sarugby-upcoming .shape-02 {
    background-size: 87% 87%;
}

@-moz-document url-prefix() {
    .sarugby-upcoming .shape-01, .sarugby-upcoming .shape-02 {
        background-size: 33% 100%;
    }

    .sarugby-upcoming .shape-02 {
        background-size: 45% 94%;
    }
}

.sarugby-upcoming .card {
    min-height: 259px;
    width: 100%;
    background-color: #FAFAFA;
    box-shadow: 0 2px 4px 0 #CDD3DD;
    border-radius: 0%;
    background-image: url("../Images/Icons/V-shape.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0px;
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .sarugby-upcoming .card {
        box-shadow: none;
    }
}

.sarugby-upcoming .card .team-color {
    height: 10.73px;
    width: 100%;
    box-shadow: 0 2px 4px 0 #CDD3DD;
}

.sarugby-upcoming .card .image-fix-left {
    margin: auto;
    display: block;
    max-height: 55.85px;
    max-width: 95.31px;
    width: 100%;
}

.sarugby-upcoming .card .results-background {
    background-color: #000000;
    color: white !important;
}

.sarugby-upcoming .card .image-fix-center {
    float: left;
    width: 100%;
}

.sarugby-upcoming .card .size {
    margin: auto;
    max-height: 39px;
    max-width: 39px;
}

.sarugby-upcoming .card .time {
    margin: auto;
    max-height: 100%;
    border: 1px solid #000000;
    padding: 14px;
    color: #000000;
    font-family: Oswald;
    font-size: 25px;
    font-weight: 600;
    line-height: 21px;
    text-align: center;
    height: 55px;
    width: 105px;
    margin: auto;
    display: block;
}

@media (min-width: 481px) and (max-width: 767px) {
    .sarugby-upcoming .card .time {
        height: 47px;
        width: 100px;
        font-size: 20px;
    }
}

@media (min-width: 300px) and (max-width: 480px) {
    .sarugby-upcoming .card .time {
        height: 41px;
        width: 78px;
        font-size: 18px;
        padding: 9px;
    }
}

.sarugby-upcoming .card .vs-center {
    text-align: center;
}

.sarugby-upcoming .card .vs-text {
    margin: auto;
    color: #000000;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 300;
    line-height: 21px;
    border: 8px solid #FAFAFA;
    border-radius: 100%;
    height: 72px;
    padding: 17px;
    display: inline-block;
    width: 72px;
    background-color: #f2f2f2;
    left: 50%;
    bottom: 0;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sarugby-upcoming .card .vs-text {
        height: 60px;
        width: 60px;
        padding: 10px;
    }
}

.sarugby-upcoming .card .text-date {
    color: #000000;
    font-family: Oswald;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.22px;
    line-height: 14px;
    text-align: center;
    padding-top: 2%;
    padding-bottom: 5%;
}

.sarugby-upcoming .card .stadium-text {
    color: #000000;
    font-family: Oswald;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.22px;
    line-height: 14px;
    text-align: center;
    padding-bottom: 2%;
    padding-top: 10px;
    text-transform: uppercase;
}

.sarugby-upcoming .card .text-team-2 {
    color: #E60090;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    text-align: center;
    padding: 15px;
}

@media (min-width: 300px) and (max-width: 480px) {
    .sarugby-upcoming .card .text-team-2 {
        padding: 0;
        font-size: 20px;
        position: relative;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .sarugby-upcoming .card .text-team-2 {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sarugby-upcoming .card .text-team-2 {
        padding: 0;
        font-size: 16px;
    }
}

.sarugby-upcoming .card .text-team-1 {
    color: #000000;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    text-align: center;
    padding: 15px;
}

@media (min-width: 300px) and (max-width: 480px) {
    .sarugby-upcoming .card .text-team-1 {
        padding: 0;
        font-size: 20px;
        position: relative;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .sarugby-upcoming .card .text-team-1 {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sarugby-upcoming .card .text-team-1 {
        padding: 0;
        font-size: 16px;
    }
}

.sarugby-upcoming .card .image-sides {
    width: 40%;
}

.sarugby-upcoming .card .image-center {
    width: 100%;
    padding: 2%;
    text-align-last: center;
    height: 10% !important;
}

.sarugby-upcoming .card .size-width {
    width: 100%;
}

.sarugby-upcoming .card .image-fix-right {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
    max-height: 55.85px;
    max-width: 95.31px;
}

.sarugby-upcoming .card .col1 {
    background-color: #000000;
}

.sarugby-upcoming .card .col2 {
    background-color: #E2008E;
}

.sarugby-upcoming .card .col3 {
    background-color: #E89719;
}

.sarugby-upcoming .card .col4 {
    background-color: #2F4E9B;
}

.sarugby-upcoming .card .row-teams {
    margin-left: -1px !important;
    margin-right: -1px !important;
    width: 100%;
    display: flex;
    align-items: center;
}

/* Log tab component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
a.load-more, a.load-less {
    max-width: 120px !important;
}

.sarugby-log-tab table.table-striped tr:nth-of-type(odd) {
    background: #FFF;
}

.sarugby-log-tab table.table-striped tr:nth-of-type(even) {
    background: #FAFAFA;
}

#table-2, #table-3, #table-4 {
    width: 100%;
}

    #table-2 table, #table-3 table, #table-4 table {
        display: table !important;
    }

.sarugby-log-tab {
    display: block;
    min-height: 600px;
    padding: 32px;
    background-color: #EFEFEF;
    /*.pull-left {
        float: left;
    }

    .pull-right {
        text-align: left;
    }*/
}

@media screen and (max-width: 780px) {
    .sarugby-log-tab td div {
        width: 100% !important;
    }
}

@media screen and (min-width: 780px) {
    .sarugby-log-tab {
        padding-left: 0px;
        padding-right: 0px;
    }

        .sarugby-log-tab th:nth-of-type(2) {
            text-align: left;
            padding-left: 15px !important;
        }
}

@media (max-width: 758px) {
    .sarugby-log-tab td .pull-left {
        width: 100% !important;
    }
}

.sarugby-log-tab .table-log {
    display: table;
}

@media (max-width: 758px) {
    .sarugby-log-tab .table-log {
        width: 100%;
    }
}

.sarugby-log-tab .log-select-option a.load-more {
    max-width: 120px !important;
}

@media (min-width: 320px) and (max-width: 766px) {
    .sarugby-log-tab .table-row-height {
        height: 69px;
    }
}

.sarugby-log-tab .log-date {
    font-size: 20px;
    font-weight: 300;
    line-height: 27px;
}

@media (min-width: 320px) and (max-width: 756px) {
    .sarugby-log-tab .log-date {
        display: none;
    }
}

.sarugby-log-tab .table-loop {
    width: calc(100% - 0) !important;
    display: flex !important;
}

.sarugby-log-tab table.table-striped tr:nth-of-type(odd) {
    background-color: #FFF !important;
}

@media screen and (max-width: 767px) {
    .sarugby-log-tab {
        padding: 0px;
    }
}

.sarugby-log-tab table.table-striped tr:nth-of-type(odd) {
    background: #EFEFEF;
}

.sarugby-log-tab .padding-trending {
    padding-right: 8px;
}

.sarugby-log-tab .text-size {
    height: 22px;
    width: 183.89px;
    font-family: Helvetica;
    font-size: 14px;
    line-height: 17px;
    color: #55707E;
}

.sarugby-log-tab .a:any-link {
    text-decoration: none;
}

.sarugby-log-tab #scrolling-div {
    left: 0;
    width: 100%;
    position: relative;
}

.sarugby-log-tab .header {
    line-height: 55px;
    font-size: 40px;
    font-weight: 100;
    color: #000000;
    padding: 0% 0% 1.1% 0%;
}

.sarugby-log-tab .image-size {
    min-height: 50px;
    min-width: 50px;
}

.sarugby-log-tab .team-table {
    color: #000000;
    font-family: Oswald;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.84px;
    line-height: 19px;
    padding-top: 6%;
    padding-bottom: 6%;
    padding-left: 7%;
}

@media screen and (max-width: 767px) {
    .sarugby-log-tab .team-table {
        display: none;
    }
}

.sarugby-log-tab .log-area {
    background-color: #ffffff;
    width: 100%;
    border-radius: 0%;
    border: none;
    box-shadow: 0 2px 4px 0 #CDD3DD;
    margin: 0px;
    padding: 0px;
}

    .sarugby-log-tab .log-area .team-img {
        width: 30px;
        height: auto;
        margin-top: 16px;
        max-height: 17px;
    }

@media (min-width: 758px) {
    .sarugby-log-tab .log-area .pagination-cont {
        display: none !important;
    }
}

@media (max-width: 758px) {
    .sarugby-log-tab .log-area .hide-on-landscape {
        padding: 0 !important;
    }
}

.sarugby-log-tab .log-area .table-div-1 {
    position: relative;
    display: table !important;
}

@media (min-width: 758px) {
    .sarugby-log-tab .log-area .table-div-1 {
        display: none !important;
    }
}

@media (max-width: 785px) {
    .sarugby-log-tab .log-area .table-div-1 {
        flex-basis: 25%;
        padding: 0 !important;
    }
}

.sarugby-log-tab .log-area .table-div-1 table {
    width: 100%;
}

.sarugby-log-tab .log-area div.table-div-2 {
    position: relative;
    float: right;
    width: 84% !important;
}

    .sarugby-log-tab .log-area div.table-div-2 table {
        width: 100% !important;
    }

@media (min-width: 758px) {
    .sarugby-log-tab .log-area div.table-div-2 {
        display: none !important;
    }
}

@media (max-width: 758px) {
    .sarugby-log-tab .log-area div.table-div-2 {
        width: 75% !important;
        padding: 0 !important;
    }
}

@media (orientation: landscape) {
    .sarugby-log-tab .log-area div.table-div-2 {
        width: 84% !important;
    }

        .sarugby-log-tab .log-area div.table-div-2 table {
            width: 112% !important;
        }
}

.sarugby-log-tab .log-area div.table-div-3 {
    position: absolute;
    float: right;
    width: 79% !important;
    display: contents;
}

@media (min-width: 758px) {
    .sarugby-log-tab .log-area div.table-div-3 {
        display: none !important;
    }
}

@media (max-width: 758px) {
    .sarugby-log-tab .log-area div.table-div-3 {
        width: 75% !important;
        padding: 0 !important;
    }
}

@media (orientation: landscape) {
    .sarugby-log-tab .log-area div.table-div-3 {
        width: 75% !important;
    }
}

.sarugby-log-tab .log-area .table-div-4 {
    position: absolute;
    float: right;
    width: 85% !important;
    display: contents;
}

@media (min-width: 758px) {
    .sarugby-log-tab .log-area .table-div-4 {
        display: none !important;
    }
}

@media (orientation: landscape) {
    .sarugby-log-tab .log-area .table-div-4 {
        width: 84% !important;
    }
}

@media (max-width: 758px) {
    .sarugby-log-tab .log-area .table-div-4 {
        width: 75% !important;
        padding: 0 !important;
    }
}

.sarugby-log-tab .log-area div.table-div-5 {
    position: absolute;
    width: 81% !important;
    float: right;
    display: contents;
}

@media (min-width: 758px) {
    .sarugby-log-tab .log-area div.table-div-5 {
        display: none !important;
    }
}

@media (orientation: landscape) {
    .sarugby-log-tab .log-area div.table-div-5 {
        width: 84% !important;
    }
}

@media (max-width: 758px) {
    .sarugby-log-tab .log-area div.table-div-5 {
        width: 75% !important;
        padding: 0 !important;
    }
}

.sarugby-log-tab .log-area div.table-div-5 table {
    display: table;
}

.sarugby-log-tab .log-area .dot {
    height: 10px;
    margin-right: 6px;
    width: 10px;
    background-color: #0d5565;
    border-radius: 50%;
    display: inline-block;
}

    .sarugby-log-tab .log-area .dot.active {
        height: 10px;
        margin-right: 6px;
        width: 10px;
        border-radius: 50%;
        display: inline-block;
        background-color: #f29701;
    }

.sarugby-log-tab .header {
    padding: 20px !important;
    text-transform: uppercase;
    text-align: left !important;
    background-color: #ffffff;
    color: #1C1C1C;
    font-family: Oswald;
    font-size: 30px;
    font-weight: 300;
    line-height: 41px;
}

@media screen and (max-width: 767px) {
    .sarugby-log-tab .header {
        text-align: center !important;
        font-size: 17px;
    }
}

.sarugby-log-tab #bold-part {
    font-weight: 600;
}

.sarugby-log-tab #bold-part-title {
    font-weight: 600;
}

.sarugby-log-tab th {
    background-color: #373D4A;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-family: Oswald;
    letter-spacing: 0.7px;
    line-height: 16px;
    font-weight: 100;
    font-size: 12px;
    vertical-align: middle;
    height: 58px;
}

@media screen and (min-width: 767px) {
    .sarugby-log-tab th {
        font-size: 12px;
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
}

.sarugby-log-tab td {
    text-align: center;
    padding: 14px;
    margin: 0px;
    font-family: Oswald;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: 100;
    font-size: 14px;
    /*
        @media screen and (max-width: 767px) {
            font-size: 10px;
            padding-top: 26px;
            padding-bottom: 28px;

            .team-name {
                margin-top: 0;
                font-size: 8px;
                line-height: 11px;
                padding-top: 6px;
                font-weight: 300;
                padding-bottom: 5.5px;
                width: 100% !important;
                text-overflow: ellipsis;
                font-family: Oswald;
                white-space: nowrap;
                text-overflow: ellipsis;
                text-align: left;
            }
        }
        */
    /*
        @media screen and (max-width: 767px) {
            font-size: 9px;
            line-height: 10px;
            font-weight: 300;
            padding-top: 9px;
        }



        */
}

    .sarugby-log-tab td img {
        max-width: 90px;
    }

@media screen and (max-width: 767px) {
    .sarugby-log-tab td {
        height: 86px;
    }
}

.sarugby-log-tab td .pull-left {
    width: 100%;
}

@media screen and (max-width: 380px) {
    .sarugby-log-tab td .team-name {
        margin-top: 0;
        font-size: 8px;
        line-height: 11px;
        padding-top: 6px;
        font-weight: 300;
        padding-bottom: 5.5px;
        text-overflow: ellipsis;
        font-family: Oswald;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

@media screen and (max-width: 767px) {
    .sarugby-log-tab td .team-name {
        margin-top: 0;
        font-size: 10px;
        line-height: 11px;
        padding-top: 6px;
        font-weight: 300;
        padding-bottom: 5.5px;
        text-overflow: ellipsis;
        font-family: Oswald;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: center;
        overflow: hidden;
        width: 100% !important;
    }
}

.sarugby-log-tab table {
    width: 100%;
}

@media screen and (min-width: 1040px) {
    .sarugby-log-tab table {
        display: table !important;
    }
}

@media screen and (max-width: 767px) {
    .sarugby-log-tab table {
        width: 73%;
    }
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
    .sarugby-log-tab table {
        width: 100%;
    }
}

@media screen and (max-width: 754px) {
    .sarugby-log-tab .hide-on-potrait {
        display: none !important;
    }
}

@media screen and (max-width: 754px) {
    .sarugby-log-tab .hide-on-potrait {
        width: 100%;
    }
}

/* The base stylesheet sets global variables and loads up all Sass modules */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-subscription {
    background-image: url("/Images/General/ball-no-overlay.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 76% bottom;
    /**custom checkbox*/
    /* The switch - the box around the slider */
    /* Hide default HTML checkbox */
    /* The slider */
    /* Rounded sliders */
    /*unsubscribe*/
}

@media screen and (max-width: 768px) {
    .sarugby-subscription {
        background-image: url("/Content/sarugby/Images/subscribe/ball.png");
        background-position: 76% bottom;
    }
}

@media screen and (max-width: 640px) {
    .sarugby-subscription {
        background-image: url("/Content/sarugby/Images/subscribe/Sunscription_image_mobile.png");
        background-position-x: 95%;
    }
}

.sarugby-subscription .subscriprion-heading h1 {
    text-transform: uppercase;
    font-size: 50px;
    letter-spacing: 2px;
    font-weight: 300;
    margin-top: 0;
    color: #ffffff;
    padding-top: 10px;
    text-align-last: center;
    line-height: 68px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .sarugby-subscription .subscriprion-heading h1 {
        padding-top: 30px;
    }
}

.sarugby-subscription .subscription-container {
    padding: 0px 0px 10px;
    background-size: cover;
    color: white;
    min-height: 100vh;
}

    .sarugby-subscription .subscription-container > div {
        margin: auto;
        max-width: 630px;
        padding: 0px 15px 30px;
    }

.sarugby-subscription .subscriprion-heading {
    text-align: center;
    margin-top: -12px;
}

@media screen and (max-width: 756px) {
    .sarugby-subscription .subscriprion-heading {
        margin-top: 0px;
    }
}

.sarugby-subscription .subscriprion-heading p {
    font-size: 14px !important;
    font-family: helvetica;
    width: 78%;
    margin: auto;
    margin-top: 16px;
    line-height: 17px;
    color: rgba(255, 255, 255, 0.8);
}

.sarugby-subscription .subscription-form {
    margin: 40px 0;
}

@media screen and (max-width: 756px) {
    .sarugby-subscription .subscription-form {
        margin: 40px;
    }
}

.sarugby-subscription .subscription-form textarea {
    border: solid 1px rgba(255, 255, 255, 0.7);
    background: none;
    width: 100%;
    height: 133px;
    letter-spacing: 0.25px;
    line-height: 20px;
    color: #ffffff;
}

.sarugby-subscription .subscription-form label {
    color: rgba(255, 255, 255, 0.7);
}

.sarugby-subscription .subscription-form input {
    border: none;
    font-size: 22px;
    font-weight: 100;
    background: none;
    font-weight: 100;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.7);
}

    .sarugby-subscription .subscription-form input:focus {
        outline: none;
        box-shadow: none;
    }

.sarugby-subscription .subscription-form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.3);
}

.sarugby-subscription .subscription-form input ::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.3);
}

.sarugby-subscription .subscription-form input :-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(255, 255, 255, 0.3);
}

.sarugby-subscription .subscription-form input :-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.3);
}

.sarugby-subscription .subscription-form > div > div > div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    flex-basis: 46%;
    margin: 2%;
    padding: 0;
}

.sarugby-subscription .subscription-form > div > div:last-of-type {
    margin-top: 20px;
}

.sarugby-subscription .subscription-check {
    color: rgba(255, 255, 255, 0.7);
}

@media screen and (max-width: 756px) {
    .sarugby-subscription .subscription-check {
        margin: 0 35px;
    }
}

.sarugby-subscription .subscription-check .switch {
    top: 25px;
}

.sarugby-subscription .subscription-check > div {
    margin-top: 10px;
}

.sarugby-subscription .subscription-check h2 {
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 100;
}

.sarugby-subscription .subscription-check p {
    font-size: 12px;
    font-family: helvetica;
    margin-top: 5px;
}

.sarugby-subscription .subscribe-bottom-links {
    text-align: center;
    margin-top: -15px;
}

    .sarugby-subscription .subscribe-bottom-links a {
        border-left: solid 2px;
        text-transform: uppercase;
        padding: 0 20px;
        color: #fff;
        font-size: 18px;
    }

        .sarugby-subscription .subscribe-bottom-links a:first-of-type {
            border: none;
        }

.sarugby-subscription .subscribe-remove {
    background-color: rgba(7, 56, 67, 0.5);
    padding: 20px 0;
    border-radius: 32px;
    font-size: 16px;
    margin-top: 20px;
    color: rgba(255, 255, 255, 0.7);
}

    .sarugby-subscription .subscribe-remove .switch {
        top: 4px;
    }

.sarugby-subscription .subscribe-submit {
    display: inline-block;
    margin: 40px auto;
    border: solid 2px;
    padding: 15px 50px;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
}

    .sarugby-subscription .subscribe-submit:hover {
        background-color: #0D5565;
        color: white;
        border: solid 2px #0D5565;
        transition: .1s all;
        cursor: pointer;
        text-decoration: none;
        transition: .1s all;
    }

.sarugby-subscription .unsubscription-container input {
    color: white !important;
}

.sarugby-subscription .unsubscription-container .subscription-form > div > div:last-of-type {
    border: none;
    margin-top: 40px;
}

.sarugby-subscription .unsubscription-container p {
    font-size: 16px;
}

@media (max-width: 576px) {
    .sarugby-subscription .unsubscription-container p {
        font-size: 13px;
        text-align: center;
    }
}

.sarugby-subscription .unsubscription-container .subscribe-submit {
    margin-top: 0;
}

.sarugby-subscription .unsubscription-container .subscription-form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: white !important;
}

.sarugby-subscription .unsubscription-container .subscription-form input ::-moz-placeholder {
    /* Firefox 19+ */
    color: white;
}

.sarugby-subscription .unsubscription-container .subscription-form input :-ms-input-placeholder {
    /* IE 10+ */
    color: white;
}

.sarugby-subscription .unsubscription-container .subscription-form input :-moz-placeholder {
    /* Firefox 18- */
    color: white;
}

.sarugby-subscription .textarea-text {
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.8);
    padding: 0;
}

.sarugby-subscription .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 18px;
}

    .sarugby-subscription .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.sarugby-subscription .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

    .sarugby-subscription .slider:before {
        position: absolute;
        content: url("/Content/sarugby/images/subscribe/remove.svg");
        height: 35px;
        width: 35px;
        left: 0px;
        bottom: -7px;
    }

.sarugby-subscription input:checked + .slider:before {
    position: absolute;
    content: url("/Content/sarugby/images/subscribe/oval-blue.svg");
    height: 35px;
    width: 35px;
    left: 4px;
    bottom: -7px;
}

.sarugby-subscription input:checked + .slider:after {
    content: url("/Content/sarugby/images/subscribe/tick.svg");
    position: absolute;
    height: 35px;
    width: 35px;
    left: 40px;
    bottom: -14px;
}

.sarugby-subscription .subscribe-remove input:checked + .slider:after {
    content: url("/Content/sarugby/images/subscribe/tick.svg");
    position: absolute;
    height: 35px;
    width: 35px;
    left: 40px;
    bottom: -10px;
}

.sarugby-subscription input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.sarugby-subscription .slider.round {
    border-radius: 34px;
}

    .sarugby-subscription .slider.round:before {
        border-radius: 50%;
    }

.sarugby-subscription .subscription-confirmation {
    position: relative;
    background: rgba(0, 0, 0, 0.9);
    z-index: 1000000;
    top: 0;
    display: none;
    left: 10%;
    right: 10%;
}

.sarugby-subscription .popup-sub-inner {
    /*max-width: 1000px;*/
    margin: 20px auto;
    position: absolute;
    background: #ffffff;
    text-align: center;
    padding: 60px 100px;
    width: 80%;
}

.sarugby-subscription .subscription-confirmation-title {
    font-size: 40px;
    line-height: 70px;
    text-transform: uppercase;
}

.sarugby-subscription .subscription-confirmation-body {
    font-size: 28px;
    line-height: 30px;
    font-family: helvetica;
    padding: 40px 0;
    color: #373D4A;
}

.sarugby-subscription .subscription-confirmation-button {
    margin-top: 40px;
}

    .sarugby-subscription .subscription-confirmation-button a {
        border: 1px solid #0D5565;
        padding: 15px 40px;
        text-transform: uppercase;
        font-size: 22px;
        color: #0D5565;
    }

        .sarugby-subscription .subscription-confirmation-button a:hover {
            background-color: #0D5565;
            color: white;
            border: solid 1px #0D5565 !important;
            text-decoration: none;
            transition: 1s all;
        }

        .sarugby-subscription .subscription-confirmation-button a:hover {
            text-decoration: none !important;
        }

.sarugby-subscription .sub-small {
    display: none;
}

.sarugby-subscription .sub-large {
    display: block;
}

@media (max-width: 756px) {
    .sarugby-subscription .popup-subs {
        padding: 0;
        width: 100%;
        margin: 0 auto;
        position: initial;
    }

        .sarugby-subscription .popup-subs .popup-sub-inner {
            width: 100%;
            padding: 60px 30px;
            z-index: 999;
        }

        .sarugby-subscription .popup-subs .subscription-confirmation-title {
            line-height: 60px;
        }

        .sarugby-subscription .popup-subs .subscription-confirmation-body {
            font-weight: 100 !important;
            font-size: 22px;
        }

    .sarugby-subscription .sub-large {
        display: none;
    }

    .sarugby-subscription .sub-small {
        display: block;
    }

    .sarugby-subscription .subscription-form > div > div > div {
        flex-basis: 100%;
    }
}

.subscription-confirmation-modal .modal-lg {
    max-width: 1040px;
}

@media (min-width: 320px) and (max-width: 756px) {
    .subscription-confirmation-modal .modal-dialog {
        margin: 0;
    }
}

.subscription-confirmation-modal .modal-content {
    border-radius: 0;
    border: none;
}

.subscription-confirmation-modal .modal-header {
    border-radius: 0;
    border: none;
}

.subscription-confirmation-modal .modal-footer {
    border-radius: 0;
    border: none;
}

.subscription-confirmation-modal .subscription-confirmation-title {
    font-size: 50px;
    font-weight: 300;
    letter-spacing: 1.63px;
    line-height: 68px;
    text-align: center;
    max-width: 800px;
    color: #000000;
    margin: 0 auto;
    text-transform: uppercase;
    margin-top: 69px;
}

@media (min-width: 320px) and (max-width: 756px) {
    .subscription-confirmation-modal .subscription-confirmation-title {
        font-size: 40px;
        font-weight: 300;
        letter-spacing: 1.63px;
        line-height: 50px;
    }
}

.subscription-confirmation-modal .subscription-confirmation-body {
    max-width: 834px;
    color: #373D4A;
    font-family: Helvetica;
    font-size: 25px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    margin-top: 33px;
    margin-bottom: 42px;
}

.subscription-confirmation-modal .subscription-confirmation-button a {
    border: 1px solid #0D5565;
    padding: 15px 40px;
    text-transform: uppercase;
    font-size: 22px;
    color: #0D5565;
    margin: 0 auto;
    margin-bottom: 99px;
}

    .subscription-confirmation-modal .subscription-confirmation-button a:hover {
        background-color: #0D5565;
        color: white;
        border: solid 1px #0D5565 !important;
        text-decoration: none;
        transition: 1s all;
    }

    .subscription-confirmation-modal .subscription-confirmation-button a:hover {
        text-decoration: none !important;
    }

#subscription .subscription-confirmation-modal .subscription-confirmation-title {
    max-width: 818px;
}

.mandatory-text {
    color: #CDD3DD;
    font-family: Oswald;
    font-size: 10px !important;
    font-weight: 300;
    letter-spacing: 0.17px;
    line-height: 14px;
    margin-left: 12px;
    margin-top: -5px;
}

@media screen and (max-width: 756px) {
    .mandatory-text {
        margin-left: 5px;
        margin-top: 0px;
    }
}

.pagination .page-link:focus {
    box-shadow: none;
}

.pagination > .page-item > .page-link, .pagination > .page-item > span {
    border: 0;
    border-radius: 30px !important;
    transition: all .3s;
    padding: 0 11px !important;
    margin: 0 3px !important;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    color: #999;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    background: 0 0;
    text-align: center;
}

.pagination > .page-item.active > a, .pagination > .page-item.active > a:focus, .pagination > .page-item.active > a:hover, .pagination > .page-item.active > span, .pagination > .page-item.active > span:focus, .pagination > .page-item.active > span:hover {
    background-color: #9c27b0;
    border-color: #9c27b0;
    color: #fff;
    box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2);
}

.pagination.pagination-info > .page-item.active > a, .pagination.pagination-info > .page-item.active > a:focus, .pagination.pagination-info > .page-item.active > a:hover, .pagination.pagination-info > .page-item.active > span, .pagination.pagination-info > .page-item.active > span:focus, .pagination.pagination-info > .page-item.active > span:hover {
    background-color: #00bcd4;
    border-color: #00bcd4;
    box-shadow: 0 4px 5px 0 rgba(0, 188, 212, 0.14), 0 1px 10px 0 rgba(0, 188, 212, 0.12), 0 2px 4px -1px rgba(0, 188, 212, 0.2);
}

.pagination.pagination-success > .page-item.active > a, .pagination.pagination-success > .page-item.active > a:focus, .pagination.pagination-success > .page-item.active > a:hover, .pagination.pagination-success > .page-item.active > span, .pagination.pagination-success > .page-item.active > span:focus, .pagination.pagination-success > .page-item.active > span:hover {
    background-color: #4caf50;
    border-color: #4caf50;
    box-shadow: 0 4px 5px 0 rgba(76, 175, 80, 0.14), 0 1px 10px 0 rgba(76, 175, 80, 0.12), 0 2px 4px -1px rgba(76, 175, 80, 0.2);
}

.pagination.pagination-warning > .page-item.active > a, .pagination.pagination-warning > .page-item.active > a:focus, .pagination.pagination-warning > .page-item.active > a:hover, .pagination.pagination-warning > .page-item.active > span, .pagination.pagination-warning > .page-item.active > span:focus, .pagination.pagination-warning > .page-item.active > span:hover {
    background-color: #ff9800;
    border-color: #ff9800;
    box-shadow: 0 4px 5px 0 rgba(255, 152, 0, 0.14), 0 1px 10px 0 rgba(255, 152, 0, 0.12), 0 2px 4px -1px rgba(255, 152, 0, 0.2);
}

.pagination.pagination-danger > .page-item.active > a, .pagination.pagination-danger > .page-item.active > a:focus, .pagination.pagination-danger > .page-item.active > a:hover, .pagination.pagination-danger > .page-item.active > span, .pagination.pagination-danger > .page-item.active > span:focus, .pagination.pagination-danger > .page-item.active > span:hover {
    background-color: #f44336;
    border-color: #f44336;
    box-shadow: 0 4px 5px 0 rgba(244, 67, 54, 0.14), 0 1px 10px 0 rgba(244, 67, 54, 0.12), 0 2px 4px -1px rgba(244, 67, 54, 0.2);
}

/* Log tab component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-log-component {
    display: block;
    padding: 40px;
    background-color: #EFEFEF;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 35px;
}

    .sarugby-log-component .conference-name {
        margin: 5px 18px;
    }

@media (min-width: 769px) and (max-width: 992px) {
    .sarugby-log-component #penalties-dropgoals-table {
        display: none !important;
    }

    .sarugby-log-component #dropgoals-points-table {
        display: none !important;
    }
}

@media screen and (max-width: 992px) {
    .sarugby-log-component {
        padding-left: 17px;
        padding-top: 0px;
        padding-bottom: 1px;
    }
}

.sarugby-log-component .log-select-option {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 200;
    padding: 0;
    font-family: Oswald;
    cursor: pointer;
    text-align: center;
}

    .sarugby-log-component .log-select-option a {
        color: #0D5565;
        font-weight: 300;
        PADDING-LEFT: 13PX;
    }

.sarugby-log-component .view-more {
    height: 27px;
    width: 99.26px;
    color: #0D5565;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 300;
    margin-left: 45%;
    letter-spacing: 0.83px;
    line-height: 27px;
    text-align: center;
    border: none;
    background-color: none;
    margin: auto;
    display: block;
    margin-top: 37px !important;
}

    .sarugby-log-component .view-more .button {
        background: none;
        border: none;
        color: #0D5565;
    }

.sarugby-log-component .log-select-option img {
    /*margin-left: 10px;*/
    position: relative;
    /*top: -5px;*/
    display: inline-block;
}

.sarugby-log-component .a:any-link {
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .sarugby-log-component {
        padding: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.sarugby-log-component table.table-striped tr:nth-of-type(even) {
    background: #EFEFEF !important;
}

.sarugby-log-component table.table-striped tr:nth-of-type(odd) {
    background: #fff !important;
}

.sarugby-log-component .padding-trending {
    padding-right: 8px;
}

.sarugby-log-component .text-size {
    height: 22px;
    width: 183.89px;
    font-family: Helvetica;
    font-size: 14px;
    line-height: 17px;
    color: #55707E;
}

.sarugby-log-component .a:any-link {
    text-decoration: none;
}

.sarugby-log-component #scrolling-div {
    left: 0;
    width: 100%;
    position: relative;
}

.sarugby-log-component .header {
    line-height: 55px;
    font-size: 40px !important;
    font-weight: 100;
    color: #000000;
    padding: 0% 0% 1.1% 0%;
}

@media (min-width: 320px) and (max-width: 756px) {
    .sarugby-log-component .header {
        font-size: 17px !important;
    }
}

.sarugby-log-component .image-size {
    min-height: 50px;
    min-width: 50px;
}

.sarugby-log-component .team-table {
    color: #000000;
    font-family: Oswald;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.84px;
    line-height: 29px;
    text-align: left;
}

    .sarugby-log-component .team-table div img {
        max-height: 40px;
        height: auto;
        width: 40px;
        margin-right: 5px;
    }

.sarugby-log-component .test {
    background-color: #ffffff;
    width: 100%;
    border-radius: 0%;
    border: none;
    margin: 0px;
    padding: 0px;
}

    .sarugby-log-component .test .table-main {
        margin-left: 0px;
        margin-right: 0px;
        width: 62.2% !important;
        margin-bottom: 10px;
        /* Galaxy S5 portrait */
    }

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
    .sarugby-log-component .test .table-main {
        width: 54.9% !important;
    }
}

@media only screen and (min-device-width: 321px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .sarugby-log-component .test .table-main {
        width: 56.9% !important;
    }
}

.sarugby-log-component .test .table-2 {
    position: absolute;
    margin-top: -404.1px;
    margin-left: 246px;
    margin-right: 0px;
    width: 30% !important;
    margin-bottom: 10px;
    top: 485px;
    /* iPhone 6, 7, & 8 in landscape */
    /* iPhone 6, 7, & 8 Plus in portrait & landscape */
    /* Portrait */
    /* Galaxy S5 portrait */
    /* Galaxy S5 landscape */
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
    .sarugby-log-component .test .table-2 {
        margin-left: 395px;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
    .sarugby-log-component .test .table-2 {
        width: 38% !important;
        margin-left: 438px;
    }
}

@media only screen and (min-device-width: 321px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .sarugby-log-component .test .table-2 {
        margin-left: 196px;
    }
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
    .sarugby-log-component .test .table-2 {
        margin-left: 179px;
    }
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    .sarugby-log-component .test .table-2 {
        width: 38% !important;
        margin-left: 379px !important;
    }
}

.sarugby-log-component .test .table-3 {
    position: absolute;
    margin-top: -404.1px;
    margin-left: 246px;
    margin-right: 0px;
    width: 30% !important;
    margin-bottom: 10px;
    top: 485px;
    /* iPhone 6, 7, & 8 in landscape */
    /* iPhone 6, 7, & 8 Plus in portrait & landscape */
    /* Portrait */
    /* Galaxy S5 portrait */
    /* Galaxy S5 landscape */
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
    .sarugby-log-component .test .table-3 {
        margin-left: 395px;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
    .sarugby-log-component .test .table-3 {
        width: 38% !important;
        margin-left: 438px;
    }
}

@media only screen and (min-device-width: 321px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .sarugby-log-component .test .table-3 {
        margin-left: 196px;
    }
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
    .sarugby-log-component .test .table-3 {
        margin-left: 179px;
    }
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    .sarugby-log-component .test .table-3 {
        width: 38% !important;
        margin-left: 379px;
    }
}

.sarugby-log-component .test .pagination-container {
    margin-left: auto;
    margin-right: auto;
    width: 56%;
    text-align: center;
    padding-bottom: 28px;
}

    .sarugby-log-component .test .pagination-container .chev-previous {
        position: relative;
        right: 113px;
    }

    .sarugby-log-component .test .pagination-container .chev-next {
        position: relative;
        left: 113px;
    }

    .sarugby-log-component .test .pagination-container .dot {
        height: 10px;
        margin-right: 6px;
        width: 10px;
        background-color: #0d5565;
        border-radius: 50%;
        display: inline-block;
    }

        .sarugby-log-component .test .pagination-container .dot.active {
            height: 10px;
            margin-right: 6px;
            width: 10px;
            border-radius: 50%;
            display: inline-block;
            background-color: #f29701;
        }

.sarugby-log-component .header {
    padding: 20px !important;
    text-transform: uppercase;
    text-align: left !important;
    background-color: #ffffff;
    color: #1C1C1C;
    font-family: Oswald;
    font-size: 30px;
    font-weight: 300;
    line-height: 41px;
}

@media screen and (max-width: 768px) {
    .sarugby-log-component .header {
        font-size: 17px !important;
        padding-bottom: 15px !important;
    }
}

@media screen and (max-width: 640px) {
    .sarugby-log-component .header {
        text-align: center !important;
        font-size: 17px !important;
        padding-bottom: 15px !important;
    }
}

.sarugby-log-component #bold-part {
    font-weight: 400;
}

.sarugby-log-component table#logcompTable.table-log {
    display: table !important;
}

    .sarugby-log-component table#logcompTable.table-log .team-row {
        padding-top: 17px;
    }

        .sarugby-log-component table#logcompTable.table-log .team-row .team-img {
            width: 48px;
        }

        .sarugby-log-component table#logcompTable.table-log .team-row .team-name-cont {
            padding-left: 5px;
            padding-right: 5px;
        }

            .sarugby-log-component table#logcompTable.table-log .team-row .team-name-cont .team-name {
                font-size: 11pt;
                padding-top: 6px;
                text-align: left;
                padding-left: 7px;
            }

.sarugby-log-component th {
    background-color: #373D4A;
    color: #ffffff;    
    text-transform: uppercase;
    font-family: Oswald;
    letter-spacing: 0.7px;
    line-height: 16px;
    font-weight: 100;
    font-size: 12px;
    vertical-align: middle;
    height: 58px;
}

@media screen and (max-width: 768px) {
    .sarugby-log-component th {
        height: auto;        
    }
}

@media screen and (max-width: 576px) {
    .sarugby-log-component th {
        font-size: 9px;
    }
}

.sarugby-log-component td {    
    padding: 14px;
    margin: 0px;
    font-family: Oswald;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: 100;
    font-size: 16px;
    border: none !important;    
}

    .sarugby-log-component td div img {
        width: 40px;
        height: auto;
        max-height: 40px;
        margin-right: 5px;
    }

@media (min-width: 320px) and (max-width: 550px) {
    .sarugby-log-component table.table td {
        padding: 5px !important;
    }
}

@media (max-width:480px) {
    .sarugby-log-component table.table td {
        padding: 5px !important;
    }

        .sarugby-log-component table td {
            height:50px !important;
            font-size:12px !important;
            text-align:left;
        }

    .sarugby-log-component .team-table {
        font-size:12px !important;
    }

    .sarugby-log-component th {
        text-align:left;
        padding:5px !important;
    }
}

.sarugby-log-component table {
    width: calc(100% - 36px);
    margin: 0 18px;
}

    .sarugby-log-component table tr:nth-of-type(2) {
        display: table-row;
    }

@media (max-width: 768px) {
    .sarugby-log-component table {
        display: table;
    }

        .sarugby-log-component table tr:nth-of-type(odd) {
            background-color: #EFEFEF;
        }

        .sarugby-log-component table td {
            height: 93px;
        }

    .sarugby-log-component #dropgoals-points-table, .sarugby-log-component #penalties-dropgoals-table {
        width: 50% !important;
    }

    .sarugby-log-component .pagination-container {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        text-align: center;
        padding-bottom: 28px;
        display: table !important;
        margin-top: 20px;
        float: left;
        width: 100% !important;
    }

    .sarugby-log-component .log-select-option a {
        display: table;
        /*@media (min-width: 320px) and (max-width: 768px) {
                display: none !important;
            }*/
    }
}

@media (max-width: 768px) {
    .sarugby-log-component .mobile-table-log, .sarugby-log-component .mobile-table-team {
        display: table !important;
    }

        .sarugby-log-component .mobile-table-team th {
            text-align: left;
        }
}

.sarugby-log-component .table-log tr td img {
    max-width: 40px;
    max-height: 40px;
    margin-right: 5px;
}

a.load-more, a.load-less {
    max-width: max-content !important;
}

/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.tournament-about .tourn-about-title {
    padding: 9px 25px !important;
    width: 90%;
}

.tournament-about div#collapseSocial {
    margin-top: -69px;
    border: none;
    margin-left: -47px;
    margin-right: 18px;
}

@media screen and (max-width: 767px) {
    .tournament-about div#collapseSocial {
        margin-top: -57px;
        margin-left: -115px;
        position: absolute;
    }
}

.tournament-about .share-on-mobi {
    cursor: pointer;
    margin-top: 5px;
    float: right;
}

@media screen and (max-width: 767px) {
    .tournament-about .share-on-mobi {
        width: 25px;
        height: 25px;
        margin-top: 2px;
        margin-right: -29px;
    }
}

.tournament-about .tourn-collapsed.history {
    padding-left: 30px;
    padding-right: 100px;
    padding-top: 20px;
    font-family: helvetica;
    font-size: 18px;
    line-height: 27px;
    color: #8494A5;
}

@media screen and (max-width: 767px) {
    .tournament-about .tourn-collapsed.history {
        padding-right: 42px;
    }
}

.tournament-about .tourn-about-text {
    font-size: 19px;
    color: #F5A623;
    font-family: Oswald;
    font-weight: 500;
    line-height: 20px;
}

.tournament-about .tourn-name {
    color: #000000;
    font-family: Oswald;
    font-size: 40px;
    font-weight: 300;
    line-height: 39px;
}

.tournament-about .tourn-share-span {
    margin: 0px 23px;
}

@media screen and (max-width: 767px) {
    .tournament-about .tourn-share-span .social-btn {
        width: 25px;
    }
}

.tournament-about .tourn-share-span .span-img {
    margin-left: 181px;
}

@media screen and (max-width: 767px) {
    .tournament-about .tourn-share-span .span-img {
        margin-left: 30px;
        top: -2px;
        position: relative;
    }
}

.tournament-about .tourn-share-span .social-buttons-pos {
    margin-right: 3px;
    padding-bottom: 0px !important;
    padding-top: 24px !important;
}

@media screen and (max-width: 767px) {
    .tournament-about .tourn-share-span .social-buttons-pos {
        padding: 47px 16px 0px 5px !important;
        margin-right: -97px;
    }
}

@media screen and (max-width: 767px) {
    .tournament-about .tourn-share-span {
        /*margin: 6px 0px;
            padding-left: 0px !important;
            padding-right: 0px !important;
            width: 10%;*/
        position: relative;
        padding: 0px !important;
        width: 10%;
        display: flex;
        flex-direction: row-reverse;
    }
}

@media screen and (max-width: 767px) {
    .tournament-about .tourn-share-span .tourn-share-on-mobi {
        padding: 0px 0px 0px 0px;
    }
}

.tournament-about .tourn-share-span .share-img {
    margin-left: -38px;
}

@media screen and (max-width: 767px) {
    .tournament-about .tourn-share-span .share-img {
        margin-left: 165px;
        margin-right: 0px;
        width: 25px;
    }
}

.tournament-about .tourn-about {
    padding-left: 42px;
    padding-right: 100px;
    font-family: helvetica;
    font-size: 18px;
    line-height: 27px;
    color: #373D4A;
}

@media screen and (max-width: 767px) {
    .tournament-about .tourn-about {
        padding-right: 42px;
    }
}

.tournament-about .tourn-about-collapse {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0px 29px;
}

.tournament-about .tourn-about-collapse-item {
    color: #373D4A;
    font-family: Oswald;
    font-size: 25px;
    font-weight: 200;
    line-height: 26px;
}

.tournament-about .tourn-chev-down {
    margin: 21px 20px 0px 0px;
    font-size: 16px;
    color: #373D4A;
    margin-top: 5px;
}

.tournament-border {
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
    /* margin: 0px 29px; */
}

/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
/* xs and sm */
@media (max-width: 991px) {
    .video-action-advert {
        margin-top: -8px;
    }

        .video-action-advert .card {
            height: 185px;
            overflow: hidden;
            border-radius: 0%;
            box-shadow: 0 2px 4px 0 #CDD3DD;
        }

        .video-action-advert .card-video {
            height: 438px;
            width: 100%;
            padding: 0%;
        }

            .video-action-advert .card-video .bottom-left {
                position: absolute;
                bottom: 26px;
                left: 36px;
            }

                .video-action-advert .card-video .bottom-left .score {
                    height: 48px;
                    width: 686.64px;
                    color: #FFFFFF;
                    font-family: Oswald;
                    font-size: 40px;
                    font-weight: 300;
                    line-height: 39px;
                }

                .video-action-advert .card-video .bottom-left .category-text {
                    height: 20px;
                    width: 114.32px;
                    color: #F29701;
                    font-family: Oswald;
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 20px;
                    text-transform: uppercase;
                    margin-bottom: 10px !important;
                }

            .video-action-advert .card-video .card-img-top {
                width: 100%;
                object-fit: cover;
                overflow: hidden;
                border-radius: 0%;
            }

            .video-action-advert .card-video .link-icons {
                position: absolute;
                display: table;
                z-index: 2;
                opacity: 0;
                width: 100%;
                height: 100%;
                vertical-align: middle;
                text-align: center;
                margin: 0%;
            }

                .video-action-advert .card-video .link-icons:hover {
                    opacity: 1;
                    background: rgba(0, 0, 0, 0.5) center no-repeat;
                }

            .video-action-advert .card-video div.inner {
                display: block;
                width: 100%;
                height: 100%;
                display: table-cell;
                vertical-align: middle;
            }

            .video-action-advert .card-video .large {
                font-size: 20px;
                line-height: 30px;
                background-color: #ffffff;
                color: #373D4A;
                text-decoration: none;
                padding: 0 10px 0 10px;
            }

                .video-action-advert .card-video .large:hover {
                    background-color: red;
                    color: #ffffff;
                }

            .video-action-advert .card-video .card-body {
                padding-left: 36px;
                padding-right: 36px;
            }

                .video-action-advert .card-video .card-body .card-title {
                    height: 60px;
                    width: inherit;
                    color: #0D5565;
                    font-family: Oswald;
                    font-size: 20px;
                    font-weight: 300;
                    line-height: 27px;
                    text-transform: uppercase;
                }

                    .video-action-advert .card-video .card-body .card-title:any-link {
                        text-decoration: none;
                    }

                .video-action-advert .card-video .card-body .category-text {
                    height: 23.35px;
                    width: inherit;
                    color: #F29701;
                    font-family: Oswald;
                    font-size: 40px;
                    font-weight: 500;
                    line-height: 20px;
                    color: #F29701;
                }

            .video-action-advert .card-video .card-footer {
                height: 51px;
                width: 190px;
                color: #373D4A;
                font-family: Helvetica;
                font-size: 14px;
                font-weight: 300;
                line-height: 17px;
                border: none;
                background: transparent;
            }
}

@media (min-width: 992px) {
    .video-action-advert {
        margin-left: 20px;
        padding-right: 20px !important;
    }

        .video-action-advert .card {
            height: 185px;
            overflow: hidden;
            border-radius: 0%;
            box-shadow: 0 2px 4px 0 #CDD3DD;
        }

        .video-action-advert .card-video {
            height: 438px;
            width: 100%;
            padding: 0%;
        }

            .video-action-advert .card-video .bottom-left {
                position: absolute;
                bottom: 26px;
                left: 36px;
            }

                .video-action-advert .card-video .bottom-left .score {
                    height: 48px;
                    width: 686.64px;
                    color: #FFFFFF;
                    font-family: Oswald;
                    font-size: 40px;
                    font-weight: 300;
                    line-height: 39px;
                }

                .video-action-advert .card-video .bottom-left .category-text {
                    height: 20px;
                    width: 114.32px;
                    color: #F29701;
                    font-family: Oswald;
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 20px;
                    text-transform: uppercase;
                    margin-bottom: 10px !important;
                }

            .video-action-advert .card-video .card-img-top {
                width: 100%;
                object-fit: cover;
                overflow: hidden;
                border-radius: 0%;
            }

            .video-action-advert .card-video .link-icons {
                position: absolute;
                display: table;
                z-index: 2;
                opacity: 0;
                width: 100%;
                height: 100%;
                vertical-align: middle;
                text-align: center;
                margin: 0%;
            }

                .video-action-advert .card-video .link-icons:hover {
                    opacity: 1;
                    background: rgba(0, 0, 0, 0.5) center no-repeat;
                }

            .video-action-advert .card-video div.inner {
                display: block;
                width: 100%;
                height: 100%;
                display: table-cell;
                vertical-align: middle;
            }

            .video-action-advert .card-video .large {
                font-size: 20px;
                line-height: 30px;
                background-color: #ffffff;
                color: #373D4A;
                text-decoration: none;
                padding: 0 10px 0 10px;
            }

                .video-action-advert .card-video .large:hover {
                    background-color: red;
                    color: #ffffff;
                }

            .video-action-advert .card-video .card-body {
                padding-left: 36px;
                padding-right: 36px;
            }

                .video-action-advert .card-video .card-body .card-title {
                    height: 60px;
                    width: inherit;
                    color: #0D5565;
                    font-family: Oswald;
                    font-size: 20px;
                    font-weight: 300;
                    line-height: 27px;
                    text-transform: uppercase;
                }

                    .video-action-advert .card-video .card-body .card-title:any-link {
                        text-decoration: none;
                    }

                .video-action-advert .card-video .card-body .category-text {
                    height: 23.35px;
                    width: inherit;
                    color: #F29701;
                    font-family: Oswald;
                    font-size: 40px;
                    font-weight: 500;
                    line-height: 20px;
                    color: #F29701;
                }

            .video-action-advert .card-video .card-footer {
                height: 51px;
                width: 190px;
                color: #373D4A;
                font-family: Helvetica;
                font-size: 14px;
                font-weight: 300;
                line-height: 17px;
                border: none;
                background: transparent;
            }
}

.video-action-advert {
    display: block;
    height: 100%;
    width: 100%;
    color: #ffffff;
}

    .video-action-advert .score-color {
        color: #F29701;
        font-weight: 500;
        margin-left: 15px;
        margin-right: 15px;
    }

    .video-action-advert .card-advert {
        overflow: hidden;
        border-radius: 0%;
        box-shadow: 0 2px 4px 0 #CDD3DD;
        min-height: 539.42px;
        position: relative;
        background-color: #ffffff;
    }

        .video-action-advert .card-advert .image-fit {
            object-fit: cover;
            margin-left: auto;
            height: auto;
            width: auto;
            right: 0;
        }

        .video-action-advert .card-advert .card-bottom {
            display: block;
            left: 50px;
            bottom: 50px;
            margin: auto;
            position: absolute;
        }

            .video-action-advert .card-advert .card-bottom .card-title {
                color: #000000;
                font-family: Oswald;
                font-size: 30px;
                font-weight: 300;
                letter-spacing: 1.25px;
                line-height: 41px;
                text-transform: uppercase;
            }

            .video-action-advert .card-advert .card-bottom .booknow-button {
                height: 58px;
                width: 162.7px;
                border: 1px solid #0D5565;
                text-align: center;
                padding-top: 14px;
            }

                .video-action-advert .card-advert .card-bottom .booknow-button .booknow-button-text {
                    display: inline-block;
                    font-family: Oswald;
                    font-size: 20px;
                    font-weight: 300;
                    letter-spacing: 0.83px;
                    line-height: 27px;
                    text-decoration: initial !important;
                    color: #0D5565;
                }

            .video-action-advert .card-advert .card-bottom .card-description {
                color: #000000;
                font-family: Helvetica;
                font-size: 14px;
                font-weight: 300;
                letter-spacing: 0.58px;
                line-height: 17px;
                margin-bottom: 12%;
            }

    .video-action-advert .image-fit {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

    .video-action-advert .overlay-share {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 9999;
    }

    .video-action-advert .video-image {
        height: 59px;
        width: 59px;
    }

    .video-action-advert .overlay-share-large {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 4;
    }

    .video-action-advert .positioning {
        position: relative;
    }

    .video-action-advert .video-image {
        position: absolute;
        top: 0%;
        left: 0%;
        right: 0%;
        bottom: 0%;
        margin: auto;
        z-index: 4;
        width: 35px;
        height: 35px;
    }

.video-action-advert {
    padding-right: 0;
}

@media screen and (max-width: 756px) {
    .video-action-advert .card-video .bottom-left {
        position: absolute;
        bottom: 26px;
        left: 20px !important;
        right: 20px;
    }

        .video-action-advert .card-video .bottom-left .score {
            font-size: 20px !important;
        }
}

/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.tournament-bg-color {
    background-color: #EFEFEF;
}

@media (min-width: 992px) {
    .tournament-bg-color #advert {
        margin-left: 20px !important;
    }
}

/* xs and sm */
@media (max-width: 991px) {
    .video-action-advert .advert {
        margin-top: -7px;
        padding-bottom: 40px !important;
    }
}

@media (max-width: 991px) {
    .video-action-advert {
        padding: 0;
    }

        .video-action-advert .card {
            height: 185px;
            overflow: hidden;
            border-radius: 0%;
            box-shadow: 0 2px 4px 0 #CDD3DD;
        }

        .video-action-advert .card-video {
            height: 438px;
            width: 100%;
            padding: 0%;
        }

            .video-action-advert .card-video .bottom-left {
                position: absolute;
                bottom: 26px;
                left: 36px;
            }

                .video-action-advert .card-video .bottom-left .score {
                    height: 48px;
                    width: 686.64px;
                    color: #FFFFFF;
                    font-family: Oswald;
                    font-size: 40px;
                    font-weight: 300;
                    line-height: 39px;
                }
}

@media (max-width: 991px) and (max-width: 768px) {
    .video-action-advert .card-video .bottom-left .score {
        font-size: 25px;
    }
}

@media (max-width: 991px) {
    .video-action-advert .card-video .bottom-left .category-text {
        height: 20px;
        width: 114.32px;
        color: #F29701;
        font-family: Oswald;
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        text-transform: uppercase;
        margin-bottom: 10px !important;
    }

    .video-action-advert .card-video .card-img-top {
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        border-radius: 0%;
    }

    .video-action-advert .card-video .link-icons {
        position: absolute;
        display: table;
        z-index: 2;
        opacity: 0;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        text-align: center;
        margin: 0%;
    }

        .video-action-advert .card-video .link-icons:hover {
            opacity: 1;
            background: rgba(0, 0, 0, 0.5) center no-repeat;
        }

    .video-action-advert .card-video div.inner {
        display: block;
        width: 100%;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
    }

    .video-action-advert .card-video .large {
        font-size: 20px;
        line-height: 30px;
        background-color: #ffffff;
        color: #373D4A;
        text-decoration: none;
        padding: 0 10px 0 10px;
    }

        .video-action-advert .card-video .large:hover {
            background-color: red;
            color: #ffffff;
        }

    .video-action-advert .card-video .card-body {
        padding-left: 36px;
        padding-right: 36px;
    }

        .video-action-advert .card-video .card-body .card-title {
            height: 60px;
            width: inherit;
            color: #0D5565;
            font-family: Oswald;
            font-size: 20px;
            font-weight: 300;
            line-height: 27px;
            text-transform: uppercase;
        }

            .video-action-advert .card-video .card-body .card-title:any-link {
                text-decoration: none;
            }

        .video-action-advert .card-video .card-body .category-text {
            height: 23.35px;
            width: inherit;
            color: #F29701;
            font-family: Oswald;
            font-size: 40px;
            font-weight: 500;
            line-height: 20px;
            color: #F29701;
        }

    .video-action-advert .card-video .card-footer {
        height: 51px;
        width: 190px;
        color: #373D4A;
        font-family: Helvetica;
        font-size: 14px;
        font-weight: 300;
        line-height: 17px;
        border: none;
        background: transparent;
    }
}

@media (min-width: 992px) {
    .video-action-advert .card {
        height: 185px;
        overflow: hidden;
        border-radius: 0%;
        box-shadow: 0 2px 4px 0 #CDD3DD;
    }

    .video-action-advert .card-video {
        height: 438px;
        width: 100%;
        padding: 0%;
    }

        .video-action-advert .card-video .bottom-left {
            position: absolute;
            bottom: 26px;
            left: 36px;
        }

            .video-action-advert .card-video .bottom-left .score {
                height: 48px;
                width: 686.64px;
                color: #FFFFFF;
                font-family: Oswald;
                font-size: 40px;
                font-weight: 300;
                line-height: 39px;
            }

            .video-action-advert .card-video .bottom-left .category-text {
                height: 20px;
                width: 114.32px;
                color: #F29701;
                font-family: Oswald;
                font-size: 15px;
                font-weight: 500;
                line-height: 20px;
                text-transform: uppercase;
                margin-bottom: 10px !important;
            }

        .video-action-advert .card-video .card-img-top {
            width: 100%;
            object-fit: cover;
            overflow: hidden;
            border-radius: 0%;
        }

        .video-action-advert .card-video .link-icons {
            position: absolute;
            display: table;
            z-index: 2;
            opacity: 0;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            text-align: center;
            margin: 0%;
        }

            .video-action-advert .card-video .link-icons:hover {
                opacity: 1;
                background: rgba(0, 0, 0, 0.5) center no-repeat;
            }

        .video-action-advert .card-video div.inner {
            display: block;
            width: 100%;
            height: 100%;
            display: table-cell;
            vertical-align: middle;
        }

        .video-action-advert .card-video .large {
            font-size: 20px;
            line-height: 30px;
            background-color: #ffffff;
            color: #373D4A;
            text-decoration: none;
            padding: 0 10px 0 10px;
        }

            .video-action-advert .card-video .large:hover {
                background-color: red;
                color: #ffffff;
            }

        .video-action-advert .card-video .card-body {
            padding-left: 36px;
            padding-right: 36px;
        }

            .video-action-advert .card-video .card-body .card-title {
                height: 60px;
                width: inherit;
                color: #0D5565;
                font-family: Oswald;
                font-size: 20px;
                font-weight: 300;
                line-height: 27px;
                text-transform: uppercase;
            }

                .video-action-advert .card-video .card-body .card-title:any-link {
                    text-decoration: none;
                }

            .video-action-advert .card-video .card-body .category-text {
                height: 23.35px;
                width: inherit;
                color: #F29701;
                font-family: Oswald;
                font-size: 40px;
                font-weight: 500;
                line-height: 20px;
                color: #F29701;
            }

        .video-action-advert .card-video .card-footer {
            height: 51px;
            width: 190px;
            color: #373D4A;
            font-family: Helvetica;
            font-size: 14px;
            font-weight: 300;
            line-height: 17px;
            border: none;
            background: transparent;
        }
}

.advert {
    display: block;
    height: 100%;
    width: 100%;
    color: #ffffff;
    padding-bottom: 40px !important;
}

    .advert .score-color {
        color: #F29701;
        font-weight: 500;
        margin-left: 15px;
        margin-right: 15px;
    }

    .advert .card-advert {
        overflow: hidden;
        border-radius: 0%;
        /*position: relative;*/
        background-color: #ffffff;
    }

@media (max-width: 769px) {
    .advert .card-advert {
        background-image: url(/Content/sarugby/Images/tournaments/t-shirt-screenshot.png);
        background-size: 61% 100%;
        /* background-size: cover; */
        display: block;
        background-repeat: no-repeat;
        background-position: 106% 20% !important;
    }
}

@media (max-width: 426px) {
    .advert .card-advert {
        background-image: url(/Content/sarugby/Images/tournaments/t-shirt-screenshot.png);
        background-size: 61% 100%;
        /* background-size: cover; */
        display: block;
        background-repeat: no-repeat;
        background-position: 109% 20% !important;
    }
}

@media (max-width: 321px) {
    .advert .card-advert {
        background-image: url(/Content/sarugby/Images/tournaments/t-shirt-screenshot.png);
        background-size: 88% 100%;
        /* background-size: cover; */
        display: block;
        background-repeat: no-repeat;
        background-position: 322% 20% !important;
    }
}

.advert .card-advert .image-fit {
    object-fit: cover;
    margin-left: auto;
    height: auto;
    width: 100%;
    right: 0;
}

@media (max-width: 769px) {
    .advert .card-advert .image-fit {
        display: none;
    }
}

.advert .card-advert .card-bottom {
    display: block;
    left: 50px;
    bottom: 0px;
    margin: auto;
    /*position: relative;*/
    top: 50px;
    bottom: 20px;
    margin-top: 255px;
    margin-bottom: 40px;
    margin-left: 45px;
    /*
            @media (max-width: 1023px) {
                margin-top: 85px;
            }

            @media (max-width: 1024px) {
                margin-top: 85px;
            }
            */
}

@media screen and (min-width: 426px) and (max-width: 768px) {
    .advert .card-advert .card-bottom {
        padding: 12px;
        position: static;
        top: 50px;
        margin-top: 25px;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 375px) and (max-width: 426px) {
    .advert .card-advert .card-bottom {
        padding: 12px;
        position: static;
        top: 50px;
        margin-top: 25px;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 425px) and (max-width: 751px) {
    .advert .card-advert .card-bottom {
        padding: 12px;
        position: static;
        top: 50px;
        margin-top: 25px;
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 750px) and (max-width: 769px) {
    .advert .card-advert .card-bottom {
        padding: 12px;
        position: static;
        top: 50px;
        margin-top: 25px;
        margin-bottom: 4px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1025px) {
    .advert .card-advert .card-bottom {
        padding: 12px;
        position: static;
        top: 50px;
        margin-top: 59px;
        margin-bottom: 4px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1441px) {
    .advert .card-advert .card-bottom {
        padding: 12px;
        position: static;
        top: 50px;
        margin-top: 287px;
        margin-bottom: 4px;
    }
}

@media screen and (min-width: 1441px) and (max-width: 2560px) {
    .advert .card-advert .card-bottom {
        padding: 12px;
        position: static;
        top: 50px;
        margin-top: 100%;
        margin-bottom: 4px;
    }
}

.advert .card-advert .card-bottom .card-title {
    color: #000000;
    font-family: Oswald;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 1.25px;
    line-height: 41px;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .advert .card-advert .card-bottom .card-title {
        font-size: 17px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 28px;
    }
}

.advert .card-advert .card-bottom .booknow-button {
    height: 58px;
    width: 162.7px;
    border: 1px solid #0D5565;
    text-align: center;
    padding-top: 14px;
}

    .advert .card-advert .card-bottom .booknow-button .booknow-button-text {
        display: inline-block;
        font-family: Oswald;
        font-size: 20px;
        font-weight: 300;
        letter-spacing: 0.83px;
        line-height: 27px;
        text-decoration: initial !important;
        color: #0D5565;
    }

.advert .card-advert .card-bottom .card-description {
    color: #000000;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.58px;
    line-height: 17px;
    margin-bottom: 12%;
}

@media (max-width: 768px) {
    .advert .card-advert .card-bottom .card-description {
        font-size: 13px;
    }
}

.advert .image-fit {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.advert .overlay-share {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9999;
}

.advert .video-image {
    height: 59px;
    width: 59px;
}

.advert .overlay-share-large {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 4;
}

.advert .positioning {
    position: relative;
}

.advert .video-image {
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    margin: auto;
    z-index: 4;
    width: 35px;
    height: 35px;
}

.tourn-teams .team-img-div {
    background-color: #FAFAFA;
    width: 100%;
    height: 190px;
    padding: 25px;
    margin-bottom: 6px;
    /* Large desktop */
    /* Portrait tablet to landscape and desktop */
}

@media (min-width: 1200px) {
    .tourn-teams .team-img-div {
        width: 100%;
        margin-bottom: 16px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .tourn-teams .team-img-div {
        width: 100%;
        height: 155px;
        margin-bottom: 23px;
    }
}

@media screen and (max-width: 767px) {
    .tourn-teams .team-img-div {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .tourn-teams .team-img-div {
        width: 100%;
        height: 140px;
        margin-bottom: 17px;
    }
}

@media screen and (min-width: 2050px) {
    .tourn-teams .team-img-div {
        width: 100%;
        height: 360px;
        margin-bottom: 12px;
    }
}

@media (min-width: 320px) and (max-width: 667px) {
    .tourn-teams .team-img-div {
        height: 145px;
    }
}

.tourn-teams .team-img-div .team-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    padding: 20px;
}

@media (min-width: 320px) and (max-width: 666px) {
    .tourn-teams .team-img-div .team-img {
        padding: 0px;
    }
}

#teams div.row div {
    padding: 0 5px !important;
}

/* Tournament banner information cpomponent style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.tournament-bannner-information {
    position: relative;
    background-color: rgba(0, 0, 0, 0.8);
    margin-top: -2px;
}

    .tournament-bannner-information .tournament-banner > img {
        width: 100%;
        height: 100%;
    }

@media (max-width: 756px) {
    .tournament-bannner-information .tournament-banner > img {
        width: 100%;
        height: 480px !important;
        position: relative;
        object-fit: cover;
        object-position: top;
    }
}

.tournament-bannner-information .tournament-container {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 1752px;
    padding: 0 !important;
}

.tournament-bannner-information .tournament-banner-text {
    color: white;
    text-align: center;
    text-transform: uppercase;
    width: 26vw;
    height: 100%;
    letter-spacing: 1px;
    background: rgba(0, 0, 0, 0.8);
    padding: 1.5vw 1vw;
    line-height: 2.5vw;
    font-size: 2vw;
    position: relative;
}

@media (max-width: 756px) {
    .tournament-bannner-information .tournament-banner-text {
        line-height: 39px;
        font-size: 30px;
    }
}

.tournament-bannner-information .tournament-overlay {
    position: absolute;
    height: 100%;
    width: 500px;
    top: 0;
    left: -500px;
    background-color: rgba(0, 0, 0, 0.8);
}

.tournament-bannner-information .tournament-banner-text img {
    width: 13vw;
    height: 13vw;
    margin-top: 1vw;
}

.tournament-bannner-information .match-title {
    margin-top: 1vw;
}

.tournament-bannner-information .match-date {
    font-size: 1vw;
    line-height: 1.7vw;
    margin-top: 1vw;
}

@media (max-width: 756px) {
    .tournament-bannner-information .match-date {
        font-size: 14px;
        line-height: 25px;
    }
}

.tournament-bannner-information .follow-button {
    position: absolute;
    right: 0;
    bottom: 30px;
    left: 0;
}

    .tournament-bannner-information .follow-button a {
        color: white;
        border: solid 1px;
        display: inline-block;
        width: 80%;
        font-size: 1.5vw;
        padding: .5vw;
        max-width: 342px;
    }

        .tournament-bannner-information .follow-button a:hover {
            background-color: #ffffff;
            color: #0D5565;
            border: solid 1px #0D5565 !important;
            text-decoration: none;
        }

@media (min-width: 1920px) {
    .tournament-bannner-information .tournament-banner-text {
        padding: 25px 45px;
        line-height: 48px;
        font-size: 38px;
        width: 500px;
    }

    .tournament-bannner-information .follow-button {
        margin-top: 30px;
    }

    .tournament-bannner-information .match-date {
        font-size: 18px;
        line-height: 36px;
        margin-top: 15px;
    }

    .tournament-bannner-information .tournament-banner-text img {
        width: 250px;
        margin-top: 20px;
    }

    .tournament-bannner-information .match-title {
        margin-top: 18px;
    }

    .tournament-bannner-information .follow-button a {
        font-size: 24px;
        padding: 10px;
    }
}

@media (max-width: 756px) and (max-width: 580px) {
    .tournament-bannner-information .match-title br {
        display: none;
    }
}

@media (max-width: 756px) {
    .tournament-bannner-information .tournament-banner-text {
        padding: 25px 45px;
        width: 100%;
        position: static;
    }

    .tournament-bannner-information .follow-button {
        margin-top: 30px;
    }

    .tournament-bannner-information .match-date {
        margin-top: 15px;
    }

    .tournament-bannner-information .tournament-banner-text img {
        width: 200px;
        height: 200px;
    }

    .tournament-bannner-information .match-title {
        margin-top: 18px;
    }

    .tournament-bannner-information .follow-button a {
        font-size: 24px;
        padding: 10px;
    }
}

/* Tournament-fixtures style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.tournament-fixtures {
    width: 100%;
    background-color: #0E4749;
    background-image: linear-gradient(#0E4749, #010101);
}

@media screen and (max-width: 992px) {
    .tournament-fixtures {
        margin-top: 21px;
    }
}

.tournament-fixtures .fixtures-title {
    font-family: Oswald;
    font-size: 30px;
    font-weight: 300;
    line-height: 41px;
    text-align: center;
    padding-top: 35px;
    color: #FFF;
    padding-bottom: 50px;
}

.tournament-fixtures .tourn-fixture-item {
    margin-top: 10px;
}

.tournament-fixtures .fixtures-divider {
    width: 100%;
    margin-top: 30px;
    border-top: 1px solid #fff;
}

.tournament-fixtures .tourn-fixtures-team-comp {
    text-align: center;
}

.tournament-fixtures .tourn-fixtures-teamname {
    color: #fff;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 200;
    line-height: 40px;
}

.tournament-fixtures .tourn-fixtures-ticket-comp {
    text-align: center;
    color: #FFF;
}

    .tournament-fixtures .tourn-fixtures-ticket-comp .fixtures-buy-tickets {
        width: 100% !important;
        float: left;
        flex-basis: 100%;
        text-align: center;
        margin-top: 14px;
    }

        .tournament-fixtures .tourn-fixtures-ticket-comp .fixtures-buy-tickets a {
            border: solid 1px;
            color: white;
            padding: 14px 22px;
            text-transform: uppercase;
            font-size: 15px;
            padding-top: 10px;
            padding-bottom: 10px;
            display: inline-block !important;
        }

            .tournament-fixtures .tourn-fixtures-ticket-comp .fixtures-buy-tickets a:hover {
                background-color: #ffffff;
                color: #0E4749;
                border: solid 1px #0E4749 !important;
                text-decoration: none;
                transition: 1s all;
            }

    .tournament-fixtures .tourn-fixtures-ticket-comp .fixtures-date-stadium {
        font-family: Oswald;
        font-size: 11px;
        font-weight: 300;
        letter-spacing: 0.4px;
        line-height: 18px;
    }

    .tournament-fixtures .tourn-fixtures-ticket-comp .fixtures-match-time {
        font-family: Oswald;
        font-size: 30px;
        font-weight: 300;
        line-height: 21px;
    }

.tournament-fixtures .tourn-fixtures-teams {
    width: 40px;
    height: auto;
    border-radius: 50%;
    margin-top: 12px;
}

.tournament-fixtures .fixtures-see-all {
    text-align: center;
    margin-top: 24px;
}

    .tournament-fixtures .fixtures-see-all .see-all-text {
        font-size: 23px;
    }

    .tournament-fixtures .fixtures-see-all a {
        border: solid 1px;
        color: white;
        padding: 14px 22px;
        text-transform: uppercase;
        font-size: 15px;
    }

        .tournament-fixtures .fixtures-see-all a:hover {
            background-color: #ffffff;
            color: #0D5565;
            border: solid 1px #0D5565 !important;
            text-decoration: none;
            transition: 1s all;
        }

.tournament-bg-color .col-sm-12.col-xs-12.col-lg-8, .tournament-bg-color .col-sm-12.col-xs-12.col-lg-4 {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 1024px) {
    .tournament-bg-color .col-sm-12.col-xs-12.col-lg-8, .tournament-bg-color .col-sm-12.col-xs-12.col-lg-4 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.tournaments-results {
    background: #0E4749 url(/Images/General/ball.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    margin-bottom: 25px;
}

    .tournaments-results .tourn-fixtures-teamname {
        margin-bottom: 0;
    }

.tournament-fixtures {
    width: 100%;
    background-color: #0E4749;
    background-image: linear-gradient(#0E4749, #010101);
    padding: 5%;
}

    .tournament-fixtures .fixtures-title {
        font-family: Oswald;
        font-size: 30px;
        font-weight: 300;
        line-height: 41px;
        text-align: center;
        padding-top: 0;
        color: #FFF;
        padding-top: 25px;
        padding-bottom: 50px;
    }

    .tournament-fixtures .p-2 {
        padding: 0 !important;
        width: 30%;
    }

    .tournament-fixtures .tourn-fixture-item {
        margin-top: 10px;
    }

    .tournament-fixtures .fixtures-divider {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 35px;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
    }

    .tournament-fixtures .tourn-fixtures-team-comp {
        text-align: center;
    }

    .tournament-fixtures .fixtures-date-stadium {
        font-family: Oswald;
        font-size: 11px;
        font-weight: 300;
        letter-spacing: 0.4px;
        line-height: 18px;
        color: rgba(255, 255, 255, 0.7);
        letter-spacing: 1px;
        color: white !important;
        text-align: center;
    }

        .tournament-fixtures .fixtures-date-stadium span {
            display: inline-block;
            padding: 0 5px;
        }

    .tournament-fixtures .fixtures-match-results {
        margin-top: 45px;
    }

    .tournament-fixtures .tourn-fixtures-teamname {
        color: #fff;
        font-family: Oswald;
        font-size: 18px;
        font-weight: 200;
        line-height: 28px;
        margin-top: 6px;
    }

    .tournament-fixtures .tourn-fixtures-ticket-comp {
        text-align: center;
        color: #FFF;
    }

        .tournament-fixtures .tourn-fixtures-ticket-comp .fixtures-buy-tickets {
            width: 100% !important;
            float: left;
            flex-basis: 100%;
            text-align: center;
            margin-top: 14px;
        }

            .tournament-fixtures .tourn-fixtures-ticket-comp .fixtures-buy-tickets a {
                border: solid 1px;
                color: rgba(255, 255, 255, 0.8);
                padding: 14px 16px;
                text-transform: uppercase;
                font-size: 12px;
                padding-top: 10px;
                padding-bottom: 10px;
            }

        .tournament-fixtures .tourn-fixtures-ticket-comp .fixtures-match-time {
            font-family: Oswald;
            font-size: 30px;
            font-weight: 300;
            line-height: 21px;
        }

@media (min-width: 1024px) {
    .tournament-fixtures .tourn-fixtures-ticket-comp .fixtures-match-time {
        line-height: 87px;
    }
}

.tournament-fixtures .tourn-fixtures-teams {
    width: 40px;
    height: auto;
    border-radius: 50%;
    margin-top: 12px;
}

.tournament-fixtures .fixtures-see-all {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 40px;
}

    .tournament-fixtures .fixtures-see-all .see-all-text {
        font-size: 23px;
    }

    .tournament-fixtures .fixtures-see-all a {
        border: solid 1px;
        color: white;
        padding: 14px 22px;
        text-transform: uppercase;
        font-size: 15px;
    }

@media (min-width: 1024px) {
    .tournament-fixtures .tourn-fixtures-teamname {
        font-size: 20px;
        line-height: 32px;
    }

    .tournament-fixtures .fixtures-buy-tickets a {
        font-size: 18px;
        padding: 14px 22px;
    }
}

#results .tournament-fixtures .fixtures-date-stadium {
    font-size: 11px !important;
    margin-bottom: 5px;
}

/* upcoming Styles*/
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-article-no-image {
    display: block;
    height: 100%;
    width: 100%;
    color: #ffffff;
    margin-top: 20px;
}

@media (max-width: 768px) {
    .sarugby-article-no-image {
        margin-top: 10px;
    }
}

.sarugby-article-no-image .article-container {
    max-width: 1200px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.sarugby-article-no-image .card {
    min-height: 642px;
    background-color: #FFFFFF;
    padding: 80px;
    border-radius: 0 !important;
    border: none !important;
}

@media (max-width: 768px) {
    .sarugby-article-no-image .card {
        padding: 34px;
    }
}

.sarugby-article-no-image .card .card-title {
    color: #373D4A;
    font-family: Oswald;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase;
}

.sarugby-article-no-image .card .card-sub-title {
    color: #0D5565;
    font-family: Oswald;
    font-size: 42px;
    font-weight: 200;
    letter-spacing: 0.4px;
    line-height: 58px;
}

@media (max-width: 768px) {
    .sarugby-article-no-image .card .card-sub-title {
        font-size: 20px;
        line-height: 28px;
    }
}

.sarugby-article-no-image .card .card-text {
    color: #373D4A;
    font-family: Helvetica;
    font-size: 22px;
    font-weight: 300;
    line-height: 29px;
}

@media (max-width: 768px) {
    .sarugby-article-no-image .card .card-text {
        font-size: 17px;
        line-height: 23px;
    }
}

.sarugby-article-no-image .card .author-text {
    font-family: Helvetica;
    margin-top: 60px;
}

    .sarugby-article-no-image .card .author-text .auther-header {
        color: black;
        font-size: 12pt;
        margin: 0px;
        font-weight: 600;
    }

@media screen and (max-width: 767px) {
    .sarugby-article-no-image .card .author-text .auther-header {
        font-size: 14px;
    }
}

.sarugby-article-no-image .card .author-text .date {
    color: black;
    font-size: 12pt;
    line-height: 1.5;
    margin: 0;
}

@media screen and (max-width: 767px) {
    .sarugby-article-no-image .card .author-text .date {
        font-size: 14px;
    }
}

.sarugby-article-no-image .card .read-more-button {
    margin-top: 36px;
}

    .sarugby-article-no-image .card .read-more-button .read-more-button-text {
        display: inline-block;
        font-family: Oswald;
        font-size: 20px;
        font-weight: 300;
        letter-spacing: 0.83px;
        line-height: 27px;
        text-decoration: initial !important;
        color: #0D5565;
        border: 2px solid #0D5565;
        padding: 15px 90px;
    }

        .sarugby-article-no-image .card .read-more-button .read-more-button-text:hover {
            background-color: #0D5565;
            color: #ffffff !important;
            border: solid 1px #0D5565 !important;
            text-decoration: none;
            transition: 1s all;
        }

/* upcoming Styles*/
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-article-image {
    display: block;
    height: 100%;
    width: 100%;
    color: #ffffff;
    margin-top: 30px;
}

@media (max-width: 768px) {
    .sarugby-article-image {
        display: none;
    }
}

.sarugby-article-image .article-container {
    max-width: 1200px;
    background-color: #fff;
    color: #000;
    margin: auto;
}

    .sarugby-article-image .article-container > div {
        flex-basis: 50%;
        display: table-cell;
        flex-direction: column;
    }

        .sarugby-article-image .article-container > div img {
            width: 100%;
        }

    .sarugby-article-image .article-container .article-side-image {
        position: relative;
    }

        .sarugby-article-image .article-container .article-side-image .image-text-overlay {
            position: absolute;
            bottom: 70px;
            left: 50px;
            right: 50px;
            font-size: 35px;
            color: white;
            line-height: 52px;
            font-size: 40px;
            color: white;
            font-weight: 100;
            letter-spacing: 1px;
        }

@media (max-width: 1135px) {
    .sarugby-article-image .article-container .article-side-image .image-text-overlay {
        line-height: 4vw;
        letter-spacing: 1px;
        font-size: 3.2vw;
    }
}

.sarugby-article-image .article-container .article-side-image .image-text-overlay .image-text-overlay-title {
    color: #F29701;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
}

.sarugby-article-image .article-container .article-side-text {
    padding: 70px;
    font-size: 20px;
    font-family: helvetica;
    position: relative;
}

@media (max-width: 1135px) {
    .sarugby-article-image .article-container .article-side-text {
        padding: 5vw;
        font-size: 1.8vw;
    }
}

.sarugby-article-image .article-container .bottom-content {
    bottom: 70px;
    position: absolute;
}

@media (max-width: 1135px) {
    .sarugby-article-image .article-container .bottom-content {
        bottom: 5vw;
    }
}

.sarugby-article-image .article-container .bottom-content .authored {
    font-size: 18px;
}

    .sarugby-article-image .article-container .bottom-content .authored strong {
        font-weight: bold;
    }

.sarugby-article-image .article-container .bottom-content .read-more {
    margin-top: 50px;
    text-transform: uppercase;
    font-family: oswald;
    font-size: 20px;
}

    .sarugby-article-image .article-container .bottom-content .read-more a {
        border: solid 2px;
        color: #0D5565;
        display: inline-block;
        padding: 15px 90px;
    }

        .sarugby-article-image .article-container .bottom-content .read-more a:hover {
            background-color: #0D5565;
            color: white;
            border: solid 1px #0D5565 !important;
            text-decoration: none;
            transition: 1s all;
        }

/* upcoming Styles*/
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-article-top-image {
    display: block;
    height: 100%;
    width: 100%;
    color: #ffffff;
    margin-top: 30px;
}

@media (max-width: 768px) {
    .sarugby-article-top-image {
        margin-top: 17px !important;
    }
}

.sarugby-article-top-image .article-container {
    max-width: 1200px;
    background-color: #fff;
    color: #000;
    margin: auto;
}

    .sarugby-article-top-image .article-container > div {
        flex-basis: 50%;
        display: table-cell;
        flex-direction: column;
    }

        .sarugby-article-top-image .article-container > div img {
            width: 100%;
        }

    .sarugby-article-top-image .article-container .article-side-image {
        position: relative;
    }

        .sarugby-article-top-image .article-container .article-side-image .image-text-overlay {
            position: absolute;
            bottom: 35px;
            left: 93px;
            right: 93px;
            font-size: 35px;
            color: white;
            line-height: 52px;
            font-size: 40px;
            color: white;
            font-weight: 100;
            letter-spacing: 1px;
        }

@media (max-width: 1135px) {
    .sarugby-article-top-image .article-container .article-side-image .image-text-overlay {
        line-height: 4vw;
        letter-spacing: 1px;
        font-size: 3.2vw;
    }
}

@media (max-width: 768px) {
    .sarugby-article-top-image .article-container .article-side-image .image-text-overlay {
        line-height: 28px;
        letter-spacing: 1px;
        font-size: 20px;
        left: 36px;
        right: 36px;
    }
}

.sarugby-article-top-image .article-container .article-side-image .image-text-overlay .image-text-overlay-title {
    color: #F29701;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
}

.sarugby-article-top-image .article-container .article-side-text {
    padding: 70px 93px;
    font-size: 20px;
    font-family: helvetica;
    position: relative;
}

@media (max-width: 1135px) {
    .sarugby-article-top-image .article-container .article-side-text {
        padding: 5vw;
        font-size: 1.8vw;
    }
}

@media (max-width: 768px) {
    .sarugby-article-top-image .article-container .article-side-text {
        font-size: 16px;
    }
}

@media (max-width: 1135px) {
    .sarugby-article-top-image .article-container .bottom-content {
        bottom: 5vw;
    }
}

.sarugby-article-top-image .article-container .bottom-content .authored {
    font-size: 18px;
}

    .sarugby-article-top-image .article-container .bottom-content .authored strong {
        font-weight: bold;
    }

.sarugby-article-top-image .article-container .bottom-content .read-more {
    margin-top: 50px;
    text-transform: uppercase;
    font-family: oswald;
    font-size: 20px;
}

    .sarugby-article-top-image .article-container .bottom-content .read-more a {
        border: solid 2px;
        color: #0D5565;
        display: inline-block;
        padding: 15px 90px;
    }

        .sarugby-article-top-image .article-container .bottom-content .read-more a:hover {
            background-color: #0D5565;
            color: white;
            border: solid 1px #0D5565 !important;
            text-decoration: none;
            transition: 1s all;
        }

/* MatchGame Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.previous-matches {
    max-width: 1200px;
    padding-right: 0px;
    padding-left: 0px;
}

    .previous-matches .arrow-toggle {
        cursor: pointer;
    }

    .previous-matches .tr-hidden td:first-of-type {
        left: -20%;
    }

    .previous-matches .table-striped tbody tr:nth-of-type(odd) {
        /* background-color: rgba(0, 0, 0, 0.05); */
        background-color: #FaFAFA;
    }

    .previous-matches .prev-match-row {
        background-color: #fafafa !important;
    }

        .previous-matches .prev-match-row:nth-of-type(4n + 1) {
            background-color: #fff !important;
        }

    .previous-matches td {
        vertical-align: inherit;
    }

        .previous-matches td table {
            margin: auto;
            border: none;
            min-width: 81%;
            text-align: center;
        }

            .previous-matches td table td {
                width: auto !important;
                border: none !important;
                vertical-align: initial;
            }

@media (max-width: 400px) {
    .previous-matches td table td {
        font-size: 9px;
    }

        .previous-matches td table td img {
            width: 16px;
        }
}

.previous-matches td:nth-of-type(5) {
    width: 20%;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width: 1105px) {
    .previous-matches td:nth-of-type(5) {
        width: 22%;
    }
}

@media only screen and (max-width: 1060px) {
    .previous-matches td:nth-of-type(5) {
        width: 24%;
    }
}

@media only screen and (max-width: 829px) {
    .previous-matches td:nth-of-type(5) {
        width: 23%;
    }
}

@media only screen and (max-width: 457px) {
    .previous-matches td:nth-of-type(5) {
        width: 26%;
    }
}

@media only screen and (max-width: 457px) {
    .previous-matches td:nth-of-type(5) {
        width: 29%;
    }
}

@media only screen and (max-width: 800px) {
    .previous-matches td:nth-of-type(5) {
        text-align: right;
        padding-right: 15px !important;
        display: none;
    }
}

.previous-matches .table-striped tbody tr:nth-of-type(even) {
    background-color: #fafafa !important;
}

.previous-matches .prev-match-title {
    color: #000000;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 300;
    line-height: 27px;
}

.previous-matches .color-indicator-table {
    margin-bottom: 0px;
}

    .previous-matches .color-indicator-table .color-indicator-td {
        width: 50%;
        padding: 0px !important;
    }

        .previous-matches .color-indicator-table .color-indicator-td .color-indicator-home {
            border-top: 4px solid #000;
            box-shadow: 0 2px 4px 0 #CDD3DD;
        }

        .previous-matches .color-indicator-table .color-indicator-td .color-indicator-away {
            border-top: 4px solid #E2008E;
            box-shadow: 0 2px 4px 0 #CDD3DD;
        }

.previous-matches .prev-match-table .prev-match-row {
    border-bottom: 2px solid #F1F1F1;
}

    .previous-matches .prev-match-table .prev-match-row .prev-match-team-div {
        padding-top: 14px;
        align-items: center;
    }

@media screen and (max-width: 768px) {
    .previous-matches .prev-match-table .prev-match-row .prev-match-team-div {
        padding-top: 14px;
        padding-right: 8px;
    }
}

@media (min-width: 1441px) and (max-width: 2560px) {
    .previous-matches .prev-match-table .prev-match-row .prev-match-team-div {
        padding-top: 10px;
    }
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
    .previous-matches .prev-match-table .prev-match-row .prev-match-team-div {
        padding-top: 23px;
    }
}

.previous-matches .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-img {
    width: 31px !important;
    height: auto;
    border-radius: 50%;
}

@media (min-width: 321px) and (max-width: 767.98px) {
    .previous-matches .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-img {
        width: 140px;
    }
}

@media (max-width: 320px) {
    .previous-matches .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-img {
        width: 19px !important;
        margin-top: 9px;
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .previous-matches .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-img {
        margin-top: 2px;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
    .previous-matches .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-img {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
    .previous-matches .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-img {
        width: 47px;
    }
}

.previous-matches .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-home {
    color: #373D4A;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 200;
    line-height: 18px;
    /* Medium devices (landscape tablets, 768px and up) */
}

@media (max-width: 320px) {
    .previous-matches .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-home {
        font-size: 13px;
        margin-left: -8px;
        line-height: 38px;
    }
}

@media (min-width: 321px) and (max-width: 767.98px) {
    .previous-matches .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-home {
        font-size: 15px;
        margin-left: -8px;
        line-height: 59px;
    }
}

@media only screen and (min-width: 768px) and (max-width: px) {
    .previous-matches .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-home {
        line-height: 57px;
    }
}

.previous-matches .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-away {
    color: #373D4A;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 200;
    line-height: 18px;
    /* Medium devices (landscape tablets, 768px and up) */
}

@media (max-width: 320px) {
    .previous-matches .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-away {
        font-size: 13px;
        margin-left: -8px;
        line-height: 38px;
    }
}

@media (min-width: 321px) and (max-width: 767.98px) {
    .previous-matches .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-away {
        font-size: 15px;
        margin-left: -8px;
        line-height: 59px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .previous-matches .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-away {
        line-height: 57px;
    }
}

.previous-matches .prev-match-table .prev-match-row .hidden-col {
    padding-top: 14px;
    visibility: hidden;
    width: 194px;
    max-height: 80px;
    /* Medium devices (landscape tablets, 768px and up) */
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .previous-matches .prev-match-table .prev-match-row .hidden-col {
        width: 158px;
    }
}

.previous-matches .prev-match-table .prev-match-row .prev-match-detail-div {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .previous-matches .prev-match-table .prev-match-row .prev-match-detail-div {
        width: 74px;
    }
}

.previous-matches .prev-match-table .prev-match-row .prev-match-detail-div .prev-match-league {
    color: #373D4A;
    font-family: Oswald;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 12px;
    text-transform: uppercase;
}

@media (max-width: 320px) {
    .previous-matches .prev-match-table .prev-match-row .prev-match-detail-div .prev-match-league {
        font-size: 8px;
    }
}

.previous-matches .prev-match-table .prev-match-row .prev-match-detail-div .prev-match-score {
    color: #000000;
    font-family: Oswald;
    font-size: 25px;
    font-weight: 300;
    line-height: 21px;
}

@media screen and (max-width: 767px) {
    .previous-matches .prev-match-table .prev-match-row .prev-match-detail-div .prev-match-score {
        line-height: 0px;
        font-size: 17px;
    }
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
    .previous-matches .prev-match-table .prev-match-row .prev-match-detail-div .prev-match-score {
        line-height: 7px;
        font-size: 25px;
    }
}

.previous-matches .prev-match-table .prev-match-row .prev-match-detail-div .prev-match-stadium {
    color: #373D4A;
    font-family: Oswald;
    font-size: 9px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 12px;
    margin-bottom: 0px;
}

@media (max-width: 320px) {
    .previous-matches .prev-match-table .prev-match-row .prev-match-detail-div .prev-match-stadium {
        font-size: 8px;
        margin-bottom: 0px;
    }
}

.previous-matches .prev-match-table .prev-match-td-date {
    width: 26%;
    text-align: left;
    vertical-align: middle;
    padding-left: 4%;
}

@media (max-width: 767.98px) {
    .previous-matches .prev-match-table .prev-match-td-date {
        width: 24%;
        padding-left: 22px;
        vertical-align: middle;
        text-align: center;
    }
}

@media (max-width: 800px) {
    .previous-matches .prev-match-table .prev-match-td-date {
        width: auto;
        padding-left: 2px;
        vertical-align: middle;
        padding-right: 0px;
        text-align: center;
    }
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
    .previous-matches .prev-match-table .prev-match-td-date {
        padding-top: 30px;
    }
}

.previous-matches .prev-match-table .prev-match-td-date .prev-match-date-day {
    color: #8494A5;
    font-family: Oswald;
    font-size: 25px;
    font-weight: 200;
    line-height: 0px;
    padding-top: 38px;
    /* Medium devices (landscape tablets, 768px and up) */
}

@media (min-width: 321px) and (max-width: 767.98px) {
    .previous-matches .prev-match-table .prev-match-td-date .prev-match-date-day {
        padding-top: 42px;
        font-size: 21px;
    }
}

@media (max-width: 320px) {
    .previous-matches .prev-match-table .prev-match-td-date .prev-match-date-day {
        padding-top: 30px;
    }
}

.previous-matches .prev-match-table .prev-match-td-date .prev-match-date-month {
    color: #CDD3DD;
    font-family: Oswald;
    font-size: 9px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 12px;
    padding-left: 6px;
}

@media screen and (max-width: 767px) {
    .previous-matches .prev-match-table .prev-match-td-date .prev-match-date-month {
        line-height: 0px;
        font-size: 7px;
    }
}

@media screen and (max-width: 576px) {
    .previous-matches .prev-match-table .prev-match-td-date .prev-match-date-month {
        padding: 0 5px !important;
    }
}

.previous-matches .prev-match-table .team-arrow-col {
    border: none;
    width: 10%;
}

.previous-matches .prev-match-table .table .team-arrow-col {
    width: 5%;
}

.previous-matches tr.tr-hidden {
    display: none;
}

.previous-matches .team-arrow-col {
    position: absolute;
    top: 52px;
}

.previous-matches .arrow-toggle:before {
    content: "\f077" !important;
}

.previous-matches .arrow-toggle.collapsed:before {
    content: "\f078" !important;
}

.previous-matches .calendar {
    position: relative;
    background: rgba(0, 0, 0, 0.9);
    z-index: 1000000;
    bottom: 519px;
    display: none;
    left: auto;
}

.previous-matches #cover {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 5;
    width: 100%;
    height: 100%;
    display: none;
}

.previous-matches .col-xs-4 {
    width: 100%;
}

@media (min-width: 481px) and (max-width: 767px) {
    .previous-matches .col-xs-4 {
        width: 33.33333333%;
        margin-bottom: 50px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .previous-matches .col-xs-4 {
        width: 33.33333333%;
        margin-bottom: 50px;
    }
}

@media (min-width: 768px) {
    .previous-matches .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 33.33% !important;
        max-width: 33.33% !important;
    }
}

@media (min-width: 992px) {
    .previous-matches .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
    }
}

.previous-matches .popup-sub-inner {
    margin: 20px auto;
    position: absolute;
    background: #ffffff;
    text-align: center;
    padding: 60px 20px;
    width: 100%;
}

.previous-matches .subscription-confirmation-title {
    color: #000000;
    font-family: Oswald;
    font-size: 50px;
    font-weight: 300;
    letter-spacing: 1.63px;
    line-height: 68px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 23px;
}

.previous-matches .subscription-confirmation-body {
    color: #373D4A;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    padding-bottom: 39px;
}

.previous-matches .subscription-confirmation-button {
    margin-top: 40px;
}

    .previous-matches .subscription-confirmation-button a {
        border: 1px solid #0D5565;
        padding: 15px 40px;
        text-transform: uppercase;
        font-size: 22px;
        color: #0D5565;
    }

        .previous-matches .subscription-confirmation-button a:hover {
            background-color: #0D5565;
            color: #ffffff !important;
            border: solid 1px #0D5565 !important;
            text-decoration: none;
            transition: 1s all;
        }

.previous-matches i.fa.icon-savedate {
    font-size: 66px;
    color: #0D5565;
}

.previous-matches img.img-height {
    margin-bottom: 5px;
    /* margin-top: 0; */
}

.previous-matches h3 {
    color: #0D5565;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.65px;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 23px;
}

@media (min-width: 320px) and (max-width: 480px) {
    .previous-matches h3 {
        font-size: 14px;
    }
}

.previous-matches a.fix-info-title {
    color: #000000 !important;
    padding-top: 12px !important;
}

@media (min-width: 768px) and (max-width: 992px) {
    .arrow-toggle {
        top: 30px;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) and (max-width: 576px) {
    .arrow-toggle {
        right: 5px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .flag-div {
        top: 11% !important;
        width: 100px !important;
    }

    .table td {
        padding: 0.75rem 0 !important;
    }

    .prev-match-row {
        width: 0px;
    }
}

@media (max-width: 480px) {
    .fixtures-collapse-list {
        padding-right: 29px !important;
    }

    .team-arrow-col {
        right: 26px;
    }

    .table td.date-col {
        padding-left: 9px !important;
    }

    .month-text {
        padding-left: 4px;
    }
}

.page-load {
    padding-top: 15%;
    overflow-y: visible;
}

@media screen and (max-width: 756px) {
    .page-load {
        padding-top: 57%;
        overflow-y: visible;
        padding-right: 17px;
        margin-left: 20%;
    }
}

/* upcoming Styles*/
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-match-twitter-feed {
    display: block;
    background-color: #EFEFEF;
}

    .sarugby-match-twitter-feed .like-icon:hover svg path {
        stroke: red !important;
    }

    .sarugby-match-twitter-feed .card .card-footer img.whatsapp-mobile {
        width: 58px !important;
        position: relative;
        top: -14px;
        left: -18px;
    }

    .sarugby-match-twitter-feed .social-buttons-style > div {
        overflow: hidden;
    }

    .sarugby-match-twitter-feed .twitter-icon:hover svg path {
        fill: #0084b4 !important;
    }

    .sarugby-match-twitter-feed .twitter-share {
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

    .sarugby-match-twitter-feed .share-pop {
        width: 200px;
        position: absolute;
        float: right;
        right: -200px;
        top: -2px;
        display: none;
    }

        .sarugby-match-twitter-feed .share-pop img {
            width: 32px !important;
        }

    .sarugby-match-twitter-feed .tweet-time {
        margin-top: 10px;
    }

    .sarugby-match-twitter-feed .twitter-feed-container {
        max-width: 1200px;
        margin: auto;
        padding-left: 10px;
        padding-right: 15px;
    }

    .sarugby-match-twitter-feed .padding-trending {
        padding-right: 8px;
    }

    .sarugby-match-twitter-feed .text-size {
        height: 22px;
        width: 183.89px;
        font-family: Helvetica;
        font-size: 32px;
        line-height: 17px;
        color: #55707E;
    }

@media (max-width: 768px) {
    .sarugby-match-twitter-feed .text-size {
        font-size: 18px;
    }
}

.sarugby-match-twitter-feed .sliderCtrl {
    color: #000000;
}

    .sarugby-match-twitter-feed .sliderCtrl:any-link {
        color: #000000;
        text-decoration: none;
        line-height: 55px;
        font-size: 25px;
        font-weight: 600;
    }

.sarugby-match-twitter-feed .a:any-link {
    text-decoration: none;
}

.sarugby-match-twitter-feed #scrolling-div {
    left: 0;
    width: 100%;
    position: relative;
}

.sarugby-match-twitter-feed #ArrowLeft {
    cursor: pointer;
}

.sarugby-match-twitter-feed #ArrowRight {
    cursor: pointer;
}

.sarugby-match-twitter-feed .header {
    line-height: 55px;
    font-size: 40px;
    font-weight: 100;
    color: #000000;
    padding: 0% 0% 1.1% 0%;
}

.sarugby-match-twitter-feed .cards {
    overflow: auto;
}

    .sarugby-match-twitter-feed .cards::-webkit-scrollbar {
        display: none;
    }

.sarugby-match-twitter-feed .card {
    background-color: #ffffff;
    min-width: 200px;
    border-radius: 0%;
    border: none;
    margin-top: 30px !important;
}

@media (max-width: 768px) {
    .sarugby-match-twitter-feed .card {
        margin-top: 17px !important;
    }
}

.sarugby-match-twitter-feed .card .card-img-top {
    max-height: 50%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 0%;
}

.sarugby-match-twitter-feed .card .pad-top {
    padding-top: 15px;
}

.sarugby-match-twitter-feed .card .card-body {
    padding: 3.25rem 5.3rem;
    padding-bottom: 0;
}

@media (max-width: 768px) {
    .sarugby-match-twitter-feed .card .card-body {
        font-size: 16px;
        padding: 3.25rem 2.3rem;
    }
}

.sarugby-match-twitter-feed .card .card-body .pull-right img {
    width: 28px;
    height: auto;
}

.sarugby-match-twitter-feed .card .card-body .card-title {
    border: none;
    padding: 0px;
    margin: 0px;
    line-height: 32px;
    font-size: 29px;
    font-family: Helvetica;
    font-weight: bold;
}

@media (max-width: 768px) {
    .sarugby-match-twitter-feed .card .card-body .card-title {
        font-size: 20px;
        line-height: 25px;
    }
}

.sarugby-match-twitter-feed .card .card-body .social-profile-picture {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

@media (max-width: 768px) {
    .sarugby-match-twitter-feed .card .card-body .social-profile-picture {
        width: 45px;
        height: 45px;
    }
}

.sarugby-match-twitter-feed .card .card-body .card-text {
    font-family: Helvetica;
    font-weight: 300;
    font-size: 32px;
    line-height: 40px;
    margin-top: 27px;
}

@media (max-width: 768px) {
    .sarugby-match-twitter-feed .card .card-body .card-text {
        font-size: 17px;
        line-height: 26px;
    }
}

.sarugby-match-twitter-feed .card .text-family {
    font-family: Helvetica;
    font-size: 22px;
    font-weight: 300;
    line-height: 16px;
}

@media (max-width: 768px) {
    .sarugby-match-twitter-feed .card .text-family {
        font-size: 16px;
    }
}

.sarugby-match-twitter-feed .card .card-footer {
    background: transparent;
    border: none;
    color: #55707E;
    padding: 3.75rem 5.3rem;
}

@media (max-width: 768px) {
    .sarugby-match-twitter-feed .card .card-footer {
        padding: 3.75rem 2.3rem;
    }
}

.sarugby-match-twitter-feed .card .card-footer img {
    width: 28px;
    height: auto;
}

.sarugby-match-twitter-feed .card .card-footer span:nth-of-type(2) {
    margin-left: 30px;
    display: inline-block;
}

.sarugby-match-twitter-feed .card .card-footer span:last-of-type > img {
    width: 28px;
    height: auto;
    margin-left: 30px;
}

.sarugby-match-twitter-feed .card .card-footer a:any-link {
    color: #55707E;
    text-decoration: none;
    margin-right: 10px;
}

.sarugby-match-twitter-feed .card a {
    color: #4A90E2;
}

.sarugby-match-twitter-feed .card .title-text {
    padding-left: 20px !important;
}

@media (max-width: 768px) {
    .sarugby-match-twitter-feed .card .title-text {
        padding-left: 10px !important;
    }
}

/* Log tab component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-log {
    display: block;
    background-color: #EFEFEF;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 1200px;
    margin: auto;
    margin-top: 30px !important;
}

    .sarugby-log .log-select-option {
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 200;
        padding: 28px;
        font-family: Oswald;
        cursor: pointer;
        text-align: center;
    }

        .sarugby-log .log-select-option a {
            color: #0D5565;
            font-weight: 300;
            padding-left: 13px;
        }

    .sarugby-log .view-more {
        height: 27px;
        width: 99.26px;
        color: #0D5565;
        font-family: Oswald;
        font-size: 20px;
        font-weight: 300;
        margin-left: 45%;
        letter-spacing: 0.83px;
        line-height: 27px;
        text-align: center;
        border: none;
        background-color: none;
        margin: auto;
        display: block;
        margin-top: 37px !important;
    }

        .sarugby-log .view-more .button {
            background: none;
            border: none;
            color: #0D5565;
        }

    .sarugby-log .log-select-option img {
        margin-left: 10px;
        position: relative;
        top: -5px;
        display: inline-block;
    }

    .sarugby-log .a:any-link {
        text-decoration: none;
    }

@media screen and (max-width: 768px) {
    .sarugby-log {
        padding: 0px;
    }
}

.sarugby-log table.table-striped tr:nth-of-type(even) {
    background: #EFEFEF !important;
}

.sarugby-log table.table-striped tr:nth-of-type(odd) {
    background: #fff !important;
}

.sarugby-log .padding-trending {
    padding-right: 8px;
}

.sarugby-log .text-size {
    height: 22px;
    width: 183.89px;
    font-family: Helvetica;
    font-size: 14px;
    line-height: 17px;
    color: #55707E;
}

.sarugby-log .a:any-link {
    text-decoration: none;
}

.sarugby-log #scrolling-div {
    left: 0;
    width: 100%;
    position: relative;
}

.sarugby-log .header {
    line-height: 55px;
    font-size: 40px !important;
    font-weight: 100;
    color: #000000;
    padding: 0% 0% 1.1% 0%;
}

.sarugby-log .image-size {
    min-height: 50px;
    min-width: 50px;
}

.sarugby-log .team-table {
    color: #000000;
    font-family: Oswald;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.84px;
    line-height: 32px;
}

    .sarugby-log .team-table div img {
        width: 50px;
        max-height: 50px;
        height: auto;
    }

@media screen and (max-width: 768px) {
    .sarugby-log .team-table {
        display: none;
    }
}

.sarugby-log .test {
    background-color: #ffffff;
    width: 100%;
    border-radius: 0%;
    border: none;
    margin: 0px;
    padding: 0px;
}

.sarugby-log .header {
    padding: 20px !important;
    text-transform: uppercase;
    text-align: left !important;
    background-color: #ffffff;
    color: #1C1C1C;
    font-family: Oswald;
    font-size: 30px;
    font-weight: 300;
    line-height: 41px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sarugby-log .header {
        margin-left: 35px;
    }
}

@media screen and (max-width: 768px) {
    .sarugby-log .header {
        font-size: 17px !important;
    }
}

@media screen and (max-width: 640px) {
    .sarugby-log .header {
        text-align: center !important;
        font-size: 17px !important;
    }
}

.sarugby-log #bold-part {
    font-weight: 400;
}

.sarugby-log table#myTable.table-log {
    display: table !important;
}

.sarugby-log th {
    background-color: #373D4A;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-family: Oswald;
    letter-spacing: 0.7px;
    line-height: 16px;
    font-weight: 100;
    font-size: 12px;
    vertical-align: middle;
    height: 58px;
}

@media screen and (max-width: 768px) {
    .sarugby-log {
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.sarugby-log td {
    text-align: center;
    padding: 14px;
    margin: 0px;
    font-family: Oswald;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: 100;
    font-size: 16px;
    border: none !important;
}

    .sarugby-log td div img {
        width: 50px;
        height: 50px;
    }

.sarugby-log table {
    width: 100%;
    margin: 0 18px;
    width: calc(100% - 36px) !important;
}

    .sarugby-log table tr:nth-of-type(3n - 1) {
        display: none;
    }

    .sarugby-log table tr:nth-of-type(2) {
        display: table-row;
    }

@media screen and (max-width: 768px) {
    .sarugby-log table {
        width: 104%;
    }
}

/* upcoming Styles*/
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-polls {
    display: block;
    height: 100%;
    width: 100%;
    color: #ffffff;
    margin-top: 30px;
    /* Hide the browser's default radio button */
    /* Create a custom radio button */
    /* When the radio button is checked, add a blue background */
    /* Create the indicator (the dot/circle - hidden when not checked) */
    /* Show the indicator (dot/circle) when checked */
    /* Style the indicator (dot/circle) */
}

    .sarugby-polls .polls-container {
        max-width: 1200px;
        background-color: #fff;
        color: #000;
        margin: auto;
        height: 705px;
        background-color: red;
        background: url(/Content/sarugby/Images//upcoming/celebration.png);
        background-size: cover;
        padding: 40px;
    }

@media screen and (max-width: 767px) {
    .sarugby-polls .polls-container {
        padding: 40px 20px;
        height: 590px;
    }
}

.sarugby-polls .polls-container .polls-title {
    text-align: center;
    color: white;
}

    .sarugby-polls .polls-container .polls-title h2 {
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        font-size: 50px;
        letter-spacing: 1px;
        font-weight: 100;
    }

    .sarugby-polls .polls-container .polls-title p {
        font-size: 14px;
        font-family: helvetica;
        letter-spacing: 1px;
        max-width: 60%;
        margin: 0 auto;
        margin-top: 25px;
    }

@media screen and (max-width: 767px) {
    .sarugby-polls .polls-container .polls-title p {
        max-width: 100%;
    }
}

.sarugby-polls .progress {
    height: 7rem;
    margin: auto;
    max-width: 900px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0;
    position: relative;
    font-size: 30px;
    color: white;
    margin-top: 2px;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .sarugby-polls .progress {
        font-size: 18px;
        height: 4rem;
    }
}

.sarugby-polls .progress .progress-bar {
    background-color: rgba(18, 114, 136, 0.3);
}

.sarugby-polls .progress .progress-text {
    position: absolute;
    padding: 30px 30px;
    width: 100%;
    letter-spacing: 1px;
    font-weight: 100;
}

@media screen and (max-width: 767px) {
    .sarugby-polls .progress .progress-text {
        padding: 20px 14px;
    }
}

.sarugby-polls .progress .progress-text > span, .sarugby-polls .progress .progress-text label {
    float: right;
}

.sarugby-polls .progress .progress-text label {
    position: relative;
    width: 60px;
    height: 60px;
    margin-left: 40px;
}

@media screen and (max-width: 767px) {
    .sarugby-polls .progress .progress-text label {
        margin-left: 10px;
        top: -14px;
    }
}

.sarugby-polls .progress .progress-text > input {
    float: right;
    border: solid red;
    padding: 20px;
}

.sarugby-polls .polls-main {
    padding: 20px 0;
    margin-top: 10px;
}

.sarugby-polls .polls-submit {
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 20px;
}

    .sarugby-polls .polls-submit a {
        padding: 15px 100px;
        display: inline-block;
        text-transform: uppercase;
        font-size: 28px;
        color: white;
        border: solid 1px;
    }

.sarugby-polls input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.sarugby-polls .checkmark {
    top: 4px;
    left: 4px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: white;
}

.sarugby-polls input:checked ~ .checkmark {
    background-color: #127288;
    border: solid white 3px;
}

.sarugby-polls .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.sarugby-polls input:checked ~ .checkmark:after {
    display: block;
}

.sarugby-polls .checkmark:after {
    top: 4px;
    left: 4px;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: white;
}

/* Log tab component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-log {
    display: block;
    background-color: #EFEFEF;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 1200px;
    margin: auto;
    margin-top: 30px !important;
}

    .sarugby-log .log-select-option {
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 200;
        padding: 28px;
        font-family: Oswald;
        cursor: pointer;
        text-align: center;
    }

        .sarugby-log .log-select-option a {
            color: #0D5565;
            font-weight: 300;
            padding-left: 13px;
        }

    .sarugby-log .view-more {
        height: 27px;
        width: 99.26px;
        color: #0D5565;
        font-family: Oswald;
        font-size: 20px;
        font-weight: 300;
        margin-left: 45%;
        letter-spacing: 0.83px;
        line-height: 27px;
        text-align: center;
        border: none;
        background-color: none;
        margin: auto;
        display: block;
        margin-top: 37px !important;
    }

        .sarugby-log .view-more .button {
            background: none;
            border: none;
            color: #0D5565;
        }

    .sarugby-log .log-select-option img {
        margin-left: 10px;
        position: relative;
        top: -5px;
        display: inline-block;
    }

    .sarugby-log .a:any-link {
        text-decoration: none;
    }

@media screen and (max-width: 768px) {
    .sarugby-log {
        padding: 0px;
    }
}

.sarugby-log table.table-striped tr:nth-of-type(even) {
    background: #EFEFEF !important;
}

.sarugby-log table.table-striped tr:nth-of-type(odd) {
    background: #fff !important;
}

.sarugby-log .padding-trending {
    padding-right: 8px;
}

.sarugby-log .text-size {
    height: 22px;
    width: 183.89px;
    font-family: Helvetica;
    font-size: 14px;
    line-height: 17px;
    color: #55707E;
}

.sarugby-log .a:any-link {
    text-decoration: none;
}

.sarugby-log #scrolling-div {
    left: 0;
    width: 100%;
    position: relative;
}

.sarugby-log .header {
    line-height: 55px;
    font-size: 40px !important;
    font-weight: 100;
    color: #000000;
    padding: 0% 0% 1.1% 0%;
}

.sarugby-log .image-size {
    min-height: 50px;
    min-width: 50px;
}

.sarugby-log .team-table {
    color: #000000;
    font-family: Oswald;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.84px;
    line-height: 32px;
}

    .sarugby-log .team-table div img {
        width: 50px;
        max-height: 50px;
        height: auto;
    }

@media screen and (max-width: 768px) {
    .sarugby-log .team-table {
        display: none;
    }
}

.sarugby-log .test {
    background-color: #ffffff;
    width: 100%;
    border-radius: 0%;
    border: none;
    margin: 0px;
    padding: 0px;
}

.sarugby-log .header {
    padding: 20px !important;
    text-transform: uppercase;
    text-align: left !important;
    background-color: #ffffff;
    color: #1C1C1C;
    font-family: Oswald;
    font-size: 30px;
    font-weight: 300;
    line-height: 41px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sarugby-log .header {
        margin-left: 35px;
    }
}

@media screen and (max-width: 768px) {
    .sarugby-log .header {
        font-size: 17px !important;
    }
}

@media screen and (max-width: 640px) {
    .sarugby-log .header {
        text-align: center !important;
        font-size: 17px !important;
    }
}

.sarugby-log #bold-part {
    font-weight: 400;
}

.sarugby-log table#myTable.table-log {
    display: table !important;
}

.sarugby-log th {
    background-color: #373D4A;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-family: Oswald;
    letter-spacing: 0.7px;
    line-height: 16px;
    font-weight: 100;
    font-size: 12px;
    vertical-align: middle;
    height: 58px;
}

@media screen and (max-width: 768px) {
    .sarugby-log {
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.sarugby-log td {
    text-align: center;
    padding: 14px;
    margin: 0px;
    font-family: Oswald;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: 100;
    font-size: 16px;
    border: none !important;
}

    .sarugby-log td div img {
        width: 50px;
        height: 50px;
    }

.sarugby-log table {
    width: 100%;
    margin: 0 18px;
    width: calc(100% - 36px) !important;
}

    .sarugby-log table tr:nth-of-type(3n - 1) {
        display: none;
    }

    .sarugby-log table tr:nth-of-type(2) {
        display: table-row;
    }

@media screen and (max-width: 768px) {
    .sarugby-log table {
        width: 104%;
    }
}

/* upcoming Styles*/
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-polls {
    display: block;
    height: 100%;
    width: 100%;
    color: #ffffff;
    margin-top: 30px;
    /* Hide the browser's default radio button */
    /* Create a custom radio button */
    /* When the radio button is checked, add a blue background */
    /* Create the indicator (the dot/circle - hidden when not checked) */
    /* Show the indicator (dot/circle) when checked */
    /* Style the indicator (dot/circle) */
}

    .sarugby-polls .polls-container {
        max-width: 1200px;
        background-color: #fff;
        color: #000;
        margin: auto;
        height: 705px;
        background-color: red;
        background: url(/Content/sarugby/Images//upcoming/celebration.png);
        background-size: cover;
        padding: 40px;
    }

@media screen and (max-width: 767px) {
    .sarugby-polls .polls-container {
        padding: 40px 20px;
        height: 590px;
    }
}

.sarugby-polls .polls-container .polls-title {
    text-align: center;
    color: white;
}

    .sarugby-polls .polls-container .polls-title h2 {
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        font-size: 50px;
        letter-spacing: 1px;
        font-weight: 100;
    }

    .sarugby-polls .polls-container .polls-title p {
        font-size: 14px;
        font-family: helvetica;
        letter-spacing: 1px;
        max-width: 60%;
        margin: 0 auto;
        margin-top: 25px;
    }

@media screen and (max-width: 767px) {
    .sarugby-polls .polls-container .polls-title p {
        max-width: 100%;
    }
}

.sarugby-polls .progress {
    height: 7rem;
    margin: auto;
    max-width: 900px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0;
    position: relative;
    font-size: 30px;
    color: white;
    margin-top: 2px;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .sarugby-polls .progress {
        font-size: 18px;
        height: 4rem;
    }
}

.sarugby-polls .progress .progress-bar {
    background-color: rgba(18, 114, 136, 0.3);
}

.sarugby-polls .progress .progress-text {
    position: absolute;
    padding: 30px 30px;
    width: 100%;
    letter-spacing: 1px;
    font-weight: 100;
}

@media screen and (max-width: 767px) {
    .sarugby-polls .progress .progress-text {
        padding: 20px 14px;
    }
}

.sarugby-polls .progress .progress-text > span, .sarugby-polls .progress .progress-text label {
    float: right;
}

.sarugby-polls .progress .progress-text label {
    position: relative;
    width: 60px;
    height: 60px;
    margin-left: 40px;
}

@media screen and (max-width: 767px) {
    .sarugby-polls .progress .progress-text label {
        margin-left: 10px;
        top: -14px;
    }
}

.sarugby-polls .progress .progress-text > input {
    float: right;
    border: solid red;
    padding: 20px;
}

.sarugby-polls .polls-main {
    padding: 20px 0;
    margin-top: 10px;
}

.sarugby-polls .polls-submit {
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 20px;
}

    .sarugby-polls .polls-submit a {
        padding: 15px 100px;
        display: inline-block;
        text-transform: uppercase;
        font-size: 28px;
        color: white;
        border: solid 1px;
    }

.sarugby-polls input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.sarugby-polls .checkmark {
    top: 4px;
    left: 4px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: white;
}

.sarugby-polls input:checked ~ .checkmark {
    background-color: #127288;
    border: solid white 3px;
}

.sarugby-polls .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.sarugby-polls input:checked ~ .checkmark:after {
    display: block;
}

.sarugby-polls .checkmark:after {
    top: 4px;
    left: 4px;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: white;
}

/* Log tab component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-log {
    display: block;
    background-color: #EFEFEF;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 1200px;
    margin: auto;
    margin-top: 30px !important;
}

    .sarugby-log .log-select-option {
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 200;
        padding: 28px;
        font-family: Oswald;
        cursor: pointer;
        text-align: center;
    }

        .sarugby-log .log-select-option a {
            color: #0D5565;
            font-weight: 300;
            padding-left: 13px;
        }

    .sarugby-log .view-more {
        height: 27px;
        width: 99.26px;
        color: #0D5565;
        font-family: Oswald;
        font-size: 20px;
        font-weight: 300;
        margin-left: 45%;
        letter-spacing: 0.83px;
        line-height: 27px;
        text-align: center;
        border: none;
        background-color: none;
        margin: auto;
        display: block;
        margin-top: 37px !important;
    }

        .sarugby-log .view-more .button {
            background: none;
            border: none;
            color: #0D5565;
        }

    .sarugby-log .log-select-option img {
        margin-left: 10px;
        position: relative;
        top: -5px;
        display: inline-block;
    }

    .sarugby-log .a:any-link {
        text-decoration: none;
    }

@media screen and (max-width: 768px) {
    .sarugby-log {
        padding: 0px;
    }
}

.sarugby-log table.table-striped tr:nth-of-type(even) {
    background: #EFEFEF !important;
}

.sarugby-log table.table-striped tr:nth-of-type(odd) {
    background: #fff !important;
}

.sarugby-log .padding-trending {
    padding-right: 8px;
}

.sarugby-log .text-size {
    height: 22px;
    width: 183.89px;
    font-family: Helvetica;
    font-size: 14px;
    line-height: 17px;
    color: #55707E;
}

.sarugby-log .a:any-link {
    text-decoration: none;
}

.sarugby-log #scrolling-div {
    left: 0;
    width: 100%;
    position: relative;
}

.sarugby-log .header {
    line-height: 55px;
    font-size: 40px !important;
    font-weight: 100;
    color: #000000;
    padding: 0% 0% 1.1% 0%;
}

.sarugby-log .image-size {
    min-height: 50px;
    min-width: 50px;
}

.sarugby-log .team-table {
    color: #000000;
    font-family: Oswald;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.84px;
    line-height: 32px;
}

    .sarugby-log .team-table div img {
        width: 50px;
        max-height: 50px;
        height: auto;
    }

@media screen and (max-width: 768px) {
    .sarugby-log .team-table {
        display: none;
    }
}

.sarugby-log .test {
    background-color: #ffffff;
    width: 100%;
    border-radius: 0%;
    border: none;
    margin: 0px;
    padding: 0px;
}

.sarugby-log .header {
    padding: 20px !important;
    text-transform: uppercase;
    text-align: left !important;
    background-color: #ffffff;
    color: #1C1C1C;
    font-family: Oswald;
    font-size: 30px;
    font-weight: 300;
    line-height: 41px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sarugby-log .header {
        margin-left: 35px;
    }
}

@media screen and (max-width: 768px) {
    .sarugby-log .header {
        font-size: 17px !important;
    }
}

@media screen and (max-width: 640px) {
    .sarugby-log .header {
        text-align: center !important;
        font-size: 17px !important;
    }
}

.sarugby-log #bold-part {
    font-weight: 400;
}

.sarugby-log table#myTable.table-log {
    display: table !important;
}

.sarugby-log th {
    background-color: #373D4A;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-family: Oswald;
    letter-spacing: 0.7px;
    line-height: 16px;
    font-weight: 100;
    font-size: 12px;
    vertical-align: middle;
    height: 58px;
}

@media screen and (max-width: 768px) {
    .sarugby-log {
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.sarugby-log td {
    text-align: center;
    padding: 14px;
    margin: 0px;
    font-family: Oswald;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: 100;
    font-size: 16px;
    border: none !important;
}

    .sarugby-log td div img {
        width: 50px;
        height: 50px;
    }

.sarugby-log table {
    width: 100%;
    margin: 0 18px;
    width: calc(100% - 36px) !important;
}

    .sarugby-log table tr:nth-of-type(3n - 1) {
        display: none;
    }

    .sarugby-log table tr:nth-of-type(2) {
        display: table-row;
    }

@media screen and (max-width: 768px) {
    .sarugby-log table {
        width: 104%;
    }
}

/* upcoming Styles*/
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-polls {
    display: block;
    height: 100%;
    width: 100%;
    color: #ffffff;
    margin-top: 30px;
    /* Hide the browser's default radio button */
    /* Create a custom radio button */
    /* When the radio button is checked, add a blue background */
    /* Create the indicator (the dot/circle - hidden when not checked) */
    /* Show the indicator (dot/circle) when checked */
    /* Style the indicator (dot/circle) */
}

    .sarugby-polls .polls-container {
        max-width: 1200px;
        background-color: #fff;
        color: #000;
        margin: auto;
        height: 705px;
        background-color: red;
        background: url(/Content/sarugby/Images//upcoming/celebration.png);
        background-size: cover;
        padding: 40px;
    }

@media screen and (max-width: 767px) {
    .sarugby-polls .polls-container {
        padding: 40px 20px;
        height: 590px;
    }
}

.sarugby-polls .polls-container .polls-title {
    text-align: center;
    color: white;
}

    .sarugby-polls .polls-container .polls-title h2 {
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        font-size: 50px;
        letter-spacing: 1px;
        font-weight: 100;
    }

    .sarugby-polls .polls-container .polls-title p {
        font-size: 14px;
        font-family: helvetica;
        letter-spacing: 1px;
        max-width: 60%;
        margin: 0 auto;
        margin-top: 25px;
    }

@media screen and (max-width: 767px) {
    .sarugby-polls .polls-container .polls-title p {
        max-width: 100%;
    }
}

.sarugby-polls .progress {
    height: 7rem;
    margin: auto;
    max-width: 900px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0;
    position: relative;
    font-size: 30px;
    color: white;
    margin-top: 2px;
    letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
    .sarugby-polls .progress {
        font-size: 18px;
        height: 4rem;
    }
}

.sarugby-polls .progress .progress-bar {
    background-color: rgba(18, 114, 136, 0.3);
}

.sarugby-polls .progress .progress-text {
    position: absolute;
    padding: 30px 30px;
    width: 100%;
    letter-spacing: 1px;
    font-weight: 100;
}

@media screen and (max-width: 767px) {
    .sarugby-polls .progress .progress-text {
        padding: 20px 14px;
    }
}

.sarugby-polls .progress .progress-text > span, .sarugby-polls .progress .progress-text label {
    float: right;
}

.sarugby-polls .progress .progress-text label {
    position: relative;
    width: 60px;
    height: 60px;
    margin-left: 40px;
}

@media screen and (max-width: 767px) {
    .sarugby-polls .progress .progress-text label {
        margin-left: 10px;
        top: -14px;
    }
}

.sarugby-polls .progress .progress-text > input {
    float: right;
    border: solid red;
    padding: 20px;
}

.sarugby-polls .polls-main {
    padding: 20px 0;
    margin-top: 10px;
}

.sarugby-polls .polls-submit {
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 20px;
}

    .sarugby-polls .polls-submit a {
        padding: 15px 100px;
        display: inline-block;
        text-transform: uppercase;
        font-size: 28px;
        color: white;
        border: solid 1px;
    }

.sarugby-polls input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.sarugby-polls .checkmark {
    top: 4px;
    left: 4px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: white;
}

.sarugby-polls input:checked ~ .checkmark {
    background-color: #127288;
    border: solid white 3px;
}

.sarugby-polls .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.sarugby-polls input:checked ~ .checkmark:after {
    display: block;
}

.sarugby-polls .checkmark:after {
    top: 4px;
    left: 4px;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    background: white;
}

.commentary .comp-title {
    font-size: 25px;
}

@media (max-width: 991.98px) and (orientation: landscape) {
    .commentary .comp-title {
        font-size: 21px;
    }
}

.commentary .motion-indicators {
    padding-top: 20px !important;
}

.commentary .comment-box {
    padding-left: 10px;
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
    .commentary .comment-box {
        padding-left: 0px;
    }
}

@media screen and (max-width: 767px) {
    .commentary .comment-box {
        padding-left: 0px;
    }
}

.commentary .comment-box .comment-time {
    color: #8494A5;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 300;
    line-height: 27px;
    padding-top: 10px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .commentary .comment-box .comment-time {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .commentary .comment-box .comment-time {
        font-size: 17px;
    }
}

.commentary .comment-box .comment-title {
    color: #373D4A;
    font-family: Oswald;
    font-size: 25px;
    font-weight: 500;
    line-height: 34px;
}

@media screen and (max-width: 767px) {
    .commentary .comment-box .comment-title {
        font-size: 25px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .commentary .comment-box .comment-title {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .commentary .comment-box .comment-title {
        font-size: 23px;
    }
}

.commentary .comment-box .comment {
    color: #373D4A;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 200;
    letter-spacing: 0.4px;
    line-height: 27px;
    width: 171px;
}

@media (min-width: 481px) and (max-width: 767px) {
    .commentary .comment-box .comment {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .commentary .comment-box .comment {
        font-size: 15px;
        width: 92px;
        line-height: 25px;
        width: 141px;
    }
}

.commentary .comment-box .has-bg-color {
    background-color: #FAFAFA;
}

/* Upcoming Match Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#upcoming-match-page {
    background-color: #EFEFEF;
    font-family: Oswald;
}

    #upcoming-match-page .previous-matches {
        max-width: 100%;
    }

        #upcoming-match-page .previous-matches .prev-match-title {
            padding-left: 30px;
        }

@media (min-width: 320px) and (max-width: 640px) {
    #upcoming-match-page .previous-matches .prev-match-title {
        padding-left: 20px;
    }
}

#upcoming-match-page .hightlight-center {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
}

#upcoming-match-page .nav-container {
    width: 100%;
    text-align: center;
}

    #upcoming-match-page .nav-container nav {
        display: inline-block;
    }

    #upcoming-match-page .nav-container #nav-tab {
        width: 100%;
        margin: 20px auto;
    }

    #upcoming-match-page .nav-container .nav-tabs .nav-link.active, #upcoming-match-page .nav-container .nav-tabs .nav-item.show .nav-link, #upcoming-match-page .nav-container .nav-tabs .nav-link {
        border-width: 1px !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        padding: 0.5rem 2rem;
        letter-spacing: 1px;
        color: #0D5565 !important;
        font-size: 25px !important;
    }

@media (min-width: 320px) and (max-width: 480px) {
    #upcoming-match-page .nav-container .nav-tabs .nav-link.active, #upcoming-match-page .nav-container .nav-tabs .nav-item.show .nav-link, #upcoming-match-page .nav-container .nav-tabs .nav-link {
        font-size: 14px !important;
        font-weight: 300;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

#upcoming-match-page .nav-container .nav-link.active::before {
    bottom: -19px;
}

@media (min-width: 320px) and (max-width: 480px) {
    #upcoming-match-page .nav-container .nav-link.active::before {
        bottom: -15px;
    }
}

@media (max-width: 768px) {
    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
        padding: 0.5rem 1rem !important;
    }
}

/* MatchGame Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#upcoming-match-banner {
    width: 100%;
    height: auto;
    background-image: url("/Content/sarugby/images/Upcoming/upcoming-banner.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    margin: 0 auto;
}

    #upcoming-match-banner .sarugby-match-game {
        text-align: center;
        color: #ffffff;
        text-transform: uppercase;
        font-family: Oswald;
        width: 100%;
        background-image: url("/Content/sarugby/images/Upcoming/v-icon.svg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: -2px !important;
    }

        #upcoming-match-banner .sarugby-match-game .cont {
            background-image: url("/Content/sarugby/images/Upcoming/v-icon.svg");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
            transform: scaleX(0.8) !important;
        }

            #upcoming-match-banner .sarugby-match-game .cont .pre-right-logo {
                float: right;
            }

@media screen and (max-width: 756px) {
    #upcoming-match-banner .sarugby-match-game .cont .pre-right-logo {
        width: 100%;
        padding: 0;
        margin: 0;
        float: none;
    }
}

@media (min-width: 320px) and (max-width: 425px) {
    #upcoming-match-banner .sarugby-match-game .cont .pre-right-logo {
        margin-left: -33px;
    }
}

#upcoming-match-banner .sarugby-match-game .cont .pre-left-logo {
    float: left;
}

@media screen and (max-width: 756px) {
    #upcoming-match-banner .sarugby-match-game .cont .pre-left-logo {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0;
    }
}

#upcoming-match-banner .sarugby-match-game .cont .banner-header {
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
    transform: scaleX(1) !important;
}

    #upcoming-match-banner .sarugby-match-game .cont .banner-header .logo {
        height: 42.39px;
        width: 42.39px;
        transform: scaleX(1.2) !important;
    }

    #upcoming-match-banner .sarugby-match-game .cont .banner-header h1 {
        font-size: 50px;
        font-weight: 700;
        line-height: 45px;
        padding-top: 10px;
        transform: scaleX(1.2) !important;
    }

    #upcoming-match-banner .sarugby-match-game .cont .banner-header .sub-heading {
        font-size: 16px;
        font-weight: 300;
        line-height: 23px;
        transform: scaleX(1.2) !important;
        letter-spacing: 0.5px;
    }

#upcoming-match-banner .sarugby-match-game .cont .match-status {
    color: #ffffff;
    text-align: center;
    margin-top: 40px;
}

@media (max-width: 768px) {
    #upcoming-match-banner .sarugby-match-game .cont .match-status {
        margin-top: 17px;
    }
}

@media (max-width: 440px) {
    #upcoming-match-banner .sarugby-match-game .cont .match-status {
        margin-top: 11px;
    }
}

#upcoming-match-banner .sarugby-match-game .cont .match-status .time {
    font-size: 70px;
    line-height: 95px;
    font-weight: 200;
    letter-spacing: 5px;
}

@media (min-width: 320px) and (max-width: 756px) {
    #upcoming-match-banner .sarugby-match-game .cont .match-status .time {
        font-size: 31px !important;
    }
}

#upcoming-match-banner .sarugby-match-game .cont .match-status .score {
    font-size: 70px;
    line-height: 95px;
    font-weight: 200;
    letter-spacing: 5px;
}

#upcoming-match-banner .sarugby-match-game .cont .match-status .date {
    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
    margin-top: 25px;
    letter-spacing: 1px;
}

@media (max-width: 768px) {
    #upcoming-match-banner .sarugby-match-game .cont .match-status .date {
        margin-top: -13px;
    }
}

#upcoming-match-banner .sarugby-match-game .cont .match-status .live {
    margin-top: 30px;
}

@media screen and (max-width: 756px) {
    #upcoming-match-banner .sarugby-match-game .cont .team-name {
        word-break: break-word;
        width: 133px;
    }
}

#upcoming-match-banner .sarugby-match-game .cont p.team-name {
    font-size: 35px;
    font-weight: 300;
    line-height: 47px;
    text-align: center;
    margin-top: 20px;
    color: #ffffff;
    letter-spacing: 4px;
    width: 100%;
}

@media (max-width: 768px) {
    #upcoming-match-banner .sarugby-match-game .cont p.team-name {
        font-size: 19px;
        margin-top: 0;
        line-height: 30px;
        word-break: keep-all;
        letter-spacing: 2px;
    }
}

#upcoming-match-banner .sarugby-match-game .cont .team-logo-container {
    background: #ffffff;
    box-sizing: border-box;
    height: 189px;
    width: 189px;
    border: 10px solid #000000;
    border-radius: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80%;
    transform: scaleX(1.25) !important;
    display: inline-block;
}

#upcoming-match-banner .sarugby-match-game .cont .team-sharks {
    border-color: #000000;
    background-image: url("/Content/sarugby/images/Upcoming/sharks.svg");
}

#upcoming-match-banner .sarugby-match-game .cont .team-pumas {
    border-color: #FF0091;
    background-image: url("/Content/sarugby/images/Upcoming/pumas.svg");
}

#upcoming-match-banner .sarugby-match-game .cont .banner-footer {
    display: inline-block;
    width: 100%;
    padding-bottom: 30px;
}

    #upcoming-match-banner .sarugby-match-game .cont .banner-footer .buy-tickets-button a {
        border: 1px solid #ffffff;
        display: inline-block;
        font-size: 20px;
        padding: 15px 45px;
        color: #ffffff;
        letter-spacing: 2.5px;
    }

        #upcoming-match-banner .sarugby-match-game .cont .banner-footer .buy-tickets-button a:hover {
            background-color: #0C261F;
            color: white;
            border: solid 1px #0C261F !important;
            text-decoration: none;
            transition: 1s all;
        }

@media (max-width: 768px) {
    #upcoming-match-banner .team-logo-container {
        height: 130px !important;
        width: 130px !important;
        border-width: 7px !important;
    }
}

@media (max-width: 440px) {
    #upcoming-match-banner .team-logo-container {
        height: 100px !important;
        width: 100px !important;
        border-width: 7px !important;
    }
}

/* MatchGame Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#overall-graph {
    font-family: Oswald;
    max-width: 1200px;
    background-color: #ffffff;
    color: #000000;
    margin: 0 auto;
}

@media screen and (max-width: 756px) {
    #overall-graph {
        margin-left: -15px;
        margin-right: -15px;
    }
}

#overall-graph .sarugby-overall-graph {
    padding: 30px 20px;
}

    #overall-graph .sarugby-overall-graph h1.component-heading {
        color: #000000;
        font-size: 40px;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding-bottom: 20px;
    }

    #overall-graph .sarugby-overall-graph .component-subheading {
        color: #373D4A;
        font-size: 25px;
        font-weight: 300;
        text-transform: uppercase;
    }

    #overall-graph .sarugby-overall-graph .graph-container {
        margin: 15px 0;
    }

@keyframes expand {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    @keyframes expand {
        from {
            width: 0%;
        }

        to {
            width: calc(100% - 75px);
        }
    }
}

#overall-graph .sarugby-overall-graph .chart {
    overflow: auto;
    width: 0px;
    animation: expand 1.5s ease forwards;
    display: inline;
}

#overall-graph .sarugby-overall-graph .graph-container + .graph-container .chart {
    animation-delay: .2s;
}

#overall-graph .sarugby-overall-graph .graph-container + .graph-container + .graph-container .chart {
    animation-delay: .4s;
}

#overall-graph .sarugby-overall-graph .block {
    display: block;
    height: 90px;
    color: #fff;
    font-size: .75em;
    float: left;
    background-color: #000000;
    position: relative;
    overflow: hidden;
    opacity: 1;
    transition: opacity, .3s ease;
    cursor: pointer;
}

    #overall-graph .sarugby-overall-graph .block:nth-of-type(2),
    #overall-graph .sarugby-overall-graph .legend li:nth-of-type(2):before {
        background-color: #FF0091;
    }

    #overall-graph .sarugby-overall-graph .block:hover {
        opacity: .65;
    }

#overall-graph .sarugby-overall-graph .value {
    display: none;
}

#overall-graph .sarugby-overall-graph .value1, #overall-graph .sarugby-overall-graph .value2 {
    display: block;
    line-height: 1em;
    position: absolute;
    top: 30%;
    margin-left: 50%;
    transform: translate(-50%);
    color: #ffffff;
    text-align: left;
    font-size: calc(40px + .4vw);
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
    #overall-graph .sarugby-overall-graph .value1, #overall-graph .sarugby-overall-graph .value2 {
        font-size: 24px;
    }
}

#overall-graph .sarugby-overall-graph .value2 {
    margin-left: 40px;
}

@media (max-width: 768px) {
    #overall-graph .col-6 {
        flex: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
}

/* Scorer Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-scorer {
    font-family: Oswald;
    margin-top: 30px;
}

    .sarugby-scorer .container {
        max-width: 1200px;
        margin: auto;
        padding: 0;
    }

        .sarugby-scorer .container h2 {
            font-size: 40px;
            font-weight: 300;
            margin-bottom: 11px;
        }

    .sarugby-scorer .row {
        display: flex;
        align-content: space-around;
        flex-direction: column;
    }

        .sarugby-scorer .row .col-4 {
            display: flex;
            max-width: 100%;
            margin-bottom: 12px;
            min-height: 200px;
        }

            .sarugby-scorer .row .col-4 .col-6:nth-child(2) {
                background: #ffffff;
                padding: 68px 0 15px 20px;
            }

            .sarugby-scorer .row .col-4 .col-6:nth-child(3) {
                background: #F3F3F3;
                padding: 68px 0 15px 20px;
            }

            .sarugby-scorer .row .col-4 h3 {
                text-transform: uppercase;
                font-size: 25px;
                font-weight: 300;
                padding: 30px 20px 15px 20px;
                position: absolute;
                z-index: 1;
                margin-bottom: 0;
            }

                .sarugby-scorer .row .col-4 h3.font-bold {
                    font-weight: 500;
                }

    .sarugby-scorer .col-6 {
        display: flex;
        flex-direction: column;
    }

        .sarugby-scorer .col-6 ul {
            list-style: none;
            padding: 0;
        }

            .sarugby-scorer .col-6 ul li {
                padding-bottom: 4px;
                font-size: 20px;
                font-weight: 200;
            }

    .sarugby-scorer .brdr-top-black {
        border-top: 10px solid #000000;
    }

    .sarugby-scorer .brdr-top-pink {
        border-top: 10px solid #FF0091;
    }

    .sarugby-scorer .gray-bg {
        background: #55707E;
    }

    .sarugby-scorer .controls-top h2 {
        display: block;
    }

    .sarugby-scorer .controls-top a {
        display: none;
    }

@media (min-width: 768px) {
    .sarugby-scorer .row {
        flex-direction: row;
    }

        .sarugby-scorer .row .col-4 {
            max-width: 33.3333%;
            margin-bottom: 0;
            float: left;
            padding-right: 0;
        }

    .sarugby-scorer .controls-top {
        position: relative;
        z-index: 1;
        display: block;
        width: 100%;
    }

        .sarugby-scorer .controls-top a {
            display: inline-flex;
        }

    .sarugby-scorer .carousel-control-prev,
    .sarugby-scorer .carousel-control-next {
        position: absolute;
        width: auto;
        display: flex;
        opacity: 1;
    }

    .sarugby-scorer .carousel-control-prev {
        left: auto;
        right: 40px;
        opacity: 0.3;
    }

    .sarugby-scorer .carousel-control-next {
        right: 0;
    }

    .sarugby-scorer .carousel-control-prev-icon {
        background-image: url("/Images/Icons/chevron-left-black.svg");
    }

    .sarugby-scorer .carousel-control-next-icon {
        background-image: url("/Images/Icons/chevron-right-black.svg");
    }

    .sarugby-scorer .carousel-control-prev-icon,
    .sarugby-scorer .carousel-control-next-icon {
        background-size: auto;
        width: 11px;
        height: 16px;
    }
}

@media (max-width: 768px) {
    .sarugby-scorer #carouselExampleControls .carousel-item {
        display: block;
    }
}

/* Attack Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-attack {
    font-family: Oswald;
    margin-top: 30px;
}

    .sarugby-attack .container {
        max-width: 1200px;
        margin: auto;
        padding: 0;
    }

    .sarugby-attack h2 {
        color: #000000;
        font-size: 40px;
        font-weight: 300;
        letter-spacing: 1px;
        text-transform: capitalize;
        margin-bottom: 11px;
    }

    .sarugby-attack .controls-top {
        position: relative;
        z-index: 1;
        display: block;
        width: 100%;
    }

        .sarugby-attack .controls-top a {
            display: inline-flex;
            top: 14px;
        }

    .sarugby-attack .carousel-control-prev1,
    .sarugby-attack .carousel-control-next1 {
        position: absolute;
        width: auto;
        display: initial;
        opacity: 1;
    }

    .sarugby-attack .carousel-control-prev1 {
        left: auto;
        right: 40px;
        opacity: 0.3;
    }

    .sarugby-attack .carousel-control-next1 {
        right: 0;
    }

    .sarugby-attack .carousel-control-prev-icon1 {
        background-image: url("/Images/Icons/chevron-left-black.svg");
    }

    .sarugby-attack .carousel-control-next-icon1 {
        background-image: url("/Images/Icons/chevron-right-black.svg");
    }

    .sarugby-attack .carousel-control-prev-icon1,
    .sarugby-attack .carousel-control-next-icon1 {
        background-size: auto;
        width: 11px;
        height: 16px;
    }

    .sarugby-attack .view-container {
        /*position: relative;*/
        margin: 0 auto;
        text-align: center;
        display: flex;
    }

        .sarugby-attack .view-container .team-left, .sarugby-attack .view-container .team-right {
            border-top: 10px solid #000000;
            background: #ffffff;
            width: 50%;
            float: left;
            text-align: left;
        }

            .sarugby-attack .view-container .team-left .graph, .sarugby-attack .view-container .team-right .graph {
                text-align: center;
                margin-bottom: 10px;
            }

                .sarugby-attack .view-container .team-left .graph .card, .sarugby-attack .view-container .team-right .graph .card {
                    display: inline-block;
                    float: none;
                    border: 0 !important;
                    background-color: transparent !important;
                }

                .sarugby-attack .view-container .team-left .graph .donut-chart, .sarugby-attack .view-container .team-right .graph .donut-chart {
                    position: relative;
                    border-radius: 50%;
                    overflow: hidden;
                }

                    .sarugby-attack .view-container .team-left .graph .donut-chart .slice, .sarugby-attack .view-container .team-right .graph .donut-chart .slice {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                    }

                    .sarugby-attack .view-container .team-left .graph .donut-chart .chart-center, .sarugby-attack .view-container .team-right .graph .donut-chart .chart-center {
                        position: absolute;
                        border-radius: 50%;
                    }

                        .sarugby-attack .view-container .team-left .graph .donut-chart .chart-center span, .sarugby-attack .view-container .team-right .graph .donut-chart .chart-center span {
                            display: block;
                            text-align: center;
                        }

                    .sarugby-attack .view-container .team-left .graph .donut-chart.teamleft-tries-chart, .sarugby-attack .view-container .team-right .graph .donut-chart.teamleft-tries-chart {
                        width: 110px;
                        height: 110px;
                        background: #e1e1e1;
                    }

                        .sarugby-attack .view-container .team-left .graph .donut-chart.teamleft-tries-chart .slice.one, .sarugby-attack .view-container .team-right .graph .donut-chart.teamleft-tries-chart .slice.one {
                            clip: rect(0 110px 55px 0);
                            -webkit-transform: rotate(90deg);
                            transform: rotate(90deg);
                            background: #353535;
                        }

                        .sarugby-attack .view-container .team-left .graph .donut-chart.teamleft-tries-chart .slice.two, .sarugby-attack .view-container .team-right .graph .donut-chart.teamleft-tries-chart .slice.two {
                            clip: rect(0 55px 110px 0);
                            -webkit-transform: rotate(180deg);
                            transform: rotate(180deg);
                            background: #353535;
                        }

                        .sarugby-attack .view-container .team-left .graph .donut-chart.teamleft-tries-chart .chart-center, .sarugby-attack .view-container .team-right .graph .donut-chart.teamleft-tries-chart .chart-center {
                            top: 5px;
                            left: 5px;
                            width: 100px;
                            height: 100px;
                            background: #fff;
                        }

                            .sarugby-attack .view-container .team-left .graph .donut-chart.teamleft-tries-chart .chart-center span, .sarugby-attack .view-container .team-right .graph .donut-chart.teamleft-tries-chart .chart-center span {
                                font-size: 40px;
                                line-height: 100px;
                                color: #353535;
                            }

                                .sarugby-attack .view-container .team-left .graph .donut-chart.teamleft-tries-chart .chart-center span:after, .sarugby-attack .view-container .team-right .graph .donut-chart.teamleft-tries-chart .chart-center span:after {
                                    content: '';
                                }

                    .sarugby-attack .view-container .team-left .graph .donut-chart.teamright-tries-chart, .sarugby-attack .view-container .team-right .graph .donut-chart.teamright-tries-chart {
                        width: 110px;
                        height: 110px;
                        background: #e1e1e1;
                    }

                        .sarugby-attack .view-container .team-left .graph .donut-chart.teamright-tries-chart .slice.one, .sarugby-attack .view-container .team-right .graph .donut-chart.teamright-tries-chart .slice.one {
                            clip: rect(0 110px 55px 0);
                            -webkit-transform: rotate(90deg);
                            transform: rotate(90deg);
                            background: #FF0091;
                        }

                        .sarugby-attack .view-container .team-left .graph .donut-chart.teamright-tries-chart .slice.two, .sarugby-attack .view-container .team-right .graph .donut-chart.teamright-tries-chart .slice.two {
                            clip: rect(0 55px 110px 0);
                            -webkit-transform: rotate(180deg);
                            transform: rotate(180deg);
                            background: #FF0091;
                        }

                        .sarugby-attack .view-container .team-left .graph .donut-chart.teamright-tries-chart .chart-center, .sarugby-attack .view-container .team-right .graph .donut-chart.teamright-tries-chart .chart-center {
                            top: 5px;
                            left: 5px;
                            width: 100px;
                            height: 100px;
                            background: #fff;
                        }

                            .sarugby-attack .view-container .team-left .graph .donut-chart.teamright-tries-chart .chart-center span, .sarugby-attack .view-container .team-right .graph .donut-chart.teamright-tries-chart .chart-center span {
                                font-size: 40px;
                                line-height: 100px;
                                color: #FF0091;
                            }

                                .sarugby-attack .view-container .team-left .graph .donut-chart.teamright-tries-chart .chart-center span:after, .sarugby-attack .view-container .team-right .graph .donut-chart.teamright-tries-chart .chart-center span:after {
                                    content: '';
                                }

        .sarugby-attack .view-container .team-right {
            border-top: 10px solid #FF0091;
            background-color: #FAFAFA;
            width: 50%;
            float: right;
            text-align: right;
        }

            .sarugby-attack .view-container .team-right:last-child {
                padding-right: 10px;
            }

        .sarugby-attack .view-container .carousel-item {
            display: block;
        }

        .sarugby-attack .view-container .logo-sharks {
            width: 70px;
            padding: 10px 0 20px 10px;
            height: 70px;
        }

        .sarugby-attack .view-container .logo-pumas {
            width: 70px;
            padding: 10px 10px 20px 0;
            height: 70px;
        }

        .sarugby-attack .view-container .view-name {
            width: 96%;
            top: 45px;
            position: absolute;
        }

            .sarugby-attack .view-container .view-name h3 {
                color: #373D4A;
                font-size: 21px;
                font-weight: 300;
                letter-spacing: 1px;
                text-transform: uppercase;
                margin: 0;
                padding: 0;
            }

@media (min-width: 768px) {
    .sarugby-attack .row {
        flex-direction: row;
    }

        .sarugby-attack .row .col-4 {
            max-width: 33.3333%;
            margin-bottom: 0;
            float: left;
            padding-right: 0;
        }
}

@media (max-width: 990px) {
    .sarugby-attack .carousel-item {
        display: block;
    }

    .sarugby-attack .controls-top h2 {
        display: block;
    }

    .sarugby-attack .controls-top a {
        display: none;
    }

    .sarugby-attack .row {
        flex-direction: row;
    }

        .sarugby-attack .row .col-4 {
            display: flex;
            max-width: 100%;
            margin-bottom: 12px;
        }

            .sarugby-attack .row .col-4 .view-container {
                width: 100%;
            }

    .sarugby-attack .logo-sharks {
        padding: 10px 0 10px 10px;
    }

    .sarugby-attack .logo-pumas {
        padding: 10px 10px 10px 0;
    }

    .sarugby-attack .graph {
        margin-bottom: 20px !important;
    }

    .sarugby-attack .view-name {
        top: 105px !important;
    }
}

@media (max-width: 768px) {
    .sarugby-attack .view-name h3 {
        margin: 0 auto !important;
        word-break: break-word;
        width: 25%;
        font-size: 20px !important;
        padding: 0 5px !important;
    }

    .sarugby-attack .donut-chart.teamleft-tries-chart {
        width: 50px;
        height: 50px;
        background: #e1e1e1;
    }

        .sarugby-attack .donut-chart.teamleft-tries-chart .slice.one {
            clip: rect(0 50px 25px 0);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            background: #353535;
        }

        .sarugby-attack .donut-chart.teamleft-tries-chart .slice.two {
            clip: rect(0 25px 50px 0);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            background: #353535;
        }

        .sarugby-attack .donut-chart.teamleft-tries-chart .chart-center {
            top: 5px;
            left: 5px;
            width: 40px;
            height: 40px;
            background: #fff;
        }

            .sarugby-attack .donut-chart.teamleft-tries-chart .chart-center span {
                font-size: 40px;
                line-height: 40px;
                color: #353535;
            }

                .sarugby-attack .donut-chart.teamleft-tries-chart .chart-center span:after {
                    content: '';
                }

    .sarugby-attack .donut-chart.teamright-tries-chart {
        width: 50px;
        height: 50px;
        background: #e1e1e1;
    }

        .sarugby-attack .donut-chart.teamright-tries-chart .slice.one {
            clip: rect(0 50px 25px 0);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            background: #000000;
        }

        .sarugby-attack .donut-chart.teamright-tries-chart .slice.two {
            clip: rect(0 25px 50px 0);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            background: #000000;
        }

        .sarugby-attack .donut-chart.teamright-tries-chart .chart-center {
            top: 5px;
            left: 5px;
            width: 40px;
            height: 40px;
            background: #fff;
        }

            .sarugby-attack .donut-chart.teamright-tries-chart .chart-center span {
                font-size: 40px;
                line-height: 40px;
                color: #000000;
            }

                .sarugby-attack .donut-chart.teamright-tries-chart .chart-center span:after {
                    content: '';
                }
}

@media (min-width: 320px) and (max-width: 640px) {
    .sarugby-attack .view-container .view-name {
        top: 45px !important;
    }
}

@media (max-width: 575px) {
    .sarugby-attack .view-name h3 {
        margin: 0 auto !important;
        word-break: break-word;
        width: 20%;
        font-size: 15px !important;
        padding: 0 5px !important;
    }

    .sarugby-attack .donut-chart.teamleft-tries-chart {
        width: 30px;
        height: 30px;
        background: #e1e1e1;
    }

        .sarugby-attack .donut-chart.teamleft-tries-chart .slice.one {
            clip: rect(0 30px 15px 0);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            background: #353535;
        }

        .sarugby-attack .donut-chart.teamleft-tries-chart .slice.two {
            clip: rect(0 15px 30px 0);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            background: #353535;
        }

        .sarugby-attack .donut-chart.teamleft-tries-chart .chart-center {
            top: 5px;
            left: 5px;
            width: 20px;
            height: 20px;
            background: #fff;
        }

            .sarugby-attack .donut-chart.teamleft-tries-chart .chart-center span {
                font-size: 40px;
                line-height: 20px;
                color: #353535;
            }

                .sarugby-attack .donut-chart.teamleft-tries-chart .chart-center span:after {
                    content: '';
                }

    .sarugby-attack .donut-chart.teamright-tries-chart {
        width: 30px;
        height: 30px;
        background: #e1e1e1;
    }

        .sarugby-attack .donut-chart.teamright-tries-chart .slice.one {
            clip: rect(0 30px 15px 0);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            background: #000000;
        }

        .sarugby-attack .donut-chart.teamright-tries-chart .slice.two {
            clip: rect(0 15px 30px 0);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            background: #000000;
        }

        .sarugby-attack .donut-chart.teamright-tries-chart .chart-center {
            top: 5px;
            left: 5px;
            width: 20px;
            height: 20px;
            background: #fff;
        }

            .sarugby-attack .donut-chart.teamright-tries-chart .chart-center span {
                font-size: 40px;
                line-height: 20px;
                color: #000000;
            }

                .sarugby-attack .donut-chart.teamright-tries-chart .chart-center span:after {
                    content: '';
                }
}

/* Defense Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#defense {
    font-family: Oswald;
    max-width: 1200px;
    margin: 30px auto 0px;
}

    #defense .sarugby-defense .defense-logos {
        padding-top: 50px;
        padding-bottom: 30px;
    }

        #defense .sarugby-defense .defense-logos h2 {
            font-size: 40px;
            font-weight: 300;
            line-height: 55px;
            text-align: center;
            text-transform: uppercase;
        }

        #defense .sarugby-defense .defense-logos .team-img {
            width: 70px;
        }

    #defense .sarugby-defense .defense-chart {
        padding-bottom: 40px;
        padding-left: 15px;
        margin-right: 15px;
    }

@media (min-width: 320px) and (max-width: 575px) {
    #defense .sarugby-defense .defense-chart .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    #defense .sarugby-defense .defense-chart .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
}

#defense .sarugby-defense .defense-chart .col-10 {
    padding: 0;
}

#defense .sarugby-defense .defense-chart h2 {
    color: #373D4A;
    margin-bottom: 0;
    width: 100%;
    font-size: 25px;
    font-weight: 300;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
}

#defense .sarugby-defense .defense-chart .score-card {
    color: #373D4A;
    font-size: 40px;
    font-weight: 300;
    line-height: 55px;
    text-align: center;
    margin: 0;
    padding: 0;
}

#defense .sarugby-defense .defense-chart .graph-container {
    margin: 15px 0;
}

@media screen and (max-width: 320px) {
    #defense .sarugby-defense .defense-chart .graph-container {
        margin-left: 10px;
        margin-right: -8px;
    }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
    #defense .sarugby-defense .defense-chart .graph-container {
        margin-left: 3px;
        margin-right: -3px;
    }
}

@media screen and (min-width: 768px) and (max-width: 769px) {
    #defense .sarugby-defense .defense-chart .graph-container {
        margin-left: 3px;
        margin-right: -67px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    #defense .sarugby-defense .defense-chart .graph-container {
        margin-left: 3px;
        margin-right: -71px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
    #defense .sarugby-defense .defense-chart .graph-container {
        margin-left: 3px;
        margin-right: -72px;
    }
}

@media screen and (min-width: 1440px) and (max-width: 2560px) {
    #defense .sarugby-defense .defense-chart .graph-container {
        margin-left: 3px;
        margin-right: -72px;
    }
}

@keyframes expand {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

#defense .sarugby-defense .defense-chart .chart {
    overflow: hidden;
    width: 0%;
    animation: expand 1.5s ease forwards;
}

#defense .sarugby-defense .defense-chart .graph-container + .graph-container .chart {
    animation-delay: .2s;
}

#defense .sarugby-defense .defense-chart .graph-container + .graph-container + .graph-container .chart {
    animation-delay: .4s;
}

#defense .sarugby-defense .defense-chart .block {
    display: block;
    height: 26px;
    color: #fff;
    font-size: .75em;
    float: left;
    background-color: #000000;
    position: relative;
    overflow: hidden;
    opacity: 1;
    transition: opacity, .3s ease;
    cursor: pointer;
}

#defense .sarugby-defense .defense-chart .team-one {
    background-color: #000000;
}

#defense .sarugby-defense .defense-chart .team-two {
    background-color: #E2008E;
}

#defense .sarugby-defense .defense-chart .value {
    display: none;
    line-height: 1em;
    position: absolute;
    top: 30%;
    margin-left: 55px;
    transform: translate(-50%);
    color: #ffffff;
    text-align: left;
    font-size: 40px;
}

#defense .sarugby-defense .defense-chart .progress-cont {
    height: 26px;
    border-radius: 0;
    margin-top: 1.5%;
}

/* Defense Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#kicks .sarugby-kicks {
    background: #FAFAFA;
    font-family: Oswald;
    max-width: 1200px;
    margin: 10px auto;
}

    #kicks .sarugby-kicks .kicks-logos {
        padding-top: 50px;
        padding-bottom: 30px;
    }

        #kicks .sarugby-kicks .kicks-logos .team-img {
            width: 70px;
            width: 70px;
        }

        #kicks .sarugby-kicks .kicks-logos h2 {
            font-size: 40px;
            font-weight: 300;
            line-height: 55px;
            text-align: center;
            text-transform: uppercase;
        }

    #kicks .sarugby-kicks .kicks-chart {
        margin-left: 10px;
        margin-right: 10px;
    }

        #kicks .sarugby-kicks .kicks-chart:last-child {
            padding-bottom: 40px;
        }

@media (min-width: 320px) and (max-width: 575px) {
    #kicks .sarugby-kicks .kicks-chart .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    #kicks .sarugby-kicks .kicks-chart .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
}

#kicks .sarugby-kicks .kicks-chart h2 {
    color: #8494A5;
    margin-bottom: 0;
    width: 100%;
    font-size: 25px;
    font-weight: 300;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
}

#kicks .sarugby-kicks .kicks-chart .graph-container {
    margin: 26px 0;
    /* 
                @media screen and (max-width: 768px) {
                    margin-left: -33px;
                    margin-right: 32px;
                }
                    */
}

@media screen and (max-width: 320px) {
    #kicks .sarugby-kicks .kicks-chart .graph-container {
        margin-left: 10px;
        margin-right: -8px;
    }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
    #kicks .sarugby-kicks .kicks-chart .graph-container {
        margin-left: 3px;
        margin-right: -3px;
    }
}

@media screen and (min-width: 768px) and (max-width: 769px) {
    #kicks .sarugby-kicks .kicks-chart .graph-container {
        margin-left: 3px;
        margin-right: -67px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    #kicks .sarugby-kicks .kicks-chart .graph-container {
        margin-left: 3px;
        margin-right: -71px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
    #kicks .sarugby-kicks .kicks-chart .graph-container {
        margin-left: 3px;
        margin-right: -72px;
    }
}

@media screen and (min-width: 1440px) and (max-width: 2560px) {
    #kicks .sarugby-kicks .kicks-chart .graph-container {
        margin-left: 3px;
        margin-right: -72px;
    }
}

@keyframes expand {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

#kicks .sarugby-kicks .kicks-chart .chart {
    overflow: hidden;
    width: 0%;
    animation: expand 1.5s ease forwards;
}

#kicks .sarugby-kicks .kicks-chart .graph-container + .graph-container .chart {
    animation-delay: .2s;
}

#kicks .sarugby-kicks .kicks-chart .graph-container + .graph-container + .graph-container .chart {
    animation-delay: .4s;
}

#kicks .sarugby-kicks .kicks-chart .block {
    display: block;
    height: 10px;
    color: #fff;
    font-size: .75em;
    float: left;
    background-color: #000000;
    position: relative;
    overflow: hidden;
    opacity: 1;
    transition: opacity, .3s ease;
    cursor: pointer;
}

#kicks .sarugby-kicks .kicks-chart .team-one {
    background-color: #000000;
}

#kicks .sarugby-kicks .kicks-chart .team-two {
    background-color: #E2008E;
}

#kicks .sarugby-kicks .kicks-chart .value {
    display: none;
    line-height: 1em;
    position: absolute;
    top: 30%;
    margin-left: 55px;
    transform: translate(-50%);
    color: #ffffff;
    text-align: left;
    font-size: 40px;
}

#kicks .sarugby-kicks .kicks-chart .score-card {
    color: #8494A5;
    font-family: Oswald;
    font-size: 30px;
    font-weight: 300;
    line-height: 55px;
    text-align: center;
    margin: 0;
    padding: 0;
}

#kicks .sarugby-kicks .kicks-chart .progress-cont {
    height: 10px;
    border-radius: 0;
    margin-top: 2.5%;
}

.discipline {
    background-color: #FFF;
    max-width: 1200px;
}

    .discipline .discipline-away-img {
        width: 70px;
    }

    .discipline .discipline-container {
        padding-top: 40px;
    }

    .discipline .cards-row {
        padding-top: 30px;
        padding-bottom: 80px;
    }

@media (min-width: 320px) and (max-width: 480px) {
    .discipline .progress-col {
        padding-left: 5px;
        padding-right: 0px;
    }
}

.discipline .progress {
    border-radius: 0 !important;
    height: 8px;
}

    .discipline .progress .progress-bar-home-team {
        background-color: #000;
        width: 40%;
    }

    .discipline .progress .progress-bar-away-team {
        background-color: #E2008E;
        width: 60%;
    }

.discipline .penalty-title {
    color: #8494A5;
    font-family: Oswald;
    font-size: 25px;
    font-weight: 300;
    line-height: 34px;
    text-align: center;
}

@media (min-width: 320px) and (max-width: 480px) {
    .discipline .penalty-title {
        font-size: 19px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .discipline .discipline-home-img {
        width: 70px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .discipline .discipline-away-img {
        width: 70px;
    }
}

@media (min-width: 1025px) {
    .discipline .discipline-cards .cards-home {
        padding-left: 10px;
    }
}

.discipline .desktop-card-container {
    margin-left: 40px;
}

    .discipline .desktop-card-container .yellow-card {
        background-color: #F29701;
        width: 300px;
        height: 174px;
    }

    .discipline .desktop-card-container .red-card {
        background-color: #AD0D0D;
        width: 300px;
        height: 174px;
    }

    .discipline .desktop-card-container .card-title {
        padding-top: 10px;
        font-family: Oswald;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        line-height: 27px;
        text-align: center;
    }

@media (min-width: 576px) and (max-width: 690px) {
    .discipline .desktop-card-container .card-title {
        font-size: 15px;
    }
}

.discipline .desktop-card-container .card-stat {
    padding-bottom: 0px !important;
    font-family: Oswald;
    font-size: 80px;
    color: #fff;
    font-weight: 300;
    line-height: 100px;
    text-align: center;
}

.discipline .mobile-cards .mobile-card-container-right {
    padding-right: 5px;
}

.discipline .mobile-cards .mobile-card-container-left {
    padding-left: 5px;
}

.discipline .mobile-cards .mobile-yellow-card {
    background-color: #F29701;
    width: 100%;
    height: 137px;
}

.discipline .mobile-cards .mobile-red-card {
    background-color: #AD0D0D;
    width: 100%;
    height: 137px;
}

.discipline .mobile-cards .mobile-card-title {
    padding-top: 10px;
    font-family: Oswald;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    text-align: center;
}

.discipline .mobile-cards .mobile-card-number {
    padding-bottom: 0px !important;
    font-family: Oswald;
    font-size: 80px;
    color: #fff;
    font-weight: 300;
    line-height: 64px;
    text-align: center;
}

.discipline .discipline-title {
    font-family: Oswald;
    font-size: 35px;
    font-weight: 300;
    line-height: 55px;
    text-align: center;
    /* 
          ##Device = Most of the Smartphones Mobiles (Portrait)
          ##Screen = B/w 320px to 479px
        */
}

@media (min-width: 320px) and (max-width: 480px) {
    .discipline .discipline-title {
        font-size: 22px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .discipline .home-stat-col {
        padding-left: 0px;
    }
}

.discipline .home-stat-col .home-stat {
    color: #8494A5;
    font-family: Oswald;
    font-size: 30px;
    font-weight: 300;
    line-height: 7px;
    text-align: left;
}

@media screen and (min-width: 1440px) {
    .discipline .home-stat-col .home-stat {
        padding-left: 34px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .discipline .away-stat-col {
        padding-right: 0px;
        padding-left: 10px;
    }
}

.discipline .away-stat-col .away-stat {
    color: #8494A5;
    font-family: Oswald;
    font-size: 30px;
    font-weight: 300;
    line-height: 7px;
    text-align: right;
}

@media screen and (min-width: 1440px) {
    .discipline .away-stat-col .away-stat {
        padding-right: 18px;
    }
}

.discipline .stat-container {
    margin-left: auto;
    margin-right: auto;
    width: 118%;
}

@media screen and (max-width: 756px) {
    #lineup {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.sarugby-lineup .sarugby-lineup-container {
    background-image: url(/Content/sarugby/Images/post-match-stats/Background_image.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 90px;
    max-width: 1450px;
    margin: 25px auto;
}

    .sarugby-lineup .sarugby-lineup-container .team-images {
        position: relative;
        display: table;
        width: 85%;
        margin: auto;
    }

@media (max-width: 992px) {
    .sarugby-lineup .sarugby-lineup-container .team-images {
        width: 100%;
    }
}

.sarugby-lineup .sarugby-lineup-container .team-images .stadium-img {
    left: 0;
    top: 0;
    width: 100%;
}

.sarugby-lineup .sarugby-lineup-container .team-images .side-img {
    width: 38.5%;
    float: left;
    margin-top: 3.2vw;
    position: absolute;
    z-index: 1;
    left: 8%;
    height: auto;
}

    .sarugby-lineup .sarugby-lineup-container .team-images .side-img svg {
        width: 100%;
        height: auto;
    }

@media (min-width: 1600px) {
    .sarugby-lineup .sarugby-lineup-container .team-images .side-img {
        margin-top: 48px;
    }
}

@media (max-width: 992px) {
    .sarugby-lineup .sarugby-lineup-container .team-images .side-img {
        margin-top: 4.3vw;
    }
}

.sarugby-lineup .sarugby-lineup-container .team-images .visitor {
    float: right;
    right: 8%;
    left: initial;
}

@media (max-width: 992px) {
    .sarugby-lineup .sarugby-lineup-container {
        padding: 0;
    }
}

/* Possession Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-possession {
    font-family: Oswald;
    margin-top: 30px;
}

    .sarugby-possession .container {
        max-width: 1200px;
        margin: auto;
        padding: 0;
    }

    .sarugby-possession h2 {
        color: #000000;
        font-size: 40px;
        font-weight: 300;
        letter-spacing: 1px;
        text-transform: capitalize;
        margin-bottom: 11px;
    }

    .sarugby-possession .row {
        margin-bottom: 12px;
    }

@media (min-width: 320px) and (max-width: 756px) {
    .sarugby-possession .row {
        margin-bottom: 0px;
    }
}

.sarugby-possession .view-container {
    margin: 0 auto;
    text-align: center;
    display: flex;
}

    .sarugby-possession .view-container .team-left, .sarugby-possession .view-container .team-right {
        border-top: 2px solid #000000;
        background: #ffffff;
        width: 50%;
        float: left;
        text-align: left;
    }

        .sarugby-possession .view-container .team-left .graph, .sarugby-possession .view-container .team-right .graph {
            text-align: center;
            margin-bottom: 20px;
        }

            .sarugby-possession .view-container .team-left .graph .card, .sarugby-possession .view-container .team-right .graph .card {
                display: inline-block;
                float: none;
                border: 0 !important;
                background-color: transparent !important;
                margin: 0 5px 20px 5px;
            }

            .sarugby-possession .view-container .team-left .graph .donut-chart, .sarugby-possession .view-container .team-right .graph .donut-chart {
                position: relative;
                border-radius: 50%;
                overflow: hidden;
            }

                .sarugby-possession .view-container .team-left .graph .donut-chart .slice, .sarugby-possession .view-container .team-right .graph .donut-chart .slice {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }

                .sarugby-possession .view-container .team-left .graph .donut-chart .chart-center, .sarugby-possession .view-container .team-right .graph .donut-chart .chart-center {
                    position: absolute;
                    border-radius: 50%;
                }

                    .sarugby-possession .view-container .team-left .graph .donut-chart .chart-center span, .sarugby-possession .view-container .team-right .graph .donut-chart .chart-center span {
                        display: block;
                        text-align: center;
                    }

                .sarugby-possession .view-container .team-left .graph .donut-chart.teamleft-tries-chart, .sarugby-possession .view-container .team-right .graph .donut-chart.teamleft-tries-chart {
                    width: 100px;
                    height: 100px;
                    background: #e1e1e1;
                }

                    .sarugby-possession .view-container .team-left .graph .donut-chart.teamleft-tries-chart .slice.one, .sarugby-possession .view-container .team-right .graph .donut-chart.teamleft-tries-chart .slice.one {
                        clip: rect(0 100px 50px 0);
                        -webkit-transform: rotate(90deg);
                        transform: rotate(90deg);
                        background: #353535;
                    }

                    .sarugby-possession .view-container .team-left .graph .donut-chart.teamleft-tries-chart .slice.two, .sarugby-possession .view-container .team-right .graph .donut-chart.teamleft-tries-chart .slice.two {
                        clip: rect(0 50px 100px 0);
                        -webkit-transform: rotate(180deg);
                        transform: rotate(180deg);
                        background: #353535;
                    }

                    .sarugby-possession .view-container .team-left .graph .donut-chart.teamleft-tries-chart .chart-center, .sarugby-possession .view-container .team-right .graph .donut-chart.teamleft-tries-chart .chart-center {
                        top: 8px;
                        left: 8px;
                        width: 84px;
                        height: 84px;
                        background: #fff;
                    }

                        .sarugby-possession .view-container .team-left .graph .donut-chart.teamleft-tries-chart .chart-center span, .sarugby-possession .view-container .team-right .graph .donut-chart.teamleft-tries-chart .chart-center span {
                            font-size: 40px;
                            line-height: 84px;
                            color: #353535;
                        }

                            .sarugby-possession .view-container .team-left .graph .donut-chart.teamleft-tries-chart .chart-center span:after, .sarugby-possession .view-container .team-right .graph .donut-chart.teamleft-tries-chart .chart-center span:after {
                                content: '';
                            }

                .sarugby-possession .view-container .team-left .graph .donut-chart.teamright-tries-chart, .sarugby-possession .view-container .team-right .graph .donut-chart.teamright-tries-chart {
                    width: 100px;
                    height: 100px;
                    background: #e1e1e1;
                }

                    .sarugby-possession .view-container .team-left .graph .donut-chart.teamright-tries-chart .slice.one, .sarugby-possession .view-container .team-right .graph .donut-chart.teamright-tries-chart .slice.one {
                        clip: rect(0 100px 50px 0);
                        -webkit-transform: rotate(90deg);
                        transform: rotate(90deg);
                        background: #FF0091;
                    }

                    .sarugby-possession .view-container .team-left .graph .donut-chart.teamright-tries-chart .slice.two, .sarugby-possession .view-container .team-right .graph .donut-chart.teamright-tries-chart .slice.two {
                        clip: rect(0 50px 100px 0);
                        -webkit-transform: rotate(180deg);
                        transform: rotate(180deg);
                        background: #FF0091;
                    }

                    .sarugby-possession .view-container .team-left .graph .donut-chart.teamright-tries-chart .chart-center, .sarugby-possession .view-container .team-right .graph .donut-chart.teamright-tries-chart .chart-center {
                        top: 8px;
                        left: 8px;
                        width: 84px;
                        height: 84px;
                        background: #fff;
                    }

                        .sarugby-possession .view-container .team-left .graph .donut-chart.teamright-tries-chart .chart-center span, .sarugby-possession .view-container .team-right .graph .donut-chart.teamright-tries-chart .chart-center span {
                            font-size: 40px;
                            line-height: 84px;
                            color: #FF0091;
                        }

                            .sarugby-possession .view-container .team-left .graph .donut-chart.teamright-tries-chart .chart-center span:after, .sarugby-possession .view-container .team-right .graph .donut-chart.teamright-tries-chart .chart-center span:after {
                                content: '';
                            }

    .sarugby-possession .view-container .team-right {
        border-top: 2px solid #FF0091;
        background-color: #FAFAFA;
        width: 50%;
        float: right;
        text-align: right;
    }

        .sarugby-possession .view-container .team-right:last-child {
            padding-right: 10px;
        }

    .sarugby-possession .view-container .logo-sharks {
        width: 70px;
        padding: 10px 0 20px 10px;
    }

    .sarugby-possession .view-container .logo-pumas {
        width: 70px;
        padding: 10px 10px 20px 0;
    }

    .sarugby-possession .view-container .view-name {
        width: 95%;
        top: 45%;
        position: absolute;
    }

        .sarugby-possession .view-container .view-name h3 {
            color: #373D4A;
            text-transform: uppercase;
            margin: 0 auto !important;
            word-break: break-word;
            width: 25%;
            font-size: 18px;
            padding: 0 5px !important;
            font-weight: 100;
        }

@media (min-width: 320px) and (max-width: 660px) {
    .sarugby-possession .view-container .team-left .graph {
        text-align: left;
        padding-left: 30px;
    }

    .sarugby-possession .view-container .team-right .graph {
        text-align: right;
        padding-right: 30px;
    }

    .sarugby-possession .view-container .view-name {
        top: 11% !important;
    }

        .sarugby-possession .view-container .view-name h3 {
            font-size: 13px !important;
            width: 30% !important;
            line-height: 18px;
        }
}

@media (max-width: 990px) {
    .sarugby-possession .col-6 {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 12px;
    }

    .sarugby-possession .view-name {
        top: 42%;
    }

        .sarugby-possession .view-name h3 {
            font-size: 25px !important;
            font-weight: 100;
            line-height: 30px;
        }
}

/* Selected Fixture Component */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.selected-fixture {
    max-width: 1200px;
}

    .selected-fixture .buttons-component > div {
        flex-basis: 33%;
    }

    .selected-fixture .vs-component {
        background-image: url(/Content/sarugby/Images/tickets/selected_fixture_bg.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

        .selected-fixture .vs-component .vs-word {
            color: #fff;
            font-family: Oswald;
            font-size: 50px;
            font-weight: 300;
            line-height: 161px;
            text-align: center;
        }

@media screen and (max-width: 767px) {
    .selected-fixture .vs-component .vs-word {
        font-size: 40px;
        font-weight: 300;
        line-height: 87px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .selected-fixture .vs-component .vs-word {
        line-height: 84px;
    }
}

.selected-fixture .vs-component div {
    padding: 20px;
    margin-top: 28px;
}

    .selected-fixture .vs-component div div img {
        display: block;
        width: 80%;
        margin: auto;
        padding-top: 0px;
    }

.selected-fixture .selected-fixture-button {
    margin-top: 1.5vw;
}

    .selected-fixture .selected-fixture-button a {
        color: white;
        border: solid 1px;
        display: inline-block;
        text-align: center;
        font-size: 18px;
        padding: 12px 8px;
        width: 100%;
    }

        .selected-fixture .selected-fixture-button a:hover {
            background-color: #ffffff;
            color: #0D5565;
            border: solid 1px #0D5565 !important;
            text-decoration: none;
            transition: 1s all;
        }

@media (min-width: 300px) and (max-width: 480px) {
    .selected-fixture .selected-fixture-button a {
        min-width: 83px !important;
        width: 100% !important;
        font-size: 12px !important;
        padding: 12px 8px !important;
        line-height: 14px !important;
    }
}

@media screen and (max-width: 1180px) {
    .selected-fixture .selected-fixture-button a {
        padding: 12px 8px;
        font-size: 16px;
    }
}

@media screen and (max-width: 992px) {
    .selected-fixture .selected-fixture-button a {
        padding: 12px 8px;
        width: 100%;
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .selected-fixture .selected-fixture-button a {
        font-size: 14px;
    }
}

.selected-fixture .team-name {
    color: #FFF;
    margin-bottom: 0px;
    padding-top: 7px;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 200;
}

@media screen and (max-width: 767px) {
    .selected-fixture .team-name {
        padding-top: 10px;
        font-size: 18px;
    }
}

@media (max-width: 320px) {
    .selected-fixture .team-name {
        padding-top: 1px;
    }
}

.selected-fixture .stadium-name {
    color: #FFFFFF;
    font-family: Oswald;
    font-size: 15px;
    font-weight: 300;
    line-height: 12px;
}

.selected-fixture .match-date {
    color: #FFFFFF;
    font-family: Oswald;
    font-size: 11px;
    font-weight: 300;
    line-height: 10px;
}

.selected-fixture .team-img-sml {
    width: 50px;
    height: auto;
}

@media (width: 320px) {
    .selected-fixture .team-img-sml {
        width: 30px;
        height: 30px;
    }
}

.selected-fixture .match-time {
    color: #FFFFFF;
    font-family: Oswald;
    font-size: 30px;
    font-weight: 300;
    line-height: 78px;
    margin-bottom: 0px;
    width: 28px !important;
}

@media screen and (max-width: 767px) {
    .selected-fixture .match-time {
        width: 104px !important;
        height: 25px;
        margin-top: 2px;
        margin-right: -29px;
    }
}

@media (max-width: 320px) {
    .selected-fixture .match-time {
        line-height: 58px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .selected-fixture .match-time {
        margin-right: 38px;
    }
}

.selected-fixture .buttons-component {
    padding-bottom: 20px;
    margin-left: 17px;
}

@media screen and (max-width: 767px) {
    .selected-fixture .team-img-home-lg {
        padding-left: 0px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .selected-fixture .team-img-home-lg {
        padding-left: 35px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .selected-fixture .team-img-home-lg {
        padding-left: 10px !important;
    }
}

@media screen and (max-width: 767px) {
    .selected-fixture .team-img-away-lg {
        padding-right: 0px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .selected-fixture .team-img-away-lg {
        padding-right: 35px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .selected-fixture .team-img-away-lg {
        padding-right: 0px !important;
    }
}

@media (max-width: 991.98px) and (orientation: landscape) {
    .selected-fixture {
        font-size: 21px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .selected-fixture .col-xs-12.col-lg-6.col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .selected-fixture .buttons-component > div {
        flex: 33%;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
    .selected-fixture .col-xs-12.col-lg-6.col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 991.98px) {
    .selected-fixture .col-xs-12.col-lg-6.col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.team-name-dispaly {
    display: block;
}

@media screen and (max-width: 756px) {
    .team-name-dispaly {
        display: none;
    }
}

.team-name-abb {
    display: none;
}

@media screen and (max-width: 756px) {
    .team-name-abb {
        display: block;
    }
}

/* About Stadium Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.about-stadium {
    margin-bottom: 40px;
}

    .about-stadium .container {
        max-width: 1200px;
        margin: auto;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        background: #ffffff;
        padding: 0;
    }

        .about-stadium .container .col-6 {
            max-width: 100%;
        }

            .about-stadium .container .col-6 h2 {
                font-size: 15px;
                font-weight: 500;
                color: #F5A623;
                line-height: 20px;
                text-transform: uppercase;
            }

@media screen and (max-width: 756px) {
    .about-stadium .container .col-6 h2 {
        margin-top: 20px;
        margin-left: 20px;
    }
}

.about-stadium .container .col-6 h1 {
    font-size: 40px;
    color: #000000;
    line-height: 39px;
    padding: 5px 0 22px 0;
    text-transform: uppercase;
    margin-bottom: 0;
}

.about-stadium .container .col-6 p {
    font-size: 18px;
    color: #373D4A;
    width: 100%;
    margin-bottom: 18px;
}

.about-stadium .container .col-6 img {
    max-width: 100%;
    display: flex;
    margin: 0 auto;
}

.about-stadium .container .col-6 .icons {
    height: 23px;
    background-size: cover;
    margin-top: 2px;
}

    .about-stadium .container .col-6 .icons.parking-icon {
        background: url("/Content/sarugby/Images/tickets/parking.svg") no-repeat;
        width: 21px;
    }

    .about-stadium .container .col-6 .icons.food-icon {
        background: url("/Content/sarugby/Images/tickets/fork.svg") no-repeat;
        width: 21px;
    }

    .about-stadium .container .col-6 .icons.child-icon {
        background: url("/Content/sarugby/Images/tickets/family.svg") no-repeat;
        width: 21px;
    }

    .about-stadium .container .col-6 .icons.uber-icon {
        background: url("/Content/sarugby/Images/tickets/uber.svg") no-repeat;
        width: 21px;
    }

    .about-stadium .container .col-6 .icons.weather-icon {
        background: url("/Content/sarugby/Images/tickets/cloud.svg") no-repeat;
        width: 30px;
    }

.about-stadium .container .col-6 .list-content {
    margin-left: 38px;
    overflow: hidden;
}

    .about-stadium .container .col-6 .list-content h3 {
        color: #0D5565;
        font-size: 15px;
        padding-bottom: 6px;
        margin-bottom: 0;
        font-weight: 300;
        text-transform: uppercase;
    }

    .about-stadium .container .col-6 .list-content p {
        color: #8494A5;
        font-size: 12px;
        margin-bottom: 16px;
    }

.about-stadium .container .col-6:nth-of-type(2) {
    padding-left: 15px;
    padding-right: 15px;
}

    .about-stadium .container .col-6:nth-of-type(2) .align-self-center .p-2 {
        flex-basis: 33%;
        padding: 0.25rem;
    }

        .about-stadium .container .col-6:nth-of-type(2) .align-self-center .p-2:nth-of-type(3) a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: 1s all;
        }

            .about-stadium .container .col-6:nth-of-type(2) .align-self-center .p-2:nth-of-type(3) a .close_icon {
                background: url("/Images/Icons/x.svg") no-repeat;
                width: 17px;
                height: 17px;
                margin-left: 8px;
                background-size: 100%;
            }

@media (min-width: 300px) and (max-width: 480px) {
    .about-stadium .container .col-6:nth-of-type(2) .align-self-center .p-2:nth-of-type(3) a .close_icon {
        width: 17px;
        height: 17px;
        margin-left: 13px;
    }
}

.about-stadium .container .col-6:nth-of-type(2) .align-self-center .p-2:nth-of-type(3) a:hover {
    color: #ffffff;
}

    .about-stadium .container .col-6:nth-of-type(2) .align-self-center .p-2:nth-of-type(3) a:hover .close_icon {
        background: url("/Images/Icons/x-white.svg") no-repeat;
    }

.about-stadium .container .col-6:nth-of-type(2) .align-self-center .about-stadium .buttons-component > div {
    flex: 33%;
}

.about-stadium .container .col-6:nth-of-type(2) .align-self-center .buttons-component {
    margin-top: 20px;
    margin-left: 15px;
}

.about-stadium .selected-fixture-button a:hover {
    background-color: #0D5565;
    color: white;
    border: solid 1px #0D5565 !important;
    text-decoration: none;
}

.about-stadium .selected-fixture-button a {
    color: #0D5565;
    border: solid 1px;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    padding: 12px 8px;
    letter-spacing: 1px;
    transition: 1s all;
    text-transform: uppercase;
}

@media (min-width: 300px) and (max-width: 480px) {
    .about-stadium .selected-fixture-button a {
        font-size: 11px !important;
        min-width: 90px !important;
        width: 100% !important;
        padding: 12px 0 !important;
    }
}

@media (min-width: 375px) {
    .about-stadium {
        margin-bottom: 40px;
    }

        .about-stadium .container .col-6:nth-child(2) .align-self-center .p-2 {
            padding: 0.5rem !important;
        }
}

@media (min-width: 768px) {
    .about-stadium .selected-fixture-button a {
        font-size: 18px;
    }
}

@media (min-width: 1024px) {
    .about-stadium .container {
        flex-direction: row;
    }

        .about-stadium .container .col-6 {
            max-width: 50%;
            padding: 30px 15px 30px 45px;
        }

            .about-stadium .container .col-6 p {
                width: 100%;
            }

            .about-stadium .container .col-6 img {
                margin: initial;
            }

            .about-stadium .container .col-6:nth-of-type(2) {
                padding: 0 15px 0 15px;
            }

                .about-stadium .container .col-6:nth-of-type(2) .align-self-center .buttons-component {
                    margin-top: 20px;
                }

    .about-stadium .selected-fixture-button a {
        font-size: 18px;
    }
}

/* Tournament Dropdown Component style */
#tickets .selected-fixture {
    padding-top: 40px;
}

.tournament-drilldown {
    background-color: #ffffff;
}

    .tournament-drilldown .bg-white-wd {
        max-width: 1200px;
    }

    .tournament-drilldown .fixture-nav-main-container {
        padding: 20px 15px;
    }

    .tournament-drilldown .fixture-nav-calendar img {
        top: 0;
    }

    .tournament-drilldown .fixture-nav-select-option img {
        top: -2px;
        margin-left: 5px;
    }

    .tournament-drilldown .fixture-nav-select-option {
        font-size: 16px;
    }

    .tournament-drilldown .fixture-nav-select {
        padding-bottom: 2px;
    }

    .tournament-drilldown .fixture-nav-main-left > div:nth-child(1) {
        margin-right: 35px;
    }

    .tournament-drilldown a.btn-brdr {
        border: 1px solid #0D5565;
        padding: 4px 20px;
        font-size: 20px;
        color: #0D5565;
        text-transform: uppercase;
        letter-spacing: 0.1px;
        margin-right: 10px;
        float: left;
        position: relative;
        margin-top: 25px;
        left: 50%;
        transform: translateX(-45%);
    }

        .tournament-drilldown a.btn-brdr:hover {
            background-color: #0D5565;
            color: white;
            border: solid 1px #0D5565 !important;
            text-decoration: none;
            transition: 1s all;
        }

@media (min-width: 768px) {
    .fixture-nav-main-container a.btn-brdr {
        left: initial;
        transform: initial;
        float: left;
        margin-top: 0;
    }
}

@media (min-width: 1024px) {
    .tournament-drilldown .fixture-nav-main-container {
        padding: 20px 40px;
    }

    .tournament-drilldown .fixture-nav-main-left > div {
        width: auto;
    }

    .tournament-drilldown .fixture-nav-select-option {
        font-size: 27px;
    }

    .tournament-drilldown .fixture-nav-main-left > div:nth-child(1) {
        margin-right: 60px;
    }

    .tournament-drilldown .fixture-nav-calendar img {
        top: 5px;
    }

    .tournament-drilldown .fixture-nav-main-right > div:last-of-type {
        margin-left: 10px;
    }

    .tournament-drilldown a.btn-brdr {
        padding: 6px 30px;
        position: static;
        font-size: 25px;
        margin-top: 0;
        float: left;
    }

        .tournament-drilldown a.btn-brdr:hover {
            text-decoration: none;
        }
}

@media (min-width: 320px) and (max-width: 667px) {
    .tournament-drilldown h2 {
        margin-left: -1px;
    }
}

/* Tickets Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#tickets {
    background-color: #EFEFEF;
    font-family: Oswald;
    font-weight: 300;
}

.bg-tickets-light-grey {
    background-color: #f1f1f1;
}

.alternate-background-color {
    background-color: #fafafa !important;
}

.upcoming-fixture {
    padding: 20px 0px;
    max-width: 1200px;
}

    .upcoming-fixture h2 {
        margin-top: 45px;
        margin-bottom: 14px;
        font-size: 22px;
    }

@media screen and (max-width: 756px) {
    .upcoming-fixture h2 {
        margin-top: 20px;
        margin-left: 20px;
    }
}

@media screen and (max-width: 992px) {
    .upcoming-fixture h2 {
        padding: 0 5px;
    }
}

.upcoming-fixture h2:nth-of-type(1) {
    margin-top: -10px;
}

@media (min-width: 320px) and (max-width: 756px) {
    .upcoming-fixture h2:nth-of-type(1) {
        margin-top: 20px;
    }
}

.upcoming-fixture > div {
    margin: 10px 0;
    background-color: white;
}

.upcoming-fixture p {
    margin: 0;
    padding: 0 !important;
}

.upcoming-fixture .vs-component {
    background-image: url(/Content/sarugby/Images/tickets/selected_fixture_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

    .upcoming-fixture .vs-component .vs-word {
        color: #0E4749;
        font-family: Oswald;
        font-size: 50px;
        font-weight: 300;
        line-height: 161px;
        text-align: center;
    }

@media screen and (max-width: 992px) {
    .upcoming-fixture .vs-component .vs-word {
        font-size: 40px;
        font-weight: 300;
        line-height: 87px;
    }
}

.upcoming-fixture .upcoming-countries-flags > div:first-of-type img {
    margin-right: 10px;
}

.upcoming-fixture .upcoming-countries-flags > div:last-of-type img {
    margin-left: 10px;
}

.upcoming-fixture .selected-fixture-button {
    margin-top: 1.5vw;
}

    .upcoming-fixture .selected-fixture-button a:hover {
        background-color: #0D5565;
        color: white;
        border: solid 1px #0D5565 !important;
        text-decoration: none;
        transition: 1s all;
    }

    .upcoming-fixture .selected-fixture-button a {
        color: #0D5565;
        border: solid 1px;
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 18px;
        padding: 12px 8px;
        letter-spacing: 1px;
        transition: 1s all;
    }

@media (min-width: 300px) and (max-width: 480px) {
    .upcoming-fixture .selected-fixture-button a {
        font-size: 11px !important;
        min-width: 90px !important;
        width: 100% !important;
        line-height: 14px;
    }
}

@media screen and (max-width: 1180px) {
    .upcoming-fixture .selected-fixture-button a {
        padding: 12px 8px;
        font-size: 15px;
    }
}

@media screen and (max-width: 992px) {
    .upcoming-fixture .selected-fixture-button a {
        padding: 12px 8px;
        width: 100%;
        font-size: 20px;
    }
}

.upcoming-fixture .team-name {
    color: #0E4749;
    margin-bottom: 0px;
    padding-top: 7px;
    font-family: Oswald;
    font-size: 18px;
    font-weight: 200;
}

@media screen and (max-width: 992px) {
    .upcoming-fixture .team-name {
        padding-top: 10px;
        font-size: 18px;
    }
}

@media (max-width: 320px) {
    .upcoming-fixture .team-name {
        padding-top: 1px;
    }
}

.upcoming-fixture .stadium-name {
    color: #0E4749;
    font-family: Oswald;
    font-size: 12px;
    font-weight: 300;
    line-height: 8px;
    margin-top: 25px;
}

@media screen and (max-width: 992px) {
    .upcoming-fixture .stadium-name {
        font-size: 15px;
        line-height: 18px;
    }
}

.upcoming-fixture .match-date {
    color: #0E4749;
    font-family: Oswald;
    font-size: 10px;
    font-weight: 300;
    line-height: 28px;
}

@media screen and (max-width: 992px) {
    .upcoming-fixture .match-date {
        font-size: 11px;
    }
}

.upcoming-fixture .upcoming-countries {
    padding: 0 54px;
    padding-right: 20px;
}

@media screen and (max-width: 1180px) {
    .upcoming-fixture .upcoming-countries {
        padding: 0 32px;
    }
}

.upcoming-fixture .upcoming-countries-flags {
    margin-top: -20px;
}

.upcoming-fixture .team-img-sml {
    width: 30px;
    height: auto;
}

@media screen and (max-width: 992px) {
    .upcoming-fixture .team-img-sml {
        width: 50px;
    }
}

.upcoming-fixture .match-time {
    color: #0E4749;
    font-family: Oswald;
    font-size: 18px;
    font-weight: 300;
    line-height: 78px;
    margin-bottom: 0px;
}

@media screen and (max-width: 992px) {
    .upcoming-fixture .match-time {
        font-size: 29px;
    }
}

@media (max-width: 320px) {
    .upcoming-fixture .match-time {
        line-height: 58px;
    }
}

.upcoming-fixture .buttons-component {
    padding-bottom: 20px;
    margin-left: 15px;
}

@media screen and (max-width: 756px) {
    .upcoming-fixture .buttons-component {
        margin-bottom: 20px;
    }
}

.upcoming-fixture .buttons-component > div {
    flex-basis: 33%;
}

@media screen and (max-width: 992px) {
    .upcoming-fixture .team-img-home-lg {
        padding-left: 0px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .upcoming-fixture .team-img-home-lg {
        padding-left: 35px !important;
    }
}

@media screen and (max-width: 992px) {
    .upcoming-fixture .team-img-away-lg {
        padding-right: 0px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .upcoming-fixture .team-img-away-lg {
        padding-right: 35px !important;
    }
}

@media (max-width: 991.98px) and (orientation: landscape) {
    .upcoming-fixture {
        font-size: 21px;
    }
}

@media (min-width: 320px) and (max-width: 756px) {
    .upcoming-fixture h2 {
        margin-left: 20px;
    }

    h1 {
        margin-left: 20px;
    }

    .match-date span {
        display: none;
    }

    .upcoming-fixture .match-date {
        margin-bottom: 20px;
    }
}

@media (min-width: 321px) and (max-width: 420px) {
    .upcoming-fixture .team-name {
        font-size: 14px;
    }

    .upcoming-fixture .match-time {
        font-size: 25px;
    }
}

@media (width: 320px) {
    .upcoming-fixture .team-name {
        font-size: 11px;
    }

    .upcoming-fixture .match-time {
        font-size: 22px;
    }

    .upcoming-fixture .team-img-sml {
        width: 40px;
        height: 40px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .upcoming-fixture .upcoming-countries {
        padding: 0 0px;
    }
}

@media (width: 768px) {
    .upcoming-fixture .upcoming-countries {
        padding: 0 32px;
    }
}

/* MatchGame Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.player-info {
    background-color: #fafafa;
}

.sarugby-team-career-history {
    max-width: 1000px;
    font-family: Arial, Helvetica, sans-serif;
}

    .sarugby-team-career-history h2 {
        font-family: oswald;
        margin-bottom: 20px;
        font-size: 38px;
        font-weight: 100;
    }

@media screen and (max-width: 768px) {
    .sarugby-team-career-history h2 {
        font-size: 28px;
    }
}

.sarugby-team-career-history > div {
    padding: 13px 16px;
    font-size: 20px;
    background-color: white;
    color: #666;
}

@media screen and (max-width: 768px) {
    .sarugby-team-career-history > div {
        font-size: 16px;
    }
}

.sarugby-team-career-history > div span {
    color: #b31f1f;
}

.sarugby-team-career-history > div strong {
    font-weight: bold;
    color: #000;
}

.sarugby-team-career-history > div:nth-of-type(odd) {
    background-color: #fafafa;
}

/* MatchGame Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#players-details-nav {
    width: 100% !important;
    overflow: hidden !important;
    margin: auto !important;
    margin-top: -25px !important;
}

.sarugby-playersDetails {
    font-family: Oswald;
    max-width: 100%;
    width: 100%;
    margin-top: 25px;
    /*.controls-top {
        position: relative;
        z-index: 1;
        display: block;
        width: 100%;

        a {
            display: inline-flex;
            top: 14px;
        }

        .carousel-control-prev,
        .carousel-control-next {
            position: absolute;
            width: auto;
            display: initial;
            opacity: 1;
        }

        .carousel-control-prev {
            left: auto;
            right: 40px;
        }

        .carousel-control-next {
            right: 0;
        }

        .carousel-control-prev:hover, .carousel-control-next:hover {
            opacity: 0.3;
        }


        .carousel-control-prev-icon {
            background-image: url('/Images/Icons/chevron-left-black.svg');
        }

        .carousel-control-next-icon {
            background-image: url('/Images/Icons/chevron-right-black.svg');
        }

        .carousel-control-prev-icon,
        .carousel-control-next-icon {
            background-size: auto;
            width: 11px;
            height: 16px;
        }
    }*/
}

    .sarugby-playersDetails h1 {
        color: #000000;
        font-size: 40px;
        font-weight: 300;
        letter-spacing: 1px;
        text-transform: none;
    }

    .sarugby-playersDetails .txtForMob {
        display: none !important;
    }

    .sarugby-playersDetails .carousel__control {
        position: absolute;
        z-index: 1;
        height: 161px;
        width: 106px;
        background-color: #373d4a;
        transition: background-color .3s;
        display: table;
    }

        .sarugby-playersDetails .carousel__control .img {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

    .sarugby-playersDetails .js-carousel-prev img {
        position: absolute;
        top: 40%;
        left: 40px;
    }

    .sarugby-playersDetails .js-carousel-next img {
        position: absolute;
        top: 40%;
        left: 50px;
    }

    .sarugby-playersDetails .carousel__control:hover {
        background-color: #373d4a;
    }

    .sarugby-playersDetails .carousel__control:first-of-type {
        left: 0;
    }

    .sarugby-playersDetails .carousel__control:last-of-type {
        right: 0;
    }

    .sarugby-playersDetails .carousel-view {
        width: calc((100%*1));
        height: 161px;
        background: #EEF0F3;
        margin: auto;
        overflow: hidden;
        position: relative;
    }

    .sarugby-playersDetails .stats-list {
        position: absolute;
        margin: 0;
        padding: 0;
        transition: transform .3s;
        transform: translateX(0px);
        list-style: none;
        height: 161px;
    }

    .sarugby-playersDetails ul.stats-list {
        /*  li:nth-child(odd) {
            //background-color: $primary-white;
            font-weight: 100;
            position: relative;
            left: -5px !important;
        }

        li:nth-child(even) {
            background-color: $primary-grey-background;
            font-weight: 500;
            position: relative;
            left: -5px !important;

            .value-text {
                font-weight: 500;
                color: $primary-grey;
            }
        }*/
    }

@media screen and (min-width: 768px) {
    .sarugby-playersDetails ul.stats-list {
        padding-left: 105px;
    }
}

.sarugby-playersDetails ul.stats-list li {
    text-align: center;
    /*padding-top: 40px;*/
    display: table-cell;
}

    .sarugby-playersDetails ul.stats-list li h1 {
        font-size: 25px;
        font-weight: 300;
        word-spacing: 100vw;
    }

    .sarugby-playersDetails ul.stats-list li img {
        opacity: 0.5;
        width: 116px;
        height: 161px;
    }

        .sarugby-playersDetails ul.stats-list li img:hover {
            opacity: 1;
        }

    .sarugby-playersDetails ul.stats-list li .value-text {
        font-size: 50px;
    }

.sarugby-playersDetails .stats-list-item {
    width: 111px;
    height: 161px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.8);
}

.sarugby-playersDetails .stats {
    display: table;
    height: 100%;
    width: 100%;
    position: relative;
}

    .sarugby-playersDetails .stats span {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        color: white;
        font-size: 50px;
    }

@media screen and (max-width: 768px) {
    .carousel-view {
        width: 100% !important;
        overflow-x: auto !important;
        -ms-overflow-style: none;
    }

    ul.stats-list li {
        text-align: center;
        /*padding-top: 40px;*/
        display: table-cell;
    }

        ul.stats-list li img:hover {
            opacity: 0.5;
        }

    .carousel__control {
        background: transparent !important;
        width: 5px !important;
    }

    ::-webkit-scrollbar {
        width: 0px;
        /* remove scrollbar space */
        background: transparent;
        /* optional: just make scrollbar invisible */
    }

    .js-stats-carousel {
        height: 148px;
        background: #EEF0F3;
    }

    .js-carousel-prev img {
        display: none;
    }

    .js-carousel-next img {
        display: none;
    }

    .txtForMob {
        color: #fff;
        position: absolute;
        bottom: 15px;
        right: 4px;
        font-size: 36px;
        display: block !important;
        opacity: 0.7;
        font-weight: 500;
    }
}

/* Footer Style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.team-year-navigation {
    padding: 20px 0;
    padding-top: 0;
    max-width: 1290px;
    margin: auto;
    margin-top: -20px;
}

    .team-year-navigation .fixture-nav-drop-container {
        background-color: #fbfbfb;
    }

    .team-year-navigation .fixture-nav-drop-tournament {
        font-size: 1.9vw;
        text-transform: uppercase;
    }

        .team-year-navigation .fixture-nav-drop-tournament > div {
            background-color: #f7f7f7;
            margin: 2px;
            padding: 25px;
        }

        .team-year-navigation .fixture-nav-drop-tournament strong {
            font-weight: 600;
        }

        .team-year-navigation .fixture-nav-drop-tournament > span {
            width: 50px;
            height: 50px;
            border-radius: 50px;
            border: solid #116071 2px;
            display: block;
            text-align: center;
            margin-right: 30px;
        }

        .team-year-navigation .fixture-nav-drop-tournament input {
            position: relative;
            opacity: 0;
            cursor: pointer;
            margin: auto;
            z-index: 1;
        }

    .team-year-navigation .fixture-nav-button {
        display: block;
        position: relative;
        cursor: pointer;
        font-size: 1.7vw;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: solid #116071 2px;
        width: 3.1vw;
        height: 3.1vw;
        border-radius: 50px;
        text-align: center;
        float: left;
        margin-right: 10px;
        position: relative;
    }

    .team-year-navigation .checkmark {
        position: absolute;
        height: 100%;
        width: 100%;
        border-radius: 50%;
        margin: auto;
        left: 22%;
        top: 22%;
        font-weight: 700;
        color: #116071;
    }

        .team-year-navigation .checkmark:after {
            content: '';
            background: url(/Images/Icons/x.svg);
            background-repeat: no-repeat;
            position: absolute;
            display: none;
            height: 100%;
            width: 100%;
            background-size: 59%;
        }

    .team-year-navigation .fixture-nav-drop-tournament input:checked ~ .checkmark:after {
        display: block;
    }

@media (min-width: 1366px) {
    .team-year-navigation .fixture-nav-drop-tournament {
        font-size: 28px;
        text-transform: uppercase;
    }

    .team-year-navigation .fixture-nav-button {
        width: 40px;
        height: 40px;
        font-size: 22px;
    }
}

@media (min-width: 768px) {
    .team-year-navigation .col-md-4 {
        flex-basis: 32.7%;
    }
}

@media (min-width: 1080px) {
    .team-year-navigation .fixture-nav-select-option {
        font-size: 27px;
    }

    .team-year-navigation .col-md-4 {
        flex-basis: 32.9333333%;
    }
}

@media (max-width: 768px) {
    .team-year-navigation .fixture-nav-button {
        width: 40px;
        height: 40px;
        font-size: 24px;
    }

    .team-year-navigation .fixture-nav-drop-tournament {
        font-size: 24px;
    }
}

/* Latest News Styles*/
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-teams-players-news {
    display: block;
    min-height: 500px;
    padding: 40px;
    color: #ffffff;
    max-width: 1294px;
    margin: auto;
}

@media (max-width: 640px) {
    .sarugby-teams-players-news .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

.sarugby-teams-players-news .card-text {
    margin-top: 15px;
}

@media (max-width: 992px) {
    .sarugby-teams-players-news .controls {
        display: none;
    }
}

.sarugby-teams-players-news .top5news-scrollable-div {
    display: block !important;
    overflow: hidden;
}

@media (max-width: 992px) {
    .sarugby-teams-players-news .top5news-scrollable-div {
        overflow: auto;
    }
}

.sarugby-teams-players-news #top5news-scrollable-div {
    left: 0;
    width: 184%;
    position: relative;
    display: block !important;
}

@media (max-width: 992px) {
    .sarugby-teams-players-news #top5news-scrollable-div {
        width: 502%;
    }
}

.sarugby-teams-players-news #top5news-scrollable-div > div {
    float: left;
    width: 17.5%;
}

.sarugby-teams-players-news #top5news-leftArrow {
    cursor: pointer;
}

.sarugby-teams-players-news #top5news-rightArrow {
    cursor: pointer;
}

.sarugby-teams-players-news .header {
    line-height: 55px;
    font-size: 40px;
    font-weight: 100;
    color: #000;
}

.sarugby-teams-players-news .cards {
    overflow: auto;
    display: flex;
}

    .sarugby-teams-players-news .cards .m-2:first-of-type {
        margin-left: 0 !important;
    }

    .sarugby-teams-players-news .cards .col-md-4:first-of-type {
        margin-left: 0 !important;
    }

    .sarugby-teams-players-news .cards .col-sm-10:first-of-type {
        margin-left: 0 !important;
    }

    .sarugby-teams-players-news .cards::-webkit-scrollbar {
        display: none;
    }

.sarugby-teams-players-news .control {
    color: #ffffff;
}

.sarugby-teams-players-news .controls {
    position: relative;
    top: 22px;
}

.sarugby-teams-players-news .control:any-link {
    color: #ffffff;
    text-decoration: none;
    line-height: 55px;
    font-size: 25px;
    font-weight: 600;
}

.sarugby-teams-players-news .a:any-link {
    text-decoration: none;
}

.sarugby-teams-players-news .card {
    height: 445px;
    overflow: hidden;
    border-radius: 0px;
    flex-basis: 14%;
}

@media (min-width: 1260px) {
    .sarugby-teams-players-news .card {
        height: 348px;
    }
}

.sarugby-teams-players-news .card-video {
    background-color: #ffffff;
    border: none;
}

    .sarugby-teams-players-news .card-video .card-img-top {
        width: 100%;
        object-fit: cover;
        overflow: hidden;
    }

    .sarugby-teams-players-news .card-video .link-icons {
        position: absolute;
        display: table;
        z-index: 2;
        opacity: 1;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        text-align: center;
        margin: auto;
    }

        .sarugby-teams-players-news .card-video .link-icons:hover {
            opacity: 1;
            background: rgba(0, 0, 0, 0.5) center no-repeat;
        }

    .sarugby-teams-players-news .card-video div.inner {
        display: block;
        width: 100%;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
    }

        .sarugby-teams-players-news .card-video div.inner a {
            position: relative;
            top: -60px;
        }

    .sarugby-teams-players-news .card-video .large {
        font-size: 20px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 10px 0 10px;
        background-color: red;
        color: #ffffff;
    }

    .sarugby-teams-players-news .card-video .card-body .card-title {
        color: #0D5565;
        font-family: Oswald;
        font-size: 20px;
        font-weight: 300;
        line-height: 27px;
    }

        .sarugby-teams-players-news .card-video .card-body .card-title:any-link {
            text-decoration: none;
        }

    .sarugby-teams-players-news .card-video .card-body .category-text {
        height: 23.35px;
        width: 104.05px;
        color: #F29701;
        font-family: Oswald;
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        /*line-height: 25px;
                font-size: 15px;
                color: $primary-gold;
                font-weight: 600;
                text-transform: uppercase;*/
    }

    .sarugby-teams-players-news .card-video .card-footer {
        display: none;
    }

.sarugby-teams-players-news .card-article1 {
    background-color: #0D5565;
}

    .sarugby-teams-players-news .card-article1 .card-img-top {
        display: none;
    }

    .sarugby-teams-players-news .card-article1 .card-body .card-title {
        color: #FFFFFF;
        font-family: Oswald;
        font-size: 40px;
        font-weight: 300;
        line-height: 39px;
    }

        .sarugby-teams-players-news .card-article1 .card-body .card-title:any-link {
            text-decoration: none;
        }

    .sarugby-teams-players-news .card-article1 .card-body .category-text {
        line-height: 25px;
        font-size: 15px;
        color: #F29701;
        font-weight: 600;
        text-transform: uppercase;
    }

    .sarugby-teams-players-news .card-article1 .card-body .card-text {
        height: 80.07px;
        color: #CDD3DD;
        font-family: Helvetica;
        font-size: 14px;
        line-height: 17px;
    }

    .sarugby-teams-players-news .card-article1 .custom-padding {
        padding: 1%;
    }

    .sarugby-teams-players-news .card-article1 .card-footer {
        height: 51px;
        width: 190px;
        color: #FFFFFF;
        font-family: Helvetica;
        font-size: 14px;
        font-weight: 300;
        line-height: 17px;
        border: none;
        background: transparent;
    }

.sarugby-teams-players-news .card-article2 {
    background-color: #F29701;
}

    .sarugby-teams-players-news .card-article2 .card-img-top {
        display: none;
    }

    .sarugby-teams-players-news .card-article2 .card-body .card-title {
        color: #FFFFFF;
        font-family: Oswald;
        font-size: 40px;
        font-weight: 300;
        line-height: 39px;
        /*line-height: 45px;
                font-size: 40px;
                text-transform: uppercase;
                font-weight: 100;
                color: $primary-white;*/
    }

        .sarugby-teams-players-news .card-article2 .card-body .card-title:any-link {
            text-decoration: none;
        }

    .sarugby-teams-players-news .card-article2 .card-body .category-text {
        line-height: 25px;
        font-size: 15px;
        color: #ffffff;
        font-weight: 600;
        text-transform: uppercase;
    }

    .sarugby-teams-players-news .card-article2 .card-body .card-text {
        height: 80.07px;
        color: #FFFFFF;
        font-family: Helvetica;
        font-size: 14px;
        line-height: 17px;
    }

    .sarugby-teams-players-news .card-article2 .card-footer {
        height: 51px;
        width: 190px;
        color: #FFFFFF;
        font-family: Helvetica;
        font-size: 14px;
        font-weight: 300;
        line-height: 17px;
        border: none;
        background: transparent;
    }

        .sarugby-teams-players-news .card-article2 .card-footer b {
            font-weight: 700;
        }

.sarugby-teams-players-news .card-footer {
    margin-bottom: 12px;
}

    .sarugby-teams-players-news .card-footer b {
        font-weight: 700;
    }

.sarugby-teams-players-news .category-text {
    text-transform: uppercase;
    margin-bottom: 0;
}

.sarugby-teams-players-news .card-title {
    text-transform: uppercase;
}

#basicModal {
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.7) !important;
    padding-right: 0 !important;
}

.img-wrap img {
    width: 100%;
    height: auto;
}

.buy-tickets .vs-component {
    background: #fff;
    text-align: center;
    width: 90%;
    margin: 10% auto;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .buy-tickets .vs-component {
        width: 100%;
        margin: 0 auto;
    }
}

.buy-tickets .vs-component .modal-content {
    width: 100%;
    padding: 0 15px;
    border: 0 !important;
}

@media screen and (max-width: 768px) {
    .buy-tickets .vs-component .modal-content {
        width: 100% !important;
        padding: 0;
    }
}

.buy-tickets .vs-component .vs-heading {
    text-align: center;
    border-bottom: 0 !important;
    font-family: oswald;
    font-size: 49px;
    font-weight: 300;
    color: #000;
    padding-top: 60px;
    border-bottom: 0 !important;
    width: 80%;
    margin-left: 10%;
}

@media screen and (max-width: 500px) {
    .buy-tickets .vs-component .vs-heading {
        font-size: 30px !important;
    }
}

@media screen and (max-width: 768px) {
    .buy-tickets .vs-component .vs-heading {
        font-size: 45px;
        font-weight: 300;
        width: 100%;
        margin-left: 0;
    }
}

.buy-tickets .vs-component .vs-fontWord {
    color: #333;
    font-family: Oswald;
    font-size: 24px;
    font-weight: 300;
    text-align: center !important;
    padding-top: 20px;
    margin-left: 12%;
    width: 75%;
}

@media screen and (max-width: 500px) {
    .buy-tickets .vs-component .vs-fontWord {
        font-size: 15px !important;
    }
}

@media screen and (max-width: 768px) {
    .buy-tickets .vs-component .vs-fontWord {
        font-size: 25px;
        font-weight: 300;
    }
}

.buy-tickets .vs-component p.compuTickimg {
    margin-top: 48px;
    /*background: #FAFAFA;
            border: 1px solid #EEF0F3;
            padding-top: 20px;
            padding-bottom: 20px;*/
    margin-bottom: 0;
    padding-bottom: 10px;
}

.buy-tickets .vs-component .ticketPrimg {
    margin-top: 0;
    /*background: #fafafa;
            border: 1px solid #f6f7f9;
            padding-top: 20px;
            padding-bottom: 20px;*/
}

.buy-tickets .vs-component .btn-cks {
    border-top: 0 !important;
    justify-content: center !important;
    margin-bottom: 40px;
}

.buy-tickets .vs-component .btn-cancel {
    border: 1px solid #206271;
    width: 162px;
    height: 59.34px;
    color: #0D5565;
    font-size: 22px !important;
    font-weight: 300;
    background: transparent;
}

    .buy-tickets .vs-component .btn-cancel:hover {
        background-color: #0D5565;
        color: white;
        border: solid 1px #0D5565 !important;
        text-decoration: none;
        transition: 1s all;
    }

/* Follow More Players component */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#follow-players {
    font-family: Oswald;
    background-color: #ffffff;
    color: #000000;
    margin: 0 auto;
}

    #follow-players .sarugby-follow-more-players {
        padding-top: 10px;
        background: #efefef;
        float: left;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        /* Commented view more/view less because similiar css already exist on 
            player listing under following page id- Changes done as per required by sitecore team */
        /* .view-container {
            margin: 20px 0 30px 0;


            .view-more {
                height: 27px;
                width: 99.26px;
                color: #0D5565;
                font-family: Oswald;
                font-size: 20px;
                font-weight: 300;
                margin-left: 45%;
                letter-spacing: 0.83px;
                line-height: 27px;
                text-align: center;
                border: none;
                background-color: none;
                margin: auto;
                display: block;
            }

            .view-more .button {
                background: none;
                border: none;
                color: #0D5565;
            }

            .view-more-less {
                border: none;
            }

            .view-more-less .margin-10 {
                margin-top: -10px;
            }

            .view-more-less .button-around-border {
                border-radius: 0% !important;
            }

            .view-more-less .btn-content .arrow-more {
                display: inline;
            }

            .view-more-less .btn-content:not(.collapsed) .arrow-more {
                display: none;
            }

            .view-more-less .btn-content.collapsed .arrow-less {
                display: none;
            }

            .view-more-less .collapse {
                visibility: hidden;
            }

            .view-more-less .collapse.show {
                visibility: visible;
                display: block;
            }

            .view-more-less .collapsing {
                position: relative;
                height: 0;
                overflow: hidden;
                -webkit-transition-property: height, visibility;
                transition-property: height, visibility;
                -webkit-transition-duration: 0.35s;
                transition-duration: 0.35s;
                -webkit-transition-timing-function: ease;
                transition-timing-function: ease;
            }

            .view-more-less .collapsing.width {
                -webkit-transition-property: width, visibility;
                transition-property: width, visibility;
                width: 0;
                height: auto;
            }
        }*/
    }

@media (max-width: 890px) {
    #follow-players .sarugby-follow-more-players .col-lg-3 {
        max-width: 115px;
        min-width: 114px;
    }
}

#follow-players .sarugby-follow-more-players .desktop-view {
    display: block;
    margin: auto;
    margin-top: 35px;
    margin-left: 10px;
    margin-right: 10px;
}

#follow-players .sarugby-follow-more-players .mobile-view {
    display: none !important;
}

#follow-players .sarugby-follow-more-players h1 {
    color: #000;
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 10px;
    padding-left: 17px;
    line-height: 27px;
}

@media (max-width: 756px) and (min-width: 320px) {
    #follow-players .sarugby-follow-more-players h1 {
        margin-left: 10px;
        padding-left: 0px;
    }
}

@media (min-width: 878px) {
    #follow-players .sarugby-follow-more-players .container-players {
        padding: 2px 5px;
    }
}

#follow-players .sarugby-follow-more-players .follow-players-padding {
    display: flex !important;
    background: #fff;
    border: 0;
    max-width: 33.11%;
    align-items: center;
    border-left: solid #f1f1f1;
}

    #follow-players .sarugby-follow-more-players .follow-players-padding .col-lg-3 {
        padding: 0 !important;
    }

    #follow-players .sarugby-follow-more-players .follow-players-padding img {
        width: 100%;
        height: 96px;
        object-fit: cover;
        object-position: top;
    }

@media (min-width: 320px) and (max-width: 756px) {
    #follow-players .sarugby-follow-more-players .follow-players-padding img {
        width: 135px;
        height: 135px;
        object-fit: cover;
        object-position: top;
    }
}

#follow-players .sarugby-follow-more-players .follow-players-padding > span {
    width: 100%;
    height: 100%;
    border-radius: 50px;
    border: solid #116071 2px;
    display: block;
    text-align: center;
    margin-right: 30px;
}

#follow-players .sarugby-follow-more-players .follow-players-padding .radio-btn-style > input {
    position: relative;
    opacity: 0 !important;
    cursor: pointer;
    margin: auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

#follow-players .sarugby-follow-more-players .radio-btn-style {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 1.7vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: solid #efefef 2px;
    background: #fff;
    width: 3.1vw;
    height: 3.1vw;
    border-radius: 50px;
    text-align: center;
    float: left;
    margin-right: 10px;
    position: relative;
}

@media (min-width: 1000px) {
    #follow-players .sarugby-follow-more-players .radio-btn-style {
        right: 16px;
    }
}

#follow-players .sarugby-follow-more-players .checkmarkPl {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    margin: auto;
    left: 10%;
    top: 12%;
    font-weight: 700;
    color: #116071;
}

    #follow-players .sarugby-follow-more-players .checkmarkPl:after {
        content: '';
        background: url(/Images/Icons/Cross.svg);
        background-repeat: no-repeat;
        position: absolute;
        display: none;
        height: 77%;
        width: 81%;
        background-size: 70%;
        background-position: center;
    }

#follow-players .sarugby-follow-more-players .follow-players-padding input:checked ~ .checkmarkPl:after {
    display: block;
}

@media screen and (max-width: 768px) {
    #follow-players .sarugby-follow-more-players .padding-bx-radio {
        padding-top: 18px;
    }
}

#follow-players .sarugby-follow-more-players .logoNameBld {
    font-size: 28px;
    font-weight: 600;
    color: #000000;
}

#follow-players .sarugby-follow-more-players .logoNameLgh {
    font-size: 28px;
    font-weight: 300;
}

@media screen and (min-width: 890px) {
    #follow-players .sarugby-follow-more-players .follow-players-padding {
        max-width: 33.11% !important;
        padding: 0 !important;
    }

        #follow-players .sarugby-follow-more-players .follow-players-padding .col-lg-3 {
            padding: 0 !important;
        }

        #follow-players .sarugby-follow-more-players .follow-players-padding .col-lg-7 {
            max-width: 100%;
        }
}

@media screen and (max-width: 890px) {
    #follow-players .sarugby-follow-more-players .mobile-view {
        display: block !important;
    }

    #follow-players .sarugby-follow-more-players .container-team {
        padding: 0;
    }

    #follow-players .sarugby-follow-more-players .btn-container {
        margin: auto;
        height: 44px;
        width: 100%;
        display: block;
    }

    #follow-players .sarugby-follow-more-players .follow-players-padding {
        max-width: 100% !important;
        padding: 0;
        border-bottom: 2px solid #efefef !important;
    }

        #follow-players .sarugby-follow-more-players .follow-players-padding .radio-btn-style {
            display: block;
            position: relative;
            cursor: pointer;
            font-size: 1.7vw;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border: solid #efefef 2px;
            background: #fff;
            width: 50px !important;
            height: 50px !important;
            border-radius: 50px;
            text-align: center;
            float: left;
            margin-right: 10px;
            position: relative;
            float: right !important;
        }

    #follow-players .sarugby-follow-more-players .logoNameBld-players {
        font-size: 18px !important;
        font-weight: 600;
        color: #000000;
    }

    #follow-players .sarugby-follow-more-players .logoNameLgh-players {
        font-size: 18px !important;
        font-weight: 300;
    }
}

@media (width: 667px) {
    #follow-players .sarugby-follow-more-players .follow-players-padding .col-lg-3 {
        padding: 0 !important;
        width: 68%;
    }
}

@media (width: 736px) {
    #follow-players .sarugby-follow-more-players .follow-players-padding .col-lg-3 {
        padding: 0 !important;
        width: 60%;
    }
}

#following-page #sponsors {
    margin-top: 30px;
}

#following-page .nav-container {
    border-bottom: 2px solid #fff;
}

@media (min-width: 320px) and (max-width: 756px) {
    #follow-players .sarugby-follow-more-players .desktop-view .row {
        margin-left: -23px;
        margin-right: -23px;
    }
}

/* Follow More Teams component */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#following .col-xs-12 {
    padding: 0 !important;
}

#follow-teams {
    font-family: Oswald;
    max-width: 100%;
    background-color: #ffffff;
    color: #000000;
    margin: 0 auto;
}

    #follow-teams .sarugby-follow-more-teams {
        padding-top: 10px;
        background: #efefef;
        float: left;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

        #follow-teams .sarugby-follow-more-teams .desktop-view {
            display: block;
        }

        #follow-teams .sarugby-follow-more-teams h1 {
            color: #000;
            font-size: 20px;
            font-weight: 300;
            letter-spacing: 1px;
            padding-bottom: 5px;
            padding-left: 20px;
            margin-top: 46px;
            line-height: 27px;
        }

@media (max-width: 756px) and (min-width: 320px) {
    #follow-teams .sarugby-follow-more-teams h1 {
        margin-left: 10px;
        padding-left: 0px;
    }
}

#follow-teams .sarugby-follow-more-teams .container-team {
    padding: 2px 5px;
}

#follow-teams .sarugby-follow-more-teams .follow-teams-padding {
    margin-right: 2px;
    display: flex !important;
    background: #fff;
    padding: 20px 5px 20px 2px;
    border: 0;
    max-width: 33.11%;
    align-items: center;
}

@media (max-width: 890px) {
    #follow-teams .sarugby-follow-more-teams .follow-teams-padding .col-lg-3 {
        max-width: 165px;
    }
}

#follow-teams .sarugby-follow-more-teams .follow-teams-padding img {
    width: 77px;
    height: 66px;
}

@media (min-width: 320px) and (max-width: 756px) {
    #follow-teams .sarugby-follow-more-teams .follow-teams-padding img {
        width: 120px;
        height: 96px;
    }
}

#follow-teams .sarugby-follow-more-teams .follow-teams-padding > span {
    width: 100%;
    height: 100%;
    border-radius: 50px;
    border: solid #116071 2px;
    display: block;
    text-align: center;
    margin-right: 30px;
}

#follow-teams .sarugby-follow-more-teams .follow-teams-padding .radio-btn-style > input {
    position: relative;
    opacity: 0 !important;
    cursor: pointer;
    margin: auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}

#follow-teams .sarugby-follow-more-teams .radio-btn-style {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 1.7vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: solid #efefef 2px;
    background: #fff;
    width: 3.1vw;
    height: 3.1vw;
    border-radius: 50px;
    text-align: center;
    float: left;
    margin-right: 10px;
    position: relative;
}

#follow-teams .sarugby-follow-more-teams .checkmarkPl {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    margin: auto;
    left: 10%;
    top: 12%;
    font-weight: 700;
    color: #116071;
}

    #follow-teams .sarugby-follow-more-teams .checkmarkPl:after {
        content: '';
        background: url(/Images/Icons/Cross.svg);
        background-repeat: no-repeat;
        position: absolute;
        display: none;
        height: 77%;
        width: 81%;
        background-size: 70%;
        background-position: center;
    }

#follow-teams .sarugby-follow-more-teams .follow-teams-padding input:checked ~ .checkmarkPl:after {
    display: block;
}

#follow-teams .sarugby-follow-more-teams .padding-bx {
    padding-top: 20px;
}

#follow-teams .sarugby-follow-more-teams .padding-bx-radio {
    padding-top: 14px;
}

#follow-teams .sarugby-follow-more-teams .logoNameBld {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}

#follow-teams .sarugby-follow-more-teams .logoNameLgh {
    font-size: 18px;
    font-weight: 300;
}

@media screen and (min-width: 768px) {
    #follow-teams .sarugby-follow-more-teams .follow-teams-padding {
        max-width: 33.11% !important;
    }
}

@media screen and (max-width: 890px) {
    #follow-teams .sarugby-follow-more-teams .container-team {
        padding: 0;
    }
}

@media screen and (max-width: 890px) and (min-width: 320px) and (max-width: 320px) {
    #follow-teams .sarugby-follow-more-teams .container-team {
        padding: 0;
        margin-left: -22px;
        margin-right: -22px;
    }
}

@media screen and (max-width: 890px) {
    #follow-teams .sarugby-follow-more-teams .btn-container {
        margin: auto;
        height: 44px;
        width: 100%;
        display: block;
    }

    #follow-teams .sarugby-follow-more-teams .follow-teams-padding {
        max-width: 100% !important;
        border-bottom: 2px solid #efefef !important;
    }

        #follow-teams .sarugby-follow-more-teams .follow-teams-padding .radio-btn-style {
            display: block;
            position: relative;
            cursor: pointer;
            font-size: 1.7vw;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border: solid #efefef 2px;
            background: #fff;
            width: 50px !important;
            height: 50px !important;
            border-radius: 50px;
            text-align: center;
            float: left;
            margin-right: 10px;
            position: relative;
            float: right !important;
        }

    #follow-teams .sarugby-follow-more-teams .logoNameBld {
        font-size: 18px !important;
        font-weight: 600;
        color: #000000;
    }

    #follow-teams .sarugby-follow-more-teams .logoNameLgh {
        font-size: 18px !important;
        font-weight: 300;
    }

    #follow-teams .sarugby-follow-more-teams .view-container {
        margin: 20px 0 30px 0;
    }

    #follow-teams .sarugby-follow-more-teams .view-more {
        height: 27px;
        width: 99.26px;
        color: #0D5565;
        font-family: Oswald;
        font-size: 20px;
        font-weight: 300;
        margin-left: 45%;
        letter-spacing: 0.83px;
        line-height: 27px;
        text-align: center;
        border: none;
        background-color: none;
        margin: auto;
        display: block;
    }

        #follow-teams .sarugby-follow-more-teams .view-more .button {
            background: none;
            border: none;
            color: #0D5565;
        }

    #follow-teams .sarugby-follow-more-teams .view-more-less {
        border: none;
    }

        #follow-teams .sarugby-follow-more-teams .view-more-less .margin-10 {
            margin-top: -10px;
        }

        #follow-teams .sarugby-follow-more-teams .view-more-less .button-around-border {
            border-radius: 0% !important;
        }

        #follow-teams .sarugby-follow-more-teams .view-more-less .btn-content .arrow-more {
            display: inline;
        }

        #follow-teams .sarugby-follow-more-teams .view-more-less .btn-content:not(.collapsed) .arrow-more {
            display: none;
        }

        #follow-teams .sarugby-follow-more-teams .view-more-less .btn-content.collapsed .arrow-less {
            display: none;
        }

        #follow-teams .sarugby-follow-more-teams .view-more-less .collapse {
            visibility: hidden;
        }

            #follow-teams .sarugby-follow-more-teams .view-more-less .collapse.show {
                visibility: visible;
                display: block;
            }

        #follow-teams .sarugby-follow-more-teams .view-more-less .collapsing {
            position: relative;
            height: 0;
            overflow: hidden;
            -webkit-transition-property: height, visibility;
            transition-property: height, visibility;
            -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
            -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
        }

            #follow-teams .sarugby-follow-more-teams .view-more-less .collapsing.width {
                -webkit-transition-property: width, visibility;
                transition-property: width, visibility;
                width: 0;
                height: auto;
            }
}

@media (min-width: 320px) and (max-width: 756px) {
    #follow-teams .sarugby-follow-more-teams .mobile-view .row {
        margin-left: -23px;
        margin-right: -23px;
    }
}

/* Following Team Navigation Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-design-team-navigation-container {
    background-color: white;
    font-family: Oswald;
    padding-bottom: 25px;
}

@media (max-width: 776px) {
    .sarugby-design-team-navigation-container {
        padding: 30px;
    }
}

.sarugby-design-team-navigation-container a.btn.button-green-border {
    width: 135px;
}

@media (min-width: 320px) and (max-width: 756px) {
    .sarugby-design-team-navigation-container .row {
        margin-left: -38px;
        margin-right: -38px;
    }
}

.sarugby-design-team-navigation-container .col-md-3.col-sm-6.col-xs-12 {
    padding: 5px !important;
}

.sarugby-design-team-navigation-container .col-md-3 {
    padding: 3px 8px;
}

.sarugby-design-team-navigation-container .card {
    border: 0px;
    cursor: pointer;
    background-color: rgba(243, 243, 243, 0.4);
}

.sarugby-design-team-navigation-container .flip {
    -webkit-perspective: 800px;
    perspective: 800px;
    position: relative;
    text-align: center;
    margin-bottom: 12px;
    background-color: rgba(243, 243, 243, 0.4);
}

    .sarugby-design-team-navigation-container .flip .card.flipped {
        -webkit-transform: rotatey(-180deg);
        transform: rotatey(-180deg);
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
    }

    .sarugby-design-team-navigation-container .flip .card {
        height: 100%;
        -webkit-transform-style: preserve-3d;
        -webkit-transition: 0.5s;
        transform-style: preserve-3d;
        transition: 0.5s;
        min-height: 390px;
    }

        .sarugby-design-team-navigation-container .flip .card .face {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            z-index: 2;
        }

        .sarugby-design-team-navigation-container .flip .card .front {
            position: absolute;
            width: 100%;
            z-index: 1;
            top: 34%;
        }

            .sarugby-design-team-navigation-container .flip .card .front h3.card-title.card-footer.team-name-heading {
                /* height: 41px; */
                /* width: 183.07px; */
                color: #373d4a;
                font-family: Oswald;
                font-size: 30px;
                font-weight: 300;
                line-height: 41px;
                text-align: center;
                position: relative;
                bottom: -43px;
                background-color: transparent !important;
                border: 0px;
            }

            .sarugby-design-team-navigation-container .flip .card .front h3.card-title.card-footer.team-name-heading-next {
                height: 41px;
                width: 183.07px;
                color: #373d4a;
                font-family: Oswald;
                font-size: 30px;
                font-weight: 300;
                line-height: 41px;
                text-align: center;
                position: absolute;
                bottom: 0px;
                background-color: transparent !important;
                border: 0px;
            }

            .sarugby-design-team-navigation-container .flip .card .front img.img-fluid.mb {
                min-width: 151px;
                max-height: 121px;
                width: 151px;
                height: 121px;
                width: 100%;
                opacity: 1;
            }

        .sarugby-design-team-navigation-container .flip .card .back {
            -webkit-transform: rotatey(-180deg);
            transform: rotatey(-180deg);
            border: 1px solid #CDD3DD;
            box-shadow: 0 0 6px -1px #CDD3DD;
            background-color: #ffffff;
            color: black;
            min-height: 390px;
        }

            .sarugby-design-team-navigation-container .flip .card .back .well.well-sm.inner .card-text {
                margin-bottom: 35px;
                margin-left: 15px;
                margin-right: 15px;
                min-height: 250px;
            }

                .sarugby-design-team-navigation-container .flip .card .back .well.well-sm.inner .card-text span {
                    color: black;
                    font-family: Oswald;
                    font-size: 16px;
                    font-weight: 300;
                    line-height: 21px;
                    text-align: center;
                    opacity: 1;
                }

            .sarugby-design-team-navigation-container .flip .card .back .well.well-sm.inner img.img-flip-back {
                margin: 30px auto;
                max-width: 124px;
                width: 100%;
                height: 71px;
                opacity: 1;
            }

.sarugby-design-team-navigation-container .inner {
    margin: 0px !important;
}

    .sarugby-design-team-navigation-container .inner a.btn.button-green-border {
        border: 1px solid #0D5565;
        font-size: 16px;
        letter-spacing: 2.5px;
        color: #0D5565;
        min-width: 112px;
        border-radius: 0px;
        margin-bottom: 30px;
        padding: 10px 20px;
        margin-left: 8px;
        margin-right: 8px;
    }

        .sarugby-design-team-navigation-container .inner a.btn.button-green-border:hover {
            background-color: #0D5565;
            color: white;
            border: solid 1px #0D5565 !important;
            text-decoration: none;
            transition: 1s all;
        }

.sarugby-design-team-navigation-container .view-more {
    height: 50px;
    width: 99.26px;
    color: #0D5565;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 300;
    margin-left: 45%;
    letter-spacing: 0.83px;
    line-height: 27px;
    text-align: center;
    border: none;
    background-color: none;
}

@media (min-width: 481px) and (max-width: 767px) {
    .sarugby-design-team-navigation-container .view-more {
        margin-left: 40%;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .sarugby-design-team-navigation-container .view-more {
        margin-left: 33%;
    }
}

.sarugby-design-team-navigation-container .view-more .button {
    background: none;
    border: none;
    color: #0D5565;
}

.sarugby-design-team-navigation-container .view-more-less {
    border: none;
}

    .sarugby-design-team-navigation-container .view-more-less .button-around-border {
        border-radius: 0% !important;
    }

    .sarugby-design-team-navigation-container .view-more-less .btn-content .arrow-more {
        display: inline;
    }

    .sarugby-design-team-navigation-container .view-more-less .btn-content:not(.collapsed) .arrow-more {
        display: none;
    }

    .sarugby-design-team-navigation-container .view-more-less .btn-content.collapsed .arrow-less {
        display: none;
    }

    .sarugby-design-team-navigation-container .view-more-less .collapse {
        visibility: hidden;
    }

        .sarugby-design-team-navigation-container .view-more-less .collapse.show {
            visibility: visible;
            display: block;
        }

    .sarugby-design-team-navigation-container .view-more-less .collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition-property: height, visibility;
        transition-property: height, visibility;
        -webkit-transition-duration: 0.35s;
        transition-duration: 0.35s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
    }

        .sarugby-design-team-navigation-container .view-more-less .collapsing.width {
            -webkit-transition-property: width, visibility;
            transition-property: width, visibility;
            width: 0;
            height: auto;
        }

.sarugby-design-team-navigation-container .row-space {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .sarugby-design-team-navigation-container .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 1024px) {
    .sarugby-design-team-navigation-container .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 300px) and (max-width: 480px) {
    .sarugby-design-team-navigation-container .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .sarugby-design-team-navigation-container a.btn.button-green-border {
        margin: 10px 8px 30px 8px !important;
        padding: 10px 30px !important;
        width: 135px;
    }
}

@media (max-width: 426px) {
    #following-page .nav-link.active:before {
        top: 35px;
    }
}

/* Following Team Navigation Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-design-team-navigation-tournament-container {
    background-color: white;
    font-family: Oswald;
    padding-bottom: 25px;
}

    .sarugby-design-team-navigation-tournament-container .col-md-3.col-sm-6.col-xs-12 {
        padding: 4px 9px !important;
    }

    .sarugby-design-team-navigation-tournament-container .col-md-3 {
        padding: 0px 8px;
    }

    .sarugby-design-team-navigation-tournament-container .card {
        border: 0px;
        cursor: pointer;
        background-color: rgba(243, 243, 243, 0.4);
    }

    .sarugby-design-team-navigation-tournament-container .flip {
        -webkit-perspective: 800px;
        perspective: 800px;
        position: relative;
        text-align: center;
        margin-bottom: 12px;
        background-color: rgba(243, 243, 243, 0.4);
    }

        .sarugby-design-team-navigation-tournament-container .flip .card.flipped {
            -webkit-transform: rotatey(-180deg);
            transform: rotatey(-180deg);
            -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important;
        }

        .sarugby-design-team-navigation-tournament-container .flip .card {
            height: 100%;
            -webkit-transform-style: preserve-3d;
            -webkit-transition: 0.5s;
            transform-style: preserve-3d;
            transition: 0.5s;
            min-height: 390px;
        }

            .sarugby-design-team-navigation-tournament-container .flip .card .face {
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                z-index: 2;
            }

            .sarugby-design-team-navigation-tournament-container .flip .card .front {
                position: absolute;
                width: 100%;
                z-index: 1;
                top: 34%;
            }

                .sarugby-design-team-navigation-tournament-container .flip .card .front h3.card-title.card-footer.team-name-heading {
                    /* height: 41px; */
                    /* width: 183.07px; */
                    color: #373D4A;
                    font-family: Oswald;
                    font-size: 30px;
                    font-weight: 300;
                    line-height: 41px;
                    text-align: center;
                    position: relative;
                    bottom: -43px;
                    background-color: transparent !important;
                    border: 0px;
                }

                .sarugby-design-team-navigation-tournament-container .flip .card .front h3.card-title.card-footer.team-name-heading-next {
                    height: 41px;
                    width: 183.07px;
                    color: #373D4A;
                    font-family: Oswald;
                    font-size: 40px;
                    font-weight: 300;
                    line-height: 41px;
                    text-align: center;
                    position: absolute;
                    bottom: 0px;
                    background-color: transparent !important;
                    border: 0px;
                }

                .sarugby-design-team-navigation-tournament-container .flip .card .front img.img-fluid.mb {
                    min-width: 161px;
                    max-height: 121px;
                    width: 161px;
                    height: 121px;
                    opacity: 1;
                }

            .sarugby-design-team-navigation-tournament-container .flip .card .back {
                -webkit-transform: rotatey(-180deg);
                transform: rotatey(-180deg);
                border: 1px solid #CDD3DD;
                box-shadow: 0 0 6px -1px #CDD3DD;
                background-color: #ffffff;
                color: black;
                min-height: 390px;
            }

                .sarugby-design-team-navigation-tournament-container .flip .card .back .well.well-sm.inner .card-text {
                    margin-bottom: 35px;
                    margin-left: 15px;
                    margin-right: 15px;
                    min-height: 250px;
                }

                    .sarugby-design-team-navigation-tournament-container .flip .card .back .well.well-sm.inner .card-text span {
                        color: black;
                        font-family: Oswald;
                        font-size: 16px;
                        font-weight: 300;
                        line-height: 21px;
                        text-align: center;
                        opacity: 1;
                    }

                .sarugby-design-team-navigation-tournament-container .flip .card .back .well.well-sm.inner img.img-flip-back {
                    margin: 30px auto;
                    max-width: 124px;
                    width: 100%;
                    height: 71px;
                    opacity: 1;
                }

    .sarugby-design-team-navigation-tournament-container .inner {
        margin: 0px !important;
    }

        .sarugby-design-team-navigation-tournament-container .inner a.btn.button-green-border {
            border: 1px solid #0D5565;
            font-size: 16px;
            letter-spacing: 2.5px;
            color: #0D5565;
            min-width: 112px;
            border-radius: 0px;
            margin-bottom: 30px;
            padding: 10px 20px;
            margin-left: 8px;
            margin-right: 8px;
        }

            .sarugby-design-team-navigation-tournament-container .inner a.btn.button-green-border:hover {
                background-color: #0D5565;
                color: white;
                border: solid 1px #0D5565 !important;
                text-decoration: none;
                transition: 1s all;
            }

    .sarugby-design-team-navigation-tournament-container .view-more {
        height: 50px;
        width: 99.26px;
        color: #0D5565;
        font-family: Oswald;
        font-size: 20px;
        font-weight: 300;
        margin-left: 45%;
        letter-spacing: 0.83px;
        line-height: 27px;
        text-align: center;
        border: none;
        background-color: none;
    }

@media (min-width: 481px) and (max-width: 767px) {
    .sarugby-design-team-navigation-tournament-container .view-more {
        margin-left: 40%;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .sarugby-design-team-navigation-tournament-container .view-more {
        margin-left: 33%;
    }
}

.sarugby-design-team-navigation-tournament-container .view-more .button {
    background: none;
    border: none;
    color: #0D5565;
}

.sarugby-design-team-navigation-tournament-container .view-more-less {
    border: none;
}

    .sarugby-design-team-navigation-tournament-container .view-more-less .button-around-border {
        border-radius: 0% !important;
    }

    .sarugby-design-team-navigation-tournament-container .view-more-less .btn-content .arrow-more {
        display: inline;
    }

    .sarugby-design-team-navigation-tournament-container .view-more-less .btn-content:not(.collapsed) .arrow-more {
        display: none;
    }

    .sarugby-design-team-navigation-tournament-container .view-more-less .btn-content.collapsed .arrow-less {
        display: none;
    }

    .sarugby-design-team-navigation-tournament-container .view-more-less .collapse {
        visibility: hidden;
    }

        .sarugby-design-team-navigation-tournament-container .view-more-less .collapse.show {
            visibility: visible;
            display: block;
        }

    .sarugby-design-team-navigation-tournament-container .view-more-less .collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition-property: height, visibility;
        transition-property: height, visibility;
        -webkit-transition-duration: 0.35s;
        transition-duration: 0.35s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
    }

        .sarugby-design-team-navigation-tournament-container .view-more-less .collapsing.width {
            -webkit-transition-property: width, visibility;
            transition-property: width, visibility;
            width: 0;
            height: auto;
        }

.sarugby-design-team-navigation-tournament-container .row-space {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .sarugby-design-team-navigation-tournament-container .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 1024px) {
    .sarugby-design-team-navigation-tournament-container .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

a.btn.button-green-border {
    width: 135px;
}

@media (min-width: 300px) and (max-width: 480px) {
    .sarugby-design-team-navigation-tournament-container .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .sarugby-design-team-navigation-tournament-container a.btn.button-green-border {
        margin: 10px 8px 30px 8px !important;
        padding: 10px 30px !important;
    }
}

@media (min-width: 320px) and (max-width: 756px) {
    #team-navigation-link-tournament .sarugby-design-team-navigation-tournament-container .container .row {
        margin-left: -20px;
        margin-right: -20px;
    }

    #follow-tournament .sarugby-follow-more-tournament .mobile-view .row {
        margin-left: -20px;
        margin-right: -22px;
    }
}

/* Follow More Teams component */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#following .col-xs-12 {
    padding: 0 !important;
}

#follow-tournament {
    font-family: Oswald;
    max-width: 100%;
    background-color: #ffffff;
    color: #000000;
    margin: 0 auto;
}

    #follow-tournament .sarugby-follow-more-tournament {
        padding-top: 10px;
        background: #efefef;
        float: left;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

@media (max-width: 890px) {
    #follow-tournament .sarugby-follow-more-tournament .col-lg-3 {
        max-width: 115px;
        min-width: 114px;
    }
}

#follow-tournament .sarugby-follow-more-tournament h1 {
    color: #000;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 1px;
    padding-bottom: 5px;
    padding-left: 20px;
    margin-top: 46px;
}

#follow-tournament .sarugby-follow-more-tournament .container-team {
    padding: 2px 5px;
}

#follow-tournament .sarugby-follow-more-tournament .follow-teams-padding {
    margin-right: 2px;
    display: flex !important;
    background: #fff;
    padding: 20px 5px 20px 2px;
    border: 0;
    max-width: 33.11%;
}

    #follow-tournament .sarugby-follow-more-tournament .follow-teams-padding img {
        width: 77px;
        height: 66px;
    }

    #follow-tournament .sarugby-follow-more-tournament .follow-teams-padding > span {
        width: 100%;
        height: 100%;
        border-radius: 50px;
        border: solid #116071 2px;
        display: block;
        text-align: center;
        margin-right: 30px;
    }

    #follow-tournament .sarugby-follow-more-tournament .follow-teams-padding .radio-btn-style > input {
        position: relative;
        opacity: 0 !important;
        cursor: pointer;
        margin: auto;
        z-index: 1;
        width: 100%;
        height: 100%;
    }

#follow-tournament .sarugby-follow-more-tournament .radio-btn-style {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 1.7vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: solid #efefef 2px;
    background: #fff;
    width: 3.1vw;
    height: 3.1vw;
    border-radius: 50px;
    text-align: center;
    float: left;
    margin-right: 10px;
    position: relative;
}

#follow-tournament .sarugby-follow-more-tournament .checkmarkPl {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    margin: auto;
    left: 10%;
    top: 12%;
    font-weight: 700;
    color: #116071;
}

    #follow-tournament .sarugby-follow-more-tournament .checkmarkPl:after {
        content: '';
        background: url(/Images/Icons/Cross.svg);
        background-repeat: no-repeat;
        position: absolute;
        display: none;
        height: 77%;
        width: 81%;
        background-size: 70%;
        background-position: center;
    }

#follow-tournament .sarugby-follow-more-tournament .follow-teams-padding input:checked ~ .checkmarkPl:after {
    display: block;
}

#follow-tournament .sarugby-follow-more-tournament .padding-bx {
    align-items: center;
    padding-top: 20px !important;
}

#follow-tournament .sarugby-follow-more-tournament .padding-bx-radio {
    padding-top: 14px;
    align-items: center;
}

#follow-tournament .logoNameBld {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}

#follow-tournament .logoNameLgh {
    font-size: 18px;
    font-weight: 300;
}

@media screen and (min-width: 768px) {
    #follow-tournament .follow-teams-padding {
        max-width: 33.11% !important;
    }
}

@media screen and (max-width: 890px) {
    #follow-tournament .container-team {
        padding: 0;
    }

    #follow-tournament .btn-container {
        margin: auto;
        height: 44px;
        width: 100%;
        display: block;
    }

    #follow-tournament .follow-teams-padding {
        max-width: 100% !important;
        border-bottom: 2px solid #efefef !important;
    }

        #follow-tournament .follow-teams-padding .radio-btn-style {
            display: block;
            position: relative;
            cursor: pointer;
            font-size: 1.7vw;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border: solid #efefef 2px;
            background: #fff;
            width: 50px !important;
            height: 50px !important;
            border-radius: 50px;
            text-align: center;
            float: left;
            margin-right: 10px;
            position: relative;
            float: right !important;
        }

    #follow-tournament .logoNameBld {
        font-size: 18px !important;
        font-weight: 600;
        color: #000000;
    }

    #follow-tournament .logoNameLgh {
        font-size: 18px !important;
        font-weight: 300;
    }

    #follow-tournament .view-container {
        margin: 20px 0 30px 0;
    }

    #follow-tournament .view-more {
        height: 27px;
        width: 99.26px;
        color: #0D5565;
        font-family: Oswald;
        font-size: 20px;
        font-weight: 300;
        margin-left: 45%;
        letter-spacing: 0.83px;
        line-height: 27px;
        text-align: center;
        border: none;
        background-color: none;
        margin: auto;
        display: block;
    }

        #follow-tournament .view-more .button {
            background: none;
            border: none;
            color: #0D5565;
        }

    #follow-tournament .view-more-less {
        border: none;
    }

        #follow-tournament .view-more-less .margin-10 {
            margin-top: -10px;
        }

        #follow-tournament .view-more-less .button-around-border {
            border-radius: 0% !important;
        }

        #follow-tournament .view-more-less .btn-content .arrow-more {
            display: inline;
        }

        #follow-tournament .view-more-less .btn-content:not(.collapsed) .arrow-more {
            display: none;
        }

        #follow-tournament .view-more-less .btn-content.collapsed .arrow-less {
            display: none;
        }

        #follow-tournament .view-more-less .collapse {
            visibility: hidden;
        }

            #follow-tournament .view-more-less .collapse.show {
                visibility: visible;
                display: block;
            }

        #follow-tournament .view-more-less .collapsing {
            position: relative;
            height: 0;
            overflow: hidden;
            -webkit-transition-property: height, visibility;
            transition-property: height, visibility;
            -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
            -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
        }

            #follow-tournament .view-more-less .collapsing.width {
                -webkit-transition-property: width, visibility;
                transition-property: width, visibility;
                width: 0;
                height: auto;
            }
}

/* Player Stats Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-cookie-bar {
    font-family: Oswald;
    background: #FFC425;
    padding: 10px 20px;
    width: 100%;
    margin: 0;
}

@media (min-width: 320px) and (max-width: 350px) {
    .sarugby-cookie-bar {
        padding: 10px;
    }
}

.sarugby-cookie-bar .cookie-container {
    text-align: center;
    margin: 5px 0;
    display: inline;
    float: left;
    padding: 0;
    width: 100%;
}

.sarugby-cookie-bar .cookie-text {
    font-family: Helvetica;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    text-align: left;
    display: inline-block;
    width: 75%;
}

@media (min-width: 320px) and (max-width: 1130px) {
    .sarugby-cookie-bar .cookie-text {
        font-size: 11px;
        padding-top: 5px;
    }
}

@media (min-width: 320px) and (max-width: 890px) {
    .sarugby-cookie-bar .cookie-text {
        width: 75%;
        float: left;
    }
}

@media (min-width: 320px) and (max-width: 370px) {
    .sarugby-cookie-bar .cookie-text {
        font-size: 9px;
    }
}

.sarugby-cookie-bar .cookie-text-bold {
    font-weight: 700;
}

    .sarugby-cookie-bar .cookie-text-bold a {
        color: #000000;
        text-decoration: none;
    }

        .sarugby-cookie-bar .cookie-text-bold a:hover {
            color: #000000;
            text-decoration: none;
        }

.sarugby-cookie-bar .cookie-btn {
    font-weight: 300;
    text-align: center;
    margin-left: 15px;
}

@media (min-width: 320px) and (max-width: 550px) {
    .sarugby-cookie-bar .cookie-btn {
        margin-left: 0;
    }
}

.sarugby-cookie-bar .cookie-close {
    text-align: right;
    margin-top: 18px;
}

@media (min-width: 438px) and (max-width: 635px) {
    .sarugby-cookie-bar .cookie-close {
        margin-top: 22px;
    }
}

@media (min-width: 320px) and (max-width: 437px) {
    .sarugby-cookie-bar .cookie-close {
        margin-top: 28px;
    }
}

.sarugby-cookie-bar .cookie-btn-stl {
    background-color: #000000;
    font-size: 20px;
    color: #ffffff;
    border: 0;
    cursor: pointer;
    font-weight: 300;
    padding: 10px 20px;
}

@media (min-width: 551px) and (max-width: 1130px) {
    .sarugby-cookie-bar .cookie-btn-stl {
        font-size: 13px;
    }
}

@media (min-width: 320px) and (max-width: 550px) {
    .sarugby-cookie-bar .cookie-btn-stl {
        font-size: 13px;
        padding: 8px 15px;
    }
}

@media (min-width: 438px) and (max-width: 635px) {
    .sarugby-cookie-bar .cookie-btn-stl {
        margin-top: 10px;
    }
}

@media (min-width: 320px) and (max-width: 437px) {
    .sarugby-cookie-bar .cookie-btn-stl {
        margin-top: 18px;
        padding: 5px 10px;
    }
}

@media (min-width: 320px) and (max-width: 1600px) {
    .sarugby-cookie-bar .col-11 {
        padding: 0 !important;
    }

    .sarugby-cookie-bar .col-1 {
        padding: 0 !important;
    }
}

.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
}

    .cookiealert.show {
        opacity: 1;
        transform: translateY(0%);
        transition-delay: 1000ms;
    }

    .cookiealert a {
        text-decoration: underline;
    }

    .cookiealert .acceptcookies {
        margin-left: 10px;
        vertical-align: baseline;
    }

/* starting component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
@media screen and (max-width: 756px) {
    #starting-fifteen-lineup {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.sarugby-starting-fifteen {
    min-height: 600px;
    padding: 0 40px;
    background-color: white;
    max-width: 1200px;
    margin: auto;
}

@media screen and (max-width: 756px) {
    .sarugby-starting-fifteen {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media screen and (max-width: 756px) {
    .sarugby-starting-fifteen {
        padding: 0;
    }
}

.sarugby-starting-fifteen .img-logo {
    width: 90px;
    height: 90px;
}

@media screen and (max-width: 756px) {
    .sarugby-starting-fifteen table .img-t-shirts {
        display: none;
    }
}

.sarugby-starting-fifteen table .loosehead {
    font-size: 24px;
    color: #8494A5;
}

@media screen and (max-width: 767px) {
    .sarugby-starting-fifteen table .loosehead {
        display: none;
    }
}

.sarugby-starting-fifteen table th {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 100;
    text-align: center;
    padding: 40px 0;
}

@media screen and (max-width: 767px) {
    .sarugby-starting-fifteen table th {
        font-size: 22px;
        font-weight: 300;
        line-height: 41px;
    }
}

.sarugby-starting-fifteen table .starting-odd {
    background-color: #f9f9f9;
}

.sarugby-starting-fifteen table td, .sarugby-starting-fifteen table th {
    vertical-align: middle !important;
    border: none;
}

.sarugby-starting-fifteen table > tbody > tr {
    border-bottom: solid white;
}

    .sarugby-starting-fifteen table > tbody > tr > td > a {
        display: inline-block;
        position: relative;
        top: -5px;
    }

        .sarugby-starting-fifteen table > tbody > tr > td > a img {
            width: 12px;
        }

    .sarugby-starting-fifteen table > tbody > tr td {
        width: 33%;
        padding: 25px;
        padding-bottom: 13px;
    }

        .sarugby-starting-fifteen table > tbody > tr td div {
            float: left;
            margin-left: 20px;
        }

            .sarugby-starting-fifteen table > tbody > tr td div span {
                color: #8494A5;
                font-size: 20px;
                display: block;
                width: 100%;
                top: -6px;
                position: relative;
            }

@media screen and (max-width: 756px) {
    .sarugby-starting-fifteen table > tbody > tr td div span {
        font-size: 18px;
        font-weight: 300;
        line-height: 26px;
        color: #8494A5;
        top: 10px;
    }
}

.sarugby-starting-fifteen table td:nth-of-type(1) {
    font-size: 28px;
    text-align: left;
}

.sarugby-starting-fifteen table td:nth-of-type(2) {
    text-align: center;
}

.sarugby-starting-fifteen table td:nth-of-type(3) {
    font-size: 28px;
    text-align: right;
}

    .sarugby-starting-fifteen table td:nth-of-type(3) div {
        float: right;
    }

.sarugby-starting-fifteen table td:nth-of-type(1) {
    text-align: left;
}

.sarugby-starting-fifteen table td:nth-of-type(2) {
    text-align: center;
}

.sarugby-starting-fifteen table td:nth-of-type(3) {
    text-align: right;
}

.sarugby-starting-fifteen table td.subtable {
    width: initial;
    background-color: #f9f9f9;
    padding: 0;
}

    .sarugby-starting-fifteen table td.subtable table:nth-of-type(1) {
        border-right: solid 3px white;
    }

    .sarugby-starting-fifteen table td.subtable table {
        width: 50%;
        float: left;
    }

        .sarugby-starting-fifteen table td.subtable table tr {
            border: none !important;
        }

        .sarugby-starting-fifteen table td.subtable table td {
            text-align: center !important;
            font-size: 18px;
            padding: 30px 0;
            width: 4%;
        }

@media screen and (max-width: 767px) {
    .sarugby-starting-fifteen table td.subtable table td {
        display: block;
        width: 100%;
        font-size: 20px;
        font-weight: 300;
        letter-spacing: 0.8px;
        line-height: 27px;
        margin-top: 25px;
        color: #000000;
    }
}

.sarugby-starting-fifteen table td.subtable table td span {
    display: inline-block;
    width: 100%;
    font-size: 38px;
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .sarugby-starting-fifteen table td.subtable table td span {
        margin-bottom: 20px;
    }
}

.sarugby-starting-fifteen table td.subtable-white {
    width: initial;
    background-color: #fff;
    padding: 0;
    border-top: 3px solid #fafafa;
}

    .sarugby-starting-fifteen table td.subtable-white table:nth-of-type(1) {
        border-right: solid 3px #f9f9f9;
    }

    .sarugby-starting-fifteen table td.subtable-white table {
        width: 50%;
        float: left;
    }

        .sarugby-starting-fifteen table td.subtable-white table tr {
            border: none !important;
        }

        .sarugby-starting-fifteen table td.subtable-white table td {
            text-align: center !important;
            font-size: 18px;
            padding: 30px 0;
            width: 4%;
        }

@media screen and (max-width: 767px) {
    .sarugby-starting-fifteen table td.subtable-white table td {
        display: block;
        width: 100%;
        font-size: 20px;
        font-weight: 300;
        letter-spacing: 0.8px;
        line-height: 27px;
        margin-top: 25px;
        color: #000000;
    }
}

.sarugby-starting-fifteen table td.subtable-white table td span {
    display: inline-block;
    width: 100%;
    font-size: 38px;
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .sarugby-starting-fifteen table td.subtable-white table td span {
        margin-bottom: 20px;
    }
}

.sarugby-starting-fifteen .view-more-starting {
    text-align: center;
    margin-top: 20px;
    width: 100%;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

    .sarugby-starting-fifteen .view-more-starting a {
        color: #0D5565;
    }

    .sarugby-starting-fifteen .view-more-starting img {
        margin-top: -20px;
    }

.sarugby-starting-fifteen .pink-text {
    color: deeppink;
}

.sarugby-starting-fifteen .grey-text {
    color: #8494A5 !important;
}

@media screen and (max-width: 756px) {
    .sarugby-starting-fifteen .img-logo {
        width: 70px;
        height: 70px;
    }
}

.sarugby-starting-fifteen .player-name {
    height: auto;
    width: 62%;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 756px) {
    .sarugby-starting-fifteen .player-name {
        /*
            font-size: 22px;
            
            overflow: hidden;
            width: 100px;
            max-width: 10ch;
            text-overflow: ellipsis;
                */
        font-size: 22px;
        overflow: hidden;
        max-width: 10ch;
        text-overflow: ellipsis;
        font-weight: 300;
        line-height: 26px;
        padding: 23px 0px;
        padding-right: 20px;
    }
}

.jersyContainer {
    position: relative;
    text-align: center;
    color: #fff;
    width: 21%;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .jersyContainer {
        width: auto;
    }
}

.jersyPosition {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0px !important;
    font-size: 14px;
    font-weight: 500;
}

.span-heading {
    font-size: 18px !important;
    margin-top: 0px !important;
}

@media (width: 768px) {
    .span-heading {
        font-size: 18px !important;
        margin-top: 0px !important;
        height: 53px;
        /* line-height: 53px; */
    }
}

/* MatchGame Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#voting-poll, #voting-results {
    font-family: Oswald;
    display: block;
    height: 100%;
    width: 100%;
    color: #ffffff;
    margin-top: 30px;
}

    #voting-poll .sarugby-voting-poll, #voting-results .sarugby-voting-poll {
        max-width: 1200px;
        margin: 0 auto;
        background-image: url("/Content/sarugby/images/Upcoming/Voting Poll_imageBackground.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
        height: 610px;
    }

        #voting-poll .sarugby-voting-poll h2, #voting-results .sarugby-voting-poll h2 {
            font-size: 40px;
            font-weight: 300;
            line-height: 55px;
            text-align: center;
            color: #fff;
            text-transform: uppercase;
            padding-top: 37px;
        }

        #voting-poll .sarugby-voting-poll .description, #voting-results .sarugby-voting-poll .description {
            font-family: Helvetica;
            font-size: 14px;
            font-weight: 300;
            line-height: 17px;
            text-align: left;
            color: #fff;
            margin: 0 auto;
            width: 515px;
            padding: 0 20px;
            margin-bottom: 30px;
        }

        #voting-poll .sarugby-voting-poll .poll-options .poll-submit-button, #voting-results .sarugby-voting-poll .poll-options .poll-submit-button {
            text-align: center;
            float: left;
            width: 100%;
            margin-top: 20px;
        }

            #voting-poll .sarugby-voting-poll .poll-options .poll-submit-button .button-submit, #voting-results .sarugby-voting-poll .poll-options .poll-submit-button .button-submit {
                padding: 15px 100px;
                display: inline-block;
                text-transform: uppercase;
                font-size: 28px;
                color: white;
                border: solid 1px #fff;
                background: none;
            }

                #voting-poll .sarugby-voting-poll .poll-options .poll-submit-button .button-submit:hover, #voting-results .sarugby-voting-poll .poll-options .poll-submit-button .button-submit:hover {
                    background-color: #ffffff;
                    color: #303030 !important;
                    border: solid 1px #ffffff !important;
                    text-decoration: none;
                    transition: 1s all;
                    cursor: pointer;
                }

        #voting-poll .sarugby-voting-poll .poll-options .poll-list, #voting-results .sarugby-voting-poll .poll-options .poll-list {
            color: #fff;
            list-style: none;
            text-align: left;
            height: 103px;
            max-width: 900px;
            margin: 0 auto 2px;
            background: rgba(0, 0, 0, 0.5);
            /* Show the indicator (dot/circle) when checked */
            /* Style the indicator (dot/circle) */
        }

@media (min-width: 300px) and (max-width: 575px) {
    #voting-poll .sarugby-voting-poll .poll-options .poll-list .poll-button-div, #voting-results .sarugby-voting-poll .poll-options .poll-list .poll-button-div {
        width: 10%;
    }

    #voting-poll .sarugby-voting-poll .poll-options .poll-list .voting-score, #voting-results .sarugby-voting-poll .poll-options .poll-list .voting-score {
        width: 10%;
    }

    #voting-poll .sarugby-voting-poll .poll-options .poll-list .graph-container, #voting-results .sarugby-voting-poll .poll-options .poll-list .graph-container {
        width: 65%;
    }
}

@keyframes expand {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

#voting-poll .sarugby-voting-poll .poll-options .poll-list .progress-label, #voting-results .sarugby-voting-poll .poll-options .poll-list .progress-label {
    position: absolute;
    padding: 30px 30px;
    width: 100%;
    letter-spacing: 1px;
    font-weight: 300;
    font-size: 30px;
}

@media screen and (max-width: 767px) {
    #voting-poll .sarugby-voting-poll .poll-options .poll-list .progress-label, #voting-results .sarugby-voting-poll .poll-options .poll-list .progress-label {
        font-size: 18px;
    }
}

#voting-poll .sarugby-voting-poll .poll-options .poll-list .percentage-label, #voting-results .sarugby-voting-poll .poll-options .poll-list .percentage-label {
    position: absolute;
    padding: 30px 30px;
    width: 100%;
    letter-spacing: 1px;
    font-weight: 300;
    font-size: 30px;
    text-align: right;
}

@media screen and (max-width: 767px) {
    #voting-poll .sarugby-voting-poll .poll-options .poll-list .percentage-label, #voting-results .sarugby-voting-poll .poll-options .poll-list .percentage-label {
        font-size: 18px;
    }
}

#voting-poll .sarugby-voting-poll .poll-options .poll-list .graph-container, #voting-results .sarugby-voting-poll .poll-options .poll-list .graph-container {
    padding: 0;
}

    #voting-poll .sarugby-voting-poll .poll-options .poll-list .graph-container + .graph-container .chart, #voting-results .sarugby-voting-poll .poll-options .poll-list .graph-container + .graph-container .chart {
        animation-delay: .2s;
    }

    #voting-poll .sarugby-voting-poll .poll-options .poll-list .graph-container + .graph-container + .graph-container .chart, #voting-results .sarugby-voting-poll .poll-options .poll-list .graph-container + .graph-container + .graph-container .chart {
        animation-delay: .4s;
    }

#voting-poll .sarugby-voting-poll .poll-options .poll-list .block, #voting-results .sarugby-voting-poll .poll-options .poll-list .block {
    display: block;
    height: 103px;
    color: #fff;
    font-size: .75em;
    float: left;
    background-color: #000000;
    position: relative;
    overflow: hidden;
    opacity: 1;
    transition: opacity, .3s ease;
    cursor: pointer;
}

#voting-poll .sarugby-voting-poll .poll-options .poll-list .team-one, #voting-results .sarugby-voting-poll .poll-options .poll-list .team-one {
    background-color: rgba(18, 114, 136, 0.3);
}

#voting-poll .sarugby-voting-poll .poll-options .poll-list .value, #voting-results .sarugby-voting-poll .poll-options .poll-list .value {
    display: none;
    line-height: 1em;
    position: absolute;
    top: 30%;
    margin-left: 55px;
    transform: translate(-50%);
    color: #ffffff;
    text-align: left;
    font-size: 40px;
}

#voting-poll .sarugby-voting-poll .poll-options .poll-list .voting-score, #voting-results .sarugby-voting-poll .poll-options .poll-list .voting-score {
    color: #FFFFFF;
    font-family: Oswald;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 1.25px;
    line-height: 103px;
    text-align: right;
}

@media screen and (max-width: 767px) {
    #voting-poll .sarugby-voting-poll .poll-options .poll-list .voting-score, #voting-results .sarugby-voting-poll .poll-options .poll-list .voting-score {
        font-size: 18px;
    }
}

#voting-poll .sarugby-voting-poll .poll-options .poll-list .poll-button-div, #voting-results .sarugby-voting-poll .poll-options .poll-list .poll-button-div {
    margin: 3% auto;
}

    #voting-poll .sarugby-voting-poll .poll-options .poll-list .poll-button-div label, #voting-results .sarugby-voting-poll .poll-options .poll-list .poll-button-div label {
        position: relative;
        width: 60px;
        height: 60px;
        margin-left: 20px;
    }

    #voting-poll .sarugby-voting-poll .poll-options .poll-list .poll-button-div input, #voting-results .sarugby-voting-poll .poll-options .poll-list .poll-button-div input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    #voting-poll .sarugby-voting-poll .poll-options .poll-list .poll-button-div .checkmark, #voting-results .sarugby-voting-poll .poll-options .poll-list .poll-button-div .checkmark {
        top: 4px;
        left: 4px;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        border: 1px solid #fff;
        background: none;
    }

    #voting-poll .sarugby-voting-poll .poll-options .poll-list .poll-button-div .poll-button, #voting-results .sarugby-voting-poll .poll-options .poll-list .poll-button-div .poll-button {
        width: 48px;
        height: 48px;
    }

#voting-poll .sarugby-voting-poll .poll-options .poll-list .checkmark:after, #voting-results .sarugby-voting-poll .poll-options .poll-list .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

#voting-poll .sarugby-voting-poll .poll-options .poll-list .poll-button-div input:checked ~ .checkmark, #voting-results .sarugby-voting-poll .poll-options .poll-list .poll-button-div input:checked ~ .checkmark {
    background-color: #127288;
    border: solid white 3px;
}

    #voting-poll .sarugby-voting-poll .poll-options .poll-list .poll-button-div input:checked ~ .checkmark:after, #voting-results .sarugby-voting-poll .poll-options .poll-list .poll-button-div input:checked ~ .checkmark:after {
        display: block;
    }

#voting-poll .sarugby-voting-poll .poll-options .poll-list .poll-button-div .checkmark:after, #voting-results .sarugby-voting-poll .poll-options .poll-list .poll-button-div .checkmark:after {
    top: 5px;
    left: 5px;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background: white;
}

/* Teams Players Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#teams-players {
    background-color: #EFEFEF;
    font-family: Oswald;
}

    #teams-players .margin-top20 {
        margin-top: 20px;
    }

    #teams-players .sarugby-trending {
        padding: 20px 22px 15px 22px !important;
    }

@media (max-width: 768px) {
    #teams-players .sarugby-trending {
        padding: 20px 0 15px 22px !important;
    }

        #teams-players .sarugby-trending .container {
            padding-right: 0 !important;
        }
}

@media (max-width: 576px) {
    #teams-players .sarugby-trending {
        margin-top: -30px !important;
        padding-bottom: 0 !important;
    }
}

@media (max-width: 640px) {
    #teams-players .sarugby-trending .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

#teams-players .sarugby-trending .col-12 {
    padding-left: 0;
    padding-right: 0;
}

    #teams-players .sarugby-trending .col-12 .header {
        padding-left: 5px !important;
    }

    #teams-players .sarugby-trending .col-12 .sliderCtrls #ArrowRight {
        padding-right: 0 !important;
    }

#teams-players .sarugby-teams-players-news {
    padding: 20px 0 0 0;
}

@media (max-width: 576px) {
    #teams-players .sarugby-teams-players-news {
        padding: 10px;
    }

        #teams-players .sarugby-teams-players-news .pb-4 {
            padding-left: 5px !important;
            margin-bottom: 0;
            padding-bottom: 0 !important;
        }
}

#teams-players .sarugby-teams-players-news .col-12 {
    padding-left: 0;
    padding-right: 0;
}

    #teams-players .sarugby-teams-players-news .col-12 .controls #top5news-rightArrow {
        padding-right: 0 !important;
    }

#teams-players .nav-container {
    width: 100%;
    text-align: center;
}

    #teams-players .nav-container nav {
        display: inline-block;
    }

    #teams-players .nav-container #nav-tab {
        width: 100%;
        margin: 20px auto;
    }

    #teams-players .nav-container .nav-tabs .nav-link.active, #teams-players .nav-container .nav-tabs .nav-item.show .nav-link, #teams-players .nav-container .nav-tabs .nav-link {
        border-width: 1px !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        padding: 0.5rem 2rem;
        /*letter-spacing: 1px;*/
        color: #0D5565 !important;
        font-size: 30px !important;
    }

    #teams-players .nav-container .nav-link.active::before {
        bottom: -20px;
    }

#teams-players .sarugby-overview-container {
    font-family: Oswald;
    max-width: 1200px;
}

@media (max-width: 768px) {
    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
        padding: 0.5rem 1rem !important;
    }
}

/* Team Stats Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
@media (max-width: 667px) {
    #teamstats {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media (max-width: 667px) {
    #overview-content {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}

.sarugby-team-stats-container {
    font-family: Oswald;
    max-width: 1200px;    
}

    .sarugby-team-stats-container h1 {
        color: #000000;
        font-size: 40px;
        font-weight: 300;
        letter-spacing: 1px;
        text-transform: none;
    }

@media screen and (max-width: 768px) {
    .team-stats-container {
        margin-bottom: 70px;
    }

    .sarugby-team-stats-container {
        padding:0px;
    }

    .sarugby-team-stats-container .js-stats-carousel {
        height: 293px;
        background: #EEF0F3;
    }
}

.sarugby-team-stats-container .controls-top {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
}

    .sarugby-team-stats-container .controls-top a {
        display: inline-flex;
        top: 14px;
    }

    .sarugby-team-stats-container .controls-top .carousel-control-prev,
    .sarugby-team-stats-container .controls-top .carousel-control-next {
        position: absolute;
        width: auto;
        display: initial;
        opacity: 1;
        display: none;
    }

.sarugby-team-stats-container .controls-top .carousel-control-prev {
    left: auto;
    right: 40px;
}

.sarugby-team-stats-container .controls-top .carousel-control-next {
    right: 0;
}

.sarugby-team-stats-container .controls-top .carousel-control-prev-icon {
    background-image: url("/Images/Icons/chevron-left-black.svg");
}

.sarugby-team-stats-container .controls-top .carousel-control-next-icon {
    background-image: url("/Images/Icons/chevron-right-black.svg");
}

.sarugby-team-stats-container .controls-top .carousel-control-prev-icon,
.sarugby-team-stats-container .controls-top .carousel-control-next-icon {
    background-size: auto;
    width: 11px;
    height: 16px;
}

.sarugby-team-stats-container .carousel-view {
    width: calc((100%*1));
    height: 240px;
    background: #ffffff;
    margin: auto;
    overflow: hidden;
    position: relative;
}

.sarugby-team-stats-container .stats-list {
    position: absolute;
    margin: 0;
    padding: 0;
    transition: transform .3s;
    transform: translateX(0px);
    list-style: none;
    height: 240px;
}

.sarugby-team-stats-container ul.stats-list li {
    text-align: center;
    padding-top: 40px;
}

    .sarugby-team-stats-container ul.stats-list li h1 {
        font-size: 25px;
        font-weight: 300;
        word-spacing: 100vw;
    }

    .sarugby-team-stats-container ul.stats-list li .value-text {
        font-size: 50px;
    }

    .sarugby-team-stats-container ul.stats-list li:nth-child(odd) {
        background-color: #ffffff;
        font-weight: 100;
    }

    .sarugby-team-stats-container ul.stats-list li:nth-child(even) {
        background-color: #FAFAFA;
        font-weight: 500;
    }

        .sarugby-team-stats-container ul.stats-list li:nth-child(even) h1 {
            font-weight: 500;
        }

        .sarugby-team-stats-container ul.stats-list li:nth-child(even) .value-text {
            font-weight: 500;
            color: #373D4A;
        }

.sarugby-team-stats-container .stats-list-item {
    width: 195px;
    height: 240px;
    display: inline-block;
}

.sarugby-team-stats-container .stats {
    display: table;
    height: 100%;
    width: 100%;
}

    .sarugby-team-stats-container .stats span {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        color: white;
        font-size: 50px;
    }

@media (min-width: 768px) {
    .sarugby-team-stats-container .carousel-view {
        overflow: hidden !important;
    }
}

/* Defense Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#rugby-ranking-table {
    font-family: Oswald;
    background: #fff;
}

    #rugby-ranking-table .sarugby-ranking-table .team-ranking-heading h2 {
        color: #000000;
        font-size: 30px;
        font-weight: 200;
        line-height: 41px;
        text-align: center;
        padding-top: 22px;
        text-transform: uppercase;
    }

@media (min-width: 300px) and (max-width: 760px) {
    #rugby-ranking-table .sarugby-ranking-table .team-ranking-heading h2 {
        font-size: 18px;
        line-height: 18px;
    }
}

#rugby-ranking-table .sarugby-ranking-table .team-ranking-heading .last-update {
    color: #8494A5;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.43px;
    line-height: 12px;
    text-align: center;
}

#rugby-ranking-table .sarugby-ranking-table .ranking-table table {
    width: 100%;
    margin-top: 35px;
    table-layout: fixed;
}

#rugby-ranking-table .sarugby-ranking-table .ranking-table th {
    height: 17px;
    color: #0D5565;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 12px;
    text-align: center;
    width: 33.33%;
    padding-bottom: 10px;
    font-family: Oswald;
}

#rugby-ranking-table .sarugby-ranking-table .ranking-table td {
    height: 47px;
    color: #373D4A;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
    width: 33.33%;
}

@media (min-width: 300px) and (max-width: 820px) {
    #rugby-ranking-table .sarugby-ranking-table .ranking-table td {
        font-size: 12px;
    }
}

#rugby-ranking-table .sarugby-ranking-table .ranking-table td:nth-child(2) {
    text-align: left;
    padding-left: 10%;
}

@media (min-width: 764px) and (max-width: 1125px) {
    #rugby-ranking-table .sarugby-ranking-table .ranking-table td:nth-child(2) {
        padding-left: 11%;
    }
}

@media (min-width: 300px) and (max-width: 760px) {
    #rugby-ranking-table .sarugby-ranking-table .ranking-table td:nth-child(2) {
        padding-left: 6%;
    }
}

#rugby-ranking-table .sarugby-ranking-table .ranking-table td img {
    height: 32px;
    width: 32px;
}

@media (min-width: 300px) and (max-width: 760px) {
    #rugby-ranking-table .sarugby-ranking-table .ranking-table td img {
        height: 20px;
        width: 20px;
    }
}

#rugby-ranking-table .sarugby-ranking-table .ranking-table td span {
    padding: 0 5px;
}

#rugby-ranking-table .sarugby-ranking-table .ranking-table tr:nth-child(even) {
    background-color: rgba(239, 239, 239, 0.3);
}



#rugby-ranking-table .tLogoSmall {
    background: none;
    width: 20px;
    height: 25px;
    position: relative;
    top: 4px;
}

/*WORLD CUP FLAGS*/



#rugby-ranking-table .AND {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -20px -126px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .ARG {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -200px -75px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .ARM {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -40px -0px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .ASA {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) 0px -26px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .AUS {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -40px -26px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .AUT {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -40px -26px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .AZE {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -60px -26px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .BEL {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -40px -51px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .BER {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -60px -51px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .BHS {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -80px -0px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .BIH {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -80px -26px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .BRA {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -100px -0px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .BRB {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -100px -26px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .BRU {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -100px -51px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .BUL {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) 0px -76px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .BUR {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -20px -76px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .BWA {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -60px -252px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .CA {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -80px -76px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .CAN {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -80px -76px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .CAY {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -100px -76px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .CHL {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -120px -26px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .CHN {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -120px -51px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .CIV {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -120px -76px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .CMB {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) 0px -101px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .COK {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -40px -101px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .COL {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -60px -101px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .CRO {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -100px -101px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .CTR {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -120px -101px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .CYP {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -140px -0px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .CZE {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -140px -26px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .DEN {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -140px -51px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .ECU {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -140px -76px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .ENG {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -140px -101px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .ESP {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) 0px -126px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .EST {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) 0px 0px no-repeat;
    width: 20px;
    height: 26px;
}

#rugby-ranking-table .FIJ {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -40px -126px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .FIJI {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -60px -126px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .FIN {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -80px -126px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .FJI {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -100px -126px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .FRA {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -120px -126px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .GEO {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -140px -126px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .GER {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -160px -0px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .GHA {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -160px -26px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .GUM {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -160px -76px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .GUY {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -160px -101px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .HEL {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -220px -101px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .HKG {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) 0px -151px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .HUN {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -20px -151px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .IDO {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -40px -151px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .IND {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -80px -151px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .IRE {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -100px -151px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .IRI {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -120px -151px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .ISR {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -140px -151px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .ITA {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -160px -151px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .JAM {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -180px -0px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .JPN {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -180px -25px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .KAZ {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -180px -51px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .KEN {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -180px -76px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .KGZ {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -180px -101px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .KOR {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -100px -151px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .LAO {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -180px -151px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .LAT {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -200px -0px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .LCA {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -200px -26px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .LTU {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -200px -51px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .LUX {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -20px -0px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .MAD {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -200px -101px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .MAR {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -200px -126px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .MAS {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -200px -151px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .MAU {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) 0px -176px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .MDA {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -20px -176px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .MEX {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -40px -176px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .MLI {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -60px -176px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .MLT {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -80px -176px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .MOG {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -120px -176px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .MUS {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -160px -176px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .NAM {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -180px -176px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .NED {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -200px -176px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .NGA {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -220px -26px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .NIU {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -220px -51px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .NOR {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -220px -76px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .NZL {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -220px -100px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .PAK {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -220px -126px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .PAN {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -220px -151px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .PAR {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -220px -176px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .PER {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) 0px -201px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .PHP {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -40px -201px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .PNG {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -60px -201px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .POL {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -80px -201px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .POR {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -100px -201px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .PYF {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -120px -201px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .ROM {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -160px -201px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .RSA {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -180px -201px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .RUS {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -200px -201px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .RWA {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -220px -201px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .SAM {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -240px -0px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .SCO {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -240px -25px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .SEN {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -240px -51px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .SIN {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -240px -101px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .SOL {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -240px -151px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .SRB {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -240px -176px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .SRI {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -240px -201px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .SUI {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) 0px -226px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .SVG {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -20px -226px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .SVN {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -40px -226px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .SWE {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -60px -226px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .SWZ {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -80px -226px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .TAI {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -100px -226px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .TGA {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -120px -226px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .THA {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -140px -226px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .TOG {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -160px -226px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .TTO {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -200px -226px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .TUN {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -220px -226px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .TZA {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -240px -226px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .UAE {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -260px -0px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .UGA {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -260px -26px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .UKR {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -260px -51px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .URU {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -260px -76px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .USA {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -260px -101px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .UZB {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -260px -126px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .VAN {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -260px -151px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .VEN {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -260px -176px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .VIR {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -60px -252px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .WAL {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) 0px -252px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .ZAM {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -20px -252px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .ZIM {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -40px -252px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .default {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -60px -252px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .mongolia {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -80px -252px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .tbd {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -100px -252px no-repeat;
    width: 20px;
    height: 25px;
}

#rugby-ranking-table .uk {
    display: inline-block;
    background: url(/Images/General/tLogo20x-sprite.png) -120px -252px no-repeat;
    width: 20px;
    height: 25px;
}




/*WORLD CUP FLAGS END*/

/* Team Banner style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#team-banner {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

    #team-banner .sarugby-team-banner {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: -1px;
        min-height: 541px;
    }

        #team-banner .sarugby-team-banner .team-banner-img {
            width: 100%;
            position: absolute;
            z-index: 0;
            object-fit: cover;
            object-position: top;
        }

        #team-banner .sarugby-team-banner .team-details {
            width: 405px;
            background-color: rgba(0, 0, 0, 0.8);
            position: relative;
            z-index: 1;
            min-height: 540px;
        }

            #team-banner .sarugby-team-banner .team-details .team-logo {
                width: 100%;
                height: 240px;
                padding-top: 20px;
            }

                #team-banner .sarugby-team-banner .team-details .team-logo .logo-circle-container {
                    height: 202px;
                    width: 202px;
                    background-color: rgba(14, 71, 73, 0.4);
                    border-radius: 50%;
                    margin: 0 auto;
                }

                    #team-banner .sarugby-team-banner .team-details .team-logo .logo-circle-container img {
                        height: 100px;
                        width: 100px;
                        vertical-align: bottom;
                        text-align: center;
                        display: table-cell;
                        /* border: 1px solid #fff; */
                        margin: auto;
                        position: relative;
                        top: 24%;
                        display: block;
                    }

            #team-banner .sarugby-team-banner .team-details .team-description {
                color: #ffffff;
                width: 80%;
                margin: 0 10%;
                text-align: center;
            }

                #team-banner .sarugby-team-banner .team-details .team-description table {
                    text-align: center;
                    color: #ffffff;
                    font-family: "Oswald", sans-serif;
                    font-weight: 300;
                    font-size: 13px;
                }

                #team-banner .sarugby-team-banner .team-details .team-description td {
                    font-size: 15px;
                    letter-spacing: 0.4px;
                    line-height: 28px;
                    text-transform: uppercase;
                    vertical-align: top;
                    text-align: left;
                }

                    #team-banner .sarugby-team-banner .team-details .team-description td:nth-child(1) {
                        font-weight: 500;
                        width: 110px;
                    }

            #team-banner .sarugby-team-banner .team-details .team-banner-follow {
                width: 100%;
                margin: 0 auto;
                text-align: center;
            }

                #team-banner .sarugby-team-banner .team-details .team-banner-follow .button-follow {
                    text-decoration: none;
                    border: 1px solid #ffffff;
                    background: none;
                    color: #ffffff;
                    padding: 15px;
                    margin-top: 30px;
                    margin-bottom: 30px;
                    font-size: 20px;
                    font-weight: 300;
                    letter-spacing: 0.83px;
                    line-height: 27px;
                    text-align: center;
                    height: 59px;
                    text-transform: uppercase;
                    cursor: pointer;
                    width: 80%;
                    display: inline-block;
                }

                    #team-banner .sarugby-team-banner .team-details .team-banner-follow .button-follow:hover {
                        background-color: #ffffff;
                        color: #0D5565;
                        border: solid 1px #0D5565 !important;
                        text-decoration: none;
                        transition: 1s all;
                    }

@media (min-width: 540px) and (max-width: 756px) {
    #team-banner .sarugby-team-banner .team-details {
        width: 100%;
    }

        #team-banner .sarugby-team-banner .team-details .team-description {
            margin: 0 auto;
            width: 100%;
        }

            #team-banner .sarugby-team-banner .team-details .team-description table {
                width: 60%;
                margin: 0 auto;
            }

    #team-banner .sarugby-team-banner .team-banner-follow .button-follow {
        width: 60% !important;
    }
}

@media (max-width: 539px) {
    #team-banner .sarugby-team-banner .team-details {
        width: 100%;
    }

        #team-banner .sarugby-team-banner .team-details .team-description {
            margin: 0 auto;
            width: 100%;
        }

            #team-banner .sarugby-team-banner .team-details .team-description table {
                width: 80%;
                margin: 0 auto;
            }

    #team-banner .sarugby-team-banner .team-banner-follow .button-follow {
        width: 80% !important;
    }
}

@media (max-width: 394px) {
    #team-banner .sarugby-team-banner .team-details .team-description table {
        width: 90%;
    }

        #team-banner .sarugby-team-banner .team-details .team-description table td {
            font-size: 13px;
        }

    #team-banner .sarugby-team-banner .team-banner-follow .button-follow {
        width: 90% !important;
    }
}

/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.discipline-team {
    font-family: Oswald;
    margin-top: 30px;
    background-color: #FAFAFA;
    max-width: 1200px !important;
    padding-bottom: 10px;
}

    .discipline-team h2 {
        color: #000000;
        font-size: 40px;
        font-weight: 300;
        letter-spacing: 1px;
        padding-top: 60px;
        text-align: center;
        text-transform: capitalize;
        margin-bottom: 34px;
    }

@media (min-width: 320px) and (max-width: 751px) {
    .discipline-team h2 {
        padding-top: 28px;
        margin-bottom: 28px;
    }
}

.discipline-team .stat-cont {
    margin-right: 30px;
    margin-left: 30px;
}

@media (min-width: 320px) and (max-width: 756px) {
    .discipline-team .stat-cont {
        margin-right: 0px;
        margin-left: 0px;
    }
}

.discipline-team .stat-col {
    background-color: #F3F3F3;
    margin-right: 1px;
    margin-left: 1px;
    margin-top: 2px;
}

.discipline-team .stat-title {
    color: #000000;
    font-family: Oswald;
    font-size: 20px;
    padding-top: 30px;
    font-weight: 500;
    line-height: 27px;
    text-align: center;
}

@media (min-width: 320px) and (max-width: 751px) {
    .discipline-team .stat-title {
        padding-top: 10px;
    }
}

@media (min-width: 320px) and (max-width: 426px) {
    .discipline-team .stat-title {
        font-size: 11px;
    }
}

.discipline-team .stat-digit {
    color: #116071;
    font-family: Oswald;
    padding-bottom: 30px;
    font-size: 180px;
    font-weight: 300;
    line-height: 143px;
    text-align: center;
}

@media (min-width: 320px) and (max-width: 426px) {
    .discipline-team .stat-digit {
        font-size: 68px;
        line-height: 19px;
    }
}

.discipline-team-stats {
    font-family: Oswald;
    margin-top: 30px;
    padding-bottom: 30px;
}

    .discipline-team-stats .discipline-yellow {
        background-color: #0D5565;
    }

    .discipline-team-stats .total-scrums {
        background-color: #0E4749;
    }

    .discipline-team-stats .comming-soon {
        background-color: #EEF0F3;
    }

    .discipline-team-stats .cards-text {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        line-height: 27px;
        text-align: center;
        text-transform: uppercase;
        padding-top: 22px;
    }

    .discipline-team-stats .cards-details {
        color: #FFFFFF;
        font-family: Oswald;
        font-size: 100px;
        font-weight: 300;
        line-height: 136px;
        text-align: center;
        margin-top: -16px;
    }

@media (max-width: 426px) and (min-width: 320px) {
    .discipline-team-stats .cards-details {
        font-size: 54px;
        margin-top: -35px;
        margin-bottom: -5px;
    }
}

.discipline-team-stats .cards-text-comingsoon {
    color: #CDD3DD !important;
    text-transform: uppercase;
}

/* Overall Graph Teams Players Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#overall-graph-team {
    font-family: Oswald;
    max-width: 1200px;
    background-color: #ffffff;
    color: #000000;
    margin: 0 auto;
}

    #overall-graph-team .sarugby-overall-graph-teamsplayers {
        padding: 30px 20px;
    }

        #overall-graph-team .sarugby-overall-graph-teamsplayers h1.component-heading {
            color: #000000;
            font-size: 40px;
            font-weight: 300;
            text-transform: uppercase;
            letter-spacing: 1px;
            padding-bottom: 20px;
        }

        #overall-graph-team .sarugby-overall-graph-teamsplayers .component-subheading {
            color: #373D4A;
            font-size: 25px;
            font-weight: 300;
            text-transform: uppercase;
        }

        #overall-graph-team .sarugby-overall-graph-teamsplayers .graph-container {
            margin: 15px 0;
        }

@keyframes expand {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    @keyframes expand {
        from {
            width: 0%;
        }

        to {
            width: calc(100% - 75px);
        }
    }
}

#overall-graph-team .sarugby-overall-graph-teamsplayers .chart {
    overflow: auto;
    width: 0px;
    animation: expand 1.5s ease forwards;
    display: inline;
}

#overall-graph-team .sarugby-overall-graph-teamsplayers .graph-container + .graph-container .chart {
    animation-delay: .2s;
}

#overall-graph-team .sarugby-overall-graph-teamsplayers .graph-container + .graph-container + .graph-container .chart {
    animation-delay: .4s;
}

#overall-graph-team .sarugby-overall-graph-teamsplayers .block {
    display: block;
    height: 90px;
    color: #ffffff;
    font-size: .75em;
    float: left;
    background-color: #EEF0F3;
    position: relative;
    overflow: hidden;
    opacity: 1;
    transition: opacity, .3s ease;
    cursor: pointer;
}

    #overall-graph-team .sarugby-overall-graph-teamsplayers .block:nth-of-type(2),
    #overall-graph-team .sarugby-overall-graph-teamsplayers .legend li:nth-of-type(2):before {
        background-color: #0E4749;
    }

    #overall-graph-team .sarugby-overall-graph-teamsplayers .block:hover {
        opacity: .65;
    }

#overall-graph-team .sarugby-overall-graph-teamsplayers .value {
    display: none;
}

#overall-graph-team .sarugby-overall-graph-teamsplayers .value1, #overall-graph-team .sarugby-overall-graph-teamsplayers .value2 {
    display: block;
    line-height: 1em;
    position: absolute;
    top: 30%;
    margin-left: 50%;
    transform: translate(-50%);
    color: #ffffff;
    text-align: left;
    font-size: 40px;
}

#overall-graph-team .sarugby-overall-graph-teamsplayers .value2 {
    margin-left: 40%;
}

@media (max-width: 768px) {
    #overall-graph-team .col-6 {
        flex: 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }

    #overall-graph-team .value1, #overall-graph-team .value2 {
        font-size: 30px !important;
    }
}

/* Attack Teams Players Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-attack-teamsplayers {
    font-family: Oswald;
    margin-top: 30px;
    background-color: #FAFAFA;
    max-width: 1200px !important;
    padding-bottom: 10px;
    font-family: Oswald;
    margin-top: 30px;
}

    .sarugby-attack-teamsplayers h2 {
        color: #000000;
        font-size: 40px;
        font-weight: 300;
        letter-spacing: 1px;
        padding-top: 60px;
        text-align: center;
        text-transform: capitalize;
        margin-bottom: 34px;
    }

@media (min-width: 320px) and (max-width: 751px) {
    .sarugby-attack-teamsplayers h2 {
        padding-top: 28px;
        margin-bottom: 28px !important;
    }
}

.sarugby-attack-teamsplayers .stat-cont {
    margin-right: 10px;
    margin-left: 10px;
}

@media (min-width: 320px) and (max-width: 756px) {
    .sarugby-attack-teamsplayers .stat-cont {
        margin-right: 0px;
        margin-left: 0px;
    }
}

.sarugby-attack-teamsplayers .stat-cont h2 {
    margin-bottom: 28px;
}

.sarugby-attack-teamsplayers .stat-col {
    background-color: #F3F3F3;
    margin-right: 1px;
    margin-left: 1px;
    margin-top: 2px;
}

.sarugby-attack-teamsplayers .stat-title {
    color: #000000;
    font-family: Oswald;
    font-size: 20px;
    padding-top: 30px;
    font-weight: 500;
    line-height: 27px;
    text-align: center;
}

@media (min-width: 320px) and (max-width: 751px) {
    .sarugby-attack-teamsplayers .stat-title {
        padding-top: 10px;
    }
}

@media (min-width: 320px) and (max-width: 426px) {
    .sarugby-attack-teamsplayers .stat-title {
        font-size: 11px;
    }
}

.sarugby-attack-teamsplayers .stat-digit {
    color: #116071;
    font-family: Oswald;
    padding-bottom: 30px;
    font-size: 180px;
    font-weight: 300;
    line-height: 143px;
    text-align: center;
}

@media (min-width: 320px) and (max-width: 426px) {
    .sarugby-attack-teamsplayers .stat-digit {
        font-size: 68px;
        line-height: 19px;
    }
}

.sarugby-attack-teamsplayers .container {
    max-width: 1200px !important;
    margin: auto;
    padding: 0;
}

.sarugby-attack-teamsplayers h2 {
    color: #000000;
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 11px;
}

.sarugby-attack-teamsplayers .controls-top {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
}

    .sarugby-attack-teamsplayers .controls-top a {
        display: inline-flex;
        top: 14px;
    }

.sarugby-attack-teamsplayers .carousel-control-prev1,
.sarugby-attack-teamsplayers .carousel-control-next1 {
    position: absolute;
    width: auto;
    display: initial;
    opacity: 1;
}

.sarugby-attack-teamsplayers .carousel-control-prev1 {
    left: auto;
    right: 40px;
    opacity: 0.3;
}

.sarugby-attack-teamsplayers .carousel-control-next1 {
    right: 0;
}

.sarugby-attack-teamsplayers .carousel-control-prev-icon1 {
    background-image: url("/Images/Icons/chevron-left-black.svg");
}

.sarugby-attack-teamsplayers .carousel-control-next-icon1 {
    background-image: url("/Images/Icons/chevron-right-black.svg");
}

.sarugby-attack-teamsplayers .carousel-control-prev-icon1,
.sarugby-attack-teamsplayers .carousel-control-next-icon1 {
    background-size: auto;
    width: 11px;
    height: 16px;
}

.sarugby-attack-teamsplayers .view-container {
    background-color: #ffffff;
    margin: 0 auto;
    text-align: center;
    padding: 20px 10px 15px 10px;
}

    .sarugby-attack-teamsplayers .view-container .graph {
        text-align: center;
    }

        .sarugby-attack-teamsplayers .view-container .graph .card {
            display: inline-block;
            float: none;
            border: 0 !important;
            background-color: transparent !important;
        }

        .sarugby-attack-teamsplayers .view-container .graph .donut-chart {
            position: relative;
            border-radius: 50%;
            overflow: hidden;
        }

            .sarugby-attack-teamsplayers .view-container .graph .donut-chart .slice {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

            .sarugby-attack-teamsplayers .view-container .graph .donut-chart .chart-center {
                position: absolute;
                border-radius: 50%;
            }

                .sarugby-attack-teamsplayers .view-container .graph .donut-chart .chart-center span {
                    display: block;
                    text-align: center;
                }

            .sarugby-attack-teamsplayers .view-container .graph .donut-chart.teamsplayers-chart {
                width: 110px;
                height: 110px;
                background: #e1e1e1;
            }

                .sarugby-attack-teamsplayers .view-container .graph .donut-chart.teamsplayers-chart .slice.one {
                    clip: rect(0 110px 55px 0);
                    -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
                    background: #F29701;
                }

                .sarugby-attack-teamsplayers .view-container .graph .donut-chart.teamsplayers-chart .slice.two {
                    clip: rect(0 55px 110px 0);
                    -webkit-transform: rotate(180deg);
                    transform: rotate(180deg);
                    background: #F29701;
                }

                .sarugby-attack-teamsplayers .view-container .graph .donut-chart.teamsplayers-chart .chart-center {
                    top: 5px;
                    left: 5px;
                    width: 100px;
                    height: 100px;
                    background: #fff;
                }

                    .sarugby-attack-teamsplayers .view-container .graph .donut-chart.teamsplayers-chart .chart-center span {
                        font-size: 40px;
                        line-height: 100px;
                        color: #F29701;
                    }

                        .sarugby-attack-teamsplayers .view-container .graph .donut-chart.teamsplayers-chart .chart-center span:after {
                            content: '';
                        }

    .sarugby-attack-teamsplayers .view-container h3 {
        color: #373D4A;
        font-size: 17px;
        font-weight: 300;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: 0;
        padding: 0 0 15px 0;
    }

@media (min-width: 768px) {
    .sarugby-attack-teamsplayers .row {
        flex-direction: row;
    }

        .sarugby-attack-teamsplayers .row .col-3 {
            max-width: 25%;
            margin-bottom: 0;
            float: left;
            padding-right: 0;
        }
}

@media (max-width: 990px) {
    .sarugby-attack-teamsplayers .carousel-item {
        display: block;
    }

    .sarugby-attack-teamsplayers .controls-top h2 {
        display: block;
    }

    .sarugby-attack-teamsplayers .controls-top a {
        display: none;
    }

    .sarugby-attack-teamsplayers .row {
        flex-direction: row;
    }

        .sarugby-attack-teamsplayers .row .col-3 {
            display: flex;
            max-width: 50%;
            float: left;
            padding: 10px;
        }

            .sarugby-attack-teamsplayers .row .col-3 .view-container {
                width: 100%;
            }
}

@media (max-width: 575px) {
    .sarugby-attack-teamsplayers h3 {
        font-size: 15px !important;
    }

    .sarugby-attack-teamsplayers .donut-chart.teamsplayers-chart {
        width: 110px;
        height: 110px;
        background: #e1e1e1;
    }

        .sarugby-attack-teamsplayers .donut-chart.teamsplayers-chart .slice.one {
            clip: rect(0 110px 55px 0);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            background: #F29701;
        }

        .sarugby-attack-teamsplayers .donut-chart.teamsplayers-chart .slice.two {
            clip: rect(0 55px 110px 0);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            background: #F29701;
        }

        .sarugby-attack-teamsplayers .donut-chart.teamsplayers-chart .chart-center {
            top: 5px;
            left: 5px;
            width: 100px;
            height: 100px;
            background: #fff;
        }

            .sarugby-attack-teamsplayers .donut-chart.teamsplayers-chart .chart-center span {
                font-size: 40px;
                line-height: 100px;
                color: #F29701;
            }

                .sarugby-attack-teamsplayers .donut-chart.teamsplayers-chart .chart-center span:after {
                    content: '';
                }
}

/* Player Stats Component */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-player-stats-container {
    font-family: Oswald;
    max-width: 1200px;
    background-color: #ffffff;
}

@media (max-width: 657px) {
    .sarugby-player-stats-container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.sarugby-player-stats-container .container {
    padding: 10px;
}

@media (max-width: 667px) {
    .sarugby-player-stats-container .container {
        padding: 10px 0px;
    }
}

.sarugby-player-stats-container .container .row {
    margin: 0;
    padding: 0;
}

.sarugby-player-stats-container .container > .row > .col-6 {
    padding: 0;
}

.sarugby-player-stats-container h1 {
    color: #000000;
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: none;
}

.sarugby-player-stats-container .player-img-container {
    background-image: url("/Content/sarugby/images/TeamsPlayers/player-img.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

    .sarugby-player-stats-container .player-img-container .description {
        background-color: rgba(0, 0, 0, 0.8);
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 15px 0 15px 30px;
        height: 103px;
    }

        .sarugby-player-stats-container .player-img-container .description h1 {
            font-size: 23px;
            font-weight: 100;
            margin: 0;
            color: #ffffff;
            line-height: 37px;
        }

@media screen and (max-width: 514px) {
    .sarugby-player-stats-container .player-img-container .description h1 {
        font-size: 13px;
        line-height: 18px;
    }
}

.sarugby-player-stats-container .player-img-container .description h3 {
    font-size: 30px;
    color: #FFC425;
    margin: 0;
    font-weight: 100;
}

@media screen and (max-width: 514px) {
    .sarugby-player-stats-container .player-img-container .description h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 882px) {
    .sarugby-player-stats-container .player-img-container .description {
        padding: 15px 0 15px 20px;
    }

        .sarugby-player-stats-container .player-img-container .description h1 {
            font-size: 19px;
        }

        .sarugby-player-stats-container .player-img-container .description h3 {
            font-size: 25px;
        }
}

.sarugby-player-stats-container .detail-container {
    background-color: #ffffff;
    /* Share Icon */
}

    .sarugby-player-stats-container .detail-container .col-6 {
        padding: 15px 0;
        text-align: center;
    }

    .sarugby-player-stats-container .detail-container .row:nth-child(1) {
        background-color: rgba(55, 61, 74, 0.5);
        color: #ffffff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    }

        .sarugby-player-stats-container .detail-container .row:nth-child(1) .col-6:first-child {
            border-right: 1px solid rgba(255, 255, 255, 0.6);
        }

        .sarugby-player-stats-container .detail-container .row:nth-child(1) .col-6:last-child {
            background-color: #EFEFEF;
            padding: 10px 10px 10px 0;
        }

@media screen and (max-width: 470px) {
    .sarugby-player-stats-container .detail-container .row:nth-child(1) .col-6:last-child {
        padding: 0 5px 5px 0;
    }
}

.sarugby-player-stats-container .detail-container .row:nth-child(2) {
    background-color: rgba(55, 61, 74, 0.7);
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

    .sarugby-player-stats-container .detail-container .row:nth-child(2) .col-6:first-child {
        border-right: 1px solid rgba(255, 255, 255, 0.6);
    }

.sarugby-player-stats-container .detail-container .row:nth-child(3) {
    background-color: rgba(55, 61, 74, 0.8);
    color: #ffffff;
}

    .sarugby-player-stats-container .detail-container .row:nth-child(3) .col-6:first-child {
        border-right: 1px solid rgba(255, 255, 255, 0.6);
    }

.sarugby-player-stats-container .detail-container .row:nth-child(4) {
    background-color: #373D4A;
    color: #ffffff;
}

.sarugby-player-stats-container .detail-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .sarugby-player-stats-container .detail-container ul li {
        padding: 0;
        text-transform: uppercase;
    }

        .sarugby-player-stats-container .detail-container ul li:first-child {
            font-size: 14px;
        }

        .sarugby-player-stats-container .detail-container ul li:last-child {
            font-size: 35px;
            font-weight: 500;
        }

@media screen and (max-width: 882px) {
    .sarugby-player-stats-container .detail-container ul li:last-child {
        font-size: 25px;
    }
}

.sarugby-player-stats-container .detail-container .button-container {
    height: 103px;
    padding-top: 26px;
    overflow: hidden;
}

    .sarugby-player-stats-container .detail-container .button-container .col-12 {
        padding: 0;
    }

    .sarugby-player-stats-container .detail-container .button-container .row {
        display: flex !important;
        flex-direction: row !important;
    }

        .sarugby-player-stats-container .detail-container .button-container .row .col-6 {
            padding: 0;
        }

            .sarugby-player-stats-container .detail-container .button-container .row .col-6 .bottom-button {
                border: 1px solid #ffffff;
                font-size: 15px;
                padding: 10px 25px;
                color: #ffffff;
                letter-spacing: 1.5px;
                background: transparent;
                font-weight: 100;
            }

                .sarugby-player-stats-container .detail-container .button-container .row .col-6 .bottom-button:hover {
                    background-color: #0D5565;
                    color: white;
                    border: solid 1px #0D5565 !important;
                    text-decoration: none;
                    cursor: pointer;
                    transition: 1s all;
                }

@media screen and (max-width: 882px) {
    .sarugby-player-stats-container .detail-container .button-container .row .col-6 .bottom-button {
        font-size: 13px;
        padding: 15px 10px;
    }
}

@media screen and (max-width: 768px) {
    .sarugby-player-stats-container .detail-container .button-container .row .col-6 .bottom-button {
        font-size: 15px;
        padding: 15px 20px;
    }
}

@media screen and (max-width: 597px) {
    .sarugby-player-stats-container .detail-container .button-container .row .col-6 .bottom-button {
        font-size: 13px;
        padding: 15px 10px;
    }
}

@media screen and (max-width: 485px) {
    .sarugby-player-stats-container .detail-container .button-container .row .col-6 .bottom-button {
        font-size: 12px;
        padding: 15px 8px;
    }
}

.sarugby-player-stats-container .detail-container .button-container .row:nth-child(1) {
    background-color: none;
    border-bottom: 0;
}

    .sarugby-player-stats-container .detail-container .button-container .row:nth-child(1) .col-6:first-child {
        border-right: 0;
    }

    .sarugby-player-stats-container .detail-container .button-container .row:nth-child(1) .col-6:last-child {
        background-color: #373D4A;
        padding: 0;
    }

.sarugby-player-stats-container .detail-container div#collapseSocial {
    border: none;
    margin-top: -18px;
    margin-right: -43px;
}

@media screen and (max-width: 882px) {
    .sarugby-player-stats-container .detail-container div#collapseSocial {
        margin-top: -32px;
        margin-right: -33px;
    }
}

.sarugby-player-stats-container .detail-container .share-on-mobi {
    cursor: pointer;
    margin-top: 5px;
    float: right;
}

@media screen and (max-width: 1150px) {
    .sarugby-player-stats-container .detail-container .share-on-mobi {
        width: 25px;
        height: 25px;
        margin-top: 2px;
        margin-right: -29px;
    }
}

.sarugby-player-stats-container .detail-container .tourn-about-collapse {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0px 29px;
}

.sarugby-player-stats-container .detail-container .tourn-about-collapse-item {
    color: #373D4A;
    font-family: Oswald;
    font-size: 25px;
    font-weight: 200;
    line-height: 26px;
}

.sarugby-player-stats-container .detail-container .tourn-chev-down {
    margin: 21px 20px 0px 0px;
    font-size: 16px;
    color: #373D4A;
}

.sarugby-player-stats-container .detail-container .share-icon-container {
    background-color: #ffffff;
}

    .sarugby-player-stats-container .detail-container .share-icon-container .tourn-share-span {
        width: 100%;
        text-align: right;
    }

@media screen and (max-width: 1150px) {
    .sarugby-player-stats-container .detail-container .share-icon-container .tourn-share-span .social-btn {
        width: 25px;
    }
}

@media screen and (max-width: 470px) {
    .sarugby-player-stats-container .detail-container .share-icon-container .tourn-share-span .social-btn {
        width: 18px;
    }
}

@media screen and (max-width: 1150px) {
    .sarugby-player-stats-container .detail-container .share-icon-container .tourn-share-span .span-img {
        margin-left: 0;
    }
}

.sarugby-player-stats-container .detail-container .share-icon-container .tourn-share-span .social-buttons-pos {
    padding-bottom: 0px !important;
    padding-top: 26px !important;
    padding-right: 38px !important;
}

    .sarugby-player-stats-container .detail-container .share-icon-container .tourn-share-span .social-buttons-pos .social-icon {
        padding-right: 5px;
    }

@media (min-width: 883px) and (max-width: 1150px) {
    .sarugby-player-stats-container .detail-container .share-icon-container .tourn-share-span .social-buttons-pos {
        padding: 25px 38px 0px 0 !important;
    }
}

@media screen and (max-width: 882px) {
    .sarugby-player-stats-container .detail-container .share-icon-container .tourn-share-span .social-buttons-pos {
        padding: 38px 28px 0px 0 !important;
    }
}

@media screen and (max-width: 1150px) {
    .sarugby-player-stats-container .detail-container .share-icon-container .tourn-share-span {
        margin: 6px 0px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 1150px) {
    .sarugby-player-stats-container .detail-container .share-icon-container .tourn-share-span .tourn-share-on-mobi {
        padding: 0px 0px 0px 0px;
    }
}

@media screen and (max-width: 1150px) {
    .sarugby-player-stats-container .detail-container .share-icon-container .tourn-share-span .share-img {
        margin-right: 0px;
        width: 25px;
    }
}

/* Defense Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-defense-teams-players {
    font-family: Oswald;
    margin-top: 30px;
    background-color: #FAFAFA;
    max-width: 1200px !important;
    padding-bottom: 10px;
}

    .sarugby-defense-teams-players h2 {
        color: #000000;
        font-size: 40px;
        font-weight: 300;
        letter-spacing: 1px;
        padding-top: 60px;
        text-align: center;
        text-transform: capitalize;
        margin-bottom: 34px;
    }

@media (min-width: 320px) and (max-width: 751px) {
    .sarugby-defense-teams-players h2 {
        padding-top: 28px;
        margin-bottom: 28px;
    }
}

.sarugby-defense-teams-players .stat-cont {
    margin-right: 10px;
    margin-left: 10px;
}

@media (min-width: 320px) and (max-width: 756px) {
    .sarugby-defense-teams-players .stat-cont {
        margin-right: 0px;
        margin-left: 0px;
    }
}

.sarugby-defense-teams-players .stat-col {
    background-color: #F3F3F3;
    margin-right: 1px;
    margin-left: 1px;
    margin-top: 2px;
}

.sarugby-defense-teams-players .stat-title {
    color: #000000;
    font-family: Oswald;
    font-size: 20px;
    padding-top: 30px;
    font-weight: 500;
    line-height: 27px;
    text-align: center;
}

@media (min-width: 320px) and (max-width: 751px) {
    .sarugby-defense-teams-players .stat-title {
        padding-top: 10px;
    }
}

@media (min-width: 320px) and (max-width: 426px) {
    .sarugby-defense-teams-players .stat-title {
        font-size: 11px;
    }
}

.sarugby-defense-teams-players .stat-digit {
    color: #116071;
    font-family: Oswald;
    padding-bottom: 30px;
    font-size: 180px;
    font-weight: 300;
    line-height: 143px;
    text-align: center;
}

@media (min-width: 320px) and (max-width: 426px) {
    .sarugby-defense-teams-players .stat-digit {
        font-size: 68px;
        line-height: 19px;
    }
}

/* Kicking Teams Players Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-kicking-team {
    font-family: Oswald;
    margin-top: 30px;
    background-color: #FAFAFA;
    max-width: 1200px !important;
    padding-bottom: 10px;
}

    .sarugby-kicking-team h2 {
        color: #000000;
        font-size: 40px;
        font-weight: 300;
        letter-spacing: 1px;
        padding-top: 60px;
        text-align: center;
        text-transform: capitalize;
        margin-bottom: 34px;
    }

@media (min-width: 320px) and (max-width: 751px) {
    .sarugby-kicking-team h2 {
        padding-top: 28px;
        margin-bottom: 28px;
    }
}

.sarugby-kicking-team .stat-cont {
    margin-right: 10px;
    margin-left: 10px;
}

@media (min-width: 320px) and (max-width: 756px) {
    .sarugby-kicking-team .stat-cont {
        margin-right: 0px;
        margin-left: 0px;
    }
}

.sarugby-kicking-team .stat-col {
    background-color: #F3F3F3;
    margin-right: 1px;
    margin-left: 1px;
    margin-top: 2px;
}

.sarugby-kicking-team .stat-title {
    color: #000000;
    font-family: Oswald;
    font-size: 20px;
    padding-top: 30px;
    font-weight: 500;
    line-height: 27px;
    text-align: center;
}

@media (min-width: 320px) and (max-width: 751px) {
    .sarugby-kicking-team .stat-title {
        padding-top: 10px;
    }
}

@media (min-width: 320px) and (max-width: 426px) {
    .sarugby-kicking-team .stat-title {
        font-size: 11px;
    }
}

.sarugby-kicking-team .stat-digit {
    color: #116071;
    font-family: Oswald;
    padding-bottom: 30px;
    font-size: 180px;
    font-weight: 300;
    line-height: 143px;
    text-align: center;
}

@media (min-width: 320px) and (max-width: 426px) {
    .sarugby-kicking-team .stat-digit {
        font-size: 68px;
        line-height: 19px;
    }
}

/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#players-top-10 {
    background-color: #0E4749;
}

.players-top-10 {
    max-width: 1200px;
    padding-bottom: 20px;
}

    .players-top-10 .pagination-container {
        margin-left: auto;
        margin-right: auto;
        width: 56%;
        text-align: center;
        padding-bottom: 28px;
    }

@media (max-width: 320px) {
    .players-top-10 .pagination-container {
        width: 34.5%;
    }
}

@media (max-width: 425px) {
    .players-top-10 .pagination-container {
        width: 34.5%;
    }
}

@media (min-width: 320px) {
    .players-top-10 .pagination-container {
        width: 35.7%;
    }
}

@media (max-width: 768px) and (min-width: 425px) {
    .players-top-10 .pagination-container {
        width: 21%;
    }
}

.players-top-10 .pagination-container .chev-previous {
    position: relative;
    right: 113px;
    color: #fff;
}

@media (max-width: 320px) {
    .players-top-10 .pagination-container .chev-previous {
        right: 97px;
    }
}

.players-top-10 .pagination-container .chev-next {
    position: relative;
    left: 113px;
    color: #fff;
}

@media (max-width: 400px) {
    .players-top-10 .pagination-container .chev-next {
        top: -20px;
        left: 118px;
    }
}

@media (min-width: 340px) and (max-width: 399px) {
    .players-top-10 .pagination-container .chev-next {
        top: -2px;
        left: 105px;
    }
}

@media (min-width: 340px) and (max-width: 344px) {
    .players-top-10 .pagination-container .chev-next {
        left: 83px;
        top: -4px;
    }
}

@media (max-width: 324px) {
    .players-top-10 .pagination-container .chev-next {
        left: 105px;
        top: -20px;
    }
}

@media (min-width: 426px) and (max-width: 768px) {
    .players-top-10 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.players-top-10 .col-xs-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.players-top-10 .mobile-td {
    font-size: 24px !important;
    text-align: center !important;
}

.players-top-10 .mobile-table-players {
    width: 100%;
}

@media (max-width: 756px) {
    .players-top-10 .mobile-table-players {
        width: 40% !important;
        float: left;
    }
}

.players-top-10 .mobile-table-tries-conversion {
    /*position: absolute;*/
    width: 59.1%;
}

@media (max-width: 355px) {
    .players-top-10 .mobile-table-tries-conversion {
        width: 59.1%;
        float: left;
    }
}

@media (max-width: 346px) {
    .players-top-10 .mobile-table-tries-conversion {
        width: 58.1%;
        float: left;
    }
}

@media (max-width: 346px) {
    .players-top-10 .mobile-table-tries-conversion {
        width: 57.1%;
        float: left;
    }
}

@media (max-width: 330px) {
    .players-top-10 .mobile-table-tries-conversion {
        width: 55.1%;
        float: left;
    }
}

@media (max-width: 317px) {
    .players-top-10 .mobile-table-tries-conversion {
        width: 54.1%;
        float: left;
    }
}

@media (max-width: 312px) {
    .players-top-10 .mobile-table-tries-conversion {
        width: 53.1%;
        float: left;
    }
}

@media (max-width: 306px) {
    .players-top-10 .mobile-table-tries-conversion {
        width: 52.1%;
        float: left;
    }
}

@media (max-width: 301px) {
    .players-top-10 .mobile-table-tries-conversion {
        width: 52.1%;
        float: left;
    }
}

.players-top-10 .mobile-table-dropgoals-points {
    position: absolute;
    top: 274px;
    width: 60.1%;
    left: 165px;
}

@media (max-width: 320px) {
    .players-top-10 .mobile-table-dropgoals-points {
        left: 122px;
        width: 57% !important;
    }
}

@media (max-width: 424px) {
    .players-top-10 .mobile-table-dropgoals-points {
        left: 146px;
        width: 60.1% !important;
    }
}

.players-top-10 .mobile-table-penalties-dropgoals {
    width: 59.1%;
    float: left;
}

@media (max-width: 355px) {
    .players-top-10 .mobile-table-penalties-dropgoals {
        width: 59.1%;
        float: left;
    }
}

@media (max-width: 346px) {
    .players-top-10 .mobile-table-penalties-dropgoals {
        width: 58.1%;
        float: left;
    }
}

@media (max-width: 346px) {
    .players-top-10 .mobile-table-penalties-dropgoals {
        width: 57.1%;
        float: left;
    }
}

@media (max-width: 330px) {
    .players-top-10 .mobile-table-penalties-dropgoals {
        width: 55.1%;
        float: left;
    }
}

@media (max-width: 317px) {
    .players-top-10 .mobile-table-penalties-dropgoals {
        width: 54.1%;
        float: left;
    }
}

@media (max-width: 312px) {
    .players-top-10 .mobile-table-penalties-dropgoals {
        width: 53.1%;
        float: left;
    }
}

@media (max-width: 306px) {
    .players-top-10 .mobile-table-penalties-dropgoals {
        width: 52.1%;
        float: left;
    }
}

@media (max-width: 301px) {
    .players-top-10 .mobile-table-penalties-dropgoals {
        width: 52.1%;
        float: left;
    }
}

.players-top-10 .players-top-10-table thead tr th {
    color: #000000;
    text-align: center;
    font-family: Oswald;
    font-size: 25px;
    font-weight: 300;
    line-height: 45px;
}

@media (max-width: 576px) {
    .players-top-10 .players-top-10-table thead tr th {
        line-height: 18px;
        height: 65px;
        vertical-align: middle;
    }
}

@media (max-width: 320px) {
    .players-top-10 .players-top-10-table thead tr th {
        font-size: 12px !important;
        margin-left: 10px;
    }
}

@media (max-width: 424px) {
    .players-top-10 .players-top-10-table thead tr th {
        font-size: 13px !important;
        margin-left: 10px;
    }
}

@media (min-width: 426px) and (max-width: 768px) {
    .players-top-10 .players-top-10-table thead tr th {
        font-size: 18px !important;
        margin-left: 10px;
    }
}

.players-top-10 .top-title {
    color: #FFFFFF;
    font-family: Oswald;
    font-size: 40px;
    font-weight: 300;
    line-height: 55px;
    padding-top: 45px;
    padding-bottom: 18px;
}

@media (min-width: 426px) and (max-width: 768px) {
    .players-top-10 .top-title {
        padding-left: 20px;
    }
}

.players-top-10 .players-top-10-table thead {
    background-color: #ffffff;
}

.players-top-10 .players-top-10-table tbody tr td {
    text-align: center;
    color: #8494A5;
    font-family: Oswald;
    font-size: 30px;
    font-weight: 300;
    border-color: #0E4749;
    line-height: 45px;
    text-align: center;
}

@media (max-width: 320px) {
    .players-top-10 .players-top-10-table tbody tr td {
        font-size: 16px !important;
        width: 114px;
        padding-left: 8px !important;
    }
}

@media (max-width: 424px) {
    .players-top-10 .players-top-10-table tbody tr td {
        font-size: 16px !important;
        width: 120px;
        margin-left: 10px;
    }
}

@media (min-width: 425px) and (max-width: 768px) {
    .players-top-10 .players-top-10-table tbody tr td {
        font-size: 16px !important;
        margin-left: 10px;
    }
}

.players-top-10 .players-top-10-table tbody tr td:last-child {
    font-size: 30px;
    font-weight: 500;
}

.players-top-10 .players-top-10-table tbody tr:nth-child(1) {
    background-color: #0D4344;
}

.players-top-10 .players-top-10-table tbody tr:nth-child(2) {
    background-color: #0D4040;
}

.players-top-10 .players-top-10-table tbody tr:nth-child(3) {
    background-color: #0D3C3B;
}

.players-top-10 .players-top-10-table tbody tr:nth-child(4) {
    background-color: #0D3937;
}

.players-top-10 .players-top-10-table tbody tr:nth-child(5) {
    background-color: #0C3634;
}

.players-top-10 .players-top-10-table tbody tr:nth-child(6) {
    background-color: #0C3330;
}

.players-top-10 .players-top-10-table tbody tr:nth-child(7) {
    background-color: #0C302B;
}

.players-top-10 .players-top-10-table tbody tr:nth-child(8) {
    background-color: #0C2C27;
}

.players-top-10 .players-top-10-table tbody tr:nth-child(9) {
    background-color: #0C2823;
}

.players-top-10 .players-top-10-table tbody tr:nth-child(10) {
    background-color: #0C261F;
}

.players-top-10 .player-name {
    text-align: left !important;
    color: #ffffff !important;
    font-family: Oswald;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 426px) and (max-width: 768px) {
    .players-top-10 .player-name {
        width: 128px;
    }
}

.players-top-10 .player-header {
    text-align: left !important;
    text-align: center;
    color: #ffffff;
    font-family: Oswald;
    font-size: 25px;
    font-weight: 300;
    line-height: 45px;
}

.players-top-10 .dot {
    height: 10px;
    margin-right: 6px;
    width: 10px;
    background-color: #FFF;
    border-radius: 50%;
    display: inline-block;
}

    .players-top-10 .dot.active {
        height: 10px;
        margin-right: 6px;
        width: 10px;
        border-radius: 50%;
        display: inline-block;
        background-color: #f29701;
    }

/* Defense Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.tp {
    background: #fff;
}

    .tp .teams-nav-container {
        padding: 0px 0px 0px 30px;
    }

        .tp .teams-nav-container .col-md-2 {
            -ms-flex: 0 0 14.666667%;
            flex: 0 0 14.666667%;
            max-width: 14.666667%;
        }

        .tp .teams-nav-container .img-container {
            justify-content: center;
            display: flex;
            padding: 30px 0;
        }

            .tp .teams-nav-container .img-container:hover {
                background-color: #f3f3f3;
            }

            .tp .teams-nav-container .img-container img {
                width: 100px;
                height: 100px;
                /* border: 1px solid; */
            }

    .tp .sarugby-upcoming-team .sarugby-upcoming {
        padding: 10px 10px 0px;
    }

        .tp .sarugby-upcoming-team .sarugby-upcoming .overlapping-img {
            background-image: url(/Images/Icons/V-shape.svg);
            background-repeat: no-repeat;
            background-position: center;
            width: 100%;
            margin: auto;
            margin-top: 0;
        }

        .tp .sarugby-upcoming-team .sarugby-upcoming .category-text {
            padding-bottom: 0%;
            text-transform: uppercase;
        }

        .tp .sarugby-upcoming-team .sarugby-upcoming .card {
            margin-top: 12px;
        }

            .tp .sarugby-upcoming-team .sarugby-upcoming .card .text-team-1,
            .tp .sarugby-upcoming-team .sarugby-upcoming .card .text-team-2 {
                padding: 24px 0;
            }

@media (min-width: 768px) and (max-width: 893px) {
    .tp .sarugby-upcoming-team .sarugby-upcoming .card .text-team-1,
    .tp .sarugby-upcoming-team .sarugby-upcoming .card .text-team-2 {
        font-size: 15px;
    }
}

.tp .sarugby-upcoming-team .sarugby-upcoming .card .col3 {
    background-color: #E89719;
}

.tp .sarugby-upcoming-team .sarugby-upcoming .card .col4 {
    background-color: #2F4E9B;
}

/* Defense Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#next-game-banner {
    width: 100%;
    height: auto;
    background-image: url("/Content/sarugby/images/tickets/selected_fixture_bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    margin: 20px auto;
}

    #next-game-banner .sarugby-next-match {
        text-align: center;
        color: #ffffff;
        text-transform: uppercase;
        font-family: Oswald;
        width: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        padding-top: 60px;
    }

        #next-game-banner .sarugby-next-match .cont {
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
        }

            #next-game-banner .sarugby-next-match .cont .p-2 {
                margin-top: 17px;
            }

                #next-game-banner .sarugby-next-match .cont .p-2 .img-fluid {
                    width: 80% !important;
                }

@media (min-width: 320px) and (max-width: 768px) {
    #next-game-banner .sarugby-next-match .cont .p-2 .img-fluid {
        width: 100% !important;
    }
}

@media (min-width: 330px) and (max-width: 400px) {
    #next-game-banner .sarugby-next-match .cont .p-2 .img-fluid {
        margin-top: 15px;
    }
}

@media (min-width: 320px) and (max-width: 330px) {
    #next-game-banner .sarugby-next-match .cont .p-2 .img-fluid {
        margin-top: 15px;
    }
}

#next-game-banner .sarugby-next-match .cont .banner-header {
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
    transform: scaleX(1) !important;
}

    #next-game-banner .sarugby-next-match .cont .banner-header .logo {
        height: 42.39px;
        width: 42.39px;
        transform: scaleX(1.2) !important;
    }

    #next-game-banner .sarugby-next-match .cont .banner-header h1 {
        font-size: 50px;
        font-weight: 700;
        line-height: 45px;
        padding-top: 10px;
        transform: scaleX(1.2) !important;
    }

    #next-game-banner .sarugby-next-match .cont .banner-header .sub-heading {
        font-size: 16px;
        font-weight: 300;
        line-height: 23px;
        transform: scaleX(1.2) !important;
        letter-spacing: 0.5px;
    }

#next-game-banner .sarugby-next-match .cont .match-status {
    color: #ffffff;
    text-align: center;
    margin-top: 67px;
}

@media (min-width: 639px) and (max-width: 768px) {
    #next-game-banner .sarugby-next-match .cont .match-status {
        margin-top: 40px;
    }
}

@media (min-width: 640px) {
    #next-game-banner .sarugby-next-match .cont .match-status {
        margin-top: 60px;
    }
}

#next-game-banner .sarugby-next-match .cont .match-status .time, #next-game-banner .sarugby-next-match .cont .match-status .score {
    font-size: 70px;
    line-height: 95px;
    font-weight: 200;
    letter-spacing: 5px;
}

#next-game-banner .sarugby-next-match .cont .match-status .vs-center-heading {
    font-size: 70px;
    line-height: 99px;
    padding-bottom: 32px;
}

@media (min-width: 300px) and (max-width: 760px) {
    #next-game-banner .sarugby-next-match .cont .match-status .vs-center-heading {
        font-size: 40px;
        line-height: 45px;
        padding-bottom: 32px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #next-game-banner .sarugby-next-match .cont .match-status .vs-center-heading {
        font-size: 50px;
        line-height: 45px;
        padding-top: 10px;
        padding-bottom: 32px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    #next-game-banner .sarugby-next-match .cont .match-status .vs-center-heading {
        font-size: 50px;
        line-height: 45px;
        padding-top: 10px;
        padding-bottom: 32px;
        margin-top: -20px;
    }
}

#next-game-banner .sarugby-next-match .cont .match-status .date {
    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
    margin-top: 47px;
    letter-spacing: 1px;
    margin-bottom: 70px !important;
}

@media (min-width: 320px) and (max-width: 480px) {
    #next-game-banner .sarugby-next-match .cont .match-status .date {
        font-size: 18px;
        margin-top: 25px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #next-game-banner .sarugby-next-match .cont .match-status .date {
        font-size: 18px;
        margin-top: 25px;
    }
}

#next-game-banner .sarugby-next-match .cont .match-status .live {
    margin-top: 30px;
}

#next-game-banner .sarugby-next-match .cont .banner-footer {
    display: inline-block;
    width: 100%;
    padding-bottom: 60px;
}

    #next-game-banner .sarugby-next-match .cont .banner-footer .buy-tickets-button a {
        border: 1px solid #ffffff;
        display: inline-block;
        font-size: 20px;
        padding: 15px 45px;
        color: #ffffff;
        letter-spacing: 2.5px;
        text-decoration: none;
    }

        #next-game-banner .sarugby-next-match .cont .banner-footer .buy-tickets-button a:hover {
            background-color: #ffffff;
            color: #0E4749 !important;
            border: solid 1px #ffffff !important;
            text-decoration: none;
            transition: 1s all;
            cursor: pointer;
        }

@media (min-width: 320px) and (max-width: 480px) {
    #next-game-banner .sarugby-next-match .cont .banner-footer .buy-tickets-button a {
        padding: 15px 19px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #next-game-banner .sarugby-next-match .cont .banner-footer .buy-tickets-button a {
        padding: 8px 15px;
    }
}

/* MatchGame Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#players-stats {
    margin-bottom: 30px;
}

    #players-stats .sarugby-stats-players {
        color: #FFFFFF;
        font-family: Oswald;
        max-width: 1000px;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

        #players-stats .sarugby-stats-players .stats-players-maincontainer {
            background-color: #0D5565;
        }

@media screen and (min-width: 780px) and (max-width: 1023px) {
    #players-stats .sarugby-stats-players .stats-players-maincontainer {
        margin-left: 14px;
        margin-right: 14px;
    }
}

#players-stats .sarugby-stats-players .stats-players-maincontainer .players-stats > div:nth-of-type(3) {
    order: 4;
}

#players-stats .sarugby-stats-players .stats-players-maincontainer h2 {
    font-size: 40px;
    font-weight: 300;
    line-height: 55px;
    padding: 32px 0px 32px 37px;
}

#players-stats .sarugby-stats-players .stats-players-maincontainer .yellow-red-card {
    margin-right: 0;
    margin-left: 0;
}

    #players-stats .sarugby-stats-players .stats-players-maincontainer .yellow-red-card h3 {
        font-size: 20px;
        font-weight: 500;
        line-height: 27px;
        text-align: center;
        margin: 33px 0px;
        text-transform: uppercase;
    }

@media (max-width: 499px) {
    #players-stats .sarugby-stats-players .stats-players-maincontainer .yellow-red-card h3 {
        font-size: 17px;
        margin-bottom: 0px;
    }
}

#players-stats .sarugby-stats-players .stats-players-maincontainer .yellow-red-card p {
    font-family: Oswald;
    font-size: 200px;
    font-weight: 300;
    line-height: 136px;
    text-align: center;
    margin-bottom: 70px;
}

@media (min-width: 500px) and (max-width: 768px) {
    #players-stats .sarugby-stats-players .stats-players-maincontainer .yellow-red-card p {
        font-size: 150px;
    }
}

@media (max-width: 499px) {
    #players-stats .sarugby-stats-players .stats-players-maincontainer .yellow-red-card p {
        font-size: 100px;
    }
}

#players-stats .sarugby-stats-players .stats-players-maincontainer .yellow-red-card .yellow-card {
    background-color: #F3F3F3;
    border-right: solid white 3px;
}

    #players-stats .sarugby-stats-players .stats-players-maincontainer .yellow-red-card .yellow-card > h3 {
        color: #000000;
        text-transform: uppercase;
    }

    #players-stats .sarugby-stats-players .stats-players-maincontainer .yellow-red-card .yellow-card .yellow-card-stat {
        color: #ffc425 !important;
    }

@media (max-width: 499px) {
    #players-stats .sarugby-stats-players .stats-players-maincontainer .yellow-red-card .yellow-card .yellow-card-stat {
        margin-bottom: 30px;
    }
}

#players-stats .sarugby-stats-players .stats-players-maincontainer .yellow-red-card .red-card {
    background-color: #F3F3F3;
}

    #players-stats .sarugby-stats-players .stats-players-maincontainer .yellow-red-card .red-card > h3 {
        color: #000000;
    }

    #players-stats .sarugby-stats-players .stats-players-maincontainer .yellow-red-card .red-card .red-card-stat {
        color: #AD0D0D !important;
    }

@media (max-width: 499px) {
    #players-stats .sarugby-stats-players .stats-players-maincontainer .yellow-red-card .red-card .red-card-stat {
        margin-bottom: 30px;
    }
}

#players-stats .sarugby-stats-players .stats-players-maincontainer .players-stats .stats-heading {
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 499px) {
    #players-stats .sarugby-stats-players .stats-players-maincontainer .players-stats .stats-heading {
        margin-bottom: -15px;
    }
}

#players-stats .sarugby-stats-players .stats-players-maincontainer .players-stats p {
    font-family: Oswald;
    font-size: 100px;
    font-weight: 500;
    line-height: 136px;
    text-align: center;
    opacity: 0.3;
}

@media (max-width: 499px) {
    #players-stats .sarugby-stats-players .stats-players-maincontainer .players-stats p {
        font-size: 75px;
    }
}

/* Players biography Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-player-bio {
    font-family: Oswald;
    margin-top: 30px;
}

    .sarugby-player-bio .container {
        max-width: 1000px;
        margin: auto;
        padding: 0 15px;
    }

    .sarugby-player-bio h2 {
        color: #000000;
        font-size: 40px;
        font-weight: 300;
        letter-spacing: 1px;
        text-transform: capitalize;
        margin-bottom: 25px;
    }

    .sarugby-player-bio p {
        font-size: 20px;
        font-weight: 300;
        line-height: 26px;
        margin-bottom: 20px;
    }

    .sarugby-player-bio .bio-table {
        padding: 15px;
    }

        .sarugby-player-bio .bio-table table {
            font-size: 20px;
        }

            .sarugby-player-bio .bio-table table tr:nth-child(odd) {
                background-color: rgba(239, 239, 239, 0.3);
            }

            .sarugby-player-bio .bio-table table tr td {
                width: 50vw;
                border: 0;
                padding: 10px 0;
            }

@media (min-width: 1024px) {
    .sarugby-player-bio {
        margin-top: 36px;
    }
}

/* Latest News Styles*/
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-teams-players-news {
    display: block;
    min-height: 500px;
    padding: 40px;
    color: #ffffff;
    max-width: 1294px;
    margin: auto;
}

@media (max-width: 640px) {
    .sarugby-teams-players-news .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

.sarugby-teams-players-news .card-text {
    margin-top: 15px;
}

@media (max-width: 992px) {
    .sarugby-teams-players-news .controls {
        display: none;
    }
}

.sarugby-teams-players-news .top5news-scrollable-div {
    display: block !important;
    overflow: hidden;
}

@media (max-width: 992px) {
    .sarugby-teams-players-news .top5news-scrollable-div {
        overflow: auto;
    }
}

.sarugby-teams-players-news #top5news-scrollable-div {
    left: 0;
    width: 184%;
    position: relative;
    display: block !important;
}

@media (max-width: 992px) {
    .sarugby-teams-players-news #top5news-scrollable-div {
        width: 502%;
    }
}

.sarugby-teams-players-news #top5news-scrollable-div > div {
    float: left;
    width: 17.5%;
}

.sarugby-teams-players-news #top5news-leftArrow {
    cursor: pointer;
}

.sarugby-teams-players-news #top5news-rightArrow {
    cursor: pointer;
}

.sarugby-teams-players-news .header {
    line-height: 55px;
    font-size: 40px;
    font-weight: 100;
    color: #000;
}

.sarugby-teams-players-news .cards {
    overflow: auto;
    display: flex;
}

    .sarugby-teams-players-news .cards .m-2:first-of-type {
        margin-left: 0 !important;
    }

    .sarugby-teams-players-news .cards .col-md-4:first-of-type {
        margin-left: 0 !important;
    }

    .sarugby-teams-players-news .cards .col-sm-10:first-of-type {
        margin-left: 0 !important;
    }

    .sarugby-teams-players-news .cards::-webkit-scrollbar {
        display: none;
    }

.sarugby-teams-players-news .control {
    color: #ffffff;
}

.sarugby-teams-players-news .controls {
    position: relative;
    top: 22px;
}

.sarugby-teams-players-news .control:any-link {
    color: #ffffff;
    text-decoration: none;
    line-height: 55px;
    font-size: 25px;
    font-weight: 600;
}

.sarugby-teams-players-news .a:any-link {
    text-decoration: none;
}

.sarugby-teams-players-news .card {
    height: 445px;
    overflow: hidden;
    border-radius: 0px;
    flex-basis: 14%;
}

@media (min-width: 1260px) {
    .sarugby-teams-players-news .card {
        height: 348px;
    }
}

.sarugby-teams-players-news .card-video {
    background-color: #ffffff;
    border: none;
}

    .sarugby-teams-players-news .card-video .card-img-top {
        width: 100%;
        object-fit: cover;
        overflow: hidden;
    }

    .sarugby-teams-players-news .card-video .link-icons {
        position: absolute;
        display: table;
        z-index: 2;
        opacity: 1;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        text-align: center;
        margin: auto;
    }

        .sarugby-teams-players-news .card-video .link-icons:hover {
            opacity: 1;
            background: rgba(0, 0, 0, 0.5) center no-repeat;
        }

    .sarugby-teams-players-news .card-video div.inner {
        display: block;
        width: 100%;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
    }

        .sarugby-teams-players-news .card-video div.inner a {
            position: relative;
            top: -60px;
        }

    .sarugby-teams-players-news .card-video .large {
        font-size: 20px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 10px 0 10px;
        background-color: red;
        color: #ffffff;
    }

    .sarugby-teams-players-news .card-video .card-body .card-title {
        color: #0D5565;
        font-family: Oswald;
        font-size: 20px;
        font-weight: 300;
        line-height: 27px;
    }

        .sarugby-teams-players-news .card-video .card-body .card-title:any-link {
            text-decoration: none;
        }

    .sarugby-teams-players-news .card-video .card-body .category-text {
        height: 23.35px;
        width: 104.05px;
        color: #F29701;
        font-family: Oswald;
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        /*line-height: 25px;
                font-size: 15px;
                color: $primary-gold;
                font-weight: 600;
                text-transform: uppercase;*/
    }

    .sarugby-teams-players-news .card-video .card-footer {
        display: none;
    }

.sarugby-teams-players-news .card-article1 {
    background-color: #0D5565;
}

    .sarugby-teams-players-news .card-article1 .card-img-top {
        display: none;
    }

    .sarugby-teams-players-news .card-article1 .card-body .card-title {
        color: #FFFFFF;
        font-family: Oswald;
        font-size: 40px;
        font-weight: 300;
        line-height: 39px;
    }

        .sarugby-teams-players-news .card-article1 .card-body .card-title:any-link {
            text-decoration: none;
        }

    .sarugby-teams-players-news .card-article1 .card-body .category-text {
        line-height: 25px;
        font-size: 15px;
        color: #F29701;
        font-weight: 600;
        text-transform: uppercase;
    }

    .sarugby-teams-players-news .card-article1 .card-body .card-text {
        height: 80.07px;
        color: #CDD3DD;
        font-family: Helvetica;
        font-size: 14px;
        line-height: 17px;
    }

    .sarugby-teams-players-news .card-article1 .custom-padding {
        padding: 1%;
    }

    .sarugby-teams-players-news .card-article1 .card-footer {
        height: 51px;
        width: 190px;
        color: #FFFFFF;
        font-family: Helvetica;
        font-size: 14px;
        font-weight: 300;
        line-height: 17px;
        border: none;
        background: transparent;
    }

.sarugby-teams-players-news .card-article2 {
    background-color: #F29701;
}

    .sarugby-teams-players-news .card-article2 .card-img-top {
        display: none;
    }

    .sarugby-teams-players-news .card-article2 .card-body .card-title {
        color: #FFFFFF;
        font-family: Oswald;
        font-size: 40px;
        font-weight: 300;
        line-height: 39px;
        /*line-height: 45px;
                font-size: 40px;
                text-transform: uppercase;
                font-weight: 100;
                color: $primary-white;*/
    }

        .sarugby-teams-players-news .card-article2 .card-body .card-title:any-link {
            text-decoration: none;
        }

    .sarugby-teams-players-news .card-article2 .card-body .category-text {
        line-height: 25px;
        font-size: 15px;
        color: #ffffff;
        font-weight: 600;
        text-transform: uppercase;
    }

    .sarugby-teams-players-news .card-article2 .card-body .card-text {
        height: 80.07px;
        color: #FFFFFF;
        font-family: Helvetica;
        font-size: 14px;
        line-height: 17px;
    }

    .sarugby-teams-players-news .card-article2 .card-footer {
        height: 51px;
        width: 190px;
        color: #FFFFFF;
        font-family: Helvetica;
        font-size: 14px;
        font-weight: 300;
        line-height: 17px;
        border: none;
        background: transparent;
    }

        .sarugby-teams-players-news .card-article2 .card-footer b {
            font-weight: 700;
        }

.sarugby-teams-players-news .card-footer {
    margin-bottom: 12px;
}

    .sarugby-teams-players-news .card-footer b {
        font-weight: 700;
    }

.sarugby-teams-players-news .category-text {
    text-transform: uppercase;
    margin-bottom: 0;
}

.sarugby-teams-players-news .card-title {
    text-transform: uppercase;
}

/* Players squad list Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#teams-players .container .col-xs-12:nth-child(1) {
    padding: 0;
}

@media (max-width: 320px) {
    a#nav-overview-tab {
        font-size: 13px !important;
    }
}

@media (max-width: 426px) {
    #teams-players .nav-container .nav-tabs .nav-link.active, #teams-players .nav-container .nav-tabs .nav-item.show .nav-link, #teams-players .nav-container .nav-tabs .nav-link {
        font-size: 13px !important;
    }
}

@media (max-width: 426px) {
    .nav-link.active:before {
        top: 30px;
    }
}

.squad-mob-list-wrap {
    display: block;
}

.squad-desk-list-wrap {
    display: none;
}

a.load-more,
a.load-less {
    font-size: 20px;
    text-transform: uppercase;
    color: #0D5565;
    display: block;
    text-align: center;
    position: relative;
    margin: 10px auto;
    max-width: 110px;
    /*border: solid 1px #0D5565;*/
    padding: 12px 8px;
    /*&:after {
        content: '';
        background: url('/Images/Icons/chevron-down.svg');
        top: 33px;
        width: 17px;
        height: 12px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }*/
}

    a.load-more:hover,
    a.load-less:hover {
        text-decoration: none;
    }

.sarugby-squad-list a.load-more, .sarugby-squad-list a.load-less {
    border: none !important;
}

a.load-less {
    /* &:after {
        content: '';
        background: url('/Images/Icons/chevron-up.svg');
    }

    */
}

.rotate {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.player-overview {
    width: 100%;
    height: 100%;
    background: #0D5565;
    box-shadow: 0 0 8px 0 #CDD3DD;
    z-index: 1 !important;
}

    .player-overview .row {
        border-bottom: 1px solid transparent;
        margin: 0;
    }

        .player-overview .row .col-6 {
            padding: 6px 0;
            text-align: center;
        }

            .player-overview .row .col-6 ul {
                list-style: none;
                padding: 0;
                margin: 0;
            }

                .player-overview .row .col-6 ul li {
                    text-transform: uppercase;
                }

                    .player-overview .row .col-6 ul li:first-child {
                        font-size: 12px;
                        color: #EEF0F3;
                    }

                    .player-overview .row .col-6 ul li:last-child {
                        font-size: 27px;
                        font-weight: 500;
                        color: #CDD3DD;
                    }

            .player-overview .row .col-6:nth-child(1) {
                border-right: 1px solid #0D5565;
            }

        .player-overview .row:nth-child(1) .col-6:nth-child(1) {
            background: rgba(0, 0, 0, 0.1);
        }

        .player-overview .row:nth-child(1) .col-6:nth-child(2) {
            padding-right: 15px;
        }

            .player-overview .row:nth-child(1) .col-6:nth-child(2) .social-share {
                width: 100%;
                text-align: right;
            }

                .player-overview .row:nth-child(1) .col-6:nth-child(2) .social-share .share-img {
                    margin-bottom: 8px;
                    width: 25px;
                }

                .player-overview .row:nth-child(1) .col-6:nth-child(2) .social-share .social-icon {
                    padding-left: 5px;
                }

                    .player-overview .row:nth-child(1) .col-6:nth-child(2) .social-share .social-icon:last-child {
                        padding-left: 8px;
                    }

        .player-overview .row:nth-child(2) .col-6 {
            background: rgba(0, 0, 0, 0.2);
        }

        .player-overview .row:nth-child(3) .col-6 {
            background: rgba(0, 0, 0, 0.3);
        }

        .player-overview .row:nth-child(4) {
            background: rgba(0, 0, 0, 0.4);
            padding: 17px 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .player-overview .row:nth-child(4) a.btn-brdr {
                border: 1px solid #ffffff;
                padding: 5px 12px;
                font-size: 15px;
                color: #ffffff;
                text-transform: uppercase;
                letter-spacing: 0.1px;
                margin-right: 10px;
            }

                .player-overview .row:nth-child(4) a.btn-brdr:last-child {
                    margin-right: 0;
                }

                .player-overview .row:nth-child(4) a.btn-brdr:hover {
                    background-color: #ffffff;
                    color: #0D5565 !important;
                    border: solid 1px #0D5565 !important;
                    text-decoration: none;
                    transition: 1s all;
                }

.players-desk-list {
    position: relative;
    display: inline-block;
}

.squad-mob-list .players-mob-list {
    box-shadow: 0 0 2px 0 #CDD3DD;
    padding: 15px;
    display: flex;
    align-items: flex-end;
}

    .squad-mob-list .players-mob-list .mob-img-wrap {
        height: 168px;
        overflow: hidden;
        flex-basis: 40%;
    }

@media (max-width: 480px) {
    .squad-mob-list .players-mob-list .mob-img-wrap {
        display: flex;
        align-self: stretch;
        height: auto;
    }
}

.squad-mob-list .players-mob-list .no-image {
    height: 140px;
    width: 140px;
}

.squad-mob-list .players-mob-list .description {
    flex-basis: 52%;
    padding-left: 10px;
}

.squad-mob-list .players-mob-list .squad-arrow {
    flex-basis: 8%;
}

@media (max-width: 480px) {
    .squad-mob-list .players-mob-list .squad-arrow {
        position: relative;
        top: -7px;
    }
}

.squad-mob-list .players-mob-list h3 {
    font-size: 35px;
    font-weight: 300;
    color: #0D5565;
    line-height: initial;
    margin-bottom: 0;
}

.squad-mob-list .players-mob-list p {
    font-size: 30px;
    color: #373D4A;
    margin-bottom: 0;
    font-weight: 300;
}

.squad-mob-list .players-mob-list-overview {
    display: none;
    margin: 1px 0 1px;
}

    .squad-mob-list .players-mob-list-overview .no-img-desc {
        height: 100%;
        width: 100%;
    }

        .squad-mob-list .players-mob-list-overview .no-img-desc img {
            width: 90%;
            margin: 0 auto;
            display: block;
        }

    .squad-mob-list .players-mob-list-overview .description {
        background-color: rgba(0, 0, 0, 0.8);
        position: absolute;
        width: 100%;
        padding: 15px 0 10px 8px;
        z-index: 2;
        bottom: 0;
    }

    .squad-mob-list .players-mob-list-overview h3 {
        font-size: 23px;
        color: #ffffff;
        margin-bottom: 0;
    }

    .squad-mob-list .players-mob-list-overview p {
        font-size: 40px;
        color: #FFC425;
        margin-bottom: 0;
    }

    .squad-mob-list .players-mob-list-overview .col-6:nth-child(1) {
        padding-right: 0;
    }

    .squad-mob-list .players-mob-list-overview .col-6:nth-child(2) {
        padding-left: 0;
    }

.squad-mob-list a.btn-brdr {
    border: 1px solid #0D5565;
    padding: 15px 0;
    margin: 0;
    font-size: 20px;
    color: #0D5565;
    text-transform: uppercase;
    text-align: center;
    display: inherit;
}

    .squad-mob-list a.btn-brdr:hover {
        text-decoration: none;
    }

.sarugby-squad-list {
    font-family: Oswald;
    margin-top: 30px;
}

    .sarugby-squad-list.container {
        max-width: 1200px;
        margin: auto;
        padding: 0;
        margin-bottom: 15px;
    }

    .sarugby-squad-list img {
        max-width: 100%;
        height: auto;
    }

@media (min-width: 425px) {
    .player-overview .row .col-6 {
        padding: 12px 0;
    }
}

@media (min-width: 480px) {
    .squad-mob-list .players-mob-list .mob-img-wrap {
        flex-basis: 25%;
    }

    .squad-mob-list .players-mob-list .description {
        flex-basis: 68%;
        padding-left: 30px;
    }

    .squad-mob-list .players-mob-list .squad-arrow {
        flex-basis: 5%;
    }

    .squad-mob-list .player-overview .row .col-6 {
        padding: 19px 0;
    }

    .squad-mob-list .player-overview .row:nth-child(1) .col-6:nth-child(2) .social-share .social-icon {
        padding-left: 12px;
    }

    .squad-mob-list .player-overview .row:nth-child(4) {
        padding: 19px 0;
    }
}

@media (min-width: 768px) {
    .squad-mob-list .players-mob-list .mob-img-wrap {
        flex-basis: 20%;
    }

    .squad-mob-list .players-mob-list .description {
        flex-basis: 73%;
        padding-left: 30px;
    }

    .squad-mob-list .players-mob-list .squad-arrow {
        flex-basis: 5%;
    }

    .squad-mob-list .player-overview .row .col-6 {
        padding: 29px 0;
    }

        .squad-mob-list .player-overview .row .col-6 ul li:first-child {
            font-size: 16px;
        }

        .squad-mob-list .player-overview .row .col-6 ul li:last-child {
            font-size: 50px;
        }

    .squad-mob-list .player-overview .row:nth-child(1) .col-6:nth-child(2) .social-share .share-img {
        width: auto;
    }

    .squad-mob-list .player-overview .row:nth-child(1) .col-6:nth-child(2) .social-share .social-icon {
        padding-left: 12px;
    }

    .squad-mob-list .player-overview .row:nth-child(4) {
        padding: 30px 0;
    }

        .squad-mob-list .player-overview .row:nth-child(4) a.btn-brdr {
            font-size: 20px;
            margin-right: 20px;
            padding: 5px 22px;
        }

    .squad-mob-list .players-mob-list-overview .description {
        width: 96%;
    }

    .squad-mob-list .players-mob-list-overview h3 {
        font-size: 25px;
    }
}

@media (min-width: 768px) and (max-width: 1176px) {
    .players-desk-list {
        z-index: 2;
        position: absolute;
        padding-top: 10px !important;
        /* for firefox 31 
                    transform: rotateY(0deg);*/
    }
}

@media (min-width: 768px) {
    .squad-mob-list-wrap {
        display: none;
    }

    .squad-desk-list-wrap {
        display: block;
    }

        .squad-desk-list-wrap .squad-details {
            display: none;
        }

    .sarugby-squad-list.container {
        margin: auto;
        padding: 0;
        margin-bottom: 15px;
    }

    .sarugby-squad-list .squad-desk-list {
        display: flex;
        flex-direction: row;
        margin-bottom: 18px;
        /* flip the pane when hovered 
                .flip-container:hover .flipper,
                .flip-container.hover .flipper {
                    transform: rotateY(180deg);
                    -webkit-transform: rotateY(180deg);
                    -moz-transform: rotateY(180deg);
                }*/
        /* front pane, placed above back */
        /* back, initially hidden pane */
    }

        .sarugby-squad-list .squad-desk-list:last-child {
            margin-bottom: 0;
        }

        .sarugby-squad-list .squad-desk-list .flip-container {
            flex: 1;
            margin-right: 18px;
            -webkit-perspective: 90000px;
            -moz-perspective: 90000px;
            -o-perspective: 90000px;
            perspective: 90000px;
            max-width: 23.9%;
        }

            .sarugby-squad-list .squad-desk-list .flip-container:last-child {
                margin-right: 0;
            }

            .sarugby-squad-list .squad-desk-list .flip-container:hover .player-overview, .sarugby-squad-list .squad-desk-list .flip-container.hover .player-overview {
                -webkit-transform: rotateY(0deg);
                -moz-transform: rotateY(0deg);
                -o-transform: rotateY(0deg);
                -ms-transform: rotateY(0deg);
                transform: rotateY(0deg);
            }

            .sarugby-squad-list .squad-desk-list .flip-container:hover .players-desk-list, .sarugby-squad-list .squad-desk-list .flip-container.hover .players-desk-list {
                -webkit-transform: rotateY(180deg);
                -moz-transform: rotateY(180deg);
                -o-transform: rotateY(180deg);
                transform: rotateY(180deg);
            }

        .sarugby-squad-list .squad-desk-list .flipper {
            transition: 0.6s;
            transform-style: preserve-3d;
            -webkit-transform-style: preserve-3d;
            -moz-transform: perspective(90000px);
            -moz-transform-style: preserve-3d;
            height: 430px;
        }

        .sarugby-squad-list .squad-desk-list .players-desk-list,
        .sarugby-squad-list .squad-desk-list .player-overview {
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -o-backface-visibility: hidden;
            backface-visibility: hidden;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 430px;
        }

        .sarugby-squad-list .squad-desk-list .players-desk-list {
            z-index: 2;
            position: absolute;
            /* for firefox 31 
                    transform: rotateY(0deg);*/
        }

        .sarugby-squad-list .squad-desk-list .pr0 {
            padding-right: 0;
        }

        .sarugby-squad-list .squad-desk-list .player-overview {
            -webkit-transform: rotateY(-180deg);
            -moz-transform: rotateY(-180deg);
            -o-transform: rotateY(-180deg);
            -ms-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
            position: absolute;
            height: 100%;
            width: 100%;
            background: #0D5565;
            box-shadow: 0 0 8px 0 #CDD3DD;
        }

            .sarugby-squad-list .squad-desk-list .player-overview .row {
                border-bottom: 1px solid transparent;
                margin: 0;
            }

                .sarugby-squad-list .squad-desk-list .player-overview .row .col-6 {
                    padding: 15px 0;
                    text-align: center;
                }

                    .sarugby-squad-list .squad-desk-list .player-overview .row .col-6 ul {
                        list-style: none;
                        padding: 0;
                        margin: 0;
                    }

                        .sarugby-squad-list .squad-desk-list .player-overview .row .col-6 ul li {
                            text-transform: uppercase;
                        }

                            .sarugby-squad-list .squad-desk-list .player-overview .row .col-6 ul li:first-child {
                                font-size: 14px;
                                color: #EEF0F3;
                            }

                            .sarugby-squad-list .squad-desk-list .player-overview .row .col-6 ul li:last-child {
                                font-size: 35px;
                                font-weight: 500;
                                color: #CDD3DD;
                            }

                    .sarugby-squad-list .squad-desk-list .player-overview .row .col-6:nth-child(1) {
                        border-right: 1px solid #0D5565;
                    }

                .sarugby-squad-list .squad-desk-list .player-overview .row:nth-child(1) .col-6:nth-child(1) {
                    background: rgba(0, 0, 0, 0.1);
                }

                .sarugby-squad-list .squad-desk-list .player-overview .row:nth-child(1) .col-6:nth-child(2) {
                    padding-right: 15px;
                }

                    .sarugby-squad-list .squad-desk-list .player-overview .row:nth-child(1) .col-6:nth-child(2) .social-share {
                        width: 100%;
                        text-align: right;
                    }

                        .sarugby-squad-list .squad-desk-list .player-overview .row:nth-child(1) .col-6:nth-child(2) .social-share .share-img {
                            margin-bottom: 8px;
                            width: auto;
                        }

                        .sarugby-squad-list .squad-desk-list .player-overview .row:nth-child(1) .col-6:nth-child(2) .social-share .social-icon {
                            padding-left: 5px;
                        }

                            .sarugby-squad-list .squad-desk-list .player-overview .row:nth-child(1) .col-6:nth-child(2) .social-share .social-icon:last-child {
                                padding-left: 0;
                            }

                .sarugby-squad-list .squad-desk-list .player-overview .row:nth-child(2) .col-6 {
                    background: rgba(0, 0, 0, 0.2);
                }

                .sarugby-squad-list .squad-desk-list .player-overview .row:nth-child(3) .col-6 {
                    background: rgba(0, 0, 0, 0.3);
                }

                .sarugby-squad-list .squad-desk-list .player-overview .row:nth-child(4) {
                    background: rgba(0, 0, 0, 0.4);
                    padding: 32px 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                    .sarugby-squad-list .squad-desk-list .player-overview .row:nth-child(4) a.btn-brdr {
                        border: 1px solid #ffffff;
                        padding: 10px 22px;
                        font-size: 20px;
                        color: #ffffff;
                        text-transform: uppercase;
                        letter-spacing: 0.1px;
                        margin-right: 20px;
                    }

                        .sarugby-squad-list .squad-desk-list .player-overview .row:nth-child(4) a.btn-brdr:last-child {
                            margin-right: 0;
                        }

                        .sarugby-squad-list .squad-desk-list .player-overview .row:nth-child(4) a.btn-brdr:hover {
                            text-decoration: none;
                        }

        .sarugby-squad-list .squad-desk-list .description {
            background-color: rgba(0, 0, 0, 0.9);
            position: absolute;
            bottom: 0;
            width: 100%;
            padding: 15px 0 10px 30px;
            z-index: 2;
            bottom: 0;
        }

        .sarugby-squad-list .squad-desk-list h3 {
            color: #ffffff;
            margin-bottom: 0;
        }

        .sarugby-squad-list .squad-desk-list p {
            font-size: 40px;
            color: #FFC425;
            margin-bottom: 0;
        }

    .players-desk-list {
        position: relative;
        display: inline-block;
    }
}

.no-image {
    height: 322px;
    width: 322px;
    object-fit: initial !important;
}

.news-banner {
    margin-left: -1px;
}

#upcoming-match-banner .sarugby-match-game {
    margin-top: -1px;
}

.img-wrap img {
    margin-left: -1px;
}

.squad-share-icon {
    padding: 0px;
    margin-top: 1px;
}

@media (width: 1024px) {
    .sarugby-squad-list .squad-desk-list .player-overview .row:nth-child(4) a.btn-brdr {
        margin-left: -1px;
    }
}

@media (width: 7658px) {
    .sarugby-squad-list .squad-desk-list .player-overview .row:nth-child(4) {
        background: rgba(0, 0, 0, 0.4);
        padding: 9px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .sarugby-squad-list .squad-desk-list .player-overview .row:nth-child(4) a.btn-brdr {
            border: 1px solid #ffffff;
            padding: 10px 22px;
            font-size: 15px;
            color: #ffffff;
            text-transform: uppercase;
            letter-spacing: 0.1px;
            margin-right: 0px;
            margin-bottom: 5px;
        }
}

@media (width: 768px) {
    .sarugby-squad-list .squad-desk-list .player-overview .row:nth-child(4) a.btn-brdr {
        border: 1px solid #ffffff;
        padding: 5px 0px;
        font-size: 20px;
        color: #ffffff;
        text-transform: uppercase;
        letter-spacing: 0.1px;
        margin-right: 0px;
        margin-bottom: 8px;
        width: 90%;
        text-align: center;
    }

    .sarugby-squad-list .squad-desk-list .player-overview .row:nth-child(4) {
        background: rgba(0, 0, 0, 0.4);
        padding: 9px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (width: 800px) {
    .sarugby-squad-list .squad-desk-list .player-overview .row:nth-child(4) a.btn-brdr {
        border: 1px solid #ffffff;
        padding: 5px 0px;
        font-size: 20px;
        color: #ffffff;
        text-transform: uppercase;
        letter-spacing: 0.1px;
        margin-right: 0px;
        margin-bottom: 8px;
        width: 90%;
        text-align: center;
    }

    .sarugby-squad-list .squad-desk-list .player-overview .row:nth-child(4) {
        background: rgba(0, 0, 0, 0.4);
        padding: 9px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.text-transformation {
    text-transform: lowercase !important;
}

@media (max-width: 480px) {
    .mob-img-wrap img {
        height: 100% !important;
        width: 133px !important;
        object-fit: cover;
    }
}

@media (width: 768px) {
    .sarugby-squad-list .squad-desk-list p {
        font-size: 30px !important;
        color: #FFC425;
        margin-bottom: 0;
    }

    .sarugby-squad-list .squad-desk-list h3 {
        color: #ffffff;
        margin-bottom: 0;
        font-size: 24px;
    }
}

.flipped {
    -webkit-transform: rotatey(-180deg);
    transform: rotatey(-180deg);
}

.sarugby-search-teamsplayers .search-close {
    text-align: center;
    margin: 40px 0;
}

    .sarugby-search-teamsplayers .search-close a {
        border: solid 2px;
        padding: 10px 40px;
        display: inline-block;
        font-size: 24px;
        text-transform: uppercase;
        color: #0D5565;
        font-weight: 400;
    }

        .sarugby-search-teamsplayers .search-close a:hover {
            text-decoration: none;
        }

        .sarugby-search-teamsplayers .search-close a img {
            margin-left: 15px;
            position: relative;
            top: -2px;
        }

.sarugby-search-teamsplayers #search-close {
    display: none;
    margin-right: 5px;
}

.sarugby-search-teamsplayers #search-icon {
    cursor: pointer;
}

.sarugby-search-teamsplayers .search-label {
    color: #0D5565;
}

.sarugby-search-teamsplayers .nav-link.active:before {
    top: initial !important;
}

.sarugby-search-teamsplayers .search-results-tabs .nav-link.active:before {
    bottom: -17px !important;
}

.sarugby-search-teamsplayers .search {
    border-bottom: 2px solid #CDD3DD;
    font-size: 46px;
    font-weight: 200;
    text-transform: uppercase;
    padding: 7px 0;
}

    .sarugby-search-teamsplayers .search input {
        width: 80%;
        border: none;
        letter-spacing: 1px;
        font-weight: 200;
        text-transform: uppercase;
        color: #CDD3DD;
        outline: none !important;
        font-size: 2.5vw;
    }

@media (max-width: 567px) {
    .sarugby-search-teamsplayers .search input {
        width: 62%;
        font-size: 13px;
    }
}

@media (min-width: 1600px) {
    .sarugby-search-teamsplayers .search input {
        font-size: 40px;
    }
}

@media (max-width: 600px) {
    .sarugby-search-teamsplayers .search input {
        font-size: 20px;
    }
}

.sarugby-search-teamsplayers .search input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #CDD3DD;
}

.sarugby-search-teamsplayers .search input::-moz-placeholder {
    /* Firefox 19+ */
    color: #CDD3DD;
}

.sarugby-search-teamsplayers .search input:-ms-input-placeholder {
    color: #CDD3DD;
}

.sarugby-search-teamsplayers .search-results-title {
    text-transform: uppercase;
    padding: 7px 0;
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    color: #CDD3DD;
    display: none;
}

.sarugby-search-teamsplayers .search-results-tabs {
    padding-bottom: 25px;
    text-transform: uppercase;
    font-size: 28px;
    display: none;
}

    .sarugby-search-teamsplayers .search-results-tabs .nav-tabs .nav-link.active, .sarugby-search-teamsplayers .search-results-tabs .nav-tabs .nav-item.show .nav-link {
        left: auto;
        right: auto;
        border: 1px solid #116071 !important;
        border-radius: 0;
    }

@media (max-width: 576px) {
    .sarugby-search-teamsplayers .search-results-tabs .nav-link.active:before {
        bottom: -16px;
    }
}

.sarugby-search-teamsplayers .search-results-tabs .nav-tabs {
    border: none !important;
    margin-left: 0px;
}

@media screen and (max-width: 767px) {
    .sarugby-search-teamsplayers .search-results-tabs .nav-tabs {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
    .sarugby-search-teamsplayers .search-results-tabs .nav-tabs {
        width: 50%;
    }
}

.sarugby-search-teamsplayers .search-results-tabs .nav-link.active {
    position: relative;
}

.sarugby-search-results-teamsplayers {
    background-color: #EFEFEF;
    float: left;
    background-color: #fff;
}

@media (max-width: 576px) {
    .sarugby-search-results-teamsplayers {
        padding: 0 !important;
    }
}

.sarugby-search-results-teamsplayers .search-highlight {
    color: #AD0D0D;
}

.sarugby-search-results-teamsplayers .search-bold {
    font-weight: 600;
}

.sarugby-search-results-teamsplayers .search-player-profile {
    background-color: #0D5565 !important;
    color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 576px) {
    .sarugby-search-results-teamsplayers .search-player-profile > div > .col-10 {
        align-items: center !important;
    }
}

@media (max-width: 576px) {
    .sarugby-search-results-teamsplayers .search-player-profile .col-2 {
        border-color: transparent;
    }
}

.sarugby-search-results-teamsplayers .search-player-profile .search-player-profile-view {
    float: right;
    display: flex;
    height: 100%;
    align-items: center;
    margin-right: 15px;
}

@media (max-width: 576px) {
    .sarugby-search-results-teamsplayers .search-player-profile .search-player-profile-view {
        margin-right: 0;
    }
}

.sarugby-search-results-teamsplayers .search-player-profile .search-player-profile-details {
    font-size: 28px;
    display: flex;
    align-items: center;
    height: 100%;
    text-transform: uppercase;
    float: left;
}

@media (max-width: 1000px) {
    .sarugby-search-results-teamsplayers .search-player-profile .search-player-profile-details {
        font-size: 16px;
    }
}

.sarugby-search-results-teamsplayers .search-player-profile .search-player-profile-details > span {
    font-size: 48px;
    display: inline-block;
    margin-bottom: 10px;
}

@media (max-width: 1000px) {
    .sarugby-search-results-teamsplayers .search-player-profile .search-player-profile-details > span {
        font-size: 28px;
    }
}

.sarugby-search-results-teamsplayers .search-player-profile .view-profile-btn {
    border: solid 1px;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    padding: 15px 25px;
    font-size: 20px;
    letter-spacing: 1px;
    float: right;
    text-decoration: none;
    transition: all .5s;
}

@media (max-width: 1000px) {
    .sarugby-search-results-teamsplayers .search-player-profile .view-profile-btn {
        font-size: 12px;
        padding: 9px 15px;
    }
}

.sarugby-search-results-teamsplayers .search-player-profile .view-profile-btn:hover {
    background-color: white;
    color: #0D5565;
}

.sarugby-search-results-teamsplayers .search-results {
    background-color: white;
    margin-top: 1px;
    float: left;
    width: 100%;
}

    .sarugby-search-results-teamsplayers .search-results .row {
        margin: 0;
        align-items: center;
        height: fit-content;
    }

@media (max-width: 576px) {
    .sarugby-search-results-teamsplayers .search-results {
        margin-top: 2px;
    }
}

.sarugby-search-results-teamsplayers .search-results img {
    object-fit: cover;
    width: 16.5vw;
    min-height: 100%;
    max-width: 250px;
}

@media (min-width: 1080px) {
    .sarugby-search-results-teamsplayers .search-results img {
        width: 15.7vw;
    }
}

@media (max-width: 1080px), (min-width: 1530px) {
    .sarugby-search-results-teamsplayers .search-results img {
        width: 100%;
        max-width: 100%;
    }
}

.sarugby-search-results-teamsplayers .search-results > div > div:last-of-type {
    padding: 1vw 1.4vw;
}

@media (max-width: 576px) {
    .sarugby-search-results-teamsplayers .search-results > div > div:last-of-type {
        display: flex;
        align-items: flex-start;
    }
}

@media (min-width: 1381px) {
    .sarugby-search-results-teamsplayers .search-results > div > div:last-of-type {
        padding: 15px;
    }
}

.sarugby-search-results-teamsplayers .search-results > div > div:last-of-type .search-date {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1vw;
    color: #CDD3DD;
    letter-spacing: 1px;
}

@media (min-width: 1381px), (max-width: 1080px) {
    .sarugby-search-results-teamsplayers .search-results > div > div:last-of-type .search-date {
        font-size: 14px;
        padding: 13px !important;
        padding-left: 0 !important;
    }
}

.sarugby-search-results-teamsplayers .search-results > div > div:last-of-type .search-date-video {
    color: #000;
}

.sarugby-search-results-teamsplayers .search-results > div > div:last-of-type p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.4vw;
    line-height: 1.6vw;
    max-width: 1000px;
    margin-top: 10px;
    color: #646872;
}

@media (max-width: 1080px) {
    .sarugby-search-results-teamsplayers .search-results > div > div:last-of-type p {
        line-height: 2.5vw;
        font-size: 2vw;
    }
}

@media (min-width: 838px) {
    .sarugby-search-results-teamsplayers .search-results > div > div:last-of-type p {
        font-size: 16px;
    }
}

@media (min-width: 1381px), (max-width: 576px) {
    .sarugby-search-results-teamsplayers .search-results > div > div:last-of-type p {
        line-height: 23px;
        font-size: 18px;
    }
}

.sarugby-search-results-teamsplayers .next-results-text {
    font-family: Helvetica;
    padding: 40px 20px;
    text-align: center;
    float: left;
    width: 100%;
    letter-spacing: 1px;
    font-size: 16px;
}

    .sarugby-search-results-teamsplayers .next-results-text img {
        width: 8px;
        position: relative;
    }

    .sarugby-search-results-teamsplayers .next-results-text span {
        display: inline-block;
        margin: 0 3px;
        color: #8494A5;
    }

    .sarugby-search-results-teamsplayers .next-results-text .next-results-number {
        border: solid 1px #ccc;
        padding: 3px 10px;
        cursor: pointer;
        color: #0d5565;
    }

.sarugby-search-results-teamsplayers .col-2 {
    padding: 0;
    position: relative;
    overflow: hidden;
}

@media (max-width: 576px) {
    .sarugby-search-results-teamsplayers .col-2 {
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

.sarugby-search-results-teamsplayers .col-10 {
    flex-basis: 100%;
}

.sarugby-search-results-teamsplayers .search-results-news .col-10 {
    align-items: flex-start;
}

.sarugby-search-results-teamsplayers .search-results-news .col-2 {
    background-color: #0E4749;
    text-align: center;
}

.sarugby-search-results-teamsplayers .search-results-videos .col-2 {
    background-color: #F29701;
    text-align: center;
}

.sarugby-search-results-teamsplayers .search-results-players .col-2 {
    background-color: #417505;
    text-align: center;
}

.sarugby-search-results-teamsplayers .search-results-teams .col-2 {
    background-color: #373D4A;
    text-align: center;
}

.sarugby-search-results-teamsplayers .placeholder-image {
    width: 65px !important;
    min-height: initial !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

@media (max-width: 576px) {
    .sarugby-search-results-teamsplayers .placeholder-image {
        padding: 40px 0;
    }
}

@media (max-width: 1080px) {
    .sarugby-search-results-teamsplayers .col-2 {
        max-width: 34%;
    }

    .sarugby-search-results-teamsplayers .col-10 {
        padding: 2vw 1.4vw !important;
    }
}

@media (max-width: 576px) {
    .sarugby-search-results-teamsplayers .col-2 {
        max-width: 100%;
        flex-basis: 100%;
        border-right: 15px solid #EFEFEF;
    }

    .sarugby-search-results-teamsplayers .col-10 {
        max-width: 100%;
        flex-basis: 100%;
        padding: 15px !important;
        display: flex;
        flex-flow: column;
        align-items: center;
    }
}

.sarugby-search-results-teamsplayers .continue-dots {
    color: #AD0D0D;
    letter-spacing: 1px;
}

.sarugby-search-results-teamsplayers #all-search-results {
    display: none;
}

@media (max-width: 576px) {
    .sarugby-search-results-teamsplayers #all-search-results {
        padding: 0 !important;
    }
}

.highlight {
    color: pink;
}

/* Attack Teams Players Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-player-image-stats {
    padding: 0;
}

    .sarugby-player-image-stats .player-image {
        width: 100%;
        height: 100%;
        margin-top: 20px;
    }

@media (min-width: 765px) and (max-width: 1023px) {
    .sarugby-player-image-stats .player-image {
        margin-left: 20%;
        margin-top: 1px;
        padding-top: 60px;
    }
}

@media (min-width: 320px) and (max-width: 766px) {
    .sarugby-player-image-stats .player-image {
        object-fit: cover;
        object-position: top;
        left: 21%;
        min-height: 0;
        position: absolute;
        bottom: 0;
    }
}

.sarugby-player-image-stats .player-img-stats-cont {
    font-family: Oswald;
    max-width: 1000px;
    margin: auto;
    position: relative;
}

@media (min-width: 320px) and (max-width: 425px) {
    .sarugby-player-image-stats .player-img-stats-cont {
        max-width: 100%;
        margin-top: 0px !important;
    }
}

@media (min-width: 426px) and (max-width: 768px) {
    .sarugby-player-image-stats .player-img-stats-cont {
        max-width: 100%;
    }
}

@media (min-width: 320px) and (max-width: 765px) {
    .sarugby-player-image-stats .player-img-stats-cont .col-sm {
        width: 20%;
    }
}

.sarugby-player-image-stats .player-stats {
    background-color: #0D5565;
    box-shadow: 0 2px 4px 0 #CDD3DD;
}

@media (min-width: 320px) and (max-width: 426px) {
    .sarugby-player-image-stats .player-stats {
        padding: 0;
        margin-top: -20px !important;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 425px) and (max-width: 769px) {
    .sarugby-player-image-stats .player-stats {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.sarugby-player-image-stats .player-stats .age-cont {
    box-shadow: 0 2px 1px 0 #CDD3DD;
    background: #0c4d5b;
}

.sarugby-player-image-stats .player-stats .test-cont {
    box-shadow: 0 2px 1px 0 #CDD3DD;
    background: #0a4451;
}

.sarugby-player-image-stats .player-stats .measure-cont {
    box-shadow: 0 2px 1px 0 #CDD3DD;
    background: #093c47;
}

.sarugby-player-image-stats .player-stats h3 {
    color: #EEF0F3;
    font-family: Oswald;
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 10px;
}

@media (min-width: 320px) and (max-width: 765px) {
    .sarugby-player-image-stats .player-stats h3 {
        font-size: 10px;
        height: 20%;
    }
}

@media (min-width: 568px) and (max-width: 736px) {
    .sarugby-player-image-stats .player-stats h3 {
        font-size: 10px;
        height: 10%;
    }
}

.sarugby-player-image-stats .player-stats .player-stats-score {
    opacity: 0.4;
    color: #CDD3DD;
    font-family: Oswald;
    font-size: 45px;
    font-weight: 500;
    line-height: 61px;
    text-align: center;
    margin-bottom: 20px;
}

@media (min-width: 320px) and (max-width: 765px) {
    .sarugby-player-image-stats .player-stats .player-stats-score {
        font-size: 22px;
        margin-bottom: 0px;
    }
}

@media (width: 640px) {
    .sarugby-player-image-stats .player-stats .player-stats-score {
        margin-bottom: 20px;
    }
}

.sarugby-player-image-stats .player-name {
    color: #373D4A;
    font-family: Oswald;
    font-size: 50px;
    line-height: 70px;
    text-transform: uppercase;
    font-size: 75px;
    position: absolute;
    min-height: 343px;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    bottom: 0;
    left: 10%;
}

@media (min-width: 320px) and (max-width: 766px) {
    .sarugby-player-image-stats .player-name {
        position: static;
    }
}

@media (min-width: 767px) {
    .sarugby-player-image-stats .player-name .wrap-name {
        display: block;
        /* or inline-block */
        text-overflow: ellipsis;
        overflow: hidden;
        max-height: 2.2em;
        line-height: 1.1em;
    }
}

@media (min-width: 320px) and (max-width: 766px) {
    .sarugby-player-image-stats .player-name {
        font-size: 10vw;
        line-height: 11vw;
    }
}

.sarugby-player-image-stats .player-name span {
    font-weight: 500;
    font-size: 75px;
}

@media (min-width: 320px) and (max-width: 766px) {
    .sarugby-player-image-stats .player-name span {
        font-size: 10vw;
    }
}

.sarugby-player-image-stats .player-name-div {
    margin-bottom: 36px;
}

.sarugby-player-image-stats .follow-button-div {
    display: inline-block;
    margin-bottom: 50px;
}

    .sarugby-player-image-stats .follow-button-div .follow-button {
        padding: 17px 90px;
        border: 1px solid #0D5565;
        text-transform: uppercase;
        color: #0D5565;
        font-size: 20px;
        font-weight: 300;
        letter-spacing: 0.83px;
        line-height: 27px;
        text-align: center;
    }

@media (min-width: 320px) and (max-width: 766px) {
    .sarugby-player-image-stats .follow-button-div .follow-button {
        padding: 12px 20px;
        font-size:14px;
    }
}

.sarugby-player-image-stats .follow-button-div .follow-button:hover {
    background-color: #0D5565;
    color: white;
    border: solid 1px #0D5565 !important;
    text-decoration: none;
    transition: 1s all;
}

/* Springboks Component */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
@media (max-width: 657px) {
    #overview-content {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.springboks-about {
    padding: 30px;
    background-color: #ffffff;
}

    .springboks-about .springboks-title {
        padding: 0 !important;
    }

    .springboks-about div#collapseSocial {
        margin-top: -69px;
        border: none;
        margin-left: -47px;
        margin-right: 18px;
    }

    .springboks-about .share-on-mobi {
        cursor: pointer;
        margin-top: 5px;
        float: right;
    }

@media screen and (max-width: 767px) {
    .springboks-about .share-on-mobi {
        width: 25px;
        height: 25px;
        margin-top: 2px;
        margin-right: -29px;
    }
}

.springboks-about .spring-collapsed.history {
    padding: 10px 0;
    font-size: 15px;
    line-height: 23px;
    color: #55707E;
    font-size: 18px;
    font-weight: 300;
}

@media screen and (max-width: 767px) {
    .springboks-about .spring-collapsed.history {
        padding-right: 42px;
    }
}

.springboks-about .springboks-text {
    font-size: 19px;
    color: #F5A623;
    font-family: Oswald;
    font-weight: 500;
    margin-bottom: 0;
}

.springboks-about .spring-name {
    color: #000000;
    font-family: Oswald;
    font-size: 40px;
    font-weight: 300;
}

@media screen and (max-width: 440px) {
    .springboks-about .spring-name {
        font-size: 30px;
    }
}

.springboks-about .spring-share-span {
    margin: 0;
    padding: 0 !important;
}

@media screen and (max-width: 767px) {
    .springboks-about .spring-share-span .social-btn {
        width: 25px;
    }
}

.springboks-about .spring-share-span .span-img {
    margin-left: 181px;
}

@media screen and (max-width: 767px) {
    .springboks-about .spring-share-span .span-img {
        margin-left: 154px;
    }
}

@media screen and (max-width: 440px) {
    .springboks-about .spring-share-span .span-img {
        position: relative;
        top: 5px;
        margin-left: 130px;
    }
}

.springboks-about .spring-share-span .social-buttons-pos {
    margin-right: 3px;
    padding-bottom: 0px !important;
    padding-top: 24px !important;
}

@media screen and (max-width: 767px) {
    .springboks-about .spring-share-span .social-buttons-pos {
        padding: 36px 16px 0px 5px !important;
    }
}

@media screen and (max-width: 440px) {
    .springboks-about .spring-share-span .social-buttons-pos {
        padding: 42px 16px 0px 5px !important;
    }
}

@media screen and (max-width: 767px) {
    .springboks-about .spring-share-span {
        margin: 6px 0px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 767px) {
    .springboks-about .spring-share-span .spring-share-on-mobi {
        padding: 0px 0px 0px 0px;
    }
}

.springboks-about .spring-share-span .share-img {
    margin-left: -38px;
}

@media screen and (max-width: 767px) {
    .springboks-about .spring-share-span .share-img {
        margin-left: -30px;
        margin-right: 0px;
        width: 25px;
    }
}

.springboks-about .spring-about {
    padding: 15px 15px 0 15px;
    font-family: helvetica;
    font-size: 18px;
    line-height: 22px;
    color: #373D4A;
}

@media screen and (max-width: 767px) {
    .springboks-about .spring-about {
        padding-right: 42px;
    }
}

@media screen and (max-width: 440px) {
    .springboks-about .spring-about {
        font-size: 13px;
    }
}

.springboks-about .spring-about-collapse {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 15px 0 0 0;
}

    .springboks-about .spring-about-collapse .p-2 {
        padding: 0 !important;
    }

.springboks-about .spring-about-collapse-item {
    color: #373D4A;
    font-family: Oswald;
    font-size: 25px;
    font-weight: 100;
    line-height: 26px;
}

.springboks-about .spring-chev-down {
    margin: 10px 0px 0px 0px;
    font-size: 16px;
    color: #373D4A;
}

@media screen and (max-width: 440px) {
    .springboks-about {
        padding: 15px;
    }
}

/* Highlights Component */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
/* xs and sm */
@media (min-width: 991px) {
    .video-action-advert .card-video .bottom-left .score {
        height: initial !important;
        width: initial !important;
    }
}

@media (max-width: 991px) {
    .video-action-advert {
        margin-top: -8px;
    }

        .video-action-advert .card {
            height: 185px;
            overflow: hidden;
            border-radius: 0%;
            box-shadow: 0 2px 4px 0 #CDD3DD;
        }

        .video-action-advert .card-video {
            height: 438px;
            width: 100%;
            padding: 0%;
        }

            .video-action-advert .card-video .bottom-left {
                position: absolute;
                bottom: 26px;
                left: 36px;
            }

                .video-action-advert .card-video .bottom-left .score {
                    color: #FFFFFF;
                    font-family: Oswald;
                    font-size: 40px;
                    font-weight: 300;
                    line-height: 39px;
                    height: initial !important;
                    width: initial !important;
                }

                .video-action-advert .card-video .bottom-left .category-text {
                    height: 20px;
                    width: 114.32px;
                    color: #F29701;
                    font-family: Oswald;
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 20px;
                    text-transform: uppercase;
                    margin-bottom: 10px !important;
                }

            .video-action-advert .card-video .card-img-top {
                width: 100%;
                object-fit: cover;
                overflow: hidden;
                border-radius: 0%;
            }

            .video-action-advert .card-video .link-icons {
                position: absolute;
                display: table;
                z-index: 2;
                opacity: 0;
                width: 100%;
                height: 100%;
                vertical-align: middle;
                text-align: center;
                margin: 0%;
            }

                .video-action-advert .card-video .link-icons:hover {
                    opacity: 1;
                    background: rgba(0, 0, 0, 0.5) center no-repeat;
                }

            .video-action-advert .card-video div.inner {
                display: block;
                width: 100%;
                height: 100%;
                display: table-cell;
                vertical-align: middle;
            }

            .video-action-advert .card-video .large {
                font-size: 20px;
                line-height: 30px;
                background-color: #ffffff;
                color: #373D4A;
                text-decoration: none;
                padding: 0 10px 0 10px;
            }

                .video-action-advert .card-video .large:hover {
                    background-color: red;
                    color: #ffffff;
                }

            .video-action-advert .card-video .card-body {
                padding-left: 36px;
                padding-right: 36px;
            }

                .video-action-advert .card-video .card-body .card-title {
                    height: 60px;
                    width: inherit;
                    color: #0D5565;
                    font-family: Oswald;
                    font-size: 20px;
                    font-weight: 300;
                    line-height: 27px;
                    text-transform: uppercase;
                }

                    .video-action-advert .card-video .card-body .card-title:any-link {
                        text-decoration: none;
                    }

                .video-action-advert .card-video .card-body .category-text {
                    height: 23.35px;
                    width: inherit;
                    color: #F29701;
                    font-family: Oswald;
                    font-size: 40px;
                    font-weight: 500;
                    line-height: 20px;
                    color: #F29701;
                }

            .video-action-advert .card-video .card-footer {
                height: 51px;
                width: 190px;
                color: #373D4A;
                font-family: Helvetica;
                font-size: 14px;
                font-weight: 300;
                line-height: 17px;
                border: none;
                background: transparent;
            }
}

@media (min-width: 992px) {
    .video-action-advert .card {
        height: 185px;
        overflow: hidden;
        border-radius: 0%;
        box-shadow: 0 2px 4px 0 #CDD3DD;
    }

    .video-action-advert .card-video {
        height: 438px;
        width: 100%;
        padding: 0%;
    }

        .video-action-advert .card-video .bottom-left {
            position: absolute;
            bottom: 26px;
            left: 36px;
        }

            .video-action-advert .card-video .bottom-left .score {
                color: #FFFFFF;
                font-family: Oswald;
                font-size: 40px;
                font-weight: 300;
                line-height: 39px;
            }

            .video-action-advert .card-video .bottom-left .category-text {
                height: 20px;
                width: 114.32px;
                color: #F29701;
                font-family: Oswald;
                font-size: 15px;
                font-weight: 500;
                line-height: 20px;
                text-transform: uppercase;
                margin-bottom: 10px !important;
            }

        .video-action-advert .card-video .card-img-top {
            width: 100%;
            object-fit: cover;
            overflow: hidden;
            border-radius: 0%;
        }

        .video-action-advert .card-video .link-icons {
            position: absolute;
            display: table;
            z-index: 2;
            opacity: 0;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            text-align: center;
            margin: 0%;
        }

            .video-action-advert .card-video .link-icons:hover {
                opacity: 1;
                background: rgba(0, 0, 0, 0.5) center no-repeat;
            }

        .video-action-advert .card-video div.inner {
            display: block;
            width: 100%;
            height: 100%;
            display: table-cell;
            vertical-align: middle;
        }

        .video-action-advert .card-video .large {
            font-size: 20px;
            line-height: 30px;
            background-color: #ffffff;
            color: #373D4A;
            text-decoration: none;
            padding: 0 10px 0 10px;
        }

            .video-action-advert .card-video .large:hover {
                background-color: red;
                color: #ffffff;
            }

        .video-action-advert .card-video .card-body {
            padding-left: 36px;
            padding-right: 36px;
        }

            .video-action-advert .card-video .card-body .card-title {
                height: 60px;
                width: inherit;
                color: #0D5565;
                font-family: Oswald;
                font-size: 20px;
                font-weight: 300;
                line-height: 27px;
                text-transform: uppercase;
            }

                .video-action-advert .card-video .card-body .card-title:any-link {
                    text-decoration: none;
                }

            .video-action-advert .card-video .card-body .category-text {
                height: 23.35px;
                width: inherit;
                color: #F29701;
                font-family: Oswald;
                font-size: 40px;
                font-weight: 500;
                line-height: 20px;
                color: #F29701;
            }

        .video-action-advert .card-video .card-footer {
            height: 51px;
            width: 190px;
            color: #373D4A;
            font-family: Helvetica;
            font-size: 14px;
            font-weight: 300;
            line-height: 17px;
            border: none;
            background: transparent;
        }
}

.video-action-advert {
    display: block;
    height: 100%;
    width: 100%;
    color: #ffffff;
}

    .video-action-advert .score-color {
        color: #F29701;
        font-weight: 500;
        margin-left: 15px;
        margin-right: 15px;
    }

    .video-action-advert .card-advert {
        overflow: hidden;
        border-radius: 0%;
        box-shadow: 0 2px 4px 0 #CDD3DD;
        min-height: 539.42px;
        position: relative;
        background-color: #ffffff;
    }

        .video-action-advert .card-advert .image-fit {
            object-fit: cover;
            margin-left: auto;
            height: auto;
            width: auto;
            right: 0;
        }

        .video-action-advert .card-advert .card-bottom {
            display: block;
            left: 50px;
            bottom: 50px;
            margin: auto;
            position: absolute;
        }

            .video-action-advert .card-advert .card-bottom .card-title {
                color: #000000;
                font-family: Oswald;
                font-size: 30px;
                font-weight: 300;
                letter-spacing: 1.25px;
                line-height: 41px;
                text-transform: uppercase;
            }

            .video-action-advert .card-advert .card-bottom .booknow-button {
                height: 58px;
                width: 162.7px;
                border: 1px solid #0D5565;
                text-align: center;
                padding-top: 14px;
            }

                .video-action-advert .card-advert .card-bottom .booknow-button .booknow-button-text {
                    display: inline-block;
                    font-family: Oswald;
                    font-size: 20px;
                    font-weight: 300;
                    letter-spacing: 0.83px;
                    line-height: 27px;
                    text-decoration: initial !important;
                    color: #0D5565;
                }

            .video-action-advert .card-advert .card-bottom .card-description {
                color: #000000;
                font-family: Helvetica;
                font-size: 14px;
                font-weight: 300;
                letter-spacing: 0.58px;
                line-height: 17px;
                margin-bottom: 12%;
            }

    .video-action-advert .image-fit {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

    .video-action-advert .overlay-share {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 9999;
    }

    .video-action-advert .video-image {
        height: 59px;
        width: 59px;
    }

    .video-action-advert .overlay-share-large {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 4;
    }

    .video-action-advert .positioning {
        position: relative;
    }

    .video-action-advert .video-image {
        position: absolute;
        top: 0%;
        left: 0%;
        right: 0%;
        bottom: 0%;
        margin: auto;
        z-index: 4;
        width: 35px;
        height: 35px;
    }

.video-action-advert {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Advert style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
/*DO NOT EDIT THESES CLASSES*/
.space-top20 {
    margin-top: 20px;
}

.space-left20 {
    margin-left: 20px;
}

@media screen and (max-width: 991px) {
    .space-left20 {
        margin-left: 0;
    }
}

.space-bottom20 {
    margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
    .space-bottom20 {
        margin-bottom: 0;
    }
}

.space-bottom30 {
    bottom: 30px;
}

/*DO NOT EDIT THESES CLASSES*/
.sarugby-advert-container {
    font-family: Oswald;
    max-width: 1200px;
    background-color: #ffffff;
}

    .sarugby-advert-container .advert-text {
        position: absolute;
        padding: 20px;
    }

    .sarugby-advert-container h1 {
        color: #000000;
        font-family: Oswald;
        font-size: 30px;
        font-weight: 100;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-left: 0;
    }

    .sarugby-advert-container .advert-description {
        color: #000000;
        font-family: Helvetica;
        font-size: 13px;
        font-weight: 100;
        line-height: 17px;
        width: 80%;
    }

    .sarugby-advert-container .buynow-button {
        border: 1px solid #0D5565;
        display: inline-block;
        font-size: 20px;
        padding: 10px 35px;
        color: #0D5565;
        letter-spacing: 1px;
        margin-top: 30px;
    }

        .sarugby-advert-container .buynow-button a {
            color: #0D5565;
            text-decoration: none;
        }

        .sarugby-advert-container .buynow-button:hover {
            background-color: #0D5565;
            color: white;
            border: solid 1px #0D5565 !important;
            text-decoration: none;
            transition: 1s all;
        }

    .sarugby-advert-container .img-container {
        padding: 0;
    }

        .sarugby-advert-container .img-container .image-fit {
            object-fit: cover;
            height: 100%;
            width: 100%;
        }

/* For Smaller View Port */
@media screen and (max-width: 991px) {
    .sarugby-advert-container .advert-text {
        padding: 0;
    }

    .sarugby-advert-container h1 {
        font-size: 20px !important;
    }

    .sarugby-advert-container .advert-description {
        width: 100% !important;
        font-size: 12px;
    }

    .sarugby-advert-container .buynow-button {
        font-size: 17px !important;
        padding: 5px 25px !important;
        margin-top: 15px !important;
    }
}

/* For Smaller View Port - XS */
@media screen and (max-width: 500px) {
    .sarugby-advert-container .advert-text {
        padding: 0;
    }

    .sarugby-advert-container h1 {
        font-size: 14px !important;
    }

    .sarugby-advert-container .advert-description {
        font-size: 11px !important;
        line-height: 13px !important;
    }

    .sarugby-advert-container .buynow-button {
        font-size: 13px !important;
        padding: 5px 25px !important;
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 400px) {
    .sarugby-advert-container .advert-text {
        padding: 0;
    }

    .sarugby-advert-container h1 {
        font-size: 13px !important;
    }

    .sarugby-advert-container .advert-description {
        font-size: 9px !important;
        line-height: 11px !important;
    }

    .sarugby-advert-container .buynow-button {
        font-size: 12px !important;
        margin-top: 7px !important;
    }
}

@media screen and (max-width: 360px) {
    .sarugby-advert-container h1 {
        font-size: 12px !important;
    }

    .sarugby-advert-container .advert-description {
        font-size: 8px !important;
        line-height: 10px !important;
    }

    .sarugby-advert-container .buynow-button {
        padding: 3px 18px !important;
    }
}

#adverts {
    margin-top: 20px;
}

/* Apparel style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#apparel .apparel-title {
    max-width: 1280px;
    padding: 15px;
}

    #apparel .apparel-title h1 {
        color: #000000;
        font-family: Oswald;
        font-size: 40px;
        font-weight: 300;
    }

#apparel .sarugby-apparel-container {
    font-family: Oswald;
    background-color: #ffffff;
    margin: auto;
    color: white;
    position: relative;
}

    #apparel .sarugby-apparel-container a {
        color: white;
        text-decoration: none;
        transition: .5s all;
    }

    #apparel .sarugby-apparel-container h2 {
        text-transform: uppercase;
        font-weight: 100;
        font-size: 2vw;
        white-space: nowrap;
        color: #000;
    }

@media (max-width: 768px) {
    #apparel .sarugby-apparel-container h2 {
        font-size: 33px;
        font-weight: 500;
    }
}

#apparel .sarugby-apparel-container p {
    font-family: helvetica;
}

@media (max-width: 768px) {
    #apparel .sarugby-apparel-container p {
        font-size: 13px;
    }
}

#apparel .sarugby-apparel-container .apparels-parent {
    /*
            > div {
                padding: 15px;

                div:first-child {
                    color: yellow;
                }
                
                @media (max-width: 768px) {
                    flex-basis: 100%;
                    max-width: 100%;
                }
            }
            */
}

@media (max-width: 768px) {
    #apparel .sarugby-apparel-container .apparels-parent .apparel-cont {
        flex-basis: 100%;
        max-width: 100%;
        background-image: url("/Content/sarugby/Images/tournaments/t-shirt-screenshot.png");
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media (max-width: 768px) {
    #apparel .sarugby-apparel-container .apparels-parent .milestone-cont {
        flex-basis: 100%;
        max-width: 100%;
    }
}

#apparel .sarugby-apparel-container .apparel-left p {
    margin-bottom: 50px;
    margin-top: 20px;
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
}

#apparel .sarugby-apparel-container .apparel-left a {
    color: #0D5565;
}

    #apparel .sarugby-apparel-container .apparel-left a:hover {
        color: #303030;
        background: white;
    }

#apparel .sarugby-apparel-container .apparel-left img {
    max-width: 256px;
    max-height: 296px;
    margin: auto;
    display: block;
}

@media (max-width: 768px) {
    #apparel .sarugby-apparel-container .apparel-left img {
        display: none;
    }
}

#apparel .sarugby-apparel-container .apparel-left > div {
    width: 90%;
    bottom: 50px;
    left: 40px;
}

@media (min-width: 1490px) {
    #apparel .sarugby-apparel-container .apparel-left > div {
        position: absolute;
    }
}

@media (max-width: 768px) {
    #apparel .sarugby-apparel-container .apparel-left > div {
        padding-top: 72% !important;
        padding-bottom: 32px !important;
    }
}

#apparel .sarugby-apparel-container .apparel-right {
    background: #FF0091;
}

    #apparel .sarugby-apparel-container .apparel-right img {
        width: 80%;
        /*margin-top: 40px;*/
        margin-top: 1vw;
    }

@media (max-width: 1605px) {
    #apparel .sarugby-apparel-container .apparel-right img {
        width: 19vw;
    }
}

@media (max-width: 768px) {
    #apparel .sarugby-apparel-container .apparel-right img {
        width: 80%;
    }
}

#apparel .sarugby-apparel-container .apparel-right a:hover {
    color: #FF0091;
    background: white;
}

#apparel .sarugby-apparel-container .apparel-right > div {
    text-align: center;
    font-size: 42px;
    text-transform: uppercase;
    max-width: 400px;
    margin: auto;
    padding-bottom: 40px;
}

    #apparel .sarugby-apparel-container .apparel-right > div p {
        font-family: oswald;
        /*margin-bottom: 60px*/
        margin-bottom: 3vw;
        font-size: 3vw;
    }

@media (max-width: 768px) {
    #apparel .sarugby-apparel-container .apparel-right > div p {
        font-size: 35px;
    }
}

@media (min-width: 1250px) {
    #apparel .sarugby-apparel-container .apparel-right > div p {
        font-size: 40px;
    }
}

#apparel .sarugby-apparel-container .apparel-buy-button {
    border: solid 1px;
    padding: 15px 40px;
    display: inline-block;
    font-size: 1.5vw;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    #apparel .sarugby-apparel-container .apparel-buy-button {
        font-size: 18px;
    }
}

@media (min-width: 1250px) {
    #apparel .sarugby-apparel-container .apparel-buy-button {
        font-size: 18px;
    }
}

/* News Contents Styles*/
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-contact-page-header {
    max-width: 913px;
    padding-right: 0px;
    padding-left: 20px;
    margin: 56px auto 28px;
    font-family: Oswald;
}

@media (min-width: 768px) and (max-width: 800px) {
    .sarugby-contact-page-header {
        padding-left: 0px;
    }
}

@media (min-width: 300px) and (max-width: 756px) {
    .sarugby-contact-page-header {
        margin: 39px auto 28px;
        padding-left: 0px;
    }
}

.sarugby-contact-page-header .contact-title {
    color: #F5A623;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 7px;
}

.sarugby-contact-page-header h1 {
    color: #000000;
    font-family: Oswald;
    font-size: 40px;
    line-height: 39px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

@media (max-width: 756px) and (min-width: 320px) {
    .sarugby-contact-page-header h1 {
        margin-left: 0px;
    }
}

.sarugby-contact-page-header h1 span {
    font-weight: 300;
}

.sarugby-contact-page-header .contact-description {
    color: #373D4A;
    font-family: Helvetica;
    font-size: 18px;
    line-height: 22px;
}

/* News Contents Styles*/
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-contact-table {
    max-width: 1200px;
    padding-right: 0px;
    padding-left: 0px;
    margin: 32px auto 54px auto;
    font-family: Oswald;
}

@media (min-width: 576px) {
    .sarugby-contact-table .contact-table:last-of-type td:first-of-type:before {
        content: "";
        height: 100%;
        width: 60px;
        display: block;
        float: left;
        border: solid transparent;
    }

    .sarugby-contact-table .contact-table:last-of-type td:first-of-type span {
        display: flex;
        align-items: center;
        height: 100%;
    }
}

@media (max-width: 576px) {
    .sarugby-contact-table #provience .contact-table:last-of-type td:first-of-type:before {
        content: "";
        height: 100%;
        width: 60px;
        display: block;
        float: left;
        border: solid transparent;
    }

    .sarugby-contact-table #provience .contact-table:last-of-type td:first-of-type span {
        display: flex;
        align-items: center;
        height: 100%;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .sarugby-contact-table #provience {
        width: 50%;
    }

    .sarugby-contact-table #contact-cordinator {
        width: 50%;
    }

    .sarugby-contact-table #contact-mobile {
        width: 50%;
    }

    .sarugby-contact-table #email-conatct {
        width: 50%;
    }
}

.sarugby-contact-table .dot {
    height: 10px;
    margin-right: 6px;
    width: 10px;
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
}

    .sarugby-contact-table .dot.active {
        height: 10px;
        margin-right: 6px;
        width: 10px;
        border-radius: 50%;
        display: inline-block;
        background-color: #f29701;
    }

.sarugby-contact-table .pagination-container {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    text-align: center;
    padding-bottom: 28px;
    margin-top: 50px;
}

    .sarugby-contact-table .pagination-container .chev-previous {
        float: left;
        color: #000;
    }

@media (max-width: 320px) {
    .sarugby-contact-table .pagination-container .chev-previous {
        right: 97px;
    }
}

.sarugby-contact-table .pagination-container .chev-next {
    float: right;
    color: #000;
}

@media (max-width: 320px) {
    .sarugby-contact-table .pagination-container .chev-next {
        left: 97px;
    }
}

.sarugby-contact-table #contact-table-nologo {
    border-top: 1px solid #373D4A;
    margin-top: 30px;
    width: 100%;
    padding-bottom: 30px;
}

.sarugby-contact-table .contact-table {
    table-layout: fixed;
    width: 100%;
    margin-left: 20px;
}

@media screen and (max-width: 769px) {
    .sarugby-contact-table .contact-table {
        margin-left: 0px;
    }
}

.sarugby-contact-table .contact-table .no-img {
    display: none;
}

.sarugby-contact-table .contact-table th {
    color: #373D4A;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 300;
    line-height: 34px;
    padding: 22px 0;
}

@media screen and (max-width: 756px) {
    .sarugby-contact-table .contact-table th {
        font-size: 20px;
    }
}

.sarugby-contact-table .contact-table th:nth-child(1) {
    padding-left: 80px;
}

@media screen and (max-width: 576px) {
    .sarugby-contact-table .contact-table th:nth-child(1) {
        padding-left: 30px !important;
    }
}

@media (max-width: 1000px) {
    .sarugby-contact-table .contact-table th:nth-child(1) {
        padding-left: 10px;
    }
}

.sarugby-contact-table .contact-table th:nth-child(1), .sarugby-contact-table .contact-table th:nth-child(4) {
    width: 30%;
}

.sarugby-contact-table .contact-table th:nth-child(2), .sarugby-contact-table .contact-table th:nth-child(3) {
    width: 20%;
}

.sarugby-contact-table .contact-table td {
    color: #373D4A;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 49px;
}

@media screen and (max-width: 756px) {
    .sarugby-contact-table .contact-table td {
        line-height: initial;
        height: 72px;
    }
}

@media screen and (max-width: 576px) {
    .sarugby-contact-table .contact-table td {
        padding-left: 30px !important;
    }
}

.sarugby-contact-table .contact-table td span {
    font-weight: 500;
    text-transform: uppercase;
}

.sarugby-contact-table .contact-table td:nth-child(1) {
    padding-left: 80px;
}

@media (max-width: 1000px) {
    .sarugby-contact-table .contact-table td:nth-child(1) {
        padding-left: 10px;
    }
}

.sarugby-contact-table .contact-table td:nth-child(1), .sarugby-contact-table .contact-table td:nth-child(4) {
    width: 30%;
}

.sarugby-contact-table .contact-table td:nth-child(2), .sarugby-contact-table .contact-table td:nth-child(3) {
    width: 20%;
}

.sarugby-contact-table .contact-table td img {
    height: 40px;
    width: 40px;
    margin-right: 15px;
}

.sarugby-contact-table .contact-table tr:nth-child(even) {
    background-color: rgba(239, 239, 239, 0.3);
}

/* Generic component */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-generic-container {
    font-family: Oswald;
    max-width: 1200px;
    background-color: #ffffff;
    margin: 50px auto;
}

    .sarugby-generic-container .content-container {
        margin: 50px auto;
        max-width: 767px;
    }

        .sarugby-generic-container .content-container .page-title h1 {
            color: #116071;
            font-size: 40px;
            line-height: 55px;
            margin-bottom: 20px;
            font-weight: 700;
        }

        .sarugby-generic-container .content-container .page-content {
            color: #373D4A;
            color: #373D4A;
            font-size: 18px;
            font-family: Helvetica;
            line-height: 24px;
        }

            .sarugby-generic-container .content-container .page-content .bold {
                font-weight: 700;
                margin-bottom: 35px;
                margin-top: 18px;
                font-size: 20px;
                line-height: 23px;
            }

    .sarugby-generic-container .middle-content {
        max-width: 900px;
        color: #000000;
        margin: 0 auto;
        display: grid;
    }

        .sarugby-generic-container .middle-content > div {
            flex-basis: 50%;
            display: inline-block;
            flex-direction: column;
            text-align: left;
        }

            .sarugby-generic-container .middle-content > div img {
                width: 100%;
            }

        .sarugby-generic-container .middle-content .image-container {
            position: relative;
        }

            .sarugby-generic-container .middle-content .image-container .image-text-overlay {
                position: absolute;
                bottom: 35px;
                left: 0;
                right: 0;
                margin: auto;
                font-size: 30px;
                color: #ffffff;
                line-height: 40px;
                font-weight: 100;
                letter-spacing: 1px;
                max-width: 767px;
                padding: 0 5px;
            }

@media (max-width: 1135px) {
    .sarugby-generic-container .middle-content .image-container .image-text-overlay {
        line-height: 4vw;
        letter-spacing: 1px;
        font-size: 3.2vw;
    }
}

@media (max-width: 768px) {
    .sarugby-generic-container .middle-content .image-container .image-text-overlay {
        line-height: 28px;
        letter-spacing: 1px;
        font-size: 20px;
        left: 36px;
        right: 36px;
        bottom: 20px;
    }
}

@media (max-width: 560px) {
    .sarugby-generic-container .middle-content .image-container .image-text-overlay {
        line-height: 28px;
        font-size: 22px;
        left: 23px;
        right: 23px;
    }
}

.sarugby-generic-container .middle-content .image-container .image-text-overlay .image-text-overlay-title {
    color: #F29701;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
}

@media (max-width: 560px) {
    .sarugby-generic-container .middle-content .image-container .image-text-overlay .image-text-overlay-title {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .sarugby-generic-container .content-container {
        width: 90%;
    }
}

/* Following Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#following-page {
    background-color: #EFEFEF;
    font-family: Oswald;
}

    #following-page #ViewMoreFTO {
        float: none !important;
        margin: 15px 0 32px 0 !important;
    }

    #following-page .col-xs-12 {
        padding: 0;
    }

    #following-page .margin-top20 {
        margin-top: 20px;
    }

    #following-page .padding-top20 {
        padding-top: 20px;
    }

    #following-page .nav-container {
        width: 100%;
        text-align: center;
        background-color: #ffffff;
        margin: 0 auto;
    }

        #following-page .nav-container nav {
            display: inline-block;
        }

        #following-page .nav-container #nav-tab {
            width: 100%;
            margin: 20px auto;
        }

@media (max-width: 768px) {
    #following-page .nav-container #nav-tab {
        display: flex;
    }
}

#following-page .nav-container .nav-tabs .nav-link.active, #following-page .nav-container .nav-tabs .nav-item.show .nav-link, #following-page .nav-container .nav-tabs .nav-link {
    border-width: 1px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    padding: 0.5rem 2rem;
    letter-spacing: 1px;
    color: #0D5565 !important;
    font-size: 25px !important;
}

@media (max-width: 768px) {
    #following-page .nav-container .nav-tabs .nav-link.active, #following-page .nav-container .nav-tabs .nav-item.show .nav-link, #following-page .nav-container .nav-tabs .nav-link {
        font-size: 22px !important;
    }
}

#following-page .nav-container .nav-link.active::before {
    bottom: -18px;
}

@media (max-width: 768px) {
    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
        padding: 0.5rem 1rem !important;
    }
}

.sarugby-follow-new {
    display: block;
    color: #ffffff;
    float: left;
}

@media (min-width: 992px) {
    .sarugby-follow-new {
        padding: 40px;
    }
}

@media screen and (max-width: 756px) {
    .sarugby-follow-new {
        padding-top: 20px;
        padding-right: 0px;
        padding-left: 0px;
    }
}

.sarugby-follow-new .card-text {
    margin-top: 15px;
}

@media (max-width: 767px) {
    .sarugby-follow-new .controls {
        display: none;
    }
}

.sarugby-follow-new .following-scrollable-div {
    display: block !important;
    overflow: hidden;
}

@media (max-width: 767px) {
    .sarugby-follow-new .following-scrollable-div {
        overflow: auto;
    }
}

.sarugby-follow-new #following-scrollable-div {
    left: 0;
    width: 184%;
    position: relative;
    display: flex !important;
    overflow: hidden;
}

@media (max-width: 767px) {
    .sarugby-follow-new #following-scrollable-div {
        overflow: auto;
        width: 269%;
    }
}

.sarugby-follow-new #following-scrollable-div > div {
    float: left;
    width: 11.5%;
}

@media (min-width: 767px) {
    .sarugby-follow-new #following-scrollable-div > div {
        width: 16.6%;
    }
}

@media (min-width: 1040px) {
    .sarugby-follow-new #following-scrollable-div > div {
        width: 17.6%;
    }
}

@media (max-width: 576px) {
    .sarugby-follow-new #following-scrollable-div > div {
        width: 14.5%;
    }
}

.sarugby-follow-new #top5news-leftArrow {
    cursor: pointer;
}

.sarugby-follow-new #top5news-rightArrow {
    cursor: pointer;
}

.sarugby-follow-new .header {
    line-height: 55px;
    font-size: 40px;
    font-weight: 100;
    color: #ffffff;
    text-transform: uppercase;
}

.sarugby-follow-new .cards {
    overflow: auto;
    display: flex;
}

    .sarugby-follow-new .cards::-webkit-scrollbar {
        display: none;
    }

.sarugby-follow-new .control {
    color: #ffffff;
}

    .sarugby-follow-new .control:any-link {
        color: #ffffff;
        text-decoration: none;
        line-height: 55px;
        font-size: 25px;
        font-weight: 600;
    }

.sarugby-follow-new .a:any-link {
    text-decoration: none;
}

.sarugby-follow-new .following-div {
    overflow: hidden;
    border-radius: 0px;
    width: 30%;
    background: none;
}

@media (min-width: 1260px) {
    .sarugby-follow-new .following-div {
        height: 348px;
    }
}

.sarugby-follow-new h3 {
    color: #FFFFFF;
    font-family: Oswald;
    font-size: 40px;
    font-weight: 300;
    line-height: 55px;
    text-transform: uppercase;
}

.sarugby-follow-new .following-image-container img {
    border: 4px solid #0E4749;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.sarugby-follow-new .following-image-container, .sarugby-follow-new .follow-image-add {
    width: 230px;
    height: 230px;
    margin: 0 auto;
    /* @media (min-width: 731px) and (max-width: 1110px) {
            width: 220px;
            height: 220px;
        }*/
}

@media (min-width: 1400px) {
    .sarugby-follow-new .following-image-container, .sarugby-follow-new .follow-image-add {
        width: 281px;
        height: 281px;
    }
}

@media (max-width: 1118px) {
    .sarugby-follow-new .following-image-container, .sarugby-follow-new .follow-image-add {
        width: 165px;
        height: 165px;
    }
}

@media (max-width: 673px) {
    .sarugby-follow-new .following-image-container, .sarugby-follow-new .follow-image-add {
        width: 145px;
        height: 145px;
    }
}

@media (max-width: 640px) {
    .sarugby-follow-new .following-image-container, .sarugby-follow-new .follow-image-add {
        width: 135px;
        height: 135px;
    }
}

@media (max-width: 620px) {
    .sarugby-follow-new .following-image-container, .sarugby-follow-new .follow-image-add {
        width: 125px;
        height: 125px;
    }
}

@media (max-width: 619px) {
    .sarugby-follow-new .following-image-container, .sarugby-follow-new .follow-image-add {
        width: 120px;
        height: 120px;
    }
}

@media (max-width: 542px) {
    .sarugby-follow-new .following-image-container, .sarugby-follow-new .follow-image-add {
        width: 110px;
        height: 110px;
    }
}

.sarugby-follow-new .follow-image-add {
    border-radius: 50%;
    border: 4px solid #EEF0F3;
    background-color: #0E4749;
    /* margin-top: 30px; */
}

    .sarugby-follow-new .follow-image-add a img {
        display: block;
        margin: 0 auto;
        margin-top: 45%;
    }

.sarugby-follow-new .following-share {
    position: relative;
    bottom: 40%;
    left: 45%;
}

@media (max-width: 580px) {
    .sarugby-follow-new .following-share {
        left: 34%;
    }
}

.sarugby-follow-new .following-share img {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 0;
}

@media (max-width: 760px) {
    .sarugby-follow-new .following-share img {
        width: 21px;
        height: 21px;
    }
}

.sarugby-follow-new .following-share .social-buttons-pos {
    position: absolute;
    bottom: -54px;
    margin-bottom: 48px;
    /* margin-right: 108px; */
    float: left;
    display: flex;
    margin-left: -81px;
    width: 176px;
    justify-content: center;
    flex-wrap: wrap;
}

@media (max-width: 1118px) {
    .sarugby-follow-new .following-share .social-buttons-pos {
        bottom: -62px;
        margin-left: -85px;
    }
}

@media (max-width: 760px) {
    .sarugby-follow-new .following-share .social-buttons-pos {
        bottom: -59px;
        margin-left: -90px;
    }
}

@media (max-width: 590px) {
    .sarugby-follow-new .following-share .social-buttons-pos {
        width: 160px;
        bottom: -59px;
        margin-left: -71px;
    }
}

.sarugby-follow-new .following-share .p-2 {
    padding: 0.1rem !important;
    float: left;
}

.sarugby-follow-new .following-share .social-share {
    width: 100%;
    display: flex;
    display: none;
    text-align: center;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {
    .sarugby-follow-new .mobile-add {
        display: block !important;
    }
}

@media (min-width: 767px) {
    .sarugby-follow-new .mobile-add {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .sarugby-follow-new .desktop-add {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .sarugby-follow-new .follow-image-add-parent {
        width: 25%;
    }
}

@media (min-width: 1000px) {
    .sarugby-follow-new .follow-image-add-parent {
        padding-left: 51px;
    }
}

.sarugby-follow-new .following-div .collapse {
    display: block;
}

.sarugby-follow-new .follow-text {
    font-size: 30px;
    font-weight: 300;
    line-height: 41px;
    text-align: center;
    text-transform: uppercase;
    color: #CDD3DD;
    margin: 0;
}

@media (max-width: 580px) {
    .sarugby-follow-new .follow-text {
        font-size: 16px;
        line-height: 23px;
        position: relative;
    }
}

.sarugby-follow-new .status-text {
    color: #CDD3DD;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    margin: 0;
}

@media (max-width: 580px) {
    .sarugby-follow-new .status-text {
        font-size: 14px;
        margin-bottom: initial;
        position: relative;
    }
}

.sarugby-follow-new .palyer-name {
    color: #CDD3DD;
    font-family: Oswald;
    font-size: 30px;
    font-weight: 500;
    line-height: 41px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
}

@media (max-width: 580px) {
    .sarugby-follow-new .palyer-name {
        font-size: 16px;
        line-height: 23px;
    }
}

.sarugby-follow-new .player-status {
    color: #CDD3DD;
    font-family: Oswald;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 70px;
}

@media (max-width: 580px) {
    .sarugby-follow-new .player-status {
        font-size: 11px;
        margin-bottom: initial;
    }
}

.sarugby-follow-new .carousel-outer-follow {
    float: left;
}

@media (min-width: 768px) {
    .sarugby-follow-new .row {
        flex-direction: row;
    }

        .sarugby-follow-new .row .col-3 {
            max-width: 25%;
            margin-bottom: 0;
            float: left;
            padding-right: 0;
        }
}

@media (max-width: 990px) {
    .sarugby-follow-new .carousel-item {
        display: block;
    }

    .sarugby-follow-new .controls-top h2 {
        display: block;
    }

    .sarugby-follow-new .controls-top a {
        display: none;
    }

    .sarugby-follow-new .row {
        flex-direction: row;
    }

        .sarugby-follow-new .row .col-3 {
            display: flex;
            max-width: 50%;
            float: left;
            padding: 10px;
        }

            .sarugby-follow-new .row .col-3 .view-container {
                width: 100%;
            }
}

@media (max-width: 575px) {
    .sarugby-follow-new h3 {
        font-size: 15px !important;
    }
}

.paginate-follow[data-state=disabled] {
    opacity: 0.3;
    cursor: default;
}

.whatsapp-mobile {
    position: relative;
    /*top: 0.3px !important;*/
}

/* Follow More Players component */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#about-the-game {
    margin: 0px -30px;
}

    #about-the-game .nav-container {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

        #about-the-game .nav-container nav {
            display: inline-block;
        }

            #about-the-game .nav-container nav .nav-link {
                text-transform: uppercase;
            }

.sarugby-add-rules-sidebar {
    background-image: url(/Content/sarugby/images/AboutTheGame/basic-rules.png);
    margin-top: 20px;
    font-family: Oswald;
    overflow: hidden;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .sarugby-add-rules-sidebar .nav-item .active {
        font-size: 35px;
        font-weight: 300;
    }

        .sarugby-add-rules-sidebar .nav-item .active:before {
            content: none;
        }

        .sarugby-add-rules-sidebar .nav-item .active span {
            color: #F29701;
            font-weight: 500;
            vertical-align: initial;
        }

    .sarugby-add-rules-sidebar .scrollable-nav {
        height: 760px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

        .sarugby-add-rules-sidebar .scrollable-nav::-webkit-scrollbar {
            width: 0;
        }

    .sarugby-add-rules-sidebar nav {
        margin-top: 20px;
    }

    .sarugby-add-rules-sidebar .nav-link {
        color: #FFFFFF;
        font-size: 25px;
        font-weight: 200;
        line-height: 21px;
        margin-left: 54px;
        padding-bottom: 17px;
        padding-top: 17px;
    }

        .sarugby-add-rules-sidebar .nav-link span {
            font-size: 35px;
            font-weight: 300;
            line-height: 47px;
            margin-right: 15px;
            vertical-align: sub;
        }

@media (min-width: 320px) and (max-width: 768px) {
    .sarugby-add-rules-sidebar .nav-mobile {
        background-color: #0E4749;
        color: #fff;
        padding: 20px 0px 0px;
    }

    .sarugby-add-rules-sidebar .scrollable-nav {
        height: auto;
        overflow-y: hidden;
        overflow-x: scroll;
    }

        .sarugby-add-rules-sidebar .scrollable-nav::-webkit-scrollbar {
            width: 0;
        }

    .sarugby-add-rules-sidebar nav {
        margin-top: 0px;
    }

    .sarugby-add-rules-sidebar .nav-link {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

.sarugby-add-rules-sidebar #saruby-overlay-content {
    background: rgba(12, 12, 12, 0.84);
    padding-right: 50px;
}

.sarugby-add-rules-sidebar .sarugby-overlay-contents {
    color: #fff;
    padding-left: 34px;
}

    .sarugby-add-rules-sidebar .sarugby-overlay-contents .img-container {
        margin-top: 20px;
        margin-bottom: 50px;
        position: relative;
    }

        .sarugby-add-rules-sidebar .sarugby-overlay-contents .img-container .img-dimention {
            width: 100%;
            height: 100%;
            min-height: 238px;
        }

        .sarugby-add-rules-sidebar .sarugby-overlay-contents .img-container .video-image {
            position: absolute;
            top: 0%;
            left: 0%;
            right: 0%;
            bottom: 0%;
            margin: auto;
            z-index: 4;
            width: 35px;
            height: 35px;
        }

    .sarugby-add-rules-sidebar .sarugby-overlay-contents .title {
        font-size: 20px;
        font-weight: 500;
        line-height: 27px;
        text-transform: uppercase;
        margin-bottom: 20px;
        min-height: 23px;
    }

    .sarugby-add-rules-sidebar .sarugby-overlay-contents .description {
        font-family: Helvetica;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0.28px;
        line-height: 17px;
    }

    .sarugby-add-rules-sidebar .sarugby-overlay-contents .basic-rule-descrption .rule-number {
        color: rgba(255, 255, 255, 0.84);
        font-size: 180px;
        font-weight: 500;
        line-height: 244px;
        padding: 0;
        margin: 0;
    }

    .sarugby-add-rules-sidebar .sarugby-overlay-contents .basic-rule-descrption .rule-title {
        font-size: 50px;
        font-weight: 200;
        line-height: 68px;
        padding: 0;
        margin: 0;
    }

    .sarugby-add-rules-sidebar .sarugby-overlay-contents .basic-rule-descrption .rule-descrption {
        font-size: 26px;
        font-weight: 200;
        line-height: 35px;
        width: 436px;
        padding: 0;
        margin: 0;
    }

/* About the rule component */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.about-rule {
    width: 100%;
    padding-left: 34px;
}

    .about-rule hr {
        border: 1px solid #4A4A4A;
    }

    .about-rule .carousel-bg .col-sm-6.text-rule {
        color: #ffffff;
        font-family: Helvetica;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0.28px;
        line-height: 17px;
        padding: 29px;
    }

@media (min-width: 300px) and (max-width: 480px) {
    .about-rule .carousel-bg .col-sm-6.text-rule {
        padding: 20px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .about-rule .carousel-bg .col-sm-6.text-rule {
        padding: 20px;
    }
}

.about-rule .carousel-bg .carousel-caption.text-left {
    position: absolute;
    left: 33px;
    bottom: 41px;
}

    .about-rule .carousel-bg .carousel-caption.text-left h2.carousel-heading {
        font-size: 35px;
        font-weight: 200;
        color: #ffffff;
        font-family: Oswald;
        font-size: 35px;
        font-weight: 200;
        line-height: 47px;
    }

    .about-rule .carousel-bg .carousel-caption.text-left h2.carousel-sub-heading {
        font-size: 35px;
        font-weight: 200;
        color: #ffffff;
        font-family: Oswald;
        font-size: 35px;
        font-weight: 200;
        line-height: 47px;
    }

.about-rule .carousel-bg h1.rule-caption {
    color: #FFFFFF;
    font-family: Oswald;
    font-size: 50px;
    font-weight: 200;
    line-height: 68px;
}

.about-rule .carousel-bg #demo .carousel-indicators li {
    border-radius: 50% !important;
}

.about-rule .carousel-bg #demo ul.carousel-indicators.carousel-indicators--round.text-left.d-inline-flex.justify-content-start {
    align-content: center !important;
    justify-content: center !important;
    text-align: center;
}

.about-rule .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    display: -webkit-box;
}

    .about-rule .carousel-inner .carousel-item img {
        width: 100%;
    }

.about-rule .carousel-bg .buttons-component {
    padding: 20px;
    align-content: center !important;
    justify-content: center !important;
    text-align: center;
}

.about-rule .carousel-bg a.disable-link {
    pointer-events: none;
    cursor: default;
}

.about-rule .carousel-bg .prev-rule-button a {
    color: #ffffff;
    border: solid 1px;
    display: inline-block;
    padding: 12px 23px;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.83px;
    line-height: 27px;
    text-align: center;
    min-width: 200px;
    width: 100%;
}

    .about-rule .carousel-bg .prev-rule-button a:hover {
        background-color: #0D5565;
        color: white;
        border: solid 1px #0D5565 !important;
        text-decoration: none;
        transition: 1s all;
    }

@media (min-width: 300px) and (max-width: 480px) {
    .about-rule .carousel-bg .prev-rule-button a {
        font-size: 16px;
        padding: 6px;
        min-width: 120px;
        margin-left: -8px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .about-rule .carousel-bg .prev-rule-button a {
        font-size: 20px;
        padding: 12px;
        min-width: 185px;
        margin-left: 0;
    }
}

.about-rule .carousel-bg .next-rule-button a {
    color: #ffffff;
    border: solid 1px;
    display: inline-block;
    padding: 12px 23px;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.83px;
    line-height: 27px;
    text-align: center;
    min-width: 200px;
    width: 100%;
}

    .about-rule .carousel-bg .next-rule-button a:hover {
        background-color: #0D5565;
        color: white;
        border: solid 1px #0D5565 !important;
        text-decoration: none;
        transition: 1s all;
    }

@media (min-width: 300px) and (max-width: 480px) {
    .about-rule .carousel-bg .next-rule-button a {
        font-size: 16px;
        padding: 6px;
        min-width: 120px;
        margin-left: -8px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .about-rule .carousel-bg .next-rule-button a {
        font-size: 20px;
        padding: 12px;
        min-width: 185px;
        margin-left: 0;
    }
}

/* Player Stats Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#following-page .sarugby-player-listing {
    font-family: Oswald;
    background-color: #ffffff;
    padding: 5px 30px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    perspective: 800px;
    float: left;
    /*.flip-container:hover .back, .flip-container.hover .back {
            -webkit-transform: rotateY(0deg);
            -moz-transform: rotateY(0deg);
            -o-transform: rotateY(0deg);
            -ms-transform: rotateY(0deg);
            transform: rotateY(0deg);
        }

        .flip-container:hover .front, .flip-container.hover .front {
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
            transform: rotateY(180deg);
        }*/
}

    #following-page .sarugby-player-listing .col-md-3 {
        padding: 10px 8px;
    }

    #following-page .sarugby-player-listing .player-img-container {
        height: 450px;
        width: 100%;
        position: relative;
    }

        #following-page .sarugby-player-listing .player-img-container .player-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top;
        }

        #following-page .sarugby-player-listing .player-img-container .description {
            background-color: rgba(0, 0, 0, 0.8);
            bottom: 0;
            width: 100%;
            padding: 15px 0 15px 30px;
            min-height: 103px;
            position: absolute;
            text-align: left;
        }

            #following-page .sarugby-player-listing .player-img-container .description h1 {
                font-size: 23px !important;
                font-weight: 100;
                margin: 0;
                color: #ffffff;
                line-height: 37px;
            }

@media screen and (max-width: 514px) {
    #following-page .sarugby-player-listing .player-img-container .description h1 {
        font-size: 13px;
        line-height: 18px;
    }
}

#following-page .sarugby-player-listing .player-img-container .description h3 {
    font-size: 30px !important;
    color: #FFC425;
    margin: 0;
    font-weight: 100;
}

@media screen and (max-width: 514px) {
    #following-page .sarugby-player-listing .player-img-container .description h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 894px) {
    #following-page .sarugby-player-listing .player-img-container .description {
        padding: 15px 0 15px 20px;
    }

        #following-page .sarugby-player-listing .player-img-container .description h1 {
            font-size: 19px;
        }

        #following-page .sarugby-player-listing .player-img-container .description h3 {
            font-size: 25px;
        }
}

#following-page .sarugby-player-listing .player-info {
    text-align: center;
    padding: 20px;
    border: 1px solid #CDD3DD;
    height: 450px;
    background-color: #ffffff;
    box-shadow: 0 0 6px -1px #CDD3DD;
    width: 100%;
}

    #following-page .sarugby-player-listing .player-info h1 {
        text-transform: uppercase;
        margin-bottom: 15px;
    }

    #following-page .sarugby-player-listing .player-info h4 {
        text-transform: uppercase;
        margin-bottom: 0;
        font-weight: 100;
    }

    #following-page .sarugby-player-listing .player-info p {
        font-size: 14px;
    }

    #following-page .sarugby-player-listing .player-info .btn-container {
        position: absolute;
        bottom: 10px;
        margin: 0 auto;
    }

        #following-page .sarugby-player-listing .player-info .btn-container a.btn.bottom-button {
            border: 1px solid #0D5565;
            font-size: 20px;
            letter-spacing: 1.5px;
            color: #0D5565;
            min-width: 85px;
            border-radius: 0px;
            margin-bottom: 20px;
            padding: 10px 20px;
            /* margin-left: 7px; */
            margin-right: 8px;
            font-weight: 300;
        }

            #following-page .sarugby-player-listing .player-info .btn-container a.btn.bottom-button:hover {
                background-color: #0D5565;
                color: white;
                border: solid 1px #0D5565 !important;
                text-decoration: none;
                transition: 1s all;
            }

#following-page .sarugby-player-listing .flip-container {
    cursor: pointer;
    height: 450px;
    -webkit-perspective: 90000px;
    -moz-perspective: 90000px;
    -o-perspective: 90000px;
    perspective: 90000px;
}

    #following-page .sarugby-player-listing .flip-container .flippable {
        transition: 0.5s;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        -moz-transform: perspective(90000px);
        -moz-transform-style: preserve-3d;
        position: relative;
    }

    #following-page .sarugby-player-listing .flip-container .flipme {
        transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
        z-index: 1;
    }

#following-page .sarugby-player-listing .front, #following-page .sarugby-player-listing .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

#following-page .sarugby-player-listing .front {
    z-index: 2;
    pointer-events: none;
}

#following-page .sarugby-player-listing .back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

#following-page .sarugby-player-listing .row-space {
    margin-top: 15px;
    margin-bottom: 15px;
}

#following-page .view-container {
    margin: 19px 0 77px 0;
    width: 100%;
    float: left;
    text-transform: uppercase;
}

    #following-page .view-container .view-more {
        height: 27px;
        width: 99.26px;
        color: #0D5565;
        font-family: Oswald;
        font-size: 20px;
        font-weight: 300;
        margin-left: 45%;
        letter-spacing: 0.83px;
        line-height: 27px;
        text-align: center;
        border: none;
        background-color: none;
        margin: auto;
        display: block;
    }

        #following-page .view-container .view-more .button {
            background: none;
            border: none;
            color: #0D5565;
        }

    #following-page .view-container .view-more-less {
        border: none;
    }

        #following-page .view-container .view-more-less .margin-10 {
            margin-top: -10px;
        }

        #following-page .view-container .view-more-less .button-around-border {
            border-radius: 0% !important;
        }

        #following-page .view-container .view-more-less .btn-content .arrow-more {
            display: inline;
        }

        #following-page .view-container .view-more-less .btn-content:not(.collapsed) .arrow-more {
            display: none;
        }

        #following-page .view-container .view-more-less .btn-content.collapsed .arrow-less {
            display: none;
        }

        #following-page .view-container .view-more-less .collapse {
            visibility: hidden;
        }

            #following-page .view-container .view-more-less .collapse.show {
                visibility: visible;
                display: block;
            }

        #following-page .view-container .view-more-less .collapsing {
            position: relative;
            height: 0;
            overflow: hidden;
            -webkit-transition-property: height, visibility;
            transition-property: height, visibility;
            -webkit-transition-duration: 0.35s;
            transition-duration: 0.35s;
            -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
        }

            #following-page .view-container .view-more-less .collapsing.width {
                -webkit-transition-property: width, visibility;
                transition-property: width, visibility;
                width: 0;
                height: auto;
            }

#following-page .card-text {
    max-height: 220px;
    height: 223px;
    overflow: hidden;
}

.sarugby-player-listing .btn-container {
    width: 88% !important;
}

    .sarugby-player-listing .btn-container a.btn.bottom-button {
        width: 124px !important;
        font-size: 15px !important;
        padding: 8px 10px !important;
    }

@media (max-width: 1132px) {
    .sarugby-player-listing .player-info .btn-container a.btn.bottom-button:hover {
        background-color: #0D5565;
        color: white;
        border: solid 1px #0D5565 !important;
        text-decoration: none;
        transition: 1s all;
    }
}

@media (max-width: 1024px) {
    .sarugby-player-listing .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .sarugby-player-listing .player-info {
        padding: 30px !important;
    }

        .sarugby-player-listing .player-info p {
            font-size: 16px !important;
        }

        .sarugby-player-listing .player-info .btn-container a.btn.bottom-button {
            font-size: 16px !important;
            padding: 9px 25px !important;
        }

            .sarugby-player-listing .player-info .btn-container a.btn.bottom-button:hover {
                background-color: #0D5565;
                color: white;
                border: solid 1px #0D5565 !important;
                text-decoration: none;
                transition: 1s all;
            }
}

@media (max-width: 575px) {
    .sarugby-player-listing .player-img-container .description h1 {
        font-size: 4.5em;
        line-height: normal;
    }

    .sarugby-player-listing .player-img-container .description h3 {
        font-size: 2.5em;
    }
}

@media (max-width: 385px) {
    .sarugby-player-listing .player-info p {
        font-size: 14px !important;
    }

    .sarugby-player-listing .player-info .btn-container {
        width: 82%;
    }

        .sarugby-player-listing .player-info .btn-container a.btn.bottom-button {
            font-size: 14px !important;
            padding: 10px 24px !important;
        }

            .sarugby-player-listing .player-info .btn-container a.btn.bottom-button:hover {
                background-color: #0D5565;
                color: white;
                border: solid 1px #0D5565 !important;
                text-decoration: none;
                transition: 1s all;
            }
}

@media (max-width: 480px) and (min-width: 300px) {
    #following-page .sarugby-player-listing .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 320px) and (max-width: 756px) {
    #player-listing .sarugby-player-listing .row {
        margin-left: -21px;
        margin-right: -20px;
    }
}

.flipped {
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Match Result component */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-match-results {
    font-family: Montserrat;
    width: 375px;
    width: 46px;
    background-color: rgba(14, 71, 73, 0.95);
    position: absolute;
    float: right;
    top: 128px;
    right: 0;
    z-index: 999;
}

    .sarugby-match-results .match-results-toggler {
        background-color: #F29701;
        float: left;
        position: absolute;
        padding: 19px;
        left: -46px;
        left: 0;
        cursor: pointer;
        z-index: 100;
    }

@media (max-width: 576px) {
    .sarugby-match-results .match-results-toggler {
        padding: 16px 19px;
    }

        .sarugby-match-results .match-results-toggler img {
            position: relative;
        }
}

.sarugby-match-results .tabset > input[type="radio"] {
    position: absolute;
    left: -200vw;
}

.sarugby-match-results .tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.sarugby-match-results .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2) {
    display: block;
    color: #ffffff;
}

.sarugby-match-results .tabset {
    display: none;
}

    .sarugby-match-results .tabset .tab-panels {
        /*background-color: rgba(13,85,101,0.8);*/
    }

    .sarugby-match-results .tabset .tab-panel {
        display: none;
    }

    .sarugby-match-results .tabset label {
        margin-bottom: 0;
    }

    .sarugby-match-results .tabset .tab-head {
        position: relative;
        display: inline-block;
        border-bottom: 0;
        cursor: pointer;
        font-weight: 100;
        width: 49.5%;
        color: #ffffff;
        text-transform: uppercase;
        text-align: center;
        padding: 15px;
        font-family: oswald;
        font-size: 18px;
        letter-spacing: 0.8px;
    }

@media (width: 320px) {
    .sarugby-match-results .tabset .tab-head {
        width: 49%;
    }
}

@media (max-width: 576px) {
    .sarugby-match-results .tabset .tab-head {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .sarugby-match-results .tabset .tab-head:first-of-type {
        padding-left: 72px;
    }
}

.sarugby-match-results .tabset > label:hover,
.sarugby-match-results .tabset > input:focus + label {
    color: #ffffff;
}

    .sarugby-match-results .tabset > label:hover::after,
    .sarugby-match-results .tabset > input:focus + label::after,
    .sarugby-match-results .tabset > input:checked + label::after {
        background: rgba(13, 85, 101, 0.8);
    }

.sarugby-match-results .tabset > input:checked + label {
    margin-bottom: 0;
    background-color: rgba(13, 85, 101, 0.5);
}

.sarugby-match-results .tab-panel {
    border-top: 1px solid rgba(14, 71, 73, 0.8);
}

    .sarugby-match-results .tab-panel .common-container > div:nth-of-type(3) {
        margin-top: -10px;
    }

        .sarugby-match-results .tab-panel .common-container > div:nth-of-type(3) > div:last-of-type {
            padding-right: 5px !important;
        }

    .sarugby-match-results .tab-panel .common-container {
        padding: 20px 0 10px 0;
        background: rgba(13, 85, 101, 0.5);
    }

        .sarugby-match-results .tab-panel .common-container .p-2 {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .sarugby-match-results .tab-panel .common-container .team-comp {
            text-align: center;
            display: flex;
            align-items: center;
        }

            .sarugby-match-results .tab-panel .common-container .team-comp img {
                height: 43px;
                width: 43px;
                float: left;
            }

        .sarugby-match-results .tab-panel .common-container .teamname {
            color: #fff;
            font-size: 18px;
            font-weight: 100;
            padding: 0 10px 0 10px;
            float: left;
            line-height: 64px;
            margin-bottom: 0;
        }

        .sarugby-match-results .tab-panel .common-container .teams {
            width: 40px;
            height: auto;
            border-radius: 50%;
            margin-top: 12px;
        }

        .sarugby-match-results .tab-panel .common-container .venue {
            font-size: 11px;
            font-weight: 300;
            letter-spacing: 0.3px;
            line-height: 15px;
            width: 100%;
            text-align: center;
            margin-bottom: 10px;
        }

        .sarugby-match-results .tab-panel .common-container .date-time {
            font-size: 11px;
            font-weight: 300;
            letter-spacing: 0.6px;
            width: 100%;
            text-align: center;
            margin-bottom: 20px;
            padding-top: 25px;
        }

        .sarugby-match-results .tab-panel .common-container .upcoming {
            padding-top: 0;
        }

        .sarugby-match-results .tab-panel .common-container .score {
            font-size: 27px;
            font-weight: 300;
        }

        .sarugby-match-results .tab-panel .common-container .ticket-comp {
            text-align: center;
            color: #FFF;
        }

            .sarugby-match-results .tab-panel .common-container .ticket-comp .vs {
                font-size: 30px;
                font-weight: 300;
                font-family: oswald;
                line-height: 64px;
                margin-bottom: 3px;
            }

    .sarugby-match-results .tab-panel .rugby-year {
        background: #0e4749;
        text-align: center;
        padding: 15px 0;
        letter-spacing: 0.5px;
        font-size: 12px;
    }

    .sarugby-match-results .tab-panel .score-container ul {
        padding: 0;
    }

        .sarugby-match-results .tab-panel .score-container ul li {
            list-style: none;
            border-top: 1px solid #0C261F;
            padding: 5px 0 0 0;
            font-size: 12px;
        }

            .sarugby-match-results .tab-panel .score-container ul li .score {
                font-size: 25px;
                text-align: center;
                margin: 0;
                height: 55px;
                line-height: 55px;
            }

            .sarugby-match-results .tab-panel .score-container ul li .names {
                font-size: 12px;
                padding-top: 10px;
                text-align: center;
                margin: 0;
                height: 55px;
                line-height: 33px;
                min-width: 118px;
            }

        .sarugby-match-results .tab-panel .score-container ul .bottom-button {
            padding: 15px 25px 5px 25px;
        }

            .sarugby-match-results .tab-panel .score-container ul .bottom-button a.view-all {
                color: #ffffff;
                border: solid 1px;
                display: inline-block;
                width: 100%;
                font-size: 20px;
                padding: 10px;
                font-family: oswald;
                text-align: center;
            }

    .sarugby-match-results .tab-panel .matchdetails-container ul {
        padding: 0;
    }

        .sarugby-match-results .tab-panel .matchdetails-container ul li {
            list-style: none;
            border-top: 1px solid #0C261F;
            padding: 5px 0;
            font-size: 12px;
        }

@media (max-width: 567px) {
    .sarugby-match-results .tab-panel .matchdetails-container ul li {
        margin-left: 12px;
    }
}

.sarugby-match-results .tab-panel .matchdetails-container ul li .names {
    font-size: 12px;
    padding-top: 10px;
}

.sarugby-match-results .tab-panel .matchdetails-container ul li .time {
    font-size: 22px;
    margin-bottom: 0;
}

.sarugby-match-results .tab-panel .matchdetails-container ul li .p-2 {
    padding-bottom: 3px !important;
    align-self: center;
}

.sarugby-match-results .tab-panel .matchdetails-container ul li .team-comp:last-of-type {
    text-align: right;
}

.sarugby-match-results .tab-panel .matchdetails-container ul li .team-comp {
    width: 35%;
}

    .sarugby-match-results .tab-panel .matchdetails-container ul li .team-comp img {
        width: 40px;
        height: 40px;
    }

    .sarugby-match-results .tab-panel .matchdetails-container ul li .team-comp .teamname {
        font-size: 14px;
    }

.sarugby-match-results .tab-panel .matchdetails-container ul li .bottom-button {
    padding: 15px 25px 5px 25px;
}

    .sarugby-match-results .tab-panel .matchdetails-container ul li .bottom-button a.view-all {
        color: #ffffff;
        border: solid 1px;
        display: inline-block;
        width: 100%;
        font-size: 20px;
        padding: .5vw;
        font-family: oswald;
        text-align: center;
        padding: 10px;
    }

.sarugby-match-results .tab-panel .matchdetails-container ul li:nth-child(even) {
    background: rgba(0, 0, 0, 0.3);
}

.sarugby-match-results .tab-panel .matchdetails-container .all-details {
    font-size: 9px;
    text-align: center;
    padding: 2px 0;
}

.sarugby-match-results .tab-panel .matchdetails-container .left-space {
    padding-left: 8px;
}

.sarugby-match-results .tab-panel .matchdetails-container .right-space {
    padding-right: 8px;
}

/* Apparel style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.man-of-the-match .motm-title {
    width: 100%;
    max-width: 1200px;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 20px;
}

    .man-of-the-match .motm-title h1 {
        color: #000000;
        font-family: Oswald;
        font-size: 40px;
        font-weight: 300;
    }

.man-of-the-match .sarugby-motm-container {
    font-family: Oswald;
    background-color: #ffffff;
    margin: auto;
    color: white;
}

    .man-of-the-match .sarugby-motm-container a {
        color: white;
        text-decoration: none;
        transition: .5s all;
    }

    .man-of-the-match .sarugby-motm-container h2 {
        text-transform: uppercase;
        font-weight: 100;
        font-size: 2vw;
        white-space: nowrap;
    }

@media (max-width: 768px) {
    .man-of-the-match .sarugby-motm-container h2 {
        font-size: 25px;
    }
}

.man-of-the-match .sarugby-motm-container p {
    font-family: helvetica;
}

@media (max-width: 768px) {
    .man-of-the-match .sarugby-motm-container p {
        font-size: 13px;
    }
}

.man-of-the-match .sarugby-motm-container .motm-parent {
    height: 466px !important;
    overflow: hidden;
}

@media (max-width: 768px) {
    .man-of-the-match .sarugby-motm-container .motm-parent {
        height: initial !important;
    }
}

.man-of-the-match .sarugby-motm-container .motm-parent .motm-img {
    max-width: 100%;
    max-height: 100%;
}

.man-of-the-match .sarugby-motm-container .motm-parent > div {
    padding: 0;
    /*
                @media (max-width: 768px) {
                    flex-basis: 100%;
                    max-width: 100%;
                    height: 418px;
                }
                */
    /*
                @media (min-width: 320px) and (max-width: 480px) {
                    flex-basis: 78%;
                    max-width: 100%;
                    height: 418px;
                }

                @media (min-width: 768px) and (max-width: 1024px) {
                    flex-basis: 100%;
                    max-width: 100%;
                    height: 418px;
                }*/
}

@media (max-width: 768px) {
    .man-of-the-match .sarugby-motm-container .motm-parent > div {
        flex-basis: 100%;
        max-width: 100%;
        height: initial;
    }
}

.man-of-the-match .sarugby-motm-container .motm-left {
    background: #FFF;
    text-align: center;
    height: 100%;
}

    .man-of-the-match .sarugby-motm-container .motm-left p {
        margin-bottom: 50px;
        margin-top: 20px;
        color: rgba(255, 255, 255, 0.7);
        font-size: 14px;
    }

    .man-of-the-match .sarugby-motm-container .motm-left a:hover {
        color: #303030;
        background: white;
    }

    .man-of-the-match .sarugby-motm-container .motm-left > div {
        width: 45%;
        position: absolute;
        bottom: 50px;
        left: 40px;
    }

@media (max-width: 1280px) {
    .man-of-the-match .sarugby-motm-container .motm-left > div {
        width: 78%;
    }
}

@media (max-width: 768px) {
    .man-of-the-match .sarugby-motm-container .motm-left > div {
        width: 58%;
    }
}

.man-of-the-match .sarugby-motm-container .motm-right {
    background: #000000;
}

    .man-of-the-match .sarugby-motm-container .motm-right .motm-title {
        padding-top: 30px;
        color: #FFF;
        font-family: Oswald;
        font-size: 34px;
        font-weight: 300;
        letter-spacing: 1.67px;
        line-height: 55px;
        text-align: center;
    }

@media (min-width: 320px) and (max-width: 480px) {
    .man-of-the-match .sarugby-motm-container .motm-right .motm-title {
        padding-top: 1px;
    }
}

@media (max-width: 1024px) {
    .man-of-the-match .sarugby-motm-container .motm-right .motm-title {
        padding-top: 0px;
    }
}

.man-of-the-match .sarugby-motm-container .motm-right .motm-text {
    text-transform: none;
    color: #fff;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.58px;
    line-height: 17px;
    text-align: center;
}

@media (max-width: 768px) {
    .man-of-the-match .sarugby-motm-container .motm-right .motm-text {
        padding-right: 10px;
        padding-left: 10px;
    }
}

.man-of-the-match .sarugby-motm-container .motm-right img {
    width: 80%;
    /*margin-top: 40px;*/
    margin-top: 1vw;
}

@media (max-width: 1605px) {
    .man-of-the-match .sarugby-motm-container .motm-right img {
        width: 19vw;
    }
}

@media (max-width: 768px) {
    .man-of-the-match .sarugby-motm-container .motm-right img {
        width: 80%;
    }
}

.man-of-the-match .sarugby-motm-container .motm-right a:hover {
    color: #FF0091;
    background: white;
}

.man-of-the-match .sarugby-motm-container .motm-right > div {
    text-align: center;
    font-size: 42px;
    text-transform: uppercase;
    max-width: 400px;
    margin: auto;
    padding: 40px 15px;
}

    .man-of-the-match .sarugby-motm-container .motm-right > div p {
        font-family: oswald;
        /*margin-bottom: 60px*/
        margin-bottom: 3vw;
        font-size: 3vw;
    }

@media (max-width: 768px) {
    .man-of-the-match .sarugby-motm-container .motm-right > div p {
        font-size: 35px;
    }
}

@media (min-width: 1250px) {
    .man-of-the-match .sarugby-motm-container .motm-right > div p {
        font-size: 40px;
    }
}

.man-of-the-match .sarugby-motm-container .motm-buy-button {
    border: solid 1px;
    padding: 15px 40px;
    font-size: 1.5vw;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .man-of-the-match .sarugby-motm-container .motm-buy-button {
        font-size: 18px;
    }
}

@media (min-width: 1250px) {
    .man-of-the-match .sarugby-motm-container .motm-buy-button {
        font-size: 18px;
    }
}

/* Post Match Stats Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#post-match-page {
    background-color: #EFEFEF;
    font-family: Oswald;
}

    #post-match-page .container-full {
        margin-left: -15px;
        margin-right: -15px;
    }

    #post-match-page .margin-top20 {
        margin-top: 20px;
    }

    #post-match-page .nav-container {
        width: 100%;
        text-align: center;
    }

        #post-match-page .nav-container nav {
            display: inline-block;
        }

        #post-match-page .nav-container #nav-tab {
            width: 100%;
            margin: 20px auto;
        }

        #post-match-page .nav-container .nav-tabs .nav-link.active, #post-match-page .nav-container .nav-tabs .nav-item.show .nav-link, #post-match-page .nav-container .nav-tabs .nav-link {
            border-width: 1px !important;
            border-top-left-radius: 0 !important;
            border-top-right-radius: 0 !important;
            padding: 0.5rem 2rem;
            letter-spacing: 1px;
            color: #0D5565 !important;
            font-size: 25px !important;
        }

@media (min-width: 320px) and (max-width: 480px) {
    #post-match-page .nav-container .nav-tabs .nav-link.active, #post-match-page .nav-container .nav-tabs .nav-item.show .nav-link, #post-match-page .nav-container .nav-tabs .nav-link {
        font-size: 14px !important;
        font-weight: 300;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

#post-match-page .nav-container .nav-link.active::before {
    bottom: -19px;
}

@media (min-width: 320px) and (max-width: 480px) {
    #post-match-page .nav-container .nav-link.active::before {
        bottom: -15px;
    }
}

@media (max-width: 768px) {
    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
        padding: 0.5rem 1rem !important;
    }
}

/* Match Day Squad Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-matchday-squad {
    min-height: 600px;
    padding: 40px;
    background-color: white;
    max-width: 1200px;
    margin: auto;
}

@media screen and (max-width: 767px) {
    .sarugby-matchday-squad .team-img {
        width: 90px;
    }
}

@media screen and (max-width: 767px) {
    .sarugby-matchday-squad .match-title {
        font-size: 18px;
    }
}

.sarugby-matchday-squad table .loosehead {
    font-size: 24px;
    color: #8494A5;
}

@media screen and (max-width: 767px) {
    .sarugby-matchday-squad table .loosehead {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .sarugby-matchday-squad table img {
        width: 30px;
    }
}

@media screen and (max-width: 767px) {
    .sarugby-matchday-squad table .player-name {
        font-size: 22px;
        overflow: hidden;
        max-width: 10ch;
        text-overflow: ellipsis;
    }
}

.sarugby-matchday-squad table th {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 100;
    text-align: center;
    padding: 40px 0;
}

.sarugby-matchday-squad table .starting-odd {
    background-color: #f9f9f9;
}

.sarugby-matchday-squad table td, .sarugby-matchday-squad table th {
    vertical-align: middle !important;
    border: none;
}

.sarugby-matchday-squad table > tbody > tr {
    border-bottom: solid white;
}

    .sarugby-matchday-squad table > tbody > tr > td > a {
        display: inline-block;
        position: relative;
        top: -5px;
    }

        .sarugby-matchday-squad table > tbody > tr > td > a img {
            width: 12px;
        }

    .sarugby-matchday-squad table > tbody > tr td {
        width: 33%;
        padding: 25px;
        padding-bottom: 13px;
    }

        .sarugby-matchday-squad table > tbody > tr td div {
            float: left;
            margin-left: 20px;
        }

@media screen and (max-width: 767px) {
    .sarugby-matchday-squad table > tbody > tr td div {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.sarugby-matchday-squad table > tbody > tr td div span {
    color: #8494A5;
    font-size: 20px;
    display: block;
    width: 100%;
    top: -6px;
    position: relative;
}

.sarugby-matchday-squad table td:nth-of-type(1) {
    font-size: 28px;
    text-align: left;
}

.sarugby-matchday-squad table td:nth-of-type(2) {
    text-align: center;
}

.sarugby-matchday-squad table td:nth-of-type(3) {
    font-size: 28px;
    text-align: right;
}

    .sarugby-matchday-squad table td:nth-of-type(3) div {
        float: right;
    }

.sarugby-matchday-squad table td:nth-of-type(1) {
    text-align: left;
}

.sarugby-matchday-squad table td:nth-of-type(2) {
    text-align: center;
}

.sarugby-matchday-squad table td:nth-of-type(3) {
    text-align: right;
}

.sarugby-matchday-squad table td.subtable {
    width: initial;
    background-color: #f9f9f9;
    padding: 0;
}

    .sarugby-matchday-squad table td.subtable table:nth-of-type(1) {
        border-right: solid 3px white;
    }

    .sarugby-matchday-squad table td.subtable table {
        width: 50%;
        float: left;
    }

        .sarugby-matchday-squad table td.subtable table tr {
            border: none !important;
        }

        .sarugby-matchday-squad table td.subtable table td {
            text-align: center !important;
            font-size: 18px;
            padding: 30px 0;
            width: 4%;
        }

@media screen and (max-width: 767px) {
    .sarugby-matchday-squad table td.subtable table td {
        display: block;
        width: 100%;
    }
}

.sarugby-matchday-squad table td.subtable table td span {
    display: inline-block;
    width: 100%;
    font-size: 38px;
    margin-top: 30px;
}

.sarugby-matchday-squad .view-more-starting {
    text-align: center;
    margin-top: 20px;
    width: 100%;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

    .sarugby-matchday-squad .view-more-starting a {
        color: #0D5565;
    }

    .sarugby-matchday-squad .view-more-starting img {
        margin-top: -20px;
    }

.sarugby-matchday-squad .pink-text {
    color: deeppink;
}

.sarugby-matchday-squad .grey-text {
    color: #8494A5;
}

/* Commentary Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.sarugby-commentary-container {
    font-family: Oswald;
    max-width: 1200px;
    margin-bottom: 30px;
    padding-right: 0px;
    padding-left: 0px;
}

    .sarugby-commentary-container h1 {
        color: #000000;
        font-size: 40px;
        font-weight: 300;
        letter-spacing: 1px;
        text-transform: none;
    }

    .sarugby-commentary-container .controls-top {
        position: relative;
        z-index: 1;
        display: block;
        width: 100%;
    }

        .sarugby-commentary-container .controls-top a {
            display: inline-flex;
            top: 14px;
        }

        .sarugby-commentary-container .controls-top .carousel-control-prev,
        .sarugby-commentary-container .controls-top .carousel-control-next {
            position: absolute;
            width: auto;
            display: initial;
            opacity: 1;
        }

        .sarugby-commentary-container .controls-top .carousel-control-prev {
            left: auto;
            right: 40px;
        }

        .sarugby-commentary-container .controls-top .carousel-control-next {
            right: 0;
        }

        .sarugby-commentary-container .controls-top .carousel-control-prev-icon {
            background-image: url("/Images/Icons/chevron-left-black.svg");
        }

        .sarugby-commentary-container .controls-top .carousel-control-next-icon {
            background-image: url("/Images/Icons/chevron-right-black.svg");
        }

        .sarugby-commentary-container .controls-top .carousel-control-prev-icon,
        .sarugby-commentary-container .controls-top .carousel-control-next-icon {
            background-size: auto;
            width: 11px;
            height: 16px;
        }

    .sarugby-commentary-container .carousel-view {
        width: calc((100%*1));
        height: 240px;
        background: #ffffff;
        margin: auto;
        overflow: hidden;
        position: relative;
    }

    .sarugby-commentary-container .commentary-list {
        position: absolute;
        margin: 0;
        padding: 0;
        transition: transform .3s;
        transform: translateX(0px);
        list-style: none;
        height: 240px;
    }

    .sarugby-commentary-container ul.commentary-list li {
        text-align: left;
    }

        .sarugby-commentary-container ul.commentary-list li .time {
            color: #8494A5;
            font-size: 20px;
            margin-bottom: 16px;
            text-transform: uppercase;
        }

        .sarugby-commentary-container ul.commentary-list li h1 {
            font-size: 25px;
            font-weight: 300;
            word-spacing: 100vw;
            color: #000000;
            text-transform: uppercase;
            margin-bottom: 20px;
        }

        .sarugby-commentary-container ul.commentary-list li .text {
            font-size: 20px;
            color: #373D4A;
            line-height: 27px;
        }

        .sarugby-commentary-container ul.commentary-list li:nth-child(odd) {
            background-color: #ffffff;
            font-weight: 100;
        }

        .sarugby-commentary-container ul.commentary-list li:nth-child(even) {
            background-color: #FAFAFA;
        }

            .sarugby-commentary-container ul.commentary-list li:nth-child(even) h1 {
                font-weight: 500;
            }

    .sarugby-commentary-container .commentary-list-item {
        width: 398px;
        height: 240px;
        display: inline-block;
    }

    .sarugby-commentary-container .commentary {
        display: table;
        height: 100%;
        width: 100%;
        padding: 20px 60px 20px 20px;
    }

@media (min-width: 768px) {
    .sarugby-commentary-container .carousel-view {
        overflow: hidden !important;
    }
}

.news-banner {
    margin-left: -2px !important;
}

    .news-banner .banner-img {
        width: 100%;
        height: 47.2vw;
        margin-top: -2px;
    }

/* Previous Match - Post Match Stats Component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
#previous-match-poststats .prev-match-title {
    width: 100%;
    max-width: 1200px;
    padding-right: 0px;
    padding-left: 0px;
}

    #previous-match-poststats .prev-match-title h1 {
        color: #000000;
        font-family: Oswald;
        font-size: 40px;
        font-weight: 300;
    }

#previous-match-poststats .previous-matches-postmatchstats {
    padding-right: 0px;
    padding-left: 0px;
}

    #previous-match-poststats .previous-matches-postmatchstats .table-striped tbody tr:nth-of-type(odd) {
        /* background-color: rgba(0, 0, 0, 0.05); */
        background-color: #FFF;
    }

    #previous-match-poststats .previous-matches-postmatchstats .table-striped tbody tr:nth-of-type(even) {
        background-color: #FAFAFA;
    }

    #previous-match-poststats .previous-matches-postmatchstats .color-indicator-table {
        margin-bottom: 0px;
    }

        #previous-match-poststats .previous-matches-postmatchstats .color-indicator-table .color-indicator-td {
            width: 50%;
            padding: 0px;
        }

            #previous-match-poststats .previous-matches-postmatchstats .color-indicator-table .color-indicator-td .color-indicator-home {
                border-top: 4px solid #000;
                box-shadow: 0 2px 4px 0 #CDD3DD;
            }

            #previous-match-poststats .previous-matches-postmatchstats .color-indicator-table .color-indicator-td .color-indicator-away {
                border-top: 4px solid #E2008E;
                box-shadow: 0 2px 4px 0 #CDD3DD;
            }

    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row {
        border-bottom: 2px solid #F1F1F1;
    }

        #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-team-div {
            padding-top: 14px;
        }

@media screen and (max-width: 768px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-team-div {
        padding-top: 14px;
    }
}

@media (min-width: 1441px) and (max-width: 2560px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-team-div {
        padding-top: 27px;
    }
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-team-div {
        padding-top: 23px;
    }
}

#previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-img {
    width: 31px !important;
    height: auto;
    border-radius: 50%;
    margin-top: -9px;
    /* Medium devices (landscape tablets, 768px and up) */
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-img {
        margin-top: 10px;
        width: 69px !important;
    }
}

@media (min-width: 321px) and (max-width: 767.98px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-img {
        width: 140px;
        margin-top: 14px !important;
    }
}

@media (max-width: 320px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-img {
        width: 19px !important;
        margin-top: 9px;
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-img {
        margin-top: 2px;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-img {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-img {
        width: 47px;
    }
}

#previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-home {
    color: #373D4A;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 200;
    line-height: 18px;
    /* Medium devices (landscape tablets, 768px and up) */
}

@media (max-width: 320px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-home {
        font-size: 13px;
        margin-left: -8px;
        line-height: 38px;
    }
}

@media (min-width: 321px) and (max-width: 767.98px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-home {
        font-size: 15px;
        margin-left: -8px;
        line-height: 59px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-home {
        line-height: 57px;
    }
}

#previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-away {
    color: #373D4A;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 200;
    line-height: 18px;
    /* Medium devices (landscape tablets, 768px and up) */
}

@media (max-width: 320px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-away {
        font-size: 13px;
        margin-left: -8px;
        line-height: 38px;
    }
}

@media (min-width: 321px) and (max-width: 767.98px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-away {
        font-size: 15px;
        margin-left: -8px;
        line-height: 59px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-team-div .prev-match-team-away {
        line-height: 57px;
    }
}

#previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .hidden-col {
    padding-top: 14px;
    visibility: hidden;
    width: 194px;
    /* Medium devices (landscape tablets, 768px and up) */
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .hidden-col {
        width: 158px;
    }
}

#previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-detail-div {
    text-align: center;
}

@media screen and (max-width: 767px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-detail-div {
        width: 74px;
    }
}

#previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-detail-div .prev-match-league {
    color: #373D4A;
    font-family: Oswald;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 12px;
    text-transform: uppercase;
}

@media (max-width: 320px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-detail-div .prev-match-league {
        font-size: 8px;
    }
}

#previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-detail-div .prev-match-score {
    color: #000000;
    font-family: Oswald;
    font-size: 25px;
    font-weight: 300;
    line-height: 21px;
}

@media screen and (max-width: 767px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-detail-div .prev-match-score {
        line-height: 0px;
        font-size: 17px;
    }
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-detail-div .prev-match-score {
        line-height: 7px;
        font-size: 25px;
    }
}

#previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-detail-div .prev-match-stadium {
    color: #373D4A;
    font-family: Oswald;
    font-size: 9px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 12px;
    margin-bottom: 0px;
}

@media (max-width: 320px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-row .prev-match-detail-div .prev-match-stadium {
        font-size: 8px;
        margin-bottom: 0px;
    }
}

#previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-td-date {
    width: 24%;
    text-align: left;
    vertical-align: middle;
    padding-left: 60px;
    text-align: center;
}

@media (max-width: 320px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-td-date {
        width: 24%;
        padding-left: 2px;
        vertical-align: middle;
        padding-right: 0px;
        text-align: center;
    }
}

@media (min-width: 321px) and (max-width: 767.98px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-td-date {
        width: 24%;
        padding-left: 22px;
        vertical-align: middle;
        text-align: center;
    }
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-td-date {
        padding-top: 30px;
    }
}

#previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-td-date .prev-match-date-day {
    color: #8494A5;
    font-family: Oswald;
    font-size: 25px;
    font-weight: 200;
    line-height: 0px;
    padding-top: 38px;
    /* Medium devices (landscape tablets, 768px and up) */
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-td-date .prev-match-date-day {
        padding-top: 50px;
    }
}

@media (min-width: 321px) and (max-width: 767.98px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-td-date .prev-match-date-day {
        padding-top: 42px;
        font-size: 21px;
    }
}

@media (max-width: 320px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-td-date .prev-match-date-day {
        padding-top: 30px;
    }
}

#previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-td-date .prev-match-date-month {
    color: #CDD3DD;
    font-family: Oswald;
    font-size: 9px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 12px;
    padding-left: 6px;
}

@media screen and (max-width: 767px) {
    #previous-match-poststats .previous-matches-postmatchstats .prev-match-table .prev-match-td-date .prev-match-date-month {
        line-height: 0px;
        font-size: 7px;
    }
}

#previous-match-poststats .previous-matches-postmatchstats .prev-match-table .team-arrow-col {
    border: none;
    width: 10%;
}

#previous-match-poststats .previous-matches-postmatchstats .prev-match-table .table .team-arrow-col {
    width: 5%;
}

#previous-match-poststats .previous-matches-postmatchstats tr.tr-hidden {
    display: none;
}

#previous-match-poststats .previous-matches-postmatchstats .team-arrow-col {
    position: absolute;
    top: 52px;
}

#previous-match-poststats .previous-matches-postmatchstats .arrow-toggle:before {
    content: "\f077" !important;
}

#previous-match-poststats .previous-matches-postmatchstats .arrow-toggle.collapsed:before {
    content: "\f078" !important;
}

#previous-match-poststats .previous-matches-postmatchstats .calendar {
    position: relative;
    background: rgba(0, 0, 0, 0.9);
    z-index: 1000000;
    bottom: 519px;
    display: none;
    left: auto;
}

#previous-match-poststats .previous-matches-postmatchstats #cover {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 5;
    width: 100%;
    height: 100%;
    display: none;
}

#previous-match-poststats .previous-matches-postmatchstats .col-xs-4 {
    width: 100%;
}

@media (min-width: 481px) and (max-width: 767px) {
    #previous-match-poststats .previous-matches-postmatchstats .col-xs-4 {
        width: 33.33333333%;
        margin-bottom: 50px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    #previous-match-poststats .previous-matches-postmatchstats .col-xs-4 {
        width: 33.33333333%;
        margin-bottom: 50px;
    }
}

@media (min-width: 768px) {
    #previous-match-poststats .previous-matches-postmatchstats .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 33.33% !important;
        max-width: 33.33% !important;
    }
}

@media (min-width: 992px) {
    #previous-match-poststats .previous-matches-postmatchstats .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
    }
}

#previous-match-poststats .previous-matches-postmatchstats .popup-sub-inner {
    margin: 20px auto;
    position: absolute;
    background: #ffffff;
    text-align: center;
    padding: 60px 20px;
    width: 100%;
}

#previous-match-poststats .previous-matches-postmatchstats .subscription-confirmation-title {
    color: #000000;
    font-family: Oswald;
    font-size: 50px;
    font-weight: 300;
    letter-spacing: 1.63px;
    line-height: 68px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 23px;
}

#previous-match-poststats .previous-matches-postmatchstats .subscription-confirmation-body {
    color: #373D4A;
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    padding-bottom: 39px;
}

#previous-match-poststats .previous-matches-postmatchstats .subscription-confirmation-button {
    margin-top: 40px;
}

    #previous-match-poststats .previous-matches-postmatchstats .subscription-confirmation-button a {
        border: 1px solid #0D5565;
        padding: 15px 40px;
        text-transform: uppercase;
        font-size: 22px;
        color: #0D5565;
    }

        #previous-match-poststats .previous-matches-postmatchstats .subscription-confirmation-button a:hover {
            background-color: #0D5565;
            color: #ffffff !important;
            border: solid 1px #0D5565 !important;
            text-decoration: none;
        }

#previous-match-poststats .previous-matches-postmatchstats i.fa.icon-savedate {
    font-size: 66px;
    color: #0D5565;
}

#previous-match-poststats .previous-matches-postmatchstats img.img-height {
    margin-bottom: 5px;
    /* margin-top: 0; */
}

#previous-match-poststats .previous-matches-postmatchstats h3 {
    color: #0D5565;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.65px;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 23px;
}

@media (min-width: 320px) and (max-width: 480px) {
    #previous-match-poststats .previous-matches-postmatchstats h3 {
        font-size: 14px;
    }
}

#previous-match-poststats .previous-matches-postmatchstats a.fix-info-title {
    color: #000000 !important;
    padding-top: 12px !important;
}

@media (min-width: 768px) and (max-width: 992px) {
    #previous-match-poststats .arrow-toggle {
        top: 30px;
    }

    #previous-match-poststats .table td {
        padding: 0.75rem !important;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    #previous-match-poststats .flag-div {
        top: 11% !important;
        width: 100px !important;
    }

    #previous-match-poststats .table td {
        padding: 0 !important;
    }

    #previous-match-poststats .prev-match-row {
        width: 0px;
    }
}

/* Log tab component style */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.world-cup-log-table {
    padding: 0 !important;
    max-width: 1176px;
    margin: auto;
    display: block;
    padding: 40px;
    background-color: #EFEFEF;
}

@media screen and (max-width: 992px) {
    .world-cup-log-table {
        padding-left: 17px;
        padding-top: 0px;
        padding-bottom: 1px;
    }
}

.world-cup-log-table .log-select-option {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 200;
    padding: 0;
    font-family: Oswald;
    cursor: pointer;
    text-align: center;
}

    .world-cup-log-table .log-select-option a {
        color: #0D5565;
        font-weight: 300;
        PADDING-LEFT: 13PX;
    }

.world-cup-log-table .view-more {
    height: 27px;
    width: 99.26px;
    color: #0D5565;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 300;
    margin-left: 45%;
    letter-spacing: 0.83px;
    line-height: 27px;
    text-align: center;
    border: none;
    background-color: none;
    margin: auto;
    display: block;
    margin-top: 37px !important;
}

    .world-cup-log-table .view-more .button {
        background: none;
        border: none;
        color: #0D5565;
    }

.world-cup-log-table .log-select-option img {
    margin-left: 10px;
    position: relative;
    top: -5px;
    display: inline-block;
}

.world-cup-log-table .a:any-link {
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .world-cup-log-table {
        padding: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.world-cup-log-table table.table-striped tr:nth-of-type(even) {
    background: #EFEFEF !important;
}

.world-cup-log-table table.table-striped tr:nth-of-type(odd) {
    background: #fff !important;
}

.world-cup-log-table .padding-trending {
    padding-right: 8px;
}

.world-cup-log-table .text-size {
    height: 22px;
    width: 183.89px;
    font-family: Helvetica;
    font-size: 14px;
    line-height: 17px;
    color: #55707E;
}

.world-cup-log-table .a:any-link {
    text-decoration: none;
}

.world-cup-log-table #scrolling-div {
    left: 0;
    width: 100%;
    position: relative;
}

.world-cup-log-table .header {
    line-height: 55px;
    font-size: 40px !important;
    font-weight: 100;
    color: #000000;
    padding: 0% 0% 1.1% 0%;
}

@media screen and (max-width: 768px) {
    .world-cup-log-table .header {
        text-align: left !important;
        font-size: 17px !important;
    }
}

@media screen and (max-width: 640px) {
    .world-cup-log-table .header {
        text-align: center !important;
        font-size: 17px !important;
    }
}

.world-cup-log-table .image-size {
    min-height: 50px;
    min-width: 50px;
}

.world-cup-log-table .team-table {
    color: #000000;
    font-family: Oswald;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.84px;
    line-height: 28px;
    padding-left: 5px;
    text-align: left;
}

    .world-cup-log-table .team-table div img {
        width: 50px;
        max-height: 50px;
        height: auto;
    }

@media screen and (max-width: 768px) {
    .world-cup-log-table .team-table {
        font-size: 9px;
        line-height: 10px;
        font-weight: 300;
        padding-top: 9px;
    }
}

.world-cup-log-table .test {
    background-color: #ffffff;
    width: 100%;
    border-radius: 0%;
    border: none;
    margin: 0px;
    padding: 0px;
}

    .world-cup-log-table .test .table-main {
        margin-left: 0px;
        margin-right: 0px;
        width: 62.2% !important;
        margin-bottom: 10px;
        /* Galaxy S5 portrait */
    }

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
    .world-cup-log-table .test .table-main {
        width: 54.9% !important;
    }
}

@media only screen and (min-device-width: 321px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .world-cup-log-table .test .table-main {
        width: 56.9% !important;
    }
}

.world-cup-log-table .test .table-2 {
    position: absolute;
    margin-top: -404.1px;
    margin-left: 246px;
    margin-right: 0px;
    width: 30% !important;
    margin-bottom: 10px;
    top: 485px;
    /* iPhone 6, 7, & 8 in landscape */
    /* iPhone 6, 7, & 8 Plus in portrait & landscape */
    /* Portrait */
    /* Galaxy S5 portrait */
    /* Galaxy S5 landscape */
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
    .world-cup-log-table .test .table-2 {
        margin-left: 395px;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
    .world-cup-log-table .test .table-2 {
        width: 38% !important;
        margin-left: 438px;
    }
}

@media only screen and (min-device-width: 321px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .world-cup-log-table .test .table-2 {
        margin-left: 196px;
    }
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
    .world-cup-log-table .test .table-2 {
        margin-left: 179px;
    }
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    .world-cup-log-table .test .table-2 {
        width: 38% !important;
        margin-left: 379px !important;
    }
}

.world-cup-log-table .test .table-3 {
    position: absolute;
    margin-top: -404.1px;
    margin-left: 246px;
    margin-right: 0px;
    width: 30% !important;
    margin-bottom: 10px;
    top: 485px;
    /* iPhone 6, 7, & 8 in landscape */
    /* iPhone 6, 7, & 8 Plus in portrait & landscape */
    /* Portrait */
    /* Galaxy S5 portrait */
    /* Galaxy S5 landscape */
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
    .world-cup-log-table .test .table-3 {
        margin-left: 395px;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
    .world-cup-log-table .test .table-3 {
        width: 38% !important;
        margin-left: 438px;
    }
}

@media only screen and (min-device-width: 321px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .world-cup-log-table .test .table-3 {
        margin-left: 196px;
    }
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
    .world-cup-log-table .test .table-3 {
        margin-left: 179px;
    }
}

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
    .world-cup-log-table .test .table-3 {
        width: 38% !important;
        margin-left: 379px;
    }
}

.world-cup-log-table .test .pagination-container {
    margin-left: auto;
    margin-right: auto;
    width: 56%;
    text-align: center;
    padding-bottom: 28px;
}

    .world-cup-log-table .test .pagination-container .chev-previous {
        position: relative;
        right: 113px;
    }

    .world-cup-log-table .test .pagination-container .chev-next {
        position: relative;
        left: 113px;
    }

    .world-cup-log-table .test .pagination-container .dot {
        height: 10px;
        margin-right: 6px;
        width: 10px;
        background-color: #0d5565;
        border-radius: 50%;
        display: inline-block;
    }

        .world-cup-log-table .test .pagination-container .dot.active {
            height: 10px;
            margin-right: 6px;
            width: 10px;
            border-radius: 50%;
            display: inline-block;
            background-color: #f29701;
        }

.world-cup-log-table .header {
    padding: 20px !important;
    text-transform: uppercase;
    text-align: left !important;
    background-color: #ffffff;
    color: #1C1C1C;
    font-family: Oswald;
    font-size: 30px;
    font-weight: 300;
    line-height: 41px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .world-cup-log-table .header {
        margin-left: 35px;
    }
}

@media screen and (max-width: 768px) {
    .world-cup-log-table .header {
        font-size: 17px !important;
    }
}

@media screen and (max-width: 640px) {
    .world-cup-log-table .header {
        text-align: center !important;
        font-size: 17px !important;
    }
}

.world-cup-log-table #bold-part {
    font-weight: 400;
}

.world-cup-log-table table#logcompTable.table-log {
    display: table !important;
}

@media (min-width: 320px) and (max-width: 756px) {
    .world-cup-log-table table#logcompTable.table-log {
        display: none !important;
    }
}

.world-cup-log-table table#logcompTable.table-log .team-row {
    padding-top: 17px;
}

    .world-cup-log-table table#logcompTable.table-log .team-row .team-img {
        width: 48px;
    }

    .world-cup-log-table table#logcompTable.table-log .team-row .team-name-cont {
        padding-left: 5px;
        padding-right: 5px;
    }

        .world-cup-log-table table#logcompTable.table-log .team-row .team-name-cont .team-name {
            font-size: 11pt;
            padding-top: 6px;
            text-align: left;
            padding-left: 7px;
        }

.world-cup-log-table th {
    background-color: #373D4A;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-family: Oswald;
    letter-spacing: 0.7px;
    line-height: 16px;
    font-weight: 100;
    font-size: 12px;
    vertical-align: middle;
    height: 58px;
}

@media screen and (max-width: 768px) {
    .world-cup-log-table th {
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 576px) {
    .world-cup-log-table th {
        font-size: 9px;
    }
}

.world-cup-log-table td {
    text-align: center;
    padding: 14px;
    margin: 0px;
    font-family: Oswald;
    text-transform: uppercase;
    vertical-align: middle;
    font-weight: 100;
    font-size: 16px;
    border: none !important;
}

    .world-cup-log-table td div img {
        width: 50px;
        height: auto;
        max-height: 50px;
    }

@media screen and (max-width: 576px) {
    .world-cup-log-table td div img {
        width: auto;
        height: 22px;
    }
}

.world-cup-log-table table {
    width: 100%;
    margin: 0 18px;
    width: calc(100% - 36px) !important;
}

    .world-cup-log-table table tr:nth-of-type(2) {
        display: table-row;
    }

@media (max-width: 768px) {
    .world-cup-log-table table {
        width: 25% !important;
        margin: 0;
        float: left;
        display: table;
    }

        .world-cup-log-table table tr:nth-of-type(odd) {
            background-color: #EFEFEF;
        }

        .world-cup-log-table table td {
            height: 93px;
        }

    .world-cup-log-table #dropgoals-points-table, .world-cup-log-table #penalties-dropgoals-table {
        width: 50% !important;
    }

    .world-cup-log-table .pagination-container {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        text-align: center;
        padding-bottom: 28px;
        display: table !important;
        margin-top: 20px;
        float: left;
        width: 100% !important;
    }

    .world-cup-log-table table#logcompTable.table-log {
        display: none !important;
    }

    .world-cup-log-table .log-select-option a {
        display: table;
    }
}

@media (min-width: 320px) and (max-width: 430px) {
    .world-cup-log-table table {
        width: 21% !important;
    }

    .world-cup-log-table #dropgoals-points-table, .world-cup-log-table #penalties-dropgoals-table {
        width: 58% !important;
    }
}

@media (min-width: 757px) and (max-width: 768px) {
    .world-cup-log-table table {
        width: 24% !important;
    }

    .world-cup-log-table .mobile-table-log, .world-cup-log-table .mobile-table-team {
        display: table !important;
    }

        .world-cup-log-table .mobile-table-team th {
            text-align: left;
        }
}

/* Page Not Found component */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.page-not-found {
    background-color: #EFEFEF;
    padding-bottom: 20px;
}

    .page-not-found .error-title {
        color: #373D4A;
        padding-top: 10px;
        font-family: Oswald;
        font-size: 45px;
        font-weight: 300;
        line-height: 61px;
        text-align: center;
    }

@media (min-width: 320px) and (max-width: 756px) {
    .page-not-found .error-title {
        font-size: 27px;
    }
}

.page-not-found .error-img {
    height: 540.89px;
    width: 811.34px;
}

@media (min-width: 320px) and (max-width: 768px) {
    .page-not-found .error-img {
        height: 20%;
        width: 80%;
    }
}

.page-not-found .error-detail {
    color: #373D4A;
    font-family: Oswald;
    font-size: 25px;
    font-weight: 300;
    line-height: 34px;
    text-align: center;
    width: 537.08px;
}

@media (min-width: 320px) and (max-width: 756px) {
    .page-not-found .error-detail {
        font-size: 16px;
        width: 80%;
    }
}

.page-not-found .home-btn-container .button-home {
    text-decoration: none;
    border: 1px solid #0D5565;
    background: none;
    color: #0D5565;
    padding: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.83px;
    line-height: 27px;
    text-align: center;
    height: 59px;
    text-transform: uppercase;
    cursor: pointer;
    width: 20%;
    display: inline-block;
}

    .page-not-found .home-btn-container .button-home:hover {
        background-color: #ffffff;
        color: #0D5565;
        border: solid 1px #0D5565 !important;
        text-decoration: none;
        transition: 1s all;
    }

@media (min-width: 300px) and (max-width: 768px) {
    .page-not-found .home-btn-container .button-home {
        font-size: 20px;
        width: 34%;
    }
}

/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.contact-map {
    padding-left: 40px;
    padding-right: 40px;
}

@media (max-width: 768px) {
    .contact-map {
        padding-left: 15px;
        padding-right: 15px;
    }

        .contact-map h1 {
            margin-left: 0;
        }
}

.contact-map .container {
    padding-left: 138px;
}

@media (max-width: 1130px) {
    .contact-map .container {
        padding-left: 0;
    }
}

.contact-map .contact-details {
    margin-left: 0;
}

    .contact-map .contact-details > div {
        flex-basis: 300px;
    }

@media (max-width: 768px) {
    .contact-map .contact-details > div {
        flex-basis: 50%;
    }
}

.contact-map > h3 {
    color: #000000;
    font-family: Oswald;
    font-size: 40px;
    font-weight: 300;
    line-height: 0.1;
}

.contact-map .welcome-msg {
    color: #373D4A;
    font-family: Helvetica;
    font-size: 18px;
}

.contact-map .saru-title {
    padding-top: 30px;
    color: #F5A623;
    font-family: Oswald;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
}

    .contact-map .saru-title h3 {
        font-size: 40px;
    }

.contact-map .cm-main-heading {
    color: rgba(0, 0, 0, 0.8);
    font-family: Oswald;
    font-size: 26px;
    font-weight: 600;
    line-height: 34px;
    margin-top: 47px;
}

.contact-map .cm-heading {
    font-family: Helvetica;
    font-size: 18px;
    color: black;
    line-height: 22px;
}

.contact-map .cm-detail {
    color: rgba(0, 0, 0, 0.7);
    font-family: Helvetica;
    font-size: 17px;
    font-weight: 300;
    line-height: 22px;
    word-break: break-word;
}

@media (min-width: 320px) and (max-width: 425px) {
    .contact-map .cm-detail {
        font-size: 13px !important;
    }
}

.contact-map .second-grouping {
    margin-top: 30px;
}

.contact-map .row-margin {
    margin-bottom: 30px;
}

.saru-map {
    width: 100%;
    height: 400px;
    padding-left: 0px !important;
    margin-top: 30px;
    padding-right: 0px !important;
}

/* Generic component */
/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.generic-highlights {
    max-width: 915px;
    margin: 0 auto;
}

.sarugby-pdf-download {
    font-family: Oswald;
    max-width: 915px;
    background-color: #ffffff;
    margin: 50px auto;
    font-family: helvetica;
    font-size: 16px;
    line-height: 21px;
}

    .sarugby-pdf-download > div {
        padding: 20px 0;
        margin: 8px 0;
        background-color: #fafafa;
        color: #373D4A;
    }

        .sarugby-pdf-download > div img {
            max-width: 134%;
        }

        .sarugby-pdf-download > div h2 {
            font-family: oswald;
            text-transform: uppercase;
            font-size: 16px;
            color: #CDD3DD;
        }

        .sarugby-pdf-download > div .pdf-download-btn {
            border: solid 2px;
            text-transform: uppercase;
            padding: 14px 35px;
            font-size: 22px;
            font-family: oswald;
            color: #0D5565;
            text-decoration: none;
            transition: all .5s;
        }

            .sarugby-pdf-download > div .pdf-download-btn:hover {
                background-color: #0D5565;
                color: white;
            }

        .sarugby-pdf-download > div:nth-of-type(even) {
            background-color: #f5f5f5;
        }

@media (min-width: 320px) and (max-width: 756px) {
    #pdf-download {
        width: 90%;
        margin: auto;
    }
}

/* The base stylesheet sets global variables and loads up all Sass modules */
/* All: used to import all modules */
/* Utiilty functions */
.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.abs-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Colors: All Theme colors */
.accent-banner-cont {
    background-color: black;
    height: 50px;
}

    .accent-banner-cont .digital-partner {
        height: 52px;
        margin-top: -7px;
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .accent-banner-cont .digital-partner {
        padding-right: 67px;
    }
}

.bottom-left-full {
    background: white;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.nav-collapse-container {
    padding: 0 30px;
}

    .nav-collapse-container .row {
        justify-content: center;
    }

    .nav-collapse-container > div > div {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        color: #373D4A;
        padding: 0;
        text-align: center;
        margin-bottom: 5px;
    }

        .nav-collapse-container > div > div:hover {
            background-color: #f3f3f3;
        }

        .nav-collapse-container > div > div a:not(.more-dropdown-link) {
            color: #373d4a !important;
        }

        .nav-collapse-container > div > div img {
            max-width: 75px;
            max-height: 75px;
        }

        .nav-collapse-container > div > div:hover img {
            -webkit-filter: grayscale(100%);
            /* Safari 6.0 - 9.0 */
            filter: grayscale(100%);
        }

        .nav-collapse-container > div > div:hover span:nth-of-type(2) {
            background-color: #373d4a;
            color: white;
        }

    .nav-collapse-container span:first-of-type {
        display: inline-block;
        margin-top: 15px;
    }

    .nav-collapse-container span:last-of-type {
        display: inline-block;
        padding: 20px 0;
        width: 100%;
    }

.iframe-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}