/* Minification failed. Returning unminified contents.
(3176,44): run-time error CSS1046: Expect comma, found '0'
(3176,48): run-time error CSS1046: Expect comma, found '/'
(3182,44): run-time error CSS1046: Expect comma, found '0'
(3182,48): run-time error CSS1046: Expect comma, found '/'
 */
.tile-carousel .prod-carouse-content{
    display: block !important;
}
.tile-carousel.prod-carousel {
    padding-top: 45px;
    background-color: #FFF;
}
.tile-carousel .prod-carousel-content ul.slick-dots {
    margin-top: 15px;
}

.tile-carousel .prod-carousel-content:before {
    left: -28px;
    width: 26px;
}

.tile-carousel .prod-carousel-content:after {
    left: auto;
    right: -28px;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
}

.tile-carousel.prod-carousel > .container:before,
.tile-carousel.prod-carousel > .container:after {
    width: calc(50% - 650px);
}

@media (max-width: 767px){
    .tile-carousel.prod-carousel {
        padding-top: 30px;
        background-color: #FFF;
    }
    .tile-carousel .prod-carousel-content .slick-list{
        margin: 0 30px;
        width: calc(100% - 60px);
    }

}
/*Package and package details pages's new layout*/
.pack-details-three-col .tile {
    flex: 1 1 0px;
}

.pack-details-three-col .tile {
    width: 33%;
    margin-right: 15px;
    position: relative;
}

    .pack-details-three-col .tile:last-child {
        margin-right: 0;
    }



.package-details .package-details-content {
    background: #f4f4f4;
    border-radius: 10px;
}
.hide_monthly {
    display: none !important;
}


@media(min-width:992px) {
    .package-details-container {
        display: flex;
        justify-content: center;
    }

    .package-details {
        position: relative;
        width: 150px;
        min-height: 180px;
        margin-right: 15px;
    }

        .package-details .package-details-content {
            position: absolute;
            text-align: center;
            width: 100%;
            height: 100%;
            bottom: 15px;
            padding: 15px;
        }

    .package-details-content-icon .icon {
        font-size: 60px;
    }

    .package-details p {
        padding-top: 10px;
        margin-bottom: 0;
    }
    .internet-details-action-section {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .internet-details-action-section-CTA{
        padding-right:15px;
    }
    .internet-details-action-section-support {
        border-left: 1px solid #e1e1e1;
        padding-left:15px;
    }
}

@media(max-width:991.98px) {
    .package-details-container {
        display: block;
    }

    .package-details {
        width: 300px;
        margin: 15px auto;
    }

        .package-details .package-details-content {
            display: flex;
            align-items: center;
        }

    .package-details-content-icon .icon {
        font-size: 48px;
    }

    .package-details-content {
        padding: 10px;
    }

    .package-details-content-icon {
        margin-right: 15px;
    }
    .package-details-content-text p{
        min-height:unset !important;
    }
    .internet-details-action-section-support {
        margin-top:15px;
    }
    .internet-details-action-section{
        margin-bottom:45px;
    }
}




.table-fixed .bg-bell-blue {
    background: #00549a !important;
}

.fiber-label {
    background: #00549A;
    border-radius: 4px;
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    padding: 5px 7px;
    margin-bottom: 15px;
    display: inline-block;
}

.package-list-detail-new {
    display: block;
}

.package-item {
    position: relative;
    border: 1px solid #d4d4d4;
    border-radius: 10px;
    background-color: #fff;
    margin-right: 15px;
    margin-bottom: 0;
    box-shadow: 0 6px 25px 0 rgba(0,0,0,0.12);
    padding-top: 30px;
}

.modal-power-fibre-learn-more-lightbox {
    display: inline;
}


.bottom-radius-round {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

@media(max-width:766.98px) {
    .pack-details-three-col .tile {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

        .pack-details-three-col .tile:last-child {
            margin-bottom: 0;
        }
}
#package_detail_view_details_modal #close_package_detail_view_details_modal {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 1;
}
#package_detail_view_details_modal #close_package_detail_view_details_modal:focus{
    border: 1px solid;
}

@media(min-width:992px) {
    .pack-details-three-col .tile img {
        height: 250px;
    }
    .pack-details-three-col .tile img.bottom-alignment{
        height: 275px;
    }
}

@media (min-width:768px) and (max-width:992px){
    .pack-details-three-col .tile img {
        width: 100%;
    }
    .pack-details-three-col .tile img.bottom-alignment{
        height: 250px;
        width:unset;
        max-width: 100%;
    }

}
@media(min-width:768px){
    .pack-details-three-col .tile img.bottom-alignment {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%,0%);
        transform: translate(-50%,0%);
    }
}
@media (max-width:767px){
    .pack-details-three-col .tile img.bottom-alignment{
        position:relative;
        margin-bottom:-45px;
    }
    .pack-details-three-col .tile img {
        max-height: 230px;
        max-width: 100%;
    }

}
.pack-details-three-col .tile img {
    display: block;
    margin: 0 auto;
}


/* START Helper Class */
.height-190 {
    height: 190px
}

.height-440 {
    height: 440px
}

.height-152 {
    height: 152px
}

.min-height-460 {
    min-height: 460px
}

.max-width-unset {
    max-width: unset;
    max-width: none
}

.width-150 {
    width: 150px
}

.width-190 {
    width: 190px
}

.width-515 {
    width: 515px;
}

.border-radius-5 {
    border-radius: 5px
}

