/* Icons */

@font-face {
  font-family: 'pbs';
  src: url("../fonts/pbs.eot");
  src: url("../fonts/pbs.eot") format("embedded-opentype"), url("../fonts/pbs.ttf") format("truetype"), url("../fonts/pbs.woff") format("woff"), url("../fonts/pbs.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
  position: relative;
}

body {
  overflow: hidden;
  background: linear-gradient(180deg, #23282d, #1f1f1f);
}

@keyframes pbs-bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-4px);
  }

  60% {
    transform: translateY(-2px);
  }
}

#pbs-iframe-wrapper {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

#pbs-iframe-wrapper:before {
  content: '\EA2D';
  top: 50%;
  left: 50%;
  position: absolute;
  margin-top: -50px;
  margin-left: -50px;
  color: #777;
  font-family: pbs;
  font-size: 100px;
  animation: pbs-bounce 2.5s infinite;
  transition: all .3s ease;
}

body.pbs-iframe-loaded #pbs-iframe-wrapper:before {
  opacity: 0;
  animation: none;
}

body.pbs-tablet #pbs-iframe-wrapper,
body.pbs-phone #pbs-iframe-wrapper {
  overflow-y: auto;
}

#pbs-iframe-responsive-wrapper {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(10px);
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  will-change: width, height, padding, margin, border-radius, opacity, transform, background;
}

#pbs-iframe-responsive-wrapper:before {
  content: '';
  opacity: 0;
  height: 7px;
  width: 45px;
  position: absolute;
  background: #37393e;
  border-radius: 10px;
  left: 50%;
  transform: translateX(-50%);
  transition: all .6s ease;
  top: 17px;
  z-index: -1;
  will-change: opacity, width;
}

#pbs-iframe-responsive-wrapper:after {
  content: '';
  opacity: 0;
  display: block;
  height: 45px;
  width: 45px;
  position: absolute;
  background: #37393e;
  border-radius: 100%;
  left: 50%;
  transform: translateX(-50%);
  transition: all .6s ease;
  z-index: -1;
  bottom: 12px;
}

body.pbs-iframe-loaded #pbs-iframe-responsive-wrapper {
  opacity: 1;
  transform: translateY(0px);
}

body.pbs-tablet #pbs-iframe-responsive-wrapper {
  width: 768px;
  height: 1025px;
  padding: 40px 20px 70px;
  margin: 50px auto 80px;
  border-radius: 30px;
  background: #4c4f56;
}

body.pbs-tablet #pbs-iframe-responsive-wrapper:before,
body.pbs-tablet #pbs-iframe-responsive-wrapper:after {
  opacity: 1;
  z-index: 1;
}

body.pbs-tablet #pbs-iframe-responsive-wrapper:before {
  width: 7px;
}

body.pbs-phone #pbs-iframe-responsive-wrapper {
  /*width: 768px;*/
  /*height: 1025px;*/
  /*padding: 40px 20px 70px;*/
  width: 360px;
  height: 640px;
  padding: 40px 10px 70px;
  margin: 50px auto 80px;
  border-radius: 30px;
  background: #4c4f56;
}

body.pbs-phone #pbs-iframe-responsive-wrapper:before,
body.pbs-phone #pbs-iframe-responsive-wrapper:after {
  opacity: 1;
  z-index: -1;
}

iframe {
  border: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-flex: 1;
  flex: 1;
  background: #fff;
  min-height: 100% !important;
}

body.pbs-phone iframe,
body.pbs-tablet iframe {
  background: #222;
}

#pbs-iframe-controls {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 32px;
  padding: 0 20px;
  opacity: 1;
}

#pbs-iframe-controls,
.pbs-iframe-note,
.pbs-save {
  transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
  will-change: opacity;
}

body:not(.pbs-tablet):not(.pbs-phone) #pbs-iframe-controls,
body:not(.pbs-tablet):not(.pbs-phone) .pbs-iframe-note,
body:not(.pbs-tablet):not(.pbs-phone) .pbs-save {
  opacity: 0;
  pointer-events: none;
}

#pbs-iframe-controls,
.pbs-iframe-note {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 11px !important;
  line-height: 32px;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on;
  -webkit-font-smoothing: antialiased;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.pbs-save {
  -ms-flex-preferred-size: 300px;
  flex-basis: 300px;
}

.pbs-iframe-note {
  color: rgba(255, 255, 255, 0.5);
  font-style: italic;
  text-align: center;
  font-size: 10px;
  line-height: 1.1em;
  letter-spacing: -0.5px;
  color: #888;
  z-index: 9;
  display: block;
  margin-top: 9px;
}

.pbs-iframe-note a {
  color: #888;
  text-decoration: none;
  border-bottom: 1px dotted #888;
}

body:not([data-scroll="0"]) .pbs-iframe-note {
  opacity: 0;
}

.pbs-buttons {
  -ms-flex-preferred-size: 300px;
  flex-basis: 300px;
  text-align: left;
}

.pbs-go-responsive,
.pbs-hide-elements {
  display: block;
  float: left;
  cursor: pointer;
  padding: 0 14px;
  height: 100%;
  vertical-align: top;
  line-height: 32px;
  color: #888;
  font-size: 10px;
}

.pbs-go-responsive:before,
.pbs-hide-elements:before {
  float: left;
  margin-right: 10px;
  color: #eee;
  margin-top: 1px;
  font-family: 'pbs';
}

.pbs-go-responsive,
.pbs-go-responsive:before,
.pbs-hide-elements,
.pbs-hide-elements:before {
  transition: all .3s;
}

.pbs-go-responsive[data-type="desktop"]:before,
.pbs-hide-elements[data-type="desktop"]:before {
  content: '\EA84';
  font-size: 16px;
  margin-left: -4px;
}

.pbs-go-responsive[data-type="tablet"]:before,
.pbs-hide-elements[data-type="tablet"]:before {
  content: '\EA86';
  font-size: 18px;
  margin-left: -1px;
}

.pbs-go-responsive[data-type="phone"]:before,
.pbs-hide-elements[data-type="phone"]:before {
  content: '\EA85';
  font-size: 22px;
  line-height: 31px;
  margin-left: -1px;
}

.pbs-go-responsive.pbs-hide-elements,
.pbs-hide-elements.pbs-hide-elements {
  float: right;
}

.pbs-go-responsive.pbs-hide-elements:before,
.pbs-hide-elements.pbs-hide-elements:before {
  content: '\EA87';
  font-size: 16px;
  margin-top: 0;
}

body.pbs-hide-responsive .pbs-hide-elements:before {
  content: '\EA88';
  opacity: 0.7;
}

body.pbs-tablet .pbs-go-responsive[data-type="tablet"],
body.pbs-phone .pbs-go-responsive[data-type="phone"],
.pbs-hide-elements:hover,
body.pbs-hide-responsive .pbs-hide-elements,
.pbs-go-responsive:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #ccc;
}

body.pbs-tablet .pbs-go-responsive[data-type="tablet"]:before,
body.pbs-phone .pbs-go-responsive[data-type="phone"]:before,
.pbs-hide-elements:hover:before,
body.pbs-hide-responsive .pbs-hide-elements:before,
.pbs-go-responsive:hover:before {
  color: #fff;
}

body > *:not(#pbs-iframe-controls):not(#pbs-iframe-wrapper):not(#hs-beacon) {
  display: none;
}

@media screen and (max-width: 900px) {
  .pbs-iframe-note {
    display: none;
  }
}