/**********************
Big Red Rooster 

RHEEM WEBSITE REDESIGN 
                                                
AUTHOR: Sabrina Azad 
***********************/
body {
  background-color: #000 !important;
  font-family: Roboto !important; }

#simulatorModal {
  /* Modal Content */
  /* The Close Button */ }
  #simulatorModal img {
    width: 100%; }
  #simulatorModal .ui-resizable-se {
    width: 10px;
    height: 10px;
    background: orange;
    position: absolute;
    bottom: 0;
    right: 0; }
  #simulatorModal .hidden {
    display: none; }
  #simulatorModal .active {
    display: block; }
  #simulatorModal .end-demo {
    z-index: 8;
    width: 100%;
    height: 100%;
    position: absolute; }
  #simulatorModal .end-demo {
    z-index: 8;
    width: 100%;
    height: 100%;
    position: absolute; }
  #simulatorModal .modal {
    display: none;
    /* Hidden by default */
    position: absolute;
    /* Stay in place */
    z-index: 15;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    width: 60%;
    /* Full width */
    height: 60%;
    /* Full height */
    overflow: auto;
    /* Black w/ opacity */
    margin: 0 auto; }
  #simulatorModal .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    color: black; }
  #simulatorModal #close {
    z-index: 20;
    color: black;
    float: right;
    font-size: 28px;
    font-weight: bold;
    width: 102%; }
    #simulatorModal #close:hover, #simulatorModal #close:focus {
      color: red;
      text-decoration: none;
      cursor: pointer; }
  #simulatorModal .sim-container {
    margin: 0 auto;
    display: block;
    position: relative;
    resize: vertical;
    width: 720px;
    height: 408px; }
    #simulatorModal .sim-container .simulator {
      background: black;
      display: block;
      position: relative;
      width: 720px;
      height: 408px;
      transform-origin: top left;
      margin: 0 auto; }
      #simulatorModal .sim-container .simulator .home-page {
        display: block; }
        #simulatorModal .sim-container .simulator .home-page .logo, #simulatorModal .sim-container .simulator .home-page .current-state-1, #simulatorModal .sim-container .simulator .home-page .current-state-2, #simulatorModal .sim-container .simulator .home-page .menu {
          position: absolute;
          width: 7.5%;
          top: 5%;
          left: 3%; }
        #simulatorModal .sim-container .simulator .home-page .current-state-1 {
          top: 40%; }
          #simulatorModal .sim-container .simulator .home-page .current-state-1 div {
            bottom: -25%;
            position: absolute;
            color: #fff;
            left: 10%; }
        #simulatorModal .sim-container .simulator .home-page .current-state-2 {
          display: none;
          top: 40%; }
          #simulatorModal .sim-container .simulator .home-page .current-state-2 div {
            bottom: -25%;
            position: absolute;
            color: #fff;
            left: 10%; }
        #simulatorModal .sim-container .simulator .home-page .menu {
          top: 80%; }
        #simulatorModal .sim-container .simulator .home-page .wifi, #simulatorModal .sim-container .simulator .home-page .humid, #simulatorModal .sim-container .simulator .home-page .temp {
          position: absolute;
          width: 7.5%;
          top: 5%;
          right: 3%; }
        #simulatorModal .sim-container .simulator .home-page .humid {
          top: 40%; }
          #simulatorModal .sim-container .simulator .home-page .humid div {
            bottom: -25%;
            position: absolute;
            color: #fff;
            left: 20%; }
        #simulatorModal .sim-container .simulator .home-page .temp {
          top: 80%; }
        #simulatorModal .sim-container .simulator .home-page .main-circle,
        #simulatorModal .sim-container .simulator .home-page .main-circle-cool,
        #simulatorModal .sim-container .simulator .home-page .main-circle-hot {
          position: absolute;
          left: 25%;
          width: 55%;
          height: 100%; }
          #simulatorModal .sim-container .simulator .home-page .main-circle .circle img,
          #simulatorModal .sim-container .simulator .home-page .main-circle .circle-cool img,
          #simulatorModal .sim-container .simulator .home-page .main-circle .circle-hot img,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .circle img,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .circle-cool img,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .circle-hot img,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .circle img,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .circle-cool img,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .circle-hot img {
            z-index: 2;
            position: absolute;
            top: 3%;
            right: 5%; }
          #simulatorModal .sim-container .simulator .home-page .main-circle .minus-h, #simulatorModal .sim-container .simulator .home-page .main-circle .minus-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle .minus-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle .minus-hot,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .minus-h,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .minus-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .minus-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .minus-hot,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .minus-h,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .minus-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .minus-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .minus-hot {
            z-index: 3;
            left: -1%;
            position: absolute;
            width: 18%;
            height: 18%;
            top: 42%;
            border-radius: 50%; }
          #simulatorModal .sim-container .simulator .home-page .main-circle .minus-bg-h, #simulatorModal .sim-container .simulator .home-page .main-circle .minus-bg-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle .minus-bg-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle .minus-bg-hot,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .minus-bg-h,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .minus-bg-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .minus-bg-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .minus-bg-hot,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .minus-bg-h,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .minus-bg-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .minus-bg-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .minus-bg-hot {
            z-index: 1;
            left: -1%;
            position: absolute;
            width: 18%;
            height: 18%;
            background: #fff;
            opacity: .25;
            top: 42%;
            border-top-right-radius: 50%;
            border-bottom-right-radius: 50%; }
          #simulatorModal .sim-container .simulator .home-page .main-circle .minus-sign-h, #simulatorModal .sim-container .simulator .home-page .main-circle .minus-sign-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle .minus-sign-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle .minus-sign-hot,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .minus-sign-h,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .minus-sign-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .minus-sign-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .minus-sign-hot,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .minus-sign-h,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .minus-sign-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .minus-sign-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .minus-sign-hot {
            position: absolute;
            top: 50%;
            width: 12%;
            height: 1.5%;
            background: #fff;
            opacity: 1 !important;
            z-index: 2;
            border-radius: 15%;
            left: 2%; }
          #simulatorModal .sim-container .simulator .home-page .main-circle .plus-h, #simulatorModal .sim-container .simulator .home-page .main-circle .plus-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle .plus-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle .plus-hot,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .plus-h,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .plus-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .plus-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .plus-hot,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .plus-h,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .plus-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .plus-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .plus-hot {
            z-index: 3;
            position: absolute;
            width: 18%;
            height: 18%;
            top: 40%;
            right: 9%;
            border-radius: 50%; }
          #simulatorModal .sim-container .simulator .home-page .main-circle .plus-bg-h, #simulatorModal .sim-container .simulator .home-page .main-circle .plus-bg-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle .plus-bg-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle .plus-bg-hot,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .plus-bg-h,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .plus-bg-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .plus-bg-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .plus-bg-hot,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .plus-bg-h,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .plus-bg-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .plus-bg-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .plus-bg-hot {
            position: absolute;
            width: 18%;
            height: 18%;
            border-top-left-radius: 50%;
            border-bottom-left-radius: 50%;
            top: 42%;
            right: 9%;
            z-index: 1;
            background: #fff;
            opacity: .25; }
          #simulatorModal .sim-container .simulator .home-page .main-circle .plus-sign-1-h, #simulatorModal .sim-container .simulator .home-page .main-circle .plus-sign-1-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle .plus-sign-1-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle .plus-sign-1-hot,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .plus-sign-1-h,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .plus-sign-1-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .plus-sign-1-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .plus-sign-1-hot,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .plus-sign-1-h,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .plus-sign-1-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .plus-sign-1-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .plus-sign-1-hot {
            position: absolute;
            top: 50%;
            width: 12%;
            height: 1.5%;
            background: #fff;
            opacity: 1 !important;
            z-index: 2;
            border-radius: 15%;
            right: 11%; }
          #simulatorModal .sim-container .simulator .home-page .main-circle .plus-sign-2-h, #simulatorModal .sim-container .simulator .home-page .main-circle .plus-sign-2-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle .plus-sign-2-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle .plus-sign-2-hot,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .plus-sign-2-h,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .plus-sign-2-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .plus-sign-2-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .plus-sign-2-hot,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .plus-sign-2-h,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .plus-sign-2-c,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .plus-sign-2-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .plus-sign-2-hot {
            position: absolute;
            top: 45%;
            width: 1.5%;
            height: 12%;
            background: #fff;
            opacity: 1 !important;
            z-index: 2;
            border-radius: 15%;
            right: 16%; }
          #simulatorModal .sim-container .simulator .home-page .main-circle .main-temp,
          #simulatorModal .sim-container .simulator .home-page .main-circle .main-temp-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle .main-temp-hot,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .main-temp,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .main-temp-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .main-temp-hot,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .main-temp,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .main-temp-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .main-temp-hot {
            width: 15%;
            left: 35%;
            position: absolute;
            top: 10%;
            z-index: 2; }
            #simulatorModal .sim-container .simulator .home-page .main-circle .main-temp .number-temp,
            #simulatorModal .sim-container .simulator .home-page .main-circle .main-temp .number-temp-cool,
            #simulatorModal .sim-container .simulator .home-page .main-circle .main-temp .number-temp-hot,
            #simulatorModal .sim-container .simulator .home-page .main-circle .main-temp-cool .number-temp,
            #simulatorModal .sim-container .simulator .home-page .main-circle .main-temp-cool .number-temp-cool,
            #simulatorModal .sim-container .simulator .home-page .main-circle .main-temp-cool .number-temp-hot,
            #simulatorModal .sim-container .simulator .home-page .main-circle .main-temp-hot .number-temp,
            #simulatorModal .sim-container .simulator .home-page .main-circle .main-temp-hot .number-temp-cool,
            #simulatorModal .sim-container .simulator .home-page .main-circle .main-temp-hot .number-temp-hot,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .main-temp .number-temp,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .main-temp .number-temp-cool,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .main-temp .number-temp-hot,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .main-temp-cool .number-temp,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .main-temp-cool .number-temp-cool,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .main-temp-cool .number-temp-hot,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .main-temp-hot .number-temp,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .main-temp-hot .number-temp-cool,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .main-temp-hot .number-temp-hot,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .main-temp .number-temp,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .main-temp .number-temp-cool,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .main-temp .number-temp-hot,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .main-temp-cool .number-temp,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .main-temp-cool .number-temp-cool,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .main-temp-cool .number-temp-hot,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .main-temp-hot .number-temp,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .main-temp-hot .number-temp-cool,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .main-temp-hot .number-temp-hot {
              bottom: 20%;
              position: absolute;
              color: #fff;
              left: 115%; }
            #simulatorModal .sim-container .simulator .home-page .main-circle .main-temp .away-text,
            #simulatorModal .sim-container .simulator .home-page .main-circle .main-temp-cool .away-text,
            #simulatorModal .sim-container .simulator .home-page .main-circle .main-temp-hot .away-text,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .main-temp .away-text,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .main-temp-cool .away-text,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .main-temp-hot .away-text,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .main-temp .away-text,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .main-temp-cool .away-text,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .main-temp-hot .away-text {
              display: none;
              position: absolute;
              color: white;
              left: 20%;
              font-size: 135%;
              top: 125%; }
          #simulatorModal .sim-container .simulator .home-page .main-circle .red,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .red,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .red {
            width: 37%;
            height: 20%;
            bottom: 1%;
            position: absolute;
            left: 8%;
            z-index: 3; }
          #simulatorModal .sim-container .simulator .home-page .main-circle .red-bg,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .red-bg,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .red-bg {
            width: 37%;
            height: 20%;
            background: gray;
            bottom: 1%;
            position: absolute;
            left: 8%; }
            #simulatorModal .sim-container .simulator .home-page .main-circle .red-bg .red-num,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .red-bg .red-num,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .red-bg .red-num {
              color: white;
              position: absolute;
              left: 50%;
              font-size: 300%;
              bottom: 25%; }
            #simulatorModal .sim-container .simulator .home-page .main-circle .red-bg.current, #simulatorModal .sim-container .simulator .home-page .main-circle .service-page .red-bg.history, #simulatorModal .sim-container .simulator .service-page .home-page .main-circle .red-bg.history, #simulatorModal .sim-container .simulator .home-page .main-circle .service-page .red-bg.alerts, #simulatorModal .sim-container .simulator .service-page .home-page .main-circle .red-bg.alerts, #simulatorModal .sim-container .simulator .home-page .main-circle .service-page .red-bg.support, #simulatorModal .sim-container .simulator .service-page .home-page .main-circle .red-bg.support, #simulatorModal .sim-container .simulator .home-page .main-circle .service-page .red-bg.equip, #simulatorModal .sim-container .simulator .service-page .home-page .main-circle .red-bg.equip,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .red-bg.current,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .service-page .red-bg.history,
            #simulatorModal .sim-container .simulator .service-page .home-page .main-circle-cool .red-bg.history,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .service-page .red-bg.alerts,
            #simulatorModal .sim-container .simulator .service-page .home-page .main-circle-cool .red-bg.alerts,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .service-page .red-bg.support,
            #simulatorModal .sim-container .simulator .service-page .home-page .main-circle-cool .red-bg.support,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .service-page .red-bg.equip,
            #simulatorModal .sim-container .simulator .service-page .home-page .main-circle-cool .red-bg.equip,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .red-bg.current,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .service-page .red-bg.history,
            #simulatorModal .sim-container .simulator .service-page .home-page .main-circle-hot .red-bg.history,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .service-page .red-bg.alerts,
            #simulatorModal .sim-container .simulator .service-page .home-page .main-circle-hot .red-bg.alerts,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .service-page .red-bg.support,
            #simulatorModal .sim-container .simulator .service-page .home-page .main-circle-hot .red-bg.support,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .service-page .red-bg.equip,
            #simulatorModal .sim-container .simulator .service-page .home-page .main-circle-hot .red-bg.equip {
              background: #e2210a; }
          #simulatorModal .sim-container .simulator .home-page .main-circle .blue,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .blue,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .blue {
            width: 37%;
            height: 20%;
            bottom: 1%;
            position: absolute;
            right: 17%;
            z-index: 3; }
          #simulatorModal .sim-container .simulator .home-page .main-circle .blue-bg,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .blue-bg,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .blue-bg {
            width: 37%;
            height: 20%;
            background: gray;
            bottom: 1%;
            position: absolute;
            right: 17%; }
            #simulatorModal .sim-container .simulator .home-page .main-circle .blue-bg .blue-num,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .blue-bg .blue-num,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .blue-bg .blue-num {
              color: white;
              position: absolute;
              right: 50%;
              font-size: 300%;
              bottom: 25%; }
            #simulatorModal .sim-container .simulator .home-page .main-circle .blue-bg.current, #simulatorModal .sim-container .simulator .home-page .main-circle .service-page .blue-bg.history, #simulatorModal .sim-container .simulator .service-page .home-page .main-circle .blue-bg.history, #simulatorModal .sim-container .simulator .home-page .main-circle .service-page .blue-bg.alerts, #simulatorModal .sim-container .simulator .service-page .home-page .main-circle .blue-bg.alerts, #simulatorModal .sim-container .simulator .home-page .main-circle .service-page .blue-bg.support, #simulatorModal .sim-container .simulator .service-page .home-page .main-circle .blue-bg.support, #simulatorModal .sim-container .simulator .home-page .main-circle .service-page .blue-bg.equip, #simulatorModal .sim-container .simulator .service-page .home-page .main-circle .blue-bg.equip,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .blue-bg.current,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .service-page .blue-bg.history,
            #simulatorModal .sim-container .simulator .service-page .home-page .main-circle-cool .blue-bg.history,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .service-page .blue-bg.alerts,
            #simulatorModal .sim-container .simulator .service-page .home-page .main-circle-cool .blue-bg.alerts,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .service-page .blue-bg.support,
            #simulatorModal .sim-container .simulator .service-page .home-page .main-circle-cool .blue-bg.support,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .service-page .blue-bg.equip,
            #simulatorModal .sim-container .simulator .service-page .home-page .main-circle-cool .blue-bg.equip,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .blue-bg.current,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .service-page .blue-bg.history,
            #simulatorModal .sim-container .simulator .service-page .home-page .main-circle-hot .blue-bg.history,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .service-page .blue-bg.alerts,
            #simulatorModal .sim-container .simulator .service-page .home-page .main-circle-hot .blue-bg.alerts,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .service-page .blue-bg.support,
            #simulatorModal .sim-container .simulator .service-page .home-page .main-circle-hot .blue-bg.support,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .service-page .blue-bg.equip,
            #simulatorModal .sim-container .simulator .service-page .home-page .main-circle-hot .blue-bg.equip {
              background: #40a3f1; }
          #simulatorModal .sim-container .simulator .home-page .main-circle .off3,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .off3,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .off3 {
            width: 50%;
            top: 82%;
            position: absolute;
            left: 22%; }
          #simulatorModal .sim-container .simulator .home-page .main-circle .fan3,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .fan3,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .fan3 {
            width: 95%;
            top: 28%;
            left: 0%;
            position: absolute;
            z-index: 5; }
          #simulatorModal .sim-container .simulator .home-page .main-circle .red2,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .red2,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .red2 {
            width: 80%;
            height: 18%;
            background: #e2210a;
            bottom: 1%;
            position: absolute;
            left: 6%; }
            #simulatorModal .sim-container .simulator .home-page .main-circle .red2 .red-num2,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .red2 .red-num2,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .red2 .red-num2 {
              color: white;
              position: absolute;
              left: 40%;
              font-size: 300%;
              bottom: 10%; }
          #simulatorModal .sim-container .simulator .home-page .main-circle .blue2,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .blue2,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .blue2 {
            width: 80%;
            height: 18%;
            background: #40a3f1;
            bottom: 1%;
            position: absolute;
            left: 6%; }
            #simulatorModal .sim-container .simulator .home-page .main-circle .blue2 .blue-num2,
            #simulatorModal .sim-container .simulator .home-page .main-circle-cool .blue2 .blue-num2,
            #simulatorModal .sim-container .simulator .home-page .main-circle-hot .blue2 .blue-num2 {
              color: white;
              position: absolute;
              left: 40%;
              font-size: 300%;
              bottom: 10%; }
          #simulatorModal .sim-container .simulator .home-page .main-circle .number,
          #simulatorModal .sim-container .simulator .home-page .main-circle .number-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle .number-hot,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .number,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .number-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .number-hot,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .number,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .number-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .number-hot {
            position: absolute;
            top: 20%;
            color: white;
            font-size: 1000%;
            left: 22%;
            width: 50%; }
          #simulatorModal .sim-container .simulator .home-page .main-circle #progressPercent,
          #simulatorModal .sim-container .simulator .home-page .main-circle #progressPercent-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle #progressPercent-hot,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool #progressPercent,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool #progressPercent-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool #progressPercent-hot,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot #progressPercent,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot #progressPercent-cool,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot #progressPercent-hot {
            background: #000;
            width: 60%; }
          #simulatorModal .sim-container .simulator .home-page .main-circle .eheat2-furnace-only,
          #simulatorModal .sim-container .simulator .home-page .main-circle-cool .eheat2-furnace-only,
          #simulatorModal .sim-container .simulator .home-page .main-circle-hot .eheat2-furnace-only {
            position: absolute;
            color: white;
            z-index: 5;
            top: 70%;
            left: 34%; }
        #simulatorModal .sim-container .simulator .home-page .error {
          width: 5.5%;
          top: 8%;
          position: absolute;
          right: 15%; }
      #simulatorModal .sim-container .simulator .humid-page,
      #simulatorModal .sim-container .simulator .humid2-page,
      #simulatorModal .sim-container .simulator .furnace-btn-page {
        display: none;
        background: black;
        width: 100%;
        height: 100%;
        color: white; }
        #simulatorModal .sim-container .simulator .humid-page .home-btn,
        #simulatorModal .sim-container .simulator .humid2-page .home-btn,
        #simulatorModal .sim-container .simulator .furnace-btn-page .home-btn {
          background: #000;
          z-index: 10;
          width: 3.5%;
          position: absolute;
          top: 4%;
          left: 3%; }
        #simulatorModal .sim-container .simulator .humid-page .title,
        #simulatorModal .sim-container .simulator .humid2-page .title,
        #simulatorModal .sim-container .simulator .furnace-btn-page .title {
          font-size: 150%;
          position: absolute;
          top: 5%;
          left: 35%; }
        #simulatorModal .sim-container .simulator .humid-page .text,
        #simulatorModal .sim-container .simulator .humid2-page .text,
        #simulatorModal .sim-container .simulator .furnace-btn-page .text {
          position: absolute;
          top: 15%;
          left: 1%;
          font-size: 150%;
          width: 100%; }
          #simulatorModal .sim-container .simulator .humid-page .text td,
          #simulatorModal .sim-container .simulator .humid2-page .text td,
          #simulatorModal .sim-container .simulator .furnace-btn-page .text td {
            padding: 1%; }
            #simulatorModal .sim-container .simulator .humid-page .text td:nth-child(even),
            #simulatorModal .sim-container .simulator .humid2-page .text td:nth-child(even),
            #simulatorModal .sim-container .simulator .furnace-btn-page .text td:nth-child(even) {
              opacity: .25; }
          #simulatorModal .sim-container .simulator .humid-page .text tr:nth-child(1) :nth-child(2),
          #simulatorModal .sim-container .simulator .humid2-page .text tr:nth-child(1) :nth-child(2),
          #simulatorModal .sim-container .simulator .furnace-btn-page .text tr:nth-child(1) :nth-child(2) {
            opacity: 1; }
          #simulatorModal .sim-container .simulator .humid-page .text img,
          #simulatorModal .sim-container .simulator .humid2-page .text img,
          #simulatorModal .sim-container .simulator .furnace-btn-page .text img {
            width: 30%; }
        #simulatorModal .sim-container .simulator .humid-page .back,
        #simulatorModal .sim-container .simulator .humid2-page .back,
        #simulatorModal .sim-container .simulator .furnace-btn-page .back {
          z-index: 10;
          background: #000;
          position: absolute;
          bottom: 3%;
          font-size: 150%;
          left: 3%; }
        #simulatorModal .sim-container .simulator .humid-page .humid01,
        #simulatorModal .sim-container .simulator .humid-page .humid02,
        #simulatorModal .sim-container .simulator .humid2-page .humid01,
        #simulatorModal .sim-container .simulator .furnace-btn-page .humid01,
        #simulatorModal .sim-container .simulator .humid2-page .humid02,
        #simulatorModal .sim-container .simulator .furnace-btn-page .humid02 {
          position: absolute;
          bottom: 3%;
          font-size: 150%;
          right: 3%; }
      #simulatorModal .sim-container .simulator .humidity-page .home-btn,
      #simulatorModal .sim-container .simulator .humidity2-page .home-btn,
      #simulatorModal .sim-container .simulator .furnace-btn2-page .home-btn,
      #simulatorModal .sim-container .simulator .achp-page .home-btn,
      #simulatorModal .sim-container .simulator .thermostat-page .home-btn,
      #simulatorModal .sim-container .simulator .airhandle-page .home-btn {
        background: #000;
        z-index: 10;
        width: 3.5%;
        position: absolute;
        top: 4%;
        left: 3%; }
      #simulatorModal .sim-container .simulator .wifi-page {
        display: none;
        background: black;
        width: 100%;
        height: 100%;
        color: white; }
        #simulatorModal .sim-container .simulator .wifi-page .title {
          font-size: 150%;
          position: absolute;
          top: 5%;
          left: 40%; }
        #simulatorModal .sim-container .simulator .wifi-page .wifi, #simulatorModal .sim-container .simulator .wifi-page .home-page .humid, #simulatorModal .sim-container .simulator .home-page .wifi-page .humid, #simulatorModal .sim-container .simulator .wifi-page .home-page .temp, #simulatorModal .sim-container .simulator .home-page .wifi-page .temp {
          position: absolute;
          width: 7.5%;
          top: 5%;
          right: 3%; }
        #simulatorModal .sim-container .simulator .wifi-page .text {
          position: absolute;
          top: 20%;
          left: 10%; }
        #simulatorModal .sim-container .simulator .wifi-page .back {
          z-index: 10;
          background: #000;
          position: absolute;
          bottom: 3%;
          font-size: 150%;
          left: 3%; }
        #simulatorModal .sim-container .simulator .wifi-page .wifi-set {
          position: absolute;
          bottom: 3%;
          font-size: 150%;
          right: 3%;
          opacity: .25; }
      #simulatorModal .sim-container .simulator .logo-page, #simulatorModal .sim-container .simulator .humidity-page,
      #simulatorModal .sim-container .simulator .humidity2-page,
      #simulatorModal .sim-container .simulator .furnace-btn2-page,
      #simulatorModal .sim-container .simulator .achp-page,
      #simulatorModal .sim-container .simulator .thermostat-page,
      #simulatorModal .sim-container .simulator .airhandle-page, #simulatorModal .sim-container .simulator .weather-page, #simulatorModal .sim-container .simulator .forcast-page, #simulatorModal .sim-container .simulator .schedule-page, #simulatorModal .sim-container .simulator .furnace2-page,
      #simulatorModal .sim-container .simulator .achp2-page, #simulatorModal .sim-container .simulator .achp3-page, #simulatorModal .sim-container .simulator .airhandle3-page,
      #simulatorModal .sim-container .simulator .airhandle2-page, #simulatorModal .sim-container .simulator .wh-page, #simulatorModal .sim-container .simulator .status-page, #simulatorModal .sim-container .simulator .current-page, #simulatorModal .sim-container .simulator .history-page, #simulatorModal .sim-container .simulator .alerts-page, #simulatorModal .sim-container .simulator .support-page, #simulatorModal .sim-container .simulator .equip-page, #simulatorModal .sim-container .simulator .basic-page, #simulatorModal .sim-container .simulator .basic2-page,
      #simulatorModal .sim-container .simulator .basic3-page, #simulatorModal .sim-container .simulator .time-page, #simulatorModal .sim-container .simulator .fan-page, #simulatorModal .sim-container .simulator .away-page, #simulatorModal .sim-container .simulator .vacation-page, #simulatorModal .sim-container .simulator .installer-page {
        display: none;
        background: black;
        width: 100%;
        height: 100%; }
        #simulatorModal .sim-container .simulator .logo-page .home-btn, #simulatorModal .sim-container .simulator .humidity-page .home-btn,
        #simulatorModal .sim-container .simulator .humidity2-page .home-btn,
        #simulatorModal .sim-container .simulator .furnace-btn2-page .home-btn,
        #simulatorModal .sim-container .simulator .achp-page .home-btn,
        #simulatorModal .sim-container .simulator .thermostat-page .home-btn,
        #simulatorModal .sim-container .simulator .airhandle-page .home-btn, #simulatorModal .sim-container .simulator .weather-page .home-btn, #simulatorModal .sim-container .simulator .forcast-page .home-btn, #simulatorModal .sim-container .simulator .schedule-page .home-btn, #simulatorModal .sim-container .simulator .furnace2-page .home-btn,
        #simulatorModal .sim-container .simulator .achp2-page .home-btn, #simulatorModal .sim-container .simulator .achp3-page .home-btn, #simulatorModal .sim-container .simulator .airhandle3-page .home-btn,
        #simulatorModal .sim-container .simulator .airhandle2-page .home-btn, #simulatorModal .sim-container .simulator .wh-page .home-btn, #simulatorModal .sim-container .simulator .status-page .home-btn, #simulatorModal .sim-container .simulator .current-page .home-btn, #simulatorModal .sim-container .simulator .history-page .home-btn, #simulatorModal .sim-container .simulator .alerts-page .home-btn, #simulatorModal .sim-container .simulator .support-page .home-btn, #simulatorModal .sim-container .simulator .equip-page .home-btn, #simulatorModal .sim-container .simulator .basic-page .home-btn, #simulatorModal .sim-container .simulator .basic2-page .home-btn,
        #simulatorModal .sim-container .simulator .basic3-page .home-btn, #simulatorModal .sim-container .simulator .time-page .home-btn, #simulatorModal .sim-container .simulator .fan-page .home-btn, #simulatorModal .sim-container .simulator .away-page .home-btn, #simulatorModal .sim-container .simulator .vacation-page .home-btn, #simulatorModal .sim-container .simulator .installer-page .home-btn {
          background: #000;
          z-index: 10;
          width: 3.5%;
          position: absolute;
          top: 4%;
          left: 3%; }
        #simulatorModal .sim-container .simulator .logo-page .back, #simulatorModal .sim-container .simulator .humidity-page .back,
        #simulatorModal .sim-container .simulator .humidity2-page .back,
        #simulatorModal .sim-container .simulator .furnace-btn2-page .back,
        #simulatorModal .sim-container .simulator .achp-page .back,
        #simulatorModal .sim-container .simulator .thermostat-page .back,
        #simulatorModal .sim-container .simulator .airhandle-page .back, #simulatorModal .sim-container .simulator .weather-page .back, #simulatorModal .sim-container .simulator .forcast-page .back, #simulatorModal .sim-container .simulator .schedule-page .back, #simulatorModal .sim-container .simulator .furnace2-page .back,
        #simulatorModal .sim-container .simulator .achp2-page .back, #simulatorModal .sim-container .simulator .achp3-page .back, #simulatorModal .sim-container .simulator .airhandle3-page .back,
        #simulatorModal .sim-container .simulator .airhandle2-page .back, #simulatorModal .sim-container .simulator .wh-page .back, #simulatorModal .sim-container .simulator .status-page .back, #simulatorModal .sim-container .simulator .current-page .back, #simulatorModal .sim-container .simulator .history-page .back, #simulatorModal .sim-container .simulator .alerts-page .back, #simulatorModal .sim-container .simulator .support-page .back, #simulatorModal .sim-container .simulator .equip-page .back, #simulatorModal .sim-container .simulator .basic-page .back, #simulatorModal .sim-container .simulator .basic2-page .back,
        #simulatorModal .sim-container .simulator .basic3-page .back, #simulatorModal .sim-container .simulator .time-page .back, #simulatorModal .sim-container .simulator .fan-page .back, #simulatorModal .sim-container .simulator .away-page .back, #simulatorModal .sim-container .simulator .vacation-page .back, #simulatorModal .sim-container .simulator .installer-page .back {
          z-index: 10;
          background: #000;
          position: absolute;
          bottom: 3%;
          font-size: 150%;
          left: 3%;
          color: white; }
      #simulatorModal .sim-container .simulator .mode-page {
        display: none;
        background: black;
        width: 100%;
        height: 100%; }
        #simulatorModal .sim-container .simulator .mode-page .title {
          font-size: 150%;
          position: absolute;
          top: 5%;
          left: 40%;
          color: white; }
        #simulatorModal .sim-container .simulator .mode-page .auto, #simulatorModal .sim-container .simulator .mode-page .heat, #simulatorModal .sim-container .simulator .mode-page .cool, #simulatorModal .sim-container .simulator .mode-page .eheat, #simulatorModal .sim-container .simulator .mode-page .fan, #simulatorModal .sim-container .simulator .mode-page .off {
          width: 15%;
          position: absolute;
          top: 25%;
          left: 10%;
          background: #484848;
          border-radius: 10%; }
        #simulatorModal .sim-container .simulator .mode-page .heat {
          left: 30%;
          background: none;
          border: none; }
        #simulatorModal .sim-container .simulator .mode-page .cool {
          left: 50%;
          background: none;
          border: none; }
        #simulatorModal .sim-container .simulator .mode-page .eheat {
          left: 70%;
          background: none;
          border: none; }
        #simulatorModal .sim-container .simulator .mode-page .fan {
          top: 55%;
          left: 30%;
          background: none;
          border: none; }
        #simulatorModal .sim-container .simulator .mode-page .off {
          top: 55%;
          left: 50%;
          background: none;
          border: none; }
        #simulatorModal .sim-container .simulator .mode-page .back {
          z-index: 10;
          background: #000;
          position: absolute;
          bottom: 3%;
          font-size: 150%;
          left: 3%;
          color: white; }
      #simulatorModal .sim-container .simulator .weather-page .forcast {
        position: absolute;
        bottom: 3%;
        font-size: 150%;
        right: 3%;
        color: white; }
      #simulatorModal .sim-container .simulator .forcast-page .home-btn {
        background: #000;
        z-index: 10;
        width: 3.5%;
        position: absolute;
        top: 4%;
        left: 3%; }
      #simulatorModal .sim-container .simulator .menu-page {
        display: none;
        background: black;
        width: 100%;
        height: 100%; }
        #simulatorModal .sim-container .simulator .menu-page .back {
          z-index: 10;
          background: #000;
          position: absolute;
          bottom: 3%;
          font-size: 150%;
          left: 3%;
          color: white; }
        #simulatorModal .sim-container .simulator .menu-page .title {
          font-size: 150%;
          position: absolute;
          top: 5%;
          left: 44%;
          color: white; }
        #simulatorModal .sim-container .simulator .menu-page .settings, #simulatorModal .sim-container .simulator .menu-page .schedule, #simulatorModal .sim-container .simulator .menu-page .status, #simulatorModal .sim-container .simulator .menu-page .service, #simulatorModal .sim-container .simulator .menu-page .water-heating {
          width: 15%;
          position: absolute;
          top: 25%;
          left: 10%; }
        #simulatorModal .sim-container .simulator .menu-page .schedule {
          top: 25%;
          left: 30%; }
        #simulatorModal .sim-container .simulator .menu-page .status {
          top: 25%;
          left: 50%; }
        #simulatorModal .sim-container .simulator .menu-page .service {
          top: 25%;
          left: 70%; }
        #simulatorModal .sim-container .simulator .menu-page .water-heating {
          top: 55%;
          left: 39%;
          width: 18%; }
      #simulatorModal .sim-container .simulator .status-page .status-more {
        position: absolute;
        bottom: 3%;
        font-size: 150%;
        right: 3%; }
      #simulatorModal .sim-container .simulator .status-page .title {
        font-size: 150%;
        position: absolute;
        top: 5%;
        left: 44% !important;
        color: white; }
      #simulatorModal .sim-container .simulator .status-page .furnace-btn2, #simulatorModal .sim-container .simulator .status-page .achp-btn2, #simulatorModal .sim-container .simulator .status-page .airhandle-btn2 {
        width: 25%;
        position: absolute;
        top: 25%;
        left: 10%; }
      #simulatorModal .sim-container .simulator .status-page .achp-btn2 {
        left: 35%;
        width: 27%; }
      #simulatorModal .sim-container .simulator .status-page .airhandle-btn2 {
        top: 24%;
        left: 64%; }
      #simulatorModal .sim-container .simulator .status-page .text2 {
        top: 50%;
        position: absolute; }
      #simulatorModal .sim-container .simulator .furnace2-page .home-btn,
      #simulatorModal .sim-container .simulator .achp2-page .home-btn, #simulatorModal .sim-container .simulator .achp3-page .home-btn, #simulatorModal .sim-container .simulator .airhandle3-page .home-btn,
      #simulatorModal .sim-container .simulator .airhandle2-page .home-btn {
        background: #000;
        z-index: 10;
        width: 3.5%;
        position: absolute;
        top: 4%;
        left: 3%; }
      #simulatorModal .sim-container .simulator .furnace2-page .achp-more,
      #simulatorModal .sim-container .simulator .achp2-page .achp-more, #simulatorModal .sim-container .simulator .achp3-page .achp-more, #simulatorModal .sim-container .simulator .airhandle3-page .achp-more,
      #simulatorModal .sim-container .simulator .airhandle2-page .achp-more {
        position: absolute;
        bottom: 3%;
        font-size: 150%;
        right: 3%;
        color: white; }
      #simulatorModal .sim-container .simulator .furnace2-page .ah-more,
      #simulatorModal .sim-container .simulator .achp2-page .ah-more, #simulatorModal .sim-container .simulator .achp3-page .ah-more, #simulatorModal .sim-container .simulator .airhandle3-page .ah-more,
      #simulatorModal .sim-container .simulator .airhandle2-page .ah-more {
        position: absolute;
        bottom: 3%;
        font-size: 150%;
        right: 3%;
        color: white; }
      #simulatorModal .sim-container .simulator .service-page {
        display: none;
        background: black;
        width: 100%;
        height: 100%; }
        #simulatorModal .sim-container .simulator .service-page .title {
          font-size: 150%;
          position: absolute;
          top: 5%;
          left: 43%;
          color: white; }
        #simulatorModal .sim-container .simulator .service-page .current, #simulatorModal .sim-container .simulator .service-page .history, #simulatorModal .sim-container .simulator .service-page .alerts, #simulatorModal .sim-container .simulator .service-page .support, #simulatorModal .sim-container .simulator .service-page .equip {
          width: 15%;
          position: absolute;
          top: 25%;
          left: 10%; }
        #simulatorModal .sim-container .simulator .service-page .history {
          left: 40%;
          background: none;
          border: none; }
        #simulatorModal .sim-container .simulator .service-page .alerts {
          left: 70%;
          background: none;
          border: none; }
        #simulatorModal .sim-container .simulator .service-page .support {
          top: 55%;
          left: 25%;
          background: none;
          border: none; }
        #simulatorModal .sim-container .simulator .service-page .equip {
          top: 55%;
          left: 55%;
          background: none;
          border: none; }
        #simulatorModal .sim-container .simulator .service-page .back {
          z-index: 10;
          background: #000;
          position: absolute;
          bottom: 3%;
          font-size: 150%;
          left: 3%;
          color: white; }
      #simulatorModal .sim-container .simulator .current-page .title {
        font-size: 150%;
        position: absolute;
        top: 5%;
        left: 43%;
        color: white; }
      #simulatorModal .sim-container .simulator .current-page .clear {
        color: white;
        font-size: 150%;
        position: absolute;
        bottom: 5%;
        right: 5%; }
      #simulatorModal .sim-container .simulator .current-page .text {
        position: absolute;
        top: 20%;
        left: 10%;
        color: white; }
      #simulatorModal .sim-container .simulator .settings-page {
        display: none;
        background: black;
        width: 100%;
        height: 100%; }
        #simulatorModal .sim-container .simulator .settings-page .title {
          font-size: 150%;
          position: absolute;
          top: 5%;
          left: 43%;
          color: white; }
        #simulatorModal .sim-container .simulator .settings-page .one, #simulatorModal .sim-container .simulator .settings-page .two, #simulatorModal .sim-container .simulator .settings-page .five, #simulatorModal .sim-container .simulator .settings-page .three, #simulatorModal .sim-container .simulator .settings-page .six, #simulatorModal .sim-container .simulator .settings-page .four {
          width: 15%;
          position: absolute;
          top: 25%;
          left: 10%; }
        #simulatorModal .sim-container .simulator .settings-page .two, #simulatorModal .sim-container .simulator .settings-page .five {
          left: 40%; }
        #simulatorModal .sim-container .simulator .settings-page .three, #simulatorModal .sim-container .simulator .settings-page .six {
          left: 70%; }
        #simulatorModal .sim-container .simulator .settings-page .four {
          top: 55%; }
        #simulatorModal .sim-container .simulator .settings-page .five {
          top: 55%; }
        #simulatorModal .sim-container .simulator .settings-page .six {
          top: 55%; }
        #simulatorModal .sim-container .simulator .settings-page .back {
          z-index: 10;
          background: #000;
          position: absolute;
          bottom: 3%;
          font-size: 150%;
          left: 3%;
          color: white; }
        #simulatorModal .sim-container .simulator .settings-page .text {
          position: absolute;
          bottom: 5%;
          right: 5%;
          color: white; }
      #simulatorModal .sim-container .simulator .basic-page .home-btn, #simulatorModal .sim-container .simulator .basic2-page .home-btn,
      #simulatorModal .sim-container .simulator .basic3-page .home-btn {
        background: #000;
        z-index: 10;
        width: 3.5%;
        position: absolute;
        top: 4%;
        left: 3%; }
      #simulatorModal .sim-container .simulator .basic-page .basic-more-1, #simulatorModal .sim-container .simulator .basic2-page .basic-more-1,
      #simulatorModal .sim-container .simulator .basic3-page .basic-more-1, #simulatorModal .sim-container .simulator .basic2-page .basic-more-2,
      #simulatorModal .sim-container .simulator .basic3-page .basic-more-2 {
        position: absolute;
        bottom: 3%;
        font-size: 150%;
        right: 3%;
        color: white; }
      #simulatorModal .sim-container .simulator .time-page .home-btn {
        background: #000;
        z-index: 10;
        width: 3.5%;
        position: absolute;
        top: 4%;
        left: 3%; }
      #simulatorModal .sim-container .simulator .fan-page .home-btn {
        background: #000;
        z-index: 10;
        width: 3.5%;
        position: absolute;
        top: 4%;
        left: 3%; }
      #simulatorModal .sim-container .simulator .away-page .home-btn {
        background: #000;
        z-index: 10;
        width: 3.5%;
        position: absolute;
        top: 4%;
        left: 3%; }
      #simulatorModal .sim-container .simulator .vacation-page .home-btn {
        background: #000;
        z-index: 10;
        width: 3.5%;
        position: absolute;
        top: 4%;
        left: 3%; }
      #simulatorModal .sim-container .simulator .installer-page, #simulatorModal .sim-container .simulator .status-page {
        color: white; }
        #simulatorModal .sim-container .simulator .installer-page .home-btn, #simulatorModal .sim-container .simulator .status-page .home-btn {
          background: #000;
          z-index: 10;
          width: 3.5%;
          position: absolute;
          top: 4%;
          left: 3%; }
        #simulatorModal .sim-container .simulator .installer-page .title, #simulatorModal .sim-container .simulator .status-page .title {
          font-size: 150%;
          position: absolute;
          top: 5%;
          left: 35%; }
        #simulatorModal .sim-container .simulator .installer-page .furnace-btn, #simulatorModal .sim-container .simulator .status-page .furnace-btn, #simulatorModal .sim-container .simulator .installer-page .achp-btn, #simulatorModal .sim-container .simulator .status-page .achp-btn, #simulatorModal .sim-container .simulator .installer-page .thermostat-btn, #simulatorModal .sim-container .simulator .status-page .thermostat-btn, #simulatorModal .sim-container .simulator .installer-page .airhandle-btn, #simulatorModal .sim-container .simulator .status-page .airhandle-btn, #simulatorModal .sim-container .simulator .installer-page .defaults-btn, #simulatorModal .sim-container .simulator .status-page .defaults-btn {
          width: 25%;
          position: absolute;
          top: 25%;
          left: 10%; }
        #simulatorModal .sim-container .simulator .installer-page .achp-btn, #simulatorModal .sim-container .simulator .status-page .achp-btn {
          left: 35%; }
        #simulatorModal .sim-container .simulator .installer-page .thermostat-btn, #simulatorModal .sim-container .simulator .status-page .thermostat-btn {
          left: 60%; }
        #simulatorModal .sim-container .simulator .installer-page .airhandle-btn, #simulatorModal .sim-container .simulator .status-page .airhandle-btn {
          top: 50%;
          left: 23%; }
        #simulatorModal .sim-container .simulator .installer-page .defaults-btn, #simulatorModal .sim-container .simulator .status-page .defaults-btn {
          top: 50%;
          left: 47%; }
        #simulatorModal .sim-container .simulator .installer-page .text, #simulatorModal .sim-container .simulator .status-page .text {
          position: absolute;
          top: 75%;
          font-size: 120%; }
      #simulatorModal .sim-container .simulator .furnace-btn-page .furnace02 {
        position: absolute;
        bottom: 3%;
        font-size: 150%;
        right: 3%; }

/*# sourceMappingURL=Int_Sim.css.map */