body {
  background-color: #000;
  overflow: hidden;
  ;
}

.hide {
  display: none;
}

.cc-window {
  z-index: 100002!important;
}

.navbar {
  background-color: #0000005c !important;
}

.navbar a {
  color: #ffd400;
}

.custom-search {
  position: relative;
  width: 25rem;
  top: 4rem;
}

.custom-search-input {
  width: 100%;
  padding-right: 100px !important;
  box-sizing: border-box;
  border-radius: 2rem !important;
}

.custom-search-botton {
  position: absolute !important;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 2rem;
  line-height: 1 !important;
  z-index: 4 !important;
}

.mainwaiting, .maintenance, .notsuppported {
  position: fixed;
  text-align: center;
  height: 100%;
  width: 100%;
  top: 40%;
  z-index: 99999;
}

.mainwaiting .spinner-border {
  width: 5rem;
  height: 5rem;
}

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.overlay button {
  border: 0;
  background-color: #0161EB;
  border-radius: 1rem;
  color: #ffffff;
  padding: 1rem 2rem;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
}

.overlay #contactform {
  padding: 10px;
}

.overlay #contactform .centered {
  text-align: center;
}

.overlay #contactform button {
  width: 100%;
}

.overlay #contactform a {
    color: #999;
    text-decoration: none;
}
.overlay #contactform a:hover {
    color: #000;
    text-decoration: none;
}

.g-recaptcha {
  z-index: 9999;
}

@media (orientation: landscape) {

  .overlay #contactform .flogo {
    height: 20vh;
    width: auto;
  }

  .overlay #contactform .formcomment {
    margin: 0 0 0 25%;
    font-size: x-small;
  }

  .overlay #contactform .form-check-label {
    margin: 0;
  }

  .overlay #contactform label {
    text-align: right;
  }

  #overlayrotate {
    display: none;
  }

  #overlaydetails {
    background-color: white;
    background: url(../img/BLANK-landscape.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .overlay #contactform input[type="text"] {
    border: 0;
    border-radius: 1rem;
    height: 50px;
    line-height: 50px;
  }

  .overlay #contactform label {
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    font-weight: 700;
  }

  .overlay #contactform img {
    /* position: relative;
    top: -60px; */
    height: 100px;
    width: auto;
  }

  #overlayexit {
    background: url(../img/OUTRO-landscape.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  #overlayexit img {
    height: auto;
    width: 30vw;
    position: relative;
    top: 27vh;
  }
}

@media (orientation: portrait) {

  .horspacer {
    margin-top: 10px;
  }

  .overlay #contactform .flogo {
    height: auto;
    width: 50vw;
  }

  .overlay #contactform .formcomment {
    margin: 0 0 0 5%;
    font-size: x-small;
    text-align: left;
    margin: 1rem;
  }

  .overlay #contactform .mb-3 {
    margin-bottom: 0 !important;
  }

  .overlay #contactform {
    margin: 0 10px;
  }

  .overlay input[type="checkbox"] {
    margin: 0.5rem 0.5rem;
  }

  .overlay #contactform label,
  .overlay #contactform p {
    text-align: center;
  }

  .overlay #contactform input[type="text"] {
    border: 0;
    border-radius: 1rem;
    height: unset !important;
    line-height: unset !important;
  }

  .overlay #contactform label {
    height: unset !important;
    line-height: unset !important;
    text-transform: uppercase;
    font-weight: 700;
  }

  .overlay #contactform img {
    height: 12vh;
    width: auto;
    margin: 0.5rem;
  }

  #overlayrotate {
    display: block;
    z-index: 10000;
    background: url(../img/ROTATE-portrait.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  #overlaydetails {
    z-index: 10001;
    background: url(../img/BLANK-portrait.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  #overlayexit {
    background: url(../img/OUTRO-portrait.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  #overlayexit img {
    height: auto;
    width: 80vw;
    position: relative;
    top: 20vh;
  }

}

@media (orientation: landscape) and (max-height: 600px) {

  #overlaydetails {
    overflow: auto;
    display: block;
  }

  .overlay #contactform .mb-3 {
    margin-bottom: 0.2rem !important;
  }

  .overlay #contactform {
    margin: 0 10px;
  }

  .overlay #contactform .flogo {
    height: 20vh;
    width: auto;
    margin-bottom: 1rem;
  }

  /* .overlay #contactform img {
    height: 12vh;
    width: auto;
    margin: 0.5rem;
  } */

  .overlay #contactform label,
  .overlay #contactform input[type="text"],
  .overlay #contactform button,
  .overlay #contactform p {
    font-size: 0.75rem;
    height: unset !important;
    line-height: unset !important;
    padding: 0.5rem 1rem;
  }

  .overlay input[type="checkbox"] {
    margin: 0.5rem 0.5rem;
  }
}

