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



body { margin:0;   padding: 0;
   font-family: 'Fira Sans Extra Condensed', sans-serif;
   color:#524b48; 
}

img { border:0;   } 
 

a:link    {	 color:184189; text-decoration:none;}
a:visited {  color:#184189;  text-decoration:none;}
a:active  {	 color:#184189;  text-decoration:none;}
a:hover   {	 color: #35A8E0; text-decoration:none;  }


.dvCntr {  width:1200px;  margin:auto; }
.dvTop  { background-image:url(im/bg_top.png); background-repeat:no-repeat; background-position:top right; }
/*.dvTopIns  { position:relative; height:280px; background-image:url(im/logo_hbp.png); background-repeat:no-repeat; background-position:0 10px; }*/
.dvTopCntr{ height:280px; background-image:url(im/logo_openday.png); background-position:center 90%; background-repeat:no-repeat}
.dvTopInsFlx {display:flex;height:280px; }
.dvTopMn { text-align:right; padding-top:30px }
.dvTopMnRight {margin-left: auto; padding-top:20px }
.dvOpnDayImg {position:absolute; bottom:0px; width:100% }
.mobLogSite { display:none; }
.imgOpnDay { display: block;margin-left: auto;margin-right: auto; margin-bottom:10px; }

.dvMenu { background-color:#002f59;}
.dvMenuIns {  width:1200px; margin:auto; display: flex; justify-content:center; }
.dvRghtClm { width:400px; margin-left:10px;}


.mnTop { display:inline-block; border-right:1px solid #184189;}
.mnTop a:link, .mnTop a:visited, .mnTop a:active { color:#002f59; font-size:12pt; font-weight:normal; padding:0 10px; text-transform:uppercase; }
.mnTop a:hover { color:#e96e10}
.mnTop:last-child { border-right:0px solid #184189; }

.tpmenu { display:none; }

.dvBody { background-color:#f5f5f5}

.pgTitle { padding: 20px 0; font-size:32px;}
.pgTitle a:link, .pgTitle a:visited, .pgTitle a:active { color:#184189;  }
.pgTitle a:hover { color:#184189}


.bdyCont { display: flex; padding-bottom:50px;}
.bdyLeft { background-color:#FFF; width:730px;  padding:25px;  margin-right:25px;}
.bdyRight { flex: 1; }

.fooImgs {display: flex; flex-wrap:wrap; margin:auto; width:1000px; justify-content: center;}
.fooImgs img {  width:30vw;  max-width:220px; margin:20px 40px; }
.fooLine { border-bottom: 1px dashed #002f59; height:1px }

.fooAdrs  {display: flex; padding:30px 0 }
.fooAdrsLogo { width:60%; padding-right:40px; }
 
.fooAdrsText { color: #184189;font-size: 11.5pt;}
.fooAdrsText p { margin:0; padding:10px 0 0 0; color:#35A8E0 }

.fooCprt { padding: 20px 0; background: #002f59;text-align:center; color: #fff;font-size: 11pt;}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin:20px 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bluearealink {
    
   color: #f2b550;
}

a.button-reg {
display:inline-block;
width:100%;
padding:0.35em 1.2em;
border:0.1em solid #002f59;
margin:0 0.3em 0.3em 0;
border-radius:0.12em;
box-sizing: border-box;
text-decoration:none;
font-weight:bold;
color:#ffffff;
text-align:center;
transition: all 0.2s;
background-color:#002f59;
}


a.button-reg:hover{
color:#002f59;
background-color:#ffffff;
}
@media all and (max-width:30em){

a.button-reg{
display:block;
margin:0.4em auto;
}
}