.demos-panel-btns {
 position:fixed;
 z-index:110;
 top:40%;
 right:0;
 display:block!important
}
.panel-btn {
 display:block!important;
 margin-bottom:2px!important;
 padding:12px 15px!important;
 font-size:11px!important;
 color:#fff;
 text-align:center;
 text-transform:uppercase;
 opacity:.8
}
.panel-btn span {
 display:block;
 font-size:24px;
 margin-top:5px;
 margin-bottom:7px
}
.panel-btn span:not(.fa) {
 font-weight:700
}
.panel-btn p {
 margin-top:5px;
 line-height:16px
}
@media(max-width:768px) {
 .panel-btn {
  display:none!important
 }
}
.panel-btn:hover {
 -webkit-transform:translateX(0);
 -moz-transform:translateX(0);
 -ms-transform:translateX(0);
 -o-transform:translateX(0);
 transform:translateX(0);
 color:#fff;
 opacity:1
}
.popup-demos-is-opend .panel-btn {
 -webkit-transform:translateX(100%);
 -moz-transform:translateX(100%);
 -ms-transform:translateX(100%);
 -o-transform:translateX(100%);
 transform:translateX(100%)
}
#demos-buynow-btn {
 background:#555;
 -webkit-animation:none;
 -moz-animation:none;
 animation:none
}
.demos-panel-head {
 line-height:1.2;
 font-weight:700;
 font-size:90px;
 color:#08f;
 position:relative
}
.wf-active .demos-panel-head {
 letter-spacing:-4px
}
#tie-popup-demos {
 background:#fff;
 background:rgba(255,255,255,.96);
 position:fixed;
 z-index:99999;
 left:0;
 top:0;
 height:100%;
 width:100%;
 display:none
}
.dark-skin #tie-popup-demos {
 background:rgba(0,0,0,.9)
}
#tie-popup-demos .panel-btn-close {
 top:50px;
 right:30px;
 width:30px;
 height:30px;
 line-height:37px;
 position:fixed;
 z-index:99999
}
#tie-popup-demos .panel-btn-close span {
 color:#f83600;
 font-size:20px;
 -webkit-transition:color .3s;
 -moz-transition:color .3s;
 transition:color .3s
}
#tie-popup-demos .panel-btn-close:hover span {
 color:#333
}
#tie-popup-demos .popup-content {
 max-width:100%;
 height:100%;
 width:100%;
 margin:0;
 padding:5em;
 border-radius:0;
 box-shadow:none;
 background-color:transparent!important;
 overflow-y:scroll
}
#tie-popup-demos .container-wrapper {
 max-width:1000px;
 border:none;
 padding:0!important;
 text-align:center;
 background-color:transparent!important;
 margin:0 auto
}
#tie-popup-demos #panel-bottom-gradient {
 height:40px;
 width:100%;
 position:fixed;
 z-index:999;
 bottom:0;
 left:0;
 background-color:transparent;
 background-image:-webkit-linear-gradient(rgba(255,255,255,0) 10%,#fff 100%);
 background-image:linear-gradient(rgba(255,255,255,0) 10%,#fff 100%)
}
.dark-skin #tie-popup-demos #panel-bottom-gradient {
 background-color:transparent;
 background-image:-webkit-linear-gradient(transparent 10%,#000 100%);
 background-image:linear-gradient(transparent 10%,#000 100%)
}
#tie-popup-demos .demo-panel-header {
 margin-bottom:40px;
 padding-bottom:20px;
 border-bottom:1px solid rgba(0,0,0,.05)
}
#tie-popup-demos .demo-panel-header .amazing-title {
 position:relative;
 font-weight:200;
 font-size:20px;
 padding-bottom:15px;
 margin-bottom:20px;
 letter-spacing:1px
}
#tie-popup-demos .demo-panel-header .amazing-title:after {
 content:"";
 width:30px;
 height:2px;
 background:rgba(0,0,0,.2);
 position:absolute;
 left:50%;
 right:auto;
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 transform:translateX(-50%);
 bottom:0
}
.dark-skin #tie-popup-demos .demo-panel-header .amazing-title:after {
 background:rgba(255,255,255,.2)
}
#tie-popup-demos .demo-panel-header .theme-desc {
 font-size:14px;
 font-weight:200;
 line-height:1.5em;
 letter-spacing:.05em;
 color:#777;
 max-width:75%;
 margin:0 auto
}
#tie-popup-demos .demos-list li {
 width:calc((100%/3) - 34px);
 float:left;
 margin:0 17px 20px;
 padding-bottom:5px;
 -webkit-transition:.3s;
 -moz-transition:.3s;
 transition:.3s;
 position:relative
}
#tie-popup-demos .demos-list li img {
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 transition:all .3s;
 box-shadow:0 1px 2px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.07),0 4px 8px rgba(0,0,0,.07),0 8px 16px rgba(0,0,0,.07),0 16px 32px rgba(0,0,0,.07),0 32px 64px rgba(0,0,0,.07)
}
#tie-popup-demos .demos-list li span {
 color:#888;
 font-weight:400;
 display:inline-block;
 white-space:nowrap;
 line-height:25px;
 text-transform:uppercase
}
#tie-popup-demos .demos-list li a:hover img {
 box-shadow:0 20px 30px rgba(0,0,0,.4);
 -webkit-transform:translate3d(0,-10px,0);
 transform:translate3d(0,-10px,0)
}
#tie-popup-demos .demos-list li.jnh-soon-demo img {
 opacity:.4
}
#tie-popup-demos #buy-now-btn {
 background:#08f;
 color:#fff;
 padding:.3em 5em;
 line-height:40px;
 display:inline-block;
 margin:20px auto 0;
 overflow:hidden;
 text-align:center;
 font-weight:700;
 font-size:19px;
 border-radius:2px
}
#tie-popup-demos .demo-badge {
 background:#e74c3c;
 color:#fff;
 line-height:20px;
 position:absolute;
 top:20px;
 right:-5px;
 z-index:1;
 padding:0 10px;
 text-transform:uppercase;
 -webkit-transition:padding .3s;
 -moz-transition:padding .3s;
 transition:padding .3s
}
#tie-popup-demos .demo-badge:after,
#tie-popup-demos .demo-badge:before {
 position:absolute;
 left:-10px;
 content:'';
 width:0;
 height:0;
 border-style:solid;
 border-width:0 10px 10px 0;
 border-color:transparent #e74d3c transparent transparent
}
#tie-popup-demos .demo-badge:after {
 border-width:0 0 10px 10px;
 border-color:transparent transparent #e74d3c transparent;
 top:10px
}
#tie-popup-demos .demo-badge .inner-arrow {
 position:absolute;
 bottom:-5px;
 right:0;
 width:0;
 height:0;
 border-style:solid;
 border-width:0 0 5px 5px;
 border-color:transparent transparent transparent #a82315
}
#tie-popup-demos .new {
 background:#2aba3b
}
#tie-popup-demos .new:before {
 border-color:transparent #2aba3b transparent transparent
}
#tie-popup-demos .new:after {
 border-color:transparent transparent #2aba3b transparent
}
#tie-popup-demos .new .inner-arrow {
 border-color:transparent transparent transparent #176721
}
 