.border-none {
    border: none
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

.txtSize46 {
    font-size: 46px
}

.txtSize74 {
    font-size: 74px
}

.vSpacer4 {
    width: 4px
}

.max-width-300 {
    max-width: 300px;
}

.max-width-170 {
    max-width: 170px;
}

.max-width-200 {
    max-width: 200px;
}

.bg-blue-spotlight-radial-gradiant {
    background: radial-gradient(circle, #1CBCF4 0%, #0E75CD 45.47%, #024791 69.57%, #012F6A 100%)
}

/*.white-spotlight-radial-gradiant {radial-gradient(closest-corner at 35% 50%, #1CBCF4 0%, #0E75CD 39.47%, #00549A 100%)}*/
.bg-spotlight-corner-radial-gradiant {
    background: radial-gradient(closest-corner at 35% 50%, #1CBCF4 0%, #0E75CD 39.47%, #00549A 100%)
}

.background-size-cover {
    background-size: cover
}

.background-position-center {
    background-position: center
}

.background-no-repeat {
    background-repeat: no-repeat
}

.background-size-hero-banner-12 {
    background-size: 1247px 100%;
}

.background-position-hero-banner-12 {
    background-position: 75% 50%
}

.focus-h-center {
    left: 50%;
    transform: translateX(-50%)
}

.subtitle {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    color: #111;
}

.z-index-10 {
    z-index: 10;
}

.bg-bell-dark-blue {
    background-color: #002A4D;
}

.vCenter,
.graphical_ctrl input.vCenter {
    top: 50%;
    transform: translateY(-50%);
}

.topCenter-centered {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.leftCenter-centered {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
}

.graphical_ctrl_checkbox input[type="checkbox"]:checked ~ span {
    color: #003778;
    font-weight: bold;
}

.graphical_ctrl_checkbox input[type="checkbox"]:checked ~ .ctrl_element:after {
    top: 2px;
    left: 8px;
}

.graphical_ctrl_checkbox input[type="checkbox"]:focus ~ .ctrl_element {
    outline-width: 2px;
    outline-style: solid;
    outline-color: #4d90fe;
    outline-offset: 2px;
}

/* Custom nav for student identification */
.global-navigation .connector-brand.home-sm:after {
    font-size: 34px;
}

.banner .banner-image {
    height: 430px;
}

.hero-banner-11 {
    height: 440px;
}

.hero-banner-12 {
    height: 460px;
}

.hero-banner-13 {
    height: 540px;
}

    .hero-banner-13 .banner-image {
        height: 320px;
    }

.hero-banner-14 {
    height: 570px;
}

    .hero-banner-14 .banner-image {
        height: 325px;
    }

        .hero-banner-14 .banner-image img {
            bottom: 10px;
        }

.hero-background-bell {
    background-image: url(/styles/assets/img_tmp/Internet/internet_banner_info.png);
}

/*.column-spacer-15 {
    margin-left: -7.5px;
    margin-right: -7.5px
}

    .column-spacer-15 > div {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }*/

.multiInfoBlock [class^="col-"] > div {
    min-height: 470px;
}

.background-img-responsive {
    margin-top: -20%;
}

/* Custom table with scroll */
.scrollableTableColumnWidth th:not(.sr-only) {
    width: 33.333333333333333%;
    min-width: 110px;
}


.table-scrollable-wrapper tbody td div.inner-content {
    padding: 12px 20px;
}

.table-scrollable-wrapper tbody td {
    padding: 0;
}

.sticky-first-column-cont {
    width: 25%;
    min-width: 25%;
    display:table-caption
}

.sticky-first-column-cont-modal {
    width: 33.33%;
    min-width: 33.33%;
}

.table-scrollable-wrapper tbody td div.inner-content {
    padding: 12px 20px;
}

.table-scrollable-wrapper tbody td {
    padding: 0;
}

.sticky-first-column,
.sticky-first-column-modal {
    padding: 12px 20px;
}

.sticky-first-column-cont > div div.same-height {
    min-height: 50px;
}

.sticky-first-column-modal {
    min-height: 60px;
}

.responsive-hd-divider {
    border-top: 1px solid #003778;
}

.width-300 {
    width: 300px;
}

.tabpanel-container div[role="tabpanel"][aria-hidden="true"]:not(.slick-slide) {
    display: none
}

.step-container .step-scroll .step-group .step-list.active .step-title {
    color: #111;
}

.scrollable-img {
    width: 472px;
}

.store-icon-size {
    width: 120px;
    height: 40px;
}

.store-icon-size2 {
    width: 135px;
    height: 40px;
}

/*Remove for defect BTC-5406*/
/*.store-icon-size:last-child {
    width: 135px;
}*/

.img-positioned-top-border-center {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wifi-pod-detail {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 50%;
    transform: translate(-22%, -120%);
    z-index: 2;
}

.wifi-pod-price-box {
    width: 378px;
    height: 256px;
}

.wifi-pod-model {
    width: 478px;
    height: 348px;
}

.wifi-tooltip.tooltip-interactive .tooltip-inner {
    max-width: 250px;
}

.wifi-tooltip.tooltip-interactive .tooltip {
    width: 250px;
}

.max-width-410 {
    max-width: 410px;
}

.max-width-430 {
    max-width: 430px;
}

.max-height-275 {
    max-height: 275px;
}

.wifi-pod-4-new {
    height: 46px;
    position: absolute;
    bottom: 5px;
}

.border-radius-5 {
    border-radius: 5px;
}

/* Custom animation for fibre glow*/
.fibre-glow {
    z-index: 5;
}

    .fibre-glow.glow1 {
        opacity: 0;
        transform: scale(0.6) rotate(-15deg);
        animation: pulse 1.5s, scale-rotate 1.5s;
        animation-delay: 3.2s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        bottom: 19%;
        left: 16%;
        width: 40px;
    }

    .fibre-glow.light1 {
        opacity: 0;
        transform: rotate(-20deg);
        animation: pulse 1.5s, rotate-light 1.5s;
        animation-delay: 3.2s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        bottom: 19%;
        left: 16%;
        width: 40px;
    }

    .fibre-glow.glow2 {
        opacity: 0;
        transform: scale(0.6) rotate(-15deg);
        animation: pulse 1.5s, scale-rotate 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        bottom: 21%;
        left: 30%;
        width: 40px;
    }

    .fibre-glow.light2 {
        opacity: 0;
        transform: rotate(-20deg);
        animation: pulse 1.5s, rotate-light 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        bottom: 21%;
        left: 30%;
        width: 40px;
    }

    .fibre-glow.glow3 {
        opacity: 0;
        transform: scale(0.6) rotate(-15deg);
        animation: pulse 1.5s, scale-rotate 1.5s;
        animation-delay: 2.4s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        bottom: 18.5%;
        left: 40%;
        width: 25px;
    }

    .fibre-glow.light3 {
        opacity: 0;
        transform: rotate(-20deg);
        animation: pulse 1.5s, rotate-light 1.5s;
        animation-delay: 2.4s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        bottom: 18.5%;
        left: 40%;
        width: 25px;
    }


    .fibre-glow.glow4 {
        opacity: 0;
        transform: scale(0.6) rotate(-15deg);
        animation: pulse 1.5s, scale-rotate 1.5s;
        animation-delay: 0.8s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        bottom: 26%;
        left: 51.5%;
        width: 20px;
    }

    .fibre-glow.light4 {
        opacity: 0;
        transform: rotate(-20deg);
        animation: pulse 1.5s, rotate-light 1.5s;
        animation-delay: 0.8s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        bottom: 26%;
        left: 51.5%;
        width: 20px;
    }

    .fibre-glow.glow5 {
        opacity: 0;
        transform: scale(0.6) rotate(-15deg);
        animation: pulse 1.5s, scale-rotate 1.5s;
        animation-delay: 4s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        bottom: 26%;
        left: 57.2%;
        width: 20px;
    }

    .fibre-glow.light5 {
        opacity: 0;
        transform: rotate(-20deg);
        animation: pulse 1.5s, rotate-light 1.5s;
        animation-delay: 4s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        bottom: 26%;
        left: 57.2%;
        width: 20px;
    }


    .fibre-glow.glow6 {
        opacity: 0;
        transform: scale(0.6) rotate(-15deg);
        animation: pulse 1.5s, scale-rotate 1.5s;
        animation-delay: 1.6s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        bottom: 9%;
        left: 89.5%;
        width: 50px;
    }

    .fibre-glow.light6 {
        opacity: 0;
        transform: rotate(-20deg);
        animation: pulse 1.5s, rotate-light 1.5s;
        animation-delay: 1.6s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        bottom: 9%;
        left: 89.5%;
        width: 50px;
    }

.slick-dots li button:before {
    opacity: 1;
}

.slick-prev,
.slick-next {
    background: #fff;
    border: 1px solid #E1E1E1;
    box-shadow: 0 14px 36px 0 rgba(0, 0, 0, 0.3);
    margin: 1px;
    margin-top: -16px;
    opacity: 1;
    transform: translateY(-50%);
}

.slick-prev {
    left: -15px;
}

.slick-next {
    right: -15px;
}

    .slick-prev:before,
    .slick-next:before {
        opacity: 1;
    }

    .slick-next:before {
        top: 12px;
    }

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        background: #fff;
        border: 2px solid #00549A;
        box-shadow: 0 14px 36px 0 rgba(0, 0, 0, 0.3);
        color: #00549a;
        margin: 0;
        margin-top: -17px;
    }

        .slick-prev:hover:before,
        .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before {
            color: #00549a;
            opacity: 1;
        }

.step-container {
    /* Based on mockups */
    width: 960px;
    margin: auto;
}

    .step-container .step-scroll {
        border-left: 1px solid #e1e1e1;
        position: relative;
    }

        .step-container .step-scroll .step-group .step-list .step-desc {
            color: #555;
        }

        .step-container .step-scroll .step-group .step-list.active .step-title {
            color: #111;
        }

        .step-container .step-scroll .scroll-line {
            position: absolute;
            width: 4px;
            top: 0;
            background-color: #00549A;
            list-style: none;
        }

.scrollable-steps {
    display: flex;
    flex-shrink: 0;
}

    .scrollable-steps > div:first-child {
        width: 472px;
    }

    .scrollable-steps > div:last-child {
        width: calc(100% - 435px);
    }

.pods-horizontal-line:before,
.label-3radios:before {
    content: "";
    display: block;
    background: #00549A;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    position: absolute;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.label-3radios:after {
    content: "";
    opacity: 1;
    display: block;
    background: #00549A;
    width: 1px;
    height: 95px;
    /*bottom: calc(-135% - 3.5px);*/
    position: absolute;
    margin-top: 5px;
    transition: height 1s;
}

.label-500mbps:after {
    content: "";
    opacity: 1;
    display: block;
    background: #00549A;
    width: 1px;
    height: 75px;
    /*bottom: calc(-135% - 3px);*/
    top: 7px;
    left: 184px;
    position: absolute;
    margin-top: 5px;
    transition: height 1s;
}

/*.label-500mbps .txtBold:after{
    position: absolute;
    bottom: -143px;
    left: -379px;
    content: '';
    height: 59px;
    width: 100%;
    border-right: 2px solid #00549A;
    -webkit-transform: skew(-122deg);
    -moz-transform: skew(-122deg);
    transform: skew(-122deg);
}*/

.pods-horizontal-line::after {
    position: absolute;
    top: 87px;
    left: 231px;
    content: '';
    height: 59px;
    border-right: 2px solid #00549A;
    -webkit-transform: skew(-122deg);
    -moz-transform: skew(-122deg);
    transform: skew(-122deg);
}

.package-list-detail {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    /* -moz-column-fill: auto;
    column-fill: auto; */
}

.render-bullet {
    list-style-position: outside;
    padding-left: 15px;
}

.warning-icon-size {
    width: 60px;
    height: 60px;
}

.icon-circle-large-expired {
    display: inline-block;
    position: relative;
    border: 2px solid #00549a;
    border-radius: 50%;
    width: 72px;
    height: 72px;
}

    .icon-circle-large-expired:before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 72px
    }

/*.sticky-first-column-cont > div:not(first-child) div.same-height {
    border-right: 1px solid #d4d4d4;
}*/


.dash-list-style li:before {
    content: "-";
    margin-right: 5px;
}

.list-margin-10 li:not(:last-child) {
    margin-bottom: 10px;
}

@supports (-moz-appearance:none) {
    .sticky-first-column-cont > div:first-child div.same-height {
        margin-top: -1px;
    }
}

/* START Custom styles for tooltip */
.tooltip-email .tooltip-inner {
    /*max-width: 210px;*/
    padding: 15px;
    box-shadow: 0 14px 36px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 14px 36px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 14px 36px 0 rgba(0, 0, 0, 0.3);
}

.tooltip-email .tooltip.bs-tooltip-right .arrow::before {
    border-width: 12px 15px 12px 0px;
}

.tooltip-email .tooltip.bs-tooltip-left .arrow::before {
    border-width: 12px 0px 12px 15px;
}

.tooltip-email .tooltip.bs-tooltip-right .arrow {
    margin-top: 5px;
}

.tooltip-email .tooltip.bs-tooltip-left .arrow {
    margin-top: 5px;
}

.tooltip-email .tooltip.bs-tooltip-right {
    margin-left: 15px;
}

/* END Custom styles for tooltip */

/* START Custom slick dots for Infoblock carousel */
.infoblock-slider .slick-dots li.slick-active button {
    background-color: #555555;
}

.infoblock-slider .slick-dots li button {
    border: 1px solid #555555;
    opacity: 1;
}

.infoblock-slider .slick-dots button {
    background-color: #ffffff;
}

.infoblock-slider .slick-prev {
    left: -30px;
}

.infoblock-slider .slick-next {
    right: -30px;
}

/* END Custom slick dots for Infoblock carousel */

@keyframes wifi-animation-secFadeInOut {
    0% {
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    55% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.wifi-animation img {
    animation: wifi-animation-secFadeInOut 12s ease-in-out infinite 0s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
}

    .wifi-animation img:first-child {
        position: relative;
    }

.wifi-animation img {
    width: 100%;
    height: 100%;
}

    .wifi-animation img:nth-of-type(2) {
        animation-delay: 3s;
    }

    .wifi-animation img:nth-of-type(3) {
        animation-delay: 6s;
    }

    .wifi-animation img:nth-of-type(4) {
        animation-delay: 9s;
    }

.wifi-signal {
    border-radius: 50%;
    width: 50%;
    padding-bottom: 50%;
    background-color: #00549a;
    opacity: .1;
    position: absolute;
    animation: signalAnimation 1.5s ease-out;
    animation-iteration-count: infinite;
    transform-origin: center center;
}

.wifi-signal_1 {
    top: -1.5%;
    left: 11.7%;
}

.wifi-signal_2 {
    top: 53.5%;
    left: -0.3%;
}

.wifi-signal_3 {
    top: 28.5%;
    left: 46.7%;
}

@keyframes signalAnimation {
    0% {
        transform: scale(0.1);
    }

    100% {
        transform: scale(1);
    }
}

.dimension-50 {
    height: 50px;
    width: 50px;
}

.flexShrink-0 {
    flex-shrink: 0;
}

/* Start of Power Fibre Modal */

.power-fibre-learn-more .img-fttn {
    margin-left: 53%;
    transform: translateX(-50%);
    max-width: 153%;
}

.power-fibre-learn-more .img-ftth {
    max-width: 100%;
    margin: 0 auto;
}

.power-fibre-learn-more .mx-auto {
    width: 224px;
}

/* End of Power Fibre Modal */

/* Custom height for table td */
.table-td-50 td {
    height: 50px;
}


.modal.scrollable-body.show {
    z-index: 2003;
}

.modal.scrollable-body.dual-modal.show {
    z-index: 2001;
}

.modal-backdrop:nth-child(odd) {
    z-index: 2000;
}

.infoblock-l .infoblock-l-height .img-scaled {
    transform: scale(1);
}

.modal-with-scrollable-table .modal-body.pad-h-15.pad-b-0 {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0px;
}

.modal-with-scrollable-table table {
    min-width: 465px;
}

    .modal-with-scrollable-table table tbody td {
        padding: 10px 20px;
    }

.banner .banner-image3 {
    min-height: 200px;
}

.margin-neg-5-l {
    margin-left: -5px;
}

.background-img-responsive-3 {
    position: absolute;
    bottom: 0;
}

@media (min-width: 992px) {

    /* START Helper Class */
    .banner-2 {
        position: absolute;
        right: -80px
    }

    .max-width-255 {
        width: 255px;
        max-width: 255px;
    }

    .width-md-350 {
        width: 350px;
    }

    .width-md-400 {
        width: 400px;
    }

    /* END Helper Class */
    /* START Custom Class */
    .column-spacer-md-20 {
        margin-left: -10px;
        margin-right: -10px
    }

        .column-spacer-md-20 > div {
            padding-left: 10px;
            padding-right: 10px;
        }

    .banner .banner-image img {
        left: -425px;
        top: 60px;
        height: 500px;
    }

    /* END Custom Class */

    /* Custom table with scroll */
    .table-options {
        width: 100%;
    }

    /* START Custom nav for student identification */
    .global-navigation .connector-brand.home-lg {
        margin-left: 5px;
    }

    /* END Custom nav for student identification */

    /* START Custom slick for Infoblock carousel */
    .infoblock-slider.slick-initialized .slick-slide {
        padding: 30px;
        max-width: 310px;
    }
    /* START Custom slick for Infoblock carousel */
    .infoblock-slider2.slick-initialized .slick-slide {
        max-width: 310px;
    }

    .infoblock-slider .slick-list {
        padding-bottom: 25px;
    }


    /* START Custom Arrows */
    .infoblock-slider .slick-arrow.slick-disabled {
        display: none;
    }

    .infoblock-slider .slick-prev,
    .infoblock-slider .slick-next {
        background: #fff;
        border: 1px solid #E1E1E1;
        box-shadow: 0 14px 36px 0 rgba(0, 0, 0, 0.3);
        margin: 0px 15px;
        margin-top: -15px;
        opacity: 1;
        transform: translateY(-50%);
    }

        .infoblock-slider .slick-next:before {
            top: 12px;
        }

        .infoblock-slider .slick-prev:hover,
        .infoblock-slider .slick-prev:focus,
        .infoblock-slider .slick-next:hover,
        .infoblock-slider .slick-next:focus {
            background: #fff;
            border: 1px solid #00549A;
            box-shadow: 0 14px 36px 0 rgba(0, 0, 0, 0.3);
            color: #00549a;
        }

            .infoblock-slider .slick-prev:hover:before,
            .infoblock-slider .slick-prev:focus:before,
            .infoblock-slider .slick-next:hover:before,
            .infoblock-slider .slick-next:focus:before {
                color: #00549a;
                opacity: 1;
            }

    .infoblock-slider .slick-arrow.slick-disabled {
        display: none;
    }

    .infoblock-slider .slick-prev:focus,
    .infoblock-slider .slick-next:focus,
    .infoblock-slider .slick-next:focus:before,
    .infoblock-slider .slick-prev:focus:before {
        background: #fff;
        color: #00549a;
    }

    /* END Custom Arrows */

    /* END Custom slick for Infoblock carousel */

    .pods-horizontal-line:before {
        right: 195px;
    }

    .label-3radios:before {
        right: 141px;
        top: 80px;
    }

    .pods-horizontal-line:before {
        top: 140px;
    }

    .label-3radios:after {
        right: 146px;
        top: -13px;
    }

    /* END Custom slick dots for Infoblock carousel */
    /* Start of Bell Wifi 3 columns */
    .wifi-app-3-col > div:first-child {
        right: 71%;
        bottom: 0;
    }

        .wifi-app-3-col > div:first-child img {
            width: 230px;
        }

    .wifi-app-3-col > div:last-child {
        left: 73%;
        top: 60px;
    }

        .wifi-app-3-col > div:last-child img {
            width: 230px;
        }

    /* End of Bell Wifi 3 columns */
    .herobanner .img-responsive {
        position: absolute;
    }

    .infoblock-l .infoblock-l-height {
        height: 650px;
    }

        .infoblock-l .infoblock-l-height.infoblock-suburb-glow2 {
            height: 620px;
        }

        .infoblock-l .infoblock-l-height .img-scaled {
            transform: scale(1.06);
        }

    .width-md-795 {
        width: 795px;
    }

    .banner .banner-image3 {
        min-height: 440px;
    }

        .banner .banner-image3 img {
            top: 0;
            right: 10px;
            /*max-width:505px;*/
        }

    .margin-neg-sm-10-b {
        margin-bottom: -10px;
    }

    .hero-banner-14 .position-md-absolute {
        top: 235px;
    }

    .position-md-absolute {
        position: absolute;
    }
}

/* desktop and larger */
@media (min-width: 1200px) {
    .banner-2 {
        position: absolute;
        right: 0
    }

    /* START Custom slick for Infoblock carousel */
    .infoblock-slider.slick-initialized .slick-slide {
        max-width: 390px;
    }

    /* START Custom slick for Infoblock for 4 column carousel */
    .infoblock-slider2.slick-initialized .slick-slide {
        max-width: 287px !important;
    }

    /* END Custom slick for Infoblock carousel */
}

@media (max-width: 991.98px) {
    .box-shadow-round-sm {
        box-shadow: 0 6px 25px 0 rgba(0, 0, 0, 0.12);
    }

    .multiInfoBlock [class^="col-"] > div {
        min-height: 520px;
    }

    .hero-banner-12 {
        height: 646px;
    }

    .background-position-hero-banner-12 {
        background-position: 94% 115%
    }

    .background-size-hero-banner-12 {
        background-size: 192% 75%;
    }

    .margin-neg-50-l-sm {
        margin-left: -50px;
    }

    .mw-none-sm {
        max-width: none;
    }

    .focus-h-sm-center {
        left: 50%;
        transform: translateX(-50%);
    }

    .line-height-18-sm {
        line-height: 18px;
    }

    .line-height-26-sm {
        line-height: 26px;
    }

    .infoblock-slider .slick-list {
        overflow: visible;
        padding-bottom: 5px;
    }

    /* Mobile Slider */
    .slick-slider-mobile-js.slick-initialized {
        width: 100%;
        margin: 0 auto;
    }

        .slick-slider-mobile-js.slick-initialized .slick-list {
            margin: 0 -30px;
            padding: 0 30px;
        }

        .slick-slider-mobile-js.slick-initialized .slick-track {
            display: flex;
            margin-left: -22.5px;
            padding: 30px;
            width: 100%;
        }

            .slick-slider-mobile-js.slick-initialized .slick-track.margin-n30-left {
                margin-left: -30px;
            }

            .slick-slider-mobile-js.slick-initialized .slick-track.margin-n15-left {
                margin-left: -15px;
            }

        .slick-slider-mobile-js.slick-initialized .slick-slide {
            margin-right: 15px;
            height: auto;
        }

            .slick-slider-mobile-js.slick-initialized .slick-slide > div {
                height: 100%;
            }

            .slick-slider-mobile-js.slick-initialized .slick-slide .slickSlide {
                height: 100%;
            }

                .slick-slider-mobile-js.slick-initialized .slick-slide .slickSlide .two-column-card {
                    height: 100%;
                }

        .slick-slider-mobile-js.slick-initialized .slick-dots {
            margin-top: -5px;
        }



    .slick-container .slide-top-content {
        justify-content: center;
    }

    .slick-container .slide-top-content-info {
        padding-left: 10px;
    }

    .panel-img {
        padding: 30px 15px;
    }

    .slick-slider-mobile-js .slick-dots li button {
        border: 1px solid #555555;
        opacity: 1;
        background-color: #fff;
    }

    .slick-slider-mobile-js .slick-dots li.slick-active button {
        background-color: #555555;
    }

    .step-container {
        width: 100%;
    }

        .step-container .slick-slider-mobile-js.slick-initialized .slick-list {
            margin: 0 auto;
            padding: 0;
        }

        .step-container .slick-slider-mobile-js.slick-initialized .slick-slide {
            margin-right: 0;
        }

        .step-container .slick-slider-mobile-js.slick-initialized .slick-track {
            padding: 0;
            display: block;
            margin-left: auto;
        }

        .step-container .scrollable-steps .scroll-line.wifi-alt-line {
            display: none;
        }

        .step-container .slick-slider-mobile-js.slick-initialized .slick-dots {
            margin-top: -10px;
            clear: both;
        }

    .scrollable-steps > div:last-child {
        width: 100%;
    }

    .wifi-pod-detail {
        top: 0px;
        left: 50%;
        transform: translate(-31%, -130%);
    }

    .label-500mbps:before {
        left: calc(39% - 20px);
    }

    .label-500mbps:before {
        top: 193px;
    }

    .label-500mbps .txtBold:after {
        bottom: -137px;
        left: -323px;
        height: 53px;
        -webkit-transform: skew(-119deg);
        -moz-transform: skew(-119deg);
        transform: skew(-119deg);
    }

    .subtitle-2-reg-3 {
        font-size: 14px;
        line-height: 18px;
    }

    .hero-banner-13.height-auto {
        height: auto;
    }

        .hero-banner-13.height-auto .banner-image2 {
            height: auto;
        }

    .fibrebanner .banner-image {
        height: 245px;
    }

    .txtWrap-sm {
        white-space: normal;
    }

    /*.button-link-2 {
        font-weight: bold;
    }*/

    .wifi-pod-4-new {
        position: relative;
        bottom: 0px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .banner-2 {
        height: 460px;
        position: relative;
        margin-top: -100px;
    }

        .banner-2 img {
            position: absolute;
            right: 0;
        }

    .banner .banner-image img {
        left: -350px;
        top: 80px;
        height: 465px;
    }

    .txtLeft-sm {
        text-align: left;
    }

    .txtSize50-sm {
        font-size: 50px;
    }

    .txtSize60-sm {
        font-size: 60px;
    }

    .infoblock-slider.slick-initialized .slick-slide {
        padding: 30px;
        max-width: 347px;
    }

    .background-img-responsive {
        margin-top: -27%;
    }

        .background-img-responsive.fibe-bg {
            left: -17%;
        }

            .background-img-responsive.fibe-bg img {
                max-width: 135%;
                width: 135%;
            }

    .wifi-pod-price-box {
        width: auto;
        height: 257px;
    }

    .wifi-pod-model {
        width: 405px;
        height: 100%;
    }

    .label-500mbps:after {
        left: 128px;
    }

    .pods-horizontal-line::after {
        left: 175px;
        height: 50px;
        -webkit-transform: skew(-118deg);
        -moz-transform: skew(-118deg);
        transform: skew(-118deg);
    }

    .pods-horizontal-line:before {
        /*top: 188px;*/
        top: 131px;
    }

    .pods-horizontal-line:before {
        /*left: calc(39% - 20px);*/
        left: 220px;
    }

    .label-3radios:before {
        top: 80px;
    }

    .label-3radios:before {
        right: 138px;
    }

    .label-3radios:after {
        right: 143px;
        top: -15px;
    }

    .scrollable-steps > div:first-child {
        width: 372px;
    }

    .scrollable-img {
        width: 394px;
        margin: 0 auto;
    }

    .package-list-detail {
        column-gap: 60px;
    }

        .package-list-detail.no-gap {
            column-gap: 0;
        }

    .sticky-first-column,
    .sticky-first-column-modal {
        padding: 10px 5px 12px 20px
    }

    .minwidth-sm-300 {
        min-width: 300px;
    }

    /*Start of Wifi-app-3-col*/
    .wifi-app-3-col > div:first-child {
        right: 75%;
        bottom: 0;
    }

        .wifi-app-3-col > div:first-child img {
            width: 140px;
        }

    .wifi-app-3-col > div:last-child {
        left: 74.5%;
        top: 60px;
    }

        .wifi-app-3-col > div:last-child img {
            width: 150px;
        }

    /*End of Wifi-app-3-col*/

    .herobanner {
        height: 440px;
    }

        .herobanner .img-responsive {
            margin-left: 50%;
            transform: translateX(-50%);
        }

    .infoblock-l .infoblock-l-height {
        height: 500px;
    }

        .infoblock-l .infoblock-l-height.infoblock-suburb-glow {
            height: 560px;
        }

        .infoblock-l .infoblock-l-height.infoblock-suburb-glow2 {
            height: 540px;
        }

        .infoblock-l .infoblock-l-height .img-scaled {
            transform: scale(1.08);
        }

    .banner .banner-image3 img {
        left: 0;
        right: 0;
        max-width: 510px;
    }
}

/* @media (min-width: 768px) and (max-width: 816px)  {
    .label-500mbps .txtBold:after{
        bottom: -152px;
        left: -366px;
        height: 60px;
        -webkit-transform: skew(-120deg);
        -moz-transform: skew(-120deg);
        transform: skew(-120deg);
    }
} */

@media (min-width: 768px) {

    /* START Helper Class */
    .border-all-right-radius-10-sm {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    /* END Helper Class */
    /* START Custom Class */
    .button-link {
        border-radius: 20px;
        font-size: 15px;
        height: 35px;
        line-height: 17px;
        text-align: center;
        cursor: pointer;
        padding: 7px 28px;
        white-space: nowrap;
        color: #fff !important;
        background-color: #003778;
        border: 2px solid #003778;
        margin-left: auto;
    }

        .button-link:hover,
        .button-link:focus {
            color: #fff;
            background-color: #00549a;
            border-color: #00549a;
        }

        .button-link:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
        }

    .button-link-2 {
        color: #fff !important;
     }

    .banner > div {
        min-height: 440px;
    }

    /* END Custom Class */

    .responsive-hd-divider-2 {
        border-left: 1px solid #BABEC2;
    }

    .table-fixed-sm {
        table-layout: fixed;
    }

    .sticky-first-column-cont > div:first-child {
        border-right: 1px solid #003778;
    }

    .line-height-sm-26 {
        line-height: 26px
    }

    .max-width-280-sm {
        max-width: 280px;
    }

    /* Custom padding for btn-file */
    .btn.btn-file {
        display: inline-block;
    }

    .responsive-hd-divider {
        border-top: 0;
        border-bottom: 0;
        border-left: 1px solid #003778
    }

    .hero-banner-13 {
        height: 770px;
    }

        .hero-banner-13 .banner-image {
            height: 700px;
        }

    .hero-banner-14 {
        height: 815px;
    }

        .hero-banner-14 .banner-image {
            height: 700px;
        }

            .hero-banner-14 .banner-image img {
                bottom: 40px;
            }

    .dimension-74 {
        height: 74px;
        width: 74px;
    }

    .dimension-72 {
        height: 72px;
        width: 72px;
    }

    .width-137 {
        width: 137px
    }

    .box-shadow-th-blue {
        box-shadow: inset 1px 0 0 0 #003778;
    }

    .modal-dialog.power-fibre-learn-more {
        width: 708px;
    }

    /* Custom animation for fibre glow*/
    .fibre-glow.fiber-glow-sm.glow1 {
        bottom: 18%;
        left: 16.7%;
        width: 5%;
    }

    .fibre-glow.fiber-glow-sm.light1 {
        bottom: 18%;
        left: 16.7%;
        width: 5%;
    }

    .fibre-glow.fiber-glow-sm.glow2 {
        bottom: 21.5%;
        left: 32.3%;
        width: 5%;
    }

    .fibre-glow.fiber-glow-sm.light2 {
        bottom: 21.5%;
        left: 32.3%;
        width: 5%;
    }

    .fibre-glow.fiber-glow-sm.glow3 {
        bottom: 18%;
        left: 40%;
        width: 4%;
    }

    .fibre-glow.fiber-glow-sm.light3 {
        bottom: 18%;
        left: 40%;
        width: 4%;
    }


    .fibre-glow.fiber-glow-sm.glow4 {
        bottom: 25%;
        left: 51.3%;
        width: 3%;
    }

    .fibre-glow.fiber-glow-sm.light4 {
        bottom: 25%;
        left: 51.3%;
        width: 3%;
    }

    .fibre-glow.fiber-glow-sm.glow5 {
        bottom: 25%;
        left: 57.5%;
        width: 3%;
    }

    .fibre-glow.fiber-glow-sm.light5 {
        bottom: 25%;
        left: 57.5%;
        width: 3%;
    }


    .fibre-glow.fiber-glow-sm.glow6 {
        bottom: 10%;
        left: 90%;
        width: 5%;
    }

    .fibre-glow.fiber-glow-sm.light6 {
        bottom: 10%;
        left: 90%;
        width: 5%;
    }


    .tooltip-table .tooltip {
        width: 635px;
        padding: 0;
    }

    .tooltip-table .tooltip-inner {
        max-width: 635px;
        padding: 25px;
    }

    .wifi-app-3-col > div:nth-child(2) {
        max-width: 425px;
    }

    .table-options-sm-w-100 {
        width: 100%;
    }

    .max-width-450-sm {
        max-width: 450px;
    }

    .position-sm-absolute {
        position: absolute;
    }

    .height-sm-440 {
        height: 440px;
    }

    .table-height-28 tr {
        height: 28px;
    }
}

@media (min-width: 992px) {
    .offer-tiles img {
        position: absolute;
        bottom: 0;
        top: 0;
        right: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .hero-banner-13 {
        height: 600px;
    }

        .hero-banner-13 .banner-image {
            height: 845px;
        }

            .hero-banner-13 .banner-image img {
                top: 40%;
            }

    .hero-banner-14 {
        height: 600px;
    }

        .hero-banner-14 .banner-image {
            height: 845px;
        }

            .hero-banner-14 .banner-image img {
                bottom: -230px;
            }

    .pad-v-md-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .pad-t-md-45 {
        padding-top: 45px;
    }

    .pad-b-md-30 {
        padding-bottom: 30px;
    }

    .pad-b-md-60 {
        padding-bottom: 60px;
    }

    .txtCenter-md {
        text-align: center;
    }

    .margin-neg-85-l {
        margin-left: -85px;
    }

    .button-link-2 {
        border-radius: 20px;
        font-size: 15px;
        height: 35px;
        line-height: 17px;
        text-align: center;
        cursor: pointer;
        padding: 7px 28px;
        white-space: nowrap;
        color: #fff !important;
        background-color: #003778;
        border: 2px solid #003778;
        margin-left: auto;
    }

        .button-link-2:hover,
        .button-link-2:focus {
            color: #fff;
            background-color: #00549a;
            border-color: #00549a;
        }

        .button-link-2:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
        }

    a:hover.button-link-2 > .anchor-text,
    a:focus.button-link-2 > .anchor-text {
        text-decoration: none;
    }
}

@media (min-width: 1920px) {
    .container.infoblock-l > div {
        max-width: 1860px;
        margin: 0 auto;
    }

    .background-img-responsive {
        margin-top: -410px;
    }

        .background-img-responsive > img {
            margin: auto;
        }
}

@media (min-width: 1440px) {
    .pad-h-xl-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .pad-r-lg-15 {
        padding-right: 15px;
    }

    .pad-r-xl-0,
    .pad-r-xl-0.pad-r-60,
    .pad-r-xl-0.pad-r-45,
    .pad-r-xl-0.pad-r-15 {
        padding-right: 0;
    }

    .pad-r-xl-25 {
        padding-right: 25px;
    }

    .pad-r-xl-70,
    .title.pad-r-xl-70 {
        padding-right: 70px;
    }

    .pad-r-xl-60 {
        padding-right: 60px;
    }

    .pad-l-xl-10 {
        padding-left: 10px;
    }

    .pad-l-xl-20 {
        padding-left: 20px;
    }

    .pad-l-xl-35 {
        padding-left: 35px;
    }

    .pad-l-xl-60 {
        padding-left: 60px;
    }

    .pad-t-xl-0 {
        padding-top: 0px;
    }

    .banner.margin-b-xl-30,
    .margin-b-xl-30 {
        margin-bottom: 30px;
    }

    .hero-banner-13 .banner-image {
        height: 1000px;
    }

        .hero-banner-13 .banner-image img {
            top: 50%
        }

    .height-xl-600 {
        height: 600px;
    }

    .fibrebanner .banner-image {
        height: 440px;
    }

    .pad-t-xl-10 {
        padding-top: 10px;
    }

    .pad-v-xl-25 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .pad-t-xl-20 {
        padding-top: 20px;
    }

    .pad-t-xl-60 {
        padding-top: 60px;
    }

    .pad-b-xl-35 {
        padding-bottom: 35px;
    }

    .pad-b-xl-45 {
        padding-bottom: 45px;
    }

    .margin-h-xl-60 {
        margin-left: 60px;
        margin-right: 60px;
    }

    .margin-t-xl-110 {
        margin-top: 110px;
    }

    .margin-r-xl-15 {
        margin-right: 15px;
    }

    .width-xl-460 {
        width: 460px;
    }

    /* Start of Bell Wifi 3 columns */
    .wifi-app-3-col > div:first-child {
        right: 70%;
        bottom: 0;
    }

        .wifi-app-3-col > div:first-child img {
            width: 285px;
        }

    .wifi-app-3-col > div:last-child {
        left: 73.5%;
        top: 60px;
    }

        .wifi-app-3-col > div:last-child img {
            width: 285px;
        }

    /* End of Bell Wifi 3 columns */
    .container.infoblock-l.container-2 {
        width: 100%;
        padding: 0 30px;
    }

    .title-2 {
        font-size: 40px;
        line-height: 46px;
    }

    .infoblock-l .infoblock-l-height,
    .infoblock-l .infoblock-l-height.infoblock-suburb-glow2 {
        height: 800px;
    }

        .infoblock-l .infoblock-l-height .img-scaled {
            transform: scale(1.06);
        }

    .max-width-xl-260 {
        max-width: 260px;
        width: 260px;
    }
}

@media (max-width: 767.98px) {
    .width-60-xs {
        width: 60px;
    }

    .width-xs-215 {
        width: 215px;
    }

    .max-width-xs-300 {
        width: 300px;
    }

    .banner-2 {
        height: 360px;
        position: relative;
        margin-top: -80px;
    }

        .banner-2 img {
            position: absolute;
            right: -170px;
            height: 100%;
        }

    /* START Helper Class */
    .min-height-xs-0 {
        min-height: 0 !important
    }

    .height-xs-135 {
        height: 135px
    }

    .height-xs-115 {
        height: 115px
    }

    .focus-h-xs-center {
        left: 50%;
        transform: translateX(-50%)
    }

    .border-all-bottom-radius-10-xs {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .subtitle-2-reg-2 {
        line-height: 18px;
        font-size: 14px
    }

    .line-height-26-xs {
        line-height: 26px;
    }

    .line-height-18-xs {
        line-height: 18px;
    }

    .height-xs-114 {
        height: 114px
    }

    .width-125-xs {
        width: 125px
    }

    .box-shadow-round-xs {
        box-shadow: 0 6px 25px 0 rgba(0, 0, 0, 0.12);
    }

    .topCenter-centered-xs {
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    /* END Helper Class */

    /* START Custom Class */
    .button-link {
        color: #00549a !important;
        text-decoration: underline !important;
        cursor: pointer;
    }

        .button-link:hover,
        .button-link:focus {
            text-decoration: none;
        }

    .banner .banner-image {
        height: 310px;
    }

    /* END Custom Class */

    .hero-banner-12 {
        height: 655px;
    }

    /* Custom table with scroll */
    .table-scrollable-wrapper {
        border-right: 1px solid #d4d4d4;
    }

        .table-scrollable-wrapper::-webkit-scrollbar {
            height: 8px;
        }

        .table-scrollable-wrapper::-webkit-scrollbar-track {
            background: #e1e1e1;
            height: 8px;
        }

        .table-scrollable-wrapper::-webkit-scrollbar-thumb {
            height: 8px;
            background: #003778
        }

    .table-options {
        width: calc(767px - 112px);
    }

        .table-options th {
            min-width: 112px;
        }

    /*.sticky-first-column {
       padding: 15px 5px 15px 13px;
    }*/

    .sticky-first-column-cont > div:not(:first-child) div.same-height {
        padding: 15px 5px 15px 13px;
    }

    .sticky-first-column-cont {
        min-width: 112px;
    }

    .sticky-first-column-cont-modal {
        min-width: 115px;
    }

    .sticky-first-column-cont > div:first-child div.same-height {
        background-color: #003778;
        max-height: 60px;
    }

    .sticky-first-column-cont-modal > div:first-child div.same-height {
        background-color: #003778;
        height: 84px;
    }

    /*Custom padding for email info tooltip-modal mobile view*/
    .modal.modal-tooltip.modal-email-mobile .modal-body {
        padding: 15px 30px;
    }

    .scrollable-img {
        width: 100%;
    }

    .infoblock-slider.slick-initialized .slick-slide {
        padding: 30px;
        max-width: 260px;
    }

    .background-img-responsive .img-responsive {
        height: 345px;
    }

    .background-img-responsive-2 .img-responsive {
        height: 200px;
    }

    .background-img-responsive {
        margin-top: -30%;
    }

        .background-img-responsive .img-responsive {
            height: 250px;
        }

    .img-responsive.centerView-xs {
        margin-left: 49%;
        transform: translateX(-50%);
        max-width: 150%;
        width: 150%;
        height: 100%;
    }

    .img-responsive.centerView-xs-220 {
        margin-left: 50%;
        transform: translateX(-50%);
        max-width: 220%;
        width: 220%;
        height: 100%;
    }

    .margin-neg-10-t-xs {
        margin-top: -10px;
    }

    .wifi-pod-price-box,
    .wifi-pod-model {
        width: 100%;
        height: 100%;
    }

    .package-list-detail {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }

    .content-expired-promotion {
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
    }

    .tablist-underlined [role=tab]:not(:last-child) {
        margin-right: 15px;
    }

    .bg-spotlight-corner-radial-gradiant {
        background: radial-gradient(closest-corner at 39% 42%, #1CBCF4 0%, #0E75CD 39.47%, #00549A 100%);
    }

    .sticky-first-column-modal {
        padding: 12px 15px;
    }

    .table-options-modal tr th {
        min-width: 167px;
        height: 84px;
    }

    .inverted.sticky-first-column-modal {
        height: 84px;
    }

    .herobanner .img-responsive {
        position: absolute;
    }

    .background-size-hero-banner-12 {
        background-size: 350% 55%;
    }

    .background-position-hero-banner-12 {
        background-position: 74% 100%;
    }

    .fibrebanner .banner-image {
        height: 215px;
    }

    .background-img-responsive-3 {
        bottom: -180px;
        height: 435px;
        display: inline-block;
        min-width: 100%;
        margin-left: 50%;
        transform: translateX(-50%);
    }

        .background-img-responsive-3 .img-responsive.centerView-xs {
            margin-left: 50%;
            transform: translateX(-50%);
            width: auto !important;
            max-width: none;
            min-width: 100%;
        }

    .infoblock-l .infoblock-l-height.infoblock-suburb-glow {
        height: auto;
        margin-bottom: 180px;
    }

    .infoblock-l .infoblock-l-height.infoblock-suburb-glow2 {
        height: auto;
        margin-bottom: 180px;
    }

    .wifi-pod-4-new {
        position: absolute;
        height: 50px;
        width: 140px;
        left: 0px;
        top: -20px;
    }

    .wifi-pod-container-xs {
        height: 50px;
    }
}

@media (min-width: 320px) and (max-width: 767.98px) {

    .store-icon-size {
        width: 120px;
    }

    .store-icon-size2 {
        width: 135px;
    }

    .width-300 {
        width: 100%;
    }

    .margin-neg-120 {
        margin-left: 0px;
    }

    .border-xs-none {
        border: none;
    }

    .wifi-pod-detail {
        position: relative;
        display: flex;
        top: 0;
        left: 0;
        transform: none;
        justify-content: center;
        width: 320px;
    }

    .pods-horizontal-line:before {
        bottom: 90px;
        left: 150px;
    }

    .label-3radios:before {
        top: 75px;
        right: 112px;
    }

    .label-3radios:after {
        right: 116px;
        top: -15px;
    }

    .pods-horizontal-line:after {
        top: 86px;
        left: 113px;
        height: 53px;
        -webkit-transform: skew(-121deg);
        -moz-transform: skew(-121deg);
        transform: skew(-121deg);
    }

    .label-500mbps:after {
        left: 70px;
    }

    .wifi-pod-model {
        width: 320px;
        height: 233px;
    }

    .banner .banner-image3 img {
        left: 0;
        right: 0;
        max-width: 285px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .modal-open .modal-dialog .modal-body.scrollAdjust.scroll-end:not(*:root) {
        margin-right: 0;
        padding-right: 15px;
    }
}

/* START Animation */
.left-glow-animation {
    position: absolute;
    top: -280px;
    -webkit-animation: left-animation 1s linear;
    animation: left-animation 1s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}

.right-glow-animation {
    position: absolute;
    bottom: -280px;
    -webkit-animation: right-animation 1s linear;
    animation: right-animation 1s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}

@keyframes left-animation {
    0% {
        top: -280px;
    }

    100% {
        top: 380px;
    }
}

@keyframes right-animation {
    0% {
        bottom: -280px;
    }

    100% {
        bottom: 380px
    }
}

.animation-container-left {
    left: 8%;
}

.animation-container-right {
    right: 8%;
}

.animation-container-left .left-glow-animation {
    left: 0;
}

.animation-container-right .right-glow-animation {
    right: 0;
}

@media (max-width: 767.98px) {
    .animation-container-left {
        left: -70px;
    }

    .animation-container-right {
        right: -70px;
    }
}

/* END Animation */

@media (min-width: 1200px) {
    .margin-neg-120 {
        margin-left: -100px;
    }

    .pad-l-xl-20 {
        padding-left: 40px;
    }
}

@media (min-width: 1240px) {

    /*Start Helper Class*/
    .margin-b-lg-15 {
        margin-bottom: 15px;
    }

    .margin-b-lg-60 {
        margin-bottom: 60px;
    }

    .pad-l-lg-60 {
        padding-left: 60px;
    }

    .pad-r-lg-20 {
        padding-right: 20px;
    }

    .pad-r-lg-40 {
        padding-right: 40px;
    }

    .pad-r-lg-60 {
        padding-right: 60px;
    }

    .pad-r-lg-150 {
        padding-right: 150px;
    }

    /*End Helper Class*/
}

@media (min-width: 1330px) {
    .infoblock-slider .slick-prev {
        left: -80px;
    }

    .infoblock-slider .slick-next {
        right: -80px;
    }
}

@keyframes pulse {
    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes scale-rotate {
    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.5) rotate(40deg);
    }
}

@keyframes rotate-light {

    0%, 100% {
        transform: rotate(20deg);
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #check-availability-2 .modal-body.scrollAdjust:not(*:root) {
        padding-right: 15px;
        margin-right: 0px;
    }
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
    .render-bullet li:nth-child(n+3) {
        list-style-position: inside;
    }
}

.maxWidth400 {
    max-width: 400px;
}
.maxWidth500 {
    max-width: 500px;
}
.maxWidth600 {
    max-width: 600px;
}
.maxWidth700 {
    max-width: 700px;
}
.maxWidth800 {
    max-width: 800px;
}
.maxWidth900 {
    max-width: 900px;
}

.maxHeight400 {
    max-height: 400px;
}

/*Internet speed carousel custom style for internet packages page*/
.image-carousel-height {
    height: 440px;
    overflow: hidden;
}

.internet-speed-carousel img {
    max-width: 320px;
    width: 100%;
    margin: 0 auto;
}


@media(max-width:766.98px) {
    .internet-speed-carousel .slick-list {
        margin-bottom: 20px;
    }

    /*offset correction for banner position*/
    .internet-speed-carousel .internet-speed-sliders .slick-slide {
        position: relative;
        left: -8%;
    }
}
/*End of Internet speed carousel custom style for internet packages page*/

/*Internet gaming page style*/
.hero-banner-gaming-main {
    background-image: url(/Styles/media/Internet/img/img_banner_bg.jpg);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-size: 250% 70%;
}

@media(min-width:990.98px) {
    .hero-banner-gaming-1 .hero-banner-gaming-1-container {
        background-image: url(/Styles/media/Internet/img/img_pure_fibre_internet.jpg);
        background-size: cover;
        height: 800px;
        display: flex;
        align-items: flex-end;
    }
}

@media(max-width:990.98px) and (min-width:768px) {
    .hero-banner-gaming-1-container {
        background-position-x: 50%;
    }
}

.blueIcon-WhiteText {
    -webkit-box-shadow: inset 0px 0px 0px 3px #00549a;
    box-shadow: inset 0px 0px 0px 3px #00549a
}

@media(max-width:766.98px) {
    .hero-banner-gaming-2-container p.desc {
        color: #555;
    }
}

/*Internet Gaming Page teams match banner*/
.lineHeight2rem {
    line-height: 2rem;
}
.zIndexLarge{
    z-index:999
}
.teams-match-banner {
    background-repeat: no-repeat;
    background-size: cover;
}

.team-player-wraper {
    min-height: 550px
}

.team-brand {
    cursor: pointer;
}

.team-intro-list {
    height: 140px;
}

.team-brand.active:before {
    border: solid #01215e;
    border-width: 0 15px 15px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    content: "";
    position: absolute;
    bottom: -40px;
    cursor: auto;
    z-index:-1;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .team-brand.active:before {
        left: 43%;
    }
}

.team-player-wraper .team-player {
    width: 680px;
    bottom: 0;
}

@media(min-width:768px) and (max-width:990.98px) {
    .team-player {
        left: -60%;
    }
}

@media(max-width:766.98px) {
    .team-brand.active:before {
        bottom: -10px;
    }

    img[data-restricted-size="true"] {
        max-width: 70px;
    }

    img[data-restricted-size="false"] {
        max-width: 100px;
    }
}
@media(min-width:1240px) {
    .team-info-detail {
        height: 220px;
        overflow-y: auto;
    }
    .team-player-wraper .team-player {
        width: 915px;
        bottom: 0;
        left: -70px;
    }
}

.list-of-brands-wrap {
    flex-wrap: wrap;
}

.list-of-brands ul > li {
    padding: 0 10px;
    justify-content: center;
    display: flex;
    align-items: center;
    width: 50%;
}

    .list-of-brands ul > li img {
        max-height: 70px;
    }

@media(min-width:539.98px) {
    .list-of-brands ul > li {
        width: auto
    }

        .list-of-brands ul > li img {
            max-width: 170px;
        }

    .list-of-brands-wrap {
        flex-wrap: nowrap
    }

    .list-of-brands ul > li {
        flex: 1 1 auto;
    }
}

@media(min-width:990.98px) {
    .list-of-brands ul > li img {
        max-height: initial;
    }
}     
.height-auto-important {
    height: auto !important;
}

.addon-checkbox-wrapper {
    border: none;
    box-shadow: none;
}

.event-card-inner {
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: center;
    align-items: center;
    min-height:350px;
}

.event-card-inner-gradient {
    background-image: linear-gradient(to top, rgba(0,0,0,0.85)0%, rgba(0,0,0,0)60%);
}

@media(min-width:1240px){
    .event-card-inner {
        min-height: 400px;
    }
}
.event-card-full-bg .event-card-inner{
    justify-content:flex-end
}

.event-card-top-down .event-card-inner {
    justify-content: flex-start;
}

.event-card.event-card-full-bg img {
    position: absolute;
    z-index: -1;
    top: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .event-card.event-card-full-bg img {
        transform: translate(-50%, 0%);
    }
}

.event-card {
    padding: 0 7.5px;
}

.description {
    width: 100%;
}

.event-cards-sliders .slick-slide {
    position: relative;
    left: -15px;
}

@media(min-width:520px) {
    .event-cards-sliders .slick-slide {
        left: 0;
    }
    .event-card {
        padding: 0 7.5px;
    }
}
@media(max-width:640px){
    .internet-speed-carousel img {
        width: 75%;
    }
}

@media(min-width:768px) {
   

    .event-cards-sliders .slick-slide {
        left: 0;
    }
}

@media(min-width:992px) {
    .event-card {
        padding: 0 7.5px 15px 7.5px;
    }
}

.video-play {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

    .video-play:before,
    .video-play:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
    }

    .video-play:before {
        z-index: 2;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        transition: box-shadow .5s cubic-bezier(.55,0,.1,1), width .5s cubic-bezier(.55,0,.1,1), height .5s cubic-bezier(.55,0,.1,1);
        border-radius: 50%;
        opacity: .45;
        background-color: rgba(0,0,0,.8);
    }

    .video-play:after {
        z-index: 3;
        -webkit-transform: translate(-12.5%, -50%);
        -ms-transform: translate(-12.5%, -50%);
        transform: translate(-12.5%, -50%);
        border-color: transparent;
        border-left-color: #fff;
        border-style: solid;
        transition: border-width .5s cubic-bezier(.55,0,.1,1);
        border-width: 10px 16.5px;
    }

    .video-play:hover:before {
        box-shadow: 0 0 62.5px 2.5px rgb(0 0 0 / 80%);
    }

    .video-play:before {
        width: 50px;
        height: 50px;
        box-shadow: 0 0 62.5px 2.5px rgb(0 0 0 / 55%);
    }

@media (min-width: 640px) {
    .video-play:before {
        width: 90px;
        height: 90px;
    }

    .video-play:after {
        border-width: 20px 32.5px;
    }
}

.rsx-video-play:before {
    opacity: .7;
    background-color: #02397a;
}

#video-player-close {
    display: block;
    position: absolute;
    z-index: 2002;
    top: 20px;
    right: 20px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: none;
    border: none;
    padding: 0;
}
#video-player-close:hover{
    text-decoration:none;
} 
#video-player-modal .modal-dialog,
#video-player-modal iframe {
    width: 1200px;
    height: 676px;
    border-radius: 0
}

@media (min-width: 992px) and (max-width: 1239px) {
    #video-player-modal .modal-dialog,
    #video-player-modal iframe {
        width: 960px;
        height: 540px;
    }
}

@media (min-width: 640px) and (max-width: 990.98px) {
    #video-player-modal .modal-dialog,
    #video-player-modal iframe {
        width: 600px;
        height: 338px;
    }
}

.fullwidth-video {
    position: relative;
}

@media (min-height: 520px) {
    #video-player-modal iframe {
        max-height: calc(100vh - 40px);
    }
}

#video-player-modal iframe {
}

#video-player-modal iframe {
    position: relative;
    z-index: 2001;
    border: 0;
    bottom: 0;
}

.iframe-youtube {
    display: block !important
}

#video-player-modal .modal-header {
    display: none
}

