@font-face {
  font-family: 'protoio-embed';
  src: url('../../fonts/protoio-embed.eot?v=100.34');
}
@font-face {
  font-family: 'protoio-embed';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,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)
      format('truetype'),
    url(data:application/font-woff;charset=utf-8;base64,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)
      format('woff');
  font-weight: normal;
  font-style: normal;
}
[class^='icon-'],
[class*=' icon-'] {
  font-family: 'protoio-embed';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-rotate:before {
  content: '\6f';
}
.icon-world:before {
  content: '\57';
}
.icon-reload:before {
  content: '\72';
}
.icon-link:before {
  content: '\e600';
}
.icon-link2:before {
  content: '\e601';
}
.btn {
  display: inline-block;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 600;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 11px;
}
.inline-checkbox,
.inline-radio {
  padding-left: 20px;
  display: inline-block;
  cursor: pointer;
}
.input-control.checkbox .check {
  width: 12px;
  height: 12px;
}
html {
  height: 100%;
  width: 100%;
  font-family: 'Open Sans', 'Helvetica Neue', HelveticaNeue, Helvetica, Arial,
    'Lucida Grande', sans-serif;
  font-size: 11px;
}
a {
  outline: 0 none;
} /*body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-box-align:center;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-justify-content:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-width:100%;min-height:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}body,ul,li{padding:0;margin:0;border:0}*/
#maincontent {
  min-width: 100%;
  min-height: 100%;
  clear: both;
  padding: 20px 60px 20px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border: 0 solid transparent;
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  border-right: 250px solid transparent;
  -webkit-transition: border-right 0.3s cubic-bezier(0.33, 1.02, 0.18, 1.4);
  -moz-transition: border-right 0.3s cubic-bezier(0.33, 1.02, 0.18, 1.4);
  -o-transition: border-right 0.3s cubic-bezier(0.33, 1.02, 0.18, 1.4);
  transition: border-right 0.3s cubic-bezier(0.33, 1.02, 0.18, 1.4);
}
.page-sidebar.hidden + #maincontent {
  border-right: 0px solid transparent;
}
.frame_generic {
  margin: auto !important;
  display: inline-block;
  margin: 0 auto;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  position: relative;
}
.body_generic.skin-wrapper {
  position: absolute;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}
