.tpfw-importer .theme-browser .theme:focus,.tpfw-importer .theme-browser .theme:hover{cursor:default}.theme-browser .theme .more-details{z-index:999;text-decoration:none}.tpfw-importer h2.one-click-title .title-count{top:-8px}.demo-intro-text .about-description{font-weight:400;line-height:1.6em;font-size:19px}.demo-file-upload-container h2{margin:20px 0 30px 0;font-size:2.7em;line-height:1.3;font-weight:300}.demo-file-upload{padding:10px 20px 20px;background-color:#fff;border:1px solid #e5e5e5;margin-bottom:-1px}.demo-button-container{margin-top:20px;margin-bottom:30px;text-align:center}.js-demo-ajax-loader{display:none;font-size:1.5em}.js-demo-ajax-loader .spinner{display:inline-block;float:none;visibility:visible;margin-bottom:6px}@keyframes animate-stripes{0%{background-position:0 0}to{background-position:60px 0}}@-webkit-keyframes animate-stripes{0%{background-position:0 0}to{background-position:60px 0}}.js-importer-progress{width:100%;display:none}.js-importer-progress .title{margin-bottom:5px;display:inline-block}.js-demo-success{display:none}.theme .js-importer-progress{position:absolute;bottom:0;left:0}.theme .js-importer-progress .progress{padding:0;border-radius:0;background-color:transparent;height:5px;margin:0}.theme .js-importer-progress .progress .progress-bar{height:5px;border-radius:0}.tpfw-importer .js-demo-ajax-loader{margin-top:0}.tpfw_importer{}.tpfw_importer{font-size:15px}.tpfw_importer .theme-browser{margin-top:30px}.tpfw_importer__title{margin-bottom:20px!important}.tpfw_importer__title span{font-size:16px;font-weight:normal;color:#666;text-transform:lowercase}.tpfw_importer__title .title-count{color:#fff}.tpfw_importer__warning ul{padding:1px 0}.tpfw_importer__warning ul li{margin:12px 0px 12px 12px}.tpfw_importer__warning ul li span{display:inline-block;background-color:#eb9800;color:#fff;margin-right:7px;font-size:12px;border-radius:18px;width:18px;height:18px;text-align:center;line-height:18px;font-weight:bold}.tpfw_importer .progress{width:100%;height:20px;display:block;background:#23282d;border-radius:50px;padding:2px;box-shadow:0 1px 0px 0 rgba(255, 255, 255, 0.2);margin:40px 0px}.tpfw_importer .progress-bar{width:1%;height:20px;border-radius:50px;box-shadow:inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);-webkit-transition-property:width;-webkit-transition-duration:1s;transition-property:width;transition-duration:1s;box-sizing:border-box;background-color:#00a0d2;background-size:30px 30px;background-image:linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-animation:animate-stripes 4s linear infinite;animation:animate-stripes 4s linear infinite}.tpfw_importer .theme .theme-name span{display:none}.tpfw_importer .theme.disabled{position:relative;cursor:initial!important;outline:none;box-shadow:none!important;border-color:#ddd!important}.tpfw_importer .theme.disabled:after{position:absolute;content:'';left:0;right:0;bottom:0;top:0;background-color:rgba(255, 255, 255, 0.8)}.tpfw_importer .theme.disabled .more-details,.tpfw_importer .theme.disabled .theme-actions .button{display:none!important}.tpfw_importer .theme.disabled .theme-screenshot img{opacity:1!important}.tpfw_importer .theme.active .theme-name span{display:inline}.demo-file-upload h3{margin-top:8px;margin-bottom:10px}.demo-file-upload h3 span{font-size:14px;color:#ffb900;font-weight:normal;position:relative;top:-1px}.demo-file-upload p{margin:0;color:#555}.demo-file-upload input[type=file]{margin-top:20px}
/*# sourceMappingURL=style.css.map */

.theme-browser.rendered .theme:focus .theme-screenshot img,
.theme-browser.rendered .theme:hover .theme-screenshot img {
    opacity: 0.1;
}

.placeholder-image {
    display: inline-block;
    bottom: 50px;
    left: 20%;
    right: 20%;
    position: absolute;
    z-index: 999;
    opacity: 0;
    transition: opacity .1s ease-in-out;
}

.theme:hover .placeholder-image {
    opacity: 1;
}

.placeholder-image .checkbox-button {
    display: inline-block;
}

.placeholder-image .checkbox-tittle {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.placeholder-image input[type=checkbox]{
    height: 0;
    width: 0;
    visibility: hidden;
    min-width: 0;
    border: 0;
    margin: 0;
}

.placeholder-image label {
    cursor: pointer;
    text-indent: -9999px;
    width: 40px;
    height: 20px;
    background: rgba(0,0,0,.7);
    display: block;
    border-radius: 40px;
    position: relative;
}

.placeholder-image label:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 5px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 15px;
    transition: 0.3s;
}

.placeholder-image input:checked + label {
    background: #0073aa;
}

.placeholder-image input:checked + label:after {
    left: calc(100% - 5px);
    transform: translateX(-100%);
}