#video-player-modal .fullwidth-video {
    display: flex;
    align-items: center;
}

.toggle-tab__btn-wrap {
    border-radius: 30px;
    overflow-x: auto;
    border: 1px solid #f4f4f4;
}

    .toggle-tab__btn-wrap .btn[aria-expanded="false"],
    .toggle-tab__btn-wrap .btn[aria-expanded="false"]:hover,
    .toggle-tab__btn-wrap .btn[aria-expanded="false"]:active,
    .toggle-tab__btn-wrap .btn[aria-expanded="false"]:focus,
    .toggle-tab__btn-wrap .btn[aria-expanded="false"]:visited {
        border: none;
        background: none;
        outline: none;
        color: #00549a !important;
    }

.toggle-tab__btns {
    display: flex;
    padding: 5px;
    gap: 15px;
}

    .toggle-tab__btns .btn {      
        white-space: nowrap;
    }
.icon-list .icon-list-item__content {
    max-width: 135px;
}

.icon-list .icon-list-item__icon {
    display: flex;
    justify-content: center;
    align-items:center;
}

.icon-list .icon {
    width: 65px;
    height:65px;
}

.icon-list .icon-list-item .icon {
    font-size: 38px;
}

@media(max-width:766.98px) {
    .toggle-tab__btns .btn {
        padding: 7px 12px;        
    }
    .icon-list .icon-list-item__content {
        max-width: 200px;
    }
}