.animated.infinite {
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
}
.mypage-alo-ph-circle1 {
 width: 90px;
 height: 90px;
 top: 12px;
 left: 12px;
 position: absolute;
 background-color: transparent;
 -webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 border-radius: 100%;
 border: 2px solid rgba(30, 30, 30, 0.4);
 opacity: .1;
 opacity: .5;
}
.zoomIn {
 -webkit-animation-name: zoomIn;
 animation-name: zoomIn;
}
.animated {
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
}
.mypage-alo-ph-circle-fill1 {
 width: 60px;
 height: 60px;
 top: 28px;
 left: 28px;
 position: absolute;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 -webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 border-radius: 100%;
 border: 2px solid transparent;
 -webkit-transition: all .5s;
 -moz-transition: all .5s;
 -o-transition: all .5s;
 transition: all .5s;
 opacity: .4 !important;
}
.mypage-alo-ph-img-circle1 {
 width: 30px;
 height: 30px;
 top: 43px;
 left: 43px;
 position: absolute;
 background: rgba(30, 30, 30, 0.1) url(./whatsapp-icon.png) no-repeat center center;
 -webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 opacity: 1;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 background-size: 100%;
}
.tada {
 -webkit-animation-name: tada;
 animation-name: tada;
}
@-webkit-keyframes tada {
 from {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
 }
 10%,
 20% {
  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 }
 30%,
 50%,
 70%,
 90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 }
 40%,
 60%,
 80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 }
 to {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
 }
}
@keyframes tada {
 from {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
 }
 10%,
 20% {
  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
 }
 30%,
 50%,
 70%,
 90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 }
 40%,
 60%,
 80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 }
 to {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
 }
}
@keyframes pulse {
 from {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
 }
 50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
 }
 to {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
 }
}
@-webkit-keyframes zoomIn {
 from {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
 }
 50% {
  opacity: 1;
 }
}
@keyframes zoomIn {
 from {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
 }
 50% {
  opacity: 1;
 }
}
.mypage-alo-phone1 {
 position:fixed;
 bottom:100px;
 left:0;
}
.mypage-alo-ph-circle 1 {
 border-color: #43b91e;
}
.mypage-alo-ph-circle-fill1 {
 background-color:#43b91e;
}
.mypage-alo-ph-img-circle1 {
 background-color: #43b91e;
}
.mypage-alo-phone:hover .mypage-alo-ph-circle1 {
 border-color: #43b91e;
}
.mypage-alo-phone:hover .mypage-alo-ph-circle-fill1 {
 background-color:#43b91e;
}
.mypage-alo-phone:hover .mypage-alo-ph-img-circle1 {
 background-color: #43b91e;
}
.mypage-whatsapp-phone {
 position: fixed;
 left: 0px;
 bottom: 0px;
 visibility: visible;
 background-color: transparent;
 width: 110px;
 height: 110px;
 cursor: pointer;
 z-index: 200000 !important;
}
.mypage-whatsapp-ph-img-circle {
 width: 30px;
 height: 30px;
 top: 43px;
 left: 43px;
 position: absolute;
 background: rgba(30, 30, 30, 0.1) url(./WHATSAPP.png) no-repeat center center;
 -webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 border-radius: 100%;
 border: 2px solid transparent;
 opacity: .7;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 background-color: #0d9f16;
 background-size: 70%;
}
.mypage-whatsapp-ph-circle-fill {
 width: 60px;
 height: 60px;
 top: 28px;
 left: 28px;
 position: absolute;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 -webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 border-radius: 100%;
 border: 2px solid transparent;
 -webkit-transition: all .5s;
 -moz-transition: all .5s;
 -o-transition: all .5s;
 transition: all .5s;
 background-color: rgba(13,159,22,0.5);
 opacity: .75 !important;
}
.mypage-whatsapp-ph-circle {
 width: 90px;
 height: 90px;
 top: 12px;
 left: 12px;
 position: absolute;
 background-color: transparent;
 -webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 border-radius: 100%;
 border: 2px solid rgba(30, 30, 30, 0.4);
 opacity: .1;
 border-color: #0d9f16;
 opacity: .5;
}
  .mypage-alo-phone {
 position: fixed;
 right: 0px;
 bottom: 0px;
 visibility: visible;
 background-color: transparent;
 width: 110px;
 height: 110px;
 cursor: pointer;
 z-index: 200000 !important;
}
.mypage-alo-ph-img-circle {
 width: 30px;
 height: 30px;
 top: 43px;
 left: 43px;
 position: absolute;
 background: rgba(30, 30, 30, 0.1) url(./telefon.png) no-repeat center center;
 -webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 border-radius: 100%;
 border: 2px solid transparent;
 opacity: .7;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 background-color: #0089B9;
 background-size: 70%;
}
.mypage-alo-ph-circle-fill {
 width: 60px;
 height: 60px;
 top: 28px;
 left: 28px;
 position: absolute;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 -webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 border-radius: 100%;
 border: 2px solid transparent;
 -webkit-transition: all .5s;
 -moz-transition: all .5s;
 -o-transition: all .5s;
 transition: all .5s;
 background-color: rgba(0, 175, 242, 0.5);
 opacity: .75 !important;
}
.mypage-alo-ph-circle {
 width: 90px;
 height: 90px;
 top: 12px;
 left: 12px;
 position: absolute;
 background-color: transparent;
 -webkit-border-radius: 100%;
 -moz-border-radius: 100%;
 border-radius: 100%;
 border: 2px solid rgba(30, 30, 30, 0.4);
 opacity: .1;
 border-color: #0089B9;
 opacity: .5;
}
	 