@charset "utf-8";
body {font-family: 'Open Sans'; color: #1d2329; margin:0px; }
:focus {outline: 0px; }
#map_inner > div:nth-child(2) > svg > text > tspan {display: none !important;}
a { color: #0e44c4; text-decoration: none;}
.form-control:focus { box-shadow: unset; }

/*Default Style*/
section { padding: 50px 0; position: relative; overflow: hidden; width: 100%;}
p{color:#1d2329; font-size:16px; margin-bottom:10px; font-weight: 400;}
strong{font-weight: 700;}
h2{font-size:30px; color:#1d2329; font-weight: 600; margin: 0 0 20px 0; }
p.main-paragraph{color:#1d2329; font-size:16px; line-height: 25px; text-align:center; margin-bottom:10px;}
p.main-paragraph{width:80%; margin:15px auto 10px;}
.modal p{text-align: left;}
h2.main-heading{font-size:30px; color:#1d2329; text-align:center; font-weight: 600; margin: 0 0 20px 0; }
li{font-size: 16px; color:#1d2329; font-weight: 400;}
small{font-size: 10px; font-weight: 400; display: inline-block; line-height: 16px;}
.bg-white{ background: #ffffff;}
.bg-gray {background: #f2f2f2;}
.bg-black {background: #1d2329; color: #ffffff;}
.bg-blue {background: #0057B8;}
.container-box {width: 90%; margin: 0 auto;}
.btn.focus, .btn:focus{outline: none; box-shadow:unset;}
.btn-modal { font-size:16px; font-weight:600; color: #ffffff; background: #1d2329; padding: 10px 30px; border-radius: 4px;}
.btn-tfn:hover, .btn-modal:hover {color: #ffffff;}
.btn-tfn {font-size:16px; font-weight:600; color: #fff; background: #0057B8; padding: 10px 30px; border-radius: 4px;}
.btn:hover{color: #fff;}
.modal {z-index: 99999999;}
.underline{text-decoration:underline;}
.check:before{content: "\2713"; color: #0057B8; font-weight: 700; font-size: 24px;}
.cross:before{content: "\2716"; color: #f30025; font-weight: 700; font-size: 24px;}

.disclaimer-text{ font-size: 12px !important; line-height: 20px; }

.scroll-margin-top { scroll-margin-top: 100px; }

.dsk-h {display: block;}
.dsk-show {display: block;}
.mbl-show {display: none;}

.btn-href { color: #fdd746; padding: 0; background: transparent; border: none; }
.btn-href:hover { text-decoration: underline; color: #fff; }
.btn-href:focus { outline: unset; }

.tfn-dsk-show {display: inline-block;}
.tfn-mbl-show {display: none;}

.table-height {max-height: 540px; overflow: auto; border: 2px solid #1d2329; border-radius: 5px; position: relative;}

.dropdown-menu {padding: 0; box-shadow: 0 0 15px -8px rgba(0, 0, 0, 0.7); border: none;}
.dropdown-item {border-bottom: 1px solid #E0E0E0; padding: 10px; border-top: 0; border-top: 0; border-right: 0; border-left: 0;}
.dropdown-item:last-child {border-bottom: 0px solid #E0E0E0;}
.dropdown-item:focus, .dropdown-item:hover {background: #0057B8; color: #fff;}

.header-logo-sec {padding: 15px 0 10px 0; background: #fff;}
.header-logo-sec img{ max-height: 60px; }
.header-logo-sec .header-tfn .tfn-h{ font-size: 20px; font-weight: 400; color: #212121; margin: 0 0 10px 0;}
.header-logo-sec .header-tfn .tfn a{ font-size: 24px; font-weight: 600; color:#fff; background: #0057B8; padding: 5px 15px; border-radius: 5px;}
.header-logo-sec .header-tfn .tfn a:hover { background: #212121; text-decoration: none;}

header { padding: 0; background: #ffffff; position:relative; width: 100%; box-shadow: 0 0 15px -8px rgba(0, 0, 0, 0.7); z-index: 1;}
header .navbar { padding: 0px;}
header .navbar-light .navbar-nav .nav-link {padding: 15px 20px; margin: 0 5px; color: #1d2329 !important; font-size:14px; font-weight: 500; text-align: center; }
header .navbar-light .navbar-nav li:hover > .dropdown-menu { display: block; }
header .navbar-light .navbar-nav .nav-icon {display: block; text-align: center;}
header .navbar-light .navbar-nav .nav-icon img { max-height: 27px; }
header .custom-nav{ border-top: 1px solid #E0E0E0 !important; }

/*topbar*/
.fixed-tfn {position:fixed; top: 0; left: 0; right: 0; z-index:99999999999;}
.fixed-top {visibility: hidden;}
.tfn-show { visibility: visible; width: 100%; text-align: center; background: #272727; border-bottom:4px solid #0057B8; z-index:999;}
.tfn-show .custom-padding{padding: 20px 10px;}
.tfn-show h2{font-size:24px; color: #fff; margin: 0; font-weight: 600;}
.tfn-show h3{font-size:20px;}
.tfn-show h2 a{color:#fff; background: #0057B8; border-radius: 4px; padding: 5px 20px;}
.tfn-show h2 span {display: inline-block;}
.tfn-show img{max-height: 18px;}

.topbar { position: relative; background: #f6f6f6; padding: 5px 0; text-align: right; }

/*Banner Sec Style*/
.banner-sec { padding: 50px 0; background: #f2f2f2;}
.banner-support { padding: 20px 0 0 0;}
.banner-sec h1{ font-size:30px; font-weight: 700; margin: 0 0 20px 0;}
.banner-sec h2 {font-size:24px; font-weight: 700; margin: 0 0 10px 0;}
.banner-sec h3{ color:#1d2329; font-size: 20px; font-weight: 600;}
.banner-sec h4{ color:#1d2329; font-size: 20px; font-weight: 600;}
.banner-sec p { font-size: 16px; margin: 0 0 10px 0;}
.banner-sec p a {font-size: 30px; font-weight:800; margin: 0 0 10px 0;}
.banner-sec ul { padding: 0; margin: 0 0 20px 0; list-style: none;}
.banner-sec ul li { color: #1d2329; font-size: 16px; font-weight: 400; padding: 5px 0 0 20px; position: relative;}
.banner-sec ul li:before { content: "✓"; position: absolute; left: 0; top: 5px; font-size: 16px; font-weight: 700; color: #0057B8; }
.banner-sec p small{ font-size:10px;}
.banner-sec p small strong{ font-weight:700;}
.banner-sec .price { font-size: 40px; font-weight: 800; margin: 0 0 0 0; line-height: 45px; color: #0057B8;}
.banner-sec .price span {font-size: 16px; font-weight: 600;}
.banner-sec .price .price-small { font-size: 20px; font-weight: 700; color: #272727; line-height: 16px; margin: 10px 0;}
.banner-sec .btn {font-size:16px; font-weight:600; color: #fff;}
.banner-sec ul li a {color: #0e44c4;text-decoration:underline;}

.banner-speed-sec { padding: 50px 0; background: #f2f2f2;}
.banner-speed-sec h1 { font-size: 34px; font-weight: 700; margin: 0 0 20px 0;}
.banner-speed-sec h2 { font-size: 26px; font-weight: 700; margin: 0 0 10px 0;}
.banner-speed-sec h3 { color:#1d2329; font-size: 20px; font-weight: 600;}
.banner-speed-sec h4 { color:#1d2329; font-size: 20px; font-weight: 600;}
.banner-speed-sec p { font-size: 16px; margin: 0 0 10px 0;}

.banner-availability-sec { padding: 50px 0; background: #f2f2f2;}
.banner-availability-sec h1 { font-size: 34px; font-weight: 700; margin: 0 0 20px 0;}
.banner-availability-sec h2 { font-size: 26px; font-weight: 700; margin: 0 0 10px 0;}
.banner-availability-sec h3 { color:#1d2329; font-size: 20px; font-weight: 600;}
.banner-availability-sec h4 { color:#1d2329; font-size: 20px; font-weight: 600;}
.banner-availability-sec p { font-size: 16px; margin: 0 0 10px 0;}
.banner-availability-sec .banner-btn .btn-tfn { display: inline-block; font-size:16px; font-weight:600; color: #fff; border-radius: 4px; background: #0057B8; padding: 7px 30px; text-decoration: none; margin-left: 10px; }
.banner-availability-sec .banner-btn .btn-plans { display: inline-block; font-size:16px; font-weight:600; color: #fff; border-radius: 4px; background: #212121; padding: 7px 30px; text-decoration: none; }

.availabilitymap-sec h2 { font-size: 30px; font-weight: 800; }
.availabilitymap-sec h3 { font-size: 20px; font-weight: 700; }
.availabilitymap-sec p small { font-size: 13px; font-weight: 400; margin: 0 0 0 0; }
.availabilitymap-sec .btn-tfn { margin: 10px 0 0 0; font-size: 14px; color: #fff; background: #0057B8; font-weight: 600; padding: 5px 20px; border: 0; border-radius: 4px;}
.availabilitymap-sec .btn { margin: 20px 0 0 0; font-size:18px; color: #fff; background: #0057B8; font-weight: 600; padding: 5px 20px; border: 0; border-radius: 4px;}

.visa-sec h2 { font-size: 30px; font-weight: 800; }
.visa-sec h3 { font-size: 20px; font-weight: 700; }
.visa-sec p small { font-size: 13px; font-weight: 400; margin: 0; }
.visa-sec .btn-tfn { margin: 10px 0 0 0; font-size: 14px; color: #fff; background: #0057B8; font-weight: 600; padding: 5px 20px; border: 0; border-radius: 4px;}
.visa-sec .btn { margin: 20px 0 0 0; font-size:18px; color: #fff; background: #0057B8; font-weight: 600; padding: 5px 20px; border: 0; border-radius: 4px;}

.service-sec h3{font-size: 20px; font-weight: 700; color: #1d2329; margin: 0 0 20px 0;}
.service-sec .p-2 p a { color: #0e44c4; }
.service-sec .p-2 {position: relative; background: #fff; width: 100%; border-radius: 10px; border: 2px solid #0057B8;  margin: 5px; padding: 20px !important; box-shadow: 0px 0 15px -12px rgba(0, 0, 0, 0.5);}
.service-sec .p-2 h3{font-size: 20px; font-weight: 700; color: #1d2329; margin: 0 0 30px 0; width: 80%;}
.service-sec .p-2 h4{font-size: 16px; font-weight: 600; color: #1d2329; }
.service-sec .p-2 p{ margin: 0 0 10px 0; color: #1d2329;}
.service-sec .p-2 span {position: absolute; text-align: center; border: 2px solid #0057B8; top: -2px; right: -1px; width: 70px; padding: 10px 15px; background: #0057B8; border-top-right-radius: 8px; border-bottom-left-radius: 20px;}
.new-section ul,
.service-sec ul {
    padding: 0;
    margin: 0 0 10px 0;
    list-style: none;
}
    .new-section ul li,
    .service-sec ul li {
        color: #1d2329;
        padding: 5px 0 0 20px;
        position: relative;
    }
        .new-section ul li:before,
        .service-sec ul li:before {
            content: "✓";
            position: absolute;
            left: 0;
            top: 5px;
            font-size: 16px;
            font-weight: 700;
            color: #0057B8;
        }
.new-section h3{
    font-size:22px;
    font-weight:600;
}

.new-section .btn-modal {
    background: #0057B8;
    color:#fff;
}
.black-new-sec {
    position: relative;
    overflow: hidden;
}
.new-border {
    box-shadow: 0px 0 15px -12px rgba(0, 0, 0, 0.5);
    border: 0.5px solid rgba(225, 225, 225, 0.5);
    background: #f2f2f2;
    border-radius:10px;
}
 .blaac {
        background: #000;
        text-align: center;
        color: #fff;
        border-radius:8px;
    }
.service-sec p small {
    font-size: 10px;
}

.packages-sec h3 {font-size: 20px; font-weight: 700; color: #1d2329; margin: 0 0 10px 0;}
.packages-sec .p-2 {position: relative; overflow:hidden; background: #fff; width: 100%; border-radius: 10px;  margin: 5px; padding:0 0 70px 0 !important; box-shadow: 0px 0 15px -12px rgba(0, 0, 0, 0.5); border: 0.5px solid rgba(225, 225, 225, 0.5);}
.packages-sec .p-2 .pkg-heading { padding: 15px; margin: 0; background: #1d2329; }
.packages-sec .p-2 .pkg-heading h3 { font-size: 20px; font-weight: 600; color: #fff; margin: 0 0 10px 0;}
.packages-sec .p-2 .pkg-heading p { font-size: 16px; font-weight: 500; color: #fff; margin: 0 0 0 0; padding: 0;}
.packages-sec .p-2 .pkg-box { padding: 15px; margin: 0; background: #1d2329; min-height: 60px;}
.packages-sec .p-2 .pkg-box h3 { font-size: 20px; font-weight: 600; color: #fff; margin: 0 0 10px 0;}
.packages-sec .p-2 .pkg-box p { font-size: 16px; font-weight: 500; color: #fff; margin: 0 0 0 0;}
.packages-sec .p-2 p { font-size: 16px; margin: 0 0 0 0; padding: 15px;}
.packages-sec .p-2 ul {padding: 15px; margin: 0; list-style: none;}
.packages-sec .p-2 ul li {position: relative; padding:10px 0 10px 15px; border-bottom: 1px solid #E8E8E8;}
.packages-sec .p-2 ul li:last-child {border-bottom: none;}
.packages-sec .p-2 ul li:before { content: "✓"; position: absolute; left: 0; top: 10px; font-size: 16px; font-weight: 700; color: #0057B8; }
.packages-sec .p-2 .price-box {padding: 15px; background: #fafafa; margin: 0 0 70px 0; }
.packages-sec .p-2 .price-box .price { font-size: 40px; font-weight: 800; color: #0057B8; line-height: 16px; margin: 10px 0;}
.packages-sec .p-2 .price-box .price span {font-size: 16px; font-weight: 600; }
.packages-sec .p-2 .price-box .price .price-small { font-size: 20px; font-weight: 700; color: #272727; line-height: 16px; margin: 10px 0; display: inline-block; }
.packages-sec .p-2 .price-box .price.red { color: #f30025; }
.packages-sec .p-2 .price-box .price.red span { color: #f30025; }
.packages-sec .p-2 .price-box p { padding: 0; }
.packages-sec .p-2 .tfn {position: absolute; margin: 0 auto 20px; padding:0 20px; bottom: 0; width: 100%; left: 0; right: 0; text-align: center;}
.packages-sec .p-2 .tfn a {width: 100%; margin: 5px 0; padding: 7px; font-size: 16px; border-radius: 4px; color: #fff; font-weight: 600;}
.text-decoration-line-through { text-decoration-line: line-through; }

.packages-sec .nav-tabs { position: relative; overflow: hidden; background: #f2f2f2; border: 2px solid #212121; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px; border-radius: 4px; }
.packages-sec .nav-tabs .nav-link.active { color: #fff; background: #0057B8; border-radius: 0; }
.packages-sec .nav-tabs .nav-link:hover { background: #0057B8; color: #ffffff; border-radius: 0; }
.packages-sec .nav-tabs a { width: calc(50%); text-align: center; color: #212121; font-weight: 600; font-size: 16px; border: none; }
.packages-sec .nav-tabs a { width: calc(18%); }

.home-sec .p-2{box-shadow: 0px 0 15px -12px rgba(0, 0, 0, 0.5); border: 0.5px solid rgba(225, 225, 225, 0.5); background: #f2f2f2; border-radius:10px; margin: 20px 0; padding: 0 !important; width: 100%; position:relative; overflow:hidden; display:flex;}
.home-sec .text-sec{flex-basis:60%;}
.home-sec .p-2 h3{color: #143257; font-size: 20px; font-weight: 700; margin: 0 0 20px 0;}
.home-sec .p-2 p{ text-align:left; width:100%; font-size: 16px;}
.home-sec .p-2 .text-holder {padding:30px;} 
.home-sec .bg-img {flex-basis:40%;}
.home-sec .bg-img img{width:100%; height:100%;}
.home-sec ul { margin: 0; padding: 0; list-style: none; }
.home-sec ul li { padding: 0px 5px 5px 15px; display: inline-block; position: relative; overflow: hidden;}
.home-sec ul li:before { content: "✓"; position: absolute; left: 0; top: 0px; font-size: 16px; font-weight: 700; color: #0057B8; }

.internet-sec .p-2{box-shadow: 0px 0 15px -12px rgba(0, 0, 0, 0.5); border: 0.5px solid rgba(225, 225, 225, 0.5); background: #f2f2f2; align-items: center; border-radius:10px; margin: 20px 0; padding: 0 !important; width: 100%; position:relative; overflow:hidden; display:flex;}
.internet-sec .text-sec{flex-basis:60%;}
.internet-sec .p-2 h3{color: #143257; font-size: 24px; font-weight: 700; margin: 0 0 20px 0;}
.internet-sec .p-2 p{ text-align:left; width:100%; font-size: 16px;}
.internet-sec .p-2 .text-holder {padding:30px;} 
.internet-sec .bg-img {flex-basis:40%;}
.internet-sec .bg-img img{width:100%; height:100%;}
.internet-sec ul { margin: 0; padding: 0; list-style: none; }
.internet-sec ul li { padding: 0px 5px 5px 15px; display: inline-block; position: relative; overflow: hidden;}
.internet-sec ul li:before { content: "✓"; position: absolute; left: 0; top: 0px; font-size: 16px; font-weight: 700; color: #0057B8; }

.bundles-sec .d-flex .p-2 {box-shadow: 0px 0 15px -12px rgba(0, 0, 0, 0.5); border: 0.5px solid rgba(225, 225, 225, 0.5); background: #f2f2f2; border-radius:10px; margin: 10px; padding: 20px !important; width: 100%; position:relative; overflow:hidden; display: block;}
.bundles-sec .p-2{box-shadow: 0px 0 15px -12px rgba(0, 0, 0, 0.5); border: 0.5px solid rgba(225, 225, 225, 0.5); background: #f2f2f2; border-radius:10px; margin: 20px 0; padding: 0 !important; width: 100%; position:relative; overflow:hidden; display:flex;}
.bundles-sec .text-sec{flex-basis:60%;}
.bundles-sec .p-2 h3{color: #143257; font-size: 20px; font-weight: 600; margin: 0 0 20px 0;}
.bundles-sec .p-2 p{ text-align:left; width:100%; font-size: 16px;}
.bundles-sec .p-2 .text-holder {padding:30px;} 
.bundles-sec .bg-img {flex-basis:40%;}
.bundles-sec .bg-img img{width:100%; height:100%;}
.bundles-sec ul { margin: 0; padding: 0; list-style: none; }
.bundles-sec ul li { padding: 0px 5px 5px 15px; display: inline-block; position: relative; overflow: hidden;}
.bundles-sec ul li:before { content: "✓"; position: absolute; left: 0; top: 0px; font-size: 16px; font-weight: 700; color: #0057B8; }

.orderonline-sec {text-align: center; background: #0057B8;}
.orderonline-sec .bg-img {position: absolute; width: 100%; top: 0; left: 0; z-index: 0;}
.orderonline-sec .content-box { position: relative; z-index: 1;}
.orderonline-sec h2{font-size: 30px; color:#ffffff; font-weight: 600; margin: 0 0 20px 0;}
.orderonline-sec h3{font-size:20px; color:#ffffff; font-weight: 500; margin: 0 0 20px 0;}
.orderonline-sec p{font-size: 18px; color:#fff; font-weight: 400; margin-bottom: 10px;}
.orderonline-sec a.btn{margin: 20px 0 0 0; font-size:20px; color: #fff; background: #212121; font-weight: 600; padding: 10px 30px; border-radius: 4px;}

.tfn-sec {text-align: center; background: #0057B8;}
.tfn-sec .bg-img {position: absolute; width: 100%; top: 0; left: 0; z-index: 0;}
.tfn-sec .content-box { position: relative; z-index: 1;}
.tfn-sec h2{font-size: 30px; color:#ffffff; font-weight: 600; margin: 0 0 20px 0;}
.tfn-sec h3{font-size:20px; color:#ffffff; font-weight: 500; margin: 0 0 20px 0;}
.tfn-sec p{font-size: 20px; color:#fff; font-weight: 600; margin-bottom: 10px;}
.tfn-sec a{ color: #fff; }

.atticon-sec .att-icon { display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; justify-content: center; text-align: center;}
.atticon-sec .att-icon .icon-tiles { flex-basis: 16%; flex-wrap: wrap;}
.atticon-sec .att-icon span{ display: inline-block; padding: 20px; border-radius: 5px; background: #fff;  box-shadow: 0px 0 25px 0px rgba(0, 0, 0, 0.09);}
.atticon-sec .att-icon .icon-tiles p { font-size: 16px; font-weight: 600; margin: 20px 0 30px 0; color: #0057B8;}
.atticon-sec .att-icon .icon-tiles a { color: #0057B8;}
.atticon-sec h3 { font-size:20px; color:#1d2329; font-weight: 600; margin: 20px 0;}

.customer-sec .container-box {width: 60%; margin: 0 auto;}
.customer-sec .p-2 {position: relative; overflow:hidden; width: 100%; border-radius: 10px; margin: 15px; padding: 0 !important; background: #fff; box-shadow: 0px 0 15px -12px rgba(0, 0, 0, 0.5); border: 0.5px solid rgba(225, 225, 225, 0.5);}
.customer-sec .p-2 .img-box {text-align: center; padding: 20px; background: #fafafa;}
.customer-sec .p-2 h3 { font-size:20px; color: #fff; background: #0057B8; padding: 20px; min-height: 100px; font-weight: 500; }
.customer-sec .p-2 .text-box {padding: 20px;}
.customer-sec .p-2 .text-box ul {padding: 0; margin: 0;list-style: none; }
.customer-sec .p-2 .text-box ul li { color: #1d2329;  padding: 5px 0 0 20px; position: relative;}
.customer-sec .p-2 .text-box ul li:before { content: "✓"; position: absolute; left: 0; top: 5px; font-size: 16px; font-weight: 700; color: #0057B8; }

.minipackages-sec h3 {font-size: 20px; font-weight: 700; color: #1d2329; margin: 0 0 10px 0;}
.minipackages-sec .box { position: relative; margin: 10px; border-radius: 5px; background: #fff; width: 100%; overflow: hidden; padding: 20px; box-shadow: 0px 0 15px -12px rgba(0, 0, 0, 0.5); border: 0.5px solid rgba(225, 225, 225, 0.5);}
.minipackages-sec .d-flex {justify-content: center;}
.minipackages-sec .p-2 { display: flex; flex-direction: column; justify-content: center; position: relative; margin: 10px; border-radius: 5px; background: #fff; width: 40%; overflow: hidden; padding: 0 !important; border: 1px solid #fafafa;}
.minipackages-sec .p-2 .pkg-heading { padding: 15px; margin: 0; background: #1d2329; min-height: 100px;}
.minipackages-sec .p-2 .pkg-heading h3 { font-size: 20px; font-weight: 600; color: #fff; margin: 0 0 10px 0;}
.minipackages-sec .p-2 .pkg-heading p { font-size: 16px; font-weight: 500; color: #fff; margin: 0 0 0 0;}
.minipackages-sec .p-2 ul {padding: 15px; margin: 0; list-style: none;}
.minipackages-sec .p-2 ul li {position: relative; padding:10px 0 10px 15px; border-bottom: 1px solid #E8E8E8;}
.minipackages-sec .p-2 ul li:last-child {border-bottom: none;}
.minipackages-sec .p-2 ul li:before { content: "✓"; position: absolute; left: 0; top: 10px; font-size: 16px; font-weight: 700; color: #0057B8; }
.minipackages-sec .p-2 .price-box {padding: 15px; background: #fafafa; margin: 0 0 140px 0;}
.minipackages-sec .p-2 .price-box .price { font-size: 40px; font-weight: 800; color: #0057B8; line-height: 20px; margin: 10px 0;}
.minipackages-sec .p-2 .price-box .price span {font-size: 16px; font-weight: 600;}
.minipackages-sec .p-2 .tfn {position: absolute; margin: 0 auto 20px; padding:0 20px; bottom: 0; width: 100%; left: 0; right: 0; text-align: center;}
.minipackages-sec .p-2 .tfn a {width: 100%; margin: 5px 0; padding: 7px; font-size: 16px; border-radius: 4px; font-weight: 600; color: #fff;}

.table-sec .serch{width: 288px; float:right;}
.table-sec .form-control:focus {color: #495057; background: #fff; border-color: #ced4da; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,0);}
.table-sec .thead-dark th {vertical-align: middle; }
.table-sec .table-bordered td, .table-bordered th {vertical-align: middle; }
.table-sec ul {padding: 0; margin: 0; list-style: none;}
.table-sec ul li { color: #1d2329;  padding: 5px 0 0 20px; position: relative;}
.table-sec ul li:before { content: "✓"; position: absolute; left: 0; top: 5px; font-size: 16px; font-weight: 700; color: #0057B8; }
.table-sec .table thead tr th { background-color: #0057B8; color: #ffffff; border-color: #ffffff; font-weight: 700; }
.table-sec .table .price {font-size: 30px; font-weight: 700; line-height:0; color: #0057B8;}
.table-sec .table .price span{font-size: 16px; font-weight: 500;}
.table-sec .table .btn {font-size: 12px; margin: 10px 0 0 0;}
.table-sec .table .btn-modal { display: inline-block; margin-top: 10px; font-size: 12px; font-weight: 600; text-decoration: underline; color: #0057B8; background: unset; padding: 0; border: 0; border-radius: 0;}
.table-sec .table .btn-tfn { font-size: 14px; font-weight: 400; color: #fff; background: #0057B8; padding: 8px 20px; border-radius: 4px;}

.sticky-table { border: solid 1px #ddd; border-collapse: separate; border-spacing: 0; width: 100%;}
.sticky-table thead th { background-color: #143257; color: #fff; font-weight: 400; padding: 16px 12px; text-align: left; font-size: 16px; border-bottom: solid 1px #26595d;}
.sticky-table tbody td { border-bottom: solid 1px #ddd; color: #333; padding: 12px 10px; font-size: 16px; border-right: solid 1px #ddd;}
.sticky-table tbody tr:last-child td { border-bottom: none;}
.sticky-table tbody tr td:last-child, .sticky-table thead tr th:last-child { border-right: none;}
.sticky-wrapper { position: relative; margin-bottom: 5px;}
.sticky-scroller { overflow-x: scroll; overflow-y: visible; padding-bottom: 5px; width: 100%;}
.sticky-table thead th.sticky-col.bg-cell { background: #143257; font-size: 16px; color: #fff; border: 0}
.sticky-table .sticky-col { font-weight: 700; z-index: 1; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; border-left: solid 1px #ddd; left: 0; position: sticky; top: auto; background: #f9f9f9; color: #333; font-size: 16px; padding-left: 10px;}
.sticky-table tr td a { color: #0e44c4; text-shadow: 1px 1px 1px #efefef; font-size: 16px; text-decoration: none;}
.sticky-table tr td .fa-check { color: #63C642; font-size: 16px;}

.saving-sec h3 {font-size:20px; color:#1d2329; font-weight: 600; margin: 0 0 10px 0;}
.saving-sec p a { color:#0e44c4; }
.saving-sec ul {padding: 0;margin: 0 0 10px 0;list-style: none;}
.saving-sec ul li { color: #1d2329;  padding: 5px 0 0 20px; position: relative;}
.saving-sec ul li:before { content: "✓"; position: absolute; left: 0; top: 5px; font-size: 16px; font-weight: 700; color: #0057B8; }

.customer-services .customer-services-sec{border: 4px solid #143257; border-radius: 10px; position: relative; overflow: hidden;}
.customer-services .customer-services-cont{display: flex;padding:0 15px; background: #fff; border-bottom: 2px #eee solid; align-items:center; justify-content:center; width:100%;}
.customer-services .customer-services-cont .service-h{width:25%; padding:15px;}
.customer-services .customer-services-cont .service-h h3{font-size: 18px; font-weight: 600;}
.customer-services .customer-services-cont .service-info h3{font-size:18px;}
.customer-services .customer-services-cont .service-info{width:75%; padding:15px; border-left: 2px #eee solid; font-size:14px;}
.customer-services .customer-services-cont .service-info h4{font-size:16px; color:#143257;}
.customer-services .customer-services-cont ul{position: relative; overflow: hidden; padding: 0; margin: 0 0 10px 0; list-style: none;}
.customer-services .customer-services-cont ul li{position: relative; overflow: hidden; color: #555; font-size: 16px; padding-top: 10px; padding-left: 20px; padding-right: 20px;}
.customer-services .customer-services-cont ul li:before { content: "✓"; position: absolute; left: 0; top: 10px; font-size: 16px; font-weight: 700; color: #0057B8; }

.programming-sec .p-2 {position: relative; overflow:hidden; background: #fff; width: 100%; border-radius: 10px;  margin: 10px; padding: 20px !important; box-shadow: 0px 0 15px -12px rgba(0, 0, 0, 0.5); border: 0.5px solid rgba(225, 225, 225, 0.5);}
.programming-sec .p-2 h3{font-size: 18px; font-weight: 600; color: #1d2329; margin: 0 0 10px 0;}
.programming-sec .packages_box { margin:70px 0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%;}
.programming-sec .packages_box h3{color:#1d2329; font-size:24px; font-weight:500; padding: 0 0 10px 0;}
.programming-sec .packages_box .text_cont{-webkit-box-shadow: 0 3px 10px 7px #eee; box-shadow: 0 3px 10px 7px #eee; background: #fff; border-radius: 15px;padding: 25px; flex-basis:60%;}
.programming-sec .packages_box .img-side{flex-basis:40%; position:relative; left:-30px; z-index:555;}
.programming-sec .packages_box .img-side img{max-width:150%; height:auto;}
.programming-sec .packages_box .img-side.right{flex-basis:40%; position:relative; right:-15px; z-index:555; left:auto;}
.programming-sec ul { padding: 0; margin: 0; list-style: none;}
.programming-sec ul li { color: #1d2329; padding: 5px 0 0 20px; position: relative;}
.programming-sec ul li:before { content: "✓"; position: absolute; left: 0; top: 10px; font-size: 16px; font-weight: 700; color: #0057B8; }

.phoneicon-sec h3{color:#1d2329; font-size:24px; font-weight:500; margin: 20px 0;}
.phoneicon-sec .phone-flex h3{color:#1d2329; font-size:16px; font-weight:500; margin: 0;}
.phoneicon-sec .phone-flex { padding: 0; display: flex; flex-wrap: wrap; width: 100%;}
.phoneicon-sec .phone-icons { padding: 15px;  border-radius: 15px; flex-basis: 19%; margin: 7px 5px; flex-wrap: wrap; position: relative; overflow: hidden; -webkit-box-shadow: 0 2px 2px 3px #eee; box-shadow: 0 2px 2px 3px #eee; background: #fbfbfb;}
.phoneicon-sec .phone-icons img{margin: 0 0 20px 0;}
.phoneicon-sec ul {padding: 0; margin: 0; list-style: none;}
.phoneicon-sec ul li { color: #1d2329; padding: 5px 0 0 20px; position: relative;}
.phoneicon-sec ul li:before { content: "✓"; position: absolute; left: 0; top: 10px; font-size: 16px; font-weight: 700; color: #0057B8; }

.cta-sec {padding: 0;}
.cta-sec .p-2 {position: relative; overflow:hidden; width: 100%; text-align:center; margin: 0; padding: 45px 70px !important; display: flex; flex-direction: column; justify-content: center;}
.cta-sec .p-2.bundles{background: #1d2329;}
.cta-sec .p-2.bundles:before{content: ""; position: absolute; left: 10px; top: 0; background: url(https://ik.imagekit.io/l4n1xgr1s/att/Content/att/images/bundle-img.png); width: 236px; height: 177px; background-repeat:no-repeat;}
.cta-sec .p-2.globe{background: #1d2329;}
.cta-sec .p-2.globe:before{content: ""; position: absolute; left: 10px; top: 0; background: url(https://ik.imagekit.io/l4n1xgr1s/att/Content/att/images/globe-img.png); width: 190px; height: 178px; background-repeat:no-repeat;}
.cta-sec .p-2.order{background: #0057B8;}
.cta-sec .p-2.order:before{content: ""; position: absolute; left: 10px; top: 0; background: url(https://ik.imagekit.io/l4n1xgr1s/att/Content/att/images/order-img.png); width: 155px; height: 177px; background-repeat:no-repeat;}
.cta-sec .p-2 h3{font-size: 20px; font-weight: 700; color: #fff; text-align:center; margin: 0 0 10px 0; position: relative; z-index: 99;}
.cta-sec .p-2 p{font-size: 18px; font-weight: 500; color: #fff; text-align:center; margin: 0; position: relative; z-index: 99;}
.cta-sec .p-2 a{color: #000;}
.cta-sec .p-2.order a{color: #000; text-decoration:underline;}
.cta-sec .p-2.bundles p a, .cta-sec .p-2.bundles p, .cta-sec .p-2.order p, .cta-sec .p-2.order p a, .cta-sec .p-2.globe p a, .cta-sec .p-2.globe p {color: #fff;}
.cta-sec .p-2.bundles p a, .cta-sec .p-2.globe p a, .cta-sec .p-2.order p a {color: #fff; text-decoration: underline;}

.state-sec .p-2 {position: relative; overflow:hidden; background: #fff; width: 100%; border-radius: 10px; margin: 10px; padding: 20px !important; box-shadow: 0px 0 15px -12px rgba(0, 0, 0, 0.5); border: 0.5px solid rgba(225, 225, 225, 0.5);}
.state-sec .p-2 h3{font-size: 20px; font-weight: 700; color: #1d2329; margin: 10px 0 30px 0; width: 80%;}
.state-sec .p-2 p{ margin: 0 0 10px 0; color: #1d2329;}
.state-sec .p-2 span {position: absolute; text-align: center; top: 0; right: 0; width: 70px; padding: 10px 15px; color: #ffffff; background: #00C4DC; border-bottom-left-radius: 20px;}
.state-sec ul { padding: 0; margin: 20px 0; list-style: none;}
.state-sec ul li { position: relative; display: inline-block; width: 30%; padding: 3px 0 3px 20px;}
.state-sec ul li:before { content: ""; position: absolute; left: 0; top: 10px; height: 10px; width: 10px; background: transparent; border-radius: 50%; display: inline-block; border: 2px solid #00C4DC;}
.state-sec p small{ font-size:10px;}

.zip-sec .cf {position: relative; width: 70%; overflow: hidden; padding: 0 0 30px 0; display: block; margin: 40px auto 0; text-align: center;}
.zip-sec .zip_input {border: 2px solid #0057B8; border-radius: 100px 0 0 100px;}
.zip-sec #subform {font-size: 16px; font-weight: 600; background: #0057B8; border: 1px solid #0057B8; color: #fff; border-radius: 0 100px 100px 0; padding-left: 30px; padding-right: 30px;}

.channellineup-sec h3 {font-size:24px; color:#1d2329; font-weight: 700; margin: 30px 0 10px 0; text-align: center;}
.channellineup-sec .agreement { font-size: 12px;  text-align: center;}
.channellineup-sec .p-2 {position:relative; overflow:hidden; background: #fff; width: 100%; border-radius: 10px;  margin: 10px; padding: 0px !important; box-shadow: 0px 0 15px -12px rgba(0, 0, 0, 0.24); border: 0.5px solid rgba(225, 225, 225, 0.5);}
.channellineup-sec .p-2  h3{color:#ffffff; font-size: 18px; font-weight:700; padding: 20px; background: linear-gradient(45deg, rgba(118,11,189,1) 0%, rgba(122,13,188,1) 40%, rgba(235,65,162,1) 100%);}
.channellineup-sec .p-2 p{padding:20px;}
.channellineup-sec .channel-gl { padding-top: 20px;}
.channellineup-sec .channel-gl .form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #1d2329; background: #fff; background-clip: padding-box; border-radius: 100px; border: 1px solid #ced4da; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.channellineup-sec .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; background: unset;}
.channellineup-sec .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; border-top: 0px;}
.channellineup-sec .switch { position: relative; display: inline-block; width: 60px; height: 34px; float: right;}
.channellineup-sec .switch input { display: none;}
.channellineup-sec .slider.round { border-radius: 34px;}
.channellineup-sec .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: #ccc; -webkit-transition: .4s; transition: .4s;}
.channellineup-sec .slider.round:before { border-radius: 50%;}
.channellineup-sec .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background: white; -webkit-transition: .4s; transition: .4s;}
.channellineup-sec input.primary:checked + .slider { background: #00C4DC;}
.channellineup-sec input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
.channellineup-sec .slider.round:before { border-radius: 50%;}
.channellineup-sec .channel-filter .card { border: none;}
.channellineup-sec .dataTables_length { width: 50%; float: left;}
.channellineup-sec div.dataTables_wrapper div.dataTables_length label { font-weight: normal; text-align: left; white-space: nowrap;}
.channellineup-sec div.dataTables_wrapper div.dataTables_length select { width: auto; display: inline-block; border: 1px solid #ced4da; padding: 2px; color: #1d2329;}
.channellineup-sec div.dataTables_wrapper div.dataTables_filter { text-align: right;}
.channellineup-sec div.dataTables_wrapper div.dataTables_filter label { font-weight: normal; white-space: nowrap; text-align: left;}
.channellineup-sec div.dataTables_wrapper div.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto; border: 1px solid #ced4da;}
.channellineup-sec .table-striped tbody tr:nth-of-type(odd) {background: rgba(0,0,0,.05);}
.channellineup-sec .dataTables_info { white-space: normal; font-size: 13px; float: left; padding-top: 0; margin-top: 30px; margin-bottom: 0;}
.channellineup-sec div.dataTables_wrapper .dataTables_info { padding-top: 0.85em; white-space: nowrap;}
.channellineup-sec .dataTables_paginate {font-size: 13px; float: right; margin-top: 30px !important;}
.channellineup-sec a.paginate_button {padding: 8px; color: #000; cursor: pointer;}
.channellineup-sec a.paginate_button.current { background: transparent; color: #fff;}

.scrollup { position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; background: #0057B8; border: 4px solid #ffffff; color: #fff; cursor: pointer; padding: 8px 12px; border-radius: 2px; box-shadow: 0 2px 2px 3px rgba(0,0,0,0);}
.scrollup:hover { background: #101010;}

.modal p{ color: #1d2329; font-size: 16px; padding: 0 !important; margin: 0 0 10px 0 !important;}
.modal p a { font-size: 16px; font-weight: 400;}
.modal .btn {padding: 8px 25px; background: #101010; font-size: 16px; font-weight: 400;}

.error-sec {display:flex; align-items:center; text-align: center; height:100vh;}
.error-sec .error-img{margin: 30px 0;}
.error-sec h2{font-size: 36px; font-weight: 700;}
.error-sec p {font-size: 16px; margin: 0 0 40px 0;}
.error-sec .errorbtn { padding: 10px 30px; color: #fff; font-size: 20px; border-radius: 5px; text-decoration:none; background: #00C4DC;}

.faqs-sec .card { border-radius: 0; margin: 5px 0; border: 0;}
.faqs-sec .card .cursor { cursor: pointer;}
.faqs-sec .card .card-header {background: #fff; padding: 20px 1.25rem; margin-bottom: 0; border-radius: 4px; border: 2px solid #0057B8;}
.faqs-sec .card-header h3 {width: 100%; color: #0057B8; font-size: 16px; font-weight: 600; padding: 0; line-height: 20px;}
.faqs-sec .card-body {padding: 10px;}
.faqs-sec .card-header .mb-0[aria-expanded="true"]:after { content: "-";}
.faqs-sec .card-header .mb-0:after { content: "+"; position: absolute; top: 16px; right: 10px; color: #fff; background: #0057B8; font-size: 26px; border-radius: 100px; padding: 5px; width: 30px; height:30px; text-align: center; font-weight: 700;}

.footer-sec { padding: 40px 0 0 0; background: #EFF1F3; }
.footer-sec .footer-right{ text-align: right; }
.footer-sec .footer-left{ text-align: left; }
.footer-sec .provider-logo img { max-height: 50px; }
.footer-sec .btip-logo img { max-height: 25px; }

.footer-sec .footer-icons a { margin: 10px 0 0 10px; display: inline-block; text-align: center; background: #747474; width: 32px; height: 32px; line-height: 30px; border-radius: 100px; }
.footer-sec .footer-icons a:hover { background: #2A834D; }

.footer-sec .footer-nav { margin: 30px 0; }
.footer-sec .footer-nav .footer-menu ul{ list-style-type: none; margin: 0; padding: 0; text-align: center; }
.footer-sec .footer-nav .footer-menu ul li{ display: inline-block; margin-right: 20px; }
.footer-sec .footer-nav .footer-menu ul li a{ text-decoration: none; font-size: 14px; color: #212121; font-weight: 600; }
.footer-sec .footer-nav .footer-menu ul li a:hover{ color: #0071BA; }
.footer-sec hr { border-top: 1px solid #e1e1e1; margin: 30px 0; }
.footer-sec p { color: #000; font-weight: 400;  }

.footer-sec .footer-policy { background: #121212; padding: 20px 0; }
.footer-sec .footer-policy p { color: #fff; margin:0; font-weight: 400; font-size: 14px; }
.footer-sec .footer-policy p a { text-decoration:none; color: #fdd746; cursor:pointer; }
.footer-sec .footer-policy p a:hover { text-decoration:none; color: #fff; }

@media only screen and (max-width: 1200px) {
    header .navbar{padding: 15px 20px;}
    header .navbar-light .navbar-nav .nav-link { padding: 5px 10px; }
    .programming-sec .packages_box .img-side img { max-width: 100%;}

}

@media only screen and (max-width: 991.7px) {
    .dsk-show {display: none;}
    .mbl-show {display: block;}
    section{padding:20px 0;}
    p.main-paragraph{width:100%; }
    h2.main-heading{font-size:24px;}
    .dsk-show { display: none;}
    .mbl-show { display: block;}
    .header-logo-sec {padding: 5px 0;}
    .header-logo-sec {background: transparent;}
    .header-mbl-tfn {display: block;}
    header { background: #fff; padding: 10px 0;}
    header .navbar { padding: 0 10px; }
    header .navbar-light .navbar-nav .nav-icon.dsk-icon {display: none;}
    header .navbar-light .navbar-nav .nav-link { margin: 15px 0 0 0; color: #555 !important; }
    header .navbar-light .navbar-nav .nav-link.active {background: #0057B8; color: #fff !important;}
    header .navbar-light .navbar-nav .nav-item:first-child { margin-top: 10px; border-left: none;}
    header .navbar-light .navbar-nav .nav-item { border-right: none; border-bottom: 2px solid #E0E0E0;}
    header .custom-nav {padding: 10px 20px;}
    .dsk-h {display:none; }
    .tfn-show .custom-padding{padding: 6px 10px;}
    .tfn-show { text-align: center;}
    .tfn-show h2 a { text-decoration: none; }
    .tfn-show h2{font-size:18px;}
    .tfn-show h2 span {display: none;}
    .tfn-show .mbl-tfn { font-size: 20px; font-weight: 600; color: #fff; display: block; background: #0057B8; padding: 10px; text-align: center; border-radius: 4px;}
    .banner-sec{padding: 20px 0;}
    .banner-support { padding: 20px 0 0 0;}
    .banner-sec h1{font-size:25px; margin: 0 0 20px 0;}
    .banner-sec .order-tfn{margin-top: 20px;}
    .banner-sec .order-tfn p {font-size: 16px;}
    .d-flex{ display: block !important;}
    .customer-sec .container-box {width: 90%;}
    .minipackages-sec .box {margin: 10px 0;}
    .minipackages-sec .p-2 { margin: 20px 0; width: 100%;}
    .packages-sec .p-2 { margin: 20px 0;}
    .packages-sec .box { width: 100%;}
    .home-sec .text-sec {flex-basis: 100%;}
    .home-sec .p-2 .text-holder {padding: 15px;}
    .home-sec .bg-img {display: none; }
    .internet-sec .text-sec {flex-basis: 100%;}
    .internet-sec .p-2 .text-holder {padding: 15px;}
    .internet-sec .bg-img {display: none; }
    .bundles-sec .text-sec {flex-basis: 100%;}
    .bundles-sec .p-2 .text-holder {padding: 15px;}
    .bundles-sec .bg-img {display: none; }
    .bundles-sec .d-flex .p-2 {margin: 20px 0;}
    .programming-sec .p-2 { margin: 20px 0;}
    .state-sec .p-2 { margin: 20px 0;}
    .service-sec .p-2 { margin: 20px 0;}
    .cta-sec .p-2 { padding: 30px !important;}
    .cta-sec .p-2 p{font-size: 18px;}
    .atticon-sec .att-icon .icon-tiles { flex-basis: 33%; flex-wrap: wrap;}
    .availability-sec ul li { width: 32%;}
    .orderonline-sec .bg-img {display: none;}
    .faqs-sec .card-header h3 i{margin-top: 5px;}
    .faqs-sec .card-header h3 {width: 85%;}

}

@media only screen and (max-width: 767px) {
    .customer-sec .d-flex{ display: block !important;}
    .customer-sec .p-2 { margin: 20px 0;}
    .customer-sec .item-1 {width: 100%;}
    .customer-sec .item-2 {width: 100%;}
    .cta-sec .d-flex { display: block !important;}
    .cta-sec .p-2 { padding: 40px !important;}
    .phoneicon-sec .phone-icons{ margin: 5px; flex-basis: 31%;}
    .customer-services .customer-services-cont{display: block; width:100%; padding: 0;}
    .customer-services .customer-services-cont .service-h { width: 100%; padding: 20px 15px 0 15px;}
    .customer-services .customer-services-cont .service-info { width: 100%; border-left: 0; padding: 5px 15px 15px 15px;}
    .header-logo-sec .header-tfn .tfn-h { display: none; }
    .tfn-dsk-show {display: none;}
    .tfn-mbl-show {display: inline-block;}
    .header-logo-sec .header-tfn .tfn a { font-size: 17px; padding: 10px 15px; }

    

    .footer-sec .footer-img { margin-top: 20px; }
    .footer-sec .footer-left{ text-align: center; }
    .footer-sec .footer-policy { padding: 20px 0 70px 0; }
    .footer-sec .footer-policy p { margin: 0 0 20px 0; }
    .footer-sec .footer-right{ text-align: center; }
    .footer-sec .footer-nav .footer-menu ul li{ margin-bottom: 10px; margin-left: 15px; margin-right: 15px; text-align: center; }

}

@media only screen and (max-width: 575px) {
    .zip-sec .cf {width: 100%;}
    .availability-sec ul li { width: 49%;}
    .state-sec ul li { width: 49%; }
}

@media only screen and (max-width: 450px) {
    .atticon-sec .att-icon .icon-tiles { flex-basis: 49%;}
    .availability-sec ul li { width: 100%;}
    .phoneicon-sec .phone-icons{ margin: 5px; flex-basis: 46%;}
}

@media only screen and (max-width: 390.7px) {
    .banner-availability-sec .banner-btn .btn-tfn { margin: 15px 0 0 0; }
}

@media only screen and (max-width: 375.7px) {
    .packages-sec .nav-tabs .nav-link { padding: 5px; }
}