@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@100;200;300;400;500;600;700;900&display=swap');
html, body, div{ margin:0; padding:0; }
html { 
	-ms-text-size-adjust: 100%; 
	-webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}
*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
 
body{ 
 font-family: 'Prompt', Arial, Tahoma;  -webkit-text-size-adjust: none; background:#ffffff;
 font-size:14px; line-height:1.5; color:#333333; font-weight:400; min-width: 320px;  overflow-x:hidden; } 

img{ border:none; max-width:100%; outline:0; vertical-align:middle;  }
:focus { outline:0; }
a:active { outline:none; }
.word-wrap { word-wrap: break-word; } 
.clear{ clear:both; }
.clearvdo{ clear:both; }
.box{ display:block; position:relative; }
.boxleft, .left{ float:left; }
.boxright, .right{ float:right; }

.txt-center{ text-align:center; }
.txt-left{ text-align:left; }
.txt-right{ text-align:right; }

.table{ display:table; width:100%; margin:0; padding:0; position:relative; }
.table-row{ display:table-row; }
.table-cell{ display:table-cell; }

a:link{ text-decoration:none; color:#333333; }
a:visited{ text-decoration:none; color:#333333; }
a:hover{ text-decoration:none; color:#333333; }
 

#page{ display:block; position: relative;  }
.content{ display:block; position: relative; width:86%; margin:0 auto; }

#homebximg{ display:block; position: relative; text-align: center; width:100%; }
#homebximg img{ width:100%; }
#homebximg > .desktop{ display:block; }
#homebximg > .mobile{ display:none; }

#homebxtxt{ display:block; position: relative; background:#033776; color:#fff; font-size:26px; text-align:center; padding:26px 0; }

#bxform{ display:block; position: relative; padding:65px 0; background:#f7f8fa;  }
.bxform{ display:block; position: relative; max-width:800px; margin:0 auto; font-size:16px; }

.inputbx{ display:block; position: relative; width: 100%; margin:0 0 16px; }
.inputbxsubmit{ display:block; position: relative; margin:20px 0 0; text-align: center; }

#inputform{ display:block; position:relative; margin:0; font-family:inherit; font-size:inherit; color:inherit;   }
#inputform input{  font-family:inherit; font-size:inherit; color:inherit;  }
#inputform textarea{  font-family:inherit; font-size:inherit; color:inherit; resize: none; }

#inputform .input{
  background: #ffffff; border-radius:6px; border:#c2c7cc solid 1px; 
  height: 100%; outline: 0; width: 100%; padding:8px 12px; color:#333333; } 
#inputform .input.textarea{ height:160px; }

#inputform .cut{ position: absolute; left:12px; top:0px; transform: translateY(0); transition: transform 200ms; }

#inputform .input:focus ~ .cut,
#inputform .input:not(:placeholder-shown) ~ .cut {
  transform: translateY(8px);  }

#inputform .placeholder { 
  position: absolute; left:12px; top:8px; color: #959595; pointer-events: none;
  transform-origin: 0 50%; transition: transform 200ms, color 200ms;  }

#inputform .input:focus ~ .placeholder,
#inputform .input:not(:placeholder-shown) ~ .placeholder {
  transform: translateY(-25px) translateX(0px) scale(0.75);  }

#inputform .input:not(:placeholder-shown) ~ .placeholder {
  color: #033776; background:#f7f8fa; padding:2px 6px; }

#inputform .input:focus ~ .placeholder {
  color: #033776; background:#f7f8fa; padding:2px 6px; }

#inputform .input:focus{ border:#033776 solid 1px;  }   

#inputform input[type=submit]{ display:inline-block; position: relative; background:#033776; color:#fff; border-radius:26px; ont-family:inherit; border: none; cursor: pointer; padding:14px 16px; transition: ease 0.5s; width:200px; }
#inputform input[type=submit]:hover{ background:#e5ebf1; color:#033776; }

#inputform label.error{ display:block; position:relative; padding:0; color:#ff0000; font-size:12px; font-style:italic; text-align: left; }
#inputform .input.error{ border:#ff0000 solid 1px; }


#bxbless{ display:block; position: relative; padding:65px 0;  }
.bxblesstxth{ display:block; position: relative; padding:0 0 52px; text-align: center; }
.bxblesstxth > span{ display:inline-block; position: relative; }
.bxblesstxth > span > .linex{ display:inline-block; position: relative; width:30px; height:1px; background:#033776; vertical-align: middle; }
.bxblesstxth > span > .txt{ display:inline-block; position: relative; font-size:26px; font-weight:500; color:#033776;  margin:0 16px; vertical-align: middle; }

.bxbless{ display:block; position: relative; max-width:1128px; margin:0 auto; }
.bxblessx{ display:inline-flex; position: relative; vertical-align: top; width:33%; margin-bottom:36px; }
.bxblessx > .blessbx{ display:block; position: relative; width:340px; margin:0 auto; }
.bxblessx > .blessbx > .blesstxt{ display:block; position: relative; border-radius:6px; border-bottom-left-radius:0px; margin:0 0 29px;  }
.bxblessx > .blessbx > .blesstxt > .bx{ display:block; position: relative; padding:26px;  }
.bxblessx:nth-child(n)  > .blessbx > .blesstxt{ background: #f1ebdc; }
.bxblessx:nth-child(2n) > .blessbx > .blesstxt{ background: #e5ebf1; }
.bxblessx:nth-child(n)  > .blessbx > .blesstxt > .icon{ display:block; position:absolute; width:18px;  height:16px; background:url("../img/btm-bx1n.png") no-repeat; bottom:-16px; left:0; }
.bxblessx:nth-child(2n)  > .blessbx > .blesstxt > .icon{ display:block; position:absolute; width:18px;  height:16px; background:url("../img/btm-bx2n.png") no-repeat; bottom:-16px; left:0; }

.bxblessx > .blessbx > .blessby{ display:block; position: relative;  color:#033776; }
.bxblessx > .blessbx > .blessby > .tb{ display:table; position: relative; width:100%; }
.bxblessx > .blessbx > .blessby > .tb > .tcline{ display:table-cell; position:relative; width:65px; vertical-align:top; }
.bxblessx > .blessbx > .blessby > .tb > .tcline > div{ display:block; position: relative; width:52px; height:2px; background:#f08a11; margin:10px 0 0; }
.bxblessx > .blessbx > .blessby > .tb > .tcname{ display:table-cell; position:relative; vertical-align:top;  }

.bxloadmore{ display:block; position: relative; text-align:center; }
.bxloadmore > a{ display:inline-block; position: relative; background:#033776; color:#fff; border-radius:26px; ont-family:inherit; border: none; cursor: pointer; padding:14px 16px; transition: ease 0.5s; width:200px; }
.bxloadmore > a:hover{ background:#e5ebf1; color:#033776; }


#footer{ display:block; position: relative; padding:29px 0; background:#f7f8fa; text-align: center; }