/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */
/* No list-markers by default - must redefine bullets w/ bg graphics */
ul, ol {
  list-style: none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1, h2, h3, h4, h5, h6, pre, code, td, th, a {
  font-size: 14px;
  font-family: Montserrat-Regular, Helvetica, Arial, sans-serif, Verdana; }

/* Remove inconsistent (among browsers) default padding or margin */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, label, div, dd, dt, dl, table, tr, td {
  margin: 0;
  padding: 0; }

/* prevent blue linked image borders */
a, a img, :link img, :visited img, fieldset {
  border: none;
  outline: none;
  text-decoration: none;
  color: #000000; }

/* framework
 * ------------------------------------------------------------------------- */
html, body {
  height: 100%; }

body {
  font-family: Montserrat-Regular, Helvetica, Arial, sans-serif, Verdana;
  font-size: 15pt;
  line-height: 25pt;
  color: #454545;
  background-color: #ffffff; }

a {
  line-height: 25pt; }

a:hover {
  text-decoration: underline; }

#top_bar {
  width: 100%;
  display: block;
  min-height: 34px;
  max-height: 59px;
  background-color: #b50039;
  overflow: hidden; }

#top_bar > div {
  max-width: 960px;
  margin: 0px auto;
  font-family: Montserrat-Bold;
  font-size: 13px;
  color: #ffffff; }

#mobile_logo {
  display: none;
  line-height: initial; }

#mobile_logo > img {
  display: inline-block;
  width: 193px;
  height: 59px;
  padding-right: 3px;
  line-height: initial; }

#top_bar #top_right {
  float: right; }

#top_bar #top_right td:nth-child(1) {
  padding-left: 19px;
  padding-right: 25px;
  border-right: 1px solid #ffffff; }

#top_bar #top_right td:nth-child(2) {
  padding-left: 5px; }

#top_bar #top_right td:nth-child(2) > a {
  color: #ffffff;
  padding: 0px 11px; }

#top_bar #top_right td:nth-child(2) > a > img {
  width: 11px;
  height: 34px; }

#body_content {
  background-color: #ffffff; }

/* Main Navigation */
#second_level_outer {
  width: 100%;
  background-color: #fcf9f5; }

#second_level {
  max-width: 960px;
  margin: 0px auto;
  font-family: Montserrat-Regular;
  font-size: 18px;
  color: #454545;
  max-height: 141px; }

#second_level > table {
  width: 100%;
  padding-bottom: 5px; }

#nav_td1 {
  vertical-align: bottom; }

#nav_td1 > a {
  position: relative;
  top: 5px; }

#nav_td1 > a > img {
  padding-right: 3px; }

#nav_td2 {
  vertical-align: top;
  text-align: right; }

#nav_td2 > span {
  display: block;
  margin-top: 32px; }

#nav_td2 > span > a {
  color: #b50539;
  text-decoration: underline;
  font-weight: bold;
  white-space: nowrap; }

#nav_box {
  display: inline-block;
  width: 100%;
  vertical-align: top; }

#nav {
  display: block;
  margin-top: 11px; }

#top_nav {
  list-style-type: none; }

#top_nav > li {
  display: inline-block;
  margin-right: 33px; }

#top_nav > li > a {
  color: #000000;
  font-family: Montserrat-Regular;
  font-size: 17px;
  line-height: 25px;
  display: block;
  padding: 5px 0px; }

#top_nav > li > a:hover, #top_nav > li.active > a {
  text-decoration: none;
  color: #b50539;
  border-bottom: 3px solid #000000;
  padding-bottom: 2px; }

#top_nav #navPricing {
  margin-right: 0px; }

#top_nav #navPhone, #top_nav #navLogin, #top_nav #navSignUp {
  display: none; }

/* this snippet of code is used to "rotate" the hamburger / three-lined icon */
.rotate {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -moz-transform: rotate(90deg);
  /* Firefox */
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  -o-transform: rotate(90deg);
  /* Opera */ }

.rotate_speed {
  -webkit-transition: all linear 0.25s;
  -moz-transition: all linear 0.25s;
  -o-transition: all linear 0.25s;
  transition: all linear 0.25s; }

/* Home (Default) page */
#home_topContent {
  clear: both;
  display: block;
  min-height: 600px;
  margin: 0px auto;
  /* Location of the image */
  background-image: url("../images/home/HomePageHeader.png");
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #ffffff; }

#home_topContent > div {
  max-width: 960px;
  margin: 0px auto; }

#home_topContent > div > h1 {
  /*font-family: ElstonPro-Light;
    font-size: 84px;
    line-height: 84px;*/
  font-family: Montserrat-Bold;
  font-size: 72px;
  line-height: 72px;
  color: #b50539;
  padding: 300px 0px 30px 0px; }

#home_features {
  width: 100%;
  max-width: 1920px;
  margin: 0px auto;
  background-color: #ffffff; }

#home_features > div {
  max-width: 960px;
  margin: 0px auto; }

#home_features > div > h3 {
  font-family: Montserrat-Bold;
  font-size: 30px;
  line-height: 42px;
  color: #b50539;
  padding-top: 32px;
  margin-bottom: 22px;
  text-align: center; }

