@font-face {
    font-family: 'ApexNewMedium';
    src: url("ApexNewMedium.otf") format("opentype");
}

header {
    background-color: #242424;
}

header a.logo {
    background: url(images/logo.png) no-repeat 50% 0;
    padding-top: 6.5em;
    background-size: 9em;
    width: 19em;
    height: auto;
}

header a.logo h1 {
    color: #fff;
    display: block;
    font-family: "ApexNewMedium", sans-serif;
    font-weight: normal;
    margin: 0;
    font-size: 1.8em;
  text-align: center;
  display: none;
}

#main {
    max-width: unset;
}

article .attributes {
    max-width: 40em;
    margin: auto;
    padding-left: 1em;
    padding-right: 1em;
}

div.category section.content {
    max-width: 50em;
    margin: auto;
    padding-left: 1em;
    padding-right: 1em;
}

div.category section.content div.bodyText {
    padding-bottom: 4em;
}

section {
    padding-bottom: 0;
}

h1 {
    font-size: 3em;
}

h1,
h2 {
    color: #242424;
    font-family: "ApexNewMedium", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
}

section.content > div.bodyText > h1 {
    padding-top: 2em;
  text-transform: uppercase;
}

h3, .h3, .subHeading, .caption {
    color: #242424;
    font-size: 2em;
    line-height: 1.2em;
    font-family: "ApexNewMedium", sans-serif;
    font-weight: normal;
}

article .attributes strong {
    color: #242424;
    font-size: 1.4em;
  line-height: 1.5em;
    font-family: "ApexNewMedium", sans-serif;
    font-weight: normal;
}

nav#nav ul li {
    font-family: "ApexNewMedium", sans-serif;
}

a,
a:hover {
    color: #242424;
}


nav#nav a,
nav#nav a:link,
nav#nav a:visited {
    background: none;
    text-align: center;
}

nav#nav li.selected a,
nav#nav li.selected a:hover {
    background: none;
    border-bottom: 1px solid;
}

nav#nav a:hover,
nav#nav a:active {
    color: #333;
    background: #fff;
}

#banner #simpleSearch {
    display: none;
}

.googleMap {
    border: none;
}

article .details {
	gap: 2em;
}

article .details .image, article .details .video, article .details .images, article .details .googleMap {
	max-width: 43em;
  flex-grow: 2;
  margin: auto;
}

article .details .image .frame, article .details .googleMap {
	max-height: unset;
}

span.attribute, div.attribute {
    font-size: 1.2em;
  }


  article .attribute .attValue p {
    margin-bottom: 0.5em;
    padding: 0;
  }


section#products article.item {
    max-width: 88em;
    margin: auto;
}

article:nth-child(2n) .details {
    flex-direction: row;
}

div.primary {
    max-width: 900px;
    margin:auto;
}