/*End of Internet Gaming Page */

/*Video banner pause and play*/
.video-banner-pause-btn {
    box-shadow: 0 1px 10px #555555;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: none;
    background-color: white;
    right: 30px;
    padding: 0;
    bottom: 20px;
    position: absolute;
    z-index: 10;
    transition: background 0.7s;
}
 
.video-banner-pause-btn-progress circle {
    stroke: #0075FF;
    stroke-width: 3px;
    stroke-dasharray: 125;
    stroke-dashoffset: 0;
    fill: rgba(225,255,255,0);

}

.video-banner-pause-btn-progress {
    overflow: visible!important;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    transform: rotate(-90deg);
}

.video-banner-pause-btn[data-pressed=false] .video-banner-pause-btn-bg:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: calc(50% + 1px);
    transform: translate(-50%,-50%);
    width: 0;
    height: 10px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 11px solid #003777;
    z-index: 1;
}

.video-banner-pause-btn[data-pressed=true] .video-banner-pause-btn-bg:after, .video-banner-pause-btn[data-pressed=true] .video-banner-pause-btn-bg:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: calc(50% - 3px);
    transform: translate(-50%,-50%);
    height: 10px;
    width: 0;
    border: 1px solid #003778;
    z-index: 1;
}

.video-banner-pause-btn[data-pressed=true] .video-banner-pause-btn-bg:before {
    left: calc(50% + 3px);
}