#home_features > div > p {
  font-size: 15px;
  line-height: 25px;
  color: #454545; }

#home_features > div > p > a {
  display: inline-block;
  color: #b50539;
  text-decoration: underline;
  font-weight: bold;
  white-space: nowrap;
  font-size: 15px;
  line-height: 25px; }

#home_features > div > table {
  width: 100%;
  text-align: center;
  padding-bottom: 15px; }

#home_features > div > table td {
  width: 50%;
  text-align: left;
  padding: 0px 40px 40px 60px;
  font-size: 18px;
  line-height: 26px; }

#home_features > div > table td > span {
  display: table-cell;
  vertical-align: middle;
  height: 52px; }

#home_features > div > table td > span:first-child {
  width: 76px;
  text-align: center; }

#home_features > div > table td > span:last-child {
  padding-left: 12px;
  max-width: 300px; }

#home_features > div > table tr:nth-child(1) td:nth-child(1) > span:last-child, #home_features > div > table tr:nth-child(3) td:nth-child(2) > span:last-child {
  max-width: 250px; }

#home_highlights {
  clear: both;
  display: block;
  min-height: 607px;
  margin: 0px auto;
  /* Location of the image */
  background-image: url("../images/home/HowDoesItWorkPhoto.png");
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #ffffff; }

#home_highlights > div {
  max-width: 960px;
  margin: 0px auto;
  text-align: center; }

#home_highlights > div > h3 {
  font-family: Montserrat-Bold;
  font-size: 30px;
  line-height: 42px;
  color: #ffffff;
  margin-top: 21px;
  margin-bottom: 4px;
  text-align: center; }

#home_highlights > div > p {
  font-size: 15px;
  line-height: 25px;
  color: #ffffff;
  text-align: left; }

#home_highlights > div > table {
  width: 100%; }

#home_highlights > div > table td {
  width: 50%;
  vertical-align: top;
  text-align: left; }

#home_highlights > div > table tr:first-child td {
  padding: 0px 10px; }

#home_highlights > div > table td > ul > li {
  background: url("../images/home/HomePageBulletArrow.png") no-repeat 0 10px;
  padding-left: 32px;
  margin-top: 10px;
  max-width: 400px;
  color: #ffffff;
  font-size: 15px;
  line-height: 25px; }

#home_highlights > div > table td:nth-child(1) > ul > li:nth-child(1) {
  max-width: 365px; }

#home_highlights > div > table td:nth-child(1) > ul > li:nth-child(2) {
  max-width: 375px; }

#home_highlights > div > table td:nth-child(1) > ul > li:nth-child(3) {
  max-width: 355px; }

#home_highlights > div > table td:nth-child(2) > ul > li:nth-child(2) {
  max-width: 375px; }

/* Login page */
.modalPopup {
  background-color: #fafaf7;
  border-width: 3px;
  border-style: solid;
  border-color: Gray;
  font-family: Verdana;
  font-size: medium;
  padding: 3px; }

.modalBackground {
  background-color: Gray;
  filter: alpha(opacity=70);
  opacity: 0.7; }

/* Footer1 area */
#footer1 {
  background-color: #000000; }

#footer1 > div {
  max-width: 960px;
  margin: 0px auto;
  padding: 12px 0px 10px 0px; }

#footer1 > div > h5 {
  font-family: Montserrat-Bold;
  font-size: 24px;
  line-height: 34px;
  color: #ffffff;
  padding-top: 10px;
  padding-bottom: 4px;
  text-align: center; }

#footer1 > div > div {
  text-align: center;
  margin-top: 8px; }

#footer1 > div > div > a > img {
  width: 39px;
  height: 39px;
  padding: 6px 3px 0px 6px; }

#footer1 > div > ul {
  text-align: center; }

#footer1 > div > ul > li {
  display: inline-block;
  padding: 0px 7px; }

#footer1 > div > ul > li > a {
  line-height: 25px;
  color: #ffffff; }

#footer1 > div > ul > li:first-child > a {
  font-family: Montserrat-Regular;
  font-size: 15px; }

#footer1 > div > ul > li.separator {
  padding: 0px; }

#footer1 > div > ul > li.separator span {
  color: #484748; }

/* Footer2 area */
#footer2 {
  color: #ffffff;
  background-color: #000000;
  font-size: 15px;
  line-height: 25px; }

#footer2 > div {
  max-width: 960px;
  margin: 0px auto;
  padding: 14px 10px;
  text-align: center; }

#footer2 > div span {
  display: inline-block;
  white-space: nowrap; }

/* Footer3 area */
#footer3 > div {
  max-width: 960px;
  margin: 0px auto;
  padding: 15px 10px 19px 10px;
  text-align: center;
  font-size: 15px;
  line-height: 25px; }

#footer3 > div span {
  display: inline-block;
  white-space: nowrap; }

#footer3 > div a {
  color: #b50039;
  font-family: Montserrat-Bold;
  font-size: 15px;
  line-height: 25px; }