.wizard {
    /*width: 900px;*/
    width: 900px;
    max-width: 100%;
    min-height: 640px;
    /*height:640px; */
    max-height:100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    margin-bottom: 25px;
    opacity: 1;
}

@media (max-width: 768px)
{
  .wizard {
      /*width: 900px;*/
      /*width: 940px;*/
      max-width: 100%;
      min-height: 440px;
      /*height:640px; */
      max-height:100%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 25px;
      margin-bottom: 25px;
      opacity: 1;
  }
}
.wizard.card {
    border: none;
}
/*.wizard .card-body {
    padding: 25px 60px 0px 60px;
}*/
.wizard .input-button, .wizard .multi-input-button {
    padding: 5px 10px;
    width: 92%;
    cursor: pointer;
    border: 1px solid #d3d3d3;
    background-color: #6c757d;
    color: #ffffff;
    font-size: 1em;
    font-weight: 700;
    border-radius: 4px;
    position: relative;
    transition: .1s linear;
    -webkit-transition: .1s linear;
    -moz-transition: .1s linear;
    line-height: 1.15714286em;
    margin: 0.25rem;
}


.wizard .input-icon {
    position: absolute;
    right:10px;
    top:10px;
    font-size: 1.5em;
    font-weight: 900;
    color: #1fa105 !important;
    display:none;
}

/* ::::::::: styles when in use for embedded in dark background :::::::::::::::: */


/*.wizard h3 {
    text-align: center;
    font-weight: 700;
    font-size: 1.8em;
    line-height: 1.3em;
    margin-bottom: 0.5rem;
}*/
/*.wizard p {
    font-size: 1.5em;
    margin-bottom: 1em;
}*/
.wizard .input-button.active {
    background-color: #ffffff;
    color: #000000 !important;
}
.wizard .form-wizard {
    position: relative;
    overflow: hidden;
}
.wizard .step {
    position: absolute;
    left: 900px; /* used to help ensure the slide is not visible when it goes out of view*/
    top:0px;
    transition: 750ms ease;
}
.wizard div[id*="-step-0"] {
    position: relative;
    left: 0px;
    top:0px;
    transition: 750ms ease;
}
.wizard .progress-bar {
    transition: width 1000ms ease;
    background-color: #00aced;
}

