html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
body {font-size:12.8px; font-family:'Montserrat', sans-serif; font-weight:300; line-height: normal; height:100%; background:#F0F3F5; color:#2D3242;}
html, #root, #site-wrap {height:100%; background:#F0F3F5;}
* {-webkit-font-smoothing: antialiased;}
a {text-decoration: none; color:#FA6C39; cursor: pointer}
h1 {font-size: 1.2rem; font-size:1.5rem; padding-bottom: 20px; font-weight: 700;}
button {background:#FA6C39; color: #fff; font-weight: 600; cursor:pointer; outline:none; border:none; border-radius: 3px}
button:hover {background: #eb8a64; cursor: pointer;}
button.button-lite {background:#999}
button.button-lite:hover {background:#aaa}
input {outline:none;}
strong {font-weight: bold}

#modal {text-align: center; padding-top: 500px; height:100%; box-sizing: border-box; background:#323b57; color:#fff;}
#modal h1 { text-align: center; font-size: 3rem; color:#fff;}
#loading {text-align: center; padding: 50px 0; font-size: 1.5rem; }

#header {width:100%; background: #FAFAFA; padding-left:30px; box-sizing: border-box; height:66px; border-bottom: solid 1px #EAECF4}
#header a {display: block;}
#header h1 {font-weight:700; font-size: 1.28rem; color:#2D3242; display: block; padding-top: 19px }
#header h1 .alt {font-weight: 700}
#header span {float:right; padding: 22px 30px 0 0; font-size: 1rem;}
.main {padding: 0 0 30px 0; font-weight: 400;}
.main-wrap {max-width:990px; margin: 0 auto; padding: 0 1.5%; box-sizing:border-box;}
#footer {width:100%; background: #12182a; border-top: solid 3px #444C63;}
#footer-wrap {max-width:990px; margin: 0 auto; padding: 50px 1.5%; font-size: 1rem; box-sizing:border-box;}
#footer-links {float:right; display:block; color:#fff; font-size: 0.85rem;}
#footer-links a {display: block; float: left; margin-left:20px}
#footer a {color:#fff;}
#footer a:hover {color:#fcd448; cursor: pointer;}

.pane {text-align: center; padding: 50px 0;}
.pane h1 {font-size: 2rem; font-weight:bold; clear:both;}
.pane p {font-size: 1rem; width: 80%; margin: 0 auto;}
.pane .action-wrap {clear:both; padding: 20px 0 90px 0;}
.pane .action-button {clear:both; display: inline-block; padding: 8px 18px; border-radius: 3px; color:#fff; margin: 10px auto; background:#6a7698}
.pane .action-button:hover {background:#fcd448; color:#2D3242}
.pane .light-button {clear:both; display: inline-block; padding: 8px 18px; color:#fff; margin: 5px auto; font-size: 1rem;}
.pane .light-button:hover {color: #fde288;}

#nav {width:220px; height:100%; background:#2D3242; position:fixed; left:0; color:#fff; z-index: 3}
#nav-logo {width: 100%; text-align: center; padding:18px 0; background:#444C63; height:30px;}
#menu {padding-top:0; }
#menu li {display: block; margin-bottom: 10px}
#menu li a {display: block; padding: 18px 10px; cursor: pointer; color:#FA6C39;}
#menu li a.selected {background: #FFE3CC;}
#menu li a:hover span {color: #FA6C39;}
#menu li.norm {}
#menu li a.selected span {color:#2D3242}
#menu li i {display: block; font-size: 1.5rem; float:left; padding: 0 15px 0 5px; margin-top:-3px; width: 50px; text-align: center;}
#menu li span {display: block; color:#fff; font-size: 1rem;}
#nav-last {position: absolute; bottom: 0; width:100%; border-top:solid 1px #3A3A3A; }
#nav-last a {color:#fff; padding: 18px 0 18px 30px; display: block; box-sizing: border-box;}
#nav-last a:hover {color:#FA6C39}
#nav-last i {float:right; color:#EAECF4; padding: 2px 30px 0 0 }
#nav-last a:hover i {color:#FA6C39}

#focus { text-align: center; background:#323b57; background-size:cover; min-height:100% }
#focus-header {padding:30px 0 0 0; text-align: left;}
#focus-header h1 {font-weight: 700; color:#fff; text-align: center}
.focus-wrap {border-radius: 8px; margin:3% auto 0 auto; max-width:500px; background:#fff; border: solid 1px #EAECF4; border-radius: 8px; padding-bottom: 20px}
.focus-wrap h2 {border-bottom: none; font-size: 1rem; padding: 0 3.5%; font-weight: bold}
.auth-hint {font-size: 1rem; color:#999; display: block; padding-bottom: 5px;}

.table-list-simple {box-sizing:border-box; width: 93%; font-size: 1rem; margin:15px 0 10px 0; border-bottom: solid 1px #1B1E20; margin-left:3.5%;}
.table-list-simple td {text-align: center; border-bottom: solid 1px #EAECF4; vertical-align: top; padding: 0; font-size: 0.9rem; text-align: left}
.table-list-simple th {color:#777; padding: 8px 0; text-align: left}
.table-list-simple th.last {text-align: right}
.table-list-simple tr:hover {background:#fcfcfc}
.table-list-simple td.important {font-weight: bold; padding-left:20px;}
.table-list-simple td.last {text-align: right;}
.table-list-simple td a {width:100%; color:#2D3242; display:block; padding: 15px 0}
.table-list-simple td.directory a {color:#FA6C39}

.table-list-small {box-sizing:border-box; width: 93%; font-size: 1rem; margin:15px 0 10px 0; border-bottom: solid 1px #1B1E20; margin-left:3.5%;}
.focus-wrap .table-list-small {margin-left:7%; width:86%}
.table-list-small td {text-align: center; border-bottom: solid 1px #EAECF4; vertical-align: top; padding: 10px 0; font-size: 0.9rem; text-align: left}
.table-list-small th {color:#777; padding: 8px 0; text-align: left}
.table-list-small td:hover {color:#25376c; cursor: pointer;}

#group-list {box-sizing:border-box; width: 93%; font-size: 1rem; margin:15px 0 10px 0; border-bottom: solid 1px #EAECF4; margin-left:3.5%; padding-bottom: 15px;}
#group-list li {display:block; padding: 10px 0}
#group-list a:hover {text-decoration: underline;}

.list-footer {text-align: right; display: block; padding: 0 3.5% 20px 3.5%}
.empty-list {text-align:center; font-size: 1rem; color:#999; padding: 100px 20px;}

.main .Omega h2 {border-bottom: none; margin-bottom: 1px}
.main h2.AltTitle, .main h3.AltTitle, .main-alt h2.AltTitle {border-bottom: none; padding-bottom: 0;}
.main h3 { font-size: 1.0rem; margin: 15px 0px 0 0px; border-bottom:none }

#content { margin-left: 220px; padding-bottom: 80px}
#content-wrap {margin: 28px; background:#fff; border: solid 1px #EAECF4; border-radius: 8px; padding-bottom: 20px;}
#content-clear {margin: 28px; }

.box-header {padding: 18px 3.5%; border-bottom: solid 1px #EAECF4;}
#content h2 {font-weight:400; font-size: 1rem; font-weight: bold; }
.header-button {float:right; display:block; background:#FA6C39; color:#fff; padding: 5px 10px; border-radius: 3px; margin-left:10px;}
.header-button:hover {background:#eb8a64}
.header-link {float:right; display:block; color:#FA6C39; font-size:1rem; margin-right:3.5%}
.header-link:hover {color:#eb8a64}
.header-info {float:right;}
.form-item {display: block; padding: 18px 3.5%;}
.focus-wrap .form-item {padding-left:7%; padding-right:7%}
.form-item label {font-size: 0.9rem; color:#111; text-align: left; display: block; text-transform: uppercase; margin-bottom: 10px;}
.form-item label span {font-size:0.8rem; color:#777; text-transform: none;}
.form-info {font-size:1rem; text-align: left; font-weight: bold; display: block;}
#focus .form-item label {margin-bottom: 18px; border: none }
.form-item input {width:96%; font-size: 1rem; padding: 12px 2%; color:#111; border: solid 1px #EAECF4; background:#f3f3f3; border-radius: 3px;}
.form-item input[type=checkbox] {width:auto; display:inline-block}
.form-item input::placeholder {color:#bbb}
.form-item textarea {width:96%; font-size: 1.2rem; padding: 2px 2%; border: solid 1px #EAECF4; color:#111; border-radius: 5px; height:150px}
.form-item textarea.Shorter {height:60px;}
.form-item input:focus, .form-item textarea:focus {border: solid 1px #FA6C39; outline: none}
.form-item button {width:100%; padding: 16px 0; font-size: 1rem; margin-top: 16px;}
.form-item button i {padding-right:10px;}
.form-item span.ReferenceInput {width:98%; font-size: 1.2rem; padding: 5px 1%; border: solid 1px #777; background: #fff; display: block; text-align: left; color:#777; 2D3242dius: 5px}
.form-item select {width:100%; font-size: 1.2rem; padding: 5px 2%; border: solid 1px #EAECF4; color:#111;}
.form-item input[type=file] {font-size:1rem;}
.form-item .disabled {color:#999}
.form-item .NumberBox {width:96%; display: block; font-size: 1.2rem; padding: 5px 2%; border: solid 1px #777; color:#111; border-radius: 5px; background:#f0f0f0;}
.form-item p {margin-bottom: 10px;}
.form-itemGap {padding-bottom: 30px;}
.focus-wrap .form-item .SubmitButton {width:100%; float: none}
.text-box {width:50%; font-size: 1.2rem; padding: 5px 2%; border: solid 1px #999; color:#111; margin-top:10px}
.text-box::placeholder {color:#bbb}
.form-rule {border-top: solid 1px #EAECF4; margin-top:20px; padding-top:20px;}
.form-item .light-button {clear:both; display: block; padding: 16px 0; color:#2D3242; background:#EAECF4; font-size: 1rem;}
.form-item .light-button:hover {background: #fde288;}
.StripeElement {box-sizing: border-box; padding: 12px 2%; border: 1px solid #EAECF4; border-radius: 3px; background-color: white; box-shadow: 0 1px 3px 0 #f3f3f3;}
.payment-info {font-size:1rem; color:#999; padding-top:10px;}
.payment-info img {width:150px; padding-top:10px;}
.group-name {margin-bottom: 3px; font-size: 0.9rem; display: block;}

.content-details {padding: 30px 3.5%; width: 50%; box-sizing: border-box; font-size: 1rem; display: block;}
.content-details dt {font-weight: bold; padding-bottom: 8px;}
.content-details dd {padding-bottom: 28px; overflow: hidden;}
.content-details a:hover {text-decoration: underline;}
.content-details-alt {float:right}
.info-sub {text-align: right; padding-top: 10px; font-size: 0.8rem; color:#777; display: block;}

hr {border:none; border-bottom: solid 1px #EAECF4; height:1px; padding:0; margin:0; clear:both }

#tool-belt {padding: 30px 3.5%; clear:both; width:93%; }
#tool-belt a {display: block; float:left; padding: 10px 10px; text-align: center; border:solid 1px #FA6C39; border-radius: 8px; margin-right: 4%; width: 22%; box-sizing: border-box;}
#tool-belt a:hover {background: #FA6C39; color:#fff}
#tool-belt a:last-child {margin-right:0}
#tool-belt a.button-sub {border-color:#999; color:#777}
#tool-belt a.button-sub:hover {background:transparent; border-color:#FA6C39}

#tool-belt-alt {padding: 30px 3.5%; clear:both; width:93%; }
#tool-belt-alt a {display: block; float:right; padding: 5px 10px; text-align: center; background:#FA6C39; color:#fff; border-radius: 8px; margin-left: 4%; width: 100px; box-sizing: border-box;}
#tool-belt-alt a:hover {background: #eb8a64;}
.errorMessages {color:#FA6C39}

#sharing {padding: 30px 3.5% 10px 3.5%; clear:both; width:93%; overflow: auto;}
#sharing label {font-weight: bold; padding-bottom: 8px; font-size:1rem; vertical-align: top; display: block;}
#sharing input {width: 50%; border: solid 1px #EAECF4; padding: 3px 5px; font-size:1rem; color:#777}
#qr-small {height: 30px; width:30px; float:right; color:#777}
#qr-cert {height: 60px; width:60px; float:right;}
#qr-detail {height: 280px; width:280px; display: block; padding-bottom: 30px; margin: 0 auto;}

#verification-box {padding:10px;margin-top:40px;}

#confirm-icon {color:#5ec739; font-size: 12rem; margin: 50px auto 20px auto; display: block; text-align: center;}
#confirm-text {text-align: center; font-size:1rem; }
.box-confirm-header {text-align: center;}

#language {background:#FAFAFA; position:fixed; bottom:0; left:0; width:100%; z-index:1; border-top: solid 1px #EAECF4 }
#language-wrap {padding:15px 2.5%; box-sizing:border-box; text-align: right}
#language-wrap a {display:inline-block; margin-left: 12px; cursor:pointer}
#language-wrap a img {width:36px;}

#message {color:#FA6C39; padding: 20px 7% 0 7%; font-size:1.2rem;}
.form-item .react-phone-number-input__icon {height:2.9em; width:3.9em; border:none}
.form-item .react-phone-number-input__country-select-arrow {border-width:0.6em 0.3em 0 0.3em}

.pagination {padding: 10px 3.5%; text-align: right}
.pagination li { display:inline-block}
.pagination li a {display: block; padding: 3px 5px; background:#999; color:#fff; font-size: 0.9rem; margin-left: 2px; min-width: 20px; text-align: center;}

@media screen and (max-width:900px) {
  .standard-list li {font-size: 1.1em;}
}

@media screen and (max-width:800px) {
  #hero-wrap {padding:60px 1.5%;}
  #hero h1, #hero h2 {font-size: 1.8rem; }
  #hero span {font-size:1.5rem;}
  .benefit-list {padding:30px 0 80px 0;}
  .benefit-list li.sub {padding-top:48px;}
  .benefit-list i {padding-top:15px; font-size:2.5rem;}
  .benefit-list strong {padding-top:10px; font-size: 1.2rem; }
  .benefit-list span {font-size: 0.9rem; padding:0 22px;}
  .pane h1 {font-size:1.5rem;}
}

@media screen and (max-width:700px) {
  .benefit-list {padding:30px 0 80px 0;}
  .benefit-list li.sub {padding-top:38px;}
  .benefit-list i {padding-top:15px; font-size:1.5rem;}
  .benefit-list strong {padding-top:10px; font-size: 1rem; }
  .benefit-list span {font-size: 0.8rem; padding:0 18px;}
  .standard-list li {width:30%; margin-bottom:15px; margin-right:5%; font-size:1.2rem;}
  .standard-list li:nth-child(3) {margin-right: 0}
  .pane .action-wrap {padding-bottom: 50px;}
}

@media screen and (max-width:600px) {
  #hero-wrap {padding:60px 5%;}
  #hero h1, #hero h2 {font-size: 1.6rem; }
  .benefit-list {float:none; padding-bottom: 50px;}
  .benefit-list li.item {width:50%; margin:0 auto 20px auto; float:none; height:47vw; clear:both; max-height:none;}
  .benefit-list li.sub {display:none}
  .benefit-list i {padding-top:35px; font-size:3rem;}
  .benefit-list strong {font-size: 1.8rem; }
  .benefit-list span {font-size:1rem;}
  .package-list li {margin-right:0; width:100%; margin-bottom: 20px;}
}

@media screen and (max-width:420px) {
  #home-header a, #home-header h1 {font-size:0.8rem;}
  #home-header a i {padding-top:3px}
  .benefit-list li.item {width:60%; height:57vw; min-width:200px; min-height: 200px;}
  .benefit-list i {padding-top:35px; font-size:2.8rem;}
  .benefit-list strong {font-size: 1.4rem; }
  .benefit-list span {font-size:0.9rem;}
  .standard-list li {width:100%; margin-bottom:15px; margin-right:0%; min-height:auto; padding: 20px 0}
  #footer-links {float:none; padding-top:10px;}
  #footer a {float:none; font-size:1rem; padding-left:5%; padding-bottom: 15px; margin-left:0}

}