.video-banner-pause-btn:active {
    background-color: #003777;
    background-size: 150%;
    transition: background 0.4s;
}
button.video-banner-pause-btn:focus {
    outline-offset: 4px !important;
    outline: 2px solid white !important;
}
button.video-banner-pause-btn.pause-btn-blue-outline:focus {
    outline: 2px solid #0075ff !important;
}
.prod-carousel {
    position: relative;
}

.prod-carousel .prod-carousel-content .wifi-tooltip.txtUnderline {
    text-decoration: underline;
}
    .prod-carousel > .container {
        padding-left: 0;
        padding-right: 0;
    }
.prod-carousel-content {
    position: relative;
    display: none;
}

    .prod-carousel-content.slick-initialized {
        display: block;
    }

    .prod-carousel-content .slick-list {
        overflow: visible !important;
        width: calc(100% - 45px);
    }

.prod-list .prod-tile-link:hover,
.prod-carousel .prod-tile-link:hover,
.prod-list .prod-tile-link:focus,
.prod-carousel .prod-tile-link:focus {
    box-shadow: 0 14px 36px 0 rgba(0,0,0,0.3);
}

.prod-carousel-content .slick-track {
    display: flex;
    justify-content: center;
}

.prod-carousel-content .slick-slide {
    height: inherit;
}

    .prod-carousel-content .slick-slide > div,
    .prod-carousel-content .prod-tile,
    .prod-carousel-content .prod-tile-content {
        height: 100%;
    }

    .prod-carousel-content .slick-slide > div {
        display: flex;
    }
