ul{padding:0;margin:0;}
body{background-image:url(../images/Stars-In-Space.jpg);background-repeat: no-repeat;background-attachment:fixed;font-family:'Roboto';font-size:15px;color:#fff;width:100%;margin:0;padding:0;text-align:center;}
p,form{margin:0 0 1.5em;padding:0;}blockquote{margin:1.5em;}sup,sub{line-height:0;}address{margin:0 0 1.5em;}
p{clear:both;}a:link,a:visited{color:#D9E0F3;}a:hover{color:#1E90FF;}
.navigation{z-index:50;position:relative;border-bottom:1px solid #fff;display:inline-block;margin:15px auto 40px;}
.navigation ul li{float:left;list-style:none;}
.navigation ul li a{display:block;text-decoration:none;padding:10px 20px 10px;font-size:17px;}
.navigation .subnav{left:-999em;list-style:none;line-height:1;margin:0;padding:0;position:absolute;width:auto;min-width:150px;z-index:1000;}
.navigation ul.subnav li{float:left;clear:both;margin:0;padding:0;width:100%;}
.navigation ul.subnav li a{display:block;height:auto;padding:14px;width:auto;text-align:left;font-size:14px;}
#Nav1 li:hover ul{left:auto;}#Nav1 li:hover{position:static;}
.navigation ul li a,.navigation ul li a:visited{color:#fff;}
.navigation ul li a:hover{background:#777;}
.navigation .subnav li a{background:#222;}
.navigation .subnav li a:visited{color:#fff;}
.navigation .subnav li a:hover{color:#fff;background:#555;}
.content{height:auto;width:80%;max-width:1200px;text-align:center;margin:0 auto;display:flex;justify-content:center;}
.title{width:calc(100% - 50px);font-size:26px;line-height:28px;font-weight:bold;margin-bottom:20px;text-align:left;}
#ll,.ll{font-size:20px;font-style:italic;}
.header{width:100%;text-align:center;}.header img{width:100%;max-width:840px;margin-top:10px;}
.left{text-align:left;}
.col1,.col2,.col3{position:relative;margin:14px;clear:both;text-align:left;}.col2{text-align:justify;}.col3{margin:0;}
.card{position:relative;width:100%;}
.sizeit{position:relative;width:100%;margin:0 auto 20px;overflow:hidden;padding-top:56.3%;}
.cardcontent{padding:14px 6px 14px;background:#222;background:rgba(120,120,120,0.4);backdrop-filter:blur(8px);border-radius:10px;}.DD{padding:0;}
.cardcontent li{list-style:none;cursor:pointer;margin: 0 auto 10px;font-size:14px;line-height:16px;}.cardcontent li:last-of-type{margin:0 auto;}
.cardcontent a:hover{background:#777;background:rgba(255,255,255,0.2);border-radius:8px;}
.card a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;}.card img{width:100%;border-radius:8px;}
.cardcontent a{display:block;text-decoration:none;color:#fff;cursor:pointer;padding:7px 8px 3px;}
.card{margin-bottom:14px;}
.topS img{position:absolute;margin-left:-83px;height:47px;width:78px;border-radius:6px;}
.topS .cardcontent li{margin:0 auto 5px;}.topS .cardcontent li:last-of-type{margin:0 auto;}
.topS .cardcontent a{padding:7px 8px 6px 91px;}
.col2 .sizeit{padding:0;}
.sizeit img{border-radius:10px;position:relative;width:100%;aspect-ratio: 16 / 9;}#menu,#lA,.more{display:none;}
.card:last-child{margin:0 auto;}
.ytvid{border-radius:10px;overflow:hidden;}
.Lcol{width:70%;height:fit-content;margin-right:14px;background:rgba(120,120,120,0.4);backdrop-filter: blur(8px);border-radius:10px;}.Rcol{width:30%;}
.lT{display:block;font-size:20px;font-weight:bold;margin:0 0 15px 8px;}
.scriptRef{width:80%;text-align:center;font-style:italic;margin:70px auto 0;}
#dL{border-radius:6px;cursor:pointer;font-size:16px;margin:-3px 0 24px;height:34px;padding:0 10px 0 34px;outline:none;background:none;border:1px solid #fff;color:#fff;background-image: url('https://www.bbfva.org/images/download-20.png');background-repeat: no-repeat;background-position: 10px center; /* Adjust position as needed */}
#oP,.btn,select{border-radius:6px;cursor:pointer;font-size:16px;margin:-3px 0 24px;height:34px;padding:0 10px 0 34px;outline:none;background:none;border:1px solid #fff;color:#fff;background-image: url('https://www.bbfva.org/images/open-book.png');background-repeat: no-repeat;background-position: 10px center;}
#yT{border-radius:6px;cursor:pointer;font-size:16px;margin:-3px 0 24px;height:34px;padding:0 10px 0 34px;outline:none;background:none;border:1px solid #fff;color:#fff;background-image: url('https://www.bbfva.org/images/yt_20.png');background-repeat: no-repeat;background-position: 10px center;}
.sizeit img#sB{position:absolute;top:0px;right:0;display:none;cursor:pointer;height:30px;width:30px;}
#dL:hover{background:#777;background-image: url('https://www.bbfva.org/images/download-20.png');background-repeat: no-repeat;background-position: 10px center;}
#oP:hover,.btn:hover,select:hover{background:#777;background-image: url('https://www.bbfva.org/images/open-book.png');background-repeat: no-repeat;background-position: 10px center;}
#yT:hover{background:#777;background-image: url('https://www.bbfva.org/images/yt_20.png');background-repeat: no-repeat;background-position: 10px center;}
.sizeit #sB:hover{opacity:0.6;}
option{background:#777;}
.subT{font-size:14px;font-style:italic;}.sub{margin:12px 0 0 8px;font-size:18px;font-style:italic;}.subTC{font-size:13px;color:#D9E0F3;}.totalDown{font-size:14px;color:#D9E0F3;margin-left:8px;}
.profile{display:block;float:left;text-align:left;height:110px;width:50%;margin-bottom:30px;font-size:14px;}.profile:last-of-type{margin-bottom:50px;}
.profile img{position:relative;float:left;height:110px;width:110px;margin:0 14px 10px;}.profile span{font-weight:bold;font-size:18px;line-height:30px;}
#oP,.btn,select,#yT,.sizeit img#sB{-moz-appearance:none;-webkit-appearance:none;}select::-ms-expand{display:none;}
.footer{font-size:12px;padding:40px 0 20px;color:#fff;text-align:center;clear:both;line-height:10px;}

@media screen and (max-width:1200px){.content{width:96%;}}

@media screen and (max-width:1000px){.profile{width:100%;clear:both;}}

@media screen and (max-width:740px){
body{font-size:14px;}.noscroll{overflow:hidden;}scriptRef{font-size:14px;width:94%;margin:40px auto 0;}
.content{display:block;width:100%;margin-top:60px;}
.Lcol{clear:both;width:92%;margin:0 auto;padding:14px;}.Rcol{clear:both;width:calc(92% + 28px);margin:14px auto;padding:0;}.col1,.col2,.col3{clear:both;width:100%;margin:0 auto;}.card{clear:both;}
.header{padding-bottom:3%;}
.title{font-size:20px;line-height:22px;}#ll,.ll{font-size:16px;}
.navigation {position:absolute;top:0;left:-100%;width:100%;border:none;margin:0;text-align:left;background:#222;}
.navigation ul li {float:none;clear:both;position:relative;}
.navigation ul li a, .navigation ul.subnav li a {padding: 15px 12px 15px;font-size:18px;display:block;width:auto;border-bottom:1px solid #555;}.navigation .subnav li a{background:#333;}
.navigation .subnav {display:block;overflow:hidden;max-height:0;opacity:0;transition:max-height 0.3s ease-out, opacity 0.3s ease-out;position:static;width:100%;background:#555;}
.navigation ul li:hover > ul.subnav {max-height:500px;opacity:1;/* Optionally, you could use transition-delay here to ensure the submenu is visible immediately */}
#Nav1 li:hover{position:relative;}#Nav1 li:hover{position:relative;}.more{display:inline-block;}
#menu{position:absolute;display:block;text-align:center;width:40px;height:40px;line-height:40px;left:50%;font-size:40px;background:none;border-radius:6px;border:1px solid #fff;margin-left:-20px;}
#menu:hover{background:#777;color:#fff;}#lA{display:block;padding: 15px 12px 15px;text-align:center;background:#111;}#cM{border-radius:6px;font-size:24px;width:40px;height:40px;line-height: 40px;color:#fff;padding:0 10px;outline:none;background:none;border:1px solid #fff;}#cM:hover{background:#777;}
.lt{position:absolute;left:0;width:100%;z-index:50;width:100vw;height:100vh;}
.footer{padding:30px 0 15px;font-size:11px;}
.sizeit{width:100%;margin:0 auto 14px;}
}