*{-webkit-box-sizing:border-box;box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font-family:Roboto,sans-serif;letter-spacing:-1px;margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{text-decoration:none}table{border-collapse:collapse;border-spacing:0}.s-alert-info{background-color:#5f9ea0!important}.wtc-color-item{float:left;padding:7% 0;width:14.28%;text-align:center;cursor:pointer}.wtc-color-item span{font-size:26px;opacity:0;-webkit-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.wtc-color-item:hover span{opacity:1}@media screen and (max-width:1100px){.wtc-color-item{width:33.3333%;padding:20% 0}}@media screen and (max-width:700px){.wtc-color-item{width:50%;padding:25% 0}.wtc-color-item span{opacity:1}}.wtc-color-view{position:relative;background-color:#009ac8;height:calc(100vh - 20px);margin:10px;-webkit-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.wtc-color-view p{font-size:80px;color:#222;top:50%}.wtc-color-view p,.wtc-color-view ul{position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.wtc-color-view ul{top:60%}.wtc-color-view ul li{display:inline-block;background:rgba(0,0,0,.1);border-radius:20px;height:40px;width:40px;margin-right:15px;line-height:40px;text-align:center;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.wtc-color-view ul li a{display:block;color:#fff;font-size:20px}.wtc-color-view ul li:hover{background:rgba(0,0,0,.6)}.loader-overlay{position:fixed;top:0;bottom:0;right:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.loader-overlay .loader{position:relative;width:100px;height:100px}.loader-overlay .loader .accent-pink{background-color:#ee8ebc}.loader-overlay .loader .accent-orange{background-color:#eec08e}.loader-overlay .loader .accent-green{background-color:#bcee8e}.loader-overlay .loader .accent-cyan{background-color:#8eeec0}.loader-overlay .loader .accent-blue{background-color:#8ebcee}.loader-overlay .loader .accent-purple{background-color:#c08eee}.loader-overlay .loader .dot{position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%}.loader-overlay .loader .dot:before{content:"";display:block;width:5px;height:5px}.loader-overlay .loader .dot:first-child{-webkit-animation:animate-loader-dots 2.4s linear -.4s infinite backwards;animation:animate-loader-dots 2.4s linear -.4s infinite backwards}.loader-overlay .loader .dot:nth-child(2){-webkit-animation:animate-loader-dots 2.4s linear -.8s infinite backwards;animation:animate-loader-dots 2.4s linear -.8s infinite backwards}.loader-overlay .loader .dot:nth-child(3){-webkit-animation:animate-loader-dots 2.4s linear -1.2s infinite backwards;animation:animate-loader-dots 2.4s linear -1.2s infinite backwards}.loader-overlay .loader .dot:nth-child(4){-webkit-animation:animate-loader-dots 2.4s linear -1.6s infinite backwards;animation:animate-loader-dots 2.4s linear -1.6s infinite backwards}.loader-overlay .loader .dot:nth-child(5){-webkit-animation:animate-loader-dots 2.4s linear -2s infinite backwards;animation:animate-loader-dots 2.4s linear -2s infinite backwards}.loader-overlay .loader .dot:nth-child(6){-webkit-animation:animate-loader-dots 2.4s linear -2.4s infinite backwards;animation:animate-loader-dots 2.4s linear -2.4s infinite backwards}@-webkit-keyframes animate-loader-dots{0%{top:20%;left:50%;-webkit-transform:scale(1);transform:scale(1)}16%{top:35%;left:75%;-webkit-transform:scale(3);transform:scale(3)}33%{top:65%;left:75%;-webkit-transform:scale(1);transform:scale(1)}50%{top:80%;left:50%;-webkit-transform:scale(3);transform:scale(3)}66%{top:65%;left:25%;-webkit-transform:scale(1);transform:scale(1)}83%{top:35%;left:25%;-webkit-transform:scale(3);transform:scale(3)}to{top:20%;left:50%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes animate-loader-dots{0%{top:20%;left:50%;-webkit-transform:scale(1);transform:scale(1)}16%{top:35%;left:75%;-webkit-transform:scale(3);transform:scale(3)}33%{top:65%;left:75%;-webkit-transform:scale(1);transform:scale(1)}50%{top:80%;left:50%;-webkit-transform:scale(3);transform:scale(3)}66%{top:65%;left:25%;-webkit-transform:scale(1);transform:scale(1)}83%{top:35%;left:25%;-webkit-transform:scale(3);transform:scale(3)}to{top:20%;left:50%;-webkit-transform:scale(1);transform:scale(1)}}.wtc-header:after{content:"";display:block;clear:both}.wtc-header .wtc-header__main-link{padding:15px;float:left;text-decoration:none;color:#5f9ea0;font-size:12px}.wtc-header .wtc-header__right-content{float:right;padding-right:10px}.wtc-footer{position:absolute;width:100%;bottom:15px;padding:0 20px}.wtc-footer:after{content:"";display:block;clear:both}.wtc-footer .wtc-footer__right-side-content{float:right}.wtc-footer .wtc-footer__right-side-content a{text-decoration:none;color:#fff}.wtc-footer .wtc-footer__right-side-content a:hover{text-decoration:underline}.wtc-color-item__clipboard-container{cursor:pointer}.wtc-color-list:after{content:"";display:block;clear:both}.wtc-color-filters p{display:inline-block;font-size:12px;padding-right:10px;padding-left:15px}.wtc-color-filters ul{display:inline-block}.wtc-color-filters ul li{display:inline-block;color:#5f9ea0;font-size:12px;padding:15px 10px;cursor:pointer;-webkit-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.wtc-color-filters ul li.is-active,.wtc-color-filters ul li:hover{background-color:#5f9ea0;color:#fff}.s-alert-box,.s-alert-box *{-webkit-box-sizing:border-box;box-sizing:border-box}.s-alert-box{position:fixed;background:rgba(42,45,50,.85);padding:22px;line-height:1.4;z-index:1000;pointer-events:none;color:rgba(250,251,255,.95);font-size:100%;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;max-width:300px;-webkit-transition:top .4s,bottom .4s;-o-transition:top .4s,bottom .4s;transition:top .4s,bottom .4s}.s-alert-box.s-alert-show{pointer-events:auto}.s-alert-box a{color:inherit;opacity:.7;font-weight:700}.s-alert-box a:focus,.s-alert-box a:hover{opacity:1}.s-alert-box p{margin:0}.s-alert-box.s-alert-show,.s-alert-box.s-alert-visible{pointer-events:auto}.s-alert-close{width:20px;height:20px;position:absolute;right:4px;top:4px;overflow:hidden;text-indent:100%;cursor:pointer;-webkit-backface-visibility:hidden;backface-visibility:hidden}.s-alert-close:focus,.s-alert-close:hover{outline:none}.s-alert-close:after,.s-alert-close:before{content:"";position:absolute;width:3px;height:60%;top:50%;left:50%;background:#fff}.s-alert-close:hover:after,.s-alert-close:hover:before{background:#fff}.s-alert-close:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.s-alert-close:after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.s-alert-bottom-left{top:auto;right:auto;bottom:30px;left:30px}.s-alert-top-left{top:30px;right:auto;bottom:auto;left:30px}.s-alert-top-right{top:30px;right:30px;bottom:auto;left:auto}.s-alert-bottom-right{top:auto;right:30px;bottom:30px;left:auto}.s-alert-bottom{bottom:0;top:auto}.s-alert-bottom,.s-alert-top{width:100%;max-width:100%;left:0;right:0}.s-alert-top{top:0;bottom:auto}.s-alert-info{background:#00a2d3;color:#fff}.s-alert-success{background:#27ae60;color:#fff}.s-alert-warning{background:#f1c40f;color:#fff}.s-alert-error{background:#e74c3c;color:#fff}[class*=" s-alert-effect-"].s-alert-hide,[class^=s-alert-effect-].s-alert-hide{-webkit-animation-direction:reverse;animation-direction:reverse}.s-alert-box-height{visibility:hidden;position:fixed}.s-alert-bottom-left.s-alert-effect-bouncyflip,.s-alert-bottom-right.s-alert-effect-bouncyflip,.s-alert-bottom.s-alert-effect-bouncyflip{-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}.s-alert-top-left.s-alert-effect-bouncyflip,.s-alert-top-right.s-alert-effect-bouncyflip .s-alert-top.s-alert-effect-bouncyflip{-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0}.s-alert-effect-bouncyflip p{padding:.5em .8em}.s-alert-effect-bouncyflip .s-alert-close:after,.s-alert-effect-bouncyflip .s-alert-close:before,.s-alert-effect-bouncyflip .s-alert-close:hover:after,.s-alert-effect-bouncyflip .s-alert-close:hover:before{background:#fff}.s-alert-top-left.s-alert-effect-bouncyflip.s-alert-hide,.s-alert-top-left.s-alert-effect-bouncyflip.s-alert-show,.s-alert-top-right.s-alert-effect-bouncyflip.s-alert-hide,.s-alert-top-right.s-alert-effect-bouncyflip.s-alert-show,.s-alert-top.s-alert-effect-bouncyflip.s-alert-hide,.s-alert-top.s-alert-effect-bouncyflip.s-alert-show{-webkit-animation-name:flipInXTop;animation-name:flipInXTop;-webkit-animation-duration:.8s;animation-duration:.8s}.s-alert-bottom-left.s-alert-effect-bouncyflip.s-alert-hide,.s-alert-bottom-left.s-alert-effect-bouncyflip.s-alert-show,.s-alert-bottom-right.s-alert-effect-bouncyflip.s-alert-hide,.s-alert-bottom-right.s-alert-effect-bouncyflip.s-alert-show,.s-alert-bottom.s-alert-effect-bouncyflip.s-alert-hide,.s-alert-bottom.s-alert-effect-bouncyflip.s-alert-show{-webkit-animation-name:flipInXBottom;animation-name:flipInXBottom;-webkit-animation-duration:.8s;animation-duration:.8s}@-webkit-keyframes flipInXTop{0%{-webkit-transform:perspective(400px) rotateX(-90deg);-webkit-transition-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(20deg);-webkit-transition-timing-function:ease-out}60%{-webkit-transform:perspective(400px) rotateX(-10deg);-webkit-transition-timing-function:ease-in;opacity:1}80%{-webkit-transform:perspective(400px) rotateX(5deg);-webkit-transition-timing-function:ease-out}to{-webkit-transform:perspective(400px)}}@keyframes flipInXTop{0%{-webkit-transform:perspective(400px) rotateX(-90deg);transform:perspective(400px) rotateX(-90deg);-webkit-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(20deg);transform:perspective(400px) rotateX(20deg);-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}60%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg);-webkit-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:1}80%{-webkit-transform:perspective(400px) rotateX(5deg);transform:perspective(400px) rotateX(5deg);-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes flipInXBottom{0%{-webkit-transform:perspective(400px) rotateX(90deg);-webkit-transition-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);-webkit-transition-timing-function:ease-out}60%{-webkit-transform:perspective(400px) rotateX(10deg);-webkit-transition-timing-function:ease-in;opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);-webkit-transition-timing-function:ease-out}to{-webkit-transform:perspective(400px)}}@keyframes flipInXBottom{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);-webkit-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg);-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.s-alert-top-left.s-alert-effect-bouncyflip.s-alert-hide,.s-alert-top-right.s-alert-effect-bouncyflip.s-alert-hide,.s-alert-top.s-alert-effect-bouncyflip.s-alert-hide{-webkit-animation-name:flipInXSimpleTop;animation-name:flipInXSimpleTop;-webkit-animation-duration:.3s;animation-duration:.3s}.s-alert-bottom-left.s-alert-effect-bouncyflip.s-alert-hide,.s-alert-bottom-right.s-alert-effect-bouncyflip.s-alert-hide,.s-alert-bottom.s-alert-effect-bouncyflip.s-alert-hide{-webkit-animation-name:flipInXSimpleBottom;animation-name:flipInXSimpleBottom;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes flipInXSimpleTop{0%{-webkit-transform:perspective(400px) rotateX(-90deg);-webkit-transition-timing-function:ease-in}to{-webkit-transform:perspective(400px)}}@keyframes flipInXSimpleTop{0%{-webkit-transform:perspective(400px) rotateX(-90deg);transform:perspective(400px) rotateX(-90deg);-webkit-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes flipInXSimpleBottom{0%{-webkit-transform:perspective(400px) rotateX(90deg);-webkit-transition-timing-function:ease-in}to{-webkit-transform:perspective(400px)}}@keyframes flipInXSimpleBottom{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@media screen and (max-width:25em){.s-alert-attached{left:30px;max-width:none;right:30px}}
/*# sourceMappingURL=main.391bac41.css.map*/