body {
 margin: 0 auto;
 padding: 0;
 font-family: 'Open Sans Condensed', sans-serif, 'Philosopher', Arial;
 background-color: #fff;
}

a:link {
 color: #1d9cd7;
}

a:active {
 color: #1d9cd7;
}

a:visited {
 color: #1d9cd7;
}

a:hover {
 color: #1d9cd7;
}

.wrapper {
 width: 100%;
 max-width: 1300px;
 margin: 0 auto;
 padding: 0;
}

header {
 width: 100%;
 margin: 0 auto;
 padding: 0;
 padding-top: .75em;
}

.nav-colors a {
 color: #1d9cd7;
}

#logo {
 width: 34%;
 float: left;
 padding: 0;
 padding-left: .5em;
 margin: 0 auto;
}

 #logo img {
  width: 100%;
  max-width: 635px;
 }

#header-right {
 width: 64%;
 text-align: right;
 font-size: 3em;
 font-weight: bold;
 padding-right: 0em;
 padding-top: 1.15em;
 float: right;
}

header:after {
 content: '';
 clear: both;
 display: table;
}

nav {
 width: 100%;
 margin: 0 auto;
 padding: 0em;
 padding-top: 0em;
 padding-bottom: 0em;
}

#banner {
 margin: 0 auto;
 padding: 0;
 width: 100%;
 z-index: -1;
}

 #banner img {
  width: 100%;
 }

p {
 padding-left: .8em;
 padding-right: .8em;
 line-height: 1.35em;
 text-align: left;
}

ul li {
 line-height: 1.35em;
}

h1 {
 font-size: 2em;
 padding: 0em;
 padding-left: .35em;
 color: #1d9cd7;
 margin-bottom: 0em;
}

h2 {
 font-size: 1.5em;
 padding: 0em;
 padding-left: .5em;
 color: #1d9cd7;
}

.middle {
 width: 100%;
 margin: 0 auto;
 padding: 0;
 background-color: #fff;
}

 .middle:after {
  content: '';
  clear: both;
  display: table;
 }

.content {
 width: 50%;
 color: #787875;
 float: left;
 padding-top: 1em;
 padding-bottom: 1.5em;
 background-repeat: no-repeat;
 background-position-x: center;
 overflow: hidden;
}

.sidebar {
 width: 48%;
 float: left;
 padding: 0;
 padding-top: 1em;
 margin: 0 auto;
 text-align: left;
}

.text-bold {
 font-weight: bold;
}

.text-italic {
 font-style: italic;
}

.gray-info-bubble {
 border: solid;
 background-color: #f0f0f0;
 border-radius: .75em;
 border-color: #000;
 border-width: 1px;
 padding: .75em;
 padding-top: .75em;
 margin: 1em;
 margin-top: 1em;
 color: #000;
 line-height: 1.35em;
}

footer {
 width: 100%;
 background-color: #666;
 font-size: .8em;
 text-align: center;
 color: #fff;
 margin: 0 auto;
 padding-top: 3em;
 padding-bottom: 3em;
}

 footer img {
  width: 80%;
  max-width: 600px;
  padding-left: 1em;
  padding-right: 1em;
 }

.page-pic {
 width: 35%;
 max-width: 400px;
 float: right;
 padding: 0;
 margin: 0 auto;
 margin-right: 1em;
 margin-left: 2em;
 text-align: center;
 text-align: left;
 font-size: .7em;
 font-style: italic;
}

 .page-pic img {
  width: 100%;
  max-width: 400px;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 8px;
 }

.page-pic-shadow {
 width: 33%;
 max-width: 573px;
 float: right;
 padding: 0;
 margin: 0 auto;
 margin-right: 1em;
 margin-left: 1em;
 text-align: center;
 font-size: .7em;
 font-style: italic;
}

 .page-pic-shadow img {
  width: 100%;
  max-width: 700px;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 5px;
  -moz-box-shadow: 5px 5px 5px black;
  -webkit-box-shadow: 5px 5px 5px black;
  box-shadow: 5px 5px 5px black;
  border: solid;
  border-color: #000;
  border-width: 1px;
 }

