/* Foundation */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline; }

body {
  line-height: 1.4;
  font-size: 16px;
  font-family: futura-pt, Futura, "Century Gothic", "Roboto", sans-serif; }

body .at {
  line-height: 1.4;
  font-size: 16px;
  font-family: futura-pt, Futura, "Century Gothic", "Roboto", sans-serif; }

html {
  height: 100%; }

/* +++ Base +++ */
ol, ul {
  padding-left: 2.25em; }

li {
  margin-top: .5em; }

table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

a img {
  border: none; }

h1, h2, h3, h4, h5, h6 {
  margin-top: .5em;
  margin-bottom: .5em;
  line-height: 1; }

body .at h1, body .at h2, body .at h3, body .at h4, body .at h5, body .at h6 {
  margin-top: .5em;
  margin-bottom: .5em;
  line-height: 1;
  font-family: futura-pt, Futura, "Century Gothic", "Roboto", sans-serif; }

body .at label, body .at input {
  font-family: futura-pt, Futura, "Century Gothic", "Roboto", sans-serif; }

body, input, textarea {
  color: #222;
  font-family: futura-pt, Futura, "Century Gothic", "Roboto", sans-serif;
  line-height: 1.3; }

p {
  margin: 0.5em 0 0.5em 0; }

a {
  color: #51405A;
  text-decoration: underline; }

a:hover, a:focus {
  color: #333;
  text-decoration: none; }

/* Clearfix */
.group:before, .group:after {
  content: "";
  display: table; }

.group:after {
  clear: both; }

.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

/* Wordpress Posts */
.post {
  color: #111;
  margin-bottom: 1.5em;
  font-family: "adelle", Georgia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "Bitstream Vera Serif", "Liberation Serif", serif; }

.post p {
  color: #111;
  line-height: 1.4; }

.post ul, .post ol {
  margin-bottom: 1.5em; }

.post ul li {
  margin-left: .5em;
  line-height: 1.2; }

.post ol li {
  margin-left: .5em;
  line-height: 1.2; }

.post em {
  font-style: italic; }

.post strong {
  font-weight: 700; }

.post img {
  max-width: 95%;
  height: auto;
  margin: .5em; }

img.alignright {
  float: right;
  margin: 0 0 1em 1em; }

img.alignleft {
  float: left;
  margin: 0 1em 1em 0; }

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignright {
  float: right; }