.prod-carousel-content ul.slick-dots {
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    line-height: 0;
}

    .prod-carousel-content ul.slick-dots > li {
        display: inline-block;
    }

.prod-carousel-content .slick-dots button {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #555;
    background-color: transparent;
    border-radius: 50%;
    font-size: 0;
    padding: 0;
    margin: 0 4px;
    cursor: pointer;
}

.prod-carousel-content .slick-dots .slick-active > button {
    background-color: #555;
}

.prod-carousel-content .slick-prev,
.prod-carousel-content .slick-next {
    position: absolute;
    z-index: 100;
    top: 50%;
    transform: translateY(-50%);
    left: -5px;
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    transition: all .25s cubic-bezier(.55,0,.1,1);
    font-size: 0;
    box-shadow: 0 14px 36px 0 rgba(0,0,0,0.3);
    border: 1px solid #e1e1e1;
    color: #00549A;
    display: none !important;
    cursor: pointer;
}

.theme-virgin .prod-carousel-content .slick-prev,
.theme-virgin .prod-carousel-content .slick-next {
    color: #CC0000;
}


.prod-carousel-content .slick-next {
    right: -5px;
    left: auto;
}

    .prod-carousel-content .slick-prev:before,
    .prod-carousel-content .slick-next:before {
        font-family: 'bell-icon';
        content: "\eaa4";
        top: initial;
        right: 18px;
        position: absolute;
        font-size: 22px;
    }

    .prod-carousel-content .slick-prev.slick-disabled,
    .prod-carousel-content .slick-next.slick-disabled {
        display: none !important;
    }

