.min-h-4 {
  min-height: 600px;
}

.min-h-1 {
  min-height: 500px;
}

@media (max-width: 979px) {
  .min-h-1 {
    min-height: 350px;
  }
}

.min-h-2 {
  min-height: 390px;
}

.map-h {
  height: 390px;
}

.min-h-5 {
  min-height: 320px;
}

.min-h-3 {
  min-height: 250px;
}

@media (max-width: 979px) {
  .bodoni-large1 {
    font-family: 'GFS Didot';
    font-size: 48px !important;
    line-height: 1em;
  }
}

.bodoni-large1 {
  font-family: 'GFS Didot';
  font-size: 64px;
  line-height: 1em;
}

.bodoni {
  font-family: 'GFS Didot';
}

.bodoni-wide {
  font-family: 'GFS Didot';
  letter-spacing: .5em;
}

.bodoni-small2 {
  font-family: 'GFS Didot';
  font-size: 14px;
}

.bodoni-small {
  font-family: 'GFS Didot';
  font-size: 24px;
}

.dm-sans {
  font-family: 'Roboto';
}

.dm-small1 {
  font-family: 'Roboto';
  font-size: 14px;
}

.dm-small2 {
  font-family: 'Roboto';
  font-size: 10px;
}

.dm-small3 {
  font-family: 'Roboto';
  font-size: 14px;
}

.dm-med1 {
  font-family: 'Roboto';
  font-size: 14px;
  font-weight: 600;
}

.bottom-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 50;
}

.bottom-left {
  position: absolute;
  bottom: 80px;
  left: 20px;
  z-index: 50;
}

.top-right3 {
  position: absolute;
  top: 100px;
  right: 30px;
  width: 300px;
  z-index: 50;
}

.top-right2 {
  position: absolute;
  top: 20px;
  right: 30px;
  z-index: 100;
}

@media (min-width: 200px) and (max-width:979px) {
  .top-right2 {
  right: 20px !important;
  }
}


.top-right {
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 100;
}

.top-center {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}

.top-left {
  position: absolute;
  top: 10px;
  left: 20px;
  z-index: 100;
}

.btn-1:hover {
  background-color: #000;
  border: 1px solid #000;
  color: white;
}

.btn-2:hover {
  background-color: #ffffff;
  border: 1px solid white;
  color: #000000;
}

.btn-3:hover {
  background-color: #000000;
  color: white;
  border: 1px solid white;
}

.btn-4:hover {
  background-color: #ffffff;
  color: black;
  border-color: black;
}

.btn-1 {
  border: 1px solid #000;
  border-radius: 0;
  font-family: 'DM Sans';
  font-size: 10px;
  padding-left: 30px;
  padding-right: 30px;
}

.btn-9 {
  border: 1px solid #FFF;
  color: white;
  border-radius: 0;
  font-family: 'DM Sans';
  font-size: 10px;
  padding-left: 30px;
  padding-right: 30px;
  -ms-transform: skewX(-20deg);
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
}

.btn-10 {
  border: 1px solid #000000;
  color: #000000;
  border-radius: 0;
  font-family: 'DM Sans';
  font-size: 10px;
  padding-left: 30px;
  padding-right: 30px;
  -ms-transform: skewX(-20deg);
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
}

.btn-10:hover {
  background-color: #000000;
  color: #ffffff;
}

.btn-9:hover {
  background-color: white;
  color: #000000;
}

.btn-10 > span {
  display: inline-block;
  transform: skew(20deg);
}

.btn-9 > span {
  display: inline-block;
  transform: skew(20deg);
}

.btn-2 {
  border: 1px solid #FFF;
  color: white;
  border-radius: 0;
  font-family: 'DM Sans';
  font-size: 10px;
  padding-left: 30px;
  padding-right: 30px;
}

.btn-3 {
  border: 1px solid #FFF;
  color: #000000;
  background-color: white;
  border-radius: 0;
  font-family: 'DM Sans';
  font-size: 10px;
  padding-left: 30px;
  padding-right: 30px;
}

.btn-4 {
  border: 1px solid #000000;
  color: white;
  background-color: #000000;
  border-radius: 0;
  font-family: 'DM Sans';
  font-size: 10px;
  padding-left: 30px;
  padding-right: 30px;
}

.bg-grey1 {
  background-color: #f8f8f7;
}

.mw-300 {
  max-width: 300px;
}

.mw-500 {
  max-width: 500px;
}

.mw-650 {
  max-width: 650px;
}

.bodoni-divider {
  font-family: 'Bodoni Moda';
  font-size: 16px;
}

.link2 {
  font-family: 'DM Sans';
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  color: black;
  letter-spacing: 1px;
}

.link3:hover {
  background-color: #333;
}

.link3 {
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  color: white;
  padding-left: 30px;
  padding-right: 30px;
}

.link1 {
  font-family: 'Roboto';
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  color: black;
}

.link1:hover {
  color: #666;
}

.grayscale {
  -webkit-filter: grayscale(100%);
}

.img-size4 {
  width: 200px;
}

.img-size2 {
  max-height: 80px;
  max-width: 250px;
}

.img-size6 {
  width: 120px;
}

.img-size1 {
  width: 50px;
}

@media (min-width: 200px) and (max-width:979px) {
  .img-size1 {
    width: 30px;
  }
}

.img-size3 {
  width: 30px;
}