.alignleft {
  float: left; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

::selection {
  background-color: #54C8E8;
  color: #fff; }

::-moz-selection {
  background-color: #54C8E8;
  color: #fff; }

input {
  -webkit-appearance: none;
  /*   display: inline-block; */
  font-size: 1em;
  padding: .5em;
  margin: 0.25em 0.25em 0.75em 0.25em;
  border: 1px solid #666;
  border-radius: 0; }

input[type=submit] {
  background-color: #0D5E8C;
  color: white;
  font-family: futura-pt, Futura, "Century Gothic", "Roboto", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  border: 0;
  font-size: inherit;
  padding: 0.5em 1em;
  transition: .2s ease background; }

input[type=submit]:hover {
  background-color: #0A4769; }

body .at input[type="text"], body .at input[type="password"], body .at input[type="date"], body .at input[type="datetime"], body .at input[type="datetime-local"], body .at input[type="month"], body .at input[type="week"], body .at input[type="email"], body .at input[type="number"], body .at input[type="search"], body .at input[type="tel"], body .at input[type="time"], body .at input[type="url"], body .at input[type="color"], body .at textarea {
  -webkit-appearance: none;
  box-sizing: border-box;
  font-size: 1em;
  padding: .5em;
  margin: 0 0.5em 0.75em 0.5em;
  border: 1px solid #666;
  border-radius: 0;
  width: 98%;
  width: calc(100% - 1em); }

body .at select {
  -webkit-appearance: none;
  box-sizing: border-box;
  margin: 0 0.5em 0.75em 0.5em;
  border: 1px solid #666;
  border-radius: 0;
  width: 98%;
  width: calc(100% - 1em); }

.intl-tel-input {
  margin-left: .5em; }

body .at input:focus, input:focus {
  outline: none;
  box-shadow: 0 0 0 0.15em rgba(0, 169, 164, 0.7); }

body .at input[type=submit] {
  background-color: #0D5E8C;
  color: white;
  font-family: futura-pt, Futura, "Century Gothic", "Roboto", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  float: none;
  border: 0;
  border-radius: 2px;
  font-size: 1.25em;
  padding: 0.5em 1em;
  transition: .2s ease background; }

body .at input[type=submit]:hover {
  background-color: #00a9a4; }

body .at-form-submit {
  text-align: center; }

.text-center {
  text-align: center; }

footer.form-footer {
  background-color: #76777A;
  color: white;
  margin-top: 1em;
  width: 100%; }

footer.form-footer a {
  color: white; }

footer.form-footer a:hover {
  color: white;
  text-decoration: underline; }

footer.form-footer .poweredby a {
  color: #228ae6; }

footer.form-footer .poweredby a:hover {
  color: #1777cc;
  text-decoration: none; }

span.at-paid-for-by {
  font-family: futura-pt-bold, Futura, "Century Gothic", "Roboto", sans-serif;
  background-color: #76777A;
  /*
	width: 100%;
	border: 0;
	padding: 3rem 40%;
*/
  margin: 2em 0 0 0;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.1em;
  text-transform: uppercase;
  border: 5px solid white;
  padding: .5em;
  width: 40%; }

span.at-paid-for-by:before {
  content: 'Paid for by';
  position: relative;
  text-transform: none;
  display: block; }

span.at-paid-for-by:after {
  content: ''; }

/* +++ Layout +++ */
/*
.content.ngp-content:before {
	content: "";
	display: block;
	background-color: transparent;
	position: relative;
	z-index: 5;
	margin-top: 2%;
	height: 150px;
	width: 280px;
	left: 50%;
	margin-left: -140px;
	background-image: url('https://lizberry.com/wp-content/themes/lizberry/images/logo_berry.png');
	background-repeat: no-repeat;
	background-size: contain;
}
*/
.ngp-form.at {
  min-height: calc(100vh - 350px);
  margin-bottom: 19px; }

/* +++ Detail +++ */
.at-banner {
  visibility: hidden;
  height: 0;
  margin: 0; }

.at-form header, .at-form .at-legend {
  /*   display: none;  */ }

.at-form header.at-title, body .at h2 {
  font-family: futura-pt, Futura, "Century Gothic", "Roboto", sans-serif;
  font-weight: 700;
  color: #54C8E8;
  font-size: 2.1em;
  letter-spacing: -.02em;
  line-height: 2.25rem;
  padding-top: 0; }

.at fieldset legend.at-legend, body .at h3 {
  font-family: futura-pt, Futura, "Century Gothic", "Roboto", sans-serif;
  text-align: left;
  margin-left: 0;
  font-size: 1.5em;
  color: #76777A;
  font-weight: 700; }

.at .at-check input + span {
  margin: 0.5rem 0 0.5rem 1rem;
  text-align: left; }

.at-checkbox-title-container:before, .at input[type="checkbox"] + span:before, .at-check input[type="checkbox"] + span:before {
  top: 5px !important; }

.at input[type="checkbox"] + span:after {
  top: 8px !important; }

.at-form .at-inner {
  background-color: transparent;
  padding-top: 1em; }

.at-form .at-fields {
  display: flex;
  flex-wrap: wrap; }

.at-row.FirstName.LastName {
  /*   display: none;  */
  flex: 1 100%; }

.at-form .at-form-submit {
  text-align: center;
  padding: 0; }

div.prevNext.next > a, div.prevNext.prev > a {
  font-family: futura-pt-bold, Futura, "Century Gothic", "Roboto", sans-serif;
  font-weight: 700;
  border: 0; }

.at-form .at-form-submit .at-submit, .at-form .btn-at-primary {
  background-color: #0D5E8C;
  color: white;
  font-weight: 700;
  float: none;
  border-radius: 0;
  text-transform: uppercase;
  border: 0;
  font-size: 1.25em;
  padding: 0.5em 1em;
  transition: .2s ease background; }

.at-form .at-form-submit .at-submit:hover, .at-form .btn-at-primary:hover {
  background-color: white;
  box-shadow: inset 0 0 0 4px #54C8E8;
  border-radius: 0;
  color: #54C8E8;
  border: 0; }

.at-form .at-form-submit .at-submit, .hero__form input[type=submit] {
  font-family: futura-pt-bold, Futura, "Century Gothic", "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.25em;
  border: 0;
  color: white;
  background-color: #54C8E8;
  padding: 0.5em 2.5em;
  text-transform: none;
  flex-basis: 45%; }

at-form .at-form-submit .at-submit:focus, .at-form .at-form-submit .at-submit:hover {
  background-color: white;
  box-shadow: inset 0 0 0 4px #54C8E8;
  border-radius: 0;
  color: #54C8E8;
  border: 0; }

.at-form .at-row.PostalCode, .at-form .at-row.EmailAddress, .at-form .at-row.AddressLine1 {
  /*   flex: 1 46%; */
  /*   order: 1; */
  width: 100%; }

.at-form .at-row.PostalCode {
  /*   order: 2; */ }

.at-form .at-row > [class^="at-"] {
  flex: 1 30%;
  margin: 0 0;
  min-width: auto;
  max-width: 100%;
  font-size: 1.15em; }

.at form .at-row .label-amount input + .label-otheramount-prefix {
  padding: 12px 5px 7px 5px; }

.multistep-layout.split-layout .at-form form {
  float: left;
  width: 50%;
  margin: 0; }

/* +++ Responsive Breakpoints +++ */
@media (max-width: 768px) {
  .at-form .at-fields {
    flex-direction: column;
    justify-content: center; }
  .at-form .at-row.PostalCode, .at-form .at-row.EmailAddress {
    flex: 1 100%; }
  .at-form .at-row.PostalCode input, .at-form .at-row.EmailAddress input {
    width: 98%; }
  #news_inner {
    display: block; }
  .news_spot {
    width: 96%;
    height: auto;
    max-height: 80%;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 1em auto; }
  .at-form .at-row > [class^="at-"] {
    flex: 1 90%; }
  .at-form header.at-title, body .at h2 {
    padding-top: 1em; } }