header {
  margin-bottom: 0;
}
footer {
  margin-top: 0;
}
footer div.animated-split-wrap {
  margin-top: 0;
}
.bulb {
  opacity: 0;
}
.bulb.blink {
  opacity: 1;
}
div.content {
  display: flex;
  height: calc(100vh - 170px);
}
div.content div.all-options {
  background-color: #011010;
  padding: 50px;
  max-width: 400px;
  height: calc(100% - 100px);
  overflow-x: hidden;
  overflow-y: auto;
}
div.content div.all-options h1,
div.content div.all-options h2 {
  text-align: center;
  font-size: 24px;
  margin-bottom: 40px;
  opacity: 1;
  transform: scaleY(1);
  transition: 0.7s;
}
div.content div.all-options h1.hidden,
div.content div.all-options h2.hidden {
  transform: scaleY(0);
  height: 0;
  opacity: 0;
}
div.content div.all-options div.options-block {
  opacity: 1;
  transform: scaleY(1);
  transition: 0.7s;
}
div.content div.all-options div.options-block:nth-child(even) {
  background-color: #010c0c;
}
div.content div.all-options div.options-block form.solution_type_selection {
  height: 480px;
}
div.content div.all-options div.options-block form.solution_scale_selection {
  height: 240px;
}
div.content div.all-options div.options-block form.solution_type_selection,
div.content div.all-options div.options-block form.solution_scale_selection,
div.content div.all-options div.options-block form.solution_extras_selection {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  transition: 0.7s;
}
div.content div.all-options div.options-block form.solution_type_selection.hidden,
div.content div.all-options div.options-block form.solution_scale_selection.hidden,
div.content div.all-options div.options-block form.solution_extras_selection.hidden {
  transform: scaleY(0);
  height: 0;
  opacity: 0;
}
div.content div.all-options div.options-block form.solution_type_selection div.option,
div.content div.all-options div.options-block form.solution_scale_selection div.option,
div.content div.all-options div.options-block form.solution_extras_selection div.option {
  transition: 0.7s;
  color: #6bd2ab;
  height: fit-content;
  width: 100%;
}
div.content div.all-options div.options-block form.solution_type_selection div.option.hidden,
div.content div.all-options div.options-block form.solution_scale_selection div.option.hidden,
div.content div.all-options div.options-block form.solution_extras_selection div.option.hidden {
  transform: scaleY(0);
  height: 0;
  padding: 0;
}
div.content div.all-options div.options-block form.solution_type_selection div.option:hover,
div.content div.all-options div.options-block form.solution_scale_selection div.option:hover,
div.content div.all-options div.options-block form.solution_extras_selection div.option:hover {
  transform: scale(1.1);
  color: #a1ffdb;
  text-shadow: 0 0 5px #63dbad8a;
}
div.content div.all-options div.options-block form.solution_type_selection div.option input[type=radio],
div.content div.all-options div.options-block form.solution_scale_selection div.option input[type=radio],
div.content div.all-options div.options-block form.solution_extras_selection div.option input[type=radio],
div.content div.all-options div.options-block form.solution_type_selection div.option input[type=checkbox],
div.content div.all-options div.options-block form.solution_scale_selection div.option input[type=checkbox],
div.content div.all-options div.options-block form.solution_extras_selection div.option input[type=checkbox] {
  display: none;
}
div.content div.all-options div.options-block form.solution_type_selection div.option input[type=radio] + label,
div.content div.all-options div.options-block form.solution_scale_selection div.option input[type=radio] + label,
div.content div.all-options div.options-block form.solution_extras_selection div.option input[type=radio] + label,
div.content div.all-options div.options-block form.solution_type_selection div.option input[type=checkbox] + label,
div.content div.all-options div.options-block form.solution_scale_selection div.option input[type=checkbox] + label,
div.content div.all-options div.options-block form.solution_extras_selection div.option input[type=checkbox] + label {
  display: inline-block;
  width: 100%;
  padding: 28px;
}
div.content div.all-options div.options-block form.solution_type_selection div.option input[type=radio] + label::before,
div.content div.all-options div.options-block form.solution_scale_selection div.option input[type=radio] + label::before,
div.content div.all-options div.options-block form.solution_extras_selection div.option input[type=radio] + label::before,
div.content div.all-options div.options-block form.solution_type_selection div.option input[type=checkbox] + label::before,
div.content div.all-options div.options-block form.solution_scale_selection div.option input[type=checkbox] + label::before,
div.content div.all-options div.options-block form.solution_extras_selection div.option input[type=checkbox] + label::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid #6bd2ab;
  margin-right: 8px;
  transition: 0.7s;
}
div.content div.all-options div.options-block form.solution_type_selection div.option input[type=radio]:checked + label,
div.content div.all-options div.options-block form.solution_scale_selection div.option input[type=radio]:checked + label,
div.content div.all-options div.options-block form.solution_extras_selection div.option input[type=radio]:checked + label,
div.content div.all-options div.options-block form.solution_type_selection div.option input[type=checkbox]:checked + label,
div.content div.all-options div.options-block form.solution_scale_selection div.option input[type=checkbox]:checked + label,
div.content div.all-options div.options-block form.solution_extras_selection div.option input[type=checkbox]:checked + label {
  color: #a1ffdb;
  text-shadow: 0 0 5px #63dbad8a;
}
div.content div.all-options div.options-block form.solution_type_selection div.option input[type=radio]:checked + label::before,
div.content div.all-options div.options-block form.solution_scale_selection div.option input[type=radio]:checked + label::before,
div.content div.all-options div.options-block form.solution_extras_selection div.option input[type=radio]:checked + label::before,
div.content div.all-options div.options-block form.solution_type_selection div.option input[type=checkbox]:checked + label::before,
div.content div.all-options div.options-block form.solution_scale_selection div.option input[type=checkbox]:checked + label::before,
div.content div.all-options div.options-block form.solution_extras_selection div.option input[type=checkbox]:checked + label::before {
  background-color: #a1ffdb;
  border: 2px solid #a1ffdb;
  transform: scale(1.2);
}
div.content div.all-options div.options-block form.solution_type_selection div.option input[type=radio] + label::before,
div.content div.all-options div.options-block form.solution_scale_selection div.option input[type=radio] + label::before,
div.content div.all-options div.options-block form.solution_extras_selection div.option input[type=radio] + label::before {
  border-radius: 50%;
}
div.content div.all-options div.options-block div.selection_display {
  opacity: 0;
  display: flex;
  transition: 0.7s;
}
div.content div.all-options div.options-block div.selection_display.display {
  opacity: 1;
}
div.content div.solution-display {
  position: relative;
  width: calc(100vw - 500px);
  overflow: hidden;
}
div.content div.solution-display object {
  position: absolute;
  transition: 0.7s;
  width: 100%;
}
div.content div.solution-display object.small,
div.content div.solution-display object.medium,
div.content div.solution-display object.large {
  transform: scale(1.1);
  opacity: 0;
}
div.content div.solution-display.small object.small {
  opacity: 1;
  transform: scale(1);
}
div.content div.solution-display.medium object.small,
div.content div.solution-display.medium object.medium {
  opacity: 1;
  transform: scale(1);
}
div.content div.solution-display.large object.small,
div.content div.solution-display.large object.medium,
div.content div.solution-display.large object.large {
  opacity: 1;
  transform: scale(1);
}
div.content div.solution-display object.small.server-art,
div.content div.solution-display object.medium.server-art,
div.content div.solution-display object.large.server-art {
  transform: scale(1.1);
  opacity: 0;
}
div.content div.solution-display div.display-object {
  position: absolute;
  transition: 0.7s;
}
div.content div.solution-display div.display-object:hover {
  transform: scale(1.1);
  filter: drop-shadow(0 0 5px #63dbad8a);
}
div.content div.solution-display.desktop_phone_server div.display-object.consult-art,
div.content div.solution-display.desktop_phone_server div.display-object.other-art {
  opacity: 0;
  transform: scale(1.3);
}
div.content div.solution-display.desktop_server div.display-object.consult-art,
div.content div.solution-display.desktop_server div.display-object.other-art,
div.content div.solution-display.desktop_server div.display-object.tablet-art,
div.content div.solution-display.desktop_server div.display-object.phone-art {
  opacity: 0;
  transform: scale(1.3);
  z-index: 9999;
}
div.content div.solution-display.desktop_phone div.display-object.consult-art,
div.content div.solution-display.desktop_phone div.display-object.other-art,
div.content div.solution-display.desktop_phone div.display-object.server-art {
  opacity: 0;
  transform: scale(1.3);
}
div.content div.solution-display.desktop div.display-object.consult-art,
div.content div.solution-display.desktop div.display-object.other-art,
div.content div.solution-display.desktop div.display-object.tablet-art,
div.content div.solution-display.desktop div.display-object.phone-art,
div.content div.solution-display.desktop div.display-object.server-art {
  opacity: 0;
  transform: scale(1.3);
}
div.content div.solution-display.server.small object.small.server-art {
  opacity: 1;
  transform: scale(1);
}
div.content div.solution-display.server.medium object.small.server-art,
div.content div.solution-display.server.medium object.medium.server-art {
  opacity: 1;
  transform: scale(1);
}
div.content div.solution-display.server.large object.small.server-art,
div.content div.solution-display.server.large object.medium.server-art,
div.content div.solution-display.server.large object.large.server-art {
  opacity: 1;
  transform: scale(1);
}
div.content div.solution-display.server div.display-object.pc-art,
div.content div.solution-display.server div.display-object.tablet-art,
div.content div.solution-display.server div.display-object.phone-art,
div.content div.solution-display.server div.display-object.consult-art,
div.content div.solution-display.server div.display-object.other-art {
  opacity: 0;
}
div.content div.solution-display.server div.display-object object.small.laptop-art,
div.content div.solution-display.server div.display-object object.medium.laptop-art,
div.content div.solution-display.server div.display-object object.large.laptop-art {
  transform: scale(1.1);
  opacity: 0;
}
div.content div.solution-display.other div.display-object.pc-art,
div.content div.solution-display.other div.display-object.laptop-art,
div.content div.solution-display.other div.display-object.tablet-art,
div.content div.solution-display.other div.display-object.consult-art {
  opacity: 0;
}
div.content div.solution-display div.confirmation {
  display: flex;
  background-color: black;
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 580px;
  justify-content: space-between;
  padding: 10px 40px;
}
div.content div.solution-display div.confirmation h5 {
  font-size: 18px;
  line-height: 54px;
  margin: 0;
}
div.content div.solution-display div.confirmation a {
  line-height: 54px;
  transform: scale(1);
  text-shadow: 0 0 5px #63dbad33;
}
div.content div.solution-display div.confirmation a:hover {
  transform: scale(1.1);
  text-shadow: 0 0 5px #63dbad8a;
}
@media only screen {
  div.content div.solution-display div.display-object.pc-art {
    top: calc(25% - 153px * 1);
    left: calc(25% - 254px * 1);
    width: calc(508px * 1);
    height: calc(306px * 1);
  }
  div.content div.solution-display div.display-object.laptop-art {
    top: calc(25% - 125px * 1);
    left: calc(75% - 226px * 1);
    width: calc(451px * 1);
    height: calc(249px * 1);
  }
  div.content div.solution-display div.display-object.tablet-art {
    top: calc(75% - 137px * 1);
    left: calc(15% - 93px * 1);
    width: calc(186px * 1);
    height: calc(273px * 1);
  }
  div.content div.solution-display div.display-object.phone-art {
    top: calc(75% - 86px * 1);
    left: calc(35% - 42px * 1);
    width: calc(83px * 1);
    height: calc(171px * 1);
  }
  div.content div.solution-display div.display-object.server-art {
    top: calc(75% - 79px * 1);
    left: calc(60% - 164px * 1);
    width: calc(327px * 1);
    height: calc(158px * 1);
  }
  div.content div.solution-display div.display-object.other-art {
    top: calc(75% - 16px * 1);
    left: calc(85% - 62px * 1);
    width: calc(123px * 1);
    height: calc(31px * 1);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.pc-art {
    top: calc(25% - 153px * 1);
    left: calc(25% - 254px * 1);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.laptop-art {
    top: calc(25% - 125px * 1);
    left: calc(75% - 226px * 1);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.tablet-art {
    top: calc(75% - 137px * 1);
    left: calc(25% - 93px * 1);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.phone-art {
    top: calc(75% - 86px * 1);
    left: calc(50% - 42px * 1);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.server-art {
    top: calc(75% - 79px * 1);
    left: calc(75% - 164px * 1);
  }
  div.content div.solution-display.desktop_server div.display-object.pc-art {
    top: calc(25% - 153px * 1);
    left: calc(25% - 254px * 1);
  }
  div.content div.solution-display.desktop_server div.display-object.laptop-art {
    top: calc(25% - 125px * 1);
    left: calc(75% - 226px * 1);
  }
  div.content div.solution-display.desktop_server div.display-object.server-art {
    top: calc(75% - 79px * 1);
    left: calc(50% - 164px * 1);
  }
  div.content div.solution-display.desktop_phone div.display-object.pc-art {
    top: calc(25% - 153px * 1);
    left: calc(25% - 254px * 1);
  }
  div.content div.solution-display.desktop_phone div.display-object.laptop-art {
    top: calc(25% - 125px * 1);
    left: calc(75% - 226px * 1);
  }
  div.content div.solution-display.desktop_phone div.display-object.tablet-art {
    top: calc(75% - 137px * 1);
    left: calc(25% - 93px * 1);
  }
  div.content div.solution-display.desktop_phone div.display-object.phone-art {
    top: calc(75% - 86px * 1);
    left: calc(75% - 42px * 1);
  }
  div.content div.solution-display.desktop div.display-object.pc-art {
    top: calc(50% - 153px * 1);
    left: calc(25% - 254px * 1);
  }
  div.content div.solution-display.desktop div.display-object.laptop-art {
    top: calc(50% - 125px * 1);
    left: calc(75% - 226px * 1);
  }
  div.content div.solution-display.server div.display-object.laptop-art {
    top: calc(50% - 125px * 1);
    left: calc(25% - 226px * 1);
  }
  div.content div.solution-display.server div.display-object.server-art {
    top: calc(50% - 79px * 1);
    left: calc(75% - 164px * 1);
  }
  div.content div.solution-display.other div.display-object.other-art {
    top: calc(70% - 16px * 1);
    left: calc(50% - 62px * 1);
  }
  div.content div.solution-display.other div.display-object.phone-art {
    top: calc(30% - 86px * 1);
    left: calc(25% - 42px * 1);
  }
  div.content div.solution-display.other div.display-object.server-art {
    top: calc(30% - 79px * 1);
    left: calc(75% - 164px * 1);
  }
}
@media only screen and (max-width: 1560px) {
  div.content div.all-options {
    max-width: 360px;
    padding: 50px 30px;
  }
  div.content div.all-options h1,
  div.content div.all-options h2 {
    font-size: 24px;
  }
  div.content div.solution-display {
    width: calc(100vw - 400px);
  }
  div.content div.solution-display div.display-object.pc-art {
    top: calc(25% - 153px * 0.69);
    left: calc(25% - 254px * 0.69);
    width: calc(508px * 0.69);
    height: calc(306px * 0.69);
  }
  div.content div.solution-display div.display-object.laptop-art {
    top: calc(25% - 125px * 0.69);
    left: calc(75% - 226px * 0.69);
    width: calc(451px * 0.69);
    height: calc(249px * 0.69);
  }
  div.content div.solution-display div.display-object.tablet-art {
    top: calc(75% - 137px * 0.69);
    left: calc(15% - 93px * 0.69);
    width: calc(186px * 0.69);
    height: calc(273px * 0.69);
  }
  div.content div.solution-display div.display-object.phone-art {
    top: calc(75% - 86px * 0.69);
    left: calc(35% - 42px * 0.69);
    width: calc(83px * 0.69);
    height: calc(171px * 0.69);
  }
  div.content div.solution-display div.display-object.server-art {
    top: calc(75% - 79px * 0.69);
    left: calc(60% - 164px * 0.69);
    width: calc(327px * 0.69);
    height: calc(158px * 0.69);
  }
  div.content div.solution-display div.display-object.other-art {
    top: calc(75% - 16px * 0.69);
    left: calc(85% - 62px * 0.69);
    width: calc(123px * 0.69);
    height: calc(31px * 0.69);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.pc-art {
    top: calc(25% - 153px * 0.69);
    left: calc(25% - 254px * 0.69);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.laptop-art {
    top: calc(25% - 125px * 0.69);
    left: calc(75% - 226px * 0.69);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.tablet-art {
    top: calc(75% - 137px * 0.69);
    left: calc(25% - 93px * 0.69);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.phone-art {
    top: calc(75% - 86px * 0.69);
    left: calc(50% - 42px * 0.69);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.server-art {
    top: calc(75% - 79px * 0.69);
    left: calc(75% - 164px * 0.69);
  }
  div.content div.solution-display.desktop_server div.display-object.pc-art {
    top: calc(25% - 153px * 0.69);
    left: calc(25% - 254px * 0.69);
  }
  div.content div.solution-display.desktop_server div.display-object.laptop-art {
    top: calc(25% - 125px * 0.69);
    left: calc(75% - 226px * 0.69);
  }
  div.content div.solution-display.desktop_server div.display-object.server-art {
    top: calc(75% - 79px * 0.69);
    left: calc(50% - 164px * 0.69);
  }
  div.content div.solution-display.desktop_phone div.display-object.pc-art {
    top: calc(25% - 153px * 0.69);
    left: calc(25% - 254px * 0.69);
  }
  div.content div.solution-display.desktop_phone div.display-object.laptop-art {
    top: calc(25% - 125px * 0.69);
    left: calc(75% - 226px * 0.69);
  }
  div.content div.solution-display.desktop_phone div.display-object.tablet-art {
    top: calc(75% - 137px * 0.69);
    left: calc(25% - 93px * 0.69);
  }
  div.content div.solution-display.desktop_phone div.display-object.phone-art {
    top: calc(75% - 86px * 0.69);
    left: calc(75% - 42px * 0.69);
  }
  div.content div.solution-display.desktop div.display-object.pc-art {
    top: calc(50% - 153px * 0.69);
    left: calc(25% - 254px * 0.69);
  }
  div.content div.solution-display.desktop div.display-object.laptop-art {
    top: calc(50% - 125px * 0.69);
    left: calc(75% - 226px * 0.69);
  }
  div.content div.solution-display.server div.display-object.laptop-art {
    top: calc(50% - 125px * 0.69);
    left: calc(25% - 226px * 0.69);
  }
  div.content div.solution-display.server div.display-object.server-art {
    top: calc(50% - 79px * 0.69);
    left: calc(75% - 164px * 0.69);
  }
  div.content div.solution-display.other div.display-object.other-art {
    top: calc(70% - 16px * 0.69);
    left: calc(50% - 62px * 0.69);
  }
  div.content div.solution-display.other div.display-object.phone-art {
    top: calc(30% - 86px * 0.69);
    left: calc(25% - 42px * 0.69);
  }
  div.content div.solution-display.other div.display-object.server-art {
    top: calc(30% - 79px * 0.69);
    left: calc(75% - 164px * 0.69);
  }
}
@media only screen and (max-width: 1200px) {
  div.content {
    height: calc(100vh - 160px);
  }
  div.content div.all-options {
    width: 240px;
    padding: 50px 0;
  }
  div.content div.solution-display {
    width: calc(100vw - 240px);
  }
  div.content div.solution-display div.confirmation {
    width: 380px;
    padding: 5px 30px;
  }
  div.content div.solution-display div.confirmation h5,
  div.content div.solution-display div.confirmation a {
    line-height: 34px;
  }
  div.content div.solution-display div.confirmation h5 {
    font-size: 16px;
  }
  div.content div.solution-display div.confirmation a {
    font-size: 16px;
  }
  div.content div.solution-display div.display-object.pc-art {
    top: calc(25% - 153px * 0.5);
    left: calc(25% - 254px * 0.5);
    width: calc(508px * 0.5);
    height: calc(306px * 0.5);
  }
  div.content div.solution-display div.display-object.laptop-art {
    top: calc(25% - 125px * 0.5);
    left: calc(75% - 226px * 0.5);
    width: calc(451px * 0.5);
    height: calc(249px * 0.5);
  }
  div.content div.solution-display div.display-object.tablet-art {
    top: calc(75% - 137px * 0.5);
    left: calc(15% - 93px * 0.5);
    width: calc(186px * 0.5);
    height: calc(273px * 0.5);
  }
  div.content div.solution-display div.display-object.phone-art {
    top: calc(75% - 86px * 0.5);
    left: calc(35% - 42px * 0.5);
    width: calc(83px * 0.5);
    height: calc(171px * 0.5);
  }
  div.content div.solution-display div.display-object.server-art {
    top: calc(75% - 79px * 0.5);
    left: calc(60% - 164px * 0.5);
    width: calc(327px * 0.5);
    height: calc(158px * 0.5);
  }
  div.content div.solution-display div.display-object.other-art {
    top: calc(75% - 16px * 0.5);
    left: calc(85% - 62px * 0.5);
    width: calc(123px * 0.5);
    height: calc(31px * 0.5);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.pc-art {
    top: calc(25% - 153px * 0.5);
    left: calc(25% - 254px * 0.5);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.laptop-art {
    top: calc(25% - 125px * 0.5);
    left: calc(75% - 226px * 0.5);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.tablet-art {
    top: calc(75% - 137px * 0.5);
    left: calc(25% - 93px * 0.5);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.phone-art {
    top: calc(75% - 86px * 0.5);
    left: calc(50% - 42px * 0.5);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.server-art {
    top: calc(75% - 79px * 0.5);
    left: calc(75% - 164px * 0.5);
  }
  div.content div.solution-display.desktop_server div.display-object.pc-art {
    top: calc(25% - 153px * 0.5);
    left: calc(25% - 254px * 0.5);
  }
  div.content div.solution-display.desktop_server div.display-object.laptop-art {
    top: calc(25% - 125px * 0.5);
    left: calc(75% - 226px * 0.5);
  }
  div.content div.solution-display.desktop_server div.display-object.server-art {
    top: calc(75% - 79px * 0.5);
    left: calc(50% - 164px * 0.5);
  }
  div.content div.solution-display.desktop_phone div.display-object.pc-art {
    top: calc(25% - 153px * 0.5);
    left: calc(25% - 254px * 0.5);
  }
  div.content div.solution-display.desktop_phone div.display-object.laptop-art {
    top: calc(25% - 125px * 0.5);
    left: calc(75% - 226px * 0.5);
  }
  div.content div.solution-display.desktop_phone div.display-object.tablet-art {
    top: calc(75% - 137px * 0.5);
    left: calc(25% - 93px * 0.5);
  }
  div.content div.solution-display.desktop_phone div.display-object.phone-art {
    top: calc(75% - 86px * 0.5);
    left: calc(75% - 42px * 0.5);
  }
  div.content div.solution-display.desktop div.display-object.pc-art {
    top: calc(50% - 153px * 0.5);
    left: calc(25% - 254px * 0.5);
  }
  div.content div.solution-display.desktop div.display-object.laptop-art {
    top: calc(50% - 125px * 0.5);
    left: calc(75% - 226px * 0.5);
  }
  div.content div.solution-display.server div.display-object.laptop-art {
    top: calc(50% - 125px * 0.5);
    left: calc(25% - 226px * 0.5);
  }
  div.content div.solution-display.server div.display-object.server-art {
    top: calc(50% - 79px * 0.5);
    left: calc(75% - 164px * 0.5);
  }
  div.content div.solution-display.other div.display-object.other-art {
    top: calc(70% - 16px * 0.5);
    left: calc(50% - 62px * 0.5);
  }
  div.content div.solution-display.other div.display-object.phone-art {
    top: calc(30% - 86px * 0.5);
    left: calc(25% - 42px * 0.5);
  }
  div.content div.solution-display.other div.display-object.server-art {
    top: calc(30% - 79px * 0.5);
    left: calc(75% - 164px * 0.5);
  }
}
@media only screen and (max-width: 900px) and (min-height: 1000px) {
  div.content {
    height: calc(100vh - 80px);
    flex-direction: column-reverse;
  }
  div.content div.all-options {
    width: 100%;
    max-width: 100%;
    height: calc(100% - 600px);
  }
  div.content div.solution-display {
    width: 100%;
    height: 600px;
  }
  div.content div.solution-display div.confirmation {
    width: calc(100vw - 40px);
    padding: 5px 20px;
  }
  div.content div.solution-display div.confirmation h5,
  div.content div.solution-display div.confirmation a {
    line-height: 30px;
  }
}
@media only screen and (max-width: 700px) {
  div.content {
    height: calc(100vh - 80px);
  }
  div.content div.solution-display div.display-object.pc-art {
    top: calc(25% - 153px * 0.4);
    left: calc(25% - 254px * 0.4);
    width: calc(508px * 0.4);
    height: calc(306px * 0.4);
  }
  div.content div.solution-display div.display-object.laptop-art {
    top: calc(25% - 125px * 0.4);
    left: calc(75% - 226px * 0.4);
    width: calc(451px * 0.4);
    height: calc(249px * 0.4);
  }
  div.content div.solution-display div.display-object.tablet-art {
    top: calc(75% - 137px * 0.4);
    left: calc(15% - 93px * 0.4);
    width: calc(186px * 0.4);
    height: calc(273px * 0.4);
  }
  div.content div.solution-display div.display-object.phone-art {
    top: calc(75% - 86px * 0.4);
    left: calc(35% - 42px * 0.4);
    width: calc(83px * 0.4);
    height: calc(171px * 0.4);
  }
  div.content div.solution-display div.display-object.server-art {
    top: calc(75% - 79px * 0.4);
    left: calc(60% - 164px * 0.4);
    width: calc(327px * 0.4);
    height: calc(158px * 0.4);
  }
  div.content div.solution-display div.display-object.other-art {
    top: calc(75% - 16px * 0.4);
    left: calc(85% - 62px * 0.4);
    width: calc(123px * 0.4);
    height: calc(31px * 0.4);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.pc-art {
    top: calc(25% - 153px * 0.4);
    left: calc(25% - 254px * 0.4);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.laptop-art {
    top: calc(25% - 125px * 0.4);
    left: calc(75% - 226px * 0.4);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.tablet-art {
    top: calc(75% - 137px * 0.4);
    left: calc(25% - 93px * 0.4);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.phone-art {
    top: calc(75% - 86px * 0.4);
    left: calc(50% - 42px * 0.4);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.server-art {
    top: calc(75% - 79px * 0.4);
    left: calc(75% - 164px * 0.4);
  }
  div.content div.solution-display.desktop_server div.display-object.pc-art {
    top: calc(25% - 153px * 0.4);
    left: calc(25% - 254px * 0.4);
  }
  div.content div.solution-display.desktop_server div.display-object.laptop-art {
    top: calc(25% - 125px * 0.4);
    left: calc(75% - 226px * 0.4);
  }
  div.content div.solution-display.desktop_server div.display-object.server-art {
    top: calc(75% - 79px * 0.4);
    left: calc(50% - 164px * 0.4);
  }
  div.content div.solution-display.desktop_phone div.display-object.pc-art {
    top: calc(25% - 153px * 0.4);
    left: calc(25% - 254px * 0.4);
  }
  div.content div.solution-display.desktop_phone div.display-object.laptop-art {
    top: calc(25% - 125px * 0.4);
    left: calc(75% - 226px * 0.4);
  }
  div.content div.solution-display.desktop_phone div.display-object.tablet-art {
    top: calc(75% - 137px * 0.4);
    left: calc(25% - 93px * 0.4);
  }
  div.content div.solution-display.desktop_phone div.display-object.phone-art {
    top: calc(75% - 86px * 0.4);
    left: calc(75% - 42px * 0.4);
  }
  div.content div.solution-display.desktop div.display-object.pc-art {
    top: calc(50% - 153px * 0.4);
    left: calc(25% - 254px * 0.4);
  }
  div.content div.solution-display.desktop div.display-object.laptop-art {
    top: calc(50% - 125px * 0.4);
    left: calc(75% - 226px * 0.4);
  }
  div.content div.solution-display.server div.display-object.laptop-art {
    top: calc(50% - 125px * 0.4);
    left: calc(25% - 226px * 0.4);
  }
  div.content div.solution-display.server div.display-object.server-art {
    top: calc(50% - 79px * 0.4);
    left: calc(75% - 164px * 0.4);
  }
  div.content div.solution-display.other div.display-object.other-art {
    top: calc(70% - 16px * 0.4);
    left: calc(50% - 62px * 0.4);
  }
  div.content div.solution-display.other div.display-object.phone-art {
    top: calc(30% - 86px * 0.4);
    left: calc(25% - 42px * 0.4);
  }
  div.content div.solution-display.other div.display-object.server-art {
    top: calc(30% - 79px * 0.4);
    left: calc(75% - 164px * 0.4);
  }
}
@media only screen and (max-width: 640px) and (min-height: 480px) {
  div.content {
    height: calc(100vh - 80px);
    flex-direction: column-reverse;
  }
  div.content div.all-options {
    width: 100%;
    max-width: 100%;
    height: calc(100% - 360px);
  }
  div.content div.solution-display {
    width: 100%;
    height: 360px;
  }
  div.content div.solution-display div.confirmation {
    width: calc(100vw - 10px);
    padding: 5px;
  }
  div.content div.solution-display div.confirmation h5,
  div.content div.solution-display div.confirmation a {
    line-height: 30px;
    font-size: 12px;
  }
  div.content div.solution-display div.display-object.pc-art {
    top: calc(25% - 153px * 0.3);
    left: calc(25% - 254px * 0.3);
    width: calc(508px * 0.3);
    height: calc(306px * 0.3);
  }
  div.content div.solution-display div.display-object.laptop-art {
    top: calc(25% - 125px * 0.3);
    left: calc(75% - 226px * 0.3);
    width: calc(451px * 0.3);
    height: calc(249px * 0.3);
  }
  div.content div.solution-display div.display-object.tablet-art {
    top: calc(75% - 137px * 0.3);
    left: calc(15% - 93px * 0.3);
    width: calc(186px * 0.3);
    height: calc(273px * 0.3);
  }
  div.content div.solution-display div.display-object.phone-art {
    top: calc(75% - 86px * 0.3);
    left: calc(35% - 42px * 0.3);
    width: calc(83px * 0.3);
    height: calc(171px * 0.3);
  }
  div.content div.solution-display div.display-object.server-art {
    top: calc(75% - 79px * 0.3);
    left: calc(60% - 164px * 0.3);
    width: calc(327px * 0.3);
    height: calc(158px * 0.3);
  }
  div.content div.solution-display div.display-object.other-art {
    top: calc(75% - 16px * 0.3);
    left: calc(85% - 62px * 0.3);
    width: calc(123px * 0.3);
    height: calc(31px * 0.3);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.pc-art {
    top: calc(25% - 153px * 0.3);
    left: calc(25% - 254px * 0.3);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.laptop-art {
    top: calc(25% - 125px * 0.3);
    left: calc(75% - 226px * 0.3);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.tablet-art {
    top: calc(75% - 137px * 0.3);
    left: calc(25% - 93px * 0.3);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.phone-art {
    top: calc(75% - 86px * 0.3);
    left: calc(50% - 42px * 0.3);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.server-art {
    top: calc(75% - 79px * 0.3);
    left: calc(75% - 164px * 0.3);
  }
  div.content div.solution-display.desktop_server div.display-object.pc-art {
    top: calc(25% - 153px * 0.3);
    left: calc(25% - 254px * 0.3);
  }
  div.content div.solution-display.desktop_server div.display-object.laptop-art {
    top: calc(25% - 125px * 0.3);
    left: calc(75% - 226px * 0.3);
  }
  div.content div.solution-display.desktop_server div.display-object.server-art {
    top: calc(75% - 79px * 0.3);
    left: calc(50% - 164px * 0.3);
  }
  div.content div.solution-display.desktop_phone div.display-object.pc-art {
    top: calc(25% - 153px * 0.3);
    left: calc(25% - 254px * 0.3);
  }
  div.content div.solution-display.desktop_phone div.display-object.laptop-art {
    top: calc(25% - 125px * 0.3);
    left: calc(75% - 226px * 0.3);
  }
  div.content div.solution-display.desktop_phone div.display-object.tablet-art {
    top: calc(75% - 137px * 0.3);
    left: calc(25% - 93px * 0.3);
  }
  div.content div.solution-display.desktop_phone div.display-object.phone-art {
    top: calc(75% - 86px * 0.3);
    left: calc(75% - 42px * 0.3);
  }
  div.content div.solution-display.desktop div.display-object.pc-art {
    top: calc(50% - 153px * 0.3);
    left: calc(25% - 254px * 0.3);
  }
  div.content div.solution-display.desktop div.display-object.laptop-art {
    top: calc(50% - 125px * 0.3);
    left: calc(75% - 226px * 0.3);
  }
  div.content div.solution-display.server div.display-object.laptop-art {
    top: calc(50% - 125px * 0.3);
    left: calc(25% - 226px * 0.3);
  }
  div.content div.solution-display.server div.display-object.server-art {
    top: calc(50% - 79px * 0.3);
    left: calc(75% - 164px * 0.3);
  }
  div.content div.solution-display.other div.display-object.other-art {
    top: calc(70% - 16px * 0.3);
    left: calc(50% - 62px * 0.3);
  }
  div.content div.solution-display.other div.display-object.phone-art {
    top: calc(30% - 86px * 0.3);
    left: calc(25% - 42px * 0.3);
  }
  div.content div.solution-display.other div.display-object.server-art {
    top: calc(30% - 79px * 0.3);
    left: calc(75% - 164px * 0.3);
  }
}
@media only screen and (max-height: 780px) and (min-width: 1200px) {
  div.content div.solution-display div.display-object.pc-art {
    top: calc(25% - 153px * 0.69);
    left: calc(25% - 254px * 0.69);
    width: calc(508px * 0.69);
    height: calc(306px * 0.69);
  }
  div.content div.solution-display div.display-object.laptop-art {
    top: calc(25% - 125px * 0.69);
    left: calc(75% - 226px * 0.69);
    width: calc(451px * 0.69);
    height: calc(249px * 0.69);
  }
  div.content div.solution-display div.display-object.tablet-art {
    top: calc(75% - 137px * 0.69);
    left: calc(15% - 93px * 0.69);
    width: calc(186px * 0.69);
    height: calc(273px * 0.69);
  }
  div.content div.solution-display div.display-object.phone-art {
    top: calc(75% - 86px * 0.69);
    left: calc(35% - 42px * 0.69);
    width: calc(83px * 0.69);
    height: calc(171px * 0.69);
  }
  div.content div.solution-display div.display-object.server-art {
    top: calc(75% - 79px * 0.69);
    left: calc(60% - 164px * 0.69);
    width: calc(327px * 0.69);
    height: calc(158px * 0.69);
  }
  div.content div.solution-display div.display-object.other-art {
    top: calc(75% - 16px * 0.69);
    left: calc(85% - 62px * 0.69);
    width: calc(123px * 0.69);
    height: calc(31px * 0.69);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.pc-art {
    top: calc(25% - 153px * 0.69);
    left: calc(25% - 254px * 0.69);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.laptop-art {
    top: calc(25% - 125px * 0.69);
    left: calc(75% - 226px * 0.69);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.tablet-art {
    top: calc(75% - 137px * 0.69);
    left: calc(25% - 93px * 0.69);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.phone-art {
    top: calc(75% - 86px * 0.69);
    left: calc(50% - 42px * 0.69);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.server-art {
    top: calc(75% - 79px * 0.69);
    left: calc(75% - 164px * 0.69);
  }
  div.content div.solution-display.desktop_server div.display-object.pc-art {
    top: calc(25% - 153px * 0.69);
    left: calc(25% - 254px * 0.69);
  }
  div.content div.solution-display.desktop_server div.display-object.laptop-art {
    top: calc(25% - 125px * 0.69);
    left: calc(75% - 226px * 0.69);
  }
  div.content div.solution-display.desktop_server div.display-object.server-art {
    top: calc(75% - 79px * 0.69);
    left: calc(50% - 164px * 0.69);
  }
  div.content div.solution-display.desktop_phone div.display-object.pc-art {
    top: calc(25% - 153px * 0.69);
    left: calc(25% - 254px * 0.69);
  }
  div.content div.solution-display.desktop_phone div.display-object.laptop-art {
    top: calc(25% - 125px * 0.69);
    left: calc(75% - 226px * 0.69);
  }
  div.content div.solution-display.desktop_phone div.display-object.tablet-art {
    top: calc(75% - 137px * 0.69);
    left: calc(25% - 93px * 0.69);
  }
  div.content div.solution-display.desktop_phone div.display-object.phone-art {
    top: calc(75% - 86px * 0.69);
    left: calc(75% - 42px * 0.69);
  }
  div.content div.solution-display.desktop div.display-object.pc-art {
    top: calc(50% - 153px * 0.69);
    left: calc(25% - 254px * 0.69);
  }
  div.content div.solution-display.desktop div.display-object.laptop-art {
    top: calc(50% - 125px * 0.69);
    left: calc(75% - 226px * 0.69);
  }
  div.content div.solution-display.server div.display-object.laptop-art {
    top: calc(50% - 125px * 0.69);
    left: calc(25% - 226px * 0.69);
  }
  div.content div.solution-display.server div.display-object.server-art {
    top: calc(50% - 79px * 0.69);
    left: calc(75% - 164px * 0.69);
  }
  div.content div.solution-display.other div.display-object.other-art {
    top: calc(70% - 16px * 0.69);
    left: calc(50% - 62px * 0.69);
  }
  div.content div.solution-display.other div.display-object.phone-art {
    top: calc(30% - 86px * 0.69);
    left: calc(25% - 42px * 0.69);
  }
  div.content div.solution-display.other div.display-object.server-art {
    top: calc(30% - 79px * 0.69);
    left: calc(75% - 164px * 0.69);
  }
}
@media only screen and (max-height: 600px) {
  div.content div.solution-display div.display-object.pc-art {
    top: calc(25% - 153px * 0.4);
    left: calc(25% - 254px * 0.4);
    width: calc(508px * 0.4);
    height: calc(306px * 0.4);
  }
  div.content div.solution-display div.display-object.laptop-art {
    top: calc(25% - 125px * 0.4);
    left: calc(75% - 226px * 0.4);
    width: calc(451px * 0.4);
    height: calc(249px * 0.4);
  }
  div.content div.solution-display div.display-object.tablet-art {
    top: calc(75% - 137px * 0.4);
    left: calc(15% - 93px * 0.4);
    width: calc(186px * 0.4);
    height: calc(273px * 0.4);
  }
  div.content div.solution-display div.display-object.phone-art {
    top: calc(75% - 86px * 0.4);
    left: calc(35% - 42px * 0.4);
    width: calc(83px * 0.4);
    height: calc(171px * 0.4);
  }
  div.content div.solution-display div.display-object.server-art {
    top: calc(75% - 79px * 0.4);
    left: calc(60% - 164px * 0.4);
    width: calc(327px * 0.4);
    height: calc(158px * 0.4);
  }
  div.content div.solution-display div.display-object.other-art {
    top: calc(75% - 16px * 0.4);
    left: calc(85% - 62px * 0.4);
    width: calc(123px * 0.4);
    height: calc(31px * 0.4);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.pc-art {
    top: calc(25% - 153px * 0.4);
    left: calc(25% - 254px * 0.4);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.laptop-art {
    top: calc(25% - 125px * 0.4);
    left: calc(75% - 226px * 0.4);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.tablet-art {
    top: calc(75% - 137px * 0.4);
    left: calc(25% - 93px * 0.4);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.phone-art {
    top: calc(75% - 86px * 0.4);
    left: calc(50% - 42px * 0.4);
  }
  div.content div.solution-display.desktop_phone_server div.display-object.server-art {
    top: calc(75% - 79px * 0.4);
    left: calc(75% - 164px * 0.4);
  }
  div.content div.solution-display.desktop_server div.display-object.pc-art {
    top: calc(25% - 153px * 0.4);
    left: calc(25% - 254px * 0.4);
  }
  div.content div.solution-display.desktop_server div.display-object.laptop-art {
    top: calc(25% - 125px * 0.4);
    left: calc(75% - 226px * 0.4);
  }
  div.content div.solution-display.desktop_server div.display-object.server-art {
    top: calc(75% - 79px * 0.4);
    left: calc(50% - 164px * 0.4);
  }
  div.content div.solution-display.desktop_phone div.display-object.pc-art {
    top: calc(25% - 153px * 0.4);
    left: calc(25% - 254px * 0.4);
  }
  div.content div.solution-display.desktop_phone div.display-object.laptop-art {
    top: calc(25% - 125px * 0.4);
    left: calc(75% - 226px * 0.4);
  }
  div.content div.solution-display.desktop_phone div.display-object.tablet-art {
    top: calc(75% - 137px * 0.4);
    left: calc(25% - 93px * 0.4);
  }
  div.content div.solution-display.desktop_phone div.display-object.phone-art {
    top: calc(75% - 86px * 0.4);
    left: calc(75% - 42px * 0.4);
  }
  div.content div.solution-display.desktop div.display-object.pc-art {
    top: calc(50% - 153px * 0.4);
    left: calc(25% - 254px * 0.4);
  }
  div.content div.solution-display.desktop div.display-object.laptop-art {
    top: calc(50% - 125px * 0.4);
    left: calc(75% - 226px * 0.4);
  }
  div.content div.solution-display.server div.display-object.laptop-art {
    top: calc(50% - 125px * 0.4);
    left: calc(25% - 226px * 0.4);
  }
  div.content div.solution-display.server div.display-object.server-art {
    top: calc(50% - 79px * 0.4);
    left: calc(75% - 164px * 0.4);
  }
  div.content div.solution-display.other div.display-object.other-art {
    top: calc(70% - 16px * 0.4);
    left: calc(50% - 62px * 0.4);
  }
  div.content div.solution-display.other div.display-object.phone-art {
    top: calc(30% - 86px * 0.4);
    left: calc(25% - 42px * 0.4);
  }
  div.content div.solution-display.other div.display-object.server-art {
    top: calc(30% - 79px * 0.4);
    left: calc(75% - 164px * 0.4);
  }
}
@media only screen and (max-height: 420px) {
  div.content {
    height: calc(100vh - 80px);
  }
}