.wizard .progress {
  margin-top:14px;
}
.wizard input[type=range] {
    -webkit-appearance: none;
    width: 100%;
}
.wizard input[type=range]:focus {
    outline: none;
}
.wizard input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    background: #00aced;
    border-radius: 1.3px;
    border: 0.2px solid #010101;
}
.wizard input[type=range]::-webkit-slider-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -14px;
}
.wizard input[type=range]:focus::-webkit-slider-runnable-track {
    background: #00aced;
}
.wizard input[type=range]::-moz-range-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    background: #00aced;
    border-radius: 1.3px;
    border: 0.2px solid #010101;
}
.wizard input[type=range]::-moz-range-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
}
.wizard input[type=range]::-ms-track {
    width: 100%;
    height: 8.4px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
}
.wizard input[type=range]::-ms-fill-lower {
    background: #00aced;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
.wizard input[type=range]::-ms-fill-upper {
    background: #00aced;
    border: 0.2px solid #010101;
    border-radius: 2.6px;
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
.wizard input[type=range]::-ms-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer;
}
.wizard input[type=range]:focus::-ms-fill-lower {
    background: #00aced;
}
.wizard input[type=range]:focus::-ms-fill-upper {
    background: #00aced;
}
.wizard input[type=text]{
    width: 100%;
    -webkit-appearance: none;
    background: #fcfcfc;
    padding: 0.5em;
    border-radius: 6px;
    border: 1px solid #b1b1b1;
    display: block;
    height: calc(1.5em + 0.75rem + 2px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    background-clip: padding-box;
}

.wizard textarea {
    width: 100%;
    -webkit-appearance: none;
    background: #fcfcfc;
    padding: 0.5em;
    border-radius: 6px;
    border: 1px solid #b1b1b1;
    display: block;
    height: 7.5em;
    font-size: 1rem;
    font-weight: 400;
    color: #000000;
}
.wizard select{
    width: 100%;
    -webkit-appearance: listbox;
    background: #fcfcfc;
    padding: 0.5em;
    border-radius: 6px;
    border: 1px solid #b1b1b1;
    display: block;
    height: calc(1.5em + 0.75rem + 2px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1;
    color: #000000;
    background-clip: padding-box;
}
.wizard input:hover, .wizard textarea:hover, .wizard select:hover{
    background: #f1f1f1;
    border: 1px solid #000000;
}

/*.wizard .input-button:hover, .wizard .input-button.active, .wizard .multi-input-button.active {
    background-color: #ffffff;
    color: #252525;
}*/

.wizard .input-button:hover, .wizard .input-button.active, .wizard .multi-input-button.active, .wizard .multi-input-button:hover {
    background-color: #ffffff;
    color: #252525;
}
.wizard .error {
    display:none;
    color: #252525 !important;
}
.wizard .next-button {
    background: #00aced;
    color:#ffffff;
    padding: 3px 15px 5px 15px;
    border-radius: 4px;
    height: 40px;
    border-color: #00aced;
}

.wizard .next-button:hover {
    background: #039cd5;
}
.wizard button[type="submit"] {
    width: 150px;
}
.wizard .back-arrow {
    cursor: pointer;
    width: 20px;
    height: 20px;
    border: 3px solid;
    border-color: #00aced transparent transparent #00aced;
    transform: rotate(-45deg);
    position: absolute;
    left: 25px;
    top: 300px;
    display: none;
}
.wizard .back-arrow:hover {
    border-color: #0056b3 transparent transparent #0056b3;
}
.wizard .g-recaptcha {
    display: inline-block;

}
.wizard .g-recaptcha iframe {
    min-height: 30px;
}
.wizard .back-button {
    padding: 5px 10px;
    /*width: 90%;*/
    cursor: pointer;
    border: 1px solid #b5b5b5;
    background-color: #FFFFFF;
    color: #818181;
    font-size: 1em;
    font-weight: 700;
    border-radius: 4px;
    position: relative;
    transition: .1s linear;
    -webkit-transition: .1s linear;
    -moz-transition: .1s linear;
    line-height: 1.85714286em;
    margin: 0.25rem;
}
.wizard .back-button:hover, .wizard .back-button.active {
    background-color: #ffffff;
    border: 1px solid #000000;
    color: #000000;
}

.wizard .checkbox-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.wizard .checkbox-group > * {
  margin: 0.5rem 0.5rem;
}

.wizard .checkbox-group-legend {
  font-size: 1.5rem;
  font-weight: 700;
  color: #9c9c9c;
  text-align: center;
  line-height: 1.125;
  margin-bottom: 1.25rem;
}

.wizard .checkbox-input {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.wizard .checkbox-input:checked + .checkbox-tile {
  border-color: #00aced;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #00aced;
}
.wizard .checkbox-input:checked + .checkbox-tile:before {
  transform: scale(1);
  opacity: 1;
  background-color: #1fa105;
  border-color: #1fa105;
}

.wizard .checkbox-icon { margin-top:10px; }
.wizard .checkbox-input:checked + .checkbox-tile .checkbox-icon, .checkbox-input:checked + .checkbox-tile .checkbox-label {
  color: #00aced;
}
.wizard .checkbox-input:focus + .checkbox-tile {
  border-color: #00aced;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #b5c9fc;
}
.wizard .checkbox-input:focus + .checkbox-tile:before {
  transform: scale(1);
  opacity: 1;
}

.wizard .checkbox-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /*min-width: 11rem;*/
  width: 12rem;
  min-height: 12rem;
  border-radius: 0.7rem;
  border: 2px solid #b5bfd9;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  transition: 0.15s ease;
  cursor: pointer;
  position: relative;
  margin-bottom:12px;
  padding: 1px 10px 1px 10px;
}

@media (max-width: 468px)
{
  .wizard .checkbox-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*min-width: 11rem;*/
    width: 10rem;
    min-height: 7rem;
    border-radius: 0.7rem;
    border: 2px solid #b5bfd9;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    transition: 0.15s ease;
    cursor: pointer;
    position: relative;
    margin-bottom:12px;
    padding: 1px 10px 1px 10px;
  }

}

.wizard .checkbox-tile:before {
  content: "";
  position: absolute;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid #b5bfd9;
  background-color: #fff;
  border-radius: 50%;
  top: 0.25rem;
  left: 0.25rem;
  opacity: 0;
  transform: scale(0);
  transition: 0.25s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.wizard .checkbox-tile:hover {
  border-color: #00aced;
}
.wizard .checkbox-tile:hover:before {
  transform: scale(1);
  opacity: 1;
}

.wizard .checkbox-icon {
  transition: 0.375s ease;
  color: #494949;
}
.wizard .checkbox-icon svg {
  width: 3rem;
  height: 3rem;
}

.wizard .checkbox-label {
  color: #707070;
  transition: 0.375s ease;
  text-align: center;
}

/* ::::::: custom tweaks to default 1080 + theme modals ::::::::::::::::::: */

.container { max-width:1140px; }
.modal-container .modal-content .modal-close-cross::before {
  content: '\00D7';
  font-size: 4.2em;
  font-weight: bold;
  color: red;
}
.modal-content { max-width:98%;}
@media (max-width: 768px)
{
.modal-container .modal-content > .modal-close-cross {
top: 3em;
/*background: #FFFFFF;*/
background-color: rgb(255, 255, 255, 0);
width: 2em;
height: 2em;
text-align: center;
border-radius: 50%;
color: #fff;
}
.modal-content {width:90%;}
}

.modal-container .modal-content .container {
	width: 100vw;
}

@media (max-width: 768px)
{
  .switchable .row > div[class*="col-"]:last-child:not(:only-child), .switchable .switchable__text { margin-top: 0em; }
}
}