/* Table of Content
==================================================
	#Universal Styles
	#Home Styles
	#Page Styles
	#Media Queries
	#Font-Face */
/* Site Colors
==================================================
	#fff white
	#000 black
	#e20017 red
	#0064a6 dark blue 0064a6
	#199ab1 aqua
	#16879b aqua darker footer2
	#9ebb4c green
	#dc923c orange v1 over blue
	#f4960f orange v2 over white
*/
/* #Samples (DELETE THESE)
================================================== */
.backgrounds {
  background-image: url(../images/line.png);
  background-repeat: no-repeat;
  background-position: top center;
  background: rgba(0, 0, 0, .4);
  text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
}
.shadow { /* #png shadow */
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#000')";
  filter: url(#drop-shadow);
  -webkit-filter: drop-shadow(1px 1px 11px rgba(0, 0, 0, 0.9));
  filter: drop-shadow(1px 1px 11px rgba(0, 0, 0, 0.9));
}
.bkg-image-proportionate {
  background-image: url(../images/hero-home.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 0;
  padding-top: 37.188873% /* (img-height / img-width * container-width) */
    /* (3106px / 1366px * 100(%)) */
}
/* #Universal Styles
================================================== */
.wrapper {
  width: 100%;
}
.topbar {
  height: 5px;
}
.header {}
div.three.columns.logo {
  float: left;
  text-align: left;
}
div.nine.columns.nav {
  float: right;
  text-align: right;
}
.logo {
  padding-top: 11px;
  padding-bottom: 0px;
}

/*
Logo Adjustment
*/

.three.columns.logo img {
	width: 170px;
    margin: 10px 0 15px 0;
}

.subhero {
  background-image: url(../images/hero-subpage.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 50px 0;
}
.content {
  padding: 50px 0;
  position: relative;
}
.gradient {
  background-image: url(../images/gradient-blue.png);
  background-position: center;
  background-size: cover;
}
.divider {
  height: 25px;
}
.bkg-alt {
  background-color: #EDEDED;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.rescenter {
  text-align: inherit;
}
.footer {
  background-color: #0064a6;
  color: #fff;
  text-decoration: none;
  padding: 40px 0 36px 0;
}
.footer ul {
  margin-bottom: 0px;
}
.footer li {
  padding: 7px;
}
.footer .social li {
  padding: 4px;
}
.footer a:link, .footer a:visited, .footer2 a:link, .footer2 a:visited {
  text-decoration: none;
  color: #fff;
}
.footer a:hover {
  color: #ccc;
  text-decoration: underline;
}
.footer2 {
  background-color: #005a95;
  text-decoration: none;
  padding: 40px 0;
  font-size: 12px;
  font-weight: 600;
  color: #ccdfe3;
}
.footer2 li {
  color: #fff;
  font-size: 13px;
  margin-bottom: 6px;
}
/* #Home Styles
================================================== */
.home .hero {
  background-image: url(../images/home-hero.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 150px 0;
  text-align: right;
}
.home .hero.proportionate { /* Should become cover on mobile (only needed if text) */
  background-image: url(../images/hero-home.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 0;
  padding-top: 10.2291665%; /* (img-height / img-width * container-width) */
  padding-bottom: 26.2291665%; /* (700px / 1920px * 100(%)) */
}
.homeintro {
  z-index: 1000;
}
.balloons {
  background-image: url(../images/home-balloons.png);
  background-repeat: no-repeat;
  width: 498px;
  height: 590px;
  position: absolute;
  top: -132px;
  right: 0px;
}
.services {
  background-image: url(../images/home-streak.png);
  background-repeat: no-repeat;
  background-position: center 75px;
  padding-top: 190px;
  margin-top: -179px;
}
.services .four.columns, .services .three.columns {
  text-align: center;
  padding: 35px 0 0 0;
}
.icon1, .icon2, .icon3, .icon4, .icon5, .icon6, .icon7 {
  width: 100px;
  height: 100px;
  margin: auto;
  background-image: url(../images/services-icons.png);
  background-repeat: no-repeat;
  background-position: 0px -100px;
  background-size: 100px;
}
.icon1 {
  background-position: 0px 0px;
}
.icon2 {
  background-position: 0px -100px;
}
.icon3 {
  background-position: 0px -200px;
}
.icon4 {
  background-position: 0px -300px;
}
.icon5 {
  background-position: 0px -400px;
}
.icon6 {
  background-position: 0px -500px;
}
.icon7 {
  background-position: 0px -600px;
}




.locations {
    background-color: #0064a6;
    color: #fff;
    padding: 43px 0 43px 0;
}


.locations img {
    /* position: absolute; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
    width: 95%;
    height: auto;
    padding: 20px 0px;
	padding-left: 5%;
}

/*


.su-spoiler-style-default > .su-spoiler-title {
    margin-left: 237px !important;
}






*/
.home .franchise-home {
  background-image: url(../images/home-franchise.jpg);
  background-repeat: repeat-x;
  background-position: center;
  background-size: cover;
  margin: 35px 0;
}
.home .franchise-home .box {
  text-align: center;
  padding: 30px 55px;
  background-color: #fff;
  font-size: 1.5rem;
  line-height: 3.2rem;
  box-sizing: border-box;
  /* margin: 25px; */
}
.get-started {
  background-color: #ebfbff;
}
.get-started .box {
  text-align: center;
  padding: 50px 73px;
  background-color: #9ebb4c;
  font-size: 2.0rem;
  line-height: 3.2rem;
  box-sizing: border-box;
  color: #fff;
}
.teal {
  background-color: #199ab1;
  color: #fff;
  background-image: url(../images/teal-background.jpg);
  background-repeat: no-repeat;
  background-position: center right;
  padding: 75px 0;
}
.teal h2 {
  color: #fff;
}
/* #Subpage Styles
================================================== */
.subhero {
  background-image: url(../images/home-hero.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 100px 0;
  text-align: right;
  position: relative;
}
.whitefade {
  position: absolute;
  bottom: -25px;
  right: 0px;
  font-family: montserrat, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #16879b;
  font-size: 4.5rem;
  padding: 20px 70px 20px 0;
  width: 80%;
  text-transform: uppercase;
  background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}
.whitefade2 {
  font-family: montserrat, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #16879b;
  font-size: 2.7rem;
  padding: 20px 0px 0px 0;
  text-transform: uppercase;
  background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
  letter-spacing: -.7px;
  line-height: 3.5rem;
  text-align: center;
}
/* #Locations
================================================== */
.accordion {
  color: #e20017 !important;
}
.odd-even {
  padding: 18px 0 14px 0;
}
.odd-even:nth-child(even) {
  background: #ebfbff;
}
.su-spoiler, .su-accordion {
  margin-bottom: 0px !important;
}
.location-center {
  text-align: center;
}
.location-right {
  text-align: right;
}
.su-spoiler-style-default > .su-spoiler-content {
  color: #666 !important;
}
.franchise-link a {
  font-weight: bold !important;
  text-decoration: none !important;
  font-size: 12px !important;
  color: #e20017 !important;
}
/* #Franchise
================================================== */
.franchise .hero {
  background-image: url(../images/franchise-home-hero.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 90px 0;
  margin-bottom: 18px;
  text-align: right;
}
.franchise .hero .box {
  padding: 50px;
  background: rgba(0, 100, 166, .85);
  font-size: 1.5rem;
  line-height: 2.8rem;
  box-sizing: border-box;
  text-align: left;
  color: #fff;
  font-weight: 600;
}
.franchise .subhero {
  padding: 70px 0;
  text-align: center;
}
.franchise .subhero .box {
  padding: 29px 55px 35px 55px;
  background: rgba(0, 100, 166, .85);
  font-size: 1.5rem;
  line-height: 3.2rem;
  box-sizing: border-box;
  text-align: center;
}
/* #Blog Styles
================================================== */
.bloghero {
  background-image: url(https://staging-hi5aba.com/wp-content/uploads/sub-hero-2-2.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 100px 0;
  text-align: right;
  position: relative;
}
article {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: solid 1px #ccc;
}
article img {
  max-width: 100% !important;
  height: auto !important;
}
article img.avatar {
    width: inherit !important;
    height: inherit !important;
}
span.tags-links {
  display: block;
}
span.byline, .updated {
  display: none;
}
h1.entry-title {
  text-decoration: none;
  font-size: 18px;
  color: #90cb1e;
}
h2.entry-title a {
  text-decoration: none;
  font-size: 18px;
  color: #90cb1e;
}
.blog .screen-reader-text {
  display: none;
}
span.edit-link {
  display: block;
  margin-top: 10px;
}
.widget-area ul {
  list-style: none;
  margin: 0px;
}
.blog h2.widget-title, .blog h2.widget-title a {
  color: #971b1e;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  text-decoration: none;
  margin-bottom: 12px;
}
.widget-area a {
  text-decoration: none;
  color: #90cb1e;
}
.widget-area a:hover {
  color: #90cb1e;
  text-decoration: underline;
}
.blog .two.columns li {
  list-style: none;
  margin-bottom: 22px;
}
.blog .two.columns {
  margin-top: 10px;
}
.blog .greybar, .portfolio .greybar, .projects .greybar {
  padding: 10px 0;
  font-size: 1.6rem;
  line-height: 1.6rem;
  text-align: center;
  color: #7F7F7F;
}
.portfolio #main img {
  max-width: 100%;
  height: auto;
  box-shadow: 2px 15px 10px #ccc;
}
.portfolio img {
  max-width: 103%;
  height: auto;
  box-shadow: none;
}
div.four.columns.post-previous, div.four.columns.post-home, div.four.columns.post-next {
  width: 33%;
  margin-left: 0px;
  margin-right: 0px;
}
div.four.columns.post-home {
  padding-top: 0px;
}
.post-previous img, .post-next img, .post-home img {
  width: 28px;
  height: auto;
  margin: 0px 8px 0px 8px;
}
.post-previous {
  text-align: left;
}
.post-next {
  text-align: right;
}
.post-home {
  text-align: center;
}
.post-previous a, .post-next a, .post-home a {
  text-decoration: none;
  font-size: 1.3rem;
  padding-top: 1px;
  text-transform: uppercase;
}
/*.blog .screen-reader-text{
	display:none;
	}
span.edit-link {
	display:block;
	margin-top:10px;
	}
time.updated {
	display:none;
	}
.widget-area ul {
	list-style: none;
	margin:0px;
	}
.blog h2.widget-title, .blog h2.widget-title a {
	font-size: 17px;
	font-weight:600;
	color:#333;
	line-height:30px;
}
.widget-area a {
	text-decoration:none;
	color:#000;
	}
.widget-area a:hover  {
	color:#ccc;
}*/
/* #Page Styles
================================================== */
/*<!--forms-->*/
.nf-form-fields-required {
  padding-bottom: 16px;
}
/*Padding around checkbox for mailchimp
*/
.label-right .nf-field-label {
  padding-left: 0 !important;
}
/* #Media Queries
================================================== */
@media only screen and (max-width: 1200px) {
  .balloons {
    width: 450px;
    height: 450px;
    top: -200px;
    right: 0px;
    background-size: contain;
  }
  .nav a {
    padding-left: 18px;
  }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 979px) {
	
	
	
	.locations img {
    /* position: absolute; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
    width: 100%;
		max-width: 100%;
	padding-left: 0%;
}
	
	
	
	
  .su-spoiler-style-default > .su-spoiler-title {
    margin-left: 0px !important;
  }
  body .locations .eight.columns {
    width: 50% !important;
  }
  body .locations .four.columns {
    width: 50% !important;
  }
  body .footer .container .three.columns {
    width: 22%;
  }
  .container .eight.columns.homefirst {
    width: 70%;
  }
  div.nine.columns.nav {
    display: none;
  }
  /* Proportionate Hero image becomes cover on mobile (only needed if text) */
  .home .hero.proportionate { /* Mobile size should go back to cover */
    background-size: cover !important;
    height: 100% !important;
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
  body .footer ul.social {
    position: static;
  }
  .home .franchise-home {
    background-image: url();
  }
  .home .franchise-home .box {
    padding: 0px;
  }
  .locations {
    text-align: center;
  }
  .services {
    background-position: center 135px;
    padding-top: 252px;
    margin-top: -296px;
  }
  /*.home .hero br {
	display: none;
}*/
  .location-center {
    text-align: left;
  }
  .location-right {
    text-align: left;
  }
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  .home h1 {
    font-size: 1.5rem;
    line-height: 2.8rem;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);
  }
  .home .hero h1 .highlight {
    font-size: 4.4rem;
    line-height: 4.6rem;
  }
  .home .hero {
    background-position: -136px center;
    padding: 53px 0 134px 0;
    text-align: left;
  }
  .home .wrapper.content.homeintro {
    padding: 169px 0;
  }
  .whitefade {
    font-size: 2.2rem;
    padding: 20px 107px 3px 0;
    line-height: 42px;
    bottom: -17px;
  }
  div.whitefade2 hr {
    margin: 0px 0 0px !important;
  }
  .subhero {
    padding: 50px;
    box-sizing: border-box;
  }
  .franchise .subhero h1.highlight, .franchise .hero h1.highlight {
    font-size: 3rem;
    line-height: 3.2rem;
  }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .four.columns.reshalf {
    width: 50%;
  }
}
@media only screen and (max-width: 650px) {
  body .locations .eight.columns {
    width: 100% !important;
  }
  body .locations .four.columns {
    width: 100% !important;
  }
  body .footer .container .three.columns {
    width: 100%;
  }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  .franchise .hero .box {
    padding: 20px;
  }
  .franchise .hero h1 {
    font-size: 3.2rem;
  }
  .rescenter, .right {
    text-align: center !important;
  }
  body .container .eight.columns {
    width: 100% !important;
  }
  .balloons {
    display: none;
  }
  .home .wrapper.content.homeintro {
    padding: 69px 0;
  }
}