/* * {outline: 1px dotted grey;} */ :root {
  --main-bg-color: #3f444a;
  --thumb-color: #f4ebeb;
  --thumb-color-hover: #ed503d;
  --link-color: #eaeaea;
  --link-color-hover: #ed503d;
}
html {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 16px;
}
body {
  background-color: var(--main-bg-color);
  margin: 0;
  padding: 0;
  color: #000;
  font-family: Tahoma, Arial, sans-serif;
}
p {
  padding: 0;
  margin: 0 auto;
}
a, a:link, a:active, a:visited {
  color: #111;
  text-decoration: none;
}
a:hover {
  color: #333;
  text-decoration: none;
}
img {
  width: 100%;
  height: auto;
  border: none;
}
ul, li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
h1, h2, h3, h4 {
  padding: 0;
  margin: 0;
  font-weight: normal;
}
header {
  width: 100%;
  padding-top: .3rem;
}
.main {
  max-width: 1140px;
  margin-inline: auto;
  padding-left: .5rem;
  padding-right: .5rem;
}
.headerimage {
  background: url(/files/logo.png) no-repeat;
  width: 335px;
  height: 60px;
  margin: 0;
  padding: 0;
  float: left;
}
.menu {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: .8rem;
  height: 60px;
  align-content: center;
}
.menu a {
  font-size: 1rem;
  background-color: var(--link-color-hover);
  color: #fff;
  padding: 5px 12px;
  border-radius: .2rem;
}
.menu a:hover {
  background-color: var(--link-color);
  color: var(--main-bg-color);
}
@media screen and (max-width: 800px) {
  .main {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
  }
  .menu {
    height: auto;
  }
}
.content {
  clear: both;
  max-width: 1500px;
  text-align: left;
  margin-inline: auto;
  padding-left: .5rem;
  padding-right: .5rem;
}
.content h1 {
  line-height: 1.8;
  font-size: 1.1rem;
  color: var(--link-color);
  padding-left: 2px;
  margin-block: .2rem;
}
@media screen and (max-width: 900px) {
  .content h1 {
    line-height: 1.3;
  }
}
.content h2 {
  font-size: 18px;
  padding-left: 2px;
}
@media screen and (max-width: 500px) {
  .content {
    padding-top: 5px;
  }
}
#gallery-description {
  clear: both;
  max-width: 940px;
  width: 98%;
  color: #aaa;
  font-size: 17px;
  padding: 4px 0px 0px 0px;
  margin: 0px auto;
  text-decoration: none;
  letter-spacing: 1px;
}
.thumbs {
  clear: both;
  font-size: 0;
  max-width: 1500px;
  margin-inline: auto;
  padding-top: .3rem;
}
.thumbs a {
  display: inline-flex;
  width: calc(25% - 4px - .5rem);
  margin: .25rem;
  border: 2px solid var(--thumb-color);
  /* border-radius: 3px; */
}
.thumbs a:hover {
  border: 2px solid var(--thumb-color-hover);
  cursor: pointer;
}
@media screen and (max-width: 1100px) {
  .thumbs a {
    width: calc(100%/3 - 4px - .5rem);
  }
}
@media screen and (max-width: 800px) {
  .thumbs a {
    width: calc(100%/2 - 4px - .5rem);
  }
}
@media screen and (max-width: 500px) {
  .thumbs a {
    width: calc(100% - 4px - .5rem);
  }
}
.video-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sidebar {
  margin: 0 auto;
  text-align: center;
  font-size: 0;
}
.sidebar li {
  width: 300px;
  height: 250px;
  margin: 3px;
  padding: 0;
  display: inline-block;
  vertical-align: top;
}
.fullwidth {
  display: none;
}
@media screen and (min-width: 730px) {
  .fullwidth {
    display: inherit;
    margin: 0;
    padding: 1vw 0;
  }
}
.tops {
  clear: both;
  max-width: 1500px;
  color: #f77c6b;
  margin-inline: auto;
  margin-block: 1rem;
  /* font-size: 0; */
}
.tops ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: .8rem;
  margin-inline: 0;
  font-size: 0;
}
.tops.index ul {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  margin-inline: .4rem;
}
.tops li {
  float: left;
  font-size: 1.4rem;
  text-align: center;
  overflow: hidden;
  padding-top: .4rem;
}
.tops a {
  display: block;
  color: var(--link-color);
  font-weight: bold;
  padding-block: 1.2rem;
  background-color: var(--link-color-hover);
  border-radius: .5rem;
}
.tops a:hover {
  color: var(--link-color-hover);
  background-color: var(--link-color);
}
#pagination {
  clear: both;
  font-size: 16px;
  color: #000;
  margin: 0 auto;
  padding: 2% 0 0 0;
  width: 96%;
  font-family: Arial, sans-serif;
}
#pagination li {
  display: inline;
}
#pagination li a {
  padding: 8px 12px;
  margin: 2px 1px;
  text-decoration: none;
  color: #989c9f;
  border-bottom: 1px solid #989c9f;
  text-transform: uppercase;
}
#pagination a:hover {
  text-decoration: none;
  color: var(--link-color-hover);
  border-bottom: 1px solid var(--link-color-hover);
}
@media screen and (max-width: 800px) {
  #pagination {
    padding-top: 5%;
  }
}
@media screen and (max-width: 500px) {
  #pagination {
    font-size: 17px;
    padding-top: 8%;
  }
}
#footer {
  clear: both;
  font-family: Verdana, Arial, sans-serif;
  margin: 0 auto;
  padding-top: 3%;
  color: #666;
  font-size: 13px;
  max-width: 1000px;
  width: 90%;
}
#footer a {
  text-decoration: underline;
  color: #333;
}
#footer a:hover {
  text-decoration: none
}
#footer p:before {
  content: 'All models were at least 18 years old when they were photographed. The site is in full compliance with 18 USC Section 2257. We have no control over the content of these pages. We take no responsibility for the content on any website which we link to, please use your own discretion while surfing the links.';
}
/* .under_addon_desktop {
    clear: both;
    margin-inline: auto;
    padding: .5rem 0;
}
        @media screen and (max-width: 740px) {
            .under_addon_desktop {
                display: none;
            }
        }    */
/* .header_addon, .under_addon_mobile {
    clear: both;
    margin-inline: auto;
    padding: .5rem 0; 
    display: none;  
}               
.header_addon {
    width: 300px;
}
        @media screen and (max-width: 600px) {
            .header_addon, .under_addon_mobile {
                display: inherit;
            }
        }  */
.header_addon {
  clear: both;
  margin-inline: auto;
  padding: 1rem 0;
}
.header_addon img {
  width: 300px;
  height: 120px;
}
.hover-video {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.hover-video img, .hover-video video {
  width: 100%;
  display: block;
}
.hover-video video {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}