/* Colors */
/* Background colors */
.standard-container, .mega-footer-container {
  width: 100%;
  padding: 50px 0; }

.flex-parent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center; }

.fixed-center-element {
  width: 35%;
  border: 1px solid #aaa;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 20px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 1000;
  display: none; }
  @media screen and (max-width: 768px) {
    .fixed-center-element {
      width: 90%; } }

@font-face {
  font-family: 'DINProCondensed';
  src: url("/css/fonts/DINPro-CondensedRegular.eot");
  src: url("/css/fonts/DINPro-CondensedRegular.woff2") format("woff2"), url("/css/fonts/DINPro-CondensedRegular.woff") format("woff"), url("/css/fonts/DINPro-CondensedRegular.ttf") format("truetype"); }

@font-face {
  font-family: 'DINProCondensed';
  src: url("/css/fonts/DINPro-CondensedBold.eot");
  src: url("/css/fonts/DINPro-CondensedBold.woff2") format("woff2"), url("/css/fonts/DINPro-CondensedBold.woff") format("woff"), url("/css/fonts/DINPro-CondensedBold.ttf") format("truetype");
  font-weight: bold; }

@font-face {
  font-family: 'DINPro';
  src: url("/css/fonts/DINPro.eot");
  src: url("/css/fonts/DINPro.woff2") format("woff2"), url("/css/fonts/DINPro.woff") format("woff"), url("/css/fonts/DINPro.ttf") format("truetype"); }

@font-face {
  font-family: 'DINPro';
  src: url("/css/fonts/DINPro-Bold.eot");
  src: url("/css/fonts/DINPro-Bold.woff2") format("woff2"), url("/css/fonts/DINPro-Bold.woff") format("woff"), url("/css/fonts/DINPro-Bold.ttf") format("truetype");
  font-weight: bold; }

