/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #999;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #343434;
  background-color: #9CF;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #343434;
  background-color: rgba(153, 0, 0, 0.7);
  border-color: #343434; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #343434;
  background-color: rgba(153, 0, 0, 0.9);
  border-color: #343434; }
  
  


/* DIV areas
-------------------------------------------------- */
div.about {
  background-image: url(../images/banner/img-jch-bg-wroom-1200-1.webp);
  background-size: cover;
  text-align: center;
  font: roboto;
  font-size: 18px;
  color: #FFF;
  padding-bottom: 5rem;
}

div.notary {
  background-image: url(../images/notary/img-jch-notary-desk.webp);
  background-size: cover;
  text-align: center;
  font: roboto;
  font-size: 18px;
  color: #FFF;
  padding-bottom: 5rem;
}

div.disclaimer {
	background: #1A0C00;
	padding: 28px 0 28px 0;
	font-size: 14px;
	font: "Open Sans";
	font-family: "Open Sans";
	color: #FFF1E6;
}

div.credentials {
  background-image: url(../images/notary/img-jch-notary-wood-2.png);
  background-size: cover;
  text-align: center;
  font: roboto;
  font-size: 18px;
  color: #FFF;
  padding-bottom: 5rem;
}

div.front {
  background-image: url(../images/maps/img-bptour-durham2.png);
  background-size: cover;
  background-position: center;
  padding-bottom: 20%;
  font: "Open Sans";
  font-family: "Open Sans";
}

div.navigation {
	text-align: center;
	background: #FFF;
	padding: 0px 0 0px 0;
	color: #343434;
	font-size: 2.5rem;
}

div.topbanner {
  background-image: url(../images/banner/img-jch-bg-wroom-1200-1.webp);
  background-size: cover;
  text-align: center;
  font: roboto;
  font-size: 18px;
  color: #FFF;
  padding-bottom: 5rem;
}

div.terms {
  background-image: url(../images/main/img-jch-terms.webp);
  background-size: cover;
  text-align: center;
  font: roboto;
  font-size: 18px;
  color: #FFF;
  padding-bottom: 5rem;
}

div.privacy {
  background-image: url(../images/main/img-jch-privacy.webp);
  background-size: cover;
  text-align: center;
  font: roboto;
  font-size: 18px;
  color: #FFF;
  padding-bottom: 5rem;
}

div.contact {
  background-image: url(../images/main/img-jch-contact.webp);
  background-size: cover;
  text-align: center;
  font: roboto;
  font-size: 18px;
  color: #FFF;
  padding-bottom: 5rem;
}

div.thanks {
  background-image: url(../images/main/img-jch-thanks.webp);
  background-size: cover;
  text-align: center;
  font: roboto;
  font-size: 18px;
  color: #FFF;
  padding-bottom: 5rem;
}

div.general {
  background-image: url(../images/notary/img-jch-notary-1.webp);
  background-size: cover;
  text-align: center;
  font: roboto;
  font-size: 18px;
  color: #FFF;
  padding-bottom: 5rem;
}

div.apostille {
  background-image: url(../images/notary/img-jch-notary-2.webp);
  background-size: cover;
  text-align: center;
  font: roboto;
  font-size: 18px;
  color: #FFF;
  padding-bottom: 5rem;
}

div.estate {
  background-image: url(../images/notary/img-jch-notary-5.webp);
  background-size: cover;
  text-align: center;
  font: roboto;
  font-size: 18px;
  color: #FFF;
  padding-bottom: 5rem;
}

div.i9 {
  background-image: url(../images/notary/img-jch-notary-4.webp);
  background-size: cover;
  text-align: center;
  font: roboto;
  font-size: 18px;
  color: #FFF;
  padding-bottom: 5rem;
}

div.real {
  background-image: url(../images/notary/img-jch-notary-3.webp);
  background-size: cover;
  text-align: center;
  font: roboto;
  font-size: 18px;
  color: #FFF;
  padding-bottom: 5rem;
}

div.jch-main {
  background-image: url(../images/main/img-jch-notary.webp);
  background-size: cover;
  text-align: center;
  font: roboto;
  font-size: 18px;
  color: #FFF;
  padding-bottom: 5rem;
}

div.consultation {
  background-image: url(../images/main/img-jch-consultation.webp);
  background-size: cover;
  text-align: center;
  font: roboto;
  font-size: 18px;
  color: #FFF;
  padding-bottom: 5rem;
}

div.officebg {
  background-image: url(../images/banner/img-jch-bg-office-1200-2.webp);
  background-size: cover;
  text-align: center;
  font: roboto;
  font-size: 18px;
  color: #FFF;
  padding-bottom: 5rem;
}

div.flipbanner {
  /*background-image: url(../images/banner/img-bphitour-banner.png);*/
  background-size: cover;
  text-align: center;
  font: roboto;
  font-size: 18px;
  color: #FFF;
  padding-bottom: 5rem;
}

div.main-1 {
	background-image: url(../images/banner/img-jch-bg-main-1.png);
  	background-size: cover;
	padding: 14px 0 7px 0;
	font-size: 18px;
	font: "Open Sans";
	font-family: "Open Sans";
	color: #343434;
}

div.classes {
	background: #faf6ef;
	padding: 28px 0 28px 0;
	font-size: 14px;
	font: "Open Sans";
	font-family: "Open Sans";
	color: #343434;
}

div.notaserve {
	background: #faf6ef;
	padding: 28px 0 28px 0;
	font-size: 14px;
	font: "Open Sans";
	font-family: "Open Sans";
	color: #343434;
}

div.classes2 {
	background: #f3d593;
	padding: 28px 0 28px 0;
	font-size: 14px;
	font: "Open Sans";
	font-family: "Open Sans";
	color: #343434;
}

div.bg1 {
	background: #faf9f6;
	padding: 28px 0 28px 0;
	font-size: 14px;
	font: "Open Sans";
	font-family: "Open Sans";
	color: #343434;
}

div.bg2 {
	background: #fef9e7;
	padding: 28px 0 28px 0;
	font-size: 14px;
	font: "Open Sans";
	font-family: "Open Sans";
	color: #343434;
}

div.services {
	background: #FFF;
	padding: 28px 0 28px 0;
	font-size: 14px;
	font: "Open Sans";
	font-family: "Open Sans";
	color: #343434;
}

div.testimonials-1 {
	background: #000;
	padding: 14px 0 14px 0;
	font-size: 18px;
	font: "Open Sans";
	font-family: "Open Sans";
	color: #343434;
}

.center {
	background-color: #000;
	text-align: center;
	padding: 14px 0 7px 0;
}
.center img {
	width: auto;
}

/* Footer
-------------------------------------------------- */
.section.footer {
	background: #0f0f0a;
	padding: 21px 7px 7px 7px;
	color: #999;
	font: "Open Sans";
	font-family:"Open Sans";
	text-align: left;
	text-decoration: none;
	font-size: 14px;
	vertical-align: text-bottom;
	vertical-align: bottom;
}

footer a,
footer a:visited {
	color: #69F;
	text-decoration: none;
}

footer a:hover {
	text-decoration: none;
	color: #69F;
}

.bottomleft footer {
	text-align: left;
}

/* Utility Classes */

/* Make element full width */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }

/* Make sure elements don't run outside containers (great for images in columns) */
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }

/* Float either direction */
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }

/* Clear a float */
.u-cf {
  content: "";
  display: table;
  clear: both; }