@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);.mdi>svg{vertical-align:middle}.mdi.mdi-spin>svg{animation:mdi-spin 2s linear infinite}@keyframes mdi-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--sat:env(safe-area-inset-top);--sar:env(safe-area-inset-right);--sab:env(safe-area-inset-bottom);--sal:env(safe-area-inset-left)}body{touch-action:none;position:fixed;left:0;top:0;right:0;bottom:0;font-family:Roboto,sans-serif;font-size:14px;margin:0;padding:0}div,img{-moz-user-select:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0;outline:none;pointer-events:none;-webkit-touch-callout:none}.android_save_img{pointer-events:all;-webkit-touch-callout:initial;-moz-user-select:text;-webkit-user-select:text;user-select:text}#app{width:100%;height:100%;overflow:auto}.layout-account,.layout-page{display:block;width:100%;height:100%}.layout-account{background:#f8f8f8;margin:0 auto;position:relative}.d-block{display:block}.d-flex{display:flex}.col-3,.p-relative{position:relative}.col-3{float:left;width:27.33%}.m-tb-5{margin-bottom:5px;margin-top:5px}.m-tb-15{margin-top:15px;margin-bottom:15px}.npt{font-size:16px;color:#333;width:100%;box-sizing:border-box;letter-spacing:1px;padding:12px 15px;border:1px solid #ccc;border-radius:5px;transition-duration:.4s;background-color:#fff}:focus{outline:none}.npt:focus{background-color:#ebebeb}.btn{padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;width:100%;cursor:pointer;transition-duration:.4s;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:5px}.btn-main{background-color:#bf1921;color:#fff;border:none}.btn-main:hover{background-color:#d32c34}.btn-wite{background-color:#fff;color:#000;border:1px solid #bf1921}.btn-wite:hover{background-color:#fff4f5}.error{color:#bf1921}.loader-content{width:100%;height:100%;background:#f2f2f2;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:0;z-index:99999}.loader{width:48px;height:48px;border:5px solid #ebb8b8;border-bottom-color:#bf1921;border-radius:50%}.loader,.loader-img{display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.loader-img{width:30px;height:30px;border:3px solid #ebb8b8;border-bottom-color:#bf1921;border-radius:50%}.loader-text{margin-top:13px;font-size:16px;font-weight:600;color:#5b5b5b}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-container{background-color:rgba(62,62,62,.51)!important;z-index:2000!important}.modal-select-project{background:#f8f8f8;border-radius:5px;position:relative;width:100%;padding:20px}.modal-select-project .modal-close{position:relative}.modal-select-project .modal-close .modal-close-icon{color:#bf1921;cursor:pointer;position:absolute;right:0;top:0}.modal-select-project .modal-content{overflow-y:auto;width:100%;height:100%}.modal-select-project .modal-content .modal-projects{display:flex;justify-content:flex-start;width:100%;flex-direction:row;flex-wrap:wrap}.modal-view-all-templates{background:#f8f8f8;border-radius:5px;position:relative;width:100%;padding:20px;overflow-y:auto}.modal-view-all-templates .modal-close{position:relative}.modal-view-all-templates .modal-close .modal-close-icon{color:#bf1921;cursor:pointer;position:absolute;right:0;top:0}.modal-view-all-templates .modal-content{width:100%;height:100%}.modal-view-all-templates .modal-content .template{box-shadow:0 2px 8px 0 rgba(34,60,80,.2);width:100px;background:#fff;height:50px;margin-right:5px;margin-bottom:5px;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:10px 0}@media only screen and (max-width:720px){.modal-view-all-templates .modal-content .template{width:23%}}.modal-view-all-templates .modal-content .template img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%;width:auto;height:auto}.auth-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.auth-container .auth-box{max-width:400px;width:100%;padding:10px}.header-app{border-bottom:1px solid #e3e3e3;padding:10px 0;background:#fff}.header-app .header-content{display:flex;justify-content:space-between;align-items:center;max-width:800px;margin:0 auto}.welcome-content{justify-content:space-evenly;background:#fff}.welcome-buttons,.welcome-content{display:flex;flex-direction:column;align-items:center}.welcome-btn{background:#bf1921;color:#fff;padding:14px;width:100%;margin:7px 0;border-radius:5px;font-size:15px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;text-decoration:none}.welcome-btn span{margin-right:10px}.welcome-logout{border:1px solid #ccc;color:#000;padding:14px 40px;border-radius:5px;font-size:15px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer}.welcome-logout span{margin-right:10px}.video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;top:0;left:0}.video-menu{display:flex;position:absolute;background:#fff;width:100%;bottom:0;padding:13px 0;justify-content:space-around;align-items:center}.photo-view{border:1px solid #bf1921;width:65px;height:40px;border-radius:5px;overflow:hidden}.vdr{touch-action:none}.handle,.vdr{position:absolute;box-sizing:border-box}.handle{width:10px;height:10px;background:#eee;border:1px solid #333}.handle-tl{top:-10px;left:-10px;cursor:nw-resize}.handle-tm{top:-10px;left:50%;margin-left:-5px;cursor:n-resize}.handle-tr{top:-10px;right:-10px;cursor:ne-resize}.handle-ml{left:-10px;cursor:w-resize}.handle-ml,.handle-mr{top:50%;margin-top:-5px}.handle-mr{right:-10px;cursor:e-resize}.handle-bl{bottom:-10px;left:-10px;cursor:sw-resize}.handle-bm{bottom:-10px;left:50%;margin-left:-5px;cursor:s-resize}.handle-br{bottom:-10px;right:-10px;cursor:se-resize}@media only screen and (max-width:768px){[class*=handle-]:before{content:"";left:-10px;right:-10px;bottom:-10px;top:-10px;position:absolute}}.account-template-content{position:relative;display:flex;flex-direction:column;height:100%;width:100%}.account-template-content .photo-container{max-width:800px;width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.account-template-content .photo-container .photo-container-img{width:100%;height:100%;background-size:contain!important;background-position:50%!important;background-repeat:no-repeat!important}.account-template-content .action-container{border-top:1px solid #e3e3e3;display:flex;flex-direction:column;justify-content:space-around}.account-template-content .action-container .carousel{display:flex;justify-content:center;position:relative;max-width:800px;margin:0 auto;width:100%}.account-template-content .action-container .carousel .select-color{min-width:60px;width:100px;display:flex;align-items:center;justify-content:center;flex-direction:column}.flicking-camera{padding-bottom:4px!important}.account-template-content .action-container .carousel .slide{box-shadow:0 2px 8px 0 rgba(34,60,80,.2);width:120px;background:#fff;height:70px;margin-right:5px;border-radius:5px;display:flex;align-items:center;justify-content:center;padding:5px 0}.account-template-content .action-container .carousel .slide img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%;width:auto;height:auto}.account-template-content .action-container .view-all{width:100%;display:flex;justify-content:center}.account-template-content .action-container .view-all .view-all-btn{padding:14px 40px}.account-template-content .action-container .view-all .confirm-btn,.account-template-content .action-container .view-all .view-all-btn{border:1px solid #ccc;color:#000;border-radius:5px;font-size:15px;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;text-transform:uppercase}.account-template-content .action-container .view-all .confirm-btn{padding:14px;margin-left:5px;background:#bf1921;color:#fff}@media only screen and (max-width:400px){.account-template-content .action-container .view-all .view-all-btn{padding:14px}}@media only screen and (max-width:350px){.account-template-content .action-container .view-all .confirm-btn,.account-template-content .action-container .view-all .view-all-btn{padding:14px 5px;font-size:14px}}.layout-admin{display:block;width:100%;height:100%}.layout-admin div{-moz-user-select:text;-webkit-user-select:text;user-select:text}.admin-header{width:100%;display:block;background:#bf1921;padding:15px 0}.admin-mobile-menu{display:none;color:#fff}.admin-sidebar{min-width:200px;max-width:400px;background:#f6f6f6;width:100%;display:flex;align-items:center;justify-content:center}@media only screen and (max-width:720px){.admin-mobile-menu{display:block}.admin-sidebar{display:none}}.admin-content{width:100%;padding:15px;overflow-y:auto}.admin-table-users{width:100%;border-collapse:collapse;border-spacing:0}.admin-table-users th{text-align:left!important}.admin-table-users tr{height:40px;border-bottom:1px solid #cecece!important}.modal-admin-color-object{background:#fff;border-radius:5px;position:relative;width:100%;max-width:400px;padding:20px}.modal-admin-color-object .modal-close{position:relative}.modal-admin-color-object .modal-close .modal-close-icon{color:#bf1921;cursor:pointer;position:absolute;right:0;top:0}.modal-admin-color-object .modal-content{width:100%;margin-top:35px;display:flex;align-items:center;justify-content:center}.modal-admin-sketch-object{background:#fff;border-radius:5px;position:relative;width:100%;max-width:600px;padding:20px}.modal-admin-sketch-object .modal-close{position:relative}.modal-admin-sketch-object .modal-close .modal-close-icon{color:#bf1921;cursor:pointer;position:absolute;right:0;top:0}.modal-admin-sketch-object .modal-content{width:100%;margin-top:35px;display:flex;flex-direction:column;align-items:flex-start}.admin-sketchs-body{display:flex;flex-wrap:wrap;justify-content:flex-start}.admin-sketchs-body .admin-sketchs-box{width:12%;margin-bottom:5px;margin-right:5px;background:#f0f0f0;border-radius:5px;overflow:hidden;height:-moz-fit-content;height:fit-content}@media only screen and (max-width:720px){.admin-sketchs-body .admin-sketchs-box{width:25%}}.admin-sketchs-body .admin-sketchs-box .content{cursor:pointer}.admin-sketchs-body .admin-sketchs-box .images{width:100%;text-align:center;cursor:pointer}.admin-sketchs-body .admin-sketchs-box .images img{-o-object-fit:contain;object-fit:contain;max-width:100%;width:auto;height:91px}.admin-sketchs-body .admin-sketchs-box .actions{display:flex;width:100%;padding:10px 0;background:#e7e7e7}.admin-sketchs-body .admin-sketchs-box .actions .actions-btn{width:100%;text-align:center;color:#bf1921;cursor:pointer}.modal-account-project{background:#f8f8f8;border-radius:5px;position:relative;width:100%;padding:20px;overflow-y:auto}.modal-account-project .modal-close{position:relative}.modal-account-project .modal-close .modal-close-icon{color:#bf1921;cursor:pointer;position:absolute;right:0;top:0;z-index:2}.modal-account-project .modal-content{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.dropdown-constructor{margin-top:31px!important}.img-constructor{display:block;width:100%;height:100%}.action-constructor{display:flex;position:absolute;top:0;left:-43px;background:#fff;border-radius:5px;flex-direction:column;padding:6px}.watermark{position:absolute;width:100%;height:100%;opacity:.9;background-size:28%!important;background-position:174px!important;z-index:1000;pointer-events:none}@media only screen and (max-width:720px){.watermark{background-size:45%!important;background-position:99px 100px!important}}.pagination-container{display:flex;-moz-column-gap:10px;column-gap:10px}.paginate-buttons{height:40px;width:40px;border-radius:20px;cursor:pointer;background-color:#f2f2f2;border:1px solid #d9d9d9;color:#000}.paginate-buttons:hover{background-color:#d8d8d8}.active-page{background-color:#bf1921;border:1px solid #bf1921;color:#fff}.active-page:hover{background-color:#ee757b}.onboarding-content{position:absolute;z-index:10;background:#f8f8f8;color:#000;padding:15px}.onboarding-content,.onboarding-next-btn{border-radius:6px;width:-moz-fit-content;width:fit-content}.onboarding-next-btn{background:#bf1921;color:#fff;padding:8px 26px;cursor:pointer;margin:10px auto 0}.vsp-wrapper .vsp-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.vsp-wrapper .vsp{position:fixed}.vsp-wrapper .vsp--left-side,.vsp-wrapper .vsp--right-side{top:0;height:100%}.vsp-wrapper .vsp--right-side{right:0;left:unset}.vsp-wrapper .vsp--left-side{right:unset;left:0}.vsp-wrapper .vsp--bottom-side,.vsp-wrapper .vsp--top-side{left:0;width:100%}.vsp-wrapper .vsp--bottom-side{bottom:0}.vsp-wrapper .vsp--top-side{top:0}.vsp-wrapper .vsp__body,.vsp-wrapper .vsp__footer,.vsp-wrapper .vsp__header{overflow:auto}.vsp-wrapper .vsp__body{position:relative}.vsp-wrapper .overlay-enter-active,.vsp-wrapper .overlay-leave-active{animation:overlay-transition}.vsp-wrapper .overlay-leave-active{animation-direction:reverse}.vsp-wrapper .slide-right-enter-active,.vsp-wrapper .slide-right-leave-active{animation:slide-right}.vsp-wrapper .slide-right-leave-active{animation-direction:reverse}.vsp-wrapper .slide-left-enter-active,.vsp-wrapper .slide-left-leave-active{animation:slide-left}.vsp-wrapper .slide-left-leave-active{animation-direction:reverse}.vsp-wrapper .slide-top-enter-active,.vsp-wrapper .slide-top-leave-active{animation:slide-left;animation:slide-top}.vsp-wrapper .slide-top-leave-active{animation-direction:reverse}.vsp-wrapper .slide-bottom-enter-active,.vsp-wrapper .slide-bottom-leave-active{animation:slide-bottom}.vsp-wrapper .slide-bottom-leave-active{animation-direction:reverse}@keyframes slide-right{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-left{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-bottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes overlay-transition{0%{opacity:0}to{opacity:var(--overlay-opacity)}}.vsp-close{position:absolute;top:24px;right:24px;display:inline-block;width:36px;height:36px;text-align:center;cursor:pointer;background:#fff;border-radius:50%;transition:background-color .1s}.vsp-close:hover{background:#f7f7f7}.vsp-close__x{position:relative;top:8px;left:-1px;display:inline-block;width:20px;height:20px}.vsp-close__x:after,.vsp-close__x:before{position:absolute;width:2px;height:20px;content:" ";background-color:#777}.vsp-close__x:before{transform:rotate(-45deg)}.vsp-close__x:after{transform:rotate(45deg)}.vsp-close:active .vsp-close__x{top:9px;left:-1px}.vsp-close:active{top:23px;right:23px;width:38px;height:38px;background:#f1f1f1}.flicking-viewport{position:relative;overflow:hidden}.flicking-viewport.vertical,.flicking-viewport.vertical>.flicking-camera{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.flicking-viewport.vertical>.flicking-camera{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flicking-viewport.flicking-hidden>.flicking-camera>*{visibility:hidden}.flicking-camera{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;z-index:1;will-change:transform}.flicking-camera>*{-ms-flex-negative:0;flex-shrink:0}ul#componentContainer{padding-inline-start:0;list-style-type:none;display:inline-flex}ul#componentContainer a{text-decoration:none;display:flex;justify-content:center;align-items:center}