.page-pic-full {
 width: 100%;
 padding: 0;
 margin: 0 auto;
 text-align: center;
}

 .page-pic-full img {
  width: 100%;
 }

#successstories {
 background-color: #ececec;
 width: 100%;
 padding: 0;
 padding-top: 1em;
 padding-bottom: 1em;
 margin: 0 auto;
 display: none;
 visibility: hidden;
}

.successleft {
 float: left;
 width: 49%;
 padding: 0;
 margin: 0 auto;
 display: table;
}

.successright {
 float: right;
 width: 49%;
 padding: 0;
 margin: 0 auto;
 display: table;
}

.successpic {
 width: 40%;
 float: left;
 text-align: center;
 margin-top: 1.25em;
}

 .successpic img {
  width: 90%;
 }

.successtext {
 width: 59%;
 float: right;
}

.circle-pic {
 border-radius: 50%;
}

.payment-info {
 border-collapse: collapse;
 text-align: left;
 line-height: 1.25em;
}

 .payment-info th, td {
  padding: .4em;
  padding-left: .8em;
  padding-right: .8em;
  text-align: left;
 }

.rfv-error {
 color: #ff0000;
 font-weight: bold;
}

/* BEGIN RESPONSIVE */

@media (min-width: 1200px) {
 body {
  font-size: 1.4em;
 }
}

@media (min-width: 980px) and (max-width: 1199px) {
 body {
  font-size: 1.3em;
 }

 #header-right {
  padding-top: .85em;
 }
}

@media (min-width: 768px) and (max-width: 979px) {
 body {
  font-size: 1.2em;
 }

 #header-right {
  padding-top: .65em;
 }
}

@media (min-width: 481px) and (max-width: 767px) {
 body {
  font-size: .9em;
 }

 .content {
  width: 100%;
  float: none;
  border-bottom-right-radius: 0px;
 }

 .sidebar {
  width: 100%;
  float: none;
 }

  .sidebar img {
   width: 75%;
  }

 #logo {
  float: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  padding-top: .25em;
  padding-bottom: .25em;
  text-align: center;
 }

  #logo img {
   width: 90%;
  }

 #header-right {
  width: 100%;
  float: none;
  text-align: center;
  padding-top: 0em;
 }

 nav {
  padding: 0;
 }

 #navbar {
  background-image: none;
  background-color: #666;
 }

 #redbar {
  display: none;
  visibility: hidden;
 }

 #gray-bar {
  display: none;
  visibility: hidden;
 }

 .successleft {
  float: none;
  width: 100%;
 }

 .successright {
  float: none;
  width: 100%;
 }
}

@media (min-width: 0px) and (max-width: 480px) {
 body {
  font-size: .8em;
 }

 .content {
  width: 100%;
  float: none;
  border-bottom-right-radius: 0px;
 }

 .sidebar {
  width: 100%;
  float: none;
 }

  .sidebar img {
   width: 75%;
  }

 header {
  text-align: center;
 }

 #logo {
  float: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  padding-top: .25em;
  padding-bottom: .25em;
  text-align: center;
 }

  #logo img {
   width: 90%;
  }

 #header-right {
  width: 100%;
  float: none;
  text-align: center;
  padding-top: 0em;
 }

 nav {
  padding: 0;
 }

 #contact-pic {
  display: none;
  visibility: hidden;
 }

 #navbar {
  background-image: none;
  background-color: #666;
 }

 #redbar {
  display: none;
  visibility: hidden;
 }

 #footer-top-left {
  float: none;
  width: 100%;
 }

 #footer-top-right {
  float: none;
  width: 100%;
 }

 footer img {
  width: 70%;
  max-width: 300px;
  padding: 0;
 }

 #gray-bar {
  display: none;
  visibility: hidden;
 }

 .successleft {
  float: none;
  width: 100%;
 }

 .successright {
  float: none;
  width: 100%;
 }
}