/*!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;}

/*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: 10px!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;}
*{outline:none;border-radius:0px !important}
.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}
.hide{display:none !important}

@media(max-width:1024px){
.psl-directions{height:500px}
}

@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}
}
/*!END Smart Search CSS*/


.disclaimer p {font-size:12px !important}
.disclaimer a {color:#ffffff !important;}
@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:#434345!important;color:#fff!important}
.avg-savings,.avg-savings-num{background:#434345;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}
}

#header .search,
.navbar-inverse .navbar-nav>li>a,
.social-share,
ul.social-share li,
ul.social-share li a {
    display: inline-block
}
.top-bar {
    padding: 10px 0;
    background: #0f2296;
    border-bottom: 1px solid #0f2296;
    line-height: 20px
}
.top-number p {
    margin: 0;
    color: #ffffff;
}
.top-number a {
    color: #fff !important;
    text-decoration: underline;
}
/* .navbar-brand img {
height: 50px;
} */
/* .navbar.navbar-brand .brand-img {
  margin-bottom: 25px ;
} */
.nav>li>a {
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 10px 16px;
  margin: 5px 5px;
  color: #333;
  line-height: 24px;
  border-radius: 6px !important;
  background: #f4f4f4;
}
.nav>li>a:hover {
    background-color: #0f2296;
    color: #fff !important;
}
#main-slider .carousel .carousel-content {
    margin: 15px;
}
.carousel-content h1 {
    font-size: 48px;
    line-height: 52px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.carousel-content p {
    color: #0f2296;
    margin-bottom: 20px;
}
#main-slider .carousel .slide-margin {
    /* margin-top: 10px */
    display: flex;
    align-items: center;
    height: 400px;
}
#main-slider .carousel h2,
#main-slider .carousel ul {
    color: #333
}
#main-slider .carousel h2 {
    margin-top: 10px;
}
#main-slider .carousel .btn-success,
#main-slider .carousel .btn-warning {
    color: #fff;
    border-radius: 4px;
    margin: 10px 20px 20px 0;
    display: inline-block;
    width: 100%
}
#main-slider .carousel .slider-img {
    text-align: right;
    position: absolute
}
#main-slider .carousel .item {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0 !important;
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: block !important;
    height: auto;
    min-height: 400px;
    -webkit-transition: opacity ease-in-out .5s;
    -moz-transition: opacity ease-in-out .5s;
    -o-transition: opacity ease-in-out .5s;
    transition: opacity ease-in-out .5s
}
#main-slider .carousel .item.faqs,
#main-slider .carousel .item.how,
#main-slider .carousel .item.contact {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0 !important;
    opacity: 0;
    top: 100px;
    position: absolute;
    width: 100%;
    display: block !important;
    height: auto;
    min-height: 350px;
    -webkit-transition: opacity ease-in-out .5s;
    -moz-transition: opacity ease-in-out .5s;
    -o-transition: opacity ease-in-out .5s;
    transition: opacity ease-in-out .5s
}
#main-slider .carousel .item:first-child {
    top: auto;
    position: relative
}
#main-slider .carousel .item.active {
    opacity: 1;
    -webkit-transition: opacity ease-in-out .5s;
    -moz-transition: opacity ease-in-out .5s;
    -o-transition: opacity ease-in-out .5s;
    transition: opacity ease-in-out .5s;
    z-index: 1
}
#main-slider .next,
#main-slider .prev {
    position: absolute;
    top: 50%;
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
    display: inline-block;
    margin-top: -25px;
    height: 60px;
    line-height: 60px;
    width: 60px;
    text-align: center;
    border-radius: 30px;
    z-index: 5
}
#main-slider .next:hover,
#main-slider .prev:hover {
    background-color: #000
}
#main-slider .prev {
    left: 10px
}
#main-slider .next {
    right: 10px
}
#main-slider .carousel-indicators li {
    width: 20px;
    height: 20px;
    background-color: rgba(255, 255, 255, .2);
    margin: 0 15px 0 0;
    position: relative
}
#main-slider .carousel-indicators .active:after,
#main-slider .carousel-indicators li:after {
    content: "";
    background: rgba(0, 0, 0, .2);
    left: -3px;
    top: -3px;
    border-radius: 100%
}
#main-slider .carousel-indicators li:after {
    position: absolute;
    width: 24px;
    height: 24px
}
#main-slider .carousel-indicators .active {
    width: 20px;
    height: 20px;
    background-color: rgba(0, 0, 0, .2);
    margin: 0 15px 0 0;
    position: relative
}
#main-slider .carousel-indicators .active:after {
    position: absolute;
    width: 24px;
    height: 24px
}
#main-slider .active .animation.animated-item-1 {
    -webkit-animation: fadeInUp .3s linear .3s both;
    -moz-animation: fadeInUp .3s linear .3s both;
    -o-animation: fadeInUp .3s linear .3s both;
    -ms-animation: fadeInUp .3s linear .3s both;
    animation: fadeInUp .3s linear .3s both
}
#main-slider .active .animation.animated-item-2 {
    -webkit-animation: fadeInUp .3s linear .6s both;
    -moz-animation: fadeInUp .3s linear .6s both;
    -o-animation: fadeInUp .3s linear .6s both;
    -ms-animation: fadeInUp .3s linear .6s both;
    animation: fadeInUp .3s linear .6s both
}
#main-slider .active .animation.animated-item-3 {
    -webkit-animation: fadeInUp .3s linear .9s both;
    -moz-animation: fadeInUp .3s linear .9s both;
    -o-animation: fadeInUp .3s linear .9s both;
    -ms-animation: fadeInUp .3s linear .9s both;
    animation: fadeInUp .3s linear .9s both
}
#main-slider .active .animation.animated-item-4 {
    -webkit-animation: fadeInUp .3s linear 1.2s both;
    -moz-animation: fadeInUp .3s linear 1.2s both;
    -o-animation: fadeInUp .3s linear 1.2s both;
    -ms-animation: fadeInUp .3s linear 1.2s both;
    animation: fadeInUp .3s linear 1.2s both
}
.glass {
  backdrop-filter: blur(6px) saturate(102%);
  -webkit-backdrop-filter: blur(6px) saturate(102%);
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 20px !important;
  border: 1px solid rgba(209, 213, 219, 0.3);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: source-serif-pro, serif;
    font-weight: 900;
    font-style: normal;
    /* color: #0f2296; */
}
#feature {
    background: #f6f6f6;
    padding-bottom: 40px
}
#feature a {
text-decoration: underline;
}
#feature ul a, #feature.tab-pane, #feature .breadcrumb-item a, #bottom a {
text-decoration: none;
}
/* #feature .tab-pane a {
text-decoration: none;
} */
#recent-works .col-xs-12.col-sm-4.col-md-3,
.features {
    padding: 0
}
.feature-wrap {
    margin-bottom: 10px;
    overflow: hidden
}
.feature-wrap h2 {
    margin-top: 10px
}
.feature-wrap .pull-left {
    margin-right: 25px
}
.feature-wrap i {
    font-size: 48px;
    height: 110px;
    width: 110px;
    margin: 3px 25px 25px 3px;
    border-radius: 100%;
    line-height: 110px;
    text-align: center;
    background: #fff;
    color: #ee2e24;
    border: 3px solid #fff;
    box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    float: left
}
.feature-wrap i:hover {
    background: #ee2e24;
    color: #fff;
    box-shadow: inset 0 0 0 5px #ee2e24;
    -webkit-box-shadow: inset 0 0 0 5px #ee2e24;
    border: 3px solid #ee2e24
}
.breadcrumb-item a, .breadcrumb .active {
  color: #0f2296;
}
#bottom ul li a:hover,
#footer a:hover {
    color: #0f2296
}
#footer, #footer a {
  color: #fff;
}
#bottom ul,
#footer ul {
    padding: 0;
    margin: 0;
    list-style: none
}
#footer {
    padding-top: 30px;
    padding-bottom: 30px;
    /*background: #434345;*/
    background: #1b4570;
    /* Old browsers */
    background: -moz-linear-gradient(50deg, #ee2e24 0%, #000000 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(50deg, #ee2e24 0%, #000000 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(50deg, #ee2e24 0%, #000000 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f2296', endColorstr='#21daef', GradientType=1);
    /* IE6-9 */
}    
#bottom {
    background: #f5f5f5;
    font-size: 14px
}
#bottom h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 22px;
    color: #0f2296;
    font-weight: 900;
}
#bottom ul li {
    display: block;
    padding: 5px 0
}
#bottom ul li a {
    color: grey
}
#bottom .widget {
    margin-bottom: 20px;
}
@media (max-width:767px) {
  .navbar-header,
  a.navbar-brand.brand-img {
    float: none;
    width: auto;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
  }
  .navbar-brand img {
    padding: 0;
  }
  .nav {
    display: block;
  }
}
@media (max-width: 560px) {
  body>section {
    padding: 0;
  }
}