@media (orientation: portrait) and (max-width: 1023px) {

  #overlaydetails {
    overflow: auto;
    display: block;
  }

  .g-recaptcha {
    margin: 0 10%;
  }
}

/* disable pickable background */
#editorSidebar.modal {
  width: 0 !important;
  height: 0 !important;
}

.modal-backdrop {
  display: none !important;
}

#editorSidebar .modal-header {
  height: 57px;
  /*match navbar */
}

.modal-dialog {
  margin: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  color: white;
  width: 40%;
  /* overflow-y: auto; */
}

#editorSidebar .modal-dialog {
  background: #000000bd;
}

#editorPopup .modal-dialog {
  background: #000000ff;
}

.modal-content {
  height: 100%;
  overflow: auto;
  border: none;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

#editorSidebar .fade-scale {
  transform: scale(1, 0);
  /* scale(0); horizontal*/
  opacity: 0;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}

/*FOR BOOTSTRAP 3 just chengr class .show to .in*/
/*
  .fade-scale.in {
    opacity: 1;
    transform: scale(1,1);
  }
  */
#editorSidebar .fade-scale.show {
  opacity: 1;
  transform: scale(1, 1);
  /* scale(1); horizontal*/
}

.ddeditor .stage {
  background: #0c0c0cbd;
  border: 1px solid #797979;
  border-radius: .3rem;
  margin: 0.5rem 0;
  padding: 0.5rem;
  text-align: center;
}

.ddeditor .stage .stagebtn {
  background-color: #005a3b;
  margin: 0.2rem;
  font-size: xx-small;
  color: white;
  width: fit-content;
  display: block;
}

.ddeditor .maintitlebar {
  cursor: pointer;
  background-color: #483e3e;
  font-size: larger;
  padding: 0.5rem;
  margin: 0.25rem 0;
}

.ddeditor .titlebar {
  cursor: pointer;
  padding: 0.25rem;
  margin: 0.25rem 0;
}

.ddeditor .stage .titlebar {
  background-color: #483e3e;
}

.ddeditor .stage .titlebar.focus {
  background-color: #d24848;
}

.ddeditor .filtertoggle {
  margin-right: 20px;
}

.ddeditor .filter {
  margin: 0 150px;
  font-size: larger !important;
}

.ddeditor .layer .titlebar,
.ddeditor .hotspot .titlebar,
.ddeditor .popup .titlebar, {
  background-color: #656565;
  font-size: small;
}

.ddeditor .toggle label,
.ddeditor .toggle input,
.ddeditor .toggle select {
  font-size: smaller !important;
}

.ddeditor .stage .subtitlebar {
  cursor: pointer;
  background-color: #734c4c;
  text-align: left;
  padding: 0.2rem 0.5rem;
  margin: 0.25rem 0;
}

.ddeditor .layer {
  text-align: center;
}

.ddeditor .layer img {
  cursor: pointer;
}

.ddeditor .titlebar .baricon {
  margin: 0 .2rem;
}

.ddeditor .sectiontitle .baricon {
  margin: 0 .2rem;
}

.ddeditor .titlebar .baricon.vistoggle,
.ddeditor .titlebar .baricon.applychanges {
  color: yellow;
}