.icon2 {
  font-size: 21px;
  color: #ffffff;
}

.icon1 {
  font-size: 21px;
  color: black;
}

.icon1:hover {
  font-size: 21px;
  color: #666;
}

.border2 {
  border-top: 1px solid #000;
}

.border3 {
  border-top: 1px solid #ffffff;
}

.border4 {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

.border1 {
  border: 1px solid #000;
}

.image-offset1 {
  margin-left: -200px;
}

.width60 {
  width: 60%;
}

.width250px {
  width: 250px;
}

.width125px {
  width: 125px;
}

.width20 {
  width: 20%;
}

.font12 {
  font-size: 12px;
}

.font14 {
  font-size: 14px;
}

.font16 {
  font-size: 16px;
}

.font18 {
  font-size: 18px;
}

.font21 {
  font-size: 21px;
}

.font24 {
  font-size: 24px;
}

.font28 {
  font-size: 28px;
}

@media (min-width: 980px) {
  .font36 {
    font-size: 36px;
  }
}

@media (min-width: 300px) and (max-width:979px) {
  .font36 {
    font-size: 24px;
  }
}

.font48 {
  font-size: 48px;
}

.btn-5 {
  border: 5px solid #000;
  border-radius: 0;
}

.btn-8 {
  border: 5px solid #ffffff;
  border-radius: 0;
  color: white;
}

.btn-8:hover {
  border: 5px solid #FFF;
  border-radius: 0;
  background-color: #ffffff;
  color: #000000;
}

.btn-5:hover {
  border: 5px solid #000;
  border-radius: 0;
  background-color: #000000;
  color: white;
}

.border-under {
  border-bottom: 1px solid #000;
  line-height: 2em;
}

.border-around {
  border: 1px solid #000;
  line-height: 2em;
  padding-left: 10px;
  padding-right: 10px;
}

.btn-6 {
  color: white;
  font-size: 10px;
  padding: 0;
  font-weight: 600;
}

.btn-7 {
  color: #000;
  font-size: 10px;
  padding: 0;
  font-weight: 600;
}

.btn-6:hover {
  color: #ddd;
}

.btn-7:hover {
  color: #666666;
}

.image-icon {
  padding-top: 3px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 0px;
  margin-top: 2px;
}

.grey1 {
  color: #999;
}

.kern2 {
  letter-spacing: 2px;
}

.kern1 {
  letter-spacing: 4px;
}

.dots1 {
  border-bottom: 3px dotted white;
  padding-top: 16px;
}

.outline-bottom-left {
  height: 50px;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

.outline-top-left {
  height: 50px;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

.outline-top-right {
  height: 50px;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

.outline-bottom-right {
  height: 50px;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

.site {
  text-transform: uppercase;
}

.site:hover {
  opacity: .5 !important;
}

.input1 {
  font-family: 'DM Sans';
  font-size: 14px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #000;
  border-radius: 0px;
  padding-top: 30px !important;
}

.input2 {
  font-family: 'DM Sans';
  font-size: 14px;
  color: #fff !important;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #ffffff;
  border-radius: 0px;
  padding-top: 30px !important;
}

.drop-blk {
  background-color: #000000;
  border-radius: 0;
  color: white;
  padding: 20px;
  border: none;
}

.menu-white {
  color: white;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
  cursor: pointer;
}

.btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: #fff !important;
}

.drop1 {
  background-color: #000000;
  color: white;
  padding: 8px;
  border-radius: 0 !important;
  font-family: 'DM Sans';
  font-size: 14px;
  min-width: 200px;
}

.font60 {
  font-size: 60px;
}

.form-floating > label::after {
  background-color: transparent !important;
}

.t4top {
  position: absolute;
  top: 320px;
}

.divider1 {
  border-top: 1px solid #292929;
}

.menu1:hover {
  background-color: #252525;
  cursor: pointer;
}

.menu1 {
  cursor: pointer;
  border-bottom: 1px solid #252525;
}

body {
  font-family: 'Roboto';
}

.ls10 {
  letter-spacing: 10px;
}

@media (max-width: 979px) {
  .skew2 {
    height: 400px !important;
  }
}

.skew2 {
  --p: 160px;
  height: 600px;
  aspect-ratio: 1;
  clip-path: polygon(0 0,100% 0,calc(100% - var(--p)) 100%,0 100%);
}

.skew1 {
  --p: 160px;
  aspect-ratio: 1;
  clip-path: polygon(0 0,100% 0,calc(100% - var(--p)) 100%,0 100%);
}

.bg-stripe1 {
  background-image: linear-gradient(110deg, #444444 2.38%, #000000 2.38%, #000000 50%, #444444 50%, #444444 52.38%, #000000 52.38%, #000000 100%);
  background-size: 22.35px 61.40px;
}

.buffer1 {
  padding-top: 110px;
}

.c-bold {
  font-family: 'Compass-Sans-Bold';
}

.c-regular {
  font-family: 'Compass-Sans-Regular';
}

.font10 {
  font-size: 10px;
  color: #999999;
}

.bottom1 {
  bottom: 70px;
  left: 50px;
}

.c-serif {
  font-family: 'Compass-Serif';
}

.t7bg {
  background-color: rgba(0,0,0,.6) !important;
}

@media (min-width: 980px) {
  .t7bg {
    background-color: rgb(0,0,0) !important;
  }
}

.h60 {
 max-height: 80px;
 max-width: 180px;
}