* {
margin: 0;
padding: 0;
}



body {
font-family: 'Arial';
}


h1 {
color: #2f5e85;
font-size: 24pt;
line-height: 1.6;
margin-bottom: 10px;
font-weight: bold;
text-transform: uppercase; 
text-align: center;
}


h3 {
margin-bottom: 20px;
margin-top: 20px;
font-size: 19pt;
color: #f07c00;
text-align: left;
}

h3.blue {
margin-bottom: 20px;
margin-top: 20px;
font-size: 19pt;
color: #1d75eb;
text-align: left;
}


hr {
border: none;
height: 1px; line-height: 1px;
background: #ccc;
margin-bottom: 10px;
padding: 0;
}

p.grey {
margin: 0;
padding: 7px 0;
font-size: 12pt; 
color: #666; 
font-weight: bold;
line-height: 1.3;
}

.txt-new-yb {font-size: 14pt; font-style: normal;  color: #fff; background-color: #2f5e85; margin: 10px; padding: 10px;}


a.lnkd {color: #fff; background: #00a2e6; text-decoration: none; font-family: arial; font-size: 20pt; font-weight: bold; display: block; padding-top: 15px; padding-bottom: 15px; width: 250px; text-align: center; border-top: 6px solid #a3dbf7; border-bottom: 6px solid #a3dbf7; margin-top: 40px;}
a:hover.lnkd {color: #a3dbf7; background-color: #3a3285; border-top: 6px solid #00a2e6; border-bottom: 6px solid #00a2e6; box-shadow:0 10px 30px rgba(0,0,0,.5);}

a.lnkd18 {color : #fff; background: #1f6f7d; text-decoration: none; font-family: arial; font-size: 20pt; font-weight: bold; display: block; padding-top: 15px; padding-bottom: 15px; width: 250px; text-align: center; border-top: 6px solid #b4bb69; border-bottom: 6px solid #b4bb69; margin-top: 40px;}
a:hover.lnkd18 {background-color: #b4bb69; border-top: 6px solid #1f6f7d; border-bottom: 6px solid #1f6f7d; box-shadow:0 10px 30px rgba(0,0,0,.5);}

a.lnkd19 {color: #fff; background: #44407b; text-decoration: none; font-family: arial; font-size: 20pt; font-weight: bold; display: block; padding-top: 15px; padding-bottom: 15px; width: 250px; text-align: center; border-top: 6px solid #23294c; border-bottom: 6px solid #23294c; margin-top: 40px;}
a:hover.lnkd19 {background-color: #23294c; border-top: 6px solid #44407b; border-bottom: 6px solid #44407b; box-shadow:0 10px 30px rgba(0,0,0,.5);}

a.lnkd20 {color: #fff; background: #25476f; text-decoration: none; font-family: arial; font-size: 20pt; font-weight: bold; display: block; padding-top: 15px; padding-bottom: 15px; width: 250px; text-align: center; border-top: 6px solid #3991a1; border-bottom: 6px solid #3991a1; margin-top: 40px;}
a:hover.lnkd20 {background-color: #3991a1; border-top: 6px solid #25476f; border-bottom: 6px solid #25476f; box-shadow:0 10px 30px rgba(0,0,0,.5);}

a.lnkd21 {color: #fff; background: #586dae; text-decoration: none; font-family: arial; font-size: 20pt; font-weight: bold; display: block; padding-top: 15px; padding-bottom: 15px; width: 250px; text-align: center; border-top: 6px solid #6dcbf1; border-bottom: 6px solid #6dcbf1; margin-top: 40px;}
a:hover.lnkd21 {background-color: #6dcbf1; border-top: 6px solid #586dae; border-bottom: 6px solid #586dae; box-shadow:0 10px 30px rgba(0,0,0,.5);}

a.lnkd22 {color: #fff; background: #f7a840; text-decoration: none; font-family: arial; font-size: 20pt; font-weight: bold;  display: block; padding-top: 15px; padding-bottom: 15px; width: 250px; text-align: center; border-top: 6px solid #0073bc; border-bottom: 6px solid #0073bc; margin-top: 40px;}
a:hover.lnkd22 {background-color: #0073bc; border-top: 6px solid #f7a840; border-bottom: 6px solid #f7a840; box-shadow:0 10px 30px rgba(0,0,0,.5);}

a.lnkd23 {color: #fff; background: #48a0b4; text-decoration: none; font-family: arial; font-size: 20pt; font-weight: bold; display: block; padding-top: 15px; padding-bottom: 15px; width: 250px; text-align: center; border-top: 6px solid #212940; border-bottom: 6px solid #212940; margin-top: 40px;}
a:hover.lnkd23 {color : #48a0b4;background-color: #e4e9ae; border-top: 6px solid #f17b00; border-bottom: 6px solid #f17b00; box-shadow:0 10px 30px rgba(0,0,0,.5);}

a.lnkd24 {color: #fff; background: #3acfcc; text-decoration: none; font-family: arial; font-size: 20pt; font-weight: bold; display: block; padding-top: 15px; padding-bottom: 15px; width: 250px; text-align: center; border-top: 6px solid #2e385c; border-bottom: 6px solid #2e385c; margin-top: 40px;}
a:hover.lnkd24 {background-color: #2e385c; border-top: 6px solid #3acfcc; border-bottom: 6px solid #3acfcc; box-shadow:0 10px 30px rgba(0,0,0,.5);}




#maincontainer {max-width: 1200px; background-color: #fff; border: 0; overflow:hidden; }

#maincontainer img {max-width: 100%; height: auto;}

.textblock {max-width: 1200px; border:1px solid #c2c2c2; background-color: #fff; overflow:hidden; margin-bottom: 10px;}

.textblock1 {max-width: 1200px; border: 0; overflow:hidden; margin-bottom: 10px; text-align: left; padding-top: 20px; }

.leftblockfull {max-width: 1200px; padding: 10px;}

.leftblockfull img {max-width: 100%; height: auto;}

.txt-new {font-size: 16pt; font-style: normal; color: #000; line-height: 1.3em; margin-bottom: 7px;  text-align: left;}

.txt-new20 {font-size: 16pt; font-style: normal; color: #000; line-height: 1.3em; margin-bottom: 7px; padding-left: 20px;  text-align: left;}

.txt-new201 {font-size: 16pt; font-style: normal; color: #000; line-height: 1.3em; margin-top: 25px; margin-bottom: 7px; padding-left: 20px; font-weight: bold;  text-align: left;}

.txt-new40 {font-size: 16pt; font-style: normal; color: #000; line-height: 1.3em; margin-bottom: 7px; padding-left: 40px;  text-align: left;}

.txt-new60 {font-size: 16pt; font-style: normal; color: #000; line-height: 1.3em; margin-bottom: 7px; padding-left: 60px;  text-align: left;}

.center {text-align: center;}

a.m {color: #000; text-decoration: underline; font-size: 16pt;}
a:hover.m {text-decoration: none;}

a.m2 {font-size: 16pt; color: #940202; text-decoration: underline; background-color: #fff; padding: 2px;}
a.m2:hover {text-decoration: none; color: #fff; background-color: #940202; padding: 2px;}

#footer {max-width: 1200px; height: 250px; text-align: center; padding-top: 30px; background: #143552; overflow:hidden;}

#footer p {font-size: 17px; font-style: normal; color: #fff; line-height: 1.4em;  margin-bottom: 7px; }






hr {
margin: 20px 0;
padding: 0;
height: 0;
border: none;
box-shadow: 0 0 10px 1px black;
}

.collapsible {
  background-color: #777;
  color: #fff; 
  font-size: 32px; 
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
border-bottom: 2px solid #fff;
 }

.active-yb {
  background-color: #9e9e9e;
}



.content {
  padding: 0 10px;
  display: none;
  overflow: hidden;
  background-color: #fff;
}


.m5 {
  /* background-color: #777; */
  color: #000;
  font-size: 16pt;
  cursor: pointer;
  display: block;
  width: 450px;
  padding: 8px;
  text-decoration: underline;
  border-bottom: 2px solid #fff;
  transition: background-color 0.3s;
}

@media screen and (max-width: 600px) {
  .m5 {
  width: 400px;
  }
  }

.m5.active-yb {
  background-color: #bebebe;
  text-decoration: none;
}

.popup-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
  background: #f0f0f0;
  padding: 0 18px;
}

.popup-content.open {
  max-height: 300px; 
  padding: 10px 18px;
}



.popup {
position: relative;
display: inline-block;
cursor: pointer;
margin-bottom: 7px;
margin-left: 8px;
}

/* .popup-content {
display: none;
position: absolute;
z-index: 1;
top: -50px;
left: 150px;
background-color: #fff;
min-width: 200px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 10px;
border: 2px solid #ddd;
border-radius: 10px;
} */

/* .popup:hover .popup-content {
display: block;
} */

.popup-content p {font-size: 20px; color: #000; margin-bottom: 5px;}

a.pl {font-size: 18px; display: block; color: #fff; background-color: #143552; text-align: left; text-decoration: none; padding: 10px; }

a:hover.pl {background-color: #d5b36a; }