*,*::before,*::after{box-sizing:border-box}html,body{margin:0;height:100%;font-family:'Source Sans Pro',sans-serif}.logo{width:100%;text-align:center;padding:30px 0 20px 0}.logo img{max-width:48px;display:inline-block;vertical-align:middle;margin-right:10px;margin-left:20px}.logotext{font-size:18px;color:#EFEFF0;display:inline-block;vertical-align:middle}.section{width:100%}.section-1{height:100vh}.section-title{text-align:center;color:#efeff0;font-size:53.74px;font-weight:500;margin:10px 0}.section-info{display:block;text-align:center;color:#627489;font-size:22px;font-weight:400}.section-2{padding:20px;background:#1D212F}.section-3{background:#1A1E2B;padding:20px}.col{float:left;width:50%;height:100%}.col-2-bg{background:url(../img/info-bg.jpg);height:100%}.main-bg{max-width:100%}.main-section-content{display:table;height:calc(100% - 98px);width:100%}.sub-section-content{height:100%;display:table-cell;vertical-align:middle;text-align:center}.main-section-content h1{color:#EFEFF0;font-weight:600;font-size:54px;margin:10px 0}.main-section-content h3{color:#EFEFF0;font-weight:300;font-size:25px;margin:15px 0}.btn-container img{max-width:100%;margin:5px}.btn-container a{display:inline-block}.clear{clear:both}.imagecontainer{position:relative;height:100%;width:100%;overflow:hidden;margin:auto;max-width:100%}.imagecontainer img{position:absolute;left:50%;top:50%;height:100%;width:100%;max-width:none;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);object-fit:cover;object-position:center}.drag-area{border:2px dashed #fff;height:200px;width:400px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:auto}.drag-area.active{border:2px solid #fff}.drag-area .icon{font-size:100px;color:#fff}.drag-area small{color:#FFF;margin-top:5px;display:block}.drag-area button{padding:15px 30px 15px 60px;font-size:18px;font-weight:500;border:none;outline:none;background:#fff url(../img/upload-icon.png);color:#000;border-radius:5px;cursor:pointer;background-repeat:no-repeat;background-size:20px;background-position:center left 20px}.drag-area img{height:100%;width:100%;object-fit:cover;border-radius:5px}.preview-image{text-align:center;margin-top:40px}.preview-image img{max-width:100%}.epic-title{text-align:center;color:#efeff0}.epic-bg-image{text-align:center}.epic-bg-image span{margin:-30px}.epic-bg-image img{max-width:100%}.feature-row{display:flex;max-width:1200px;margin:auto}.feature-row .feature-image{padding:30px}.feature-row .feature-image img{max-width:600px}.feature-row .feature-text h2{color:#efeff0;font-size:53.74px;margin:10px 0}.feature-row .feature-text p{color:#627489;font-size:28.15px}.feature-row .feature-text{display:table;padding:10px 30px}.feature-row .feature-text-block{display:table-cell;vertical-align:middle}.proccessing{background:rgba(0,0,0,.5);height:100%;width:100%;position:fixed;top:0;display:none;z-index:99999}.proccessing span{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:40px;text-align:center;display:block;color:#FFF;font-size:30px}.header{padding:30px 0 20px 0}.header span{margin-right:20px;vertical-align:inherit}.header span a{font-size:18px;font-weight:700;text-decoration:none;color:#72757F}.logo img{max-width:48px;display:inline-block;vertical-align:middle;margin-right:10px;margin-left:20px}.logotext{font-size:18px;color:#EFEFF0;display:inline-block;vertical-align:middle}.main-container{background:#1E2434}.btn-container{text-align:center;margin:50px 0;display:block}.main-process-container{background:#282E3E;max-width:750px;margin:50px auto auto;padding:10px;border-radius:20px}.tab-menu{padding:0;margin:0}.tab-menu li{display:inline-block;padding:10px;margin:5px;list-style:none;color:#FFF;cursor:pointer}.tab-menu li.active span{border-bottom:2px solid}.image-btn-container{display:flex}.image-container{max-width:500px}.download-btn-container{text-align:center;margin-top:20px}.download-btn-container span.btndownload{display:inline-block;margin:5px 10px}.download-btn-container .btn-download{padding:15px;width:140px;max-width:140px;font-size:16px}.effect-btn-container{display:inline-block;margin:0 5px}.btn-download{background:#1E2434;border:0;padding:10px;font-size:13px;font-weight:500;color:#FFF;border-radius:10px;cursor:pointer;margin:auto auto 10px auto;display:block;max-width:110px;text-decoration:none;text-align:center}.btn-download:hover,.btn-download.active{text-decoration:none;color:#FFF;background:#3B4355}input[type=range]{-webkit-appearance:none;background-color:#1E2434;height:3px;vertical-align:middle;margin:auto}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#FFF;opacity:.5;width:10px;height:10px;border-radius:10px}input[type="range"]::-webkit-scrollbar{background-color:#fff}.all-effect-btn-container{width:100%;display:table}.sub-btn-container{text-align:center;display:table-cell;vertical-align:middle}.image_priview_size{font-size:12px;display:block;margin-bottom:30px;color:#FFF}.leftside-toggle{width:300px;float:left}.photo-container{width:calc(100% - 300px);float:left}.theme-list{overflow:auto;height:100vh;position:relative}.background-cat-block .background-list .bg-img{width:33%;float:left;padding:5px}.background-cat-block .background-list .bg-img img{max-width:100%}.clear{clear:both}.footer{padding:10px;text-align:center}.theme-title{background:#282E3E;padding:10px}.theme-title h3{padding:5px;margin:0;font-size:20px}.theme-title p{padding:5px;margin:0;color:#FFF;font-weight:100;font-weight:300;font-size:12px}.modal-content{background-color:#282E3E;padding:10px}.modal-header{border-bottom:1px solid #282E3E;text-align:center}.effect-button-container{width:calc(100% - 500px);float:left;padding:10px 15px}.effect-image-container{width:500px;float:left}.effect-button-container .button{background:#3B4355;border:0;color:#FFF;padding:8px 15px;border-radius:10px;margin:10px 5px;font-weight:300}.background-cat-block{padding:2px 5px}.background-cat-block span{padding:10px;background:#1E2434;color:#FFF;display:block;margin:8px;cursor:pointer;border-radius:10px;text-align:center}.background-cat-block .background-list{display:none}.rang-slider-container{display:flex;margin:10px 0}.rang-slider-container .title{color:#FFF;display:inline-block;width:120px;max-width:80px;margin-right:10px;text-align:right;font-size:13px}.rang-slider-container .rangbar{color:#FFF;display:inline-block}.mobile-view{display:none}.desktop-view{display:block}.theme-list-mobile-view{max-width:750px;margin:auto;display:none}.modal-header{padding:0 0 15px 0!important}.modal-header .close{color:#FFF}input[type="color"]{-webkit-appearance:none;border:none;width:25px!important;height:25px;padding:0!important}input[type="color"]::-webkit-color-swatch-wrapper{padding:0}input[type="color"]::-webkit-color-swatch{border:none}.undoRedo img{max-width:30px;display:inline-block}.undoRedo{margin:0 5px;cursor:pointer}.undoRedo.disabled{opacity:.4;pointer-events:none}@media (max-width:1200px){.feature-row .feature-image img{max-width:300px}.feature-row .feature-text h2{font-size:30px}.feature-row .feature-text p{font-size:20.15px}.all-effect-btn-container{margin-top:15px}.photo-container{width:100%;float:none}.leftside-toggle{display:none}.mobile-view{display:block}.desktop-view{display:none}.main-process-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.theme-list{height:inherit}.theme-list-mobile-view{display:block}.background-cat-block span{text-align:left;padding:5px 10px;margin:0}.background-cat-block .background-list{overflow:auto;display:flex}.background-cat-block .background-list .bg-img{width:100px;flex:0 0 auto}}@media (max-width:992px){.effect-button-container{width:100%;float:none}.effect-image-container{width:100%;float:none}.remove-bg-image{margin:auto}}@media (max-width:768px){.col{float:none;width:100%;height:100%}.feature-row .feature-image{padding:10px}.feature-row .feature-text{padding:10px}.feature-row .feature-image img{max-width:150px}.feature-row .feature-text h2{font-size:20px}.feature-row .feature-text p{font-size:13.15px}.leftside-toggle{width:100%;float:none}.photo-container{width:100%;float:none}.theme-list{max-height:200px}.main-process-container{margin:30px auto auto}.drag-area{margin:30px auto auto;width:auto}.main-container{height:auto}.image-btn-container{display:inherit}.sub-btn-container span{display:inline-block;vertical-align:top}.main-section-content{display:block}.image-container{margin:auto}.effect-image-container{max-width:100%}.effect-image-container img{max-width:100%}.section-1{height:auto}.sub-section-content{display:block}}