@charset "utf-8";
/* CSS Document */

/*============================================== RDOF begin =======================================*/

.bead_prog #breadcrumb { display:none;}
.bead_prog h6{font-size: 18px; font-weight:500; color:#514e50; }
.bead_prog .spectrum h6{font-size: 18px; font-weight:500; color:#514e50; margin-bottom: 2px;}
.bead_prog h4.vidHeader, .bead_prog h4.related{font-size: 22px; font-weight:400; margin-top: 46px!important; margin-bottom:-70px; color:#514e50;  }
.bead_prog h4.related{ margin-bottom:15px; font-weight:550;}
.bead_prog h3{font-size: 27px; font-weight:400;}
.bead_prog h2{font-size: 28px; font-weight: 400; margin: 20px 0px;}
.bead_prog .spectrum p{ margin-bottom: 0px;}


.bead_prog .error{
	color: red;
	margin-top:0px;
  }

.bead_prog label .error{
	display: block;
	margin-top: -20px;
	margin-left: -18px;
	color: red;
  }

.hero{ min-height: 465px; background: url("../png/header_image.png") no-repeat 50% top; background-size: cover; margin-top: 0px; padding-top:7%;}
.bead_prog #content_ind{ padding-top: 0px;}
.motto{ background: rgba( 22, 6, 6, .33); border-radius:8px; padding:12px 10px; color:#fff; margin: 0px; backdrop-filter: blur(13px);}

.upcoming {
  position: relative;
  text-align: left;
  float: left;
  }

.about{ background: url("../png/shadowed_bg_about.png") no-repeat left top; background-size: contain; padding:4%; margin: -67px 0px 0px 0px; color:#514e50;}
.about ul{ margin:0px 0px 0px 20px; padding:0px;}

.video{ margin:105px 0px; border-radius: 8px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .77);}

.video a{height:280px; display: flex; border-radius:8px; color:#fff; text-decoration:none!important; justify-content: flex-end; padding:0px;   background-size: 105px 105px, cover; /* Define initial sizes for both images */
    transition: background-size 0.5s ease, background-position 0.5s ease;}

.performance_diagrams { box-shadow: 0px 0px 12px 0px rgba(0,0, 0,.25); border-radius: 8px; backdrop-filter: blur(15px); background:rgba(255, 254, 254, .81 ); padding:45px;}


.video a.wibasG5v2{ 
	background: url("../png/playbutton.png") no-repeat 50% 30%, 				url("../png/video_wibas-g5v2_bg.png") no-repeat left top; 
	background-size: 105px 105px, cover; }


.video a.gx80{ 
	background: url("../png/playbutton.png") no-repeat 50% 30%, 				url("../png/video_ultralinkgx80_bg.png") no-repeat left top; 
	background-size: 105px 105px, cover; }

.video a.wibasG5{ 
	background: url("../png/playbutton.png") no-repeat 50% 30%, 				url("../png/video_wibas-g5_bg.png") no-repeat left top; 
	background-size: 105px 105px, cover; }

.video a.unims{ 
	background: url("../png/playbutton.png") no-repeat 50% 30%, 				url("../png/video_unims_bg.png") no-repeat left top; 
	background-size: 105px 105px, cover; }


.video a:hover{ 
	text-decoration: underline; color:#fff; 
	background-size: 120px 120px, cover;}

.vid_info{border-radius: 0px 0px 8px 8px; backdrop-filter: blur(14px); background: rgba(56, 75, 68, .72); padding:26px 15px; align-self: flex-end;margin:0px;width:100%;}

.product{ font-weight:600; margin-left:8px;}


.compliantProd{ background: url("../png/kordela.png") no-repeat 50% 100%; background-size:cover; min-height: 422px; }

.article, .flyer{ margin:0px 0px 35px 0px; border-radius: 8px; transition: box-shadow .8s;}
.article:hover, .flyer:hover{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .77);  }
.article a:link, .flyer a:link { text-decoration: underline; color:#fff;}	
.article a:visited,.flyer a:visited { color:#fff; text-decoration: none; }
.article a, .flyer a{ height:290px; display:flex; border-radius:8px; color:#fff; text-decoration:none!important; justify-content: flex-end; padding:0px; background-size:cover; }

.flyer a{ height:230px;}
.flyer a.auto{ height:auto;} 

.article a:hover span.bead_contentType, .flyer a:hover span.bead_contentType{ color:#fff; }
.article a:hover span.article_title,.flyer a:hover span.flyer_title { color:#fff; text-decoration:underline;}
.article_info,.flyer_info {border-radius: 0px 0px 8px 8px; backdrop-filter: blur(14px); background: linear-gradient(180deg, rgba(59,58,58,0.26) 0%, rgba(59,58,58,1) 100%); padding:12px 6px; align-self: flex-end;margin:0px;width:100%;}

.RelatedFlyers2 .flyer a{ height:320px; background-size: contain;  background-position: top center;}

.RelatedFlyers3 .flyer a{ height:320px;}
.RelatedFlyers3 .flyer_info {border-radius: 0px 0px 8px 8px; backdrop-filter: blur(14px); background: rgba(59,58,58,1); padding:12px 6px; align-self: flex-end;margin:0px 0px 0px 0px;width:100%; position: relative; bottom:0px;}

.article a.article25_4{ background: url("../png/article2025_4_bg.png") no-repeat left top; background-size: cover; }
.article a.article25_1{ background: url("../png/article2025_1_bg.png") no-repeat left top; background-size: cover; }
.article a.article25_2{ background: url("../png/article2025_2_bg.png") no-repeat left top; background-size: cover; }
.article a.article25_3{ background: url("../png/article2025_3_bg.png") no-repeat left top; background-size: cover; }
.article a.article1{ background: url("../png/article1_bg.png") no-repeat left top; background-size: cover; } 
.article a.article2{ background: url("../png/article2_bg.png") no-repeat left top; background-size: cover; }
.article a.article3{ background: url("../png/article3_bg.png") no-repeat left top; background-size: cover; }
.article a.article4{ background: url("../png/article4_bg.png") no-repeat left top; background-size: cover; }
.article a.article5{ background: url("../png/article5_bg.png") no-repeat left top; background-size: cover; }
.article a.article6{ background: url("../png/article6_bg.png") no-repeat left top; background-size: cover; }

/*.RelatedFlyers2  .flyer a{ background-size: cover;  background-position: center center; }*/
.RelatedFlyers3  .flyer a{ background-size: contain;  background-position: top center; }

.flyer1{ background: url("../jpg/bead-page_flyers_photos-01.jpg") no-repeat left top; }
.flyer2{ background: url("../jpg/bead-page_flyers_photos-02.jpg") no-repeat left top; }
.flyer3{ background: url("../jpg/bead-page_flyers_photos-03.jpg") no-repeat left top; }
.flyer4{ background: url("../jpg/bead-page_flyers_photos-04.jpg") no-repeat left top;}
.flyer5{ background: url("../jpg/bead-page_flyers_photos-05.jpg") no-repeat left top; }
.flyer6{ background: url("../jpg/bead-page_flyers_photos-06.jpg") no-repeat left top;}



.baba{ border: 0px; background: transparent; margin: 15px 15px 15px 0px; text-align: center; text-decoration: underline;
  color: rgba(241, 8, 8, 0.9);}
#contactbabaform input:nth-first-child.form-check-input{ margin-left: 0px;}
#contactbabaform input.form-check-input{ margin-left:15px;}


 #submit_bababtn {
        font-size: inherit!important;
        padding: 10px;
        margin-top: 10px;
    }
    #submit_bababtn:disabled {
        cursor: not-allowed;
        pointer-events: all!important;
        background-color: #eaeaea;
        border: 1px solid #eaeaea;
    }




.bead_contentType{ font-weight:500; display:block}
	
.new{font-size: 10px; background: rgba(241, 8, 8, 0.9); border-radius: 4px; padding: 3px;color:#fff;}
	
.row.RelatedLinks{ border-radius: 8px; background:#F5F2F2; margin-left:0px; margin-right:0px; margin-bottom: 35px; display:flex; }


.c-info{margin-top: 3%;}
	
.row.RelatedLinks  ul{ list-style: none;  margin: 20px 5px 20px 5px; border-left:1px solid #BE2D19; padding: 0px 0px 0px 15px;}
.row.RelatedLinks  ul li { margin:0px 0px 12px 0px;}
	
.row.RelatedLinks  ul li a{  color:#BE2D19; }
.row.RelatedLinks  ul li:last-child a { margin-bottom:0px; }

.row.RelatedLinks .headin { display:flex; align-content: center;align-items:center; height:auto;}
.row.RelatedLinks .headin h5{ text-align:right; font-size:21px;  color:#BE2D19; width: 100%; }
.buttonArea{width:100%; text-align:center; display: flex;}

.bead_prog .formSubmit{ background: #BE2D19; font-size:28px; font-weight:500; color:#FCFCFC; padding: 31px 115px; border-radius:61px; border:0px; margin:120px auto; line-height: 100%;border: 2px solid #BE2D19;transition: background 2s; }

.formSubmit:hover{border: 2px solid #BE2D19; background: #FCFCFC; color:#BE2D19; }
	
.BeadContactForm{ margin:20px;}

.BeadContactForm form{ width:90%; margin-left:5%; }
.BeadContactForm form input, .BeadContactForm form select{ border-radius:4px; border:1px solid #D0CECE; background:#F9f9f9; }
.BeadContactForm form label{ font-size:16px; font-weight:100!important; color:#514E50; margin-top:15px; margin-left:auto; line-height: 120%;}
.red{ font-style:italic; color:#BE2D19; font-size:14;}

#contactform .formSubmit, #contactbabaform .formSubmit{ margin: 20px 5%; padding:19px 115px;}

#contactform .formSubmit[disabled], #contactbabaform .formSubmit[disabled]{ opacity:.3;}


 .row.RelatedFlyers{ border-radius: 8px; background:#F5F2F2; margin-left:0px; margin-right:0px; margin-bottom: 35px; display:flex; }
.RelatedFlyers #carousel-flyers{ margin:15px auto;}

.RelatedFlyers .carousel-inner{ margin:5px auto; width:87%; display:block; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .77); border-radius: 10px;}	
.RelatedFlyers .carousel-inner .item a img{ border-radius: 10px; }

.RelatedFlyers .carousel-inner .item a .carousel-caption{ width: 100%; left: 0px; padding: 20px 10px; top: 0px; text-align: left;  border-radius: 10px 10px 0px 0px; backdrop-filter: blur(14px); background: linear-gradient(180deg, rgba(59,58,58,0.26) 0%, rgba(59,58,58,1) 100%); bottom: 65%; margin-top: 0px; }

.RelatedFlyers .carousel-inner .item a .carousel-caption span.docType{ display:block; font-size: 1em;font-weight: 400;}
.RelatedFlyers .carousel-inner .item a .carousel-caption span.docTitle{ font-size: 1.2em;}
.RelatedFlyers .carousel-inner .item:hover a .carousel-caption span.docTitle{text-decoration: underline;}

.RelatedFlyers .carousel-control.left {left:-31px;}
.RelatedFlyers .carousel-control.right {right:-31px;}




@media (min-width: 1300px) {
	.bead_content .container {
    width: 1336px;
  	}
}

@media (max-width: 992px) {
  .upcoming {
    position: relative !important;
    left: 27px!important;
    top: -11px!important;
  }
}