.prod-carousel-content .slick-prev:before {
    transform: scaleX(-1);
    right: 20px;
}

.prod-carousel-content .slick-prev:hover,
.prod-carousel-content .slick-next:hover,
.prod-carousel-content .slick-prev:focus,
.prod-carousel-content .slick-next:focus {
    outline: none;
    box-shadow: 0 14px 36px 0 rgba(0,0,0,0.3), inset 0px 0px 0px 2px #2672cb;
}

.prod-carousel-content .tooltip-interactive {
    display: inline-block;
}

.prod-carousel-content .tooltip-interactive.partial-line {
    display: inline;
}

@media (max-width: 767px) {
    .prod-carousel-content .slick-prev,
    .prod-carousel-content .slick-next {
        display: none !important;
    }
    .prod-carousel-content .slick-list {
        margin: 0 auto 0 7px;
    }

    .internet-packages-col .tooltip-interactive {
        display: none !important;
    }
}

@media (min-width: 768px) {

    .prod-list-content {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .prod-list .prod-tile-content {
        height: auto;
        display: flex;
        flex: 1 0 auto;
        flex-direction: column;
    }
    .prod-carousel-content .slick-list {
        width: calc(100% - 46px);
        margin: 0 auto;
    }
}

@media (min-width: 992px) {
    .prod-carousel-content .slick-prev,
    .prod-carousel-content .slick-next {
        display: block !important;
    }

    .prod-carousel-content .slick-list {
        width: 100%;
    }

    .prod-carousel-content .slick-list {
        padding-left: 7px;
        padding-right: 7px;
    }

    .prod-list-content .prod-tile,
    .prod-list-content:after {
        width: calc(33.3333% - 20px);
    }

    .theme-virgin .prod-list-content .prod-tile,
    .theme-virgin .prod-list-content:after {
        width: calc(33.3333% - 10px);
    }

    .prod-list-content:after {
        content: "";
        display: block;
    }
}

@media (min-width: 1240px) {

    .prod-carousel > .container {
        width: 1244px;
    }

    .prod-carousel-content .slick-list {
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        z-index: 10;
    }

    .prod-carousel-content:before,
    .prod-carousel-content:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 20px;
        background: #000;
        background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
        z-index: 80;
    }

    .prod-carousel-content:after {
        left: auto;
        right: 0;
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
    }

    .prod-carousel > .container:before,
    .prod-carousel > .container:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 20px;
        width: calc(50% - 620px);
        background: #fff;
        z-index: 80;
    }

    .prod-carousel > .container:after {
        left: auto;
        right: 0;
    }
}

