/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
input:focus-visible, a:focus-visible {
    outline: none !important;
    text-decoration: none !important;
    border: 1px solid yellow !important;
}
a:focus-visible img {
    outline: 2px solid yellow !important;
}


a{color:#000;}
a.hover{color:#003366;}

.mega-menu-link{color:#fff;}
    .mega-menu-link:hover {
        color: #77deff;
    }

/*.dotted-line{border-bottom:dashed 1px #77deff;padding:5px;max-width:210px;}*/
.dotted-line {
    border-bottom: dashed 1px #ffffff;
    padding: 5px;
    max-width: 210px;
}
.dotted-right-border{border-right:dashed 1px #666;height:15px;}

.menu-heading{color:#fff !important;}
.capitalize{text-transform:capitalize; font-size:12pt !important; font-weight:normal !important;color:#fff !important;}
.capitalize:hover{color:#0489d1 !important;}

.large-menu{font-size:12pt !important; font-weight:normal !important; text-transform:capitalize; color:#000;}

.mega-background{background-color:#01203f !important;}

.min-vh-30 {
  min-height: 30vh !important;
}

.menu-title{display:none;}
.header-misc-2{display:none;}
.wireless-form{width:800px; height: 768px;}
.app-store{padding-top:50px;}
.mobile-page-heading{display:none;}
.service-heading{font-size:16pt;font-weight:bold;}
.help-heading{font-size: 14pt; color:#003366;}
.pricing-bg{background-image:url('http://www.fsr.com/images/fiber/pricebackground.jpg'); max-width:800px; background-repeat:no-repeat;}
.disclaimer-text{ margin-top:50px;margin-bottom:50px;}    

@media (min-width: 991.98px) 
{
    .header-size-sm #header-wrap{height: 40px;}
}

@media (max-width: 991.98px) 
{
    .dotted-right-border{display:none;}
    .non-mega{background-color:#ebebeb !important;}
    .mega-menu-link{color:#666;}
    .mega-menu-link:hover{color:#666;}
    .menu-heading{color:#666 !important;}
    .mega-background{background-color:#ebebeb !important;}
    #headerimage{width:90%;height:90%;}
    .breadcrumb{display:none !important;}
    .menu-title{display:block;color:#003366;font-weight:bold !important;}
    .breadcrumb-fsr{font-size:85% !important;}
    .wireless-form, .map{width:350px; height: 768px !important;}    
    .slider-panel,.swiper-slide{height:25vh !important;margin-bottom:50px;}
   
    
   /*.header-misc-2{display:block !important; margin-top:15px;}*/
    .app-store{padding-top:35px !important;}
    div.sidebar-widgets-wrap.container{margin:0px !important;}
    .main-page-heading{display:none !important;}
    .mobile-page-heading{display:block !important;}
    .breadcrumb-fsr{display:none !important;}  
    
    .pricing-bg{background-color:#003366;background-image:none;}  
    .disclaimer-text{color:#fff !important; margin-top:50px;}
    .second-col{border-top:solid #ebebeb 1px;}
} 


.content-wrap {
	position: relative;
	padding-top: 40px;
	padding-bottom: 0px;
	overflow: hidden;
}

@media (max-width: 950px)  and (orientation:landscape)
{.slider-panel,.swiper-slide{height:55vh !important; margin-bottom:15px;}


}

@media (max-width: 450px) 
{
      body,span, a{font-size:12pt !important;}
      
     .PageHeading{font-size:20pt  !important;} 
     
    .breadcrumb{display:none !important;}
    .menu-title{display:block;color:#003366;font-weight:bold !important;}
    .breadcrumb-fsr{font-size:85% !important;}
    .wireless-form, .map{width:350px; height: 768px !important;}    
    .slider-panel,.swiper-slide{height:15vh !important; }
    
   /*.header-misc-2{display:block !important; margin-top:15px;}*/
   
    .app-store{padding-top:35px !important;}
    div.sidebar-widgets-wrap.container{margin:0px !important;}
    .main-page-heading{display:none !important;}
    .mobile-page-heading{display:block !important;}
    .breadcrumb-fsr{display:none !important;}    
    .service-heading{font-size:20pt !important;}
    .help-heading{font-size: 16pt; color:#003366 !important;}    
    .help-text{font-size: 16pt !important;}    
    .service-link{font-size:14pt !important; }
    .service-container{margin:15px !important;}
    .need-container{margin:15px !important;}
    .service-image{width:100% !important;}
    .qr-code{text-align:center; width:50% !important;}
    .menu-title{font-size:16pt !important;}
    
    .pricing-bg{background-color:#003366;background-image:none;}  
    .disclaimer-text{color:#fff !important; margin-top:50px;}
    .second-col{border-top:solid #ebebeb 1px;}
}


h1 > span:not(.nocolor):not(.badge){color:#003366;}
h1{margin:0;}




#header-wrap  
{
    background: rgb(102,102,102);
    background: linear-gradient(180deg,rgba(255,255,255,1)  0%, rgba(235,235,235,1) 100%) !important; 
}

.non-mega{background-color:#01203f;padding:25px;margin-top:-10px !important;}

#copyrights {
	padding: 10px 0 !important;
	background-color: #DDD;
	font-size: 0.875rem;
	line-height: 1.8;
}

#footer .footer-widgets-wrap {
	position: relative;
	padding: 10px 0 !important;
}

.mega-menu-small {
		position: relative;
		
	}

	.mega-menu-small .mega-menu-content {
		left: 0;
		width: 700px;
		transform: none;
		margin-top:-10px !important;
		background-color:#01203f !important;
	}
.sub-menu-container .mega-menu-small .mega-menu-content {
		top: 0;
		left: 100%;
	}

	.sub-menu-container .mega-menu-small .mega-menu-content.menu-pos-invert {
		left: auto;
		right: 100%;
	}
	.on-click .menu-item:not(.mega-menu-small) .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) {
		display: block;
	}

.sub-menu-trigger .icon-chevron-right {
display:none !important;}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}