@charset 'UTF-8';
/* Arrows */
.slick-prev,
.slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; background: transparent; }
    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus { color: transparent; background: transparent; }
        .slick-prev:hover:before,
        .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before { opacity: 1; }
    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before { opacity: .25; }

    .slick-prev:before,
    .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
[dir='rtl'] .slick-prev { right: -25px; left: auto; }
.slick-prev:before { content: '←'; }
[dir='rtl'] .slick-prev:before { content: '→'; }

.slick-next { right: -25px; }
[dir='rtl'] .slick-next { right: auto; left: -25px; }
.slick-next:before { content: '→'; }
[dir='rtl'] .slick-next:before { content: '←'; }

/* Dots */
.slick-slider { /*margin-bottom: 30px;*/ /*height: 420px;*/ }

.slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; }
    .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
        .slick-dots li button { width: 10px; height: 10px; border-radius: 50%; padding: 0; border: 2px solid #999; margin: auto 4px; opacity: .5; font-size: 0; line-height: 0; cursor: pointer; color: transparent; }
            /*.slick-dots li button:hover,
            .slick-dots li button:focus { outline: none; }*/
            .slick-dots li button:hover:before,
            .slick-dots li button:focus:before { opacity: 1; }
            .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
        .slick-dots li.slick-active button { background: #999; opacity: 1; }


/*Custom CSS*/
.banner .container { position: inherit; }

.slick-dots { bottom: 0; }

.slick-initialized .slick-slide { padding: 0; }
.slick-prev, .slick-next { opacity: 0; box-shadow: 0 0 0 8px #e1e1e1; background-color: #fff; }
.banner:hover .slick-prev, .banner:hover .slick-next { opacity: 1; }
.slick-prev, .slick-next { width: 50px; height: 50px; border-radius: 50%; }
    .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus { background: #003676; box-shadow: 0 0 0 8px #e1e1e1; }
        .slick-prev:hover::before, .slick-next:hover::before, .slick-next:focus::before, .slick-prev:focus::before { color: #fff; }
.slick-dots li { width: 10px; height: 10px; }
.slick-prev:before, .slick-next:before { content: '\e012'; font-family: 'bell-icon'; display: inline-block; font-size: 22px; color: #00549a; transition: all .25s cubic-bezier(.55,0,.1,1); }
.slick-next:before { top: 14px; right: 12px; position: absolute; }
.slick-prev:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); top: 14px; left: 12px; position: absolute; }
.slick-prev:hover:before, .slick-next:hover:before { color: #fff; }

.banner-wrapper { display: table; table-layout: fixed; }
.banner-content-message h2 { color: #212121; margin: 0; }
.banner-content-message p { margin-top: 10px; color: #555; }

.slickSlide { display: block; position: relative; }

/*Slideshow Banner*/

.slideshow-banner .slick-dots { top: 0; bottom: inherit; }

    /*.slideshow-banner .slick-dots li button:before { font-family: Arial; font-size: 16px; line-height: 20px; position: absolute; top: 0; left: 0; width: auto; height: 30px; content: inherit ; text-align: center; opacity: 1; color: #111; }*/
    .slideshow-banner .slick-dots li button:before { content: none; color: #111; }

    .slideshow-banner .slick-dots li { width: auto; height: 30px; margin: 5px; }
        .slideshow-banner .slick-dots li.slick-active { border: 2px solid #003676; border-radius: 24px; }
            .slideshow-banner .slick-dots li.slick-active button { background: none; }

        .slideshow-banner .slick-dots li button { width: auto; height: 30px; padding: 5px; border: none; font-size: 16px; color: #111; }
.sb-progress-bar-wrapper:last-child > .progress { margin-bottom: 0; }

.box-center img { margin: 0 auto; }

.full-banner-img-center .banner-wrapper, .full-banner-img-center-bottom .banner-wrapper{ width: 100%; }

/*Banner*/
/*Desktop*/
@media (min-width:1000px) {
    .slick-slider { margin-bottom: 0px; height: 500px; }

    .banner-wrapper { height: 500px; }

    .banner-content-message h2 { font-size: 36px; line-height: 42px; }
    .banner-content-message p { font-size: 17px; line-height: 22px; }
    .banner-img { display: table-cell; vertical-align: middle; /*width: 50%;*/ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

    .banner-content-message { position: absolute; max-width: 450px; background-color: #fff; border: 1px solid #d4d4d4; padding: 40px; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 15; }
        .banner-content-message.box-left { left: 50px; }
        .banner-content-message.box-right { right: 50px; }

    .banner-img.box-left { left: 0; }
    .banner-img.box-right { right: 0; }

    /*Full banner image center*/

    .full-banner-img-center .banner-img, .full-banner-img-center-bottom .banner-img { display: block; vertical-align: middle; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
    .full-banner-img-center .banner-content-message, .full-banner-img-center-bottom .banner-content-message { position: relative; background: none; border: none; max-width: 100%; padding: 30px; text-align: center; top: 0; -webkit-transform: translatey(0%); -ms-transform: translatey(0%); transform: translatey(0%); }


    .slick-prev { left: -24px; z-index: 19; }
    .slick-next { right: -24px; z-index: 19; }
    /*.banner-content-message { position: absolute; max-width: 450px; background-color: #fff; border: 1px solid #d4d4d4; padding: 30px; text-align: center; margin-left: auto; margin-right: auto;left:-50px;top: 50% ; -webkit-transform: translateY(-50%) ; -ms-transform: translateY(-50%) ; transform: translateY(-50%) ; }*/
}
@media (min-width:1000px) and (max-width:1239px){
    .banner-content-message {  max-width: 350px; }
    .home-banner .banner-content-message {  max-width: 450px; }
}
/*Tablet*/
@media (min-width: 640px) and (max-width: 999px) {
    /*.banner .container { padding-right: 40px; padding-left: 40px; }*/
    .slick-slider { margin-bottom: 0px; /*height: 325px;*/ }
    .banner-wrapper { height: 325px; }

    .banner-img img { width: auto; height: 325px; }
    .slider-for .banner-img img { width: auto; height: 270px; vertical-align: middle; }

    .banner-content-message h2 { font-size: 24px; line-height: 26px; }
    .banner-content-message p { font-size: 14px; }
    .banner-img { display: table-cell; vertical-align: middle; /*width: 50%;*/ position: absolute; }
    /*.banner-content-message { position: absolute; max-width: 450px; background-color: #fff; border: 1px solid #d4d4d4; padding: 30px; text-align: center; margin-left: auto; margin-right: auto; left: -50px; top: 50% ; -webkit-transform: translateY(-50%) ; -ms-transform: translateY(-50%) ; transform: translateY(-50%) ; }*/

    .full-banner-img-center .banner-img, .full-banner-img-center-bottom .banner-img { display: block; vertical-align: middle; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; height: auto; }
    .full-banner-img-center .banner-content-message, .full-banner-img-center-bottom .banner-content-message { position: relative; background: none; border: none; max-width: 100%; padding: 30px; text-align: center; top: 0; -webkit-transform: translatey(0%); -ms-transform: translatey(0%); transform: translatey(0%); }


   
    .banner-content-message { position: absolute; max-width: 300px; background-color: #fff; margin-left: auto; margin-right: 0; border: 1px solid #d4d4d4; padding: 40px; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 99; }
        .banner-content-message.box-left { left: 0; }
        .banner-content-message.box-right { right: 0; }

    .banner-img.box-left { left: 0; }
    .banner-img.box-right { right: 0; }

    .slick-prev { left: -30px; z-index: 19; }
    .slick-next { right: -30px; z-index: 19; }
    .slick-prev, .slick-next { box-shadow: none; }

    .slider-for .slick-prev { left: 0px; z-index: 19; }
    .slider-for .slick-next { right: 0px; z-index: 19; }
}
/*Mobile*/
@media (max-width:639px) {
    .banner-wrapper { height: 325px; margin: 0 auto; display: block; }
    .tab-content .banner-wrapper { height: 325px; }
    .home-banner .slick-slide { height: 375px; }
    .slick-slide { height: 325px; }
    .banner-content-message h2 { letter-spacing: -.4px; font-size: 20px; text-align: center; font-weight: 500; }
    .banner-content-message p { font-size: 14px; }
    /*.banner-content-message { max-width: 400px; margin: 30px auto 0; line-height: 1.5; }*/
    
     
    
    .full-banner-img-center .banner-content-message, .full-banner-img-center-bottom .banner-content-message { position: relative; background: none; border: none; max-width: 100%; padding: 20px; text-align: center; top: 0; -webkit-transform: translatey(0%); -ms-transform: translatey(0%); transform: translatey(0%); }


    
    .banner-img img { display: block; max-width: 100%; height: auto; }
    .banner-content-message h2 { letter-spacing: -.4px; font-size: 20px; text-align: center; font-weight: 500;line-height:22px; }
    .banner-content-message p { font-size: 14px; }
    .banner-content-message { max-width: 400px;  line-height: 1.5; text-align: center; }
      .banner-content-message { margin: 0 auto; padding: 20px  0px; }
      .tab-content  .banner-content-message {padding:0;}
        .banner-content-message.white-box { max-width: 250px; background-color: #fff; margin-left: auto; margin-right: auto; margin-top: 30px; border: 1px solid #d4d4d4; padding: 10px; text-align: center; z-index: 99; }

    .slick-prev, .slick-next { box-shadow: none; }
    .slick-prev { left: -10px; z-index: 99; }
    .slick-next { right: -10px; z-index: 99; }

   
}


@media (max-width:359px) {
    .banner-wrapper-other { height: 242px; }
    .full-banner-img-center .banner-img img { max-width: 280px !important;  }
    .banner-img img { display: block; max-width: 100%; height: auto;margin:0 auto;  }
}

@media (min-width:360px) and (max-width:479px) {
    .banner-wrapper-other { height: 275px; }
    .banner-img img { display: block; max-width: 80%; height: auto;margin:0 auto;  }
}

@media (max-width:479px) {
    /*.banner-img img { height: 200px; }*/
    .full-banner-img-center .banner-img img { display: block; max-width: 300px; height: auto; margin:0 auto }
    .home-banner .banner-img img { display: block; max-width: 180px; height: auto; margin:20px auto 25px}
    
    .banner-img { bottom: 0; /*height: 200px;*/ margin: 0 auto; position: absolute;  }
    .full-banner-img-center .banner-img { bottom: 20px; /*height: 200px;*/ margin: 0 auto; position: relative;  }
   .home-banner .banner-img { bottom: 0; margin: 0 auto; position: absolute; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
     
}
@media (min-width:480px) and (max-width:519px){
    .banner-img img { display: block; max-width: 80%; height: auto;margin:0 auto;  }
}
@media (min-width:520px) and (max-width:639px){
    .banner-img img { display: block; max-width: 50%; height: auto;margin:0 auto;  }
}
@media (min-width:480px)and (max-width:639px) {
     
    .banner-img { bottom: 0; /*height: 200px;*/ margin: 0 auto; position: absolute;}
    .full-banner-img-center .banner-img img, .full-banner-img-center-bottom .banner-img img { display: block; max-width: 90%; height: auto; margin:0 auto }
    .full-banner-img-center .banner-img, .full-banner-img-center-bottom .banner-img{ display: block; vertical-align: middle; position: absolute; bottom: 0 !important;}
}
@media (max-width:999px) {
    .generic-banner .slick-prev, .generic-banner .slick-next, .slideshow-banner .slick-prev, .slideshow-banner .slick-next { background: none; box-shadow: none; }
    .slick-prev:before, .slick-next:before { color: #0e5ba1; }
    .slick-prev, .slick-next { opacity: 1; }
    .slick-prev, .slick-next { width: 50px; height: 50px; background-color: transparent; }
        .slick-prev:hover, .slick-next:hover { background-color: transparent; box-shadow: 0 0 0 8px transparent; }
        .slick-prev:focus, .slick-next:focus, .slick-next:focus:before, .slick-prev:focus:before { background: none; color: none; }

         .home-banner .banner-content-message h2{font-size:19px;}
    .home-banner .banner-content-message p{font-size:13px;}
    .home-banner .btn-default{font-size:13px; padding-left:20px; padding-right:20px;}
}


/*Serge*/
/*Internet_Why Bell*/
.slider-nav { max-width: 520px; height: 50px; margin: auto; margin-bottom: -50px; z-index: 500; }

    .slider-nav .slick-track { height: 60px; }

.div-slider-nav { height: 40px; margin-right: 1px !important; margin-left: auto; margin-right: auto; display: inline; outline: 0;}

.p-slider-nav { max-width: 150px; color: #003778; background-color: transparent; font-size: 18px; padding: 7px 0; text-align: center; cursor: pointer; margin: 0 auto; }

.active-div-slider-nav .p-slider-nav { border: 2px solid #003778; border-radius: 24px; }

.slider-for { max-width: 1200px; margin: auto; }

    .slider-for .banner-wrapper { margin: auto; }

    .slider-for .banner-wrapper-content { width: 90%; }

    .slider-for .banner-content-message { right: 60px; width: 100%; }

    /*.slider-for .banner-img img { margin-left: 20px; }*/

.sb-row { margin-left: 0; margin-bottom: 20px; }

    .sb-row h3, .sb-row h2 { margin-left: 20px; text-align: left; margin-top: 0px; margin-bottom: 5px; }
    .sb-row h3 { color: #111111; }
    .sb-row h2 { color: #00549A; }

.slider-for .progress { border-radius: 0; height: 10px; }

.slider-for .progress-bar { background-color: #00549a; }

.sb-internet-speed, .sb-internet-time { color: #111111; display: inline-block; margin-bottom: 6px; }


#sb-250mbps { transition-duration: 1s; }

#sb-50mbps { transition-duration: 2s; }

#sb-10mbps { transition-duration: 4s; }



/*Fibe TV_Why Bell*/

.ftv-whybell-topslider .slick-slide { height: 500px; }

.tv-slider-nav { height: 85px; }

.tv-div-slider-nav { height: 75px; cursor: pointer; background-color: #003778; border-top: 10px solid #e1e1e1;outline:0; }

.active-tv-div-slider-nav { height: 75px; background-color: #00549a; border-top: 10px solid #00549a; position: relative; }

    .active-tv-div-slider-nav .tv-p-slider-nav { opacity: 1; }

    .active-tv-div-slider-nav:not(:last-of-type)::before { content: ""; position: absolute; width: 10px; top: 0; right: -10px; height: 100%; background: linear-gradient(97deg, #04225e 45%, rgba(4,34,94,0) 50%, rgba(4,34,94,0) 100%); opacity: 1; }

.tv-div-slider-nav:not(:last-of-type) .tv-p-slider-nav { border-right: 1px solid #111111; }

.tv-p-slider-nav { padding: 25px 10px 25px; opacity: 0.8; }

    .tv-p-slider-nav:hover { opacity: 1; }

.tv-slider-for { margin-top: -10px; }

    .tv-slider-for .text-and-image { padding-left: 20px; padding-right: 20px; }

    .tv-slider-for p { margin-top: 10px; }

    .tv-slider-for i { /*float: left;*/ padding-right: 20px; }

    .tv-slider-for .icon-play-icon { color: #fff; float: none; }

.vert-flex { display: flex; align-items: center; display: -webkit-flex;}

.bgBlue-glow { background: #00549a; /* For browsers that do not support gradients */ background: -webkit-radial-gradient(farthest-corner at 120px 250px, #449ae2 -40%, #00549a 60%); /* Safari 5.1-6.0 */ background: -o-radial-gradient(farthest-corner at 120px 250px, #449ae2 -40%, #00549a 60%); /* For Opera 11.6-12.0 */ background: -moz-radial-gradient(farthest-corner at 120px 250px, #449ae2 -40%, #00549a 60%); /* For Firefox 3.6-15 */ background: radial-gradient(farthest-corner at 120px 250px, #fff -40%, #00549a 60%); /* Standard syntax 449ae2*/ }

.text-below-slider-image { position: absolute; top: 80%; }

/* Sliders Prev and Next buttons*/

.ftv-whybell-topslider .slick-prev, .ftv-whybell-topslider .slick-next { top: inherit; opacity: 1; color: #fff; background-color: #b2b2b2; box-shadow: none; }

.ftv-whybell-topslider .slick-prev { left: initial; }

.ftv-whybell-topslider .slick-next { right: 0; }

    .ftv-whybell-topslider .slick-prev::before, .ftv-whybell-topslider .slick-next::before { color: inherit; }

    .ftv-whybell-topslider .slick-prev:hover, .ftv-whybell-topslider .slick-next:hover { background-color: #003778; }

    .ftv-whybell-topslider .slick-prev:focus, .ftv-whybell-topslider .slick-next:focus { background-color: #003778; }

.tv-slider-for .slick-prev, .tv-slider-for .slick-next { opacity: 1; /*top: inherit;*/ }

    .tv-slider-for .slick-prev:focus, .tv-slider-for .slick-next:focus { background-color: #003778; }

    .tv-slider-for .slick-prev::before:focus, .tv-slider-for .slick-next::before:focus { color: #fff; }

@media (min-width: 1000px) {
    /*.p-after-icon { margin-left: 20px; }*/
    .stv-whybell-top-banner-text { max-width: 500px; /*left: 55%;*/ }
}

@media (min-width: 520px) {
    .slider-for ul.slick-dots { display: none!important; }
}

@media (min-width: 520px) and (max-width: 999px) {


    .bgBlue-glow { background: #00549a; /* For browsers that do not support gradients */ background: -webkit-radial-gradient(farthest-corner at 150px 200px, #449ae2 -10%, #00549a 20%); /* Safari 5.1-6.0 */ background: -o-radial-gradient(farthest-corner at 150px 200px, #449ae2 -10%, #00549a 20%); /* For Opera 11.6-12.0 */ background: -moz-radial-gradient(farthest-corner at 150px 200px, #449ae2 -10%, #00549a 20%); /* For Firefox 3.6-15 */ background: radial-gradient(farthest-corner at 150px 200px, #449ae2 -10%, #00549a 20%); /* Standard syntax */ }

    .tv-slider-for .slick-prev, .tv-slider-for .slick-next { background-color: #fff; box-shadow: 0 0 0 6px #e1e1e1; }

    .tv-slider-for .slick-prev { left: -24px; }

    .tv-slider-for .slick-next { right: -24px; }

        .tv-slider-for .slick-prev:hover, .tv-slider-for .slick-next:hover, .tv-slider-for .slick-prev:focus, .tv-slider-for .slick-next:focus { background-color: #003778; }
    .stv-whybell-top-banner-text { padding-top: 0; }
}

@media (max-width:999px) {

    .slider-nav { background-color: #003778; max-width: 999px; margin-bottom: 20px; }

    .div-slider-nav { width: 100% !important; }

    .p-slider-nav { padding-top: 10px; color: #fff; width: 100%; margin: auto; }

    .active-nav-slide { width: 100%; border-radius: 0; display: block; }

    .div-slider-nav.slick-slide { display: none; }

        .div-slider-nav.slick-slide.active-div-slider-nav { width: 100% !important; display: block !important; margin: auto; }

    /*.slider-for .banner-wrapper { width: 70%; }*/

    .slider-for .banner-content-message { right: 5%; width: 100%; }

    .tv-p-slider-nav { font-size: 20px;font-family:"bellslimregular", Helvetica, Arial, sans-serif; }

    .tv-div-slider-nav.slick-slide { display: none; }

        .tv-div-slider-nav.slick-slide.active-tv-div-slider-nav { width: 100% !important; display: block; background-color: #003778; border-top: 0; }

    .tv-slider-for .slick-slide { height: 100% !important; }

    .tv-slider-for.slick-slider { height: 750px; }

    .tv-div-slider-for { padding-left: 30px !important; padding-right: 30px !important; }

    .ftv-whybell-topslider img { padding: 0 30px 20px; }
}

@media (max-width:639px) {
    .slider-nav { margin-bottom: 0px; }

    .slider-for .banner-wrapper { display: block; }
    .slider-for .banner-content-message { width: 250px; margin: 20px auto 0; }
    .slider-for .slick-dots { display: block; }
        .slider-for .slick-dots li button { border-color: #00549a; opacity: 1; }
        .slider-for .slick-dots li.slick-active button { background: #00549a; }

    .slider-for .slick-slide { height: 375px; }
    .bgBlue-glow { background: #00549a; /* For browsers that do not support gradients */ background: -webkit-radial-gradient(farthest-corner at 50px 120px, #449ae2 -10%, #00549a 20%); /* Safari 5.1-6.0 */ background: -o-radial-gradient(farthest-corner at 50px 120px, #449ae2 -10%, #00549a 20%); /* For Opera 11.6-12.0 */ background: -moz-radial-gradient(farthest-corner at 50px 120px, #449ae2 -10%, #00549a 20%); /* For Firefox 3.6-15 */ background: radial-gradient(farthest-corner at 50px 120px, #449ae2 -10%, #00549a 20%); /* Standard syntax */ }
}


@media (max-width:519px) {

    /*.slider-for .banner-img { height: 275px; }*/
    .tv-slider-nav, .tv-slider-for { margin-left: -15px; margin-right: -15px; }

        .tv-slider-for .slick-prev:focus, .tv-slider-for .slick-next:focus { background-color: initial; }

        .tv-slider-for .slick-prev::before, .tv-slider-for .slick-next::before { color: #fff; }

    .stv-whybell-top-banner-text { padding: 0 10px 20px; margin-top: 30px; }

}