.ddeditor .titlebar .baricon.vistoggle.off,
.ddeditor .titlebar .baricon.applychanges.off {
  color: #aaa;
}

.ddeditor .titlebar input[type="text"] {
  cursor: pointer;
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  outline: none;
  resize: none;
  padding: 0;
  color: inherit;
  width: 220px;
}

.ddeditor .titlebar input[type="text"]:focus {
  border: 1px solid gray;
}

.ddeditor .input-group select {
  padding-right: unset !important;
}

.ddeditor .stage .input-group input,
.ddeditor .stage .input-group select {
  color: #fff !important;
  background-color: #483e3e !important;
  border: 1px solid #773838;
}

.ddeditor .stage .input-group-text.transparent {
  background-color: transparent;
  border: 0;
}

.ddeditor .stage .input-group label {
  color: #fff !important;
  background-color: #8a6b6b !important;
  border: 0;
}

.ddeditor .stage img.baricon {
  margin: auto !important;
  height: 30px;
  cursor: pointer;
}

.ddeditor .baricon.thumb {
  cursor: pointer;
  color: cyan;
  font-size: small;
}

.ddeditor .baricon.thumb:hover {
  color: yellow;
}

.ddeditor .layer .input-group input,
.ddeditor .layer .input-group select {
  color: #fff !important;
  background-color: #211717 !important;
  border: 1px solid #773838;
}

.ddeditor .layer .input-group-text.transparent {
  background-color: transparent;
  border: 0;
}

.ddeditor .layer .input-group label {
  color: #fff !important;
  background-color: #8a6b6b !important;
  border: 0;
}

.ddeditor .layer img.baricon {
  margin: auto !important;
  height: 30px;
  cursor: pointer;
}

.ddeditor .layer .input-group .sectiontitle {
  margin: 0 auto;
}

.ddeditor .hotspot .input-group input,
.ddeditor .hotspot .input-group select {
  color: #fff !important;
  background-color: #211717 !important;
  border: 1px solid #773838;
}

.ddeditor .hotspot .input-group-text.transparent {
  background-color: transparent;
  border: 0;
}

.ddeditor .hotspot .input-group label {
  color: #fff !important;
  background-color: #7d3535 !important;
  border: 0;
}

.ddeditor .hotspot img.baricon {
  margin: auto !important;
  height: 30px;
  cursor: pointer;
}

.ddeditor .popup .input-group input,
.ddeditor .popup .input-group select {
  color: #fff !important;
  background-color: #211717 !important;
  border: 1px solid #773838;
}

.ddeditor .popup .input-group-text.transparent {
  background-color: transparent;
  border: 0;
}

.ddeditor .popup .input-group label {
  color: #fff !important;
  background-color: #7d3535 !important;
  border: 0;
}

.ddeditor .actionfiltertoggle {
  cursor: pointer;
}

.ddeditor .actionfilter {
  font-size: larger !important;
}

.ddeditor .hotspot .hotspotactionitems {
  font-size: x-small !important;
}

.ddeditor .hotspotactionitems .sectiontitle,
.ddeditor .hotspotactionitems th {
  color: #b98b8b;
}

.ddeditor .hotspotactionitems tr {
  padding: 0;
}

.ddeditor .hotspotactionitems th,
.ddeditor .hotspotactionitems td {
  padding: 0;
  background-color: #211717 !important;
  font-weight: lighter;
}

.ddeditor .hotspotactionitems td {}

.ddeditor .hotspotactionitems td span {}

.ddeditor .hotspotactionitems .threestatetoggle {
  color: #666;
}

.ddeditor .hotspotactionitems .itemlink {
  cursor: pointer;
}

.ddeditor .hotspotactionitems .itemlink:hover {
  color: yellow;
}

.ddeditor .hotspotactionitems .threestatetoggle.off {
  color: #fff;
}

.ddeditor .hotspotactionitems .threestatetoggle.on {
  color: yellow;
}

.ddeditor input[type="button"].active {
  background-color: #ffc107 !important;
}