.skin_custom .body_generic,
.skin_shared .body_generic {
  text-align: center;
}
.body_generic iframe {
  background: #ccc;
  border: 2px solid #000000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#eventCaller {
  display: none;
}
.sidebar-action-buttons {
  position: absolute;
  right: 262px;
  top: 17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.sidebar-action-buttons a {
  text-decoration: none;
}
.header-action-button {
  display: inline-block;
  border-radius: 4px;
  margin: 16px 0 0;
  cursor: pointer;
  position: relative;
  text-align: center;
  color: #868f91;
  font-size: 3em;
  line-height: normal;
}
.header-action-button:hover {
  color: #6d7577;
}
.header-action-button.active {
  color: #34a7c1;
}
#change-orientation {
  margin-top: 4px;
}
#change-orientation .tooltip {
  width: 100px;
}
#refresh-preview {
  margin-top: 12px;
}
#refresh-preview .tooltip {
  width: 85px;
}
.created-using-protoio {
  position: relative;
  display: block;
  height: 20px;
  width: 20px;
  margin: 0 auto;
  font-family: Arial;
}
.created-using-protoio-logo {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZJJREFUeNqMVNFtg0AMPU4ZgG5ANggbwARpJyhZoEl/+xPy09+SLgAbJJkARmCDZoQboTZ6F1mWibBknWT77OfzOyfOkO/mN6NjT/pKmin3SDqQnr8OH3d9N1GJUjqOpAdhDkjCUqj7J0pamwmRrCfdwNQBxaiKboC+EohLiguPhCoZt/EmE8Hv4iXYGO2FlH0D+Uq2e/iPSMZJco0KxVppoBh+xxJPUlCBqfUEA/hDXG60WKMgy478nfIXKMiJ1x7vMb2ZgcwJvxOJNdIOrVce1GA5G/QpEBglw1C03HBuPXgWZtBFmuR4L4s6jPIafSsx+mcikaYzMfyG6cotk5+FcQ/aFG653GfsaUw4ih+g5WrYRmN4cbCDx0fX9IhiFcmeUOvmBV0q0GSOg1HeDXQFhtJ5rKAT/Bej9Re0zuRdS4SIbcXmCR48qvE205IQSOMW4S+3Q/FSIOtxh39ZI6fsEDiIpG2cvtwyWAS92DSM/NNcsGIZ7BWBg0HqgDab2Y2t9h8v0K3B0QF/t1PIJ/kXYACQA6E0Fp+jnwAAAABJRU5ErkJggg==');
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: transform 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.created-using-protoio-logo:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVJJREFUeNqMVO+tgkAMPwnGr+cGvg1wA5xARnADHQEnYATcAJ0ANpANcAP4+vJMfD1tTW1asEnD0T+/a3ttnVPo9+++Ai6AO+CH4CvqVm6KwMijMQfogWtkCZ5PgV2ZcQmcKHYJ6njEfgysk0Co90KWYvTBp5aAhXnbSx/klRFt/5E+PgCFr6WYM/1O0aes1p5HVxq17RlgZ9hQTQ+OtUYycvtjIouMahnBf+inYTGPW+XyFL9r4I2QvQl8z6SL8dBOtGgAocfyhs0QdLH7joov7VxkpTFCN0PuCbClnlKMzoqs1R4Fj00AbPBnrzhrl2hLgXwvsrFTZUJk21RGyzwbO4InDzU5or5SUl9i6ifgHx4h2tJAHAFr0KLpKVKaaz7fTJaxKSqt9VWL9ZUZUyHt/NhezMX8UtSa7CD9Z9ayhU/YLFulR5vna0JNP2qG9C/AAK3lHzOovIDiAAAAAElFTkSuQmCC');
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.created-using-protoio:hover .created-using-protoio-logo {
  transform: rotate(720deg);
}
.created-using-protoio:hover .created-using-protoio-logo:before {
  opacity: 1;
}
.created-using-protoio-slideout {
  width: 20px;
  padding: 3px 0px 2px;
  height: 15px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  right: 1px;
  top: 0px;
  z-index: 1;
  background: #868f91;
  color: #fff;
  text-align: center;
  font-size: 12px;
  border-radius: 20px;
  transition: all 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  opacity: 0;
}
.created-using-protoio-slideout span {
  display: inline-block;
  padding: 0 30px;
}
.created-using-protoio:hover .created-using-protoio-slideout {
  width: 180px;
  opacity: 1;
}
.created-using-protoio-light .created-using-protoio-logo {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVJJREFUeNqMVO+tgkAMPwnGr+cGvg1wA5xARnADHQEnYATcAJ0ANpANcAP4+vJMfD1tTW1asEnD0T+/a3ttnVPo9+++Ai6AO+CH4CvqVm6KwMijMQfogWtkCZ5PgV2ZcQmcKHYJ6njEfgysk0Co90KWYvTBp5aAhXnbSx/klRFt/5E+PgCFr6WYM/1O0aes1p5HVxq17RlgZ9hQTQ+OtUYycvtjIouMahnBf+inYTGPW+XyFL9r4I2QvQl8z6SL8dBOtGgAocfyhs0QdLH7joov7VxkpTFCN0PuCbClnlKMzoqs1R4Fj00AbPBnrzhrl2hLgXwvsrFTZUJk21RGyzwbO4InDzU5or5SUl9i6ifgHx4h2tJAHAFr0KLpKVKaaz7fTJaxKSqt9VWL9ZUZUyHt/NhezMX8UtSa7CD9Z9ayhU/YLFulR5vna0JNP2qG9C/AAK3lHzOovIDiAAAAAElFTkSuQmCC');
}
.created-using-protoio-light .created-using-protoio-logo:before {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZJJREFUeNqMVNFtg0AMPU4ZgG5ANggbwARpJyhZoEl/+xPy09+SLgAbJJkARmCDZoQboTZ6F1mWibBknWT77OfzOyfOkO/mN6NjT/pKmin3SDqQnr8OH3d9N1GJUjqOpAdhDkjCUqj7J0pamwmRrCfdwNQBxaiKboC+EohLiguPhCoZt/EmE8Hv4iXYGO2FlH0D+Uq2e/iPSMZJco0KxVppoBh+xxJPUlCBqfUEA/hDXG60WKMgy478nfIXKMiJ1x7vMb2ZgcwJvxOJNdIOrVce1GA5G/QpEBglw1C03HBuPXgWZtBFmuR4L4s6jPIafSsx+mcikaYzMfyG6cotk5+FcQ/aFG653GfsaUw4ih+g5WrYRmN4cbCDx0fX9IhiFcmeUOvmBV0q0GSOg1HeDXQFhtJ5rKAT/Bej9Re0zuRdS4SIbcXmCR48qvE205IQSOMW4S+3Q/FSIOtxh39ZI6fsEDiIpG2cvtwyWAS92DSM/NNcsGIZ7BWBg0HqgDab2Y2t9h8v0K3B0QF/t1PIJ/kXYACQA6E0Fp+jnwAAAABJRU5ErkJggg==');
}
.created-using-protoio-light .created-using-protoio-slideout {
  background: #f8f9fa;
  color: #868f91;
}
.skin-wrapper {
  display: inline-block;
  position: relative;
}
.skin-wrapper #pio-playerframe {
  background: #ffffff;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}
.skin-wrapper div::after,
.skin-wrapper div::before {
  content: '';
  display: block;
  position: relative;
}
.skin-wrapper .detail-top,
.skin-wrapper .detail-bottom {
  position: absolute;
  margin: 0 auto;
}
.skin-wrapper .buttons {
  position: absolute;
  z-index: -1;
}
.skin-wrapper.skin_none #pio-playerframe,
.skin-wrapper.skin_custom #pio-playerframe,
.skin-wrapper.skin_theme #pio-playerframe {
  border-width: 0 !important;
  border-radius: 0 !important;
}
.skin-wrapper.skin_none,
.skin-wrapper.skin_custom,
.skin-wrapper.skin_theme {
  box-shadow: none !important;
}
.skin-wrapper.skin_theme .body_generic_inner {
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
.skin-wrapper.skin-color-white.skin_custom,
.skin-wrapper.skin-color-white.skin_shared {
  box-shadow: none;
}
.skin-wrapper.skin-os-apple.skin-device-tablet {
  box-shadow: none;
}
.skin-wrapper.skin-os-android.skin-device-wear.skin-color-white
  #pio-playerframe {
  border-color: #aaa !important;
}
.skin-wrapper.skin-os-web #pio-playerframe {
  border: none !important;
}
.skin-os-apple {
  background-color: #444;
}
.skin-os-apple .detail-bottom {
  border-radius: 50%;
  left: 50%;
}
.skin-os-apple .buttons,
.skin-os-apple .buttons::before,
.skin-os-apple .buttons::after {
  background-color: #333;
}
.skin-os-apple.skin-orientation-landscape .detail-bottom {
  top: 50%;
  bottom: auto;
}
.skin-os-apple.skin-color-white {
  background-color: #fafafa !important;
}
.skin-os-apple.skin-color-white .detail-top,
.skin-os-apple.skin-color-white.skin-device-phone .detail-top::before,
.skin-os-apple.skin-color-white.skin-device-phone .detail-top::after,
.skin-os-apple.skin-color-white .detail-bottom {
  border-color: #aaa !important;
}
.skin-os-apple.skin-color-white .buttons,
.skin-os-apple.skin-color-white .buttons::before,
.skin-os-apple.skin-color-white .buttons::after {
  background-color: #aaa !important;
}
.skin-os-apple.skin-device-phone .detail-top {
  border-radius: 50%;
  left: 50%;
}
.skin-os-apple.skin-device-phone .detail-top::before {
  border-radius: 50%;
  float: left;
  display: none;
}
.skin-os-apple.skin-device-phone .buttons.top {
  width: 16%;
  right: 17%;
}
.skin-os-apple.skin-device-phone .buttons.left {
  height: 4%;
  top: 14%;
}
.skin-os-apple.skin-device-phone .buttons.left::before {
  top: 236%;
}
.skin-os-apple.skin-device-phone .buttons.left::after {
  top: 446%;
}
.skin-os-apple.skin-device-phone .buttons.left::before,
.skin-os-apple.skin-device-phone .buttons.left::after {
  height: 78%;
}
.skin-os-apple.skin-device-phone .buttons.left,
.skin-os-apple.skin-device-phone .buttons.left::before,
.skin-os-apple.skin-device-phone .buttons.left::after {
  position: absolute;
}
.skin-os-apple.skin-device-phone.skin-orientation-landscape .detail-top {
  top: 50% !important;
  left: auto;
}
.skin-os-apple.skin-device-phone.skin-orientation-landscape .buttons.top {
  height: 16% !important;
  top: auto !important;
}
.skin-os-apple.skin-device-phone.skin-orientation-landscape .buttons.left {
  width: 4% !important;
  right: 14%;
  left: auto !important;
}
.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .buttons.left::before {
  right: 236%;
  top: auto;
}
.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .buttons.left::after {
  right: 446%;
  top: auto;
}
.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .buttons.left::before,
.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .buttons.left::after {
  width: 78% !important;
}
.skin-os-apple.skin-device-phone.skin-model-iphone3 .detail-top::before,
.skin-os-apple.skin-device-phone.skin-model-iphone3 .detail-top::after {
  content: none;
}
.skin-os-apple.skin-device-phone.skin-model-iphone3 .buttons.left {
  height: 5%;
  top: 9%;
}
.skin-os-apple.skin-device-phone.skin-model-iphone3 .buttons.left::before {
  top: 162%;
  height: 133%;
}
.skin-os-apple.skin-device-phone.skin-model-iphone3 .buttons.left::after {
  top: 392%;
  height: 133%;
}
.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .detail-top::before,
.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .detail-top::after {
  content: none;
}
.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.top {
  top: auto;
}
.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.left {
  width: 5% !important;
  right: 9%;
}
.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.left::before {
  right: 162%;
}
.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.left::after {
  right: 392%;
}
.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.left::before,
.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.left::after {
  top: auto;
  width: 133% !important;
}
.skin-os-apple.skin-device-phone.skin-model-iphone4 .detail-top::before {
  content: none;
}
.skin-os-apple.skin-device-phone.skin-model-iphone4 .detail-top::after {
  border-radius: 50% !important;
}
.skin-os-apple.skin-device-phone.skin-model-iphone4 .buttons.left {
  top: 9%;
}
.skin-os-apple.skin-device-phone.skin-model-iphone4 .buttons.left::before {
  top: 273%;
}
.skin-os-apple.skin-device-phone.skin-model-iphone4 .buttons.left::after {
  top: 493%;
}
.skin-os-apple.skin-device-phone.skin-model-iphone4.skin-orientation-landscape
  .detail-top::before {
  content: none;
}
.skin-os-apple.skin-device-phone.skin-model-iphone4.skin-orientation-landscape
  .detail-top::after {
  top: auto;
}
.skin-os-apple.skin-device-phone.skin-model-iphone4.skin-orientation-landscape
  .detail-bottom {
  margin-left: 0;
}
.skin-os-apple.skin-device-phone.skin-model-iphone4.skin-orientation-landscape
  .buttons.left {
  right: 9%;
}
.skin-os-apple.skin-device-phone.skin-model-iphone4.skin-orientation-landscape
  .buttons.left::before {
  right: 273%;
  top: auto;
}
.skin-os-apple.skin-device-phone.skin-model-iphone4.skin-orientation-landscape
  .buttons.left::after {
  right: 493%;
  top: auto;
}
.skin-os-apple.skin-device-phone.skin-model-iphone6 .buttons.top {
  display: none;
}
.skin-os-apple.skin-device-phone.skin-model-iphone6 .buttons.left::before {
  top: 204%;
}
.skin-os-apple.skin-device-phone.skin-model-iphone6 .buttons.left::after {
  top: 415%;
}
.skin-os-apple.skin-device-phone.skin-model-iphone6 .buttons.left::before,
.skin-os-apple.skin-device-phone.skin-model-iphone6 .buttons.left::after {
  height: 180%;
}
.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .detail-top::before {
  top: auto;
}
.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .detail-top::after {
  top: auto;
}
.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .detail-bottom {
  margin-left: 0 !important;
}
.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .buttons.left::before {
  right: 204%;
  top: auto;
}
.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .buttons.left::after {
  right: 415%;
  top: auto;
}
.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .buttons.left::before,
.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .buttons.left::after {
  width: 180% !important;
}
.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .buttons.right {
  top: auto !important;
}
.skin-os-apple.skin-device-tablet {
  box-sizing: border-box;
}
.skin-os-apple.skin-device-tablet .detail-top {
  border-radius: 50%;
  left: 50%;
}
.skin-os-apple.skin-device-tablet.skin-orientation-landscape .detail-top {
  top: 50% !important;
  left: auto;
}
.skin-os-apple.skin-device-tablet.skin-color-white {
  border-color: #aaa !important;
}
.skin-os-android {
  background-color: #444;
}
.skin-os-android .detail-top,
.skin-os-android .detail-bottom,
.skin-os-android:not(.skin-device-wear) .detail-top::before,
.skin-os-android:not(.skin-device-wear) .detail-top::after {
  border-radius: 50%;
}
.skin-os-android .buttons {
  background-color: #333;
}
.skin-os-android.skin-color-white {
  background-color: #fafafa !important;
}
.skin-os-android.skin-color-white .buttons {
  background-color: #aaa !important;
}
.skin-os-android.skin-color-white:not(.skin-device-wear) .detail-top,
.skin-os-android.skin-color-white:not(.skin-device-wear) .detail-bottom,
.skin-os-android.skin-color-white:not(.skin-device-wear) .detail-top::before,
.skin-os-android.skin-color-white:not(.skin-device-wear) .detail-top::after {
  border-color: #aaa !important;
}
.skin-os-android.skin-device-wear {
  background-color: #333;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.skin-os-android.skin-device-wear .detail-top,
.skin-os-android.skin-device-wear .detail-bottom {
  position: absolute;
  background-color: #333;
  border-radius: 0;
  width: 68%;
  left: 16%;
}
.skin-os-android.skin-device-wear .detail-top {
  border-bottom: 0 none;
}
.skin-os-android.skin-device-wear .detail-bottom {
  border-top: 0 none;
}
.skin-os-android.skin-device-wear .buttons.right {
  height: 100%;
  top: 0;
  bottom: 0;
  background-color: transparent;
  border: 0 none;
}
.skin-os-android.skin-device-wear .buttons.right::before,
.skin-os-android.skin-device-wear .buttons.right::after {
  height: 14%;
  background-color: #333;
  position: absolute;
}
.skin-os-android.skin-device-wear .buttons.right::before {
  top: 25%;
}
.skin-os-android.skin-device-wear .buttons.right::after {
  bottom: 25%;
}
.skin-os-android.skin-device-wear.skin-color-white {
  background-color: #fafafa !important;
  box-shadow: none !important;
}
.skin-os-android.skin-device-wear.skin-color-white .detail-top,
.skin-os-android.skin-device-wear.skin-color-white .detail-bottom {
  background-color: #fafafa !important;
  border-color: #aaa !important;
  border-top: 0 none !important;
  border-bottom: 0 none !important;
}
.skin-os-android.skin-device-wear.skin-color-white .buttons.right::before,
.skin-os-android.skin-device-wear.skin-color-white .buttons.right::after {
  background-color: #aaa !important;
}
.skin-os-android.skin-device-phone {
  border-bottom-left-radius: 100% 7%;
  border-bottom-right-radius: 100% 7%;
  border-top-left-radius: 100% 7%;
  border-top-right-radius: 100% 7%;
}
.skin-os-android.skin-device-phone .detail-top {
  width: 100%;
  border: 0 none !important;
}
.skin-os-android.skin-device-phone .detail-top::before {
  position: absolute;
  left: 20%;
}
.skin-os-android.skin-device-phone .detail-top:after {
  left: 50%;
}
.skin-os-android.skin-device-phone .detail-bottom {
  display: none;
}
.skin-os-android.skin-device-phone .buttons.left {
  height: 16%;
  top: 19%;
}
.skin-os-android.skin-device-phone .buttons.right {
  height: 6%;
  top: 13%;
}
.skin-os-android.skin-device-phone.skin-orientation-landscape {
  border-bottom-left-radius: 7% 100%;
  border-bottom-right-radius: 7% 100%;
  border-top-left-radius: 7% 100%;
  border-top-right-radius: 7% 100%;
}
.skin-os-android.skin-device-phone.skin-orientation-landscape .detail-top {
  width: auto;
  height: 100%;
  top: auto !important;
}
.skin-os-android.skin-device-phone.skin-orientation-landscape
  .detail-top::before {
  top: 20% !important;
  left: 0;
}
.skin-os-android.skin-device-phone.skin-orientation-landscape
  .detail-top:after {
  top: 50%;
}
.skin-os-android.skin-device-phone.skin-orientation-landscape .buttons.left {
  width: 16% !important;
  right: 19%;
  left: auto !important;
}
.skin-os-android.skin-device-phone.skin-orientation-landscape .buttons.right {
  width: 6% !important;
  right: 13% !important;
  top: auto;
}
.skin-os-android.skin-device-tablet .detail-top {
  left: 50%;
}
.skin-os-android.skin-device-tablet .detail-top::before,
.skin-os-android.skin-device-tablet .detail-top::after {
  display: none;
}
.skin-os-android.skin-device-tablet .detail-bottom {
  display: none;
}
.skin-os-android.skin-device-tablet.skin-orientation-landscape .detail-top {
  top: 50% !important;
  left: auto !important;
}
.skin-os-android.skin-device-tablet.skin-orientation-landscape
  .detail-top::before {
  left: auto !important;
}
.skin-os-windows {
  background-color: #444;
}
.skin-os-windows .detail-bottom {
  background: url('/images/player/skins/windows_logo.svg') no-repeat center
    center;
}
.skin-os-windows .buttons,
.skin-os-windows .buttons::before,
.skin-os-windows .buttons::after {
  background-color: #333;
}
.skin-os-windows.skin-orientation-landscape .detail-bottom {
  background-image: url('/images/player/skins/windows_logo_rotated.svg');
}
.skin-os-windows.skin-color-white {
  background-color: #fafafa !important;
}
.skin-os-windows.skin-color-white .detail-top,
.skin-os-windows.skin-color-white.skin-device-phone .detail-top::after {
  border-color: #aaa !important;
}
.skin-os-windows.skin-color-white .buttons,
.skin-os-windows.skin-color-white .buttons::before,
.skin-os-windows.skin-color-white .buttons::after {
  background-color: #aaa !important;
}
.skin-os-windows.skin-device-phone .detail-top {
  width: 20%;
  left: 50%;
  margin-left: -10%;
}
.skin-os-windows.skin-device-phone .detail-top::after {
  border-radius: 50%;
  left: 192%;
}
.skin-os-windows.skin-device-phone .detail-bottom::before {
  width: 25%;
  height: 100%;
  background: url('/images/player/skins/windows_arrow.svg') no-repeat center
    center;
}
.skin-os-windows.skin-device-phone .detail-bottom::after {
  width: 25%;
  height: 100%;
  right: 0;
  background: url('/images/player/skins/windows_search.svg') no-repeat center
    center;
}
.skin-os-windows.skin-device-phone .detail-bottom::before,
.skin-os-windows.skin-device-phone .detail-bottom::after {
  position: absolute;
}
.skin-os-windows.skin-device-phone .buttons.right {
  height: 14%;
  top: 15%;
}
.skin-os-windows.skin-device-phone .buttons.right::before {
  top: 175%;
}
.skin-os-windows.skin-device-phone .buttons.right::after {
  top: 366%;
}
.skin-os-windows.skin-device-phone .buttons.right::before,
.skin-os-windows.skin-device-phone .buttons.right::after {
  height: 50% !important;
}
.skin-os-windows.skin-device-phone.skin-orientation-landscape .detail-top {
  height: 20% !important;
  top: 50% !important;
  left: auto;
  margin-top: -10%;
}
.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .detail-top::after {
  top: 188% !important;
  left: auto;
}
.skin-os-windows.skin-device-phone.skin-orientation-landscape .detail-bottom {
  height: auto !important;
  right: auto !important;
}
.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .detail-bottom::before {
  width: 100%;
  height: 25%;
  background-image: url('/images/player/skins/windows_arrow_rotated.svg');
}
.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .detail-bottom::after {
  width: 100%;
  height: 25%;
  right: auto;
  bottom: 0;
  background-image: url('/images/player/skins/windows_search_rotated.svg');
}
.skin-os-windows.skin-device-phone.skin-orientation-landscape .buttons.right {
  width: 14% !important;
  right: 15% !important;
  top: auto;
}
.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .buttons.right::before {
  right: 175%;
  top: auto;
  float: right;
}
.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .buttons.right::after {
  right: 366%;
  top: auto;
}
.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .buttons.right::before,
.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .buttons.right::after {
  width: 65% !important;
}
.skin-os-windows.skin-device-phone.skin-model-htc .detail-top {
  width: 10%;
  left: 50%;
  margin-left: -5%;
}
.skin-os-windows.skin-device-phone.skin-model-htc .detail-top::after {
  left: 384%;
}
.skin-os-windows.skin-device-phone.skin-model-htc.skin-orientation-landscape
  .detail-top {
  height: 10%;
  top: 50%;
  left: auto;
  margin-top: -3%;
}
.skin-os-windows.skin-device-phone.skin-model-htc.skin-orientation-landscape
  .detail-top::after {
  top: 383%;
  left: auto;
}
.skin-os-windows.skin-device-phone.skin-model-htc.skin-orientation-landscape
  .detail-bottom {
  height: auto !important;
  right: auto !important;
}
.skin-os-windows.skin-device-tablet .detail-top {
  border-radius: 50%;
  top: 50%;
}
.skin-os-windows.skin-device-tablet .detail-bottom {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-size: contain;
}
.skin-os-windows.skin-device-tablet.skin-orientation-landscape .detail-top {
  left: 50% !important;
  margin-top: auto;
}
.skin-os-windows.skin-device-tablet.skin-orientation-landscape .detail-bottom {
  top: auto !important;
}
.skin-os-default {
  background-color: #444;
}
.skin-os-default.skin-color-white {
  background-color: #fafafa !important;
}
.skin-os-web {
  background-color: #444;
  box-sizing: border-box;
}
.skin-os-web .detail-top {
  position: absolute;
}
.skin-os-web .detail-top::before {
  position: absolute;
  width: 0;
  height: 0;
  border-right-color: #666;
}
.skin-os-web .detail-top::after {
  position: absolute;
  width: 0;
  height: 0;
  border-left-color: #333;
}
.skin-os-web .web-search {
  position: absolute;
}
.skin-os-web .buttons.top {
  border-radius: 50%;
  z-index: 0;
}
.skin-os-web .buttons.top::before {
  border-radius: 50%;
  float: left;
}
.skin-os-web .buttons.top::after {
  border-radius: 50%;
}
.skin-os-web .buttons.top,
.skin-os-web .buttons.top::after,
.skin-os-web .buttons.top::before {
  background-color: #666;
}
.skin-os-web.skin-color-white {
  background-color: #fafafa !important;
  border-color: #fafafa !important;
}
.skin-os-web.skin-color-white .detail-top,
.skin-os-web.skin-color-white .web-search {
  border-color: #aaa !important;
}
.skin-os-web.skin-color-white .detail-top::before {
  border-right-color: #aaa !important;
}
.skin-os-web.skin-color-white .detail-top::after {
  border-left-color: #aaa !important;
}
.skin-os-web.skin-color-white .buttons.top,
.skin-os-web.skin-color-white .buttons.top::after,
.skin-os-web.skin-color-white .buttons.top::before {
  background-color: #aaa !important;
}
.skin-size-1.skin-wrapper #pio-playerframe {
  border: 3px solid #000;
  border-radius: 3px;
}
.skin-size-1.skin-wrapper.skin-color-white:not(.skin_theme),
.skin-size-1.skin-wrapper.skin-color-white:not(.skin_custom) {
  box-shadow: inset 0 0 0 2px #aaa;
}
.skin-size-1.skin-wrapper.skin-os-apple.skin-device-phone #pio-playerframe {
  width: 320px;
  height: 568px;
  margin: 111px 24px 112px !important;
}
.skin-size-1.skin-wrapper.skin-os-apple.skin-device-phone.skin-orientation-landscape
  #pio-playerframe {
  width: 568px;
  height: 320px;
  margin: 24px 111px 24px 112px !important;
}
.skin-size-1.skin-wrapper.skin-os-apple.skin-device-phone.skin-model-iphone3
  #pio-playerframe {
  width: 320px;
  height: 480px;
  margin: 103px 20px 107px !important;
}
.skin-size-1.skin-wrapper.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  #pio-playerframe {
  width: 480px;
  height: 320px;
  margin: 20px 103px 20px 107px !important;
}
.skin-size-1.skin-wrapper.skin-os-apple.skin-device-phone.skin-model-iphone4
  #pio-playerframe {
  margin: 124px 24px 128px;
}
.skin-size-1.skin-wrapper.skin-os-apple.skin-device-phone.skin-model-iphone4.skin-orientation-landscape
  #pio-playerframe {
  margin: 24px 124px 24px 128px;
}
.skin-size-1.skin-wrapper.skin-os-apple.skin-device-phone.skin-model-iphone6
  #pio-playerframe {
  width: 250px;
  height: 445px;
  margin: 69px 15px 67px !important;
  border: 2px solid #000;
  border-radius: 2px;
}
.skin-size-1.skin-wrapper.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  #pio-playerframe {
  width: 445px;
  height: 250px;
  margin: 15px 69px 15px 67px !important;
}
.skin-size-1.skin-wrapper.skin-os-apple.skin-device-tablet {
  box-shadow: none;
}
.skin-size-1.skin-wrapper.skin-os-apple.skin-device-tablet #pio-playerframe {
  width: 768px;
  height: 1024px;
  margin: 101px 82px 98px !important;
}
.skin-size-1.skin-wrapper.skin-os-apple.skin-device-tablet.skin-orientation-landscape
  #pio-playerframe {
  width: 1024px;
  height: 768px;
  margin: 82px 101px 82px 98px !important;
}
.skin-size-1.skin-wrapper.skin-os-apple.skin-device-tablet.skin-model-ipadmini
  #pio-playerframe {
  margin: 101px 44px 104px !important;
}
.skin-size-1.skin-wrapper.skin-os-apple.skin-device-tablet.skin-model-ipadmini.skin-orientation-landscape
  #pio-playerframe {
  margin: 44px 101px 44px 104px !important;
}
.skin-size-1.skin-wrapper.skin-os-android.skin-device-wear #pio-playerframe {
  width: 280px;
  height: 280px;
  border-width: 6px;
  margin: 28px !important;
}
.skin-size-1.skin-wrapper.skin-os-android.skin-device-wear.skin-color-white
  #pio-playerframe {
  margin: 36px !important;
}
.skin-size-1.skin-wrapper.skin-os-android.skin-device-phone #pio-playerframe {
  width: 540px;
  height: 960px;
  margin: 98px 24px 130px !important;
}
.skin-size-1.skin-wrapper.skin-os-android.skin-device-phone.skin-orientation-landscape
  #pio-playerframe {
  width: 960px;
  height: 540px;
  margin: 24px 98px 24px 130px !important;
}
.skin-size-1.skin-wrapper.skin-os-android.skin-device-tablet #pio-playerframe {
  width: 800px;
  height: 1280px;
  margin: 181px 95px 174px !important;
}
.skin-size-1.skin-wrapper.skin-os-android.skin-device-tablet.skin-orientation-landscape
  #pio-playerframe {
  width: 1280px;
  height: 800px;
  margin: 95px 181px 95px 174px !important;
}
.skin-size-1.skin-wrapper.skin-os-windows.skin-device-phone #pio-playerframe {
  width: 480px;
  height: 800px;
  margin: 70px 31px 106px;
}
.skin-size-1.skin-wrapper.skin-os-windows.skin-device-phone.skin-orientation-landscape
  #pio-playerframe {
  width: 800px;
  height: 480px;
  margin: 31px 70px 31px 106px;
}
.skin-size-1.skin-wrapper.skin-os-windows.skin-device-tablet #pio-playerframe {
  width: 540px;
  height: 960px;
  margin: 73px 70px 73px 65px !important;
}
.skin-size-1.skin-wrapper.skin-os-windows.skin-device-tablet.skin-orientation-landscape
  #pio-playerframe {
  width: 960px;
  height: 540px;
  margin: 65px 73px 70px !important;
}
.skin-size-1.skin-wrapper.skin-os-default #pio-playerframe {
  width: 845px;
  height: 1385px;
  margin: 20px !important;
}
.skin-size-1.skin-wrapper.skin-os-default.skin-orientation-landscape
  #pio-playerframe {
  width: 1385px;
  height: 845px;
}
.skin-size-1.skin-wrapper.skin-os-web #pio-playerframe {
  width: 1280px;
  height: 768px;
  margin: 36px 6px 6px !important;
}
.skin-size-1.skin-os-apple {
  border-radius: 51px;
}
.skin-size-1.skin-os-apple .detail-bottom {
  bottom: 22px;
}
.skin-size-1.skin-os-apple .detail-top,
.skin-size-1.skin-os-apple.skin-device-phone .detail-top::before,
.skin-size-1.skin-os-apple.skin-device-phone .detail-top::after,
.skin-size-1.skin-os-apple .detail-bottom {
  border: 2px solid #333;
}
.skin-size-1.skin-os-apple.skin-device-phone .detail-top {
  width: 13px;
  height: 13px;
  margin-left: -8px;
  top: 28px;
}
.skin-size-1.skin-os-apple.skin-device-phone .detail-top::before {
  width: 5px;
  height: 5px;
  top: 26px;
  right: 52px;
}
.skin-size-1.skin-os-apple.skin-device-phone .detail-top::after {
  border-radius: 5px;
  width: 62px;
  height: 5px;
  top: 28px;
  right: 28px;
}
.skin-size-1.skin-os-apple.skin-device-phone .detail-bottom {
  width: 63px;
  height: 63px;
  margin-left: -33px;
}
.skin-size-1.skin-os-apple.skin-device-phone .buttons.top {
  border-radius: 2px 2px 0 0;
  height: 5px;
  top: -4px;
}
.skin-size-1.skin-os-apple.skin-device-phone .buttons.left {
  left: -4px;
}
.skin-size-1.skin-os-apple.skin-device-phone .buttons.left,
.skin-size-1.skin-os-apple.skin-device-phone .buttons.left::before,
.skin-size-1.skin-os-apple.skin-device-phone .buttons.left::after {
  width: 5px;
  border-radius: 3px 0 0 3px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .detail-top {
  right: 28px;
  margin-top: -8px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .detail-top::before {
  right: 26px;
  top: -52px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .detail-top::after {
  width: 5px !important;
  height: 62px;
  right: 28px;
  top: -28px !important;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .detail-bottom {
  left: 55px;
  margin-top: -34px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .buttons.top {
  width: 5px;
  right: -4px;
  bottom: 67px;
  border-radius: 0 2px 2px 0;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .buttons.left {
  top: -4px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .buttons.left,
.skin-size-1.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .buttons.left::before,
.skin-size-1.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .buttons.left::after {
  height: 5px;
  border-radius: 3px 3px 0 0;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone3 .detail-top {
  border-radius: 10px;
  width: 62px;
  height: 5px;
  top: 54px;
  margin-left: -33px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone3 .detail-bottom {
  width: 63px;
  height: 63px;
  margin-left: -33px;
  bottom: 22px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone3 .buttons.top {
  height: 4px;
  top: -4px;
  border-radius: 5px 5px 0 0;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone3 .buttons.left {
  left: -4px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone3 .buttons.left,
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone3
  .buttons.left::before,
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone3
  .buttons.left::after {
  width: 4px;
  border-radius: 5px 0 0 5px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .detail-top {
  width: 5px;
  height: 62px;
  right: 54px;
  margin-top: -33px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .detail-bottom {
  left: 58px;
  margin-top: -34px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.top {
  width: 4px;
  right: -4px;
  bottom: 60px;
  border-radius: 0 5px 5px 0;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.left {
  top: -4px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.left,
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.left::before,
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.left::after {
  height: 4px;
  border-radius: 5px 5px 0 0;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone4 .detail-top {
  border-radius: 5px;
  width: 62px;
  height: 5px;
  top: 60px;
  margin-left: -32px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone4
  .detail-top::after {
  width: 13px;
  height: 13px;
  top: -6px;
  right: 41px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone4 .detail-bottom {
  width: 67px;
  height: 67px;
  margin-left: -36px;
  bottom: 30px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone4.skin-orientation-landscape
  .detail-top {
  width: 5px;
  height: 62px;
  right: 58px;
  margin-top: -32px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone4.skin-orientation-landscape
  .detail-top::after {
  width: 13px;
  height: 13px;
  bottom: 41px;
  right: 6px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6 {
  border-radius: 35px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6 .detail-top {
  top: 13px;
  width: 5px;
  height: 5px;
  margin-left: -3px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6
  .detail-top::before {
  width: 8px;
  height: 8px;
  top: 16px;
  right: 50px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6
  .detail-top::after {
  top: 18px;
  right: 24px;
  width: 48px;
  height: 4px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6 .detail-bottom {
  width: 42px;
  height: 42px;
  margin-left: -21px;
  bottom: 12px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6 .buttons.left {
  height: 25px;
  left: -2px;
  top: 72px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6 .buttons.left,
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6
  .buttons.left::before,
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6
  .buttons.left::after {
  width: 2px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6 .buttons.right {
  border-radius: 0 2px 2px 0;
  height: 45px;
  width: 2px;
  right: -2px;
  top: 120px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6 .detail-top,
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6
  .detail-top::before,
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6
  .detail-top::after,
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6 .detail-bottom {
  border: 1px solid #333;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .detail-top {
  right: 13px;
  margin-top: -3px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .detail-top::before {
  right: 20px;
  bottom: 50px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .detail-top::after {
  bottom: 24px;
  height: 48px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .detail-bottom {
  left: 12px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .buttons.left {
  width: 25px;
  height: 2px !important;
  top: -2px;
  right: 72px;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .buttons.left::before,
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .buttons.left::after {
  height: 2px !important;
}
.skin-size-1.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .buttons.right {
  border-radius: 0 0 2px 2px;
  height: 2px;
  width: 45px;
  bottom: -2px;
  right: 120px;
}
.skin-size-1.skin-os-apple.skin-device-tablet {
  border-radius: 40px;
  border: 6px solid #333;
}
.skin-size-1.skin-os-apple.skin-device-tablet .detail-top {
  width: 13px;
  height: 13px;
  top: 40px;
  margin-left: -7px;
}
.skin-size-1.skin-os-apple.skin-device-tablet .detail-bottom {
  width: 59px;
  height: 59px;
  margin-left: -31px;
  bottom: 14px;
}
.skin-size-1.skin-os-apple.skin-device-tablet.skin-orientation-landscape
  .detail-top {
  right: 40px;
  margin-top: -7px;
}
.skin-size-1.skin-os-apple.skin-device-tablet.skin-orientation-landscape
  .detail-bottom {
  left: 45px;
  margin-top: -31px;
}
.skin-size-1.skin-os-apple.skin-device-tablet.skin-model-ipadmini {
  border-radius: 55px;
  border: 12px solid #333;
}
.skin-size-1.skin-os-android .detail-top,
.skin-size-1.skin-os-android .detail-bottom,
.skin-size-1.skin-os-android:not(.skin-device-wear) .detail-top::before,
.skin-size-1.skin-os-android:not(.skin-device-wear) .detail-top::after {
  border: 2px solid #333;
}
.skin-size-1.skin-os-android.skin-device-wear {
  border: 12px solid #444;
  border-radius: 40px;
}
.skin-size-1.skin-os-android.skin-device-wear .detail-top,
.skin-size-1.skin-os-android.skin-device-wear .detail-bottom {
  height: 115px;
}
.skin-size-1.skin-os-android.skin-device-wear .detail-top {
  top: -131px;
}
.skin-size-1.skin-os-android.skin-device-wear .detail-bottom {
  bottom: -131px;
}
.skin-size-1.skin-os-android.skin-device-wear .buttons.right {
  right: -10px;
}
.skin-size-1.skin-os-android.skin-device-wear .buttons.right::before,
.skin-size-1.skin-os-android.skin-device-wear .buttons.right::after {
  border-radius: 0 6px 6px 0;
  width: 13px;
}
.skin-size-1.skin-os-android.skin-device-wear .detail-top,
.skin-size-1.skin-os-android.skin-device-wear .detail-bottom,
.skin-size-1.skin-os-android.skin-device-wear:not(.skin-device-wear)
  .detail-top::before,
.skin-size-1.skin-os-android.skin-device-wear:not(.skin-device-wear)
  .detail-top::after {
  border: 4px solid #333;
}
.skin-size-1.skin-os-android.skin-device-wear.skin-color-white {
  border: 4px solid #aaa;
}
.skin-size-1.skin-os-android.skin-device-wear.skin-color-white .detail-top,
.skin-size-1.skin-os-android.skin-device-wear.skin-color-white .detail-bottom {
  height: 127px;
}
.skin-size-1.skin-os-android.skin-device-wear.skin-color-white .buttons.right {
  right: -4px;
}
.skin-size-1.skin-os-android.skin-device-phone .detail-top {
  top: 40px;
}
.skin-size-1.skin-os-android.skin-device-phone .detail-top::before {
  width: 13px;
  height: 13px;
  top: 5px;
}
.skin-size-1.skin-os-android.skin-device-phone .detail-top:after {
  width: 23px;
  height: 23px;
  margin-left: -12px;
}
.skin-size-1.skin-os-android.skin-device-phone .buttons.left {
  border-radius: 2px 0 0 2px;
  width: 9px;
  left: -8px;
}
.skin-size-1.skin-os-android.skin-device-phone .buttons.right {
  width: 7px;
  right: -6px;
  border-radius: 0 2px 2px 0;
}
.skin-size-1.skin-os-android.skin-device-phone.skin-orientation-landscape
  .detail-top {
  right: 47px;
}
.skin-size-1.skin-os-android.skin-device-phone.skin-orientation-landscape
  .detail-top:after {
  right: 7px;
  left: 6px;
  margin-top: -12px;
}
.skin-size-1.skin-os-android.skin-device-phone.skin-orientation-landscape
  .buttons.left {
  height: 9px;
  top: -8px;
  border-radius: 2px 2px 0 0;
}
.skin-size-1.skin-os-android.skin-device-phone.skin-orientation-landscape
  .buttons.right {
  height: 7px;
  bottom: -6px;
  border-radius: 0 0 2px 2px;
}
.skin-size-1.skin-os-android.skin-device-phone.skin-model-nexus1 .buttons.left {
  border-radius: 4px 0 0 4px;
}
.skin-size-1.skin-os-android.skin-device-phone.skin-model-nexus1.skin-orientation-landscape
  .buttons.left {
  border-radius: 4px 4px 0 0;
}
.skin-size-1.skin-os-android.skin-device-tablet {
  border-radius: 76px;
}
.skin-size-1.skin-os-android.skin-device-tablet .detail-top {
  width: 27px;
  height: 27px;
  top: 64px;
  left: 50%;
  margin-left: -16px;
}
.skin-size-1.skin-os-android.skin-device-tablet .detail-top::before {
  width: 13px;
  height: 13px;
  top: 8px;
  left: 55px;
}
.skin-size-1.skin-os-android.skin-device-tablet.skin-orientation-landscape
  .detail-top {
  right: 64px !important;
  margin-top: -16px !important;
}
.skin-size-1.skin-os-android.skin-device-tablet.skin-orientation-landscape
  .detail-top::before {
  right: -3px;
  top: 55px;
}
.skin-size-1.skin-os-windows {
  border-radius: 5px;
}
.skin-size-1.skin-os-windows .detail-top,
.skin-size-1.skin-os-windows.skin-device-phone .detail-top::after {
  border: 2px solid #333;
}
.skin-size-1.skin-os-windows.skin-device-phone .detail-top {
  border-radius: 5px;
  height: 5px;
  top: 14px;
}
.skin-size-1.skin-os-windows.skin-device-phone .detail-top::after {
  width: 14px;
  height: 14px;
  top: 17px;
}
.skin-size-1.skin-os-windows.skin-device-phone .detail-bottom {
  height: 20px;
  bottom: 63px;
  left: 31px;
  right: 31px;
}
.skin-size-1.skin-os-windows.skin-device-phone .buttons.right {
  right: -4px;
}
.skin-size-1.skin-os-windows.skin-device-phone .buttons.right,
.skin-size-1.skin-os-windows.skin-device-phone .buttons.right::before,
.skin-size-1.skin-os-windows.skin-device-phone .buttons.right::after {
  width: 5px;
  border-radius: 0 4px 4px 0;
}
.skin-size-1.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .detail-top {
  width: 5px;
  right: 14px;
}
.skin-size-1.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .detail-top::after {
  right: 31px;
}
.skin-size-1.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .detail-bottom {
  width: 20px;
  left: 63px;
  top: 31px;
  bottom: 31px;
}
.skin-size-1.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .buttons.right {
  bottom: -4px;
}
.skin-size-1.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .buttons.right,
.skin-size-1.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .buttons.right::before,
.skin-size-1.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .buttons.right::after {
  height: 5px !important;
  border-radius: 0 0 4px 4px;
}
.skin-size-1.skin-os-windows.skin-device-phone.skin-model-htc .detail-bottom {
  height: 35px;
  bottom: 63px;
  left: 31px;
  right: 31px;
}
.skin-size-1.skin-os-windows.skin-device-phone.skin-model-htc.skin-orientation-landscape
  .detail-bottom {
  width: 35px;
  left: 63px;
  top: 31px;
  bottom: 31px;
}
.skin-size-1.skin-os-windows.skin-device-tablet {
  border-radius: 34px;
}
.skin-size-1.skin-os-windows.skin-device-tablet .detail-top {
  width: 13px;
  height: 13px;
  left: 30px;
  margin-top: -8px;
}
.skin-size-1.skin-os-windows.skin-device-tablet .detail-bottom {
  width: 28px;
  right: 28px;
  top: 73px;
  bottom: 73px;
}
.skin-size-1.skin-os-windows.skin-device-tablet.skin-orientation-landscape
  .detail-top {
  top: 30px;
  margin-left: -9px;
}
.skin-size-1.skin-os-windows.skin-device-tablet.skin-orientation-landscape
  .detail-bottom {
  height: 28px;
  bottom: 28px;
  left: 73px;
  right: 73px;
}
.skin-size-1.skin-os-default {
  border-radius: 5px;
}
.skin-size-1.skin-os-web {
  border-radius: 10px;
}
.skin-size-1.skin-os-web .detail-top {
  top: 5px;
  left: 70px;
  width: 44px;
  height: 17px;
  border: 2px solid #333;
  border-radius: 4px;
}
.skin-size-1.skin-os-web .detail-top::before {
  left: 2px;
}
.skin-size-1.skin-os-web .detail-top::after {
  right: 2px;
}
.skin-size-1.skin-os-web .detail-top::before,
.skin-size-1.skin-os-web .detail-top::after {
  top: 2px;
  width: 0;
  height: 0;
  border: 7px solid transparent;
}
.skin-size-1.skin-os-web .web-search {
  top: 5px;
  left: 130px;
  right: 10px;
  height: 17px;
  border: 2px solid #333;
  border-radius: 4px;
}
.skin-size-1.skin-os-web .buttons.top {
  width: 10px;
  height: 10px;
  top: 10px;
  left: 10px;
}
.skin-size-1.skin-os-web .buttons.top::before {
  width: 10px;
  height: 10px;
  left: 18px;
}
.skin-size-1.skin-os-web .buttons.top::after {
  width: 10px;
  height: 10px;
  left: 37px;
}
.skin-size-2.skin-wrapper #pio-playerframe {
  border: 6px solid #000;
  border-radius: 6px;
}
.skin-size-2.skin-wrapper.skin-color-white:not(.skin_theme),
.skin-size-2.skin-wrapper.skin-color-white:not(.skin_custom) {
  box-shadow: inset 0 0 0 4px #aaa;
}
.skin-size-2.skin-wrapper.skin-os-apple.skin-device-phone #pio-playerframe {
  width: 640px;
  height: 1136px;
  margin: 222px 48px 224px !important;
}
.skin-size-2.skin-wrapper.skin-os-apple.skin-device-phone.skin-orientation-landscape
  #pio-playerframe {
  width: 1136px;
  height: 640px;
  margin: 48px 222px 48px 224px !important;
}
.skin-size-2.skin-wrapper.skin-os-apple.skin-device-phone.skin-model-iphone3
  #pio-playerframe {
  width: 640px;
  height: 960px;
  margin: 206px 40px 214px !important;
}
.skin-size-2.skin-wrapper.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  #pio-playerframe {
  width: 960px;
  height: 640px;
  margin: 40px 206px 40px 214px !important;
}
.skin-size-2.skin-wrapper.skin-os-apple.skin-device-phone.skin-model-iphone4
  #pio-playerframe {
  margin: 248px 48px 256px;
}
.skin-size-2.skin-wrapper.skin-os-apple.skin-device-phone.skin-model-iphone4.skin-orientation-landscape
  #pio-playerframe {
  margin: 48px 248px 48px 256px;
}
.skin-size-2.skin-wrapper.skin-os-apple.skin-device-phone.skin-model-iphone6
  #pio-playerframe {
  width: 500px;
  height: 890px;
  margin: 138px 30px 134px !important;
  border: 4px solid #000;
  border-radius: 4px;
}
.skin-size-2.skin-wrapper.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  #pio-playerframe {
  width: 890px;
  height: 500px;
  margin: 30px 138px 30px 134px !important;
}
.skin-size-2.skin-wrapper.skin-os-apple.skin-device-tablet {
  box-shadow: none;
}
.skin-size-2.skin-wrapper.skin-os-apple.skin-device-tablet #pio-playerframe {
  width: 1536px;
  height: 2048px;
  margin: 202px 164px 196px !important;
}
.skin-size-2.skin-wrapper.skin-os-apple.skin-device-tablet.skin-orientation-landscape
  #pio-playerframe {
  width: 2048px;
  height: 1536px;
  margin: 164px 202px 164px 196px !important;
}
.skin-size-2.skin-wrapper.skin-os-apple.skin-device-tablet.skin-model-ipadmini
  #pio-playerframe {
  margin: 202px 88px 208px !important;
}
.skin-size-2.skin-wrapper.skin-os-apple.skin-device-tablet.skin-model-ipadmini.skin-orientation-landscape
  #pio-playerframe {
  margin: 88px 202px 88px 208px !important;
}
.skin-size-2.skin-wrapper.skin-os-android.skin-device-wear #pio-playerframe {
  width: 560px;
  height: 560px;
  border-width: 12px;
  margin: 56px !important;
}
.skin-size-2.skin-wrapper.skin-os-android.skin-device-wear.skin-color-white
  #pio-playerframe {
  margin: 72px !important;
}
.skin-size-2.skin-wrapper.skin-os-android.skin-device-phone #pio-playerframe {
  width: 1080px;
  height: 1920px;
  margin: 196px 48px 260px !important;
}
.skin-size-2.skin-wrapper.skin-os-android.skin-device-phone.skin-orientation-landscape
  #pio-playerframe {
  width: 1920px;
  height: 1080px;
  margin: 48px 196px 48px 260px !important;
}
.skin-size-2.skin-wrapper.skin-os-android.skin-device-tablet #pio-playerframe {
  width: 1600px;
  height: 2560px;
  margin: 362px 190px 348px !important;
}
.skin-size-2.skin-wrapper.skin-os-android.skin-device-tablet.skin-orientation-landscape
  #pio-playerframe {
  width: 2560px;
  height: 1600px;
  margin: 190px 362px 190px 348px !important;
}
.skin-size-2.skin-wrapper.skin-os-windows.skin-device-phone #pio-playerframe {
  width: 960px;
  height: 1600px;
  margin: 140px 62px 212px;
}
.skin-size-2.skin-wrapper.skin-os-windows.skin-device-phone.skin-orientation-landscape
  #pio-playerframe {
  width: 1600px;
  height: 960px;
  margin: 62px 140px 62px 212px;
}
.skin-size-2.skin-wrapper.skin-os-windows.skin-device-tablet #pio-playerframe {
  width: 1080px;
  height: 1920px;
  margin: 146px 140px 146px 130px !important;
}
.skin-size-2.skin-wrapper.skin-os-windows.skin-device-tablet.skin-orientation-landscape
  #pio-playerframe {
  width: 1920px;
  height: 1080px;
  margin: 130px 146px 140px !important;
}
.skin-size-2.skin-wrapper.skin-os-default #pio-playerframe {
  width: 1690px;
  height: 2770px;
  margin: 40px !important;
}
.skin-size-2.skin-wrapper.skin-os-default.skin-orientation-landscape
  #pio-playerframe {
  width: 2770px;
  height: 1690px;
}
.skin-size-2.skin-wrapper.skin-os-web #pio-playerframe {
  width: 2560px;
  height: 1536px;
  margin: 72px 12px 12px !important;
}
.skin-size-2.skin-os-apple {
  border-radius: 102px;
}
.skin-size-2.skin-os-apple .detail-bottom {
  bottom: 44px;
}
.skin-size-2.skin-os-apple .detail-top,
.skin-size-2.skin-os-apple.skin-device-phone .detail-top::before,
.skin-size-2.skin-os-apple.skin-device-phone .detail-top::after,
.skin-size-2.skin-os-apple .detail-bottom {
  border: 4px solid #333;
}
.skin-size-2.skin-os-apple.skin-device-phone .detail-top {
  width: 26px;
  height: 26px;
  margin-left: -16px;
  top: 56px;
}
.skin-size-2.skin-os-apple.skin-device-phone .detail-top::before {
  width: 10px;
  height: 10px;
  top: 52px;
  right: 104px;
}
.skin-size-2.skin-os-apple.skin-device-phone .detail-top::after {
  border-radius: 10px;
  width: 124px;
  height: 10px;
  top: 56px;
  right: 56px;
}
.skin-size-2.skin-os-apple.skin-device-phone .detail-bottom {
  width: 126px;
  height: 126px;
  margin-left: -66px;
}
.skin-size-2.skin-os-apple.skin-device-phone .buttons.top {
  border-radius: 4px 4px 0 0;
  height: 10px;
  top: -8px;
}
.skin-size-2.skin-os-apple.skin-device-phone .buttons.left {
  left: -8px;
}
.skin-size-2.skin-os-apple.skin-device-phone .buttons.left,
.skin-size-2.skin-os-apple.skin-device-phone .buttons.left::before,
.skin-size-2.skin-os-apple.skin-device-phone .buttons.left::after {
  width: 10px;
  border-radius: 6px 0 0 6px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .detail-top {
  right: 56px;
  margin-top: -16px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .detail-top::before {
  right: 52px;
  top: -104px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .detail-top::after {
  width: 10px !important;
  height: 124px;
  right: 56px;
  top: -56px !important;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .detail-bottom {
  left: 110px;
  margin-top: -68px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .buttons.top {
  width: 10px;
  right: -8px;
  bottom: 134px;
  border-radius: 0 4px 4px 0;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .buttons.left {
  top: -8px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .buttons.left,
.skin-size-2.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .buttons.left::before,
.skin-size-2.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .buttons.left::after {
  height: 10px;
  border-radius: 6px 6px 0 0;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone3 .detail-top {
  border-radius: 20px;
  width: 124px;
  height: 10px;
  top: 108px;
  margin-left: -66px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone3 .detail-bottom {
  width: 126px;
  height: 126px;
  margin-left: -66px;
  bottom: 44px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone3 .buttons.top {
  height: 8px;
  top: -8px;
  border-radius: 10px 10px 0 0;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone3 .buttons.left {
  left: -8px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone3 .buttons.left,
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone3
  .buttons.left::before,
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone3
  .buttons.left::after {
  width: 8px;
  border-radius: 10px 0 0 10px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .detail-top {
  width: 10px;
  height: 124px;
  right: 108px;
  margin-top: -66px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .detail-bottom {
  left: 116px;
  margin-top: -68px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.top {
  width: 8px;
  right: -8px;
  bottom: 120px;
  border-radius: 0 10px 10px 0;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.left {
  top: -8px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.left,
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.left::before,
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.left::after {
  height: 8px;
  border-radius: 10px 10px 0 0;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone4 .detail-top {
  border-radius: 10px;
  width: 124px;
  height: 10px;
  top: 120px;
  margin-left: -64px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone4
  .detail-top::after {
  width: 26px;
  height: 26px;
  top: -12px;
  right: 82px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone4 .detail-bottom {
  width: 134px;
  height: 134px;
  margin-left: -72px;
  bottom: 60px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone4.skin-orientation-landscape
  .detail-top {
  width: 10px;
  height: 124px;
  right: 116px;
  margin-top: -64px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone4.skin-orientation-landscape
  .detail-top::after {
  width: 26px;
  height: 26px;
  bottom: 82px;
  right: 12px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6 {
  border-radius: 70px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6 .detail-top {
  top: 26px;
  width: 10px;
  height: 10px;
  margin-left: -6px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6
  .detail-top::before {
  width: 16px;
  height: 16px;
  top: 32px;
  right: 100px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6
  .detail-top::after {
  top: 36px;
  right: 48px;
  width: 96px;
  height: 8px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6 .detail-bottom {
  width: 84px;
  height: 84px;
  margin-left: -42px;
  bottom: 24px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6 .buttons.left {
  height: 50px;
  left: -4px;
  top: 144px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6 .buttons.left,
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6
  .buttons.left::before,
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6
  .buttons.left::after {
  width: 4px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6 .buttons.right {
  border-radius: 0 4px 4px 0;
  height: 90px;
  width: 4px;
  right: -4px;
  top: 240px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6 .detail-top,
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6
  .detail-top::before,
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6
  .detail-top::after,
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6 .detail-bottom {
  border: 2px solid #333;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .detail-top {
  right: 26px;
  margin-top: -6px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .detail-top::before {
  right: 40px;
  bottom: 100px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .detail-top::after {
  bottom: 48px;
  height: 96px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .detail-bottom {
  left: 24px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .buttons.left {
  width: 50px;
  height: 4px !important;
  top: -4px;
  right: 144px;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .buttons.left::before,
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .buttons.left::after {
  height: 4px !important;
}
.skin-size-2.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .buttons.right {
  border-radius: 0 0 4px 4px;
  height: 4px;
  width: 90px;
  bottom: -4px;
  right: 240px;
}
.skin-size-2.skin-os-apple.skin-device-tablet {
  border-radius: 80px;
  border: 12px solid #333;
}
.skin-size-2.skin-os-apple.skin-device-tablet .detail-top {
  width: 26px;
  height: 26px;
  top: 80px;
  margin-left: -14px;
}
.skin-size-2.skin-os-apple.skin-device-tablet .detail-bottom {
  width: 118px;
  height: 118px;
  margin-left: -62px;
  bottom: 28px;
}
.skin-size-2.skin-os-apple.skin-device-tablet.skin-orientation-landscape
  .detail-top {
  right: 80px;
  margin-top: -14px;
}
.skin-size-2.skin-os-apple.skin-device-tablet.skin-orientation-landscape
  .detail-bottom {
  left: 90px;
  margin-top: -62px;
}
.skin-size-2.skin-os-apple.skin-device-tablet.skin-model-ipadmini {
  border-radius: 110px;
  border: 24px solid #333;
}
.skin-size-2.skin-os-android .detail-top,
.skin-size-2.skin-os-android .detail-bottom,
.skin-size-2.skin-os-android:not(.skin-device-wear) .detail-top::before,
.skin-size-2.skin-os-android:not(.skin-device-wear) .detail-top::after {
  border: 4px solid #333;
}
.skin-size-2.skin-os-android.skin-device-wear {
  border: 24px solid #444;
  border-radius: 80px;
}
.skin-size-2.skin-os-android.skin-device-wear .detail-top,
.skin-size-2.skin-os-android.skin-device-wear .detail-bottom {
  height: 230px;
}
.skin-size-2.skin-os-android.skin-device-wear .detail-top {
  top: -262px;
}
.skin-size-2.skin-os-android.skin-device-wear .detail-bottom {
  bottom: -262px;
}
.skin-size-2.skin-os-android.skin-device-wear .buttons.right {
  right: -20px;
}
.skin-size-2.skin-os-android.skin-device-wear .buttons.right::before,
.skin-size-2.skin-os-android.skin-device-wear .buttons.right::after {
  border-radius: 0 12px 12px 0;
  width: 26px;
}
.skin-size-2.skin-os-android.skin-device-wear .detail-top,
.skin-size-2.skin-os-android.skin-device-wear .detail-bottom,
.skin-size-2.skin-os-android.skin-device-wear:not(.skin-device-wear)
  .detail-top::before,
.skin-size-2.skin-os-android.skin-device-wear:not(.skin-device-wear)
  .detail-top::after {
  border: 8px solid #333;
}
.skin-size-2.skin-os-android.skin-device-wear.skin-color-white {
  border: 8px solid #aaa;
}
.skin-size-2.skin-os-android.skin-device-wear.skin-color-white .detail-top,
.skin-size-2.skin-os-android.skin-device-wear.skin-color-white .detail-bottom {
  height: 254px;
}
.skin-size-2.skin-os-android.skin-device-wear.skin-color-white .buttons.right {
  right: -8px;
}
.skin-size-2.skin-os-android.skin-device-phone .detail-top {
  top: 80px;
}
.skin-size-2.skin-os-android.skin-device-phone .detail-top::before {
  width: 26px;
  height: 26px;
  top: 10px;
}
.skin-size-2.skin-os-android.skin-device-phone .detail-top:after {
  width: 46px;
  height: 46px;
  margin-left: -24px;
}
.skin-size-2.skin-os-android.skin-device-phone .buttons.left {
  border-radius: 4px 0 0 4px;
  width: 18px;
  left: -16px;
}
.skin-size-2.skin-os-android.skin-device-phone .buttons.right {
  width: 14px;
  right: -12px;
  border-radius: 0 4px 4px 0;
}
.skin-size-2.skin-os-android.skin-device-phone.skin-orientation-landscape
  .detail-top {
  right: 94px;
}
.skin-size-2.skin-os-android.skin-device-phone.skin-orientation-landscape
  .detail-top:after {
  right: 14px;
  left: 12px;
  margin-top: -24px;
}
.skin-size-2.skin-os-android.skin-device-phone.skin-orientation-landscape
  .buttons.left {
  height: 18px;
  top: -16px;
  border-radius: 4px 4px 0 0;
}
.skin-size-2.skin-os-android.skin-device-phone.skin-orientation-landscape
  .buttons.right {
  height: 14px;
  bottom: -12px;
  border-radius: 0 0 4px 4px;
}
.skin-size-2.skin-os-android.skin-device-phone.skin-model-nexus1 .buttons.left {
  border-radius: 8px 0 0 8px;
}
.skin-size-2.skin-os-android.skin-device-phone.skin-model-nexus1.skin-orientation-landscape
  .buttons.left {
  border-radius: 8px 8px 0 0;
}
.skin-size-2.skin-os-android.skin-device-tablet {
  border-radius: 152px;
}
.skin-size-2.skin-os-android.skin-device-tablet .detail-top {
  width: 54px;
  height: 54px;
  top: 128px;
  left: 50%;
  margin-left: -32px;
}
.skin-size-2.skin-os-android.skin-device-tablet .detail-top::before {
  width: 26px;
  height: 26px;
  top: 16px;
  left: 110px;
}
.skin-size-2.skin-os-android.skin-device-tablet.skin-orientation-landscape
  .detail-top {
  right: 128px !important;
  margin-top: -32px !important;
}
.skin-size-2.skin-os-android.skin-device-tablet.skin-orientation-landscape
  .detail-top::before {
  right: -6px;
  top: 110px;
}
.skin-size-2.skin-os-windows {
  border-radius: 10px;
}
.skin-size-2.skin-os-windows .detail-top,
.skin-size-2.skin-os-windows.skin-device-phone .detail-top::after {
  border: 4px solid #333;
}
.skin-size-2.skin-os-windows.skin-device-phone .detail-top {
  border-radius: 10px;
  height: 10px;
  top: 28px;
}
.skin-size-2.skin-os-windows.skin-device-phone .detail-top::after {
  width: 28px;
  height: 28px;
  top: 34px;
}
.skin-size-2.skin-os-windows.skin-device-phone .detail-bottom {
  height: 40px;
  bottom: 126px;
  left: 62px;
  right: 62px;
}
.skin-size-2.skin-os-windows.skin-device-phone .buttons.right {
  right: -8px;
}
.skin-size-2.skin-os-windows.skin-device-phone .buttons.right,
.skin-size-2.skin-os-windows.skin-device-phone .buttons.right::before,
.skin-size-2.skin-os-windows.skin-device-phone .buttons.right::after {
  width: 10px;
  border-radius: 0 8px 8px 0;
}
.skin-size-2.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .detail-top {
  width: 10px;
  right: 28px;
}
.skin-size-2.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .detail-top::after {
  right: 62px;
}
.skin-size-2.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .detail-bottom {
  width: 40px;
  left: 126px;
  top: 62px;
  bottom: 62px;
}
.skin-size-2.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .buttons.right {
  bottom: -8px;
}
.skin-size-2.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .buttons.right,
.skin-size-2.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .buttons.right::before,
.skin-size-2.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .buttons.right::after {
  height: 10px !important;
  border-radius: 0 0 8px 8px;
}
.skin-size-2.skin-os-windows.skin-device-phone.skin-model-htc .detail-bottom {
  height: 70px;
  bottom: 126px;
  left: 62px;
  right: 62px;
}
.skin-size-2.skin-os-windows.skin-device-phone.skin-model-htc.skin-orientation-landscape
  .detail-bottom {
  width: 70px;
  left: 126px;
  top: 62px;
  bottom: 62px;
}
.skin-size-2.skin-os-windows.skin-device-tablet {
  border-radius: 68px;
}
.skin-size-2.skin-os-windows.skin-device-tablet .detail-top {
  width: 26px;
  height: 26px;
  left: 60px;
  margin-top: -16px;
}
.skin-size-2.skin-os-windows.skin-device-tablet .detail-bottom {
  width: 56px;
  right: 56px;
  top: 146px;
  bottom: 146px;
}
.skin-size-2.skin-os-windows.skin-device-tablet.skin-orientation-landscape
  .detail-top {
  top: 60px;
  margin-left: -18px;
}
.skin-size-2.skin-os-windows.skin-device-tablet.skin-orientation-landscape
  .detail-bottom {
  height: 56px;
  bottom: 56px;
  left: 146px;
  right: 146px;
}
.skin-size-2.skin-os-default {
  border-radius: 10px;
}
.skin-size-2.skin-os-web {
  border-radius: 20px;
}
.skin-size-2.skin-os-web .detail-top {
  top: 10px;
  left: 140px;
  width: 88px;
  height: 34px;
  border: 4px solid #333;
  border-radius: 8px;
}
.skin-size-2.skin-os-web .detail-top::before {
  left: 4px;
}
.skin-size-2.skin-os-web .detail-top::after {
  right: 4px;
}
.skin-size-2.skin-os-web .detail-top::before,
.skin-size-2.skin-os-web .detail-top::after {
  top: 4px;
  width: 0;
  height: 0;
  border: 14px solid transparent;
}
.skin-size-2.skin-os-web .web-search {
  top: 10px;
  left: 260px;
  right: 20px;
  height: 34px;
  border: 4px solid #333;
  border-radius: 8px;
}
.skin-size-2.skin-os-web .buttons.top {
  width: 20px;
  height: 20px;
  top: 20px;
  left: 20px;
}
.skin-size-2.skin-os-web .buttons.top::before {
  width: 20px;
  height: 20px;
  left: 36px;
}
.skin-size-2.skin-os-web .buttons.top::after {
  width: 20px;
  height: 20px;
  left: 74px;
}
.skin-size-3.skin-wrapper #pio-playerframe {
  border: 9px solid #000;
  border-radius: 9px;
}
.skin-size-3.skin-wrapper.skin-color-white:not(.skin_theme),
.skin-size-3.skin-wrapper.skin-color-white:not(.skin_custom) {
  box-shadow: inset 0 0 0 6px #aaa;
}
.skin-size-3.skin-wrapper.skin-os-apple.skin-device-phone #pio-playerframe {
  width: 960px;
  height: 1704px;
  margin: 333px 72px 336px !important;
}
.skin-size-3.skin-wrapper.skin-os-apple.skin-device-phone.skin-orientation-landscape
  #pio-playerframe {
  width: 1704px;
  height: 960px;
  margin: 72px 333px 72px 336px !important;
}
.skin-size-3.skin-wrapper.skin-os-apple.skin-device-phone.skin-model-iphone3
  #pio-playerframe {
  width: 960px;
  height: 1440px;
  margin: 309px 60px 321px !important;
}
.skin-size-3.skin-wrapper.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  #pio-playerframe {
  width: 1440px;
  height: 960px;
  margin: 60px 309px 60px 321px !important;
}
.skin-size-3.skin-wrapper.skin-os-apple.skin-device-phone.skin-model-iphone4
  #pio-playerframe {
  margin: 372px 72px 384px;
}
.skin-size-3.skin-wrapper.skin-os-apple.skin-device-phone.skin-model-iphone4.skin-orientation-landscape
  #pio-playerframe {
  margin: 72px 372px 72px 384px;
}
.skin-size-3.skin-wrapper.skin-os-apple.skin-device-phone.skin-model-iphone6
  #pio-playerframe {
  width: 750px;
  height: 1335px;
  margin: 207px 45px 201px !important;
  border: 6px solid #000;
  border-radius: 6px;
}
.skin-size-3.skin-wrapper.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  #pio-playerframe {
  width: 1335px;
  height: 750px;
  margin: 45px 207px 45px 201px !important;
}
.skin-size-3.skin-wrapper.skin-os-apple.skin-device-tablet {
  box-shadow: none;
}
.skin-size-3.skin-wrapper.skin-os-apple.skin-device-tablet #pio-playerframe {
  width: 2304px;
  height: 3072px;
  margin: 303px 246px 294px !important;
}
.skin-size-3.skin-wrapper.skin-os-apple.skin-device-tablet.skin-orientation-landscape
  #pio-playerframe {
  width: 3072px;
  height: 2304px;
  margin: 246px 303px 246px 294px !important;
}
.skin-size-3.skin-wrapper.skin-os-apple.skin-device-tablet.skin-model-ipadmini
  #pio-playerframe {
  margin: 303px 132px 312px !important;
}
.skin-size-3.skin-wrapper.skin-os-apple.skin-device-tablet.skin-model-ipadmini.skin-orientation-landscape
  #pio-playerframe {
  margin: 132px 303px 132px 312px !important;
}
.skin-size-3.skin-wrapper.skin-os-android.skin-device-wear #pio-playerframe {
  width: 840px;
  height: 840px;
  border-width: 18px;
  margin: 84px !important;
}
.skin-size-3.skin-wrapper.skin-os-android.skin-device-wear.skin-color-white
  #pio-playerframe {
  margin: 108px !important;
}
.skin-size-3.skin-wrapper.skin-os-android.skin-device-phone #pio-playerframe {
  width: 1620px;
  height: 2880px;
  margin: 294px 72px 390px !important;
}
.skin-size-3.skin-wrapper.skin-os-android.skin-device-phone.skin-orientation-landscape
  #pio-playerframe {
  width: 2880px;
  height: 1620px;
  margin: 72px 294px 72px 390px !important;
}
.skin-size-3.skin-wrapper.skin-os-android.skin-device-tablet #pio-playerframe {
  width: 2400px;
  height: 3840px;
  margin: 543px 285px 522px !important;
}
.skin-size-3.skin-wrapper.skin-os-android.skin-device-tablet.skin-orientation-landscape
  #pio-playerframe {
  width: 3840px;
  height: 2400px;
  margin: 285px 543px 285px 522px !important;
}
.skin-size-3.skin-wrapper.skin-os-windows.skin-device-phone #pio-playerframe {
  width: 1440px;
  height: 2400px;
  margin: 210px 93px 318px;
}
.skin-size-3.skin-wrapper.skin-os-windows.skin-device-phone.skin-orientation-landscape
  #pio-playerframe {
  width: 2400px;
  height: 1440px;
  margin: 93px 210px 93px 318px;
}
.skin-size-3.skin-wrapper.skin-os-windows.skin-device-tablet #pio-playerframe {
  width: 1620px;
  height: 2880px;
  margin: 219px 210px 219px 195px !important;
}
.skin-size-3.skin-wrapper.skin-os-windows.skin-device-tablet.skin-orientation-landscape
  #pio-playerframe {
  width: 2880px;
  height: 1620px;
  margin: 195px 219px 210px !important;
}
.skin-size-3.skin-wrapper.skin-os-default #pio-playerframe {
  width: 2535px;
  height: 4155px;
  margin: 60px !important;
}
.skin-size-3.skin-wrapper.skin-os-default.skin-orientation-landscape
  #pio-playerframe {
  width: 4155px;
  height: 2535px;
}
.skin-size-3.skin-wrapper.skin-os-web #pio-playerframe {
  width: 3840px;
  height: 2304px;
  margin: 108px 18px 18px !important;
}
.skin-size-3.skin-os-apple {
  border-radius: 153px;
}
.skin-size-3.skin-os-apple .detail-bottom {
  bottom: 66px;
}
.skin-size-3.skin-os-apple .detail-top,
.skin-size-3.skin-os-apple.skin-device-phone .detail-top::before,
.skin-size-3.skin-os-apple.skin-device-phone .detail-top::after,
.skin-size-3.skin-os-apple .detail-bottom {
  border: 6px solid #333;
}
.skin-size-3.skin-os-apple.skin-device-phone .detail-top {
  width: 39px;
  height: 39px;
  margin-left: -24px;
  top: 84px;
}
.skin-size-3.skin-os-apple.skin-device-phone .detail-top::before {
  width: 15px;
  height: 15px;
  top: 78px;
  right: 156px;
}
.skin-size-3.skin-os-apple.skin-device-phone .detail-top::after {
  border-radius: 15px;
  width: 186px;
  height: 15px;
  top: 84px;
  right: 84px;
}
.skin-size-3.skin-os-apple.skin-device-phone .detail-bottom {
  width: 189px;
  height: 189px;
  margin-left: -99px;
}
.skin-size-3.skin-os-apple.skin-device-phone .buttons.top {
  border-radius: 6px 6px 0 0;
  height: 15px;
  top: -12px;
}
.skin-size-3.skin-os-apple.skin-device-phone .buttons.left {
  left: -12px;
}
.skin-size-3.skin-os-apple.skin-device-phone .buttons.left,
.skin-size-3.skin-os-apple.skin-device-phone .buttons.left::before,
.skin-size-3.skin-os-apple.skin-device-phone .buttons.left::after {
  width: 15px;
  border-radius: 9px 0 0 9px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .detail-top {
  right: 84px;
  margin-top: -24px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .detail-top::before {
  right: 78px;
  top: -156px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .detail-top::after {
  width: 15px !important;
  height: 186px;
  right: 84px;
  top: -84px !important;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .detail-bottom {
  left: 165px;
  margin-top: -102px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .buttons.top {
  width: 15px;
  right: -12px;
  bottom: 201px;
  border-radius: 0 6px 6px 0;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .buttons.left {
  top: -12px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .buttons.left,
.skin-size-3.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .buttons.left::before,
.skin-size-3.skin-os-apple.skin-device-phone.skin-orientation-landscape
  .buttons.left::after {
  height: 15px;
  border-radius: 9px 9px 0 0;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone3 .detail-top {
  border-radius: 30px;
  width: 186px;
  height: 15px;
  top: 162px;
  margin-left: -99px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone3 .detail-bottom {
  width: 189px;
  height: 189px;
  margin-left: -99px;
  bottom: 66px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone3 .buttons.top {
  height: 12px;
  top: -12px;
  border-radius: 15px 15px 0 0;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone3 .buttons.left {
  left: -12px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone3 .buttons.left,
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone3
  .buttons.left::before,
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone3
  .buttons.left::after {
  width: 12px;
  border-radius: 15px 0 0 15px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .detail-top {
  width: 15px;
  height: 186px;
  right: 162px;
  margin-top: -99px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .detail-bottom {
  left: 174px;
  margin-top: -102px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.top {
  width: 12px;
  right: -12px;
  bottom: 180px;
  border-radius: 0 15px 15px 0;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.left {
  top: -12px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.left,
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.left::before,
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone3.skin-orientation-landscape
  .buttons.left::after {
  height: 12px;
  border-radius: 15px 15px 0 0;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone4 .detail-top {
  border-radius: 15px;
  width: 186px;
  height: 15px;
  top: 180px;
  margin-left: -96px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone4
  .detail-top::after {
  width: 39px;
  height: 39px;
  top: -18px;
  right: 123px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone4 .detail-bottom {
  width: 201px;
  height: 201px;
  margin-left: -108px;
  bottom: 90px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone4.skin-orientation-landscape
  .detail-top {
  width: 15px;
  height: 186px;
  right: 174px;
  margin-top: -96px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone4.skin-orientation-landscape
  .detail-top::after {
  width: 39px;
  height: 39px;
  bottom: 123px;
  right: 18px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6 {
  border-radius: 105px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6 .detail-top {
  top: 39px;
  width: 15px;
  height: 15px;
  margin-left: -9px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6
  .detail-top::before {
  width: 24px;
  height: 24px;
  top: 48px;
  right: 150px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6
  .detail-top::after {
  top: 54px;
  right: 72px;
  width: 144px;
  height: 12px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6 .detail-bottom {
  width: 126px;
  height: 126px;
  margin-left: -63px;
  bottom: 36px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6 .buttons.left {
  height: 75px;
  left: -6px;
  top: 216px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6 .buttons.left,
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6
  .buttons.left::before,
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6
  .buttons.left::after {
  width: 6px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6 .buttons.right {
  border-radius: 0 6px 6px 0;
  height: 135px;
  width: 6px;
  right: -6px;
  top: 360px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6 .detail-top,
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6
  .detail-top::before,
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6
  .detail-top::after,
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6 .detail-bottom {
  border: 3px solid #333;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .detail-top {
  right: 39px;
  margin-top: -9px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .detail-top::before {
  right: 60px;
  bottom: 150px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .detail-top::after {
  bottom: 72px;
  height: 144px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .detail-bottom {
  left: 36px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .buttons.left {
  width: 75px;
  height: 6px !important;
  top: -6px;
  right: 216px;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .buttons.left::before,
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .buttons.left::after {
  height: 6px !important;
}
.skin-size-3.skin-os-apple.skin-device-phone.skin-model-iphone6.skin-orientation-landscape
  .buttons.right {
  border-radius: 0 0 6px 6px;
  height: 6px;
  width: 135px;
  bottom: -6px;
  right: 360px;
}
.skin-size-3.skin-os-apple.skin-device-tablet {
  border-radius: 120px;
  border: 18px solid #333;
}
.skin-size-3.skin-os-apple.skin-device-tablet .detail-top {
  width: 39px;
  height: 39px;
  top: 120px;
  margin-left: -21px;
}
.skin-size-3.skin-os-apple.skin-device-tablet .detail-bottom {
  width: 177px;
  height: 177px;
  margin-left: -93px;
  bottom: 42px;
}
.skin-size-3.skin-os-apple.skin-device-tablet.skin-orientation-landscape
  .detail-top {
  right: 120px;
  margin-top: -21px;
}
.skin-size-3.skin-os-apple.skin-device-tablet.skin-orientation-landscape
  .detail-bottom {
  left: 135px;
  margin-top: -93px;
}
.skin-size-3.skin-os-apple.skin-device-tablet.skin-model-ipadmini {
  border-radius: 165px;
  border: 36px solid #333;
}
.skin-size-3.skin-os-android .detail-top,
.skin-size-3.skin-os-android .detail-bottom,
.skin-size-3.skin-os-android:not(.skin-device-wear) .detail-top::before,
.skin-size-3.skin-os-android:not(.skin-device-wear) .detail-top::after {
  border: 6px solid #333;
}
.skin-size-3.skin-os-android.skin-device-wear {
  border: 36px solid #444;
  border-radius: 120px;
}
.skin-size-3.skin-os-android.skin-device-wear .detail-top,
.skin-size-3.skin-os-android.skin-device-wear .detail-bottom {
  height: 345px;
}
.skin-size-3.skin-os-android.skin-device-wear .detail-top {
  top: -393px;
}
.skin-size-3.skin-os-android.skin-device-wear .detail-bottom {
  bottom: -393px;
}
.skin-size-3.skin-os-android.skin-device-wear .buttons.right {
  right: -30px;
}
.skin-size-3.skin-os-android.skin-device-wear .buttons.right::before,
.skin-size-3.skin-os-android.skin-device-wear .buttons.right::after {
  border-radius: 0 18px 18px 0;
  width: 39px;
}
.skin-size-3.skin-os-android.skin-device-wear .detail-top,
.skin-size-3.skin-os-android.skin-device-wear .detail-bottom,
.skin-size-3.skin-os-android.skin-device-wear:not(.skin-device-wear)
  .detail-top::before,
.skin-size-3.skin-os-android.skin-device-wear:not(.skin-device-wear)
  .detail-top::after {
  border: 12px solid #333;
}
.skin-size-3.skin-os-android.skin-device-wear.skin-color-white {
  border: 12px solid #aaa;
}
.skin-size-3.skin-os-android.skin-device-wear.skin-color-white .detail-top,
.skin-size-3.skin-os-android.skin-device-wear.skin-color-white .detail-bottom {
  height: 381px;
}
.skin-size-3.skin-os-android.skin-device-wear.skin-color-white .buttons.right {
  right: -12px;
}
.skin-size-3.skin-os-android.skin-device-phone .detail-top {
  top: 120px;
}
.skin-size-3.skin-os-android.skin-device-phone .detail-top::before {
  width: 39px;
  height: 39px;
  top: 15px;
}
.skin-size-3.skin-os-android.skin-device-phone .detail-top:after {
  width: 69px;
  height: 69px;
  margin-left: -36px;
}
.skin-size-3.skin-os-android.skin-device-phone .buttons.left {
  border-radius: 6px 0 0 6px;
  width: 27px;
  left: -24px;
}
.skin-size-3.skin-os-android.skin-device-phone .buttons.right {
  width: 21px;
  right: -18px;
  border-radius: 0 6px 6px 0;
}
.skin-size-3.skin-os-android.skin-device-phone.skin-orientation-landscape
  .detail-top {
  right: 141px;
}
.skin-size-3.skin-os-android.skin-device-phone.skin-orientation-landscape
  .detail-top:after {
  right: 21px;
  left: 18px;
  margin-top: -36px;
}
.skin-size-3.skin-os-android.skin-device-phone.skin-orientation-landscape
  .buttons.left {
  height: 27px;
  top: -24px;
  border-radius: 6px 6px 0 0;
}
.skin-size-3.skin-os-android.skin-device-phone.skin-orientation-landscape
  .buttons.right {
  height: 21px;
  bottom: -18px;
  border-radius: 0 0 6px 6px;
}
.skin-size-3.skin-os-android.skin-device-phone.skin-model-nexus1 .buttons.left {
  border-radius: 12px 0 0 12px;
}
.skin-size-3.skin-os-android.skin-device-phone.skin-model-nexus1.skin-orientation-landscape
  .buttons.left {
  border-radius: 12px 12px 0 0;
}
.skin-size-3.skin-os-android.skin-device-tablet {
  border-radius: 228px;
}
.skin-size-3.skin-os-android.skin-device-tablet .detail-top {
  width: 81px;
  height: 81px;
  top: 192px;
  left: 50%;
  margin-left: -48px;
}
.skin-size-3.skin-os-android.skin-device-tablet .detail-top::before {
  width: 39px;
  height: 39px;
  top: 24px;
  left: 165px;
}
.skin-size-3.skin-os-android.skin-device-tablet.skin-orientation-landscape
  .detail-top {
  right: 192px !important;
  margin-top: -48px !important;
}
.skin-size-3.skin-os-android.skin-device-tablet.skin-orientation-landscape
  .detail-top::before {
  right: -9px;
  top: 165px;
}
.skin-size-3.skin-os-windows {
  border-radius: 15px;
}
.skin-size-3.skin-os-windows .detail-top,
.skin-size-3.skin-os-windows.skin-device-phone .detail-top::after {
  border: 6px solid #333;
}
.skin-size-3.skin-os-windows.skin-device-phone .detail-top {
  border-radius: 15px;
  height: 15px;
  top: 42px;
}
.skin-size-3.skin-os-windows.skin-device-phone .detail-top::after {
  width: 42px;
  height: 42px;
  top: 51px;
}
.skin-size-3.skin-os-windows.skin-device-phone .detail-bottom {
  height: 60px;
  bottom: 189px;
  left: 93px;
  right: 93px;
}
.skin-size-3.skin-os-windows.skin-device-phone .buttons.right {
  right: -12px;
}
.skin-size-3.skin-os-windows.skin-device-phone .buttons.right,
.skin-size-3.skin-os-windows.skin-device-phone .buttons.right::before,
.skin-size-3.skin-os-windows.skin-device-phone .buttons.right::after {
  width: 15px;
  border-radius: 0 12px 12px 0;
}
.skin-size-3.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .detail-top {
  width: 15px;
  right: 42px;
}
.skin-size-3.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .detail-top::after {
  right: 93px;
}
.skin-size-3.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .detail-bottom {
  width: 60px;
  left: 189px;
  top: 93px;
  bottom: 93px;
}
.skin-size-3.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .buttons.right {
  bottom: -12px;
}
.skin-size-3.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .buttons.right,
.skin-size-3.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .buttons.right::before,
.skin-size-3.skin-os-windows.skin-device-phone.skin-orientation-landscape
  .buttons.right::after {
  height: 15px !important;
  border-radius: 0 0 12px 12px;
}
.skin-size-3.skin-os-windows.skin-device-phone.skin-model-htc .detail-bottom {
  height: 105px;
  bottom: 189px;
  left: 93px;
  right: 93px;
}
.skin-size-3.skin-os-windows.skin-device-phone.skin-model-htc.skin-orientation-landscape
  .detail-bottom {
  width: 105px;
  left: 189px;
  top: 93px;
  bottom: 93px;
}
.skin-size-3.skin-os-windows.skin-device-tablet {
  border-radius: 102px;
}
.skin-size-3.skin-os-windows.skin-device-tablet .detail-top {
  width: 39px;
  height: 39px;
  left: 90px;
  margin-top: -24px;
}
.skin-size-3.skin-os-windows.skin-device-tablet .detail-bottom {
  width: 84px;
  right: 84px;
  top: 219px;
  bottom: 219px;
}
.skin-size-3.skin-os-windows.skin-device-tablet.skin-orientation-landscape
  .detail-top {
  top: 90px;
  margin-left: -27px;
}
.skin-size-3.skin-os-windows.skin-device-tablet.skin-orientation-landscape
  .detail-bottom {
  height: 84px;
  bottom: 84px;
  left: 219px;
  right: 219px;
}
.skin-size-3.skin-os-default {
  border-radius: 15px;
}
.skin-size-3.skin-os-web {
  border-radius: 30px;
}
.skin-size-3.skin-os-web .detail-top {
  top: 15px;
  left: 210px;
  width: 132px;
  height: 51px;
  border: 6px solid #333;
  border-radius: 12px;
}
.skin-size-3.skin-os-web .detail-top::before {
  left: 6px;
}
.skin-size-3.skin-os-web .detail-top::after {
  right: 6px;
}
.skin-size-3.skin-os-web .detail-top::before,
.skin-size-3.skin-os-web .detail-top::after {
  top: 6px;
  width: 0;
  height: 0;
  border: 21px solid transparent;
}
.skin-size-3.skin-os-web .web-search {
  top: 15px;
  left: 390px;
  right: 30px;
  height: 51px;
  border: 6px solid #333;
  border-radius: 12px;
}
.skin-size-3.skin-os-web .buttons.top {
  width: 30px;
  height: 30px;
  top: 30px;
  left: 30px;
}
.skin-size-3.skin-os-web .buttons.top::before {
  width: 30px;
  height: 30px;
  left: 54px;
}
.skin-size-3.skin-os-web .buttons.top::after {
  width: 30px;
  height: 30px;
  left: 111px;
}
#maincontent {
  border-right: 0 none;
  padding: 5px;
}
.page-sidebar {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.page-sidebar + #maincontent {
  border-right: 60px solid transparent;
}
.sidebar-action-buttons {
  right: 12px;
}
.tooltip {
  display: none;
}
#open-preview-link {
  font-size: 1.5em;
  width: 100%;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable {
  padding-right: 35px;
}
.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
#chrome-local-alert {
  position: fixed;
  top: 20px;
  left: 50%;
  width: 570px;
  margin-left: -330px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  display: none;
}
/*# sourceMappingURL=preview-export-min.css.map */