@import url(https://fonts.googleapis.com/css?family=Roboto+Slab|Source+Sans+Pro:300,400,600,700);
body {
  font-family: "Source Sans Pro", sans-serif !important;
  color: #061f5c !important;
  font-weight: 400 !important;
  line-height: 1.4; }

p {
  font-weight: 400 !important; }

a {
  color: #e84d3a !important; }
  a:hover {
    color: #b33c2d !important; }
  a[href^="tel:"] {
    color: inherit; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto Slab", sans-serif !important; }

h1 {
  color: #00a1e1 !important;
  font-size: 32px;
  font-weight: 700; }

h2 {
  font-family: "Source Sans Pro", sans-serif !important;
  font-size: 18px;
  font-weight: 600;
  color: #061f5c !important; }
  h2.heading {
    font-family: "Roboto Slab", sans-serif !important;
    color: #00a1e1 !important;
    font-size: 24px;
    font-weight: 700; }

h3 {
  color: #061f5c !important;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0; }

h4 {
  color: #00a1e1 !important;
  font-family: "Source Sans Pro", sans-serif !important;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0; }

.header_bar {
  background: #061f5c !important;
  font-weight: 400;
  color: #7889a8;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 28px; }
  .header_bar a {
    color: #FFF !important; }

.navigation_bar {
  border-bottom: 1px solid #e1e1e1; }

.top-bar .toggle-topbar.menu-icon a span::after {
  box-shadow: 0 0 0 1px #a5a5a5, 0 7px 0 1px #a5a5a5, 0 14px 0 1px #a5a5a5; }

.logo {
  width: 200px; }

.top-bar-section ul li > a {
  font-family: "Source Sans Pro", sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 2px !important; }

.top-bar-section .has-dropdown > a {
  padding-right: 0.9375rem !important; }
  .top-bar-section .has-dropdown > a:after {
    display: none; }

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {
  color: #FFF !important; }

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
  /*
		background-color: $main_color;
		background: $main_color;
*/ }

@media only screen and (min-width: 1024px) {
  .top-bar {
    height: 6.250em; }
  .logo {
    margin-top: 24px; }
  ul.nav_bar {
    margin-top: 55px;
    float: right;
    margin-top: 55px; } }

@media only screen and (max-width: 1023px) {
  .logo {
    width: 155px;
    margin-top: 5px;
    margin-bottom: 10px; }
  ul.nav_bar {
    margin-bottom: 15px; }
    ul.nav_bar ul.dropdown {
      margin-bottom: 15px; } }

button, .button {
  font-family: "Source Sans Pro", sans-serif !important;
  color: #061f5c !important;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
  background-color: transparent;
  border-width: 3px;
  border-color: #e84d3a !important;
  padding: 14px 34px 14px 34px; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: #FFF !important;
    background-color: #e84d3a !important; }
  button.push_top, .button.push_top {
    margin-top: 20px; }

.secondary_link {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1px; }

hr {
  border: solid #FFF; }

@media only screen and (max-width: 40em) {
  .home_hero {
    height: 285px; }
    .home_hero .hero_title {
      height: 285px; } }

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .home_hero {
    height: 400px; }
    .home_hero .hero_title {
      height: 400px; } }

@media only screen and (min-width: 64.063em) {
  .home_hero {
    height: 579px; }
    .home_hero .hero_title {
      height: 579px; } }

.home_hero {
  background: url("/assets/img/hero_home.jpg") no-repeat center center;
  background-size: cover !important; }
  .home_hero .diamonds {
    background: url("/assets/img/diamonds_home_hero.png") no-repeat top right;
    background-size: contain;
    height: 100%; }
  .home_hero .hero_title {
    position: relative; }
  .home_hero h1 {
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 2.5em;
    color: #fff !important;
    line-height: 1.2em;
    font-weight: 300 !important;
    position: absolute;
    bottom: 25px; }
  @media only screen and (max-width: 40em) {
    .home_hero h1 {
      font-size: 26px;
      bottom: 10px; } }
  @media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .home_hero h1 {
      font-size: 36px;
      bottom: 10px; } }

@media only screen and (max-width: 40em) {
  .interior_hero {
    height: 185px; } }

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .interior_hero {
    height: 400px; } }

@media only screen and (min-width: 64.063em) {
  .interior_hero {
    height: 450px; } }

.interior_hero {
  background-size: cover !important; }
  .interior_hero .diamonds {
    background: url("/assets/img/diamonds_interior_hero.png") no-repeat bottom right;
    background-size: contain;
    height: 100%; }

.footer_border {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e1e1e1; }

.contact_us {
  background: #f1f2f2;
  font-size: 24px;
  color: #e84d3a !important;
  font-weight: 300; }
  .contact_us .contact_us_header {
    font-family: "Roboto Slab", sans-serif !important;
    color: #061f5c !important;
    font-weight: 700; }
  .contact_us .button {
    color: #FFF !important;
    background-color: #061f5c !important;
    border-width: 0px; }
    .contact_us .button:hover, .contact_us .button:focus {
      background-color: #e84d3a !important; }
  @media only screen and (min-width: 64.063em) {
    .contact_us .large_push_right {
      float: right; } }

@media only screen and (max-width: 64em) {
  .contact_us {
    padding: 25px 0 25px 0; } }

@media only screen and (min-width: 64.063em) {
  .contact_us {
    padding: 55px 0 55px 0; } }

footer {
  font-size: 14px !important; }
  footer ul.site_map a {
    color: #061f5c !important; }
    footer ul.site_map a:hover {
      color: #e84d3a !important; }
  footer ul.site_map > li {
    font-weight: 700;
    letter-spacing: 2px !important;
    font-size: 14px !important;
    text-transform: uppercase; }
  footer ul.site_map ul {
    list-style: none;
    margin-left: 0;
    text-transform: none; }
    footer ul.site_map ul li {
      font-weight: 300;
      letter-spacing: normal !important;
      font-size: 14px !important; }
  footer .footer_nav {
    margin-bottom: 75px; }

@media only screen and (max-width: 64em) {
  footer {
    height: auto;
    background-size: contain; } }

@media only screen and (min-width: 760px) {
  footer {
    background: url("/assets/img/diamonds_footer.png") no-repeat bottom left; } }

.margin_top_15 {
  margin-top: 15px; }

.margin_bottom_5 {
  margin-bottom: 5px; }

.no_bottom_margin {
  margin-bottom: 0; }

ul.B_crumbBox {
  display: block;
  list-style: none;
  margin: 5px 0 50px 0;
  overflow: hidden;
  font-weight: 400; }
  ul.B_crumbBox > * a {
    color: #061f5c !important; }
  ul.B_crumbBox > * {
    line-height: 0.6875rem;
    float: left;
    font-size: 11px; }
    ul.B_crumbBox > *.B_currentCrumb {
      color: #061f5c !important;
      cursor: default; }
      ul.B_crumbBox > *.B_currentCrumb a {
        color: #061f5c !important;
        cursor: default; }
  ul.B_crumbBox > *:before {
    content: ">";
    margin: 0 0.3rem;
    position: relative;
    top: 1px; }
  ul.B_crumbBox > *:first-child:before {
    content: " ";
    margin: 0; }

@media only screen and (min-width: 40.063em) {
  .before_sidebar {
    border-right: 1px solid #e1e1e1;
    min-height: 360px; } }

.title_wrapper {
  margin-bottom: 25px; }
  .title_wrapper h1 {
    margin: 0; }
  .title_wrapper h2 {
    margin: 0; }

.image_headers {
  text-align: center; }
  .image_headers img {
    display: block;
    height: 75px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px; }

.sidebar_copy * {
  font-size: 14px; }

.span_quote {
  color: #56565a;
  font-size: 20px !important; }

.link_list ul {
  list-style-type: none;
  margin-left: 0; }
  .link_list ul li {
    line-height: 1.3;
    margin-bottom: 10px; }

.accordion .accordion-navigation > .content, .accordion dd > .content {
  padding: 30px 40px 30px 40px; }
  .accordion .accordion-navigation > .content p, .accordion dd > .content p {
    font-weight: 400 !important;
    font-size: 14px !important; }
  .accordion .accordion-navigation > .content .button, .accordion dd > .content .button {
    margin-bottom: 0;
    padding: 7px 15px 7px 15px; }

.accordion .accordion-navigation > a, .accordion dd > a {
  background: #061f5c !important;
  color: #FFF !important;
  border-bottom: 2px solid #FFF;
  font-family: "Source Sans Pro", sans-serif !important;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase; }
