@import url('https://use.typekit.net/dqq7npv.css');
/*!Navbar styles*/
.navbar-dark.bg-primary .nav-item.active a,
.navbar-dark.bg-primary .nav-item a:hover{background:#fff !important;color:#222 !important;}
.navbar-light .nav-item.active a{font-weight:bold !important;color:var(--primary) !important;}
.navbar-light .nav-item a:hover{font-weight:bold !important;color:var(--primary) !important;}
.navbar-dark.bg-dark .nav-item.active a,
.navbar-dark.bg-dark .nav-item a:hover{background:var(--primary) !important;color:#fff !important;}
html {
  scroll-padding-top: 105px; /* height of sticky header */
}
/*CSS Shorthand*/
h1,h2{font-weight:bold !important;}
/*!Smart App CSS
Just edit the colors where needed*/
.panel .accordionCustomClass .panel-heading {
background-color: var(--dark) !important;
color: #fff!important;
padding: 30px!important;
height: 40px!important;
}
.panel .accordionCustomClass .panel-default>.panel-heading {
border-color: transparent!important;
height: 40px!important;
color: #fff!important;
}
.custom-theme .bs-datepicker-head {
background-color: var(--danger) !important
}
.text-red,.red{color:red !important}
.custom-theme .bs-datepicker-body table td span.selected,
.custom-theme .bs-datepicker-body table td span[class*=select-]:after,
.custom-theme .bs-datepicker-body table td.selected span,
.custom-theme .bs-datepicker-body table td[class*=select-] span:after {
background-color: #e9edf0;
color: #000
}
.smart-app.nav-pills a.active {color: #fff;background: var(--primary) !important;border:0px !important}
.smart-app.nav-pills a {border:1px solid #333}
.bbbsa{width:80px!important;height:50px!important;max-width:100%!important}
.chasa{width:148px!important;height:50px;max-width:148px!important}
.entsa{width:39px!important;height:50px;max-width:100%!important}
.chassa{width:190px!important;height:50px;max-width:100%!important}
/*! END Smart App CSS*/

/*!Smart Search CSS*/
.psl.custom-select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.n-line{text-decoration: none !important}
.psl-dropdown:after { content: none  !important}
.shadow-lg-up{box-shadow:0 0 3rem 0 rgba(0,0,0,.5) !important}
#mapDirCont{z-index: 9999 !important;}
.psl-directions{height:500px}
.card.psl-result-title{border:0px !important}
.inline-block{display:inline-block !important}
.psl-count{text-align: right;}
.psl-shortcuts{text-align:right;}
.prov-info{width:33% !important}
.network-logos{
  max-width:80px !important;
 width:100% !important;
 position:relative;
}
.network-logos:before{
    content:url(img/logos/smile-alliance-club.svg);
    background:#fff;
    position:block;
    height:20px;
    width:20px;
    bottom:-20px;
    left:0px;
    z-index:100000;
}
.hide{display:none !important}
.coming-soon {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.8); /* Black see-through */
  color: #212529;
  font-size: 4rem;
  font-weight: bold;
  width: 94.8%;
  height: 102.5%;
  margin: 0 15px;
  padding: 0;
  transition: .5s ease;
  text-align: center;
  border-radius: 0 0 0 2.2rem
}
.panel{
  padding: 0px !important;
}
@media(max-width:1024px){
.psl-directions{height:500px}
}
@media (max-width:991px){
.border-right-lg-0{border-width: 0px !important}
#product-accordion>.d-flex{background-color:#031736 !important}
.navbar .container a img{max-width:120px;}
.navbar{background:#031736;box-shadow:0 0 .8em rgba(0,0,0,.5);transition:background .3s ease}
}
@media(max-width:768px){
.psl-directions{height:500px}
.psl-count,.psl-title{text-align:center;}
.psl-shortcuts{text-align:left;}
.prov-info{width:40% !important}
}
@media (max-width:575px){
  .border-right-sm-0{border-width: 0px !important}
}
/*!END Smart Search CSS*/

.disclaimer p, .disclaimer a {font-size:12px !important}
.disclaimer a {color:#031736 !important; text-decoration: underline;}
@media(max-width:480px){header.home .btn{display:block!important}
header.home .btn-primary{margin-top:10px}
.PRODUCT img{display:none!important}
}
.plan-details-table a{display:inline-block}
.plan-details-table td:nth-child(1){width:30%}
.CMAL td,.CRNT td,.LAPN-PRICING td,.MTMD td{text-align:left!important}
/*!PRODUCTS*/
.btn-group>.btn-group,.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.dropdown-menu{float:left}

.PRODUCT td{vertical-align:middle!important}
.PRODUCT th{vertical-align:bottom!important;background:var(--dark)!important;color:#fff!important}
.avg-savings,.avg-savings-num{background:var(--dark);color:#fff;font-weight:700}
.MTMD td{width:33%!important}
.CMAL table{max-width:500px!important;width:100%!important}
.avg-savings{border-right:0!important}
.CMAL td,.CRNT td,.HMIP-COLUMNS th{width:33%!important}
.CMAL td,.CRNT td{font-weight:400!important;vertical-align:top!important;border-left:0!important}
.LAPN-PRICING{max-width:400px!important}
.TDOC .video-table td:first-child,.TVIP .video-table td:first-child{border-right:1px solid #fff!important}
.TDOC td,.TDOC th,.TVIP td,.TVIP th{padding:0!important;border:0!important}
.TDOC .video-table,.TVIP .video-table{text-align:center}
.LCA td,.LCA th{text-align:center!important}
.VSPS td:nth-child(1),.VSPS th:nth-child(1){width:35%!important;text-align:right!important}
.VSPS td:nth-child(2),.VSPS th:nth-child(2){width:65%!important}
.FIVECOLUMN td:nth-child(4),.FIVECOLUMN td:nth-child(5),.FIVECOLUMN th:nth-child(4),.FIVECOLUMN th:nth-child(5){font-weight:700!important}
.TWOCOLUMN td:nth-child(2),.TWOCOLUMN td:nth-child(3),.TWOCOLUMN th:nth-child(2),.TWOCOLUMN th:nth-child(3){width:50%}
.THREECOLUMN td:nth-child(2),.THREECOLUMN td:nth-child(3),.THREECOLUMN th:nth-child(2),.THREECOLUMN th:nth-child(3){text-align:center}
.FOURCOLUMN td:nth-child(2),.FOURCOLUMN td:nth-child(3),.FOURCOLUMN td:nth-child(4),.FOURCOLUMN th:nth-child(2),.FOURCOLUMN th:nth-child(3),.FOURCOLUMN th:nth-child(4){text-align:center;width:22%}
.FIVECOLUMN td:nth-child(2),.FIVECOLUMN td:nth-child(3),.FIVECOLUMN td:nth-child(4),.FIVECOLUMN td:nth-child(5),.FIVECOLUMN th:nth-child(2),.FIVECOLUMN th:nth-child(3),.FIVECOLUMN th:nth-child(4),.FIVECOLUMN th:nth-child(5){text-align:center;width:17%}
.SIXCOLUMN th:nth-child(2),.SIXCOLUMN ttd:nth-child(2),.text-left{text-align:left}
.SIXCOLUMN td:nth-child(2),.SIXCOLUMN td:nth-child(3),.SIXCOLUMN td:nth-child(4),.SIXCOLUMN td:nth-child(5),.SIXCOLUMN td:nth-child(6),.SIXCOLUMN th:nth-child(2),.SIXCOLUMN th:nth-child(3),.SIXCOLUMN th:nth-child(4),.SIXCOLUMN th:nth-child(5),.SIXCOLUMN th:nth-child(6){text-align:center;width:16%}
.SEVENCOLUMN td:nth-child(2),.SEVENCOLUMN td:nth-child(3),.SEVENCOLUMN td:nth-child(4),.SEVENCOLUMN td:nth-child(5),.SEVENCOLUMN td:nth-child(6),.SEVENCOLUMN td:nth-child(7),.SEVENCOLUMN th:nth-child(2),.SEVENCOLUMN th:nth-child(3),.SEVENCOLUMN th:nth-child(4),.SEVENCOLUMN th:nth-child(5),.SEVENCOLUMN th:nth-child(6),.SEVENCOLUMN th:nth-child(7){text-align:center;width:12%}
@media (min-width:768px){.TVIP .video-table td{display:table-cell}
}
/*nav*/
.scrolled .navbar{background:#031736;box-shadow:0 0 .5em rgba(0,0,0,.5);transition:background .3s ease}
.scrolled .navbar .container a img{max-width:80px;transition:max-width .5s ease}
.display-5{font-size: 3rem}
.primary-gradient{background-image: linear-gradient(rgba(3,23,54,1) 30%, rgba(0,113,206,1) 80%, rgba(0,113,206,1) 100%)}
.secondary-gradient{background-image: linear-gradient(rgba(0,113,206,1) 1%, rgba(3,23,54,1) 67%, rgba(3,23,54,1) 100%)}
.dark-gradient{background-image: linear-gradient(rgb(3,23,54),rgb(3,23,54), rgb(5,45,107))}
.line-gradient{background-image: linear-gradient(to right, rgb(40,40,75), rgb(41,116,224));height: 6px; border-top: 0px}
.light-gradient{background-image: linear-gradient(rgb(255,255,255), rgb(212,226,236))}
.navbar-dark-gradient{background-image: linear-gradient(rgba(3,23,54,1) 30%, rgba(3,23,54,0.4) 80%, rgba(3,23,54,0.1) 100%)}
.bg-lines{background-image: url(img/lines.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 100%;
}
.bg-header{background-image: url(img/Header-gradient.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: left bottom;
  background-size: cover;
}
.card{
  border-radius: 0 2.4rem 0 2.4rem
}
.card-header:first-child{
  border-radius: 0 2.3rem 0 0;
}
.text-underline{
  text-decoration: underline !important;
}
.rounded-n360{border-radius: 0 2.4rem 2.4rem 2.4rem}
.rounded-n90{border-radius: 2.4rem 0 2.4rem 2.4rem}
.rounded-n180{border-radius: 2.4rem 2.4rem 0 2.4rem}
.rounded-n270{border-radius: 2.4rem 2.4rem 2.4rem 0}
.border.rounded-360{border-radius: 2.4rem 0 0 0 }
.border.rounded-90{border-radius: 0 2.4rem 0 0 }
.border.rounded-180{border-radius: 0 0 2.4rem 0 }
.border.rounded-270{border-radius: 0 0 0 2.4rem }
.border.rounded-opposite-90{border-radius: 0 2.4rem 0 2.4rem}
.border.rounded-opposite-180{border-radius: 2.4rem 0 2.4rem 0}
.rounded-360{border-radius: 2rem 0 0 0 }
.rounded-90{border-radius: 0 2rem 0 0 }
.rounded-180{border-radius: 0 0 2rem 0 }
.rounded-270{border-radius: 0 0 0 2rem }
.rounded-360-extra{border-radius: 16rem 0 0 0 }
.rounded-90-extra{border-radius: 0 16rem 0 0 }
.rounded-180-extra{border-radius: 0 0 16rem 0 }
.rounded-270-extra{border-radius: 0 0 0 16rem }
.rounded-opposite-90{border-radius: 0 2rem 0 2rem}
.rounded-opposite-180{border-radius: 2rem 0 2rem 0}
.nmt-1{margin-top: -2rem}
.nmt-2{margin-top: -3rem}
.nmt-3{margin-top: -4rem}
.nmt-4{margin-top: -8rem}
.nmt-5{margin-top: -10rem}
.pt-extra-1{padding-top: 2rem}
.pt-extra-2{padding-top: 4rem}
.pt-extra-3{padding-top: 6rem}
.pt-extra-4{padding-top: 8rem}
.pt-extra-5{padding-top: 10rem}
.collapse-title button{color:#ffffff; font-size: 1.25rem; text-decoration: none;}
.collapse-title button .fa-plus{float: inline-end;}
.collapse-title button:not(.collapsed) .fa-plus{-webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
transition: all 300ms ease-in-out;}
.collapse-body {box-shadow:none;padding:10px 15px}
