@charset "UTF-8";
/*

        Creating a sprite from following images:

        app/assets/images/browser-upgrade-images/button-edge.png (379x100)
        app/assets/images/browser-upgrade-images/button-google.png (379x100)
        app/assets/images/browser-upgrade-images/button-mozilla.png (379x100)
        app/assets/images/browser-upgrade-images/logo.png (376x306)
        app/assets/images/browser-upgrade-images/text.png (1165x155)

        Output files:
          app/assets/images/sprites/browser-upgrade-images.png
          app/assets/stylesheets/sprites/browser-upgrade-sprites.scss

        Output size:
          1165x761


*/
body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden;
  background-image: url(/assets/images/browser_upgrade_background-631cda0a19631eb0.digested.jpg);
  background-repeat: no-repeat;
  background-color: black;
  background-position: center center;
  background-attachment: local;
  background-size: cover;
  color: white;
  font-family: "Arial";
  font-size: 11pt;
}

.upgrade-info-popup {
  left: 50%;
  top: 30vh;
  transform: translateX(-50%);
  position: absolute;
}
.upgrade-info-popup .logo {
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  background: url(/assets/images/browser-upgrade-images-74e2e1209643ae14.digested.png) 49.94% 65.93%/309.84% 248.69% no-repeat;
}
.upgrade-info-popup .title {
  text-transform: uppercase;
  font-family: Montserrat, Arial;
  font-weight: 600;
  text-align: center;
}
.upgrade-info-popup .text {
  text-align: center;
}
.upgrade-info-popup .text p {
  margin-top: 0px;
  margin-bottom: 0.5vw;
}
.upgrade-info-popup .link {
  position: absolute;
}
.upgrade-info-popup .google {
  background: url(/assets/images/browser-upgrade-images-74e2e1209643ae14.digested.png) 50% 15.13%/307.39% 761% no-repeat;
}
.upgrade-info-popup .mozilla {
  background: url(/assets/images/browser-upgrade-images-74e2e1209643ae14.digested.png) 50% 30.26%/307.39% 761% no-repeat;
  left: 50%;
  transform: translateX(-50%);
}
.upgrade-info-popup .edge {
  background: url(/assets/images/browser-upgrade-images-74e2e1209643ae14.digested.png) 50% 0%/307.39% 761% no-repeat;
  right: 0px;
}
.upgrade-info-popup .footer {
  background: url(/assets/images/browser-upgrade-images-74e2e1209643ae14.digested.png) 0% 100%/100% 490.97% no-repeat;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

@media screen and (orientation: portrait) {
  .upgrade-info-popup {
    width: 60vw;
    top: 35vh;
  }
  .upgrade-info-popup .logo {
    width: 15vw;
    height: calc(15vw / 1.2287581699);
    margin-bottom: 2vw;
  }
  .upgrade-info-popup .title {
    margin-bottom: 2vw;
    font-size: calc(11px + 0.5vw);
  }
  .upgrade-info-popup .text {
    margin-bottom: 2vw;
    font-size: calc(10px + 0.5vw);
  }
  .upgrade-info-popup .link {
    width: 18vw;
    height: calc(18vw / 3.7551020408);
  }
  .upgrade-info-popup .buttons {
    height: calc(18vw / 3.7551020408);
  }
  .upgrade-info-popup .footer {
    width: 55vw;
    height: calc(55vw / 7.5161290323);
  }
}
@media screen and (orientation: landscape) {
  .upgrade-info-popup {
    width: 33vw;
  }
  .upgrade-info-popup .logo {
    width: 10.7vw;
    height: calc(10.7vw / 1.2287581699);
    margin-bottom: 1vw;
  }
  .upgrade-info-popup .title {
    margin-bottom: 1vw;
    font-size: calc(11px + 0.5vh);
  }
  .upgrade-info-popup .text {
    margin-bottom: 1vw;
    font-size: calc(10px + 0.5vh);
  }
  .upgrade-info-popup .link {
    width: 10vw;
    height: calc(10vw / 3.7551020408);
  }
  .upgrade-info-popup .buttons {
    height: calc(10vw / 3.7551020408);
  }
  .upgrade-info-popup .footer {
    width: 30vw;
    height: calc(30vw / 7.5161290323);
  }
}