.body {
    font-family: Telex, Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, .site-title {
    font-family: 'Exo 2', Helvetica, Arial, sans-serif;
    font-weight: 700;
}
.circle {
  border: 2px solid #c0c0c0;
}

.circledescription {
  color: #19254f;
}

.highlight {
  background: #19254f;
  color: #ffffff;
}

.website-link {
  border: 2px solid #fff;
}

.website-link:hover, .website-link > a:hover {
  background-color: #fff;
  color: #000 !important;
}

.default-content-padding
{
  margin-top: 130px;
}

.wide-content-padding
{
  margin-top: 85px;
}

.ui-helper-reset {
  padding: 0;
}

/*#region nav bar**********************************************************************************/
.banner-header {
  width: 100% !important;
  padding: 30px 30px !important;
}
.navbar-inverse {
  background-color: #172b5d !important;
}
.navbar-inverse .navbar-nav > li > a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1em;
  color: rgba(255,255,255,.9);
}
.navbar-inverse .navbar-nav > li > a:hover {
  color: #fb397d;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fb397d;
  background-color: transparent !important
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: transparent !important
}

.navbar-header {
  margin-left: 30px !important;
}

.navbar-header > a {
  display: block;
}

.navbar-right {
  padding-top: 15px !important;
}

.site-header .container-fluid {
  padding: 0 75px !important;
}

.banner-header {
  margin-right: 15 !important;
  margin-left: 15 !important;
}

@media (min-width: 641px) {
  .banner-header {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: table-cell;
      vertical-align: middle;
      float: right;
  }
}

.btn-primary {
    color: #fff;
    background-color: #1a2756 !important;
    border-color: #1a2756 !important;

}

.card-title > .action a, .action a, .card-title >  .action a:active {
    color: #fff !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #1a2756;
    border-color: #1a2756;

}

.dropdown-menu > li > a {
    padding: 10px 20px !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fb397d !important;
    background-color: transparent !important;
}

@media (max-width: 480px) {
  .main-content {
      margin-top: 150px;
  }
  .logo-img {
      width: 142px;
  }
  .navbar-inverse {
    background-color: #000 !important;
  }
  .navbar-inverse .navbar-toggle {
    border-color: transparent !important;
  }
}
/*#endregion*/

/*#region stepper**********************************************************************************/
.steps-form .steps-row:before {
  background-color: #333; 
}

.steps-form .steps-row .steps-step .btn-circle {
  border: 2px solid #333;
  background-color: white !important;
  color: #333 !important; 
}

.steps-form .steps-row .steps-step .btn-circle.complete {
  border: 2px solid #c0c0c0;
  background-color: #c0c0c0 !important;
  color: #ffffff !important; 
}

.steps-form .steps-row .steps-step .btn-circle.active {
  border: 2px solid #c0c0c0;
  background-color: #bbbdc2 !important;
  color: #c0c0c0 !important; 
}
/*#endregion*/

/*#region product-carousel*************************************************************************/
.carousel-content {
  border-bottom: 1px solid #19254f !important;
}

.carousel.slide {
  background: #19254f26;
  border: 1px solid #060606 !important;
}

.carousel-control{
  background: #19254f !important;
}
/*#endregion*/

#MapSelection{
  margin-top: 50px;
}

.ui-dialog-titlebar {
    color: #fb397d !important;
    background: transparent !important;
}

.max-embedded-view {
    width: 90%;
}