body {display:block; width:100%; height:100vh;background:#eee;font-family:Karla;}
input[type=checkbox] {flex: none;margin-right: 10px;transform: scale(1.5);}
input{background:#eee;}
input:hover{background:#fff !important;}
input:-webkit-autofill, input:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0 30px #eee inset !important;}
input:-webkit-autofill:hover, input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 30px white inset !important;}

.pimage{max-height:38px;margin:auto;margin-left:20px;width:auto;}
.iclass{width: 80%;padding: 12px 20px;margin: 8px 0;display: inline-block;border: 1px solid #ddd; box-sizing: border-box;background:#eee !important;}
.xclass{width:90%;margin:0px;vertical-align:top;text-align:center;}
.xbutton {width: 100%; height:55px;background-color:#004b8e;color:white;padding:14px 20px;cursor:pointer;border:none;border-radius:0 20px 20px 20px;}
.xbutton:hover {opacity: 0.8;}
.cancelbtn {width:auto; height:55px;background-color: #f44336;color:white;padding:14px 20px;cursor:pointer;border:none;border-radius:0 20px 20px 20px; }
.cancelbtn:hover {opacity: 0.8;}
.modalTop {display: block; position: fixed; z-index: 99; left: 0;top: 0;width: 100%; height: 40px;background:#004b8e;}
.modalBottom {display: block; position: fixed; z-index: 99; left: 0;bottom: 0;width: 100%; height: 40px;background:#004b8e}
.flexb{display:flex;margin:auto;padding-top:0px;padding-bottom:0px;width:80%;padding-block:2rem;}
.flexb > * {flex-grow: 1;flex-basis:50%; }
#chkbox{display: flex;background:transparent;justify-content: center;vertical-align:middle;align-items: center;text-align: center;padding:10px; margin-right:10px;}
.modal-content {display: flex;padding-bottom:20px;background:transparent;justify-content: center;vertical-align:middle;align-items: center;text-align: center;min-height: 100vh;}
.modal-contentx {background:#fff;margin: auto;display:block;height:auto;vertical-align:middle;border-radius:0 30px 30px 30px;-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.75);box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.75);}
.animate {-webkit-animation: animatezoom 0.6s; animation: animatezoom 0.6s}
@-webkit-keyframes animatezoom {0% {-webkit-transform: scale(0)} 100% {-webkit-transform: scale(1)}}
@keyframes animatezoom {0% {transform: scale(0)} 100% {transform: scale(1)}}
span.psw{font-weight:bold}

/* SMARTPHONES PORTRAIT 66A4AA replaces 007e9e in this page*/
@media only screen and (min-width: 300px) {
	span.psw {display: block;float: none;}
	.cancelbtn {width: 50%;}
	#modalwidth{width:90%;}
	.htd{height:30px;background-color:#66A4AA;}
	.buttonx {border:5px solid transparent;border-radius:40px;padding:10px 25px;text-indent:45px !important;overflow: hidden;width:180px;-webkit-transition: all 1.2s, border 0.5s 1.2s, box-shadow 0.3s 1.5s;transition: all 1.2s, border 0.5s 1.2s, box-shadow 0.3s 1.5s;white-space: nowrap;text-indent:0%;font-weight: bold;outline:none;}
	.buttonx span {display:inline-block;font-weight:bold;opacity:0;-webkit-transform:translateX(150%);-webkit-transition: opacity 0.1s 0.5s, -webkit-transform 0.4s 0.5s;transform: translateX(300px);transition:opacity 0.1s 0.5s, transform 0.4s 0.5s;}
	.buttonx:hover {background:#55706D;text-indent:0px !important;width:200px;color:#FFE8A3;cursor:pointer;outline:none;border: 5px solid #8DCCC4;box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.15);}
	.buttonx:hover span{-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}
}
/* SMARTPHONES LANDSCAPE */
@media only screen and (min-width: 480px) {
	#modalwidth{width:70%;}
	.htd{height:30px;background-color:#66A4AA;}
	.buttonx {border:5px solid transparent;border-radius:40px;padding:10px 25px;text-indent:30px !important;overflow: hidden;width:150px;-webkit-transition: all 1.2s, border 0.5s 1.2s, box-shadow 0.3s 1.5s;transition: all 1.2s, border 0.5s 1.2s, box-shadow 0.3s 1.5s;white-space: nowrap;text-indent:0%;font-weight: bold;outline:none;}
	.buttonx span {display:inline-block;font-weight:bold;opacity:0;-webkit-transform:translateX(150%);-webkit-transition: opacity 0.1s 0.5s, -webkit-transform 0.4s 0.5s;transform: translateX(300px);transition:opacity 0.1s 0.5s, transform 0.4s 0.5s;}
	.buttonx:hover {background:#55706D;text-indent:0px !important;width:170px;color:#FFE8A3;cursor:pointer;outline:none;border: 5px solid #8DCCC4;box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.15);}
	.buttonx:hover span{-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}
}
/* TABLETS PORTRAIT */
@media only screen and (min-width: 691px) {
	#modalwidth{width:60%; }
	.buttonx {border:5px solid transparent;border-radius:40px;text-indent:45px !important;padding:15px 30px;overflow: hidden;width:200px;-webkit-transition: all 1.2s, border 0.5s 1.2s, box-shadow 0.3s 1.5s;transition: all 1.2s, border 0.5s 1.2s, box-shadow 0.3s 1.5s;white-space: nowrap;text-indent: 10%;font-weight: bold;outline:none;}
	.buttonx span {display:inline-block;font-weight:bold;opacity:0;-webkit-transform:translateX(150%);-webkit-transition: opacity 0.1s 0.5s, -webkit-transform 0.4s 0.5s;transform: translateX(300px);transition:opacity 0.1s 0.5s, transform 0.4s 0.5s;}
	.buttonx:hover {background:#55706D;width:220px;text-indent:0px !important;color:#FFE8A3;cursor:pointer;outline:none;border: 10px solid #8DCCC4;box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.15);}
	.buttonx:hover span{-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}
}
/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (min-width: 950px) {
	#modalwidth{width:60%; }
	.buttonx {border:5px solid transparent;border-radius:40px;text-indent:45px !important;padding:15px 30px;overflow: hidden;width:200px;-webkit-transition: all 1.2s, border 0.5s 1.2s, box-shadow 0.3s 1.5s;transition: all 1.2s, border 0.5s 1.2s, box-shadow 0.3s 1.5s;white-space: nowrap;text-indent: 20%;font-weight: bold;outline:none;}
	.buttonx span {display:inline-block;font-weight:bold;opacity:0;-webkit-transform:translateX(150%);-webkit-transition: opacity 0.1s 0.5s, -webkit-transform 0.4s 0.5s;transform: translateX(300px);transition:opacity 0.1s 0.5s, transform 0.4s 0.5s;}
	.buttonx:hover {background:#55706D;text-indent:0px !important;color:#FFE8A3;width:220px;cursor:pointer;outline:none;border: 10px solid #8DCCC4;box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.15);}
	.buttonx:hover span{-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}
}
/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (min-width: 1024px) {
	#modalwidth{width:50%;}
	.htd{height:60px;background-color: #66A4AA;}
	.buttonx span {display:inline-block;font-weight:bold;opacity:0;-webkit-transform:translateX(150%);-webkit-transition: opacity 0.1s 0.5s, -webkit-transform 0.4s 0.5s;transform: translateX(300px);transition:opacity 0.1s 0.5s, transform 0.4s 0.5s;}
	.buttonx:hover {background:#55706D;text-indent:0px !important;color:#FFE8A3;width:220px;cursor:pointer;outline:none;border: 10px solid #8DCCC4;box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.15);}
	.buttonx:hover span{-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}
}  
.em3{display: flex; align-items:center; margin-left:5em;width:100%;}
.em4{margin-bottom:0;padding-top:20px;}
.em5{margin-bottom:0;padding-top:10px;}
.em6{display:flex;align-items:baseline; padding-left:10px;}

.class5{margin-top:8px;}
.class6{padding:20px;padding-bottom:0;}
#tfa{display:none;opacity:0;height:0px;width:100%;background-color:#fff;transition:all 2s;}
#message{display:none;color:#ff0000;padding:20px;padding-top:30px;padding-bottom:30px;}
/*#id1{background:#fff;background-image: url('../icon/icon.svg');width:100%;height:800px;}*/
#id2{display:block; height:auto;}
#id3{max-height:50px}
#id33{width:100%; max-height:100px;}
#id4{font-size:17.3px;font-family:'Century Gothic';fill:#666;stroke-width:1.16263366}
#id5{font-style:italic;font-weight:bold;font-size:46.6px;font-family:'Century Gothic';fill:#3fc5e3;fill-opacity:1}
#id6{width:100%; height:30px; font-size:20px; color:#444; text-align:center;}
#id7{width:100%; height:30px; font-size:14px; color:#111; text-align:center;}
#id8{width:100%; height:40px;}
#id9{display:inline-block; border:0px;padding:0px; width:120px; height:40px; margin-left:calc(50% - 100px);}
#id10{margin-top:0px;padding-top:0px; text-align:center;}
#id11{display:inline-block;height:42px;margin-top:6px;margin-left:-6px;border-radius:0px 5px 5px 0px}
#id12{background-color:#fff;width:100%; padding-top:20px; margin-top:0px; border-radius:0 0px 30px 30px}
#id13{color:#3379B7}