.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  overflow: hidden;
}
.icon_button {
  text-indent:-999em;
  position:relative;
  display:block;
  padding:0;
  height:2.369em;
  width:2.369em;
  font-size:1em;
  font-weight:normal;
}

.icon_button:after {
  font-family:"FontAwesome";
  content:"\f118";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  text-align:center;
  text-indent:0;
  line-height:2.369;
}

.animated {
  -webkit-animation-fill-mode:both;
  -moz-animation-fill-mode:both;
  -ms-animation-fill-mode:both;
  -o-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  -ms-animation-duration:1s;
  -o-animation-duration:1s;
  animation-duration:1s;
}

.animated.hinge {
  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  -ms-animation-duration:1s;
  -o-animation-duration:1s;
  animation-duration:1s;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity:0;
    -webkit-transform:translateY(2000px);
  }
  60% {
    opacity:1;
    -webkit-transform:translateY(-30px);
  }
  80% {
    -webkit-transform:translateY(10px);
  }
  100% {
    -webkit-transform:translateY(0);
  }
}

@-moz-keyframes bounceInUp {
  0% {
    opacity:0;
    -moz-transform:translateY(2000px);
  }
  60% {
    opacity:1;
    -moz-transform:translateY(-30px);
  }
  80% {
    -moz-transform:translateY(10px);
  }
  100% {
    -moz-transform:translateY(0);
  }
}

@-o-keyframes bounceInUp {
  0% {
    opacity:0;
    -o-transform:translateY(2000px);
  }
  60% {
    opacity:1;
    -o-transform:translateY(-30px);
  }
  80% {
    -o-transform:translateY(10px);
  }
  100% {
    -o-transform:translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity:0;
    transform:translateY(2000px);
  }
  60% {
    opacity:1;
    transform:translateY(-30px);
  }
  80% {
    transform:translateY(10px);
  }
  100% {
    transform:translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name:bounceInUp;
  -moz-animation-name:bounceInUp;
  -o-animation-name:bounceInUp;
  animation-name:bounceInUp;
}

@-webkit-keyframes spin-360 {
  from {
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
    zoom:1;
  }
  to {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
    zoom:1;
    z-index:-1;
  }
}

@-moz-keyframes spin-360 {
  from {
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
    zoom:1;
  }
  to {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
    zoom:1;
    z-index:-1;
  }
}

@-o-keyframes spin-360 {
  from {
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
    zoom:1;
  }
  to {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
    zoom:1;
    z-index:-1;
  }
}

@keyframes spin-360 {
  from {
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
    zoom:1;
  }
  to {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
    zoom:1;
    z-index:-1;
  }
}

#theme-live {
  position:relative;
}

.theme-wrapper.notiOS:before {
  content:"\f110";
  display:block;
  font-family:'FontAwesome';
  position:absolute;
  top:50%;
  left:50%;
  font-size:3.631em;
  margin-left:-1.8155rem;
  margin-top:-1.8155rem;
  line-height:1;
  color:#ee6821;
  -webkit-animation:spin-360 linear 4s forwards;
  -moz-animation:spin-360 linear 4s forwards;
  -o-animation:spin-360 linear 4s forwards;
  animation:spin-360 linear 4s forwards;
  z-index:999999;
}

.screenrz-hidden .screenrz {
  width:50px;
  overflow:hidden;
  -moz-border-radius:0 4px 0 0;
  border-radius:0 4px 0 0;
}

.screenrz-hidden .theme-wrapper.notiOS iframe {
  padding-top:0;
}

.screenrz {
  height:50px;
  background-color:#b3d351;
  padding:0 0 0 20px;
  padding-left:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  margin-top:0;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:999;
  -webkit-transition:width ease 0.3s;
  -moz-transition:width ease 0.3s;
  -o-transition:width ease 0.3s;
  transition:width ease 0.3s;
  -webkit-box-shadow:0 0 0 0.236em rgba(0,0,0,0.1);
  box-shadow:0 0 0 0.236em rgba(0,0,0,0.1);
}

.screenrz .woologo {
  float:left;
  display:block;
  height:50px;
  background:#FFF;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  padding-top:4px;
  padding-right:10px;
  padding-left:10px;
  position:relative;
  cursor:pointer;
}

.screenrz .woologo img {
  height:40px;
}

.screenrz .screenrz-toggle {
  display:block;
  text-indent:-9999px;
  position:relative;
  height:50px;
  width:50px;
  position:absolute;
  top:0;
  right:0;
  z-index:99;
  background:#e62117;
  cursor:pointer;
}

.screenrz .screenrz-toggle:hover {
  background:#b3d351;
}

.screenrz .screenrz-toggle:hover:before {
  color:#333;
}

.screenrz .screenrz-toggle:before {
  font-family:'FontAwesome';
  speak:none;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:50px;
  -webkit-font-smoothing:antialiased;
  margin:0;
  text-indent:0;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  text-align:center;
  color:#fff;
  content:"\f07e";
}