@font-face {
  font-family: 'SourceSansPro';
  src: url("/css/fonts/SourceSansPro-Regular.eot");
  src: url("/css/fonts/SourceSansPro-Regular.woff2") format("woff2"), url("/css/fonts/SourceSansPro-Regular.woff") format("woff"), url("/css/fonts/SourceSansPro-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'SourceSansPro';
  src: url("/css/fonts/SourceSansPro-Bold.eot");
  src: url("/css/fonts/SourceSansPro-Bold.woff2") format("woff2"), url("/css/fonts/SourceSansPro-Bold.woff") format("woff"), url("/css/fonts/SourceSansPro-Bold.ttf") format("truetype");
  font-weight: bold; }

html {
  font-size: 16px; }

/* Classes for extending */
.padding-null {
  padding-top: 0;
  padding-bottom: 0; }

.margin-null {
  margin: 0; }

.footer-standard, .footer-seo-container, footer {
  width: 100%;
  padding: 25px 0; }

.container-margin {
  margin-top: 120px; }

@media (max-width: 1200px) and (min-width: 768px) {
  .container-margin {
    margin-top: 112px; } }

/* Footer section */
.mega-footer-container {
  background-color: #d4d4d4;
  font-family: "DINPro", Arial, sans-serif;
  color: #373c41; }
  .mega-footer-container h4 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px; }
  .mega-footer-container p {
    font-size: 14px;
    text-align: justify;
    margin-bottom: 5px; }
  .mega-footer-container a {
    font-weight: bold;
    color: #373c41; }
  .mega-footer-container .brand-logo {
    display: block;
    width: 70%;
    height: auto;
    margin: 0 auto; }
    .mega-footer-container .brand-logo.bl-walklists {
      margin-top: 60px;
      margin-bottom: 33px; }
  .mega-footer-container .contact-us-block {
    margin-top: 20px; }
  .mega-footer-container .networks {
    width: 100%;
    margin-top: 20px; }
    .mega-footer-container .networks img {
      float: right;
      display: block;
      margin-left: 10px; }
  @media screen and (max-width: 991px) {
    .mega-footer-container .brand-logo.bl-walklists {
      margin-top: 50px; }
    .mega-footer-container .contact-container {
      margin-top: 20px; } }
  @media screen and (max-width: 767px) {
    .mega-footer-container .unit {
      margin-bottom: 20px; }
      .mega-footer-container .unit.contact-container {
        margin-top: 0;
        margin-bottom: 0; }
    .mega-footer-container .brand-logo.bl-walklists {
      margin-top: 0px;
      margin-bottom: 0px; }
    .mega-footer-container .contact-us-block, .mega-footer-container .networks {
      margin-top: 10px; } }

.footer-seo-container {
  background-color: #333333;
  color: #ffffff;
  text-align: center; }
  .footer-seo-container .footer-seo-links {
    font-weight: bold; }
    .footer-seo-container .footer-seo-links a {
      color: #ffffff; }

footer {
  background-color: #232220;
  color: #ffffff; }
  footer a {
    color: #ffffff; }
    footer a:hover, footer a:focus {
      color: #ffffff; }
  footer .left-footer span, footer .left-footer a {
    margin-right: 25px; }
  footer .left-footer a {
    font-weight: bold; }
  footer .price-cost {
    padding: 0px; }
  @media screen and (max-width: 992px) {
    footer {
      text-align: center; }
      footer .left-footer {
        margin-bottom: 5px; } }

/* Ip limit */
.ip-limit {
  font-size: 12px;
  font-style: italic;
  text-align: left; }

.privacy_policy p {
  text-align: justify; }

.privacy_policy h1 {
  text-align: center; }

.header h1 {
  text-align: center; }

.header {
  padding-top: 35px;
  padding-bottom: 35px; }
  @media screen and (max-width: 992px) {
    .header {
      padding-top: 0;
      padding-bottom: 0; } }
  .header .price-cost {
    text-transform: uppercase; }

.logo {
  font-size: 2rem;
  font-weight: bold;
  font-family: 'DINProCondensed', Arial, sans-serif; }

@media (min-width: 768px) {
  .logo {
    font-size: 2rem;
    font-weight: bold;
    font-family: 'DINProCondensed', Arial, sans-serif; } }

.right {
  float: right; }

.left {
  float: left; }

.center {
  text-align: center; }

.br {
  float: none;
  clear: both; }

/*override bootstrap*/
.navbar {
  background-color: #ffffff; }

.navbar-default {
  border-color: transparent; }

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

.user-name:after {
  content: '\f2bd';
  font-family: icomoon;
  margin: 0px 0px 0px 10px; }

.csv-data {
  width: 100%;
  overflow: auto;
  margin-top: 1em;
  border: 1px solid #DDD;
  border-radius: 4px;
  padding: 4px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); }

table.nowrap {
  white-space: nowrap; }

table.data {
  border-collapse: separate;
  border-spacing: 0px; }

table.data th,
table.data td {
  border: 1px solid #DDD;
  border-width: 0 1px 1px 0;
  padding: 0.25em 0.5em;
  position: relative; }

table.data th,
table.data td.cnt {
  text-align: center;
  background: #ddd;
  border-color: #ffffff; }

table.data th .address-label {
  display: inline-block;
  top: 0.5em;
  font-size: 0.7em;
  background: #337AB7;
  border-radius: 0.25em;
  color: #ffffff;
  margin-right: 1px;
  margin-left: 1px; }

/* Advertisement container */
.ad-container {
  margin: 20px 0;
  height: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .ad-container img {
    max-width: 100%;
    height: auto; }

.large-brand-size {
  display: block; }

.small-brand-size {
  display: none; }

.large-brand-size .left-side {
  color: #ec7a00; }

.navbar-default .navbar-brand, .navbar-default .navbar-nav li a, .navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #506a85; }

.navbar-default .navbar-brand:hover, .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
  color: #506a85; }

.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
  background-color: #eee; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: #506a85; }

.navbar ul {
  font-family: 'SourceSansPro', sans-serif;
  font-weight: bold;
  font-size: 15px; }

.th_cell {
  cursor: pointer;
  min-width: 100px; }

.caret {
  color: #ec7a00;
  border-top: 7px dashed;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent; }

@media screen and (max-width: 768px) {
  .guest-form {
    font-size: 14px; }
  .navi-uls {
    display: none;
    padding-left: 25px; }
  .navbar ul {
    font-size: 20px; }
  .nav > li {
    margin-top: 20px; }
  .navbar-fixed-top, .navbar-collapse {
    max-height: 550px !important; } }

@media screen and (max-width: 450px) {
  .large-brand-size {
    display: none; }
  .small-brand-size {
    display: block; } }

.radio, .checkbox {
  position: relative;
  display: block;
  padding-left: 25px; }

.success-alert-message {
  margin-top: 20px; }

#amex-card {
  background-color: #e48b2b;
  color: #ffffff;
  display: none; }
  #amex-card a {
    text-decoration: underline;
    color: #fff; }
  #amex-card a:active, #amex-card a:hover {
    color: #23527c; }

.user-settings-container {
  display: none;
  margin-top: 20px; }
  .user-settings-container .advanced-options {
    cursor: not-allowed;
    opacity: 0.4; }
  .user-settings-container #email-saved {
    display: none; }

.mTop5 {
  margin-top: 5px; }

.mTop10 {
  margin-top: 10px; }

.mTop12 {
  margin-top: 12px; }

.mTop25 {
  margin-top: 25px; }

.mBottom5 {
  margin-bottom: 5px; }

.mBottom20 {
  margin-bottom: 20px; }

.mBottom200 {
  margin-bottom: 200px; }

.email-provision-msg {
  display: inline;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }
  .email-provision-msg .not-reg {
    font-style: italic;
    color: #e26868; }

.delete-email {
  padding: 4px 8px; }

.delete-individual-tasks label {
  font-weight: normal; }

.f4 {
  font-weight: 500;
  line-height: 1.1;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px; }

.f4-bold {
  font-weight: bold;
  line-height: 1.1;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px; }

.modal-close-btn {
  text-align: center;
  position: relative;
  top: -10px; }

.login-pnl {
  padding: 10px 15px;
  width: 300px;
  float: left;
  margin: 0; }

.forgot-password {
  padding-bottom: 5px;
  float: left; }

.login-btn {
  float: right;
  display: block; }

.status-border {
  border-right: solid 1px #a8a8a8; }

.subscribed-pnl {
  margin-top: 15px;
  margin-bottom: 20px;
  font-weight: normal; }

.discontinue-container {
  margin-bottom: 40px;
  margin-top: 6px; }

.discontinue-btn {
  margin-left: 40px;
  margin-right: 40px; }

.footer-address span {
  display: block; }

.invoices {
  text-align: center; }
  .invoices h2 {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    color: #777777; }
  .invoices p {
    text-align: center;
    color: #777777; }
  .invoices .inline {
    display: inline-block; }

.price-cost {
  text-decoration: none;
  position: relative;
  display: block;
  padding: 15px;
  line-height: 20px; }

#price_costs_table td {
  font-weight: normal;
  color: #333333; }

#price_costs_table th {
  color: #333333; }

.costs_panel {
  color: #333333;
  text-align: center; }

.radioPad {
  display: inline-block;
  width: 33.333333%;
  vertical-align: middle;
  margin: 25px 0; }

@media screen and (max-width: 700px) {
  .radioPad {
    width: 100%;
    margin: 0px 0; } }

.radioPad__wrapper {
  display: block;
  cursor: pointer;
  background-color: #eeeeee;
  color: #999999;
  font-size: 1.5rem;
  padding: 10px 20px 11px;
  text-align: center;
  font-weight: 600;
  border-radius: 2px;
  margin: 4px; }

.radioPad__wrapper:active,
.radioPad__wrapper--selected {
  background-color: #ec7a00;
  color: #fff;
  box-shadow: 1.5px 0 2px 0 rgba(0, 0, 0, 0.14); }

.radioPad__wrapper:not(.radioPad__wrapper--selected):hover {
  color: #000000; }

.radioPad__radio {
  visibility: hidden;
  height: 0;
  width: 0;
  opacity: 0; }

.price-link {
  cursor: pointer; }

#subs th {
  text-align: center; }

.feature .title {
  margin-top: 50px;
  margin-bottom: 30px; }

.feature .send {
  margin-top: 25px;
  margin-bottom: 14px;
  background-color: #839eff;
  position: relative;
  color: white;
  width: 85px;
  height: 33px; }
  .feature .send .text {
    position: absolute;
    top: 7px;
    right: 36px; }
  .feature .send .pin-icon {
    color: #ffffff;
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 4px; }

.feature .sticky-note {
  background-color: #f9c96c;
  border-radius: 6px; }

.feature .fbtn {
  color: #506a85;
  background-color: #ffffff;
  border-color: #ef972b;
  border-width: 3px;
  font-weight: 600;
  white-space: normal; }

.feature .fbtn:hover, .feature .fbtn:active, .feature .fbtn:focus, .feature .fbtn:active:focus {
  color: #8e8d8d;
  background-color: #ffffff;
  border-color: #ef972b; }

.get-in-touch .has-error {
  border-color: red; }

.get-in-touch .email {
  margin-top: 2px; }

.get-in-touch .send {
  margin-top: 6px;
  position: relative;
  width: 85px;
  height: 33px; }
  .get-in-touch .send .text {
    position: absolute;
    top: 6px;
    right: 16px;
    transition: right 0.5s; }
  .get-in-touch .send .arrow-right {
    opacity: 0;
    position: absolute;
    right: 8px;
    top: 5px;
    transition: all .2s; }

.get-in-touch .send:hover .arrow-right {
  right: 5px;
  opacity: 1; }

.get-in-touch .send:hover .text {
  right: 25px; }

.m-top-20 {
  margin-top: 20px; }

#monthly_status {
  float: right;
  border: 2px solid #337ab7;
  border-radius: 10px;
  padding: 5px;
  margin-bottom: 10px; }
  #monthly_status span {
    font-weight: 600; }

#custom_price_status {
  float: left;
  border: 2px solid #337ab7;
  border-radius: 10px;
  padding: 5px;
  margin-bottom: 10px; }
  #custom_price_status span {
    font-weight: 600; }

.status-gis {
  padding-top: 100px;
  padding-bottom: 100px; }
  .status-gis .empty {
    text-align: center; }

.feature-info p img {
  display: inline;
  margin: 0; }

.feature-info img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 20px auto; }

.preview-settings label {
  display: block; }

.subscribe-area {
  top: 50%;
  right: 0;
  z-index: 50;
  position: fixed;
  background-color: white;
  font-family: 'DINPro', sans-serif;
  font-size: 20px;
  color: #ec7a00;
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.1);
  padding: 2px 10px;
  line-height: 1.2em; }

.subscribe-area h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-shadow: 0 1px 0px #c7c7c7;
  background-color: #f0f0f0;
  border-bottom: 1px dashed #376378;
  display: block;
  margin: 0 -15px 10px -15px;
  padding: 10px 35px 5px 15px; }

@keyframes slidein {
  from {
    top: 100%; }
  to {
    top: 50%; } }

@keyframes slideout {
  from {
    top: 50%; }
  to {
    top: 100%; } }

#subscribe_button {
  cursor: pointer;
  animation-duration: 0.5s;
  animation-name: slidein; }

#sign-up-form {
  animation-duration: 0.5s;
  animation-name: slidein;
  padding: 2px 8px 8px 8px; }

#close_get_in_touch {
  display: inline-block;
  position: absolute;
  cursor: pointer;
  right: 5px;
  background-color: #f2efef;
  width: 20px;
  height: 20px;
  color: #424242;
  font-size: 13px;
  line-height: 18px;
  font-family: Tahoma, Geneva, sans-serif;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 0px 4px #d3d2d2;
  box-shadow: 0px 0px 0px 4px #d3d2d2; }

.step-icon-circle {
  position: relative;
  display: inline-block;
  width: 65px;
  height: 65px;
  line-height: 65px;
  vertical-align: middle; }

.circle {
  width: 100%;
  height: 100%;
  background: #ec7a00;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px; }

.nav-pills.nav-stacked li {
  width: 100%;
  float: left; }
  .nav-pills.nav-stacked li.sub-nav-pills-container {
    padding: 7px 0;
    border-bottom: 1px solid #337ab7;
    margin-bottom: 7px; }
  .nav-pills.nav-stacked li.sub-nav-pills-menu {
    padding: 2px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer; }

.nav-pills.nav-stacked.sub-nav-pills {
  width: 90%;
  float: right; }

.field-icon {
  float: right;
  margin-left: -25px;
  margin-right: 5px;
  margin-top: -30px;
  position: relative;
  z-index: 2;
  cursor: pointer; }