/* Internet Packages Detail Modal*/

@media (min-width: 1240px) {
    #package_detail_view_details_modal .modal-dialog {
        width: 1200px;
    }
}

@media (max-width:1239px) {
    #package_detail_view_details_modal .modal-dialog {
        width: 95%;
    }
}


.internet-promo-banner {
    background: #003778;
    border-radius: 10px;
    color: #fff;
    padding: 25px 30px;
    position: relative;
}

    .internet-promo-banner .content {
        display: flex;
        align-items: center;
        width: 100%;
    }

        .internet-promo-banner .content .product-title {
            line-height: 26px;
            margin-left: 192px;
        }

    .internet-promo-banner img {
        width: 241px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .internet-promo-banner .product-name {
        padding-left: 30px;
        border-left: 2px solid #00215E;
    }

.big-price.txtWhite {
    color: #fff;
}

.internet-promo-banner .btn {
    margin-left: 65px;
}

.internet-packages-tag.pure-fibre-tag,
.internet-packages-tag.text-tag,
.internet-packages-tag.text-tag-light {
    padding: 5.5px 8px;
    font-size: 11px;
    line-height: 12px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 6px;
    display: inline-block;
}

.pure-fibre-tag {
    color: #fff;
    background: linear-gradient(155deg, rgba(80, 202, 255, 1), rgba(0, 161, 231, 1) 28.83%, rgba(0, 67, 123, 1) 100%);
}


.internet-packages .prod-carousel-content .slick-prev:before, .internet-packages .prod-carousel-content .slick-next:before {
    top: 12px;
    right: 16px;
}

.promotion-banner-packages {
    padding: 10px 30px;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #00549A;
    font-size: 12px;
    color: #00549A;
    margin-top: 30px;
}

.internet-packages.tile-carousel.prod-carousel {
    padding-top: 30px;
}

.internet-packages-icon-container {
    width: 596px;
    margin: 0 auto;
    justify-content: space-evenly;
    align-items: end;
}

    .internet-packages-icon-container a {
        margin-bottom: 0;
        color: #0e0e0e !important;
    }

.text-tag-light {
    padding: 5.5px 8px;
    border-radius: 4px;
    border: 2px solid #00549A;
    text-transform: uppercase;
    color: #00549A;
    font-size: 11px;
    line-height: 12px;
    font-weight: 600;
}

@media (min-width: 768px) {
    .wifi-pods-modal {
        width: 740px;
    }

    .internet-packages .prod-carousel-content .slick-track {
        margin: 0 auto;
    }
}

@media (min-width: 992px) {
    .wifi-pods-modal {
        width: 964px;
    }
}

@media (max-width: 991.8px) {
    .wifi-pods-modal .tab-control .header-tab-control, .wifi-pods-modal .tablist-underlined {
        overflow-x: auto;
    }
}


@media (max-width: 767.8px) {
    .internet-promo-banner {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

        .internet-promo-banner img {
            position: relative;
            width: auto;
        }

        .internet-promo-banner .content {
            display: block;
            padding: 20px 30px 30px;
            text-align: center;
        }

            .internet-promo-banner .content .product-title {
                margin-left: 0;
                font-size: 22px !important;
                line-height: 24px;
            }

        .internet-promo-banner .product-name {
            padding-left: 0;
            border-left: none;
        }

        .internet-promo-banner .btn {
            margin-left: 0;
        }

    .internet-packages-icon-container {
        width: 100%;
        flex-direction: column;
        align-items: start;
    }

        .internet-packages-icon-container .d-flex {
            flex-direction: row;
        }

        .internet-packages-icon-container .icon {
            padding-right: 20px;
            padding-left: 15px;
        }

        .internet-packages-icon-container .icon-double_pods_bl_wot {
            margin-left: -7px;
        }

    .prod-carousel-content {
        display: block !important;
    }

    .prod-carousel > .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .internet-packages.tile-carousel .prod-carousel-content .slick-list {
        margin: 0;
        width: 100%;
    }
}

/* Internet Packages Detail Modal*/

@media (min-width: 1240px) {
    #package_detail_view_details_modal .modal-dialog {
        width: 1200px;
    }
}

@media (max-width:1239px) {
    #package_detail_view_details_modal .modal-dialog {
        width: 95%;
    }
}
.txtSize36 {
    font-size: 36px;
}

.modal-dialog.large-modal {
    width: 745px;
}


.package-radiogroup .ctrl_radioBtn .ctrl_element {
    top: -3px;
    left: 0;
}

.package-radiogroup .ctrl_radioBtn {
    height: 26px;
}

button[id^=close_package_detail_modal]:focus, #eShopAddressModal1 button:focus, .modal-dialog.power-fibre-learn-more button:focus {
    opacity: 1 !important;
}

/* Temporary styles for Atlantic manual address suggestions */
.autonomy-address-suggestion {
    z-index: 99999;
    background: white;
    max-height: 300px;
    overflow-y: auto;
    max-width: 400px;
    overflow-x: auto;
}

.autonomy-address-suggestion li {
    list-style-type: none;
    padding: 2px 0;
}
/* End Temporary styles for Atlantic manual address suggestions */