.screenrz .screenrz-close {
  display:block;
  text-indent:-9999px;
  position:relative;
  height:50px;
  width:50px;
  position:absolute;
  top:0;
  right:0;
  z-index:99;
  background:#e62117;
  cursor:pointer;
}

.screenrz .screenrz-close:hover {
  background:#b3d351;
}

.screenrz .screenrz-close:hover:before {
  color:#333;
}

.screenrz .screenrz-close:before {
  font-family:'FontAwesome';
  speak:none;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:50px;
  -webkit-font-smoothing:antialiased;
  margin:0;
  text-indent:0;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  text-align:center;
  color:#fff;
  content:"\f057";
}

.screenrz .dropdown {
  float:left;
  height:50px;
  position:relative;
  border-right:1px solid #60b2d6;
}

.screenrz .dropdown:first-of-type {
  border-left:1px solid #60b2d6;
}

.screenrz .dropdown > a {
  position:relative;
}

.screenrz .dropdown > a:after {
  position:absolute;
  content:"";
  display:block;
  border:1em solid #fff;
  bottom:100%;
  left:50%;
  margin-left:-1em;
  border-bottom-width:0;
  border-color:#fff transparent transparent transparent;
  filter:alpha(opacity=@opacity * 100);
  -moz-opacity:0;
  -khtml-opacity:0;
  opacity:0;
  -webkit-transition:all ease 0.3s;
  -moz-transition:all ease 0.3s;
  -o-transition:all ease 0.3s;
  transition:all ease 0.3s;
}

.screenrz .dropdown > a:hover:after {
  filter:alpha(opacity=@opacity * 100);
  -moz-opacity:1;
  -khtml-opacity:1;
  opacity:1;
  bottom:43px;
}

.screenrz .dropdown:hover > a:after {
  filter:alpha(opacity=@opacity * 100);
  -moz-opacity:1;
  -khtml-opacity:1;
  opacity:1;
  bottom:43px;
}

.screenrz .dropdown a {
  height:50px;
  line-height:50px;
  border-width:0 1px;
  display:inline-block;
  padding:0 20px;
  width:240px;
  *zoom:1;
}

.screenrz .dropdown a:before,
.screenrz .dropdown a:after {
  content:"";
  display:table;
}

.screenrz .dropdown a:after {
  clear:both;
}

.screenrz .dropdown a .title {
  margin-right:20px;
  float:left;
  font-weight:700;
}

.screenrz .dropdown a .category {
  float:right;
  font-size:.857em;
  filter:alpha(opacity=@opacity * 100);
  -moz-opacity:0.5;
  -khtml-opacity:0.5;
  opacity:0.5;
}

