#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.thumbs li {width:22%;display:inline-block;overflow:hidden;cursor:move;margin:0 1%;}
.thumbs img {width:100%;max-height:200px;}
.ui-state-highlight { height: 200px; background-color: #333333;}
.ui-agent-highlight { height: 200px; background-color: #333333;}


.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;
}

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

.btn-2 {
  border: 1px solid #FFF;
  color: white;
  border-radius: 0;
  font-family: 'Roboto';
  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: 'Roboto';
  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: 'Roboto';
  font-size: 10px;
  padding-left: 30px;
  padding-right: 30px;
}



.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-5 {
  border: 5px solid #000;
  border-radius: 0;
}

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

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

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

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

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

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

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


.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: 'Roboto';
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  color: black;
  letter-spacing: 1px;
}

.link2:hover {
  color: #666;
}

.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;
}

.link4 {
  color: black;
  text-decoration: none;
}

.link4:hover {
  color: #666;
}

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

.img-size4 {
  width: 200px;
}

.img-size2 {
  height: 50px;
}

.img-size6 {
  width: 120px;
}

.img-size1 {
  width: 50px;
}

.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;
}

.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;
}

.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;
}


.grey1 {
  color: #999;
}

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

.site {
  text-transform: uppercase;
}

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

.input1 {
  font-family: 'Roboto';
  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: 'Roboto';
  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;
}

.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;
}

.font60 {
  font-size: 60px;
}

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

.divider2 {
  border-top: 1px solid #d5d5d5;
}

.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';
}

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

.grey1 {
  color: #999 !important;
}

.custom-select select {
  appearance: none !important;
  font-size: 14px !important;
  padding: 0.675em 6em 0.675em 1em !important;
  background-color: #000000 !important;
  border: none !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  cursor: pointer !important;
}

.custom-select {
  position: relative;
  min-width: 300px !important;
}

.custom-select select {
  min-width: 200px !important;
}

.custom-select::after {
  border-left: var(--size) solid transparent !important;
  border-right: var(--size) solid transparent !important;
  border-top: var(--size) solid #ffffff !important;
  top: 55%;
}

.custom-select::before {
  border-left: var(--size) solid transparent !important;
  border-right: var(--size) solid transparent !important;
  border-bottom: var(--size) solid #ffffff !important;
  top: 40% !important;
}

.custom-select::before, .custom-select::after {
  --size: 0.3rem !important;
  position: absolute !important;
  content: "" !important;
  right: 1rem !important;
  pointer-events: none !important;
}

.height1 {
  height: 200px;
}

.link-sidenav:hover {
  text-decoration: underline;
}

.link-sidenav {
  text-decoration: none;
  color: #ffffff !important;
}

.menu-active {
  font-weight: 900;
  text-decoration: underline;
}

.heading3 {
  font-family: 'Roboto';
  font-size: 21px;
  font-weight: 700;
}

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

.dropzone {
min-height: 150px;
color: #666 !important;
background: #efefef !important;
padding: 20px 20px;
padding-top: 28px !important;
margin-top: 20px;
border: 1px #666 dashed !important;
border-radius: 20px !important;
}

.dropzone:hover {
background: #333 !important;
}

.form-label {
margin-left: -2px !important;
}

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