/*! * =========================================================================================== * MERGED: /www/www/clerk_sk/public/css/default.css * =========================================================================================== */ .purple{color:#3271d7}:root{--color:#3271d7}html,body{padding:0;margin:0;overflow:hidden;color:#1f3758;font-family:'Montserrat', sans-serif}h2{margin-bottom:20px;margin-top:0}.bg-smoke{background-color:#f8f8f8}.beginbtn{background-color:#87bf47;min-width:120px;border:0;text-align:center;color:#fff;margin-right:15px;cursor:pointer;text-transform:uppercase;font-weight:bold;display:inline-block;padding:5px 15px;border-radius:5px;transition:opacity .2s}.beginbtn:hover{opacity:.8}header{position:relative;padding:20px;height:70px;background-color:#fff}header .user{position:absolute;top:18px;right:20px;border-radius:50%;background-color:#d2d2db;transition:background-color .2s;cursor:pointer;width:35px;height:35px;text-align:center;line-height:35px}header .user i{color:#fff;font-size:16px}header .user:hover{background-color:#59b5e6}header .user:hover i{color:#fff}header .user:focus-within{background-color:#3271d7}header .userprofile{float:right;display:flex;align-items:center}header .userprofile i{font-size:16px}header .userprofile div{cursor:pointer;padding:5px 8px}header .userprofile div{margin-right:15px}header .userprofile div:last-child{margin-right:0}header .userprofile div:hover{background-color:#f0f0f0;border-radius:4px}header .userprofile div.addtoken{border:1px solid #e0e0e0;border-radius:4px}header .logo{display:inline-block}header .logo:hover{text-decoration:none}header .nav{float:right;margin-top:6px}header .nav a{color:#c0c0c0;letter-spacing:2px;font-weight:bold;margin:0 15px;transition:color .2s}header .nav a:hover{text-decoration:none;color:#333}header .nav a.bg-btn{background-color:#59b5e6;color:#fff;border-radius:5px;padding:3px 8px;transition:opacity .3s;text-transform:uppercase}header .nav a.bg-btn:hover{opacity:.85}input{border-radius:5px;border-width:1px;padding:5px 15px;margin-right:15px;border-color:#eaeaea;border-style:solid}main{position:relative;display:flex;align-items:center;height:500px;background:url('/img/mainbg.jpg');margin-bottom:10px;background-size:40%;background-position:75%;background-repeat:no-repeat}main .beginbtn{min-width:120px;border:0;text-align:center;color:#fff;margin-right:15px;cursor:pointer;text-transform:uppercase;font-weight:bold;display:inline-block;padding:5px 15px;border-radius:5px;transition:opacity .2s}main .beginbtn:hover{opacity:.8}main .beginbtn:disabled{opacity:.7;cursor:not-allowed}main h1{font-size:22px;margin-bottom:25px}main h2{font-size:33px;line-height:44px;font-weight:900;text-transform:uppercase}main h3{font-weight:bold;margin-bottom:30px}main .actions{display:flex;align-items:center}main .play_video{position:absolute;right:33%;top:48%}main .play_video i{font-size:50px;color:#fe0100;cursor:pointer;transition:transform .2s}main .play_video i:hover{transform:scale(1.2)}main .play_video .play_img{display:none}section{padding:50px 0}.card{height:275px;border-radius:5px;color:#333;padding:30px;background-color:#fff;box-shadow:0px 3px 10px 0px rgba(0,0,0,0.1)}.card .header{margin-bottom:20px}.card .header i{font-size:36px;color:#333}.card .content{font-weight:bold;font-size:18px;text-transform:uppercase}a.card{display:block;height:205px;border-radius:10px;padding:30px;background-color:#fff;box-shadow:0px 3px 10px 0px rgba(0,0,0,0.1)}a.card .header{margin-bottom:20px}a.card .header i{font-size:30px;color:#3271d7}a.card .content{font-weight:bold}.apps a.card{height:165px;margin-top:50px;cursor:pointer;transition:all .3s;color:#1f3758}.apps a.card:hover{background-color:#3271d7;color:#fff;text-decoration:none}.apps a.card:hover i{color:#fff}.functions .item{border-bottom:1px solid #e0e0e0;padding:50px 0}.functions .item h3{margin-bottom:15px;margin-top:0;font-size:18px}.functions h2{border-bottom:1px solid #e0e0e0;padding-bottom:15px;margin-bottom:0}.apps h2{border-bottom:1px solid #e0e0e0;padding-bottom:15px;margin-bottom:0}footer{border-top:1px solid #e0e0e0;padding:20px;background-color:#fff}.ui-scrollbar-shadow-bottom{opacity:0 !important}input:focus{outline:none;border-color:gray}.about figure{display:flex;align-items:center;padding:30px;box-shadow:0px 3px 10px 0px rgba(0,0,0,0.1);border-radius:5px;background-color:#fff}.about figure .image{border-radius:5px;overflow:hidden;margin-right:30px}.about figure .image .serious{display:block}.about figure .image .funny{display:none}.about figure .image:hover .serious{display:none}.about figure .image:hover .funny{display:block}.contact figure i{color:#333}.contact figure span{font-weight:bold;margin-bottom:15px;color:#333}.contact figure div{margin-top:10px;color:gray}.contact figure div a{color:gray}.contact .divider{width:100%;height:3px;border-radius:2px;margin-bottom:15px}.blog h2{margin-bottom:50px}.blog .ques{font-size:18px;font-weight:bold}.blog figure{margin-bottom:60px}.blog figure button.try{margin-top:50px;background-color:#87bf47;color:#FFF;font-weight:bold;padding:20px}.mobilenav{display:none;margin-top:4px;cursor:pointer}.mobilenav i{font-size:30px}.howitwork p{margin-bottom:30px}.video{position:relative;overflow:hidden;width:70%;margin:0 auto;padding-top:39.5%;box-shadow:0px 3px 10px 0px rgba(0,0,0,0.1);border-radius:5px}.video .video-responsive{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.clerk_video.playing{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center}.clerk_video .close_video{position:absolute;top:30px;right:30px;cursor:pointer}.clerk_video .close_video i{font-size:30px;color:red}.reference{max-width:800px;text-align:center;margin:100px auto}.reference .quote{font-size:20px;font-style:italic;font-weight:bold;color:#000;margin-bottom:30px;position:relative}.reference .quote:after{content:'"';font-size:22px}.reference .quote:before{content:'"';font-size:22px}.reference .name{font-size:16px;color:#000}.reference .position{color:gray}.references .swiper-button-next, .references .swiper-button-prev{border:1px solid gray;border-radius:50%;width:30px;height:30px}.references .swiper-button-next:after, .references .swiper-button-prev:after{font-size:16px;color:gray}.bloglist{display:grid;grid-template-columns:repeat(3, 1fr);gap:40px}.blogitem{display:block;color:#333;background-color:#f0f0f0;border-radius:5px;transition:opacity .2s}.blogitem:hover{text-decoration:none;opacity:.8}.blogitem img{max-width:100%;border-radius:5px 5px 0 0;overflow:hidden}.blogitem .meta{padding:20px}.blogitem .name{font-size:16px;min-height:45px;overflow:hidden;vertical-align:middle;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blogitem .date{font-size:10px;margin-top:10px;color:gray}.blogdetail.maxwidth{margin:0 auto;max-width:800px}@media(max-width:991px){main{flex-direction:column;height:100vh;background-position:bottom;margin-bottom:0;background-size:70%}.info .card{margin-bottom:30px}.functions .item .row{flex-direction:column}.functions .item:nth-child(3) .row .col-sm-6:first-child{order:2}.functions .item:nth-child(3) .row .col-sm-6:last-child{order:1}.functions .item:nth-child(5) .row .col-sm-6:first-child{order:2}.functions .item:nth-child(5) .row .col-sm-6:last-child{order:1}.functions .item img{width:100% !important}.functions .item .content{margin-bottom:30px}.howitwork .video{padding-top:56.25%;width:100%}section{padding:30px 0}.info .card.nmbsm{margin-bottom:0}.dnone{display:none}.tokens .notokens>div{font-size:18px}.tokens .notokens>div .mainicon{font-size:30px}header{padding:20px 5px}header .logo{font-size:18px;display:none}header .nav.dnone{display:none}header .nav{display:flex;position:absolute;border-bottom:1px solid #e0e0e0;padding-bottom:10px;top:64px;left:0;flex-direction:column;align-items:center;width:100%;background-color:#fff;z-index:100}header .nav a{margin:10px 0}header .user{top:22px}header .userprofile{font-size:12px}header .userprofile i{font-size:11px}header .userprofile div{margin-right:10px;padding:3px 6px}header .nav a.bg-btn{order:1}main h2{font-size:33px;line-height:33px}main .actions{flex-direction:column;align-items:flex-start}main .actions>div{margin-bottom:15px}main .beginbtn{margin-bottom:15px}main .play_video{top:68%;right:46%}.mobilenav{display:block}.about figure{flex-direction:column}.about figure .image{margin-right:0;margin-bottom:30px}.bloglist{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}}@media(max-width:768px){main{background:none;height:auto;margin-bottom:50px}main .play_video{position:static;top:auto;left:auto}main .play_video .play_img{display:block;width:270px;margin-top:30px}main .play_video i{text-align:center;margin-top:-90px;display:block}.ui-centered-container{z-index:1000}.ui-centered-body figure{padding:0}.video{width:100%}.or{display:block;margin-top:20px}.bloglist{display:grid;grid-template-columns:repeat(1, 1fr);gap:0}} /*! * =========================================================================================== * MERGED: /www/www/clerk_sk/public/css/ui.css * =========================================================================================== */ button{outline:0}.ui-viewbox{overflow:hidden;-ms-overflow-style:none;box-sizing:content-box}.ui-viewbox-disabled{z-index:5;position:absolute;background-color:rgba(255,255,255,0.8)}.ui-viewbox-hidden{visibility:hidden}.ui-loading{position:fixed;width:100%;height:100%;background-color:rgba(255,255,255,0.8);left:0;top:0;z-index:1000}.ui-loading-1>div{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSI4LjA0MiUiIHkxPSIwJSIgeDI9IjY1LjY4MiUiIHkyPSIyMy44NjUlIiBpZD0iYSI+PHN0b3Agc3RvcC1jb2xvcj0iI0EwQTBBMCIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0EwQTBBMCIgc3RvcC1vcGFjaXR5PSIuNjMxIiBvZmZzZXQ9IjYzLjE0NiUiLz48c3RvcCBzdG9wLWNvbG9yPSIjQTBBMEEwIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCIgc3Ryb2tlPSJ1cmwoI2EpIiBzdHJva2Utd2lkdGg9IjIiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDE4IDE4IiB0bz0iMzYwIDE4IDE4IiBkdXI9IjAuOXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjxjaXJjbGUgZmlsbD0iI0EwQTBBMCIgY3g9IjM2IiBjeT0iMTgiIHI9IjEiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDE4IDE4IiB0bz0iMzYwIDE4IDE4IiBkdXI9IjAuOXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+PC9nPjwvc3ZnPg==) no-repeat 50% 50%;background-size:80px 80px;width:80px;height:80px;position:absolute;left:50%;top:50%;margin:-40px 0 0 -40px}.ui-loading-2>div{min-height:5px;background-color:#4285f4;width:0;position:absolute;z-index:1;animation:loadinganimation 5s infinite}.ui-loading-1 .ui-loading-text{position:absolute;width:250px;text-align:center;margin:90px 0 0 -125px;left:50%;font-size:12px;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ui-loading-2 .ui-loading-text{font-size:11px;padding:0 5px}.ui-loading-text i{margin-right:5px}@keyframes loadinganimation{0%{left:0}60%{left:0;width:100%}70%{left:70%;width:30%}90%{left:100%;width:30%}100%{left:0;width:0}}.ui-carousel2{overflow:hidden}.ui-carousel2 .ui-carousel2-container{width:100%;overflow-x:scroll;overflow-y:hidden;overflow-scrolling:touch;-webkit-overflow-scrolling:touch}.ui-carousel2 .ui-carousel2-body{padding-bottom:30px}.ui-carousel2 .ui-carousel2-body>figure{float:left;cursor:grab}.ui-rawinput-monospace input{font-family:Menlo,Consolas,monospace}.ui-viewbox{overflow:hidden;-ms-overflow-style:none;box-sizing:content-box}.ui-viewbox-disabled{z-index:5;position:absolute;background-color:rgba(255,255,255,0.8)}.ui-viewbox-hidden{visibility:hidden}.ui-message{background-color:rgba(255,255,255,0.9);position:fixed;left:0;right:0;bottom:0;top:0;z-index:1010;width:100%;display:table;height:100%;transition:0.3s all;opacity:0}.ui-message>div{display:table-cell;vertical-align:middle;text-align:center;padding:15px}.ui-message-body{padding:30px 25px 20px;position:relative;display:inline-block;color:#000;border-radius:var(--radius);max-width:500px;text-align:left;transform:scale(1.5);transition:0.2s all;box-shadow:0 5px 20px rgba(0,0,0,0.1);background-color:#FFF;border-width:3px;border-style:solid}.ui-message-warning .ui-message-body{border-color:#DA4453;min-width:300px}.ui-message-success .ui-message-body{border-color:#8CC152;min-width:300px}.ui-message-info .ui-message-body{border-color:var(--color);min-width:300px}.ui-message button{display:block;min-width:100px;margin:20px auto 0;cursor:pointer;outline:0;background-color:#FFF;border:1px solid #E0E0E0;border-radius:var(--radius);color:#000;padding:0 20px;height:34px;font-weight:bold}.ui-message button:hover{background-color:#F0F0F0}.ui-message button:active{border-color:#D0D0D0}.ui-message-icon{border-radius:100px;width:60px;height:60px;padding:0;line-height:54px;font-size:30px;text-align:center;position:absolute;left:50%;border:4px solid #3BAFDA;margin-left:-30px;z-index:5;background-color:#FFF;color:#3BAFDA;margin-top:-40px;transform:scale(2);transition:all 0.3s}.ui-message-icon-animate{transform:scale(1)}.ui-message-success .ui-message-icon{border-color:#8CC152;color:#8CC152}.ui-message-warning .ui-message-icon{border-color:#DA4453;color:#DA4453}.ui-message-info .ui-message-icon{border-color:var(--color);color:var(--color)}.ui-message-error i{margin-right:5px;color:red}.ui-message-visible{opacity:1}.ui-message-visible .ui-message-body{transform:scale(1)}.ui-message2{background-color:rgba(220,220,220,0.9)}.ui-message2 .ui-message-body{padding:110px 0 0;border-width:0;border-radius:var(--radius);max-width:400px}.ui-message2 .ui-message-text{padding:0 20px 30px;text-align:center}.ui-message2 hr{display:none}.ui-message2 button{width:100%;border:0 !important;color:#FFF;border-radius:0 0 var(--radius) var(--radius);height:40px;margin:0}.ui-message2 button:hover{opacity:0.9}.ui-message2.ui-message-success button{background-color:#8CC152}.ui-message2.ui-message-warning button{background-color:#DA4453}.ui-message2.ui-message-info button{background-color:var(--color)}.ui-message2 .ui-message-icon{margin-top:30px;border-radius:0;border:0;background:transparent !important;font-size:50px}.ui-centered-noscroll,.ui-centered-noscroll body{overflow:hidden}.ui-centered-container{position:fixed;width:100%;height:100%;z-index:5;background-color:rgba(255,255,255,0.95);left:0;top:0}.ui-centered-body{display:table-cell;vertical-align:middle;text-align:center}.ui-centered-content{display:table;width:100%;height:100%}.ui-centered-button{font-size:14px;color:#A0A0A0;position:absolute;right:15px;top:15px;cursor:pointer;opacity:0.7;transition:all 0.3s;width:24px;height:24px;text-align:center;line-height:24px;z-index:2}.ui-centered-button:active{top:21px}.ui-centered-button:hover{opacity:1}.ui-wiper-button-next.swiper-button-next:after,.ui-wiper-button-prev.swiper-button-prev:after{color:var(--color)}.ui-wiper-pagination .swiper-pagination-bullet-active{background:var(--color)}