* {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
}
body {
  font-family: 'Lato', 'Helvetica', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333;
}
a,
a:visited {
  color: #51b7e0;
  text-decoration: none;
}
button,
.button {
  color: white;
  background-color: #51b7e0;
  text-transform: uppercase;
  outline: none;
  border: 0;
  border-radius: 10px;
  padding: 10px 60px;
}
button.block,
.button.block {
  display: block;
  margin: 0 auto;
  width: 100%;
}
button.disabled,
.button.disabled {
  opacity: 0.5;
}
button.secondary,
.button.secondary {
  background-color: transparent;
  color: #51b7e0;
  text-transform: none;
  outline: none;
  border: 0;
  border-radius: 10px;
  padding: 10px 60px;
}
.compact {
  letter-spacing: -0.03em;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
.pull-right {
  float: right;
}
.clickable {
  cursor: pointer;
}
.no-selection {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}
.dropdown-menu {
  position: absolute;
  z-index: 100;
  margin-top: -1px;
  /* For the drop down arrow */
}
.dropdown-menu.left {
  left: 0;
}
.dropdown-menu.right {
  right: 0;
}
.dropdown-menu.arrow {
  top: 100%;
}
.dropdown-menu.arrow .dropdown-menu-container {
  top: 16px;
}
.dropdown-menu .menu-body {
  text-transform: uppercase;
}
.dropdown-menu .menu-body ul {
  padding: 0;
  margin: 0 0;
  list-style-type: none;
}
.dropdown-menu .dropdown-menu-container {
  position: relative;
  border: 1px solid #51b7e0;
  background: white;
  min-width: 120px;
}
.dropdown-menu.arrow.left:before,
.dropdown-menu.arrow.left:after {
  left: 3%;
}
.dropdown-menu.arrow.right:before,
.dropdown-menu.arrow.right:after {
  right: 3%;
}
.dropdown-menu.arrow:before,
.dropdown-menu.arrow:after {
  position: absolute;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  display: block;
  content: " ";
}
.dropdown-menu.arrow:before {
  top: 0px;
  border-bottom-color: #51b7e0;
}
.dropdown-menu.arrow:after {
  top: 2px;
  border-bottom-color: #ffffff;
}
.dropdown-menu .menu-item {
  color: #51b7e0;
  font-size: 14px;
  padding: 20px 20px;
}
.dropdown-menu .menu-item:hover {
  color: #ffffff;
  background-color: #51b7e0;
}
.bodynl {
  font-weight: 400;
  font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
  -webkit-font-smoothing: antialiased;
  white-space: pre-wrap;
  text-align: center;
}
.carousel-pager-container {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  margin: 0 auto;
  text-align: center;
}
.carousel-pager-button {
  width: 16px;
  height: 16px;
  border: 1px solid #51b7e0;
  border-radius: 50%;
  margin: 0 10px 10px 10px;
  display: inline-block;
}
.carousel-pager-button.active {
  background-color: #51b7e0;
  border: none;
}
.carousel-pager-arrow {
  display: inline-block;
  margin: 0 10px;
  width: 20px;
  height: 20px;
  background-size: 100%;
}
.carousel-pager-arrow.left {
  background-image: url('/images/left-arrow.png');
}
.carousel-pager-arrow.right {
  background-image: url('/images/right-arrow.png');
}
.carousel-wrapper.side-arrows {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  position: relative;
}
.carousel-wrapper.side-arrows .carousel {
  padding: 0 30px;
}
.carousel-wrapper.side-arrows .side-arrow {
  position: absolute;
  top: 0;
  height: 100%;
  min-height: 20px;
  width: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.carousel-wrapper.side-arrows .side-arrow.left {
  left: 0;
  background-image: url('/images/left-arrow.png');
}
.carousel-wrapper.side-arrows .side-arrow.right {
  right: 0;
  background-image: url('/images/right-arrow.png');
}
.carousel-wrapper.block {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 30px;
}
.carousel-wrapper.block .carousel {
  width: 100%;
  height: 100%;
  position: relative;
}
.notification-wrapper {
  position: fixed;
  z-index: 2000;
  top: 0;
  height: 0;
  text-align: center;
  width: 100%;
}
.notification-wrapper .notification {
  position: relative;
  margin: 0 auto;
  background: #fbfdbb;
  width: 500px;
  max-width: 100%;
  font-size: 14px;
}
.notification-wrapper .notification > .close {
  position: absolute;
  font-size: 18px;
  right: 10px;
  color: #333;
  z-index: 1000;
}
.notification-wrapper .notification-inner {
  padding: 20px 40px 20px 20px;
  white-space: pre-wrap;
}
.picture-viewer {
  background-color: #333;
  width: 100%;
  height: 100%;
  display: inline-block;
  text-align: center;
  padding: 50px 0 20px 0;
}
.picture-viewer:before {
  display: inline-block;
  width: 0;
  height: 100%;
  content: ' ';
  vertical-align: middle;
}
.picture-viewer > img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.picture-viewer .action-bar {
  position: absolute;
  top: 0;
  height: 0;
  width: 100%;
  left: 0;
  margin-top: 20px;
}
.picture-viewer .action-bar .action-bar-inner {
  margin: 0 auto;
}
.picture-viewer .action-bar .action-bar-inner .item {
  margin: 0 15px;
  height: 20px;
}
.picture-viewer .action-bar-file-name {
  text-align: left;
  position: absolute;
  top: 0;
  height: 0;
  width: 40%;
  left: 0;
  color: #aaaaaa;
  margin-left: 25px;
}
.picture-viewer .loading {
  font-size: 22px;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.confirm-popover .focustitle {
  text-align: center;
  display: block;
  margin: 0 auto 20px;
  font-size: 22px;
}
.confirm-popover .title {
  text-align: center;
  display: block;
  margin: 0 auto 20px;
  font-size: 18px;
}
.confirm-popover .subtitle {
  text-align: center;
  display: block;
  margin: 0 auto 20px;
  font-size: 16px;
}
.confirm-popover .confirm-buttons {
  text-align: center;
  margin: 20px;
}
.confirm-popover .confirm-buttons .confirmation {
  margin: 20px auto 10px;
}
.confirm-popover .confirm-buttons .canceling {
  text-align: center;
  display: block;
  margin: 10px auto 10px;
  color: #51b7e0;
  background-color: #ffffff;
  text-transform: none;
}
.bubble {
  position: absolute;
  z-index: 100;
}
.bubble .bubble-inner {
  border: 1px solid #ff3399;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
}
.bubble:before,
.bubble:after {
  position: absolute;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  display: block;
  content: " ";
}
.bubble.bottom-right:before {
  bottom: -16px;
  right: 18px;
  border-top-color: #ff3399;
}
.bubble.bottom-right:after {
  bottom: -15px;
  right: 18px;
  border-top-color: #ffffff;
}
.bubble.left:before {
  left: -16px;
  bottom: 11px;
  border-right-color: #ff3399;
}
.bubble.left:after {
  left: -15px;
  bottom: 11px;
  border-right-color: #ffffff;
}
.upload-popover .dropzone {
  border: 1px dashed #51b7e0;
  border-radius: 5px;
  box-sizing: content-box;
  width: 550px;
  height: 350px;
  margin: 20px auto;
  overflow-y: auto;
}
.upload-popover .dropzone.solid {
  border-style: solid;
}
.upload-popover .dz-message {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  color: #51b7e0;
}
.upload-popover .dz-message .add-icon {
  margin: 0 30px 0 80px;
  width: 35px;
  text-align: center;
  font-size: 50px;
  vertical-align: middle;
  display: inline-block;
  font-weight: 300;
}
.upload-popover .dz-message .add-text {
  display: inline-block;
  vertical-align: middle;
}
.upload-popover .action-icon {
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin: 17.5px 30px;
  display: inline-block;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.upload-popover .action-icon.cancel {
  background-image: url('/images/upload/cancel.png');
}
.upload-popover .action-icon.retry {
  background-image: url('/images/upload/retry.png');
}
.upload-popover .title {
  text-align: center;
  display: block;
  margin: 0 auto 40px;
  font-weight: 300;
  font-size: 32px;
}
.upload-popover .file-icon {
  margin: 10px 30px 10px 0;
  vertical-align: middle;
}
.upload-popover .info {
  display: inline-block;
  width: 325px;
  vertical-align: middle;
}
.upload-popover .info .file-name,
.upload-popover .info .error {
  width: 325px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.upload-popover .info .file-name {
  font-size: 14px;
  padding-bottom: 5px;
}
.upload-popover .info .file-name.has-error {
  font-weight: 300;
}
.upload-popover .info .error {
  height: 18px;
  font-size: 11px;
}
.upload-popover .progress-wrapper {
  height: 18px;
  position: relative;
}
.upload-popover .progress-wrapper .progress {
  height: 1px;
  display: inline-block;
  vertical-align: middle;
}
.upload-popover .progress-wrapper .progress.uploading {
  background-color: #ff3399;
}
.upload-popover .progress-wrapper .progress.completed {
  background-color: #51b7e0;
}
.upload-popover .status-icon {
  width: 20px;
  height: 20px;
  margin-left: 30px;
  display: inline-block;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.upload-popover .status-icon.error {
  background-image: url('/images/upload/error.png');
}
.upload-popover .status-icon.success {
  background-image: url('/images/upload/synced.png');
}
.upload-popover .status-icon.uploading {
  background-image: url('/images/upload/syncing.png');
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.upload-popover .get-odrive {
  text-align: center;
}
.upload-popover .get-odrive > img {
  width: 48px;
  height: 60px;
  margin-right: 20px;
  vertical-align: middle;
}
.upload-popover .get-odrive > div {
  display: inline-block;
  max-width: 300px;
  text-align: left;
  vertical-align: middle;
  font-weight: 300;
}
.upload-popover .close {
  cursor: pointer;
  text-align: center;
  margin-top: 15px;
}
.upgradenolinks-popover .focustitle {
  text-align: center;
  display: block;
  margin: 0 auto 35px;
  font-size: 32px;
  font-weight: 300;
}
.upgradenolinks-popover .title {
  text-align: center;
  display: block;
  margin: 0 auto 5px;
  font-size: 18px;
}
.upgradenolinks-popover .confirm-buttons {
  text-align: center;
  margin: 20px;
}
.upgradenolinks-popover .confirm-buttons .confirmation {
  margin: 20px auto 10px;
}
.upgradesuccess-popover .focustitle {
  text-align: center;
  display: block;
  margin: 0 auto 35px;
  font-size: 32px;
  font-weight: 300;
}
.upgradesuccess-popover .title {
  text-align: center;
  display: block;
  margin: 0 auto 5px;
  font-size: 18px;
}
.upgradesuccess-popover .message {
  text-align: center;
  display: block;
  margin: 0 auto 5px;
  font-size: 16px;
  font-weight: normal;
}
.upgradesuccess-popover .foottitle {
  text-align: center;
  display: block;
  margin: 20px auto 5px;
  font-size: 16px;
  font-weight: normal;
}
.upgradesuccess-popover .confirm-buttons {
  text-align: center;
  margin: 20px;
}
.upgradesuccess-popover .confirm-buttons .confirmation {
  margin: 20px auto 10px;
}
.upgradesuccess-popover .processing-imagebox {
  display: block;
  text-align: center;
  padding-top: 20px;
  font-size: 12px;
  font-weight: 500;
}
.upgradesuccess-popover .processing-imagebox img {
  width: 20px;
  height: 20px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.upgradesuccess-popover .processing-imagebox img:before {
  height: 100%;
  content: " ";
  vertical-align: middle;
  display: inline-block;
}
.upgradesuccess-popover .thankyou-imagebox {
  margin-top: 30px;
  width: 100%;
  height: 20px;
  background-image: url('/images/upgrade/synced-20x20.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.upgradesuccess-popover .thankyou-imagebox:before {
  height: 100%;
  content: " ";
  vertical-align: middle;
  display: inline-block;
}
.rotate-imagebox img {
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.welcome-pages {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table;
}
.welcome-pages .vertically-center {
  display: table-cell;
  vertical-align: middle;
}
.welcome-pages .title {
  text-align: center;
  display: block;
  font-size: 32px;
  font-weight: 300;
}
.welcome-pages .title.width-mobile {
  font-size: 16px;
}
.welcome-pages .title.width-small {
  font-size: 18px;
}
.welcome-pages .title.width-small-sub-1 {
  font-size: 20px;
}
.welcome-pages .title.width-small-sub-2 {
  font-size: 26px;
}
.welcome-pages .title.width-small-sub-3 {
  font-size: 32px;
}
.welcome-pages .welcome-imagebox {
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
}
.welcome-pages .welcome-imagebox img.width-mobile {
  width: 300px;
  height: 171.42857143px;
}
.welcome-pages .welcome-imagebox img.width-small {
  width: 450px;
  height: 257.14285714px;
}
.welcome-pages .welcome-imagebox img.width-small.height-medium {
  width: 700px;
  height: 400px;
}
.welcome-pages .welcome-imagebox img.width-small.height-max,
.welcome-pages .welcome-imagebox img.width-small.height-large {
  width: 700px;
  height: 400px;
}
.welcome-pages .welcome-imagebox img.width-small-sub-1 {
  width: 470px;
  height: 268.57142857px;
}
.welcome-pages .welcome-imagebox img.width-small-sub-1.height-medium {
  width: 470px;
  height: 268.57142857px;
}
.welcome-pages .welcome-imagebox img.width-small-sub-1.height-max,
.welcome-pages .welcome-imagebox img.width-small-sub-1.height-large {
  width: 470px;
  height: 268.57142857px;
}
.welcome-pages .welcome-imagebox img.width-small-sub-2 {
  width: 575px;
  height: 328.57142857px;
}
.welcome-pages .welcome-imagebox img.width-small-sub-2.height-medium {
  width: 575px;
  height: 328.57142857px;
}
.welcome-pages .welcome-imagebox img.width-small-sub-2.height-max,
.welcome-pages .welcome-imagebox img.width-small-sub-2.height-large {
  width: 575px;
  height: 328.57142857px;
}
.welcome-pages .welcome-imagebox img.width-medium {
  width: 700px;
  height: 400px;
}
.welcome-pages .welcome-imagebox img.width-large {
  width: 700px;
  height: 400px;
}
.welcome-pages .welcome-imagebox:before {
  height: 100%;
  content: " ";
  vertical-align: middle;
  display: inline-block;
}
.welcome-pages .welcome-emptyimagebox {
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  height: 100px;
}
.welcome-pages .single-button {
  text-align: center;
}
.welcome-pages .dual-button {
  text-align: center;
}
.welcome-pages .dual-button .bottombutton {
  margin: 10px auto 10px;
  background-color: white;
  color: #51b7e0;
}
.welcome-pages .dual-button .welcome-flow-complete-button {
  background-color: white;
  color: #aaaaaa;
  border: 1px solid #aaaaaa;
}
.authorized-account-mismatch-popover .title {
  text-align: center;
  display: block;
  margin: 0 auto 35px;
  font-size: 32px;
  font-weight: 300;
}
.authorized-account-mismatch-popover .body {
  text-align: center;
  display: block;
  margin: 0 auto 20px;
}
.authorized-account-mismatch-popover .buttons {
  text-align: center;
  margin: 20px;
}
.authorized-account-mismatch-popover .buttons .tryagain {
  margin: 20px auto 10px;
}
.login-mismatch-popover .title {
  text-align: center;
  display: block;
  margin: 0 auto 35px;
  font-size: 32px;
  font-weight: 300;
}
.login-mismatch-popover .body {
  text-align: center;
  display: block;
  margin: 0 auto 20px;
  max-width: 600px;
}
.login-mismatch-popover .buttons {
  text-align: center;
  margin: 20px;
}
.login-mismatch-popover .buttons .tryagain {
  margin: 20px auto 10px;
}
.authorization-canceled-popover .title {
  text-align: center;
  display: block;
  margin: 0 auto 35px;
  font-size: 32px;
  font-weight: 300;
}
.authorization-canceled-popover .body {
  text-align: center;
  display: block;
  margin: 0 auto 20px;
  max-width: 600px;
}
.authorization-canceled-popover .buttons {
  text-align: center;
  margin: 20px;
}
.authorization-canceled-popover .buttons .close {
  margin: 20px auto 10px;
}
.form-outer {
  text-align: center;
}
.form-outer .form-inner {
  max-width: 390px;
  margin: 0 auto;
}
.form-outer .form-inner .form-header .title {
  padding: 0 40px;
  font-size: 24px;
  font-weight: 300;
}
.form-outer .form-inner .form-header .info {
  padding: 15px 40px;
  position: relative;
  height: 70px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
}
.form-outer .form-inner .form-header .info.error {
  color: red;
  text-align: center;
}
.form-outer .form-inner .form-header .info.error:before {
  position: absolute;
  background-image: url('/images/form/error-icon.png');
  background-size: 20px 20px;
  content: "";
  top: 15px;
  left: 10px;
  width: 20px;
  height: 20px;
}
.form-outer .form-inner .textarea {
  width: 100%;
  position: relative;
  border: 1px solid #51b7e0;
  margin-bottom: 20px;
}
.form-outer .form-inner .textarea > textarea {
  padding: 7px 10px;
  width: 100%;
  outline: none;
  border: none;
}
.form-outer .form-inner .textarea.has-error > textarea {
  padding: 7px 40px 7px 10px;
}
.form-outer .form-inner .textarea.has-error:after {
  position: absolute;
  right: 10px;
  top: 7px;
  width: 20px;
  height: 20px;
  background-image: url('/images/form/error-icon.png');
  background-size: 20px 20px;
  content: '';
}
.form-outer .form-inner .input {
  width: 100%;
  position: relative;
  border: 1px solid #51b7e0;
  margin-bottom: 20px;
}
.form-outer .form-inner .input > input {
  padding: 7px 10px;
  width: 100%;
  outline: none;
  border: none;
}
.form-outer .form-inner .input.has-error > input {
  padding: 7px 40px 7px 10px;
}
.form-outer .form-inner .input.has-error:after {
  position: absolute;
  right: 10px;
  top: 7px;
  width: 20px;
  height: 20px;
  background-image: url('/images/form/error-icon.png');
  background-size: 20px 20px;
  content: '';
}
.form-outer .form-inner .field-description {
  position: absolute;
  text-align: left;
  top: 0;
  left: 100%;
  padding: 0 10px;
  width: 190px;
  font-size: 14px;
}
.form-outer .form-inner .field-description .label {
  line-height: 35px;
}
.form-outer .form-inner .field-description .detail {
  font-weight: 300;
  margin-top: 6px;
}
.form-outer .form-inner .select {
  text-align: left;
  display: block;
  position: relative;
  margin: 0 auto 20px;
  width: 100%;
  max-width: 390px;
}
.form-outer .form-inner .select .label {
  margin: 0 auto 10px;
  padding-left: 10px;
}
.form-outer .form-inner .select .current-value {
  width: 390px;
  height: 40px;
  color: #51b7e0;
  cursor: pointer;
  border: 1px solid #51b7e0;
  background-image: url("/images/browser-icons/icon-menuarrow-blue-20rpad.png");
  background-size: auto;
  background-position: right;
  background-repeat: no-repeat;
  text-align: left;
  font-size: 14px;
  padding: 10px 10px 10px 10px;
}
.form-outer .form-inner .select .dropdown-menu .menu-item {
  padding-left: 10px;
  width: 390px;
}
.menubar {
  color: #ff3399;
  height: 50px;
  line-height: 30px;
  vertical-align: baseline;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: right 0.3s;
  -webkit-transition: right 0.3s;
  z-index: 1;
  background-color: #ffffff;
}
.menubar .menubar-brand {
  background-image: url("/images/logo.png");
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 30px;
  width: 104px;
  background-size: 104px 30px;
  margin-left: 8px;
  margin-top: 10px;
}
.menubar .menubar-item {
  padding-right: 20px;
  font-size: 14px;
}
.menubar .menubar-item > a {
  color: #ff3399;
}
.menubar .menubar-menu-button {
  width: 35px;
  height: 35px;
  margin-right: 15px;
  margin-left: 0px;
}
.menubar.menu-visible {
  right: 200px;
}
.menubar.white {
  background-color: white;
}
.menubar.blue {
  background-color: #d6e8ec;
}
.menubar.grey {
  background-image: url("/images/acd-landingpage/greytexture-1.png");
}
.menubar.menu-visible.menu-fullscreen {
  right: auto;
  width: 0;
}
.menu-header {
  width: 100%;
  min-width: 200px;
  line-height: 30px;
  height: 30px;
  background-color: #ff3399;
  font-size: 18px;
  padding-left: 20px;
  color: white;
  position: absolute;
  text-transform: uppercase;
}
.menu-scroller {
  overflow-y: auto;
  height: 100%;
}
.menu-scroller .close {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  font-size: 35px;
  padding-right: 10px;
  margin-top: 4px;
  color: #cccccc;
}
.menu-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #333;
  overflow: hidden;
  width: 200px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 2;
}
.menu-container.menu-fullscreen {
  width: 100%;
  z-index: 2;
}
.menu-container.menu-hidden {
  border-left: none;
  width: 0;
}
.main-page-container {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.content {
  margin-top: 52.5px;
  -webkit-transition: margin 0.3s;
  transition: margin 0.3s;
}
.content.white {
  background-color: white;
}
.content.blue {
  background-color: #d6e8ec;
}
.content.grey {
  background-image: url("/images/acd-landingpage/greytexture-1.png");
}
.content.menu-visible {
  margin-right: 200px;
}
.content.hidden {
  display: none;
}
.menu {
  font-size: 14px;
  min-width: 200px;
  color: #cccccc;
}
.menu a {
  color: #cccccc;
}
.menu .menu-items {
  margin: 35px 0 0 0;
  text-transform: uppercase;
}
.menu .menu-items ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.menu .menu-items .menu-item {
  display: block;
}
.menu .menu-items .menu-item .menu-label {
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.menu .menu-items .menu-item .menu-label .menu-label-text {
  padding-left: 12px;
}
.menu .menu-items .menu-item:hover {
  background-color: #51b7e0;
  color: white;
}
.menu .menu-items .menu-item.new-section {
  margin-top: 40px;
}
.menu .menu-social-footer {
  padding-left: 20px;
  margin-top: 35px;
}
.menu .menu-social-footer .icon-social {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 0 10px 5px 0;
  background-size: 25px 25px;
}
.menu .menu-social-footer .facebook {
  background-image: url('/images/menu/icon-social-facebook.png');
}
.menu .menu-social-footer .facebook:hover {
  background-image: url('/images/menu/icon-social-facebook-blue.png');
}
.menu .menu-social-footer .twitter {
  background-image: url('/images/menu/icon-social-twitter.png');
}
.menu .menu-social-footer .twitter:hover {
  background-image: url('/images/menu/icon-social-twitter-blue.png');
}
.menu .menu-social-footer .youtube {
  background-image: url('/images/menu/icon-social-youtube.png');
}
.menu .menu-social-footer .youtube:hover {
  background-image: url('/images/menu/icon-social-youtube-blue.png');
}
/*-- facilitates the dynamic highlight menu changing --*/
.indicator-img {
  width: 6px;
  vertical-align: 15%;
  display: inline-block;
}
.home-indicator-img {
  width: 6px;
  vertical-align: 30%;
  display: inline-block;
}
.menu-container-element a:hover {
  text-decoration: none;
}
.menu-container-element .home-icon-holder {
  width: 100%;
  height: 40px;
  clear: both;
  padding-left: 35px;
  padding-top: 10px;
  margin-bottom: -35px;
  font-size: 20px;
}
.menu-container-element .home-icon-holder:hover {
  background-color: #51b7e0;
}
.menu-container-element .homeimg {
  background-image: url('/images/homeimg.png');
  background-size: 37px 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-left: 14px;
}
.menu-container-element .homeimg:hover {
  /*background-position:-19px 0px;*/
}
.menu-subitem {
  font-size: 11px;
  width: 100%;
  clear: both;
  display: block;
  padding: 5px 30px;
  overflow: hidden;
  color: #ccc;
}
.menu-subitem .menu-childlabel-text {
  padding-left: 15px;
}
.menu-subitem:hover {
  overflow: hidden;
  color: #fff;
  background-color: #51b7e0;
}
.menu-button-container {
  display: flex;
  margin-top: 10px;
}
.menu-button-container .menu-session-name {
  line-height: 0;
  margin-top: 7px;
  padding-right: 20px;
}
@media (min-width: 320px) {
  .menu-button-container .menu-session-name {
    display: none;
  }
}
@media (min-width: 450px) {
  .menu-button-container .menu-session-name {
    display: block;
  }
}
.account-menu-icon {
  width: 15px;
  border-radius: 2px;
  opacity: 0.8;
}
.account-menu-email {
  max-width: 300px;
  margin-left: 3px;
  color: #51b7e0;
  font-size: 11px;
  font-weight: 400;
  display: inline-block;
  vertical-align: 12%;
  text-overflow: ellipsis;
  line-height: 2;
}
.account-menu-email a {
  color: #51b7e0;
}
.account-menu-email a:hover {
  color: #0FA0CE;
}
.account-menu-email:hover {
  color: #0FA0CE;
}
.account-menu-upgrade {
  max-width: 300px;
  margin-left: 3px;
  color: #51b7e0;
  font-size: 11px;
  font-weight: 400;
  display: inline-block;
  vertical-align: 12%;
  text-overflow: ellipsis;
  line-height: 2;
}
.account-menu-upgrade a {
  color: #51b7e0;
}
.account-menu-upgrade a:hover {
  color: #0FA0CE;
}
.account-menu-upgrade:hover {
  color: #0FA0CE;
}
.accordionAccount {
  border: 1px solid #ccc;
  line-height: 2.5;
  padding: 0px;
  background-color: #fff;
  border-radius: 5px;
  position: fixed;
  min-width: 200px;
  margin-top: 35px;
}
.accordionAccount .accountlist {
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 22px;
  list-style-type: none;
}
.accordionAccount .accountlist li {
  color: black;
  font-size: 11px;
  text-transform: uppercase;
}
.accordionAccount .nounderline {
  text-decoration: none;
}
.accordionAccount .nounderline:hover {
  text-decoration: underline;
  color: black;
}
.fullscreen-popover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 1000;
}
.fullscreen-popover .fullscreen-popover-inner {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}
.fullscreen-popover .fullscreen-popover-inner > .close {
  position: absolute;
  font-size: 30px;
  right: 10px;
  top: 5px;
  color: #51b7e0;
  z-index: 1000;
  padding: 20px 20px;
  margin: -20px -20px;
}
.fullscreen-popover .fullscreen-popover-inner > .logo {
  position: absolute;
  left: 8px;
  top: 2px;
  z-index: 1000;
}
.fullscreen-popover.vertically-center {
  display: table;
}
.fullscreen-popover.vertically-center .fullscreen-popover-inner {
  overflow-y: hidden;
  display: table-cell;
  vertical-align: middle;
}
.text-center {
  text-align: center;
}
.panel-holder {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.panel-outer {
  height: 100%;
  position: absolute;
  width: 100%;
  overflow-y: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  top: 0;
}
.panel-outer.panel-above {
  top: -100%;
}
.panel-outer.panel-below {
  top: 100%;
}
.panel-inner {
  height: 100%;
  width: 100%;
  padding-bottom: 15px;
}
.panel-inner.table {
  display: table;
}
.panel-hidden .panel-inner {
  display: none;
}
.panel-inner .footer {
  width: 100%;
  height: 15px;
  background-color: #51b7e0;
  position: absolute;
  bottom: 0;
}
.panel-inner .footer:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  margin: 0 auto;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid white;
}
.panel-inner .footer.blue {
  background-color: #51b7e0;
}
.panel-inner .footer.gray {
  background-color: #cccccc;
}
.panel-inner .footer.black {
  background-color: #333;
}
.panel-inner .footer.pink {
  background-color: #ff3399;
}
.panel-footer {
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: 0;
  text-align: center;
  font-weight: 300;
}
.panel-footer img {
  width: 33px;
  height: 15px;
}
.panel-footer.height-max,
.panel-footer.height-large {
  font-size: 16px;
  transition: all 0.7s;
}
.panel-footer.height-max.width-mobile,
.panel-footer.height-large.width-mobile {
  font-size: 16px;
}
.panel-footer.height-medium {
  font-size: 12px;
  transition: all 0.7s;
}
.panel-footer.height-medium.width-mobile {
  font-size: 12px;
}
.panel-footer.height-small {
  font-size: 10px;
  transition: all 0.7s;
}
.panel-footer.height-mobile {
  font-size: 0;
  transition: all 0.7s;
  height: 15px;
}
.panel-footer.white {
  background-color: white;
}
.panel-footer.blue {
  background-color: #d6e8ec;
}
.panel-footer.grey {
  background-image: url("/images/acd-landingpage/greytexture-1.png");
}
.pricing-plan {
  transition: all 0.7s;
}
.pricing-plan.height-max,
.pricing-plan.height-large {
  padding-top: 35px;
}
.pricing-plan.height-max.width-small,
.pricing-plan.height-large.width-small {
  padding-top: 25px;
}
.pricing-plan.height-max.width-mobile,
.pricing-plan.height-large.width-mobile {
  padding-top: 5px;
}
.pricing-plan.height-medium {
  padding-top: 25px;
}
.pricing-plan.height-medium.width-mobile {
  padding-top: 5px;
}
.pricing-plan.height-small {
  padding-top: 15px;
}
.pricing-plan.height-small.width-mobile {
  padding-top: 5px;
}
.pricing-plan.height-mobile {
  padding-top: 5px;
}
.pricing-plan .bordergroup {
  border: 1px solid #51b7e0;
  display: inline-flex;
  display: -webkit-inline-flex;
  box-sizing: content-box;
}
.pricing-plan .bordergroup.height-max,
.pricing-plan .bordergroup.height-large {
  height: 140px;
  width: 600px;
  margin-bottom: -15px;
}
.pricing-plan .bordergroup.height-max.width-small,
.pricing-plan .bordergroup.height-large.width-small {
  height: 112px;
  width: 480px;
  margin-bottom: -12px;
}
.pricing-plan .bordergroup.height-max.width-mobile,
.pricing-plan .bordergroup.height-large.width-mobile {
  height: 70px;
  width: 300px;
  margin-bottom: 0;
}
.pricing-plan .bordergroup.height-medium {
  height: 112px;
  width: 480px;
  margin-bottom: -12px;
}
.pricing-plan .bordergroup.height-medium.width-mobile {
  height: 70px;
  width: 300px;
  margin-bottom: 0;
}
.pricing-plan .bordergroup.height-small {
  height: 98px;
  width: 420px;
  margin-bottom: -5px;
}
.pricing-plan .bordergroup.height-small.width-mobile {
  height: 70px;
  width: 300px;
  margin-bottom: 0;
}
.pricing-plan .bordergroup.height-mobile {
  height: 70px;
  width: 300px;
  margin-bottom: 0;
}
.pricing-plan .col-one.height-max,
.pricing-plan .col-one.height-large {
  padding-top: 20px;
  padding-left: 50px;
  width: 235px;
}
.pricing-plan .col-one.height-max.width-small,
.pricing-plan .col-one.height-large.width-small {
  padding-top: 16px;
  padding-left: 40px;
  width: 188px;
}
.pricing-plan .col-one.height-max.width-mobile,
.pricing-plan .col-one.height-large.width-mobile {
  padding-top: 10px;
  padding-left: 25px;
  width: 117.5px;
}
.pricing-plan .col-one.height-medium {
  padding-top: 16px;
  padding-left: 40px;
  width: 188px;
}
.pricing-plan .col-one.height-medium.width-mobile {
  padding-top: 10px;
  padding-left: 25px;
  width: 117.5px;
}
.pricing-plan .col-one.height-small {
  padding-top: 14px;
  padding-left: 35px;
  width: 164.5px;
}
.pricing-plan .col-one.height-small.width-mobile {
  padding-top: 10px;
  padding-left: 25px;
  width: 117.5px;
}
.pricing-plan .col-one.height-mobile {
  padding-top: 10px;
  padding-left: 25px;
  width: 117.5px;
}
.pricing-plan .col-two.two-list.height-max,
.pricing-plan .col-two.two-list.height-large {
  padding-top: 25px;
}
.pricing-plan .col-two.two-list.height-max.width-small,
.pricing-plan .col-two.two-list.height-large.width-small {
  padding-top: 20px;
}
.pricing-plan .col-two.two-list.height-max.width-mobile,
.pricing-plan .col-two.two-list.height-large.width-mobile {
  padding-top: 0;
}
.pricing-plan .col-two.two-list.height-medium {
  padding-top: 20px;
}
.pricing-plan .col-two.two-list.height-medium.width-mobile {
  padding-top: 0;
}
.pricing-plan .col-two.two-list.height-small {
  padding-top: 17.5px;
}
.pricing-plan .col-two.two-list.height-small.width-mobile {
  padding-top: 0;
}
.pricing-plan .col-two.two-list.height-mobile {
  padding-top: 0;
}
.pricing-plan .col-two.three-list.height-max,
.pricing-plan .col-two.three-list.height-large {
  padding-top: 10px;
}
.pricing-plan .col-two.three-list.height-max.width-small,
.pricing-plan .col-two.three-list.height-large.width-small {
  padding-top: 8px;
}
.pricing-plan .col-two.three-list.height-max.width-mobile,
.pricing-plan .col-two.three-list.height-large.width-mobile {
  padding-top: 0;
}
.pricing-plan .col-two.three-list.height-medium {
  padding-top: 8px;
}
.pricing-plan .col-two.three-list.height-medium.width-mobile {
  padding-top: 0;
}
.pricing-plan .col-two.three-list.height-small {
  padding-top: 7px;
}
.pricing-plan .col-two.three-list.height-small.width-mobile {
  padding-top: 0;
}
.pricing-plan .col-two.three-list.height-mobile {
  padding-top: 0;
}
.pricing-plan .plantitle {
  text-align: left;
  font-weight: 300;
}
.pricing-plan .plantitle img {
  vertical-align: middle;
  padding: 0;
  margin: -8px 8px 0 0;
}
.pricing-plan .plantitle img.height-max,
.pricing-plan .plantitle img.height-large {
  width: 40px;
  height: 40px;
}
.pricing-plan .plantitle img.height-max.width-small,
.pricing-plan .plantitle img.height-large.width-small {
  width: 32px;
  height: 32px;
}
.pricing-plan .plantitle img.height-max.width-mobile,
.pricing-plan .plantitle img.height-large.width-mobile {
  width: 20px;
  height: 20px;
}
.pricing-plan .plantitle img.height-medium {
  width: 32px;
  height: 32px;
}
.pricing-plan .plantitle img.height-medium.width-mobile {
  width: 20px;
  height: 20px;
}
.pricing-plan .plantitle img.height-small {
  width: 28px;
  height: 28px;
}
.pricing-plan .plantitle img.height-small.width-mobile {
  width: 20px;
  height: 20px;
}
.pricing-plan .plantitle img.height-mobile {
  width: 20px;
  height: 20px;
}
.pricing-plan .plantitle.height-max,
.pricing-plan .plantitle.height-large {
  padding-bottom: 15px;
  font-size: 32px;
}
.pricing-plan .plantitle.height-max.width-small,
.pricing-plan .plantitle.height-large.width-small {
  padding-bottom: 12px;
  font-size: 25.6px;
}
.pricing-plan .plantitle.height-max.width-mobile,
.pricing-plan .plantitle.height-large.width-mobile {
  padding-bottom: 7.5px;
  font-size: 16px;
}
.pricing-plan .plantitle.height-medium {
  padding-bottom: 12px;
  font-size: 25.6px;
}
.pricing-plan .plantitle.height-medium.width-mobile {
  padding-bottom: 7.5px;
  font-size: 16px;
}
.pricing-plan .plantitle.height-small {
  padding-bottom: 10.5px;
  font-size: 22.4px;
}
.pricing-plan .plantitle.height-small.width-mobile {
  padding-bottom: 7.5px;
  font-size: 16px;
}
.pricing-plan .plantitle.height-mobile {
  padding-bottom: 7.5px;
  font-size: 16px;
}
.pricing-plan .price-dollar {
  text-align: left;
  font-weight: 500;
}
.pricing-plan .price-dollar .cents-format {
  vertical-align: super;
  font-weight: 500;
}
.pricing-plan .price-dollar .cents-format.height-max,
.pricing-plan .price-dollar .cents-format.height-large {
  font-size: 18px;
}
.pricing-plan .price-dollar .cents-format.height-max.width-small,
.pricing-plan .price-dollar .cents-format.height-large.width-small {
  font-size: 14.4px;
}
.pricing-plan .price-dollar .cents-format.height-max.width-mobile,
.pricing-plan .price-dollar .cents-format.height-large.width-mobile {
  font-size: 9px;
}
.pricing-plan .price-dollar .cents-format.height-medium {
  font-size: 14.4px;
}
.pricing-plan .price-dollar .cents-format.height-medium.width-mobile {
  font-size: 9px;
}
.pricing-plan .price-dollar .cents-format.height-small {
  font-size: 12.6px;
}
.pricing-plan .price-dollar .cents-format.height-small.width-mobile {
  font-size: 9px;
}
.pricing-plan .price-dollar .cents-format.height-mobile {
  font-size: 9px;
}
.pricing-plan .price-dollar.height-max,
.pricing-plan .price-dollar.height-large {
  font-size: 32px;
}
.pricing-plan .price-dollar.height-max.width-small,
.pricing-plan .price-dollar.height-large.width-small {
  font-size: 25.6px;
}
.pricing-plan .price-dollar.height-max.width-mobile,
.pricing-plan .price-dollar.height-large.width-mobile {
  font-size: 16px;
}
.pricing-plan .price-dollar.height-medium {
  font-size: 25.6px;
}
.pricing-plan .price-dollar.height-medium.width-mobile {
  font-size: 16px;
}
.pricing-plan .price-dollar.height-small {
  font-size: 22.4px;
}
.pricing-plan .price-dollar.height-small.width-mobile {
  font-size: 16px;
}
.pricing-plan .price-dollar.height-mobile {
  font-size: 16px;
}
.pricing-plan .pointtext {
  text-align: left;
  font-weight: 500;
}
.pricing-plan .pointtext.height-max,
.pricing-plan .pointtext.height-large {
  font-size: 16px;
  padding-bottom: 10px;
  padding-left: 10px;
}
.pricing-plan .pointtext.height-max.width-small,
.pricing-plan .pointtext.height-large.width-small {
  font-size: 12.8px;
  padding-bottom: 8px;
  padding-left: 8px;
}
.pricing-plan .pointtext.height-max.width-mobile,
.pricing-plan .pointtext.height-large.width-mobile {
  font-size: 8px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.pricing-plan .pointtext.height-medium {
  font-size: 12.8px;
  padding-bottom: 8px;
  padding-left: 8px;
}
.pricing-plan .pointtext.height-medium.width-mobile {
  font-size: 8px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.pricing-plan .pointtext.height-small {
  font-size: 11.2px;
  padding-bottom: 7px;
  padding-left: 7px;
}
.pricing-plan .pointtext.height-small.width-mobile {
  font-size: 8px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.pricing-plan .pointtext.height-mobile {
  font-size: 8px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.pricing-plan ul {
  list-style-type: disc;
  margin-left: -10px;
}
.pricing-plan .monthlyterm {
  font-weight: 500;
}
.pricing-plan .monthlyterm.height-max,
.pricing-plan .monthlyterm.height-large {
  font-size: 14px;
}
.pricing-plan .monthlyterm.height-max.width-small,
.pricing-plan .monthlyterm.height-large.width-small {
  font-size: 11.2px;
}
.pricing-plan .monthlyterm.height-max.width-mobile,
.pricing-plan .monthlyterm.height-large.width-mobile {
  font-size: 7px;
}
.pricing-plan .monthlyterm.height-medium {
  font-size: 11.2px;
}
.pricing-plan .monthlyterm.height-medium.width-mobile {
  font-size: 7px;
}
.pricing-plan .monthlyterm.height-small {
  font-size: 9.8px;
}
.pricing-plan .monthlyterm.height-small.width-mobile {
  font-size: 7px;
}
.pricing-plan .monthlyterm.height-mobile {
  font-size: 7px;
}
.index-top-panel {
  vertical-align: middle;
  display: table-cell;
}
.index-top-panel .title {
  text-align: center;
  display: block;
  margin: 0 auto;
  font-weight: 500;
}
.index-top-panel .title.height-max,
.index-top-panel .title.height-large {
  font-size: 60px;
  transition: all 0.7s;
}
.index-top-panel .title.height-max.width-mobile,
.index-top-panel .title.height-large.width-mobile {
  font-size: 50px;
}
.index-top-panel .title.height-medium {
  font-size: 50px;
  transition: all 0.7s;
}
.index-top-panel .title.height-medium.width-mobile {
  font-size: 45px;
}
.index-top-panel .title.height-small {
  font-size: 35px;
  transition: all 0.7s;
}
.index-top-panel .title.height-mobile {
  margin-top: -30px;
  font-size: 30px;
  transition: all 0.7s;
}
.index-top-panel .title.height-mobile.width-mobile {
  margin-top: -20px;
}
.index-top-panel .subtitle {
  text-align: center;
  padding-top: 10px;
  font-weight: 300;
  display: block;
  margin: 0 auto;
}
.index-top-panel .subtitle.height-max,
.index-top-panel .subtitle.height-large {
  font-size: 30px;
  padding-bottom: 35px;
  transition: all 0.7s;
}
.index-top-panel .subtitle.height-max.width-mobile,
.index-top-panel .subtitle.height-large.width-mobile {
  font-size: 20px;
}
.index-top-panel .subtitle.height-medium {
  font-size: 25px;
  padding-bottom: 30px;
  transition: all 0.7s;
}
.index-top-panel .subtitle.height-medium.width-mobile {
  font-size: 20px;
  padding-bottom: 10px;
}
.index-top-panel .subtitle.height-small {
  font-size: 18px;
  padding-bottom: 20px;
  transition: all 0.7s;
}
.index-top-panel .subtitle.height-small.width-small {
  padding-bottom: 15px;
}
.index-top-panel .subtitle.height-small.width-mobile {
  padding-bottom: 0;
}
.index-top-panel .subtitle.height-mobile {
  font-size: 0;
  margin-top: -20px;
  transition: all 0.7s;
}
.index-top-panel .link-image.mobile,
.index-top-panel .link-image.small {
  display: none;
}
.index-top-panel .link-image.width-medium {
  display: table-cell;
  width: 350px;
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
}
.index-top-panel .link-image.width-medium.mac {
  background-image: url('/images/homepage-computer-mac-half.png');
}
.index-top-panel .link-image.width-medium.win {
  background-image: url('/images/homepage-computer-win-half.png');
}
.index-top-panel .link-image.width-large {
  display: table-cell;
  width: 50%;
  background-position: bottom;
  background-size: 571.2px 325.2px;
  background-repeat: no-repeat;
}
.index-top-panel .link-image.width-large.mac {
  background-image: url('/images/homepage-computer-mac-full.png');
}
.index-top-panel .link-image.width-large.win {
  background-image: url('/images/homepage-computer-win-full.png');
}
.index-top-panel .source-picker-container {
  margin: 0 auto;
}
.index-top-panel button {
  padding: 8px;
}
.index-top-panel .source-picker-title {
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  padding: 10px;
}
.index-top-panel .source-picker-title.width-small,
.index-top-panel .source-picker-title.width-mobile {
  font-size: 16px;
}
.index-top-panel .link-widget-cell {
  display: inline-block;
}
.index-top-panel .link-widget-container {
  display: inline-block;
  border: 1px solid #51b7e0;
  border-radius: 10px;
  margin: 1px 1px 11px 1px;
}
.index-top-panel .link-widget-container:hover {
  margin: 0 0 10px 0;
  border: 2px solid #51b7e0;
}
.index-top-panel .link-widget-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  position: relative;
  background-position: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 10px;
  display: inline-block;
  overflow: hidden;
}
.index-top-panel .link-widget-item.hover,
.index-top-panel .link-widget-item.selected {
  background-position: 0;
}
.index-top-panel .link-widget-item:after {
  content: ' ';
  width: 35px;
  height: 35px;
  position: absolute;
  left: 0;
  bottom: -35px;
  background-image: url("/images/check.png");
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.1s;
  -webkit-transition: all 0.1s;
}
.index-top-panel .link-widget-item.selected:after {
  left: 0;
  bottom: 0;
}
.index-top-panel .link-widget-item.selected.small:after {
  width: 20px;
  height: 20px;
}
.index-top-panel .link-widget-item.selected.medium:after {
  width: 25px;
  height: 25px;
}
.index-top-panel .link-pager-button {
  width: 16px;
  height: 16px;
  border: 1px solid #51b7e0;
  border-radius: 50%;
  margin: 0 10px 10px 10px;
  display: inline-block;
}
.index-top-panel .link-pager-button.active {
  background-color: #51b7e0;
  border: none;
}
.video-panel {
  position: relative;
  padding-bottom: 75px;
}
.video-panel .video-container {
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 80px;
  text-align: center;
}
.video-panel .video-container.height-medium {
  padding-top: 50px;
}
.video-panel .video-container.height-small {
  padding-top: 35px;
}
.video-panel .video-container.height-mobile {
  padding-top: 30px;
}
.video-panel .video-container .height-mobile .video-wrapper,
.video-panel .video-container .height-small .video-wrapper,
.video-panel .video-container .height-medium .video-wrapper,
.video-panel .video-container .width-small .video-wrapper,
.video-panel .video-container .width-mobile .video-wrapper {
  padding-top: 35px;
}
.video-panel .video-container .height-mobile .video-wrapper .controls,
.video-panel .video-container .height-small .video-wrapper .controls,
.video-panel .video-container .height-medium .video-wrapper .controls,
.video-panel .video-container .width-small .video-wrapper .controls,
.video-panel .video-container .width-mobile .video-wrapper .controls {
  padding-top: 35px;
}
.video-panel .video-container .height-mobile .video-wrapper .controls img,
.video-panel .video-container .height-small .video-wrapper .controls img,
.video-panel .video-container .height-medium .video-wrapper .controls img,
.video-panel .video-container .width-small .video-wrapper .controls img,
.video-panel .video-container .width-mobile .video-wrapper .controls img {
  width: 40px;
  height: 40px;
}
.video-panel .video-container .header {
  position: absolute;
  top: 0;
  width: 100%;
  height: 80px;
  line-height: 80px;
  color: #333333;
  font-size: 35px;
  font-weight: 300;
  transition: all 0.7s;
}
.video-panel .video-container .header.height-max,
.video-panel .video-container .header.height-large {
  font-size: 35px;
}
.video-panel .video-container .header.height-max.width-small,
.video-panel .video-container .header.height-large.width-small {
  font-size: 30px;
}
.video-panel .video-container .header.height-max.width-mobile,
.video-panel .video-container .header.height-large.width-mobile {
  font-size: 25px;
}
.video-panel .video-container .header.height-medium {
  height: 50px;
  line-height: 50px;
  font-size: 30px;
}
.video-panel .video-container .header.height-medium.width-mobile {
  font-size: 20px;
}
.video-panel .video-container .header.height-small {
  height: 35px;
  line-height: 35px;
  font-size: 25px;
}
.video-panel .video-container .header.height-small.width-mobile {
  font-size: 20px;
  padding-top: 5px;
}
.video-panel .video-container .header.height-mobile {
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  padding-top: 0;
}
.video-panel .video-container .video-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
  display: inline-block;
}
.video-panel .video-container .video-wrapper:before {
  content: " ";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.video-panel .video-container .video-wrapper video {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  outline: none;
  margin: 0 auto;
  display: inline-block;
}
.video-panel .video-container .video-wrapper video::-webkit-media-controls {
  display: none !important;
}
.video-panel .video-container .video-wrapper .controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 60px;
  display: table;
}
.video-panel .video-container .video-wrapper .controls .play-button-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.video-panel .video-container .video-wrapper .controls .play-button-wrapper:before {
  content: " ";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.video-panel .video-container .video-wrapper .controls .play-button-wrapper img {
  cursor: pointer;
  width: 80px;
  height: 80px;
  padding: 0;
}
.video-panel .video-container .video-wrapper .controls .play-button-wrapper img.hidden {
  visibility: hidden;
  cursor: default;
}
.video-panel .height-mobile .video-wrapper,
.video-panel .height-small .video-wrapper {
  padding-bottom: 0;
}
.video-panel .height-mobile .video-wrapper .controls .play-button-wrapper img,
.video-panel .height-small .video-wrapper .controls .play-button-wrapper img {
  width: 60px;
  height: 60px;
}
.video-panel .button-wrapper {
  position: absolute;
  bottom: 15px;
  width: 100%;
  padding: 10px 60px;
  text-align: center;
  font-size: 18px;
  transition: all 0.7s;
}
.video-panel .button-wrapper.height-max.width-mobile,
.video-panel .button-wrapper.height-large.width-mobile {
  font-size: 14px;
  padding: 8px 6px;
}
.video-panel .button-wrapper.height-medium {
  font-size: 16px;
  padding: 8px 50px;
}
.video-panel .button-wrapper.height-medium.width-mobile {
  font-size: 14px;
  padding: 8px 6px;
}
.video-panel .button-wrapper.height-small {
  font-size: 14px;
  padding: 4px 25px;
}
.video-panel .button-wrapper.height-mobile {
  font-size: 11px;
  padding: 2px 6px;
}
.video-page {
  text-align: center;
  position: relative;
  padding-top: 25px;
  padding-bottom: 25px;
}
.video-page video {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  outline: none;
  margin: 0 auto;
  display: inline-block;
}
.video-page video::-webkit-media-controls {
  display: none !important;
}
.video-page .video-controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 60px;
  display: table;
}
.video-page .video-controls .play-button-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.video-page .video-controls .play-button-wrapper:before {
  content: " ";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.video-page .video-controls .play-button-wrapper img {
  cursor: pointer;
  width: 80px;
  height: 80px;
  padding: 0;
}
.video-page .video-controls .play-button-wrapper img.hidden {
  visibility: hidden;
  cursor: default;
}
.video-page .video-controls .height-mobile img,
.video-page .video-controls .height-small img,
.video-page .video-controls .width-small img,
.video-page .video-controls .width-mobile img {
  width: 40px;
  height: 40px;
}
.video-page .video-controls .height-medium img,
.video-page .video-controls .width-small img,
.video-page .video-controls .width-mobile img {
  width: 40px;
  height: 40px;
}
.index-bottom-panel {
  position: relative;
  padding-top: 100px;
}
.index-bottom-panel .index-bottom-panel-header {
  font-weight: 300;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100px;
  background-color: #333;
  color: white;
  font-size: 30px;
  line-height: 100px;
  text-align: center;
}
.index-bottom-panel .index-bottom-panel-header .pink {
  color: #ff3399;
}
.index-bottom-panel .subtitle {
  font-size: 24px;
  font-weight: 300;
  text-align: center;
  padding: 10px;
}
.index-bottom-panel .index-bottom-panel-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  display: table;
}
.index-bottom-panel .index-bottom-panel-wrapper .index-bottom-panel-inner {
  display: table-cell;
  vertical-align: middle;
}
.index-bottom-panel .testimonials {
  max-width: 600px;
  margin: 20px auto;
  padding: 20px;
}
.index-bottom-panel .testimonial-wrapper {
  margin-bottom: 10px;
  min-height: 100px;
}
.index-bottom-panel .testimonial-wrapper .testimonial {
  position: relative;
}
.index-bottom-panel .testimonial-wrapper .testimonial .testimonial-image {
  position: absolute;
  top: 50%;
  width: 100px;
  height: 100px;
  margin-top: -100px/2;
}
.index-bottom-panel .testimonial-wrapper .testimonial .testimonial-quote {
  margin-left: 120px;
  min-height: 100px;
  display: block;
}
.index-bottom-panel .quotes-container {
  color: white;
  text-align: center;
  max-width: 960px;
  margin: 0 auto 20px auto;
}
.index-bottom-panel .quotes-container:before,
.index-bottom-panel .quotes-container:after {
  display: table;
  content: " ";
}
.index-bottom-panel .quotes-container:after {
  clear: both;
}
.index-bottom-panel .quotes-container .quote-container {
  float: left;
  width: 50%;
  margin: 0 auto;
}
.index-bottom-panel .quotes-container .quote-container .inner {
  max-width: 370px;
  margin: 0 auto;
}
.index-bottom-panel .quotes-container .quote-container .logo {
  margin-bottom: 10px;
}
.index-bottom-panel .quotes-container .quote-container .logo.techcrunch {
  width: 232px;
  height: 30px;
}
.index-bottom-panel .quotes-container .quote-container .logo.forbes {
  width: 120px;
  height: 30px;
}
.index-bottom-panel.height-medium,
.index-bottom-panel.height-small,
.index-bottom-panel.height-mobile,
.index-bottom-panel.width-mobile,
.index-bottom-panel.width-small {
  padding-top: 35px;
}
.index-bottom-panel.height-medium .subtitle,
.index-bottom-panel.height-small .subtitle,
.index-bottom-panel.height-mobile .subtitle,
.index-bottom-panel.width-mobile .subtitle,
.index-bottom-panel.width-small .subtitle {
  font-size: 16px;
  font-weight: bold;
}
.index-bottom-panel.height-medium .quotes-container,
.index-bottom-panel.height-small .quotes-container,
.index-bottom-panel.height-mobile .quotes-container,
.index-bottom-panel.width-mobile .quotes-container,
.index-bottom-panel.width-small .quotes-container {
  display: none;
}
.index-bottom-panel.height-medium .index-bottom-panel-header,
.index-bottom-panel.height-small .index-bottom-panel-header,
.index-bottom-panel.height-mobile .index-bottom-panel-header,
.index-bottom-panel.width-mobile .index-bottom-panel-header,
.index-bottom-panel.width-small .index-bottom-panel-header {
  height: 35px;
  line-height: 35px;
  font-size: 16px;
}
.index-bottom-panel.height-medium .testimonials,
.index-bottom-panel.height-small .testimonials,
.index-bottom-panel.height-mobile .testimonials,
.index-bottom-panel.width-mobile .testimonials,
.index-bottom-panel.width-small .testimonials {
  padding: 10px;
  margin: 0 auto;
}
.index-bottom-panel.height-medium .testimonial-wrapper,
.index-bottom-panel.height-small .testimonial-wrapper,
.index-bottom-panel.height-mobile .testimonial-wrapper,
.index-bottom-panel.width-mobile .testimonial-wrapper,
.index-bottom-panel.width-small .testimonial-wrapper {
  min-height: 50px;
}
.index-bottom-panel.height-medium .testimonial-wrapper .testimonial-image,
.index-bottom-panel.height-small .testimonial-wrapper .testimonial-image,
.index-bottom-panel.height-mobile .testimonial-wrapper .testimonial-image,
.index-bottom-panel.width-mobile .testimonial-wrapper .testimonial-image,
.index-bottom-panel.width-small .testimonial-wrapper .testimonial-image {
  width: 50px;
  height: 50px;
  margin-top: -50px/2;
}
.index-bottom-panel.height-medium .testimonial-wrapper .testimonial-quote,
.index-bottom-panel.height-small .testimonial-wrapper .testimonial-quote,
.index-bottom-panel.height-mobile .testimonial-wrapper .testimonial-quote,
.index-bottom-panel.width-mobile .testimonial-wrapper .testimonial-quote,
.index-bottom-panel.width-small .testimonial-wrapper .testimonial-quote {
  margin-left: 70px;
  min-height: 50px;
}
.index-bottom-panel.width-small .quotes-container {
  display: none;
}
.index-bottom-panel.width-mobile .testimonials .testimonial-wrapper .testimonial-image {
  display: none;
}
.index-bottom-panel.width-mobile .testimonials .testimonial-wrapper .testimonial-quote {
  margin-left: 0;
}
.index-bottom-panel.height-small .subtitle,
.index-bottom-panel.height-mobile .subtitle {
  display: none;
}
.auth-popover {
  padding-top: 30px;
}
.auth-popover .title {
  text-align: center;
  display: block;
  margin: 0 auto 20px;
  font-weight: 500;
  font-size: 32px;
}
.auth-popover .subtitle {
  text-align: center;
  display: block;
  margin: 10px auto 10px;
  font-size: 20px;
  font-weight: 300;
  padding-top: 0;
}
.auth-popover .subtitle .bold {
  font-weight: 700;
}
.auth-popover .helper {
  font-size: 14px;
  font-weight: 300;
  text-align: center;
}
.auth-popover .support-items {
  margin: 10px auto 0;
  font-weight: 300;
  text-align: center;
}
.auth-popover .support-items .bold {
  font-weight: normal;
}
.auth-popover .support-items ul {
  display: inline-block;
  text-align: left;
  margin: 10px auto;
  padding: 0;
  list-style-type: none;
}
.auth-popover .support-items li {
  margin: 10px auto;
}
.auth-popover .support-items li span {
  vertical-align: middle;
}
.auth-buttons {
  text-align: center;
}
.auth-button {
  font-size: 14px;
  position: relative;
  margin: 20px auto;
  width: 300px;
  border-radius: 5px;
  max-width: 80%;
  height: 55px;
  padding: 0;
  display: block;
}
.auth-button .image-wrapper {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  vertical-align: middle;
  text-align: center;
}
.auth-button .image-wrapper:before {
  content: " ";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.auth-button .image-wrapper img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  width: 34px;
  height: 34px;
}
.auth-button .label {
  text-align: left;
  display: block;
  vertical-align: middle;
  padding-left: 85px;
  padding-right: 30px;
}
.auth-button.facebook {
  background-color: #4862a1;
}
.auth-button.facebook img {
  margin-left: 25px;
  margin-right: 25px;
}
.auth-button.facebook:hover {
  background-color: #384d7e;
}
.auth-button.facebook:active {
  background-color: #28375b;
}
.auth-button.microsoft {
  background-color: #1BA1E2;
}
.auth-button.microsoft img {
  margin-left: 25px;
  margin-right: 25px;
}
.auth-button.microsoft:hover {
  background-color: #1681b4;
}
.auth-button.microsoft:active {
  background-color: #106087;
}
.auth-button.google {
  background-color: #dd4b39;
}
.auth-button.google img {
  margin-left: 25px;
  margin-right: 25px;
}
.auth-button.google:hover {
  background-color: #c23321;
}
.auth-button.google:active {
  background-color: #96271a;
}
.auth-button.amazon {
  background-color: #f6ca51;
  margin-bottom: 0;
}
.auth-button.amazon img {
  margin-left: 25px;
  margin-right: 25px;
}
.auth-button.amazon:hover {
  background-color: #f3bb21;
}
.auth-button.amazon:active {
  background-color: #d6a00b;
}
.auth-button.oxygen {
  background-color: #ff3399;
  margin-bottom: 0;
}
.auth-button.oxygen img {
  margin-left: 25px;
  margin-right: 25px;
}
.auth-button.oxygen:hover {
  background-color: #ff0080;
}
.auth-button.oxygen:active {
  background-color: #cc0066;
}
.auth-error-popover .title {
  text-align: center;
  display: block;
  margin: 0 auto 20px;
  font-size: 22px;
}
.auth-error-popover .button {
  text-align: center;
  display: block;
  margin: 20px auto 10px;
  color: #51b7e0;
  background-color: #ffffff;
  text-transform: none;
}
.intropricelarge-button-wrapper {
  width: 100%;
  text-align: center;
  transition: all 0.7s;
}
.intropricelarge-button-wrapper.height-max,
.intropricelarge-button-wrapper.height-large {
  font-size: 30px;
}
.intropricelarge-button-wrapper.height-max button,
.intropricelarge-button-wrapper.height-large button {
  padding: 20px 95px;
  border-radius: 38px;
}
.intropricelarge-button-wrapper.height-max.width-medium,
.intropricelarge-button-wrapper.height-large.width-medium {
  font-size: 24px;
}
.intropricelarge-button-wrapper.height-max.width-medium button,
.intropricelarge-button-wrapper.height-large.width-medium button {
  padding: 16px 76px;
  border-radius: 30.4px;
}
.intropricelarge-button-wrapper.height-max.width-small-sub-1,
.intropricelarge-button-wrapper.height-large.width-small-sub-1 {
  font-size: 10.6px;
}
.intropricelarge-button-wrapper.height-max.width-small-sub-1 button,
.intropricelarge-button-wrapper.height-large.width-small-sub-1 button {
  padding: 10.6px 50.35px;
  border-radius: 20.14px;
}
.intropricelarge-button-wrapper.height-max.width-small-sub-2,
.intropricelarge-button-wrapper.height-large.width-small-sub-2 {
  font-size: 14.5px;
}
.intropricelarge-button-wrapper.height-max.width-small-sub-2 button,
.intropricelarge-button-wrapper.height-large.width-small-sub-2 button {
  padding: 11.6px 55.1px;
  border-radius: 22.04px;
}
.intropricelarge-button-wrapper.height-max.width-small-sub-3,
.intropricelarge-button-wrapper.height-large.width-small-sub-3 {
  font-size: 17.5px;
}
.intropricelarge-button-wrapper.height-max.width-small-sub-3 button,
.intropricelarge-button-wrapper.height-large.width-small-sub-3 button {
  padding: 14px 66.5px;
  border-radius: 26.6px;
}
.intropricelarge-button-wrapper.height-max.width-mobile,
.intropricelarge-button-wrapper.height-large.width-mobile {
  font-size: 9px;
}
.intropricelarge-button-wrapper.height-max.width-mobile button,
.intropricelarge-button-wrapper.height-large.width-mobile button {
  padding: 7.5px 37.5px;
  border-radius: 19px;
}
.intropricelarge-button-wrapper.height-medium {
  font-size: 24px;
}
.intropricelarge-button-wrapper.height-medium button {
  padding: 16px 76px;
  border-radius: 30.4px;
}
.intropricelarge-button-wrapper.height-medium.width-small-sub-1 {
  font-size: 10.6px;
}
.intropricelarge-button-wrapper.height-medium.width-small-sub-1 button {
  padding: 10.6px 50.35px;
  border-radius: 20.14px;
}
.intropricelarge-button-wrapper.height-medium.width-small-sub-2 {
  font-size: 14.5px;
}
.intropricelarge-button-wrapper.height-medium.width-small-sub-2 button {
  padding: 11.6px 55.1px;
  border-radius: 22.04px;
}
.intropricelarge-button-wrapper.height-medium.width-small-sub-3 {
  font-size: 17.5px;
}
.intropricelarge-button-wrapper.height-medium.width-small-sub-3 button {
  padding: 14px 66.5px;
  border-radius: 26.6px;
}
.intropricelarge-button-wrapper.height-medium.width-mobile {
  font-size: 9px;
}
.intropricelarge-button-wrapper.height-medium.width-mobile button {
  padding: 7.5px 37.5px;
  border-radius: 19px;
}
.intropricelarge-button-wrapper.height-small {
  font-size: 17.5px;
}
.intropricelarge-button-wrapper.height-small button {
  padding: 14px 66.5px;
  border-radius: 26.6px;
}
.intropricelarge-button-wrapper.height-small.width-small-sub-1 {
  font-size: 10.6px;
}
.intropricelarge-button-wrapper.height-small.width-small-sub-1 button {
  padding: 10.6px 50.35px;
  border-radius: 20.14px;
}
.intropricelarge-button-wrapper.height-small.width-small-sub-2 {
  font-size: 14.5px;
}
.intropricelarge-button-wrapper.height-small.width-small-sub-2 button {
  padding: 11.6px 55.1px;
  border-radius: 22.04px;
}
.intropricelarge-button-wrapper.height-small.width-small-sub-3 {
  font-size: 17.5px;
}
.intropricelarge-button-wrapper.height-small.width-small-sub-3 button {
  padding: 14px 66.5px;
  border-radius: 26.6px;
}
.intropricelarge-button-wrapper.height-small.width-mobile {
  font-size: 9px;
}
.intropricelarge-button-wrapper.height-small.width-mobile button {
  padding: 7.5px 37.5px;
  border-radius: 19px;
}
.intropricelarge-button-wrapper.height-mobile {
  font-size: 12.5px;
}
.intropricelarge-button-wrapper.height-mobile button {
  padding: 10px 47.5px;
  border-radius: 19px;
}
.video-large-button-wrapper {
  width: 100%;
  text-align: center;
}
.video-large-button-wrapper button {
  background-color: #d6e8ec;
  color: #51b7e0;
  text-decoration: underline;
}
.video-large-button-wrapper.height-max,
.video-large-button-wrapper.height-large {
  font-size: 20px;
}
.video-large-button-wrapper.height-max button,
.video-large-button-wrapper.height-large button {
  padding: 30px 10px;
}
.video-large-button-wrapper.height-max.width-small-sub-1,
.video-large-button-wrapper.height-large.width-small-sub-1 {
  font-size: 9.54px;
}
.video-large-button-wrapper.height-max.width-small-sub-1 button,
.video-large-button-wrapper.height-large.width-small-sub-1 button {
  padding: 10.6px 5.3px;
}
.video-large-button-wrapper.height-max.width-small-sub-2,
.video-large-button-wrapper.height-large.width-small-sub-2 {
  font-size: 11.6px;
}
.video-large-button-wrapper.height-max.width-small-sub-2 button,
.video-large-button-wrapper.height-large.width-small-sub-2 button {
  padding: 17.4px 5.8px;
}
.video-large-button-wrapper.height-max.width-small-sub-3,
.video-large-button-wrapper.height-large.width-small-sub-3 {
  font-size: 14px;
}
.video-large-button-wrapper.height-max.width-small-sub-3 button,
.video-large-button-wrapper.height-large.width-small-sub-3 button {
  padding: 21px 7px;
}
.video-large-button-wrapper.height-max.width-mobile,
.video-large-button-wrapper.height-large.width-mobile {
  font-size: 9px;
}
.video-large-button-wrapper.height-max.width-mobile button,
.video-large-button-wrapper.height-large.width-mobile button {
  padding: 10px 5px;
}
.video-large-button-wrapper.height-medium {
  font-size: 16px;
}
.video-large-button-wrapper.height-medium button {
  padding: 24px 8px;
}
.video-large-button-wrapper.height-medium.width-small-sub-1 {
  font-size: 9.54px;
}
.video-large-button-wrapper.height-medium.width-small-sub-1 button {
  padding: 10.6px 5.3px;
}
.video-large-button-wrapper.height-medium.width-small-sub-2 {
  font-size: 11.6px;
}
.video-large-button-wrapper.height-medium.width-small-sub-2 button {
  padding: 17.4px 5.8px;
}
.video-large-button-wrapper.height-medium.width-small-sub-3 {
  font-size: 14px;
}
.video-large-button-wrapper.height-medium.width-small-sub-3 button {
  padding: 21px 7px;
}
.video-large-button-wrapper.height-medium.width-mobile {
  font-size: 9px;
}
.video-large-button-wrapper.height-medium.width-mobile button {
  padding: 10px 5px;
}
.video-large-button-wrapper.height-small {
  font-size: 14px;
}
.video-large-button-wrapper.height-small button {
  padding: 21px 7px;
}
.video-large-button-wrapper.height-small.width-small-sub-1 {
  font-size: 9.54px;
}
.video-large-button-wrapper.height-small.width-small-sub-1 button {
  padding: 10.6px 5.3px;
}
.video-large-button-wrapper.height-small.width-small-sub-2 {
  font-size: 11.6px;
}
.video-large-button-wrapper.height-small.width-small-sub-2 button {
  padding: 17.4px 5.8px;
}
.video-large-button-wrapper.height-small.width-small-sub-3 {
  font-size: 14px;
}
.video-large-button-wrapper.height-small.width-small-sub-3 button {
  padding: 21px 7px;
}
.video-large-button-wrapper.height-small.width-mobile {
  font-size: 9px;
}
.video-large-button-wrapper.height-small.width-mobile button {
  padding: 10px 5px;
}
.video-large-button-wrapper.height-mobile {
  font-size: 9.5px;
}
.video-large-button-wrapper.height-mobile button {
  padding: 15px 2.5px;
}
.index-base-panel-autosize {
  position: relative;
  text-align: center;
  color: #333333;
}
.index-base-panel-autosize .autobox-inline-flex {
  display: inline-flex;
  display: -webkit-inline-flex;
}
.index-base-panel-autosize .focus-title {
  font-weight: 300;
  transition: all 0.7s;
}
.index-base-panel-autosize .sub-title {
  font-weight: 300;
  transition: all 0.7s;
}
.index-twitter-autosize-panel {
  position: relative;
  text-align: center;
  background-color: #d6e8ec;
}
.index-twitter-autosize-panel .twitter-elements {
  display: inline-flex;
  display: -webkit-inline-flex;
}
.index-twitter-autosize-panel .twitter-created-item {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.index-twitter-autosize-panel .focus-title {
  color: #333333;
  font-weight: 300;
}
.index-twitter-autosize-panel .twitter-link {
  text-transform: none;
  text-decoration: underline;
  color: #51b7e0;
}
.index-base-panel-pricing {
  position: relative;
  text-align: center;
  color: #333333;
  transition: all 0.7s;
}
.index-base-panel-pricing .autobox-inline-flex {
  display: inline-flex;
  display: -webkit-inline-flex;
}
.index-base-panel-pricing .autobox-inline-table {
  display: inline-table;
}
.index-base-panel-pricing .autobox-inline-block {
  display: inline-table;
}
.index-base-panel-pricing .page-focus-title {
  font-weight: 300;
}
.index-base-panel-pricing .free-focus-title {
  font-weight: 500;
  color: #51b7e0;
}
.index-base-panel-pricing .free-sub-title {
  font-weight: 300;
  color: #51b7e0;
}
.index-base-panel-pricing .pro-focus-title {
  font-weight: 500;
  color: #16c0a2;
}
.index-base-panel-pricing .pro-sub-title {
  font-weight: 300;
  color: #16c0a2;
}
.index-base-panel-pricing .pro-price-title {
  font-weight: 500;
  color: #16c0a2;
}
.index-base-panel-pricing .feature-title {
  font-weight: 500;
  vertical-align: top;
}
.index-base-panel-pricing .feature-line {
  background-image: url("/images/index-pages/free-checkbadge-blue-50.png");
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  text-align: left;
}
.index-base-panel-pricing .feature-line-green {
  background-image: url("/images/index-pages/pro-checkbadge-green-50.png");
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  text-align: left;
}
.index-base-panel-pricing .feature-line-italic {
  text-align: left;
  font-style: italic;
}
.index-base-panel-pricing .center-table table {
  table-layout: fixed;
  width: 100%;
}
.index-base-panel-pricing .center-table .center-div {
  width: auto;
}
.index-base-panel-pricing .padding-table {
  text-align: left;
}
.index-base-panel-pricing .padding-table table {
  table-layout: auto;
}
.index-base-panel-pricing .button-current-plan button {
  border: 1px solid #51b7e0;
  background-color: #ffffff;
  color: #51b7e0;
}
.index-base-panel-pricing .button-current-plan-green button {
  border: 1px solid #16c0a2;
  background-color: #ffffff;
  color: #16c0a2;
}
.index-base-panel-pricing .button-pro-upgrade button {
  background-color: #16c0a2;
}
.index-base-panel-pricing .button-pro-monthly-upgrade button {
  background-color: #ffffff;
  color: #16c0a2;
  text-decoration: underline;
  text-transform: none;
}
.index-base-panel-pricing .footer-title {
  vertical-align: text-top;
}
.index-page-6 {
  background-color: #d6e8ec;
  background-image: url("/images/index-pages/computer-wBookshelf-6-1500w.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.index-page-6.macClient {
  background-image: url("/images/index-pages/computer-wBookshelf-6-1500w.png");
}
.index-page-6.windowsClient {
  background-image: url("/images/index-pages/computer-wBookshelf-7-1500w-windows.png");
}
.index-page-6 .center-div {
  width: auto;
}
.index-page-6 table {
  table-layout: fixed;
  width: 100%;
}
.index-page-6 .focus-title {
  text-align: center;
  color: #333333;
  font-weight: 500;
}
.index-page-6 .sub-title {
  text-align: center;
  color: #333333;
  font-weight: 300;
}
.index-page-6 .video-button button {
  background-color: #d6e8ec;
  text-decoration: underline;
  color: #51b7e0;
}
.about-top-panel {
  display: table;
  width: 100%;
  height: 100%;
}
.about-top-panel .about-top-panel-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.about-top-panel .about-top-panel-inner .title {
  font-size: 35px;
  font-weight: 300;
}
.about-top-panel .about-top-panel-inner .link-boxes {
  text-align: center;
  margin-top: 30px;
}
.about-top-panel .about-top-panel-inner .link-boxes > div {
  cursor: pointer;
  font-size: 20px;
  font-weight: 300;
  margin: 50px 60px;
  padding: 25px 40px;
  display: inline-block;
  border: 1px solid #333;
}
.about-top-panel .about-top-panel-inner .link-boxes > div:hover {
  border-color: #51b7e0;
  color: #51b7e0;
}
.about-top-panel.width-small .link-boxes > div,
.about-top-panel.height-small .link-boxes > div {
  font-size: 18px;
  margin: 30px;
  padding: 20px;
}
.about-top-panel.width-mobile .title,
.about-top-panel.height-mobile .title {
  font-size: 24px;
}
.about-top-panel.width-mobile .link-boxes > div,
.about-top-panel.height-mobile .link-boxes > div {
  font-size: 16px;
  margin: 15px;
  padding: 10px;
}
.about-team-panel {
  display: table;
  width: 100%;
  height: 100%;
}
.about-team-panel .about-team-panel-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.about-team-panel .about-team-panel-inner .title {
  font-size: 35px;
  font-weight: 300;
  margin-bottom: 30px;
}
.about-team-panel .about-team-panel-inner .group {
  display: inline-block;
}
.about-team-panel .about-team-panel-inner .person {
  display: inline-block;
  margin: 10px;
}
.about-team-panel .about-team-panel-inner .person .position {
  font-size: 14px;
  padding: 5px 0;
}
.about-team-panel .about-team-panel-inner .person > img {
  width: 80px;
  height: 80px;
}
.about-team-panel .about-team-panel-inner .normal-people .person {
  margin: 17px;
}
.about-team-panel .about-team-panel-inner .special-people .person > img {
  width: 130px;
  height: 130px;
}
.about-team-panel.width-mobile .normal-people,
.about-team-panel.width-small .normal-people,
.about-team-panel.height-mobile .normal-people,
.about-team-panel.height-small .normal-people,
.about-team-panel.height-medium .normal-people {
  display: none;
}
.about-team-panel.width-mobile .special-people .person > img,
.about-team-panel.width-small .special-people .person > img,
.about-team-panel.height-mobile .special-people .person > img,
.about-team-panel.height-small .special-people .person > img,
.about-team-panel.height-medium .special-people .person > img {
  width: 85px;
  height: 85px;
}
.about-team-panel.width-mobile .special-people .person.peter,
.about-team-panel.width-small .special-people .person.peter,
.about-team-panel.height-mobile .special-people .person.peter,
.about-team-panel.height-small .special-people .person.peter,
.about-team-panel.height-medium .special-people .person.peter {
  display: block;
}
.about-team-panel.width-mobile .special-people .person.peter > img,
.about-team-panel.width-small .special-people .person.peter > img,
.about-team-panel.height-mobile .special-people .person.peter > img,
.about-team-panel.height-small .special-people .person.peter > img,
.about-team-panel.height-medium .special-people .person.peter > img {
  width: 100px;
  height: 100px;
}
.about-team-panel.width-small.height-medium .title,
.about-team-panel.width-mobile .title,
.about-team-panel.height-mobile .title,
.about-team-panel.height-small .title {
  font-size: 24px;
  margin-bottom: 20px;
}
.about-team-panel.width-small.height-medium .special-people .person,
.about-team-panel.width-mobile .special-people .person,
.about-team-panel.height-mobile .special-people .person,
.about-team-panel.height-small .special-people .person {
  min-width: 105px;
  margin: 5px;
}
.about-team-panel.width-small.height-medium .special-people .person .position,
.about-team-panel.width-mobile .special-people .person .position,
.about-team-panel.height-mobile .special-people .person .position,
.about-team-panel.height-small .special-people .person .position {
  display: none;
}
.about-team-panel.width-mobile .special-people .person > img,
.about-team-panel.height-mobile .special-people .person > img {
  width: 50px;
  height: 50px;
}
.about-team-panel.width-mobile .special-people .person.peter > img,
.about-team-panel.height-mobile .special-people .person.peter > img {
  width: 60px;
  height: 60px;
}
.about-team-panel.width-mobile .group {
  display: block;
}
.about-jobs-panel {
  display: table;
  width: 100%;
  height: 100%;
}
.about-jobs-panel .about-jobs-panel-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.about-jobs-panel .about-jobs-panel-inner .title {
  font-size: 35px;
  font-weight: 300;
  margin-bottom: 30px;
}
.about-jobs-panel .about-jobs-panel-inner .subtitle {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 30px;
}
.about-jobs-panel .about-jobs-panel-inner .banner {
  width: 100%;
  max-width: 1000px;
  margin-bottom: 30px;
}
.about-jobs-panel.width-mobile .title,
.about-jobs-panel.height-mobile .title,
.about-jobs-panel.height-small .title,
.about-jobs-panel.height-medium .title {
  font-size: 24px;
  margin-bottom: 10px;
}
.about-jobs-panel.width-mobile .subtitle,
.about-jobs-panel.height-mobile .subtitle,
.about-jobs-panel.height-small .subtitle,
.about-jobs-panel.height-medium .subtitle {
  display: none;
}
.about-jobs-panel.width-mobile .banner,
.about-jobs-panel.height-mobile .banner,
.about-jobs-panel.height-small .banner,
.about-jobs-panel.height-medium .banner {
  max-width: 600px;
  margin-bottom: 10px;
}
.about-contact-panel {
  display: table;
  width: 100%;
  height: 100%;
}
.about-contact-panel .about-contact-panel-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.about-contact-panel .about-contact-panel-inner .title {
  font-size: 35px;
  font-weight: 300;
  margin-bottom: 10px;
}
.about-contact-panel .about-contact-panel-inner .subtitle {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 10px;
}
.about-contact-panel .about-contact-panel-inner .map-container {
  position: relative;
  display: inline-block;
}
.about-contact-panel .about-contact-panel-inner .map-container .address {
  position: absolute;
  top: 5%;
  left: 45%;
  width: 300px;
  text-align: left;
}
.about-contact-panel .about-contact-panel-inner .map-container .address .pink {
  color: #ff3399;
}
.about-contact-panel .about-contact-panel-inner button {
  margin-top: 10px;
}
.about-contact-panel.width-mobile .title,
.about-contact-panel.height-mobile .title,
.about-contact-panel.height-small .title {
  font-size: 24px;
}
.about-contact-panel.width-mobile .subtitle,
.about-contact-panel.height-mobile .subtitle,
.about-contact-panel.height-small .subtitle {
  font-size: 14px;
}
.about-contact-panel.width-mobile .map,
.about-contact-panel.height-mobile .map,
.about-contact-panel.height-small .map {
  height: 150px;
}
.about-contact-panel.width-mobile .address,
.about-contact-panel.height-mobile .address,
.about-contact-panel.height-small .address {
  font-size: 12px;
}
.about-contact-panel.width-mobile .subtitle,
.about-contact-panel.height-mobile .subtitle,
.about-contact-panel.height-small .subtitle {
  display: none;
}
.about-contact-panel.height-medium .map {
  height: 200px;
}
.forum-page {
  position: relative;
}
.forum-page .forum-container {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
}
.forum-page .forum-container.height-max {
  padding-top: 105px;
  transition: all 0.7s;
}
.forum-page .forum-container.height-large {
  padding-top: 80px;
  transition: all 0.7s;
}
.forum-page .forum-container.height-medium {
  padding-top: 50px;
}
.forum-page .forum-container.height-small {
  padding-top: 35px;
}
.forum-page .forum-container.height-mobile {
  padding-top: 30px;
}
.forum-page .forum-container .header {
  position: absolute;
  top: 0;
  width: 100%;
  height: 80px;
  line-height: 80px;
  color: #333333;
  font-size: 35px;
  font-weight: 300;
  transition: all 0.7s;
}
.forum-page .forum-container .header.height-max,
.forum-page .forum-container .header.height-large {
  font-size: 35px;
}
.forum-page .forum-container .header.height-max.width-small,
.forum-page .forum-container .header.height-large.width-small {
  font-size: 30px;
}
.forum-page .forum-container .header.height-max.width-mobile,
.forum-page .forum-container .header.height-large.width-mobile {
  font-size: 25px;
}
.forum-page .forum-container .header.height-medium {
  height: 50px;
  line-height: 50px;
  font-size: 30px;
}
.forum-page .forum-container .header.height-medium.width-mobile {
  font-size: 20px;
}
.forum-page .forum-container .header.height-small {
  height: 35px;
  line-height: 35px;
  font-size: 25px;
}
.forum-page .forum-container .header.height-small.width-mobile {
  font-size: 20px;
  padding-top: 5px;
}
.forum-page .forum-container .header.height-mobile {
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  padding-top: 0;
}
.forum-page .forum-container .muut-div {
  height: 100%;
  width: auto;
  text-align: left;
}
.careers-top-panel {
  display: table;
  width: 100%;
  height: 100%;
}
.careers-top-panel .careers-top-panel-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.careers-top-panel .careers-top-panel-inner .title {
  font-size: 35px;
  font-weight: 300;
}
.careers-top-panel .careers-top-panel-inner .subtitle {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 50px;
}
.careers-top-panel .careers-top-panel-inner .link-boxes {
  text-align: center;
  margin: 0 10px;
}
.careers-top-panel .careers-top-panel-inner .link-boxes .subgroup {
  display: inline-block;
  margin-top: 40px;
}
.careers-top-panel .careers-top-panel-inner .link-boxes .link-box {
  cursor: pointer;
  width: 160px;
  font-size: 20px;
  font-weight: 300;
  margin: 0 35px;
  padding: 20px;
  display: inline-block;
  border: 1px solid #333;
}
.careers-top-panel .careers-top-panel-inner .link-boxes .link-box:hover {
  border-color: #51b7e0;
  color: #51b7e0;
}
.careers-top-panel.height-medium .link-boxes .subgroup {
  margin-top: 30px;
}
.careers-top-panel.width-mobile .link-boxes .subgroup,
.careers-top-panel.width-small .link-boxes .subgroup,
.careers-top-panel.height-mobile .link-boxes .subgroup,
.careers-top-panel.height-small .link-boxes .subgroup {
  margin-top: 20px;
}
.careers-top-panel.width-mobile .title,
.careers-top-panel.width-small .title,
.careers-top-panel.height-mobile .title,
.careers-top-panel.height-small .title {
  font-size: 24px;
}
.careers-top-panel.width-mobile .link-boxes .link-box,
.careers-top-panel.width-small .link-boxes .link-box,
.careers-top-panel.height-mobile .link-boxes .link-box,
.careers-top-panel.height-small .link-boxes .link-box {
  font-size: 16px;
  width: 110px;
  margin: 0 5px;
  padding: 5px;
}
.careers-top-panel.width-mobile .subtitle,
.careers-top-panel.width-small .subtitle,
.careers-top-panel.height-mobile .subtitle,
.careers-top-panel.height-small .subtitle {
  display: none;
}
.careers-top-panel.width-mobile .link-boxes .subgroup {
  display: block;
}
.careers-top-panel.width-mobile .link-boxes .link-box,
.careers-top-panel.height-mobile .link-boxes .link-box {
  font-size: 14px;
  width: 95px;
}
.careers-top-panel.width-mobile .subtitle,
.careers-top-panel.height-mobile .subtitle {
  display: none;
}
.careers-department-panel {
  display: table;
  width: 100%;
  height: 100%;
}
.careers-department-panel .careers-department-panel-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.careers-department-panel .careers-department-panel-inner .title {
  font-size: 35px;
  font-weight: 300;
  margin-bottom: 30px;
}
.careers-department-panel .careers-department-panel-inner .banner {
  width: 100%;
  max-width: 1000px;
  margin-bottom: 30px;
}
.careers-department-panel .careers-department-panel-inner .info {
  max-width: 1000px;
  margin: 0 auto;
  font-weight: 300;
}
.careers-department-panel .careers-department-panel-inner .department-info {
  display: inline-block;
  vertical-align: top;
  width: 60%;
  text-align: center;
}
.careers-department-panel .careers-department-panel-inner .department-info .department-info-inner {
  vertical-align: top;
  max-width: 500px;
  display: inline-block;
  text-align: left;
}
.careers-department-panel .careers-department-panel-inner .available-positions {
  display: inline-block;
  width: 40%;
  text-align: center;
}
.careers-department-panel .careers-department-panel-inner .available-positions ul {
  list-style: none;
  padding: 0;
}
.careers-department-panel .careers-department-panel-inner .available-positions li:before {
  content: "– ";
}
.careers-department-panel .careers-department-panel-inner .available-positions .available-positions-inner {
  max-width: 500px;
  display: inline-block;
  text-align: left;
}
.careers-department-panel.width-mobile .title,
.careers-department-panel.width-small .title,
.careers-department-panel.height-mobile .title,
.careers-department-panel.height-small .title {
  font-size: 24px;
  margin-bottom: 10px;
}
.careers-department-panel.width-mobile .banner,
.careers-department-panel.width-small .banner,
.careers-department-panel.height-mobile .banner,
.careers-department-panel.height-small .banner,
.careers-department-panel.width-mobile .info,
.careers-department-panel.width-small .info,
.careers-department-panel.height-mobile .info,
.careers-department-panel.height-small .info {
  max-width: 600px;
  margin-bottom: 10px;
}
.careers-department-panel.height-mobile .banner {
  display: none;
}
.careers-department-panel.width-small .department-info,
.careers-department-panel.width-mobile .department-info {
  width: 0;
  display: none;
}
.careers-department-panel.width-small .available-positions,
.careers-department-panel.width-mobile .available-positions {
  width: 100%;
}
.careers-job-position-popover .title {
  text-align: center;
  display: block;
  margin: 60px auto 20px;
  font-weight: 500;
  font-size: 32px;
}
.careers-job-position-popover .body {
  text-align: left;
  display: block;
  margin: 10px auto 10px auto;
  font-weight: 300;
  padding-top: 0px;
  max-width: 600px;
}
.web-browser-page .page-layout {
  margin-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
}
.web-browser-page .page-layout .center-div {
  width: auto;
}
.web-browser-page .page-layout .center-div .webapp-page-title {
  font-size: 28px;
  font-weight: 300;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: 1px;
}
.web-browser-page table {
  table-layout: fixed;
  width: 100%;
}
.bread-crumb {
  padding: 0;
  margin: 0 0 10px 3px;
  margin-bottom: 20px;
}
.bread-crumb .homeicon {
  width: 15px;
  height: 15px;
  background-image: url('/images/browserimg-black-blue.png');
  background-size: 30px 15px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.bread-crumb .homeiconblue {
  width: 15px;
  height: 15px;
  background-image: url('/images/browserimg-black-blue.png');
  background-size: 30px 15px;
  background-repeat: no-repeat;
  background-position: -15px 0px;
}
.bread-crumb li {
  display: inline;
  font-size: 14px;
}
.bread-crumb li:after {
  content: url("/images/browser-icons/icon-breadcrumb-grey.png");
  padding-left: 5px;
  vertical-align: middle;
}
.bread-crumb li:last-child:after {
  content: '';
}
.bread-crumb .bread-text {
  color: #51b7e0;
}
.bread-crumb .bread-text:active {
  color: #aaaaaa;
}
.browser-navigationbar {
  padding-bottom: 15px;
  border-bottom: 1px solid #cccccc;
}
.browser-navigationbar:before,
.browser-navigationbar:after {
  display: table;
  content: " ";
}
.browser-navigationbar:after {
  clear: both;
}
.browser-navigationbar .item {
  position: relative;
  float: left;
  margin: 0 10px 0 -4px;
}
.browser-navigationbar .item img {
  vertical-align: middle;
}
.browser-navigationbar .item.large span {
  color: #51b7e0;
  line-height: 35px;
  vertical-align: middle;
  padding: 0 10px;
}
.browser-navigationbar .item.large img {
  width: 34px;
  height: 35px;
}
.browser-navigationbar .item.pull-right {
  float: right;
  margin: 0 0 0 10px;
}
.browser-navigationbar .item.large {
  margin: 0 40px 0 0;
}
.browser-navigationbar .item.large.pull-right {
  float: right;
  margin: 0 0 0 40px;
}
.browser-listview {
  color: #333333;
}
.browser-listview table {
  table-layout: fixed;
  width: 100%;
}
.browser-listview tr {
  cursor: pointer;
}
.browser-listview tr:hover {
  background-color: #f6f6f6;
}
.browser-listview tr.rowheading {
  background-color: #ffffff;
  cursor: default;
}
.browser-listview .heading {
  color: #bbb;
  padding-top: 5px;
}
.browser-listview .heading.name {
  height: 30px;
  text-align: left;
  width: 35px;
}
.browser-listview .heading.type-text {
  width: 150px;
  text-align: left;
}
.browser-listview .heading.visit-text {
  width: 50px;
  text-align: left;
}
.browser-listview .heading.account-name-text {
  width: 250px;
  text-align: left;
}
.browser-listview .heading.date-text {
  width: 150px;
  text-align: center;
}
.browser-listview .heading.size-text {
  width: 150px;
  text-align: center;
}
.browser-listview .heading.selection-spacing {
  width: 5px;
}
.browser-listview .account-name-text {
  width: 250px;
  text-align: left;
}
.browser-listview .type-text {
  width: 150px;
  text-align: left;
}
.browser-listview .date-text {
  width: 150px;
  text-align: center;
}
.browser-listview .size-text {
  width: 150px;
  text-align: center;
}
.browser-listview .name-text {
  padding-left: 10px;
  padding-right: 5px;
  width: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.browser-listview .name-text:active {
  color: #aaaaaa;
}
.browser-listview .selectable-icon {
  width: 40px;
  height: 35px;
}
.browser-listview .selectable-icon .imgdiv {
  position: relative;
  width: 40px;
  height: 35px;
  overflow: hidden;
}
.browser-listview .thumbnail {
  width: 35px;
  height: 35px;
  margin: 5px 0 5px 0;
  padding: 5px 0 5px 0;
}
.browser-listview .thumbnail .imgdiv {
  position: relative;
  width: 35px;
  height: 35px;
  overflow: hidden;
}
.browser-listview .selection-spacing {
  width: 5px;
}
.browser-listview .image-wrapper {
  position: relative;
  text-align: center;
  height: 45px;
}
.browser-listview .image-wrapper:before {
  height: 100%;
  content: " ";
  vertical-align: middle;
  display: inline-block;
}
.browser-listview .inline-edit-input {
  border: 1px solid #51b7e0;
  width: 90%;
  height: 100%;
  padding-left: 4px;
}
.browser-learnmore .spacer-learnmore-text {
  height: 40px;
}
.browser-learnmore .learnmore-text {
  color: #bbb;
  padding-left: 5px;
  padding-right: 5px;
  width: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
}
.browser-learnmore .learnmore-link {
  color: #51b7e0;
  padding-left: 5px;
  padding-top: 15px;
  padding-bottom: 20px;
  font-size: 16px;
}
.download-desktop-fullpage {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table;
  z-index: 0;
}
.download-desktop-fullpage .vertically-center {
  display: table-cell;
  vertical-align: middle;
}
.download-desktop-popover {
  text-align: center;
  max-height: 100%;
}
.download-desktop-popover .title {
  text-align: center;
  display: block;
  margin: 10px auto;
  font-size: 32px;
}
.download-desktop-popover .helper {
  font-size: 14px;
  text-align: center;
  margin: 10px auto;
}
.download-desktop-popover .walkthrough {
  margin: 0 auto;
}
.download-desktop-popover .walkthrough .walkthrough-image {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin: 20px 0 0 0;
  width: 205px;
}
.download-desktop-popover .walkthrough .walkthrough-image > img {
  width: 200px;
  border: 1px solid #cccccc;
}
.download-desktop-popover .platform-chooser {
  margin: 0 auto;
}
.download-desktop-popover .platform-chooser .platform {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin: 20px 0 0 0;
  width: 205px;
}
.download-desktop-popover .platform-chooser .platform > img {
  width: 200px;
  border: 1px solid #cccccc;
}
.browser-galleryfolderview .page-layout {
  margin-top: 10px;
  margin-bottom: 25px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
  font-weight: 500;
}
.browser-galleryfolderview .gallery-heading {
  margin-bottom: 10px;
}
.browser-galleryfolderview li {
  display: inline;
}
.browser-galleryfolderview .select-heading {
  font-size: 16px;
  color: #51b7e0;
  cursor: pointer;
}
.browser-galleryfolderview .select-heading:active {
  color: #aaaaaa;
}
.browser-galleryfolderview .static-heading {
  padding-left: 4px;
}
.browser-galleryfolderview .no-photos {
  font-size: 12px;
}
.browser-galleryfolderview.child-files-separator {
  padding: 10px 0 0 0;
}
.browser-galleryview {
  margin-top: 10px;
}
.browser-galleryview .page-layout {
  font-size: 14px;
}
.browser-galleryview .headings {
  text-align: left;
}
.browser-galleryview .image-row img {
  border: 1px solid #ffffff;
  border-bottom: 0;
  cursor: pointer;
}
.browser-galleryview .image-row img:hover {
  border: 3px solid #51b7e0;
}
.browser-galleryview .images-processing {
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  width: 200px;
  height: 150px;
  padding-top: 65px;
  border: 1px #aaaaaa solid;
}
.browser-galleryfooterbar .page-layout {
  margin-top: 10px;
  margin-left: 0;
  margin-right: 40px;
  margin-bottom: 0;
}
.browser-galleryfooterbar .page-layout::after {
  content: "";
  clear: both;
  display: block;
}
.browser-galleryfooterbar .left-bar {
  padding-right: 10px;
  float: left;
}
.browser-galleryfooterbar .right-bar {
  padding-left: 10px;
  padding-right: 10px;
  float: right;
}
.browser-galleryfooterbar img {
  height: 20px;
  cursor: pointer;
}
.weblink-error-popover .title {
  text-align: center;
  display: block;
  margin: 0 auto 40px;
  font-size: 32px;
  font-weight: 300;
}
.breadcrumb-icon-home {
  display: inline-block;
  width: 12px;
  height: 13px;
  background: url("/images/breadcrumb-icons/breadcrumb-home.png") no-repeat 100% 0;
  background-size: cover;
  overflow: hidden;
  margin-top: 35px;
  margin-left: 2px;
}
.breadcrumb-icon-home:hover {
  background-position: 0% 0px;
}
.breadcrumb-icon-home span {
  visibility: hidden;
}
.bc-icon-arrow {
  padding-left: 9px;
  width: 12px;
  padding: 0 1px;
  display: inline-block;
  margin: 0 3px;
}
.bc-icon-browser {
  padding-left: 9px;
  width: 15px;
  height: 15px;
  padding: 0 1px;
  display: inline-block;
}
.link-auth-error-popover .title {
  text-align: center;
  display: block;
  margin: 0 auto 40px;
  font-size: 32px;
  font-weight: 300;
}
.link-auth-error-popover .body {
  text-align: center;
  display: block;
  margin: 10px auto;
  max-width: 600px;
}
.link-auth-error-popover .buttons {
  text-align: center;
  padding: 20px;
}
.link-auth-error-popover .buttons button {
  display: block;
  margin: 20px auto;
}
.link-auth-error-popover .buttons button.secondary {
  background-color: transparent;
  color: #51b7e0;
}
.link-auth-success-popover .title {
  text-align: center;
  display: block;
  margin: 0 auto 40px;
  font-size: 32px;
  font-weight: 300;
}
.link-auth-verify-popover {
  text-align: center;
}
.link-auth-verify-popover .title {
  display: block;
  margin: 0 auto 40px;
  font-size: 32px;
  font-weight: 300;
}
.link-auth-verify-popover .subtitle {
  display: block;
  margin: 0 auto 40px;
  font-size: 24px;
  font-weight: 300;
}
.link-auth-verify-popover button {
  margin-bottom: 10px;
}
.link-auth-ofs-detail {
  text-align: center;
  margin-top: 40px;
}
.link-processing {
  margin-top: 150px;
  font-size: 36px;
  font-weight: 300;
  text-align: center;
}
.link-processing .focus-title {
  font-size: 36px;
  font-weight: 300;
}
.link-processing .error-message {
  font-size: 28px;
  font-weight: 300;
  padding-top: 40px;
}
.login-error-popover .title {
  text-align: center;
  display: block;
  margin: 0 auto 40px;
  font-size: 32px;
  font-weight: 300;
}
.login-error-popover .body {
  text-align: center;
  display: block;
  margin: 10px auto;
  max-width: 600px;
  white-space: pre-wrap;
}
.login-error-popover .buttons {
  text-align: center;
  padding: 20px;
}
.login-error-popover .buttons button {
  display: block;
  margin: 20px auto;
}
.login-error-popover .buttons button.secondary {
  background-color: transparent;
  color: #51b7e0;
}
.error-dialog .title {
  text-align: center;
  display: block;
  margin: 0 auto 20px;
  font-size: 32px;
  font-weight: 300;
}
.error-dialog .body {
  text-align: center;
  display: block;
  margin: 0 auto 0;
  font-size: 18px;
}
.error-dialog .footer {
  text-align: center;
  display: block;
  margin: 20px auto 0;
  font-size: 16px;
  font-weight: normal;
}
.oauth2-login-page {
  padding-top: 30px;
  max-width: 600px;
  margin: 0 auto;
}
.oauth2-login-page .title {
  text-align: center;
  display: block;
  margin: 0 auto 20px;
  font-weight: 500;
  font-size: 32px;
}
.oauth2-login-page .subtitle {
  text-align: center;
  display: block;
  margin: 10px auto 10px;
  font-size: 20px;
  font-weight: 300;
  padding-top: 0;
}
.oauth2-login-page .subtitle .client-logo {
  width: 50px;
  height: 50px;
  vertical-align: middle;
  margin-right: 10px;
}
.oauth2-login-page .subtitle .client-permissions {
  display: inline-block;
  vertical-align: middle;
}
.oauth2-login-page .helper {
  font-size: 14px;
  font-weight: 300;
  text-align: center;
}
.oauth2-login-page .cancel-button {
  margin: 20px auto 10px;
  font-weight: normal;
  text-align: center;
}
.oauth2-confirmation-page {
  padding-top: 30px;
  max-width: 600px;
  margin: 0 auto;
}
.oauth2-confirmation-page .oauth2-confirmation-request {
  text-align: center;
  display: block;
  margin: 10px auto 10px;
  font-size: 20px;
  font-weight: 300;
  padding-top: 0;
}
.oauth2-confirmation-page .oauth2-confirmation-request .client-logo {
  width: 50px;
  height: 50px;
  vertical-align: middle;
  margin-right: 10px;
}
.oauth2-confirmation-page .oauth2-confirmation-request .client-request {
  display: inline-block;
  vertical-align: middle;
}
.oauth2-confirmation-page .oauth2-confirmation-scopes .oauth2-confirmation-scope {
  display: block;
  margin: 10px auto;
  font-size: 20px;
  font-weight: 300;
}
.oauth2-confirmation-page button {
  display: block;
  margin-top: 10px;
}
/* From links.css Used in the ./modules/components/ModulePopover.jsx */
.module-popover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 5;
}
.module-popover .module-popover-inner {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}
.module-popover.vertically-center .module-popover-inner {
  overflow-y: hidden;
  text-align: center;
}
/* links.css the #linkform is changed to .inapplinkform here.  Used in the WebBrowserListViewPage.jsz */
.inapplinkform {
  width: 100%;
  margin: 0 auto;
  padding-top: 40px;
}
.inapplinkform .share-link-dialog-layout {
  padding: 40px;
  width: 500px;
  margin: 0 auto;
  background: #fff;
  color: #333;
  border-radius: 10px;
  text-align: center;
}
/* -- No border on mobile + full background --*/
.inapplinkform .title {
  color: #333;
  font-size: 22px;
  font-weight: 300;
  text-align: center;
  padding-bottom: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inapplinkform .share-link-dialog-layout .sub-title {
  color: #333;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  padding-bottom: 10px;
  width: 100%;
  margin-top: -10px;
}
.inapplinkform .sub-title {
  color: #333;
  font-size: 1.4rem;
  font-weight: 300;
  text-align: justify;
  padding-bottom: 10px;
  width: 100%;
  margin-top: -10px;
}
.inapplinkform .context {
  font-size: 11px;
  color: #aaa;
  margin: -8px;
  padding-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inapplinkform .error {
  font-size: 14px;
  color: red;
  padding: 0px 10px 20px 10px;
}
.inapplinkform .input-title {
  font-size: 12px;
  color: #999;
  padding-left: 10px;
  text-transform: uppercase;
  text-align: left;
  padding-bottom: 1px;
}
.inapplinkform .textarea-title {
  font-size: 12px;
  color: #999;
  padding-left: 10px;
  text-transform: uppercase;
  text-align: left;
  padding-bottom: 1px;
}
.inapplinkform .sharelink-field-title {
  color: #999;
  font-size: 12px;
  font-weight: 300;
  text-align: left;
  padding-bottom: 5px;
  padding-left: 10px;
  width: 100%;
}
.inapplinkform .sharelink-text-format {
  color: #333;
  font-size: 18px;
  font-weight: 300;
  text-align: left;
  padding-bottom: 20px;
  padding-left: 10px;
  width: 100%;
}
.inapplinkform .input-row {
  color: #333;
  background: #fff;
  font-size: 18px;
  display: block;
  margin-bottom: 20px;
  font-weight: 300;
}
.inapplinkform .input-checkbox-row {
  color: #333;
  background: #fff;
  font-size: 2rem;
  display: flex;
  margin-bottom: 20px;
  font-weight: 300;
}
.inapplinkform .input-row > input {
  border: solid 1px #ccc;
  width: 100%;
  height: 40px;
  font-weight: 300;
}
.inapplinkform .input-row input:focus {
  outline: none;
  border: solid 1px #45a0c4;
}
.inapplinkform .input-row .no-input-text-field {
  text-align: left;
  padding-left: 9px;
  width: 100%;
  font-weight: 300;
}
.inapplinkform .textarea-row {
  color: #333;
  background: #fff;
  font-size: 18px;
  display: block;
  margin-bottom: 20px;
  font-weight: 300;
}
.inapplinkform .textarea-row > textarea {
  border: solid 1px #ccc;
  width: 100%;
  font-weight: 300;
  height: 250px;
}
.inapplinkform .textarea-row textarea:focus {
  outline: none;
  border: solid 1px #45a0c4;
}
.inapplinkform .formbutton {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.inapplinkform .formbutton .disabled {
  opacity: 0.6;
}
.inapplinkform .formbutton .submitting {
  opacity: 0.6;
}
.inapplinkform .formbutton .button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 40px;
  padding: 0 18px;
  border-radius: 5px;
  border: none;
  color: #FFFFFF;
  background-color: #51b7e0;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  /*line-height: 4rem;*/
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
}
.inapplinkform .formbutton .button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.inapplinkform .formbutton .button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #ffffff;
  background-color: #4FC3EF;
  outline: 0;
}
.inapplinkform .formbutton .button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
  color: #dddddd;
  background-color: #0C8DBE;
  outline: 0;
}
.inapplinkform .select {
  width: 100%;
  color: #333;
  background: #fff;
  display: block;
  margin-bottom: 20px;
  font-weight: 300;
  position: relative;
}
.inapplinkform .select .label {
  font-size: 12px;
  color: #999;
  padding-left: 10px;
  text-transform: uppercase;
  text-align: left;
  padding-bottom: 1px;
  display: block;
}
.inapplinkform .select .current-value {
  color: #51b7e0;
  cursor: pointer;
  border: 1px solid #51b7e0;
  background-image: url("/images/browser-icons/icon-menuarrow-blue-20rpad.png");
  background-size: auto;
  background-position: right;
  background-repeat: no-repeat;
  text-align: left;
  font-weight: 300;
  padding: 10px 10px 10px 10px;
}
.inapplinkform .select .dropdown-menu.right {
  width: 100%;
}
.inapplinkform .select .dropdown-menu .menu-body {
  text-align: left;
}
.inapplinkform .cancel {
  text-align: center;
  padding-top: 20px;
  margin-bottom: 0px;
  cursor: pointer;
}
.inapplinkform .form-cancel {
  text-align: center;
  padding-top: 0px;
  margin-bottom: 0px;
  cursor: pointer;
}
/*
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 40px;
  padding: 0 18px;
  border-radius: 5px;
  border: none;
  color: #FFFFFF;
  background-color: #51b7e0;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: .1rem;
  text-transform: uppercase;
  overflow:hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box; }
*/
/* End from links.csss */
.share-weblink-popover .title {
  text-align: center;
  display: block;
  margin: 0 auto 35px;
  font-size: 32px;
  font-weight: 300;
}
.share-weblink-popover .label {
  text-align: left;
  display: block;
  margin: 0 auto 10px;
  width: 100%;
  max-width: 600px;
  padding-left: 10px;
}
.share-weblink-popover .footer {
  text-align: left;
  display: block;
  margin: 0 auto 20px;
  width: 100%;
  max-width: 600px;
  padding-left: 10px;
  color: #808080;
}
.share-weblink-popover .weblink-url {
  width: 100%;
  height: 40px;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.share-weblink-popover .weblink-url > input {
  padding: 10px 10px;
  width: 100%;
  outline: none;
  border: 1px solid #51b7e0;
}
.share-weblink-popover .select {
  text-align: left;
  display: block;
  position: relative;
  margin: 0 auto 20px;
  width: 100%;
  max-width: 285px;
}
.share-weblink-popover .select .label {
  margin: 0 auto 10px;
  padding-left: 10px;
}
.share-weblink-popover .select .current-value {
  width: 285px;
  height: 40px;
  color: #51b7e0;
  cursor: pointer;
  border: 1px solid #51b7e0;
  background-image: url("/images/browser-icons/icon-menuarrow-blue-20rpad.png");
  background-size: auto;
  background-position: right;
  background-repeat: no-repeat;
  text-align: left;
  font-size: 14px;
  padding: 10px 10px 10px 10px;
}
.share-weblink-popover .select .dropdown-menu .menu-item {
  padding-left: 10px;
  width: 285px;
}
.share-weblink-popover .edit-group {
  text-align: center;
}
.share-weblink-popover .edit-detail {
  display: inline-flex;
}
.share-weblink-popover .edit-form {
  margin-left: 30px;
}
.share-weblink-form-outer {
  text-align: center;
}
.share-weblink-form-outer .form-inner {
  max-width: 285px;
  width: 285px;
}
.share-weblink-form-outer .form-inner .form-header .title {
  font-size: 16px;
  margin: 0 auto 10px;
  text-align: left;
  font-weight: 500;
  padding-left: 10px;
}
.share-weblink-form-outer .form-inner .input {
  width: 100%;
  position: relative;
  border: 1px solid #51b7e0;
}
.share-weblink-form-outer .form-inner .input > input {
  padding: 9px 10px 10px 10px;
  width: 100%;
  outline: none;
  border: none;
}
.share-weblink-form-outer .form-inner .input.placeholder-active {
  color: darkgray;
}
.share-weblink-form-outer .form-inner .input.has-error > input {
  padding: 7px 40px 7px 10px;
}
.share-weblink-form-outer .form-inner .input.has-error:after {
  position: absolute;
  right: 10px;
  top: 7px;
  width: 20px;
  height: 20px;
  background-image: url('/images/form/error-icon.png');
  background-size: 20px 20px;
  content: '';
}
.share-weblink-form-outer .form-inner .field-description {
  position: absolute;
  text-align: left;
  top: 0;
  left: 100%;
  padding: 0 10px;
  width: 190px;
  font-size: 14px;
}
.share-weblink-form-outer .form-inner .field-description .label {
  line-height: 35px;
}
.share-weblink-form-outer .form-inner .field-description .detail {
  font-weight: 300;
  margin-top: 6px;
}
.share-weblink-password .title {
  text-align: center;
  display: block;
  margin: 0 auto 20px;
  font-size: 32px;
  font-weight: 300;
}
.share-weblink-password .label {
  text-align: left;
  display: block;
  margin: 0 auto 20px;
  width: 100%;
  max-width: 600px;
  padding-left: 10px;
}
.share-weblink-password .password-form .form-inner {
  max-width: 400px;
  width: 400px;
}
.share-weblink-password .password-form .form-inner .form-header .title {
  font-size: 16px;
  margin: 0;
  text-align: left;
  font-weight: 500;
  padding-left: 10px;
}
.share-weblink-password .password-form .form-inner .input {
  width: 100%;
  position: relative;
  border: 1px solid #51b7e0;
}
.share-weblink-password .password-form .form-inner .input > input {
  padding: 9px 10px 10px 10px;
  width: 100%;
  outline: none;
  border: none;
}
.share-weblink-password .password-form .form-inner .input.placeholder-active {
  color: darkgray;
}
.share-weblink-password .password-form .form-inner .input.has-error > input {
  padding: 7px 40px 7px 10px;
}
.share-weblink-password .password-form .form-inner .input.has-error:after {
  position: absolute;
  right: 10px;
  top: 7px;
  width: 20px;
  height: 20px;
  background-image: url('/images/form/error-icon.png');
  background-size: 20px 20px;
  content: '';
}
.share-weblink-password .password-form .form-inner .field-description {
  position: absolute;
  text-align: left;
  top: 0;
  left: 100%;
  padding: 0 10px;
  width: 190px;
  font-size: 14px;
}
.share-weblink-password .password-form .form-inner .field-description .label {
  line-height: 35px;
}
.share-weblink-password .password-form .form-inner .field-description .detail {
  font-weight: 300;
  margin-top: 6px;
}
.share-weblink-password .edit-group {
  text-align: center;
}
.share-weblink-password .edit-detail {
  display: inline-flex;
}
.share-weblink-password .edit-form {
  margin: 0 auto 65px;
}
.share-weblink-password .processing-imagebox {
  display: block;
  text-align: center;
  margin: 0 auto 18px;
  font-size: 12px;
  font-weight: 500;
}
.share-weblink-password .processing-imagebox img {
  width: 20px;
  height: 20px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.share-weblink-password .processing-imagebox img:before {
  height: 100%;
  content: " ";
  vertical-align: middle;
  display: inline-block;
}
.share-weblink-password .error-imagebox {
  display: block;
  text-align: center;
  vertical-align: text-top;
  margin: 0 auto 18px;
  font-size: 16px;
  font-weight: 500;
  color: #808080;
  height: 20px;
  width: 310px;
  background-image: url("/images/upload/error.png");
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
}
.emoji {
  background: url(/images/emoji.png) top left no-repeat;
  width: 20px;
  height: 20px;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
/* CSS for high-resolution devices (HiDPI), you can add this if you want it */
/*@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	.emoji {
        background-image: url(/images/emoji@2x.png);
        background-size: 140px 2440px;
	}
}*/
.emoji0 {
  background-position: 0 0;
}
.emoji1 {
  background-position: -20px 0;
}
.emoji2 {
  background-position: -40px 0;
}
.emoji3 {
  background-position: -60px 0;
}
.emoji4 {
  background-position: -80px 0;
}
.emoji5 {
  background-position: -100px 0;
}
.emoji6 {
  background-position: -120px 0;
}
.emoji7 {
  background-position: 0 -20px;
}
.emoji8 {
  background-position: -20px -20px;
}
.emoji9 {
  background-position: -40px -20px;
}
.emoji10 {
  background-position: -60px -20px;
}
.emoji11 {
  background-position: -80px -20px;
}
.emoji12 {
  background-position: -100px -20px;
}
.emoji13 {
  background-position: -120px -20px;
}
.emoji14 {
  background-position: 0 -40px;
}
.emoji15 {
  background-position: -20px -40px;
}
.emoji16 {
  background-position: -40px -40px;
}
.emoji17 {
  background-position: -60px -40px;
}
.emoji18 {
  background-position: -80px -40px;
}
.emoji19 {
  background-position: -100px -40px;
}
.emoji20 {
  background-position: -120px -40px;
}
.emoji21 {
  background-position: 0 -60px;
}
.emoji22 {
  background-position: -20px -60px;
}
.emoji23 {
  background-position: -40px -60px;
}
.emoji24 {
  background-position: -60px -60px;
}
.emoji25 {
  background-position: -80px -60px;
}
.emoji26 {
  background-position: -100px -60px;
}
.emoji27 {
  background-position: -120px -60px;
}
.emoji28 {
  background-position: 0 -80px;
}
.emoji29 {
  background-position: -20px -80px;
}
.emoji30 {
  background-position: -40px -80px;
}
.emoji31 {
  background-position: -60px -80px;
}
.emoji32 {
  background-position: -80px -80px;
}
.emoji33 {
  background-position: -100px -80px;
}
.emoji34 {
  background-position: -120px -80px;
}
.emoji35 {
  background-position: 0 -100px;
}
.emoji36 {
  background-position: -20px -100px;
}
.emoji37 {
  background-position: -40px -100px;
}
.emoji38 {
  background-position: -60px -100px;
}
.emoji39 {
  background-position: -80px -100px;
}
.emoji40 {
  background-position: -100px -100px;
}
.emoji41 {
  background-position: -120px -100px;
}
.emoji42 {
  background-position: 0 -120px;
}
.emoji43 {
  background-position: -20px -120px;
}
.emoji44 {
  background-position: -40px -120px;
}
.emoji45 {
  background-position: -60px -120px;
}
.emoji46 {
  background-position: -80px -120px;
}
.emoji47 {
  background-position: -100px -120px;
}
.emoji48 {
  background-position: -120px -120px;
}
.emoji49 {
  background-position: 0 -140px;
}
.emoji50 {
  background-position: -20px -140px;
}
.emoji51 {
  background-position: -40px -140px;
}
.emoji52 {
  background-position: -60px -140px;
}
.emoji53 {
  background-position: -80px -140px;
}
.emoji54 {
  background-position: -100px -140px;
}
.emoji55 {
  background-position: -120px -140px;
}
.emoji56 {
  background-position: 0 -160px;
}
.emoji57 {
  background-position: -20px -160px;
}
.emoji58 {
  background-position: -40px -160px;
}
.emoji59 {
  background-position: -60px -160px;
}
.emoji60 {
  background-position: -80px -160px;
}
.emoji61 {
  background-position: -100px -160px;
}
.emoji62 {
  background-position: -120px -160px;
}
.emoji63 {
  background-position: 0 -180px;
}
.emoji64 {
  background-position: -20px -180px;
}
.emoji65 {
  background-position: -40px -180px;
}
.emoji66 {
  background-position: -60px -180px;
}
.emoji67 {
  background-position: -80px -180px;
}
.emoji68 {
  background-position: -100px -180px;
}
.emoji69 {
  background-position: -120px -180px;
}
.emoji70 {
  background-position: 0 -200px;
}
.emoji71 {
  background-position: -20px -200px;
}
.emoji72 {
  background-position: -40px -200px;
}
.emoji73 {
  background-position: -60px -200px;
}
.emoji74 {
  background-position: -80px -200px;
}
.emoji75 {
  background-position: -100px -200px;
}
.emoji76 {
  background-position: -120px -200px;
}
.emoji77 {
  background-position: 0 -220px;
}
.emoji78 {
  background-position: -20px -220px;
}
.emoji79 {
  background-position: -40px -220px;
}
.emoji80 {
  background-position: -60px -220px;
}
.emoji81 {
  background-position: -80px -220px;
}
.emoji82 {
  background-position: -100px -220px;
}
.emoji83 {
  background-position: -120px -220px;
}
.emoji84 {
  background-position: 0 -240px;
}
.emoji85 {
  background-position: -20px -240px;
}
.emoji86 {
  background-position: -40px -240px;
}
.emoji87 {
  background-position: -60px -240px;
}
.emoji88 {
  background-position: -80px -240px;
}
.emoji89 {
  background-position: -100px -240px;
}
.emoji90 {
  background-position: -120px -240px;
}
.emoji91 {
  background-position: 0 -260px;
}
.emoji92 {
  background-position: -20px -260px;
}
.emoji93 {
  background-position: -40px -260px;
}
.emoji94 {
  background-position: -60px -260px;
}
.emoji95 {
  background-position: -80px -260px;
}
.emoji96 {
  background-position: -100px -260px;
}
.emoji97 {
  background-position: -120px -260px;
}
.emoji98 {
  background-position: 0 -280px;
}
.emoji99 {
  background-position: -20px -280px;
}
.emoji100 {
  background-position: -40px -280px;
}
.emoji101 {
  background-position: -60px -280px;
}
.emoji102 {
  background-position: -80px -280px;
}
.emoji103 {
  background-position: -100px -280px;
}
.emoji104 {
  background-position: -120px -280px;
}
.emoji105 {
  background-position: 0 -300px;
}
.emoji106 {
  background-position: -20px -300px;
}
.emoji107 {
  background-position: -40px -300px;
}
.emoji108 {
  background-position: -60px -300px;
}
.emoji109 {
  background-position: -80px -300px;
}
.emoji110 {
  background-position: -100px -300px;
}
.emoji111 {
  background-position: -120px -300px;
}
.emoji112 {
  background-position: 0 -320px;
}
.emoji113 {
  background-position: -20px -320px;
}
.emoji114 {
  background-position: -40px -320px;
}
.emoji115 {
  background-position: -60px -320px;
}
.emoji116 {
  background-position: -80px -320px;
}
.emoji117 {
  background-position: -100px -320px;
}
.emoji118 {
  background-position: -120px -320px;
}
.emoji119 {
  background-position: 0 -340px;
}
.emoji120 {
  background-position: -20px -340px;
}
.emoji121 {
  background-position: -40px -340px;
}
.emoji122 {
  background-position: -60px -340px;
}
.emoji123 {
  background-position: -80px -340px;
}
.emoji124 {
  background-position: -100px -340px;
}
.emoji125 {
  background-position: -120px -340px;
}
.emoji126 {
  background-position: 0 -360px;
}
.emoji127 {
  background-position: -20px -360px;
}
.emoji128 {
  background-position: -40px -360px;
}
.emoji129 {
  background-position: -60px -360px;
}
.emoji130 {
  background-position: -80px -360px;
}
.emoji131 {
  background-position: -100px -360px;
}
.emoji132 {
  background-position: -120px -360px;
}
.emoji133 {
  background-position: 0 -380px;
}
.emoji134 {
  background-position: -20px -380px;
}
.emoji135 {
  background-position: -40px -380px;
}
.emoji136 {
  background-position: -60px -380px;
}
.emoji137 {
  background-position: -80px -380px;
}
.emoji138 {
  background-position: -100px -380px;
}
.emoji139 {
  background-position: -120px -380px;
}
.emoji140 {
  background-position: 0 -400px;
}
.emoji141 {
  background-position: -20px -400px;
}
.emoji142 {
  background-position: -40px -400px;
}
.emoji143 {
  background-position: -60px -400px;
}
.emoji144 {
  background-position: -80px -400px;
}
.emoji145 {
  background-position: -100px -400px;
}
.emoji146 {
  background-position: -120px -400px;
}
.emoji147 {
  background-position: 0 -420px;
}
.emoji148 {
  background-position: -20px -420px;
}
.emoji149 {
  background-position: -40px -420px;
}
.emoji150 {
  background-position: -60px -420px;
}
.emoji151 {
  background-position: -80px -420px;
}
.emoji152 {
  background-position: -100px -420px;
}
.emoji153 {
  background-position: -120px -420px;
}
.emoji154 {
  background-position: 0 -440px;
}
.emoji155 {
  background-position: -20px -440px;
}
.emoji156 {
  background-position: -40px -440px;
}
.emoji157 {
  background-position: -60px -440px;
}
.emoji158 {
  background-position: -80px -440px;
}
.emoji159 {
  background-position: -100px -440px;
}
.emoji160 {
  background-position: -120px -440px;
}
.emoji161 {
  background-position: 0 -460px;
}
.emoji162 {
  background-position: -20px -460px;
}
.emoji163 {
  background-position: -40px -460px;
}
.emoji164 {
  background-position: -60px -460px;
}
.emoji165 {
  background-position: -80px -460px;
}
.emoji166 {
  background-position: -100px -460px;
}
.emoji167 {
  background-position: -120px -460px;
}
.emoji168 {
  background-position: 0 -480px;
}
.emoji169 {
  background-position: -20px -480px;
}
.emoji170 {
  background-position: -40px -480px;
}
.emoji171 {
  background-position: -60px -480px;
}
.emoji172 {
  background-position: -80px -480px;
}
.emoji173 {
  background-position: -100px -480px;
}
.emoji174 {
  background-position: -120px -480px;
}
.emoji175 {
  background-position: 0 -500px;
}
.emoji176 {
  background-position: -20px -500px;
}
.emoji177 {
  background-position: -40px -500px;
}
.emoji178 {
  background-position: -60px -500px;
}
.emoji179 {
  background-position: -80px -500px;
}
.emoji180 {
  background-position: -100px -500px;
}
.emoji181 {
  background-position: -120px -500px;
}
.emoji182 {
  background-position: 0 -520px;
}
.emoji183 {
  background-position: -20px -520px;
}
.emoji184 {
  background-position: -40px -520px;
}
.emoji185 {
  background-position: -60px -520px;
}
.emoji186 {
  background-position: -80px -520px;
}
.emoji187 {
  background-position: -100px -520px;
}
.emoji188 {
  background-position: -120px -520px;
}
.emoji189 {
  background-position: 0 -540px;
}
.emoji190 {
  background-position: -20px -540px;
}
.emoji191 {
  background-position: -40px -540px;
}
.emoji192 {
  background-position: -60px -540px;
}
.emoji193 {
  background-position: -80px -540px;
}
.emoji194 {
  background-position: -100px -540px;
}
.emoji195 {
  background-position: -120px -540px;
}
.emoji196 {
  background-position: 0 -560px;
}
.emoji197 {
  background-position: -20px -560px;
}
.emoji198 {
  background-position: -40px -560px;
}
.emoji199 {
  background-position: -60px -560px;
}
.emoji200 {
  background-position: -80px -560px;
}
.emoji201 {
  background-position: -100px -560px;
}
.emoji202 {
  background-position: -120px -560px;
}
.emoji203 {
  background-position: 0 -580px;
}
.emoji204 {
  background-position: -20px -580px;
}
.emoji205 {
  background-position: -40px -580px;
}
.emoji206 {
  background-position: -60px -580px;
}
.emoji207 {
  background-position: -80px -580px;
}
.emoji208 {
  background-position: -100px -580px;
}
.emoji209 {
  background-position: -120px -580px;
}
.emoji210 {
  background-position: 0 -600px;
}
.emoji211 {
  background-position: -20px -600px;
}
.emoji212 {
  background-position: -40px -600px;
}
.emoji213 {
  background-position: -60px -600px;
}
.emoji214 {
  background-position: -80px -600px;
}
.emoji215 {
  background-position: -100px -600px;
}
.emoji216 {
  background-position: -120px -600px;
}
.emoji217 {
  background-position: 0 -620px;
}
.emoji218 {
  background-position: -20px -620px;
}
.emoji219 {
  background-position: -40px -620px;
}
.emoji220 {
  background-position: -60px -620px;
}
.emoji221 {
  background-position: -80px -620px;
}
.emoji222 {
  background-position: -100px -620px;
}
.emoji223 {
  background-position: -120px -620px;
}
.emoji224 {
  background-position: 0 -640px;
}
.emoji225 {
  background-position: -20px -640px;
}
.emoji226 {
  background-position: -40px -640px;
}
.emoji227 {
  background-position: -60px -640px;
}
.emoji228 {
  background-position: -80px -640px;
}
.emoji229 {
  background-position: -100px -640px;
}
.emoji230 {
  background-position: -120px -640px;
}
.emoji231 {
  background-position: 0 -660px;
}
.emoji232 {
  background-position: -20px -660px;
}
.emoji233 {
  background-position: -40px -660px;
}
.emoji234 {
  background-position: -60px -660px;
}
.emoji235 {
  background-position: -80px -660px;
}
.emoji236 {
  background-position: -100px -660px;
}
.emoji237 {
  background-position: -120px -660px;
}
.emoji238 {
  background-position: 0 -680px;
}
.emoji239 {
  background-position: -20px -680px;
}
.emoji240 {
  background-position: -40px -680px;
}
.emoji241 {
  background-position: -60px -680px;
}
.emoji242 {
  background-position: -80px -680px;
}
.emoji243 {
  background-position: -100px -680px;
}
.emoji244 {
  background-position: -120px -680px;
}
.emoji245 {
  background-position: 0 -700px;
}
.emoji246 {
  background-position: -20px -700px;
}
.emoji247 {
  background-position: -40px -700px;
}
.emoji248 {
  background-position: -60px -700px;
}
.emoji249 {
  background-position: -80px -700px;
}
.emoji250 {
  background-position: -100px -700px;
}
.emoji251 {
  background-position: -120px -700px;
}
.emoji252 {
  background-position: 0 -720px;
}
.emoji253 {
  background-position: -20px -720px;
}
.emoji254 {
  background-position: -40px -720px;
}
.emoji255 {
  background-position: -60px -720px;
}
.emoji256 {
  background-position: -80px -720px;
}
.emoji257 {
  background-position: -100px -720px;
}
.emoji258 {
  background-position: -120px -720px;
}
.emoji259 {
  background-position: 0 -740px;
}
.emoji260 {
  background-position: -20px -740px;
}
.emoji261 {
  background-position: -40px -740px;
}
.emoji262 {
  background-position: -60px -740px;
}
.emoji263 {
  background-position: -80px -740px;
}
.emoji264 {
  background-position: -100px -740px;
}
.emoji265 {
  background-position: -120px -740px;
}
.emoji266 {
  background-position: 0 -760px;
}
.emoji267 {
  background-position: -20px -760px;
}
.emoji268 {
  background-position: -40px -760px;
}
.emoji269 {
  background-position: -60px -760px;
}
.emoji270 {
  background-position: -80px -760px;
}
.emoji271 {
  background-position: -100px -760px;
}
.emoji272 {
  background-position: -120px -760px;
}
.emoji273 {
  background-position: 0 -780px;
}
.emoji274 {
  background-position: -20px -780px;
}
.emoji275 {
  background-position: -40px -780px;
}
.emoji276 {
  background-position: -60px -780px;
}
.emoji277 {
  background-position: -80px -780px;
}
.emoji278 {
  background-position: -100px -780px;
}
.emoji279 {
  background-position: -120px -780px;
}
.emoji280 {
  background-position: 0 -800px;
}
.emoji281 {
  background-position: -20px -800px;
}
.emoji282 {
  background-position: -40px -800px;
}
.emoji283 {
  background-position: -60px -800px;
}
.emoji284 {
  background-position: -80px -800px;
}
.emoji285 {
  background-position: -100px -800px;
}
.emoji286 {
  background-position: -120px -800px;
}
.emoji287 {
  background-position: 0 -820px;
}
.emoji288 {
  background-position: -20px -820px;
}
.emoji289 {
  background-position: -40px -820px;
}
.emoji290 {
  background-position: -60px -820px;
}
.emoji291 {
  background-position: -80px -820px;
}
.emoji292 {
  background-position: -100px -820px;
}
.emoji293 {
  background-position: -120px -820px;
}
.emoji294 {
  background-position: 0 -840px;
}
.emoji295 {
  background-position: -20px -840px;
}
.emoji296 {
  background-position: -40px -840px;
}
.emoji297 {
  background-position: -60px -840px;
}
.emoji298 {
  background-position: -80px -840px;
}
.emoji299 {
  background-position: -100px -840px;
}
.emoji300 {
  background-position: -120px -840px;
}
.emoji301 {
  background-position: 0 -860px;
}
.emoji302 {
  background-position: -20px -860px;
}
.emoji303 {
  background-position: -40px -860px;
}
.emoji304 {
  background-position: -60px -860px;
}
.emoji305 {
  background-position: 0 -880px;
}
.emoji306 {
  background-position: -20px -880px;
}
.emoji307 {
  background-position: -40px -880px;
}
.emoji308 {
  background-position: -60px -880px;
}
.emoji309 {
  background-position: -80px -880px;
}
.emoji310 {
  background-position: -100px -880px;
}
.emoji311 {
  background-position: -120px -880px;
}
.emoji312 {
  background-position: 0 -900px;
}
.emoji313 {
  background-position: -20px -900px;
}
.emoji314 {
  background-position: -40px -900px;
}
.emoji315 {
  background-position: -60px -900px;
}
.emoji316 {
  background-position: -80px -900px;
}
.emoji317 {
  background-position: -100px -900px;
}
.emoji318 {
  background-position: -120px -900px;
}
.emoji319 {
  background-position: 0 -920px;
}
.emoji320 {
  background-position: -20px -920px;
}
.emoji321 {
  background-position: -40px -920px;
}
.emoji322 {
  background-position: -60px -920px;
}
.emoji323 {
  background-position: -80px -920px;
}
.emoji324 {
  background-position: -100px -920px;
}
.emoji325 {
  background-position: -120px -920px;
}
.emoji326 {
  background-position: 0 -940px;
}
.emoji327 {
  background-position: -20px -940px;
}
.emoji328 {
  background-position: -40px -940px;
}
.emoji329 {
  background-position: -60px -940px;
}
.emoji330 {
  background-position: -80px -940px;
}
.emoji331 {
  background-position: -100px -940px;
}
.emoji332 {
  background-position: -120px -940px;
}
.emoji333 {
  background-position: 0 -960px;
}
.emoji334 {
  background-position: -20px -960px;
}
.emoji335 {
  background-position: -40px -960px;
}
.emoji336 {
  background-position: -60px -960px;
}
.emoji337 {
  background-position: -80px -960px;
}
.emoji338 {
  background-position: -100px -960px;
}
.emoji339 {
  background-position: -120px -960px;
}
.emoji340 {
  background-position: 0 -980px;
}
.emoji341 {
  background-position: -20px -980px;
}
.emoji342 {
  background-position: -40px -980px;
}
.emoji343 {
  background-position: -60px -980px;
}
.emoji344 {
  background-position: -80px -980px;
}
.emoji345 {
  background-position: -100px -980px;
}
.emoji346 {
  background-position: -120px -980px;
}
.emoji347 {
  background-position: 0 -1000px;
}
.emoji348 {
  background-position: -20px -1000px;
}
.emoji349 {
  background-position: -40px -1000px;
}
.emoji350 {
  background-position: -60px -1000px;
}
.emoji351 {
  background-position: -80px -1000px;
}
.emoji352 {
  background-position: -100px -1000px;
}
.emoji353 {
  background-position: -120px -1000px;
}
.emoji354 {
  background-position: 0 -1020px;
}
.emoji355 {
  background-position: -20px -1020px;
}
.emoji356 {
  background-position: -40px -1020px;
}
.emoji357 {
  background-position: -60px -1020px;
}
.emoji358 {
  background-position: -80px -1020px;
}
.emoji359 {
  background-position: -100px -1020px;
}
.emoji360 {
  background-position: -120px -1020px;
}
.emoji361 {
  background-position: 0 -1040px;
}
.emoji362 {
  background-position: -20px -1040px;
}
.emoji363 {
  background-position: -40px -1040px;
}
.emoji364 {
  background-position: -60px -1040px;
}
.emoji365 {
  background-position: -80px -1040px;
}
.emoji366 {
  background-position: -100px -1040px;
}
.emoji367 {
  background-position: -120px -1040px;
}
.emoji368 {
  background-position: 0 -1060px;
}
.emoji369 {
  background-position: -20px -1060px;
}
.emoji370 {
  background-position: -40px -1060px;
}
.emoji371 {
  background-position: -60px -1060px;
}
.emoji372 {
  background-position: -80px -1060px;
}
.emoji373 {
  background-position: -100px -1060px;
}
.emoji374 {
  background-position: -120px -1060px;
}
.emoji375 {
  background-position: 0 -1080px;
}
.emoji376 {
  background-position: -20px -1080px;
}
.emoji377 {
  background-position: -40px -1080px;
}
.emoji378 {
  background-position: -60px -1080px;
}
.emoji379 {
  background-position: -80px -1080px;
}
.emoji380 {
  background-position: -100px -1080px;
}
.emoji381 {
  background-position: -120px -1080px;
}
.emoji382 {
  background-position: 0 -1100px;
}
.emoji383 {
  background-position: -20px -1100px;
}
.emoji384 {
  background-position: -40px -1100px;
}
.emoji385 {
  background-position: -60px -1100px;
}
.emoji386 {
  background-position: -80px -1100px;
}
.emoji387 {
  background-position: -100px -1100px;
}
.emoji388 {
  background-position: -120px -1100px;
}
.emoji389 {
  background-position: 0 -1120px;
}
.emoji390 {
  background-position: -20px -1120px;
}
.emoji391 {
  background-position: -40px -1120px;
}
.emoji392 {
  background-position: -60px -1120px;
}
.emoji393 {
  background-position: -80px -1120px;
}
.emoji394 {
  background-position: -100px -1120px;
}
.emoji395 {
  background-position: -120px -1120px;
}
.emoji396 {
  background-position: 0 -1140px;
}
.emoji397 {
  background-position: -20px -1140px;
}
.emoji398 {
  background-position: -40px -1140px;
}
.emoji399 {
  background-position: -60px -1140px;
}
.emoji400 {
  background-position: -80px -1140px;
}
.emoji401 {
  background-position: -100px -1140px;
}
.emoji402 {
  background-position: -120px -1140px;
}
.emoji403 {
  background-position: 0 -1160px;
}
.emoji404 {
  background-position: -20px -1160px;
}
.emoji405 {
  background-position: -40px -1160px;
}
.emoji406 {
  background-position: -60px -1160px;
}
.emoji407 {
  background-position: -80px -1160px;
}
.emoji408 {
  background-position: -100px -1160px;
}
.emoji409 {
  background-position: -120px -1160px;
}
.emoji410 {
  background-position: 0 -1180px;
}
.emoji411 {
  background-position: -20px -1180px;
}
.emoji412 {
  background-position: -40px -1180px;
}
.emoji413 {
  background-position: -60px -1180px;
}
.emoji414 {
  background-position: -80px -1180px;
}
.emoji415 {
  background-position: -100px -1180px;
}
.emoji416 {
  background-position: -120px -1180px;
}
.emoji417 {
  background-position: 0 -1200px;
}
.emoji418 {
  background-position: -20px -1200px;
}
.emoji419 {
  background-position: -40px -1200px;
}
.emoji420 {
  background-position: -60px -1200px;
}
.emoji421 {
  background-position: -80px -1200px;
}
.emoji422 {
  background-position: -100px -1200px;
}
.emoji423 {
  background-position: -120px -1200px;
}
.emoji424 {
  background-position: 0 -1220px;
}
.emoji425 {
  background-position: -20px -1220px;
}
.emoji426 {
  background-position: -40px -1220px;
}
.emoji427 {
  background-position: -60px -1220px;
}
.emoji428 {
  background-position: -80px -1220px;
}
.emoji429 {
  background-position: -100px -1220px;
}
.emoji430 {
  background-position: -120px -1220px;
}
.emoji431 {
  background-position: 0 -1240px;
}
.emoji432 {
  background-position: -20px -1240px;
}
.emoji433 {
  background-position: -40px -1240px;
}
.emoji434 {
  background-position: -60px -1240px;
}
.emoji435 {
  background-position: -80px -1240px;
}
.emoji436 {
  background-position: -100px -1240px;
}
.emoji437 {
  background-position: -120px -1240px;
}
.emoji438 {
  background-position: 0 -1260px;
}
.emoji439 {
  background-position: -20px -1260px;
}
.emoji440 {
  background-position: -40px -1260px;
}
.emoji441 {
  background-position: -60px -1260px;
}
.emoji442 {
  background-position: -80px -1260px;
}
.emoji443 {
  background-position: -100px -1260px;
}
.emoji444 {
  background-position: -120px -1260px;
}
.emoji445 {
  background-position: 0 -1280px;
}
.emoji446 {
  background-position: -20px -1280px;
}
.emoji447 {
  background-position: -40px -1280px;
}
.emoji448 {
  background-position: -60px -1280px;
}
.emoji449 {
  background-position: -80px -1280px;
}
.emoji450 {
  background-position: -100px -1280px;
}
.emoji451 {
  background-position: -120px -1280px;
}
.emoji452 {
  background-position: 0 -1300px;
}
.emoji453 {
  background-position: -20px -1300px;
}
.emoji454 {
  background-position: -40px -1300px;
}
.emoji455 {
  background-position: -60px -1300px;
}
.emoji456 {
  background-position: -80px -1300px;
}
.emoji457 {
  background-position: -100px -1300px;
}
.emoji458 {
  background-position: -120px -1300px;
}
.emoji459 {
  background-position: 0 -1320px;
}
.emoji460 {
  background-position: -20px -1320px;
}
.emoji461 {
  background-position: -40px -1320px;
}
.emoji462 {
  background-position: -60px -1320px;
}
.emoji463 {
  background-position: -80px -1320px;
}
.emoji464 {
  background-position: -100px -1320px;
}
.emoji465 {
  background-position: -120px -1320px;
}
.emoji466 {
  background-position: 0 -1340px;
}
.emoji467 {
  background-position: -20px -1340px;
}
.emoji468 {
  background-position: -40px -1340px;
}
.emoji469 {
  background-position: -60px -1340px;
}
.emoji470 {
  background-position: -80px -1340px;
}
.emoji471 {
  background-position: -100px -1340px;
}
.emoji472 {
  background-position: -120px -1340px;
}
.emoji473 {
  background-position: 0 -1360px;
}
.emoji474 {
  background-position: -20px -1360px;
}
.emoji475 {
  background-position: -40px -1360px;
}
.emoji476 {
  background-position: -60px -1360px;
}
.emoji477 {
  background-position: -80px -1360px;
}
.emoji478 {
  background-position: -100px -1360px;
}
.emoji479 {
  background-position: -120px -1360px;
}
.emoji480 {
  background-position: 0 -1380px;
}
.emoji481 {
  background-position: -20px -1380px;
}
.emoji482 {
  background-position: -40px -1380px;
}
.emoji483 {
  background-position: -60px -1380px;
}
.emoji484 {
  background-position: -80px -1380px;
}
.emoji485 {
  background-position: -100px -1380px;
}
.emoji486 {
  background-position: -120px -1380px;
}
.emoji487 {
  background-position: 0 -1400px;
}
.emoji488 {
  background-position: -20px -1400px;
}
.emoji489 {
  background-position: -40px -1400px;
}
.emoji490 {
  background-position: -60px -1400px;
}
.emoji491 {
  background-position: -80px -1400px;
}
.emoji492 {
  background-position: -100px -1400px;
}
.emoji493 {
  background-position: -120px -1400px;
}
.emoji494 {
  background-position: 0 -1420px;
}
.emoji495 {
  background-position: -20px -1420px;
}
.emoji496 {
  background-position: -40px -1420px;
}
.emoji497 {
  background-position: -60px -1420px;
}
.emoji498 {
  background-position: -80px -1420px;
}
.emoji499 {
  background-position: -100px -1420px;
}
.emoji500 {
  background-position: -120px -1420px;
}
.emoji501 {
  background-position: 0 -1440px;
}
.emoji502 {
  background-position: -20px -1440px;
}
.emoji503 {
  background-position: -40px -1440px;
}
.emoji504 {
  background-position: -60px -1440px;
}
.emoji505 {
  background-position: -80px -1440px;
}
.emoji506 {
  background-position: -100px -1440px;
}
.emoji507 {
  background-position: -120px -1440px;
}
.emoji508 {
  background-position: 0 -1460px;
}
.emoji509 {
  background-position: -20px -1460px;
}
.emoji510 {
  background-position: -40px -1460px;
}
.emoji511 {
  background-position: -60px -1460px;
}
.emoji512 {
  background-position: -80px -1460px;
}
.emoji513 {
  background-position: -100px -1460px;
}
.emoji514 {
  background-position: -120px -1460px;
}
.emoji515 {
  background-position: 0 -1480px;
}
.emoji516 {
  background-position: -20px -1480px;
}
.emoji517 {
  background-position: -40px -1480px;
}
.emoji518 {
  background-position: -60px -1480px;
}
.emoji519 {
  background-position: -80px -1480px;
}
.emoji520 {
  background-position: -100px -1480px;
}
.emoji521 {
  background-position: -120px -1480px;
}
.emoji522 {
  background-position: 0 -1500px;
}
.emoji523 {
  background-position: -20px -1500px;
}
.emoji524 {
  background-position: -40px -1500px;
}
.emoji525 {
  background-position: -60px -1500px;
}
.emoji526 {
  background-position: -80px -1500px;
}
.emoji527 {
  background-position: -100px -1500px;
}
.emoji528 {
  background-position: -120px -1500px;
}
.emoji529 {
  background-position: 0 -1520px;
}
.emoji530 {
  background-position: -20px -1520px;
}
.emoji531 {
  background-position: -40px -1520px;
}
.emoji532 {
  background-position: -60px -1520px;
}
.emoji533 {
  background-position: -80px -1520px;
}
.emoji534 {
  background-position: -100px -1520px;
}
.emoji535 {
  background-position: 0 -1540px;
}
.emoji536 {
  background-position: -20px -1540px;
}
.emoji537 {
  background-position: -40px -1540px;
}
.emoji538 {
  background-position: -60px -1540px;
}
.emoji539 {
  background-position: -80px -1540px;
}
.emoji540 {
  background-position: -100px -1540px;
}
.emoji541 {
  background-position: -120px -1540px;
}
.emoji542 {
  background-position: 0 -1560px;
}
.emoji543 {
  background-position: -20px -1560px;
}
.emoji544 {
  background-position: -40px -1560px;
}
.emoji545 {
  background-position: -60px -1560px;
}
.emoji546 {
  background-position: -80px -1560px;
}
.emoji547 {
  background-position: -100px -1560px;
}
.emoji548 {
  background-position: -120px -1560px;
}
.emoji549 {
  background-position: 0 -1580px;
}
.emoji550 {
  background-position: -20px -1580px;
}
.emoji551 {
  background-position: -40px -1580px;
}
.emoji552 {
  background-position: -60px -1580px;
}
.emoji553 {
  background-position: -80px -1580px;
}
.emoji554 {
  background-position: -100px -1580px;
}
.emoji555 {
  background-position: -120px -1580px;
}
.emoji556 {
  background-position: 0 -1600px;
}
.emoji557 {
  background-position: -20px -1600px;
}
.emoji558 {
  background-position: -40px -1600px;
}
.emoji559 {
  background-position: -60px -1600px;
}
.emoji560 {
  background-position: -80px -1600px;
}
.emoji561 {
  background-position: -100px -1600px;
}
.emoji562 {
  background-position: -120px -1600px;
}
.emoji563 {
  background-position: 0 -1620px;
}
.emoji564 {
  background-position: -20px -1620px;
}
.emoji565 {
  background-position: -40px -1620px;
}
.emoji566 {
  background-position: -60px -1620px;
}
.emoji567 {
  background-position: -80px -1620px;
}
.emoji568 {
  background-position: -100px -1620px;
}
.emoji569 {
  background-position: -120px -1620px;
}
.emoji570 {
  background-position: 0 -1640px;
}
.emoji571 {
  background-position: -20px -1640px;
}
.emoji572 {
  background-position: -40px -1640px;
}
.emoji573 {
  background-position: -60px -1640px;
}
.emoji574 {
  background-position: -80px -1640px;
}
.emoji575 {
  background-position: -100px -1640px;
}
.emoji576 {
  background-position: -120px -1640px;
}
.emoji577 {
  background-position: 0 -1660px;
}
.emoji578 {
  background-position: -20px -1660px;
}
.emoji579 {
  background-position: -40px -1660px;
}
.emoji580 {
  background-position: -60px -1660px;
}
.emoji581 {
  background-position: -80px -1660px;
}
.emoji582 {
  background-position: -100px -1660px;
}
.emoji583 {
  background-position: -120px -1660px;
}
.emoji584 {
  background-position: 0 -1680px;
}
.emoji585 {
  background-position: -20px -1680px;
}
.emoji586 {
  background-position: -40px -1680px;
}
.emoji587 {
  background-position: -60px -1680px;
}
.emoji588 {
  background-position: -80px -1680px;
}
.emoji589 {
  background-position: -100px -1680px;
}
.emoji590 {
  background-position: -120px -1680px;
}
.emoji591 {
  background-position: 0 -1700px;
}
.emoji592 {
  background-position: -20px -1700px;
}
.emoji593 {
  background-position: -40px -1700px;
}
.emoji594 {
  background-position: -60px -1700px;
}
.emoji595 {
  background-position: -80px -1700px;
}
.emoji596 {
  background-position: -100px -1700px;
}
.emoji597 {
  background-position: -120px -1700px;
}
.emoji598 {
  background-position: 0 -1720px;
}
.emoji599 {
  background-position: -20px -1720px;
}
.emoji600 {
  background-position: -40px -1720px;
}
.emoji601 {
  background-position: -60px -1720px;
}
.emoji602 {
  background-position: -80px -1720px;
}
.emoji603 {
  background-position: -100px -1720px;
}
.emoji604 {
  background-position: -120px -1720px;
}
.emoji605 {
  background-position: 0 -1740px;
}
.emoji606 {
  background-position: -20px -1740px;
}
.emoji607 {
  background-position: -40px -1740px;
}
.emoji608 {
  background-position: -60px -1740px;
}
.emoji609 {
  background-position: -80px -1740px;
}
.emoji610 {
  background-position: -100px -1740px;
}
.emoji611 {
  background-position: -120px -1740px;
}
.emoji612 {
  background-position: 0 -1760px;
}
.emoji613 {
  background-position: -20px -1760px;
}
.emoji614 {
  background-position: -40px -1760px;
}
.emoji615 {
  background-position: -60px -1760px;
}
.emoji616 {
  background-position: -80px -1760px;
}
.emoji617 {
  background-position: -100px -1760px;
}
.emoji618 {
  background-position: -120px -1760px;
}
.emoji619 {
  background-position: 0 -1780px;
}
.emoji620 {
  background-position: -20px -1780px;
}
.emoji621 {
  background-position: -40px -1780px;
}
.emoji622 {
  background-position: -60px -1780px;
}
.emoji623 {
  background-position: -80px -1780px;
}
.emoji624 {
  background-position: -100px -1780px;
}
.emoji625 {
  background-position: -120px -1780px;
}
.emoji626 {
  background-position: 0 -1800px;
}
.emoji627 {
  background-position: -20px -1800px;
}
.emoji628 {
  background-position: -40px -1800px;
}
.emoji629 {
  background-position: -60px -1800px;
}
.emoji630 {
  background-position: -80px -1800px;
}
.emoji631 {
  background-position: -100px -1800px;
}
.emoji632 {
  background-position: -120px -1800px;
}
.emoji633 {
  background-position: 0 -1820px;
}
.emoji634 {
  background-position: -20px -1820px;
}
.emoji635 {
  background-position: -40px -1820px;
}
.emoji636 {
  background-position: 0 -1840px;
}
.emoji637 {
  background-position: -20px -1840px;
}
.emoji638 {
  background-position: -40px -1840px;
}
.emoji639 {
  background-position: -60px -1840px;
}
.emoji640 {
  background-position: -80px -1840px;
}
.emoji641 {
  background-position: -100px -1840px;
}
.emoji642 {
  background-position: -120px -1840px;
}
.emoji643 {
  background-position: 0 -1860px;
}
.emoji644 {
  background-position: -20px -1860px;
}
.emoji645 {
  background-position: -40px -1860px;
}
.emoji646 {
  background-position: -60px -1860px;
}
.emoji647 {
  background-position: -80px -1860px;
}
.emoji648 {
  background-position: -100px -1860px;
}
.emoji649 {
  background-position: -120px -1860px;
}
.emoji650 {
  background-position: 0 -1880px;
}
.emoji651 {
  background-position: -20px -1880px;
}
.emoji652 {
  background-position: -40px -1880px;
}
.emoji653 {
  background-position: -60px -1880px;
}
.emoji654 {
  background-position: -80px -1880px;
}
.emoji655 {
  background-position: -100px -1880px;
}
.emoji656 {
  background-position: -120px -1880px;
}
.emoji657 {
  background-position: 0 -1900px;
}
.emoji658 {
  background-position: -20px -1900px;
}
.emoji659 {
  background-position: -40px -1900px;
}
.emoji660 {
  background-position: -60px -1900px;
}
.emoji661 {
  background-position: -80px -1900px;
}
.emoji662 {
  background-position: -100px -1900px;
}
.emoji663 {
  background-position: -120px -1900px;
}
.emoji664 {
  background-position: 0 -1920px;
}
.emoji665 {
  background-position: -20px -1920px;
}
.emoji666 {
  background-position: -40px -1920px;
}
.emoji667 {
  background-position: -60px -1920px;
}
.emoji668 {
  background-position: -80px -1920px;
}
.emoji669 {
  background-position: -100px -1920px;
}
.emoji670 {
  background-position: -120px -1920px;
}
.emoji671 {
  background-position: 0 -1940px;
}
.emoji672 {
  background-position: -20px -1940px;
}
.emoji673 {
  background-position: -40px -1940px;
}
.emoji674 {
  background-position: -60px -1940px;
}
.emoji675 {
  background-position: -80px -1940px;
}
.emoji676 {
  background-position: -100px -1940px;
}
.emoji677 {
  background-position: -120px -1940px;
}
.emoji678 {
  background-position: 0 -1960px;
}
.emoji679 {
  background-position: -20px -1960px;
}
.emoji680 {
  background-position: -40px -1960px;
}
.emoji681 {
  background-position: -60px -1960px;
}
.emoji682 {
  background-position: -80px -1960px;
}
.emoji683 {
  background-position: -100px -1960px;
}
.emoji684 {
  background-position: -120px -1960px;
}
.emoji685 {
  background-position: 0 -1980px;
}
.emoji686 {
  background-position: -20px -1980px;
}
.emoji687 {
  background-position: -40px -1980px;
}
.emoji688 {
  background-position: -60px -1980px;
}
.emoji689 {
  background-position: -80px -1980px;
}
.emoji690 {
  background-position: -100px -1980px;
}
.emoji691 {
  background-position: -120px -1980px;
}
.emoji692 {
  background-position: 0 -2000px;
}
.emoji693 {
  background-position: -20px -2000px;
}
.emoji694 {
  background-position: -40px -2000px;
}
.emoji695 {
  background-position: -60px -2000px;
}
.emoji696 {
  background-position: -80px -2000px;
}
.emoji697 {
  background-position: -100px -2000px;
}
.emoji698 {
  background-position: -120px -2000px;
}
.emoji699 {
  background-position: 0 -2020px;
}
.emoji700 {
  background-position: -20px -2020px;
}
.emoji701 {
  background-position: -40px -2020px;
}
.emoji702 {
  background-position: -60px -2020px;
}
.emoji703 {
  background-position: -80px -2020px;
}
.emoji704 {
  background-position: -100px -2020px;
}
.emoji705 {
  background-position: -120px -2020px;
}
.emoji706 {
  background-position: 0 -2040px;
}
.emoji707 {
  background-position: -20px -2040px;
}
.emoji708 {
  background-position: -40px -2040px;
}
.emoji709 {
  background-position: -60px -2040px;
}
.emoji710 {
  background-position: -80px -2040px;
}
.emoji711 {
  background-position: -100px -2040px;
}
.emoji712 {
  background-position: -120px -2040px;
}
.emoji713 {
  background-position: 0 -2060px;
}
.emoji714 {
  background-position: -20px -2060px;
}
.emoji715 {
  background-position: -40px -2060px;
}
.emoji716 {
  background-position: -60px -2060px;
}
.emoji717 {
  background-position: -80px -2060px;
}
.emoji718 {
  background-position: -100px -2060px;
}
.emoji719 {
  background-position: -120px -2060px;
}
.emoji720 {
  background-position: 0 -2080px;
}
.emoji721 {
  background-position: -20px -2080px;
}
.emoji722 {
  background-position: -40px -2080px;
}
.emoji723 {
  background-position: -60px -2080px;
}
.emoji724 {
  background-position: -80px -2080px;
}
.emoji725 {
  background-position: -100px -2080px;
}
.emoji726 {
  background-position: -120px -2080px;
}
.emoji727 {
  background-position: 0 -2100px;
}
.emoji728 {
  background-position: -20px -2100px;
}
.emoji729 {
  background-position: -40px -2100px;
}
.emoji730 {
  background-position: -60px -2100px;
}
.emoji731 {
  background-position: -80px -2100px;
}
.emoji732 {
  background-position: -100px -2100px;
}
.emoji733 {
  background-position: -120px -2100px;
}
.emoji734 {
  background-position: 0 -2120px;
}
.emoji735 {
  background-position: -20px -2120px;
}
.emoji736 {
  background-position: -40px -2120px;
}
.emoji737 {
  background-position: -60px -2120px;
}
.emoji738 {
  background-position: -80px -2120px;
}
.emoji739 {
  background-position: -100px -2120px;
}
.emoji740 {
  background-position: -120px -2120px;
}
.emoji741 {
  background-position: 0 -2140px;
}
.emoji742 {
  background-position: -20px -2140px;
}
.emoji743 {
  background-position: -40px -2140px;
}
.emoji744 {
  background-position: -60px -2140px;
}
.emoji745 {
  background-position: -80px -2140px;
}
.emoji746 {
  background-position: -100px -2140px;
}
.emoji747 {
  background-position: -120px -2140px;
}
.emoji748 {
  background-position: 0 -2160px;
}
.emoji749 {
  background-position: -20px -2160px;
}
.emoji750 {
  background-position: -40px -2160px;
}
.emoji751 {
  background-position: -60px -2160px;
}
.emoji752 {
  background-position: -80px -2160px;
}
.emoji753 {
  background-position: -100px -2160px;
}
.emoji754 {
  background-position: -120px -2160px;
}
.emoji755 {
  background-position: 0 -2180px;
}
.emoji756 {
  background-position: -20px -2180px;
}
.emoji757 {
  background-position: -40px -2180px;
}
.emoji758 {
  background-position: -60px -2180px;
}
.emoji759 {
  background-position: -80px -2180px;
}
.emoji760 {
  background-position: -100px -2180px;
}
.emoji761 {
  background-position: -120px -2180px;
}
.emoji762 {
  background-position: 0 -2200px;
}
.emoji763 {
  background-position: -20px -2200px;
}
.emoji764 {
  background-position: -40px -2200px;
}
.emoji765 {
  background-position: -60px -2200px;
}
.emoji766 {
  background-position: -80px -2200px;
}
.emoji767 {
  background-position: -100px -2200px;
}
.emoji768 {
  background-position: -120px -2200px;
}
.emoji769 {
  background-position: 0 -2220px;
}
.emoji770 {
  background-position: -20px -2220px;
}
.emoji771 {
  background-position: -40px -2220px;
}
.emoji772 {
  background-position: -60px -2220px;
}
.emoji773 {
  background-position: -80px -2220px;
}
.emoji774 {
  background-position: -100px -2220px;
}
.emoji775 {
  background-position: -120px -2220px;
}
.emoji776 {
  background-position: 0 -2240px;
}
.emoji777 {
  background-position: -20px -2240px;
}
.emoji778 {
  background-position: -40px -2240px;
}
.emoji779 {
  background-position: -60px -2240px;
}
.emoji780 {
  background-position: -80px -2240px;
}
.emoji781 {
  background-position: -100px -2240px;
}
.emoji782 {
  background-position: -120px -2240px;
}
.emoji783 {
  background-position: 0 -2260px;
}
.emoji784 {
  background-position: -20px -2260px;
}
.emoji785 {
  background-position: -40px -2260px;
}
.emoji786 {
  background-position: -60px -2260px;
}
.emoji787 {
  background-position: -80px -2260px;
}
.emoji788 {
  background-position: -100px -2260px;
}
.emoji789 {
  background-position: -120px -2260px;
}
.emoji790 {
  background-position: 0 -2280px;
}
.emoji791 {
  background-position: -20px -2280px;
}
.emoji792 {
  background-position: -40px -2280px;
}
.emoji793 {
  background-position: -60px -2280px;
}
.emoji794 {
  background-position: -80px -2280px;
}
.emoji795 {
  background-position: -100px -2280px;
}
.emoji796 {
  background-position: -120px -2280px;
}
.emoji797 {
  background-position: 0 -2300px;
}
.emoji798 {
  background-position: -20px -2300px;
}
.emoji799 {
  background-position: -40px -2300px;
}
.emoji800 {
  background-position: -60px -2300px;
}
.emoji801 {
  background-position: -80px -2300px;
}
.emoji802 {
  background-position: -100px -2300px;
}
.emoji803 {
  background-position: -120px -2300px;
}
.emoji804 {
  background-position: 0 -2320px;
}
.emoji805 {
  background-position: -20px -2320px;
}
.emoji806 {
  background-position: -40px -2320px;
}
.emoji807 {
  background-position: -60px -2320px;
}
.emoji808 {
  background-position: -80px -2320px;
}
.emoji809 {
  background-position: -100px -2320px;
}
.emoji810 {
  background-position: -120px -2320px;
}
.emoji811 {
  background-position: 0 -2340px;
}
.emoji812 {
  background-position: -20px -2340px;
}
.emoji813 {
  background-position: -40px -2340px;
}
.emoji814 {
  background-position: -60px -2340px;
}
.emoji815 {
  background-position: -80px -2340px;
}
.emoji816 {
  background-position: -100px -2340px;
}
.emoji817 {
  background-position: -120px -2340px;
}
.emoji818 {
  background-position: 0 -2360px;
}
.emoji819 {
  background-position: -20px -2360px;
}
.emoji820 {
  background-position: -40px -2360px;
}
.emoji821 {
  background-position: -60px -2360px;
}
.emoji822 {
  background-position: -80px -2360px;
}
.emoji823 {
  background-position: -100px -2360px;
}
.emoji824 {
  background-position: -120px -2360px;
}
.emoji825 {
  background-position: 0 -2380px;
}
.emoji826 {
  background-position: -20px -2380px;
}
.emoji827 {
  background-position: -40px -2380px;
}
.emoji828 {
  background-position: -60px -2380px;
}
.emoji829 {
  background-position: -80px -2380px;
}
.emoji830 {
  background-position: -100px -2380px;
}
.emoji831 {
  background-position: -120px -2380px;
}
.emoji832 {
  background-position: 0 -2400px;
}
.emoji833 {
  background-position: -20px -2400px;
}
.emoji834 {
  background-position: -40px -2400px;
}
.emoji835 {
  background-position: -60px -2400px;
}
.emoji836 {
  background-position: -80px -2400px;
}
.emoji837 {
  background-position: -100px -2400px;
}
.emoji838 {
  background-position: -120px -2400px;
}
.emoji839 {
  background-position: 0 -2420px;
}
.emoji840 {
  background-position: -20px -2420px;
}
.emoji841 {
  background-position: -40px -2420px;
}
.emoji842 {
  background-position: -60px -2420px;
}
.emoji843 {
  background-position: -80px -2420px;
}
.emoji844 {
  background-position: -100px -2420px;
}
@-webkit-keyframes pie-anim-in-out {
  0% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  92% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes pie-anim-in-out {
  0% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  92% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes pie-anim-in-out {
  0% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  92% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pie-anim-in-out {
  0% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  92% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#pie-anim {
  position: relative;
  height: 440px;
  width: 440px;
  margin: 0 auto;
}
#pie-anim img {
  position: absolute;
  top: 0;
  left: 0;
}
#pie-anim img {
  -webkit-animation-name: pie-anim-in-out;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-duration: 4s;
  -moz-animation-name: pie-anim-in-out;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: 1;
  -moz-animation-duration: 4s;
  -o-animation-name: pie-anim-in-out;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: 1;
  -o-animation-duration: 4s;
  animation-name: pie-anim-in-out;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-duration: 4s;
}
#pie-anim img:nth-of-type(1) {
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  -o-animation-delay: 3.5s;
  animation-delay: 3.5s;
}
#pie-anim img:nth-of-type(2) {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -o-animation-delay: 3s;
  animation-delay: 3s;
}
#pie-anim img:nth-of-type(3) {
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  -o-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
#pie-anim img:nth-of-type(4) {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}
#pie-anim img:nth-of-type(5) {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
#pie-anim img:nth-of-type(6) {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}
#pie-anim img:nth-of-type(7) {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
#pie-anim img:nth-of-type(8) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  opacity: 0;
}
@-webkit-keyframes org-folders-anim-in-out {
  0% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes org-folders-anim-in-out {
  0% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes org-folders-anim-in-out {
  0% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes org-folders-anim-in-out {
  0% {
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#org-folders-anim {
  position: relative;
  height: 320px;
  width: 370px;
  margin: 0 auto;
}
#org-folders-anim img {
  position: absolute;
  top: 0;
  left: 0;
}
#org-folders-anim img {
  -webkit-animation-name: org-folders-anim-in-out;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 14.5s;
  -moz-animation-name: org-folders-anim-in-out;
  -moz-animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 14.5s;
  -o-animation-name: org-folders-anim-in-out;
  -o-animation-timing-function: linear;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 14.5s;
  animation-name: org-folders-anim-in-out;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 14.5s;
}
#org-folders-anim img:nth-of-type(1) {
  -webkit-animation-delay: 11.5s;
  -moz-animation-delay: 11.5s;
  -o-animation-delay: 11.5s;
  animation-delay: 11.5s;
}
#org-folders-anim img:nth-of-type(2) {
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  -o-animation-delay: 10s;
  animation-delay: 10s;
}
#org-folders-anim img:nth-of-type(3) {
  -webkit-animation-delay: 8.5s;
  -moz-animation-delay: 8.5s;
  -o-animation-delay: 8.5s;
  animation-delay: 8.5s;
}
#org-folders-anim img:nth-of-type(4) {
  -webkit-animation-delay: 7s;
  -moz-animation-delay: 7s;
  -o-animation-delay: 7s;
  animation-delay: 7s;
}
#org-folders-anim img:nth-of-type(5) {
  -webkit-animation-delay: 5.5s;
  -moz-animation-delay: 5.5s;
  -o-animation-delay: 5.5s;
  animation-delay: 5.5s;
}
#org-folders-anim img:nth-of-type(6) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
#org-folders-anim img:nth-of-type(7) {
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  -o-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
#org-folders-anim img:nth-of-type(8) {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}