.screenrz .dropdown a.active-theme {
  color:#fff;
  -webkit-transition:all ease 0.238s;
  -moz-transition:all ease 0.238s;
  -o-transition:all ease 0.238s;
  transition:all ease 0.238s;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.screenrz .dropdown a.active-theme:before {
  font-family:"FontAwesome";
  display:inline-block;
  float:right;
  margin-left:15px;
  content:"\f106";
  filter:alpha(opacity=@opacity * 100);
  -moz-opacity:0.5;
  -khtml-opacity:0.5;
  opacity:0.5;
}

.screenrz .dropdown a.active-theme:hover {
  background:rgba(255,255,255,0.1);
}

.screenrz .dropdown a.active-theme:hover:before {
  filter:alpha(opacity=@opacity * 100);
  -moz-opacity:1;
  -khtml-opacity:1;
  opacity:1;
}

.screenrz .dropdown a.active-theme img {
  display:none !important;
}

.screenrz ul {
  *zoom:1;
}

.screenrz ul:before,
.screenrz ul:after {
  content:"";
  display:table;
}

.screenrz ul:after {
  clear:both;
}

.screenrz ul li {
  display:inline-block;
  vertical-align:top;
  margin-bottom:0;
  padding-bottom:0;
}

.screenrz ul li:first-child img {
  margin:8px 0;
}

.theme-wrapper {
  margin:0 auto;
  width:100%;
  height:100%;
  -webkit-transition:all ease 0.5s;
  -moz-transition:all ease 0.5s;
  -o-transition:all ease 0.5s;
  transition:all ease 0.5s;
}

.theme-wrapper.iOSdevice {
  -webkit-border-radius:25px;
  border-radius:25px;
  margin:75px auto;
  background:#0a0809;
}

.theme-wrapper.iOSdevice.portrait {
  padding:75px 10px;
}

.theme-wrapper.iOSdevice.landscape {
  padding:10px 75px;
}

.theme-wrapper.hidden {
  filter:alpha(opacity=@opacity * 100);
  -moz-opacity:0;
  -khtml-opacity:0;
  opacity:0;
}

.theme-wrapper.notiOS iframe {
  padding-top:44px;
}

ul.icon-links {
  margin:0;
  list-style:none;
  text-align:center;
}

ul.icon-links a {
  display:block;
  text-indent:-9999px;
  position:relative;
  height:50px;
  width:50px;
  color:#fff;
  outline:none;
}

ul.icon-links li.ahotline a {
  display:block;
  text-indent:0;
  position:relative;
  height:50px;
  width:auto;
  padding-left:25px;
  line-height:50px;
  font-size:16px;
  color:#333;
  padding-right:15px;
  outline:none;
}

ul.icon-links li.ahotline a span{
  font-weight: bold;
  color: #ff0000;
}

ul.icon-links li.ahotline a:before {
  width:auto;
  font-size:24px;
}

ul.icon-links a:before {
  font-family:'FontAwesome';
  speak:none;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:50px;
  -webkit-font-smoothing:antialiased;
  margin:0;
  text-indent:0;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  text-align:center;
  -webkit-transition:all ease 0.238s;
  -moz-transition:all ease 0.238s;
  -o-transition:all ease 0.238s;
  transition:all ease 0.238s;
  content:"\f095";
}

ul.icon-links a.activeLandscape:before {
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  transform:rotate(90deg);
  zoom:1;
}

ul.icon-links a.activeLandscape:hover:before {
  -webkit-transform:rotate(0);
  -moz-transform:rotate(0);
  -ms-transform:rotate(0);
  -o-transform:rotate(0);
  transform:rotate(0);
  zoom:1;
}

ul.icon-links a.activePortrait:hover:before {
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  transform:rotate(90deg);
  zoom:1;
}

ul.icon-links .desktop:before {
  content:"\f108";
}

ul.icon-links .tablet:before {
  content:"\f10a";
}

ul.icon-links .phone:before {
  content:"\f10b";
}

ul.icon-links .desktop,
ul.icon-links .tablet,
ul.icon-links .phone {
  filter:alpha(opacity=@opacity * 100);
  -moz-opacity:0.5;
  -khtml-opacity:0.5;
  opacity:0.5;
}

ul.icon-links .desktop:hover, ul.icon-links .tablet:hover, ul.icon-links .phone:hover, ul.icon-links .desktop.active, ul.icon-links .tablet.active, ul.icon-links .phone.active {
  filter:alpha(opacity=@opacity * 100);
  -moz-opacity:1;
  -khtml-opacity:1;
  opacity:1;
}

.ahotline a {
  font-size:24px;
  color:#FFF;
}

ul.icon-links .purchase {
  text-indent:0;
  line-height:50px;
  width:auto;
  padding:0 20px;
  font-weight:500;
  background:#ee6821;
}

ul.icon-links .purchase em {
  font-weight:700;
  font-style:normal;
  color:#b5f4c3;
  padding:.202em .618em;
  background:#b3d351;
  -webkit-border-radius:2px;
  border-radius:2px;
  margin-left:.618em;
}

ul.icon-links .purchase:before {
  position:static;
  font-family:'FontAwesome';
  speak:none;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  margin-right:10px;
  line-height:50px;
  content:"\f07a";
}

ul.icon-links .purchase:hover {
  background:#b3d351;
}

ul.icon-links .purchase.zl:hover {
  background:#0068ff;
}

ul.icon-links .purchase.zl{
  display: flex;
  align-items: center;
  gap: 5px;
}

ul.icon-links .purchase.zl:before{
  display: none;
}

ul.icon-links .reveal:before {
  content:"\f078";
}

ul.respond a {
  cursor:pointer;
  font-size: 0;
}

ul.respond a:before {
  font-size:24px;
  color: #000;
}

ul.respond a.desktop {
  margin-right:.236em;
  margin-left:1em;
}

ul.actions {
  float:right;
  margin-right:50px;
}

#theme-live {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  height:100%;
  width:100%;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  -webkit-transition:all ease 0.3s;
  -moz-transition:all ease 0.3s;
  -o-transition:all ease 0.3s;
  transition:all ease 0.3s;
  -webkit-box-shadow:0 -50px 0 0 #000000;
  box-shadow:0 -50px 0 0 #000000;
}

.iOSdevice #theme-live {
  position:static;
  -webkit-transform:translateY(0);
  transform:translateY(0);
  -webkit-box-shadow:none;
  box-shadow:none;
}

.vplivedemo .fancybox-slide--html {
  padding:0;
}

.vplivedemo .fancybox-toolbar,
.vplivedemo .fancybox-close-small {
  display:none;
}

@media only screen and (max-width:480px) {
  .screenrz {
    padding-left:0;
  }
  .screenrz .respond,
  .screenrz .woologo,
  .screenrz .styles-drop,
  .screenrz .examples-drop,
  .screenrz ul.actions {
    display:none;
  }
  .screenrz ul.actions {
    padding-left:0;
  }
  .screenrz .dropdown {
    float:left;
  }
  .screenrz .dropdown .active-theme .category {
    display:none;
  }
  .screenrz .dropdown a {
    width:150px;
  }
  .screenrz .dropdown ul.themes {
    width:320px;
  }
  .screenrz .dropdown ul.themes a {
    width:100%;
  }
}

@media only screen and (max-width:768px) {
  .screenrz .styles-drop {
    display:none;
  }
}