:root{--dark: #1f1f24;--purple: #c2c2ff}html,body{position:relative;cursor:none;height:100%;width:100%;background:var(--dark);margin:0}.box{padding:30px;color:var(--purple);font-family:"Baloo 2",cursive;font-size:1.2rem;max-width:900px;margin:0 auto;line-height:30px}.right{float:right}.a-link{color:#fff;font-weight:800;cursor:none}.menu{list-style:none;padding:0}.menu li{display:inline-block}.menu li a{display:inline-block;margin-right:30px;text-decoration:none}:root{--current-font: "Source Sans Pro", sans-serif}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;-webkit-box-sizing:border-box}body{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;overflow-x:hidden;font-family:var(--current-font),sans-serif}.clearfix:after{content:"";clear:both;display:table}.container{width:80%;max-width:1440px;margin:0 auto}.w100v{width:100vw}.w100{width:100%}.h100v{height:100vh}.h100{height:100%}.p0,.m0{margin:0!important}.grid{position:relative;display:grid;grid-template-columns:1fr}.grid.mtb{margin:100px 0}.grid.gutter{column-gap:15px;row-gap:15px}.grid.grid-2{grid-template-columns:repeat(2,1fr)}.grid.grid-3{grid-template-columns:repeat(3,1fr)}.grid.grid-4{grid-template-columns:repeat(4,1fr)}.grid.grid-5{grid-template-columns:repeat(5,1fr)}.grid.grid-6{grid-template-columns:repeat(6,1fr)}.container.lg{width:90%;max-width:1500px}.dd-l__fixed{position:relative;z-index:99}.dd-l__fixed--bar{position:absolute;display:flex;box-sizing:border-box;top:0;left:0;width:100%;align-items:center;padding:0 7.5rem;justify-content:space-between;z-index:99}.dd-logo{font-family:Source Sans Pro,sans-serif;color:#455a6499}[hidden]{display:none}.clearfix:after,.clearifx:before{display:table;content:" "}.clearfix:after{clear:both}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.pull-left{float:left}.pull-right{float:right}.grid{display:grid}.grid.center{align-items:center}.grid.grid2{grid-template-columns:repeat(2,1fr)}.grid.grid3,.grid.grid4{grid-template-columns:repeat(3,1fr)}.dd-btn{display:inline-flex;cursor:pointer;background:#1565c0;padding:.75em 2em;font-family:Source Sans Pro,sans-serif;text-decoration:none;color:#fff;border-radius:2px;font-weight:600;font-size:1em;border:none;outline:none;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:.3s}.dd-btn:hover{background:#368ae9;box-shadow:0 2px 5px #00000029,0 2px 5px #0000003b}.dd-btn-sm{padding:7px 20px;font-size:14px}.a-dd__link{position:relative;display:inline-flex;align-items:center;font-family:var(--current-font),sans-serif;text-decoration:none;font-weight:600;padding:10px;color:#3a3f4b;transition:all .25s;border:2px dashed transparent}.a-dd__link:hover{color:#1d1e22}.a-dd__link:focus{border-color:#2560a3}.dd-title{font-family:Source Sans Pro,sans-serif;color:#393e46;display:inline-block}.container{position:relative;margin:0 auto;width:80%}.dd-header{padding:20px;position:relative;background:#0c0c0c}.dd-header.fixed{position:fixed;right:0;z-index:9}.dd-header .dd-header-logo{position:absolute;top:50%;transform:translateY(-50%);margin:0;font-family:Source Sans Pro,sans-serif;color:#6c6c6c;font-weight:900;-webkit-user-select:none;-ms-user-select:none;user-select:none}.dd-content .dd-center-p-content{position:relative;display:inline-block;width:100%;padding:20px 0;text-align:center}.dd-demo-actions{display:flex;justify-content:center}.dd-demo-actions a{padding:6px;border:1px solid #CCC;margin:-.5px;display:inline-block;text-decoration:none;outline:none;color:#fbdedd!important;border-radius:0;display:flex;align-items:center}.dd-demo-actions a:hover{background:#fbdedd33!important}.dd-demo-actions .dd-demo-action-link{color:#222831;font-family:Source Sans Pro,sans-serif;font-weight:600;transition:.3s}.dd-demo-actions .dd-demo-action-ico-left,.dd-demo-actions .dd-demo-action-ico-right{padding:6px 10px;color:#222831;transition:.3s}.dd-demo-actions .dd-demo-action-link:hover,.dd-demo-actions .dd-demo-action-ico-left:hover,.dd-demo-actions .dd-demo-action-ico-right:hover{background:rgba(0,0,0,.1);color:#313131}.dd-demo-actions .dd-demo-action-ico-right{border-radius:0 3px 3px 0}.dd-demo-actions .dd-demo-action-ico-left{border-radius:3px 0 0 3px}.m-0{margin:0}.p-0{padding:0}.underline{border-top:1px solid rgba(0,0,0,.2);height:0}.padding-tb-l{padding:80px 0}.container{width:85%;margin:0 auto}.row{position:relative;margin:-15px 0}.col-3{position:relative;width:calc(33.333% - 30px);float:left;padding:0 15px}.col-4{position:relative;width:calc(25% - 30px);float:left;padding:0 15px}.p0{padding:0}.m0{margin:0}.curp{cursor:pointer}.mt-10{margin-top:10px}.box{position:relative;border-top:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(0,0,0,.15);padding:50px 0}.box .box-title{display:inline-block;font-family:Source Sans Pro,sans-serif;font-weight:700;padding-bottom:10px;color:#676c67}.box:after{content:" ";display:table;clear:both}.dd-demo__pages{position:relative;list-style:none;margin:15px 0;padding:0;text-align:center}.dd-demo__pages li{display:inline-block}.dd-demo__pages li a{background:#3c3c3c;display:inline-block;width:40px;height:40px;line-height:40px;margin:0 5px;font-family:Source Sans Pro,sans-serif;color:#fbdedd;font-weight:600;text-decoration:none;border-radius:3px}.dd-demo__pages li a.active{background:#0c0c0c;color:#fff;transform:scale(1.2);outline:1px solid #fbdedd;outline-offset:-5px}.dd-cc{position:absolute;display:inline-block}.dd-cc i{position:absolute;cursor:pointer;font-size:20px;left:0;color:#3c3c3c}.dd-cc-content{position:absolute;background:red;display:inline-block;top:-5px;left:30px;border-radius:5px;background:rgba(0,0,0,.9);text-align:left;opacity:0;visibility:hidden;-webkit-transform:translateX(12px);-moz-transform:translateX(12px);-ms-transform:translateX(12px);-o-transform:translateX(12px);transform:translate(12px);-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;transition:all .25s;z-index:9}.dd-cc-content:after{position:absolute;content:"";top:7px;left:-12px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:12px solid rgba(0,0,0,.9)}.dd-cc-content.active{opacity:1;visibility:visible;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}.dd-cc-content pre{margin:0;padding:10px 20px;font-size:14px;max-height:400px;max-width:400px;overflow:auto;color:#fff;word-break:break-all}.dd-cc-content pre::-webkit-scrollbar{width:10px;height:5px}.dd-cc-content pre::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d}.dd-cc-content pre::-webkit-scrollbar-thumb{border-radius:10px;background-color:#a9a9a9;outline:1px solid slategrey}.ctc-lbl{position:fixed;z-index:999;left:50px;bottom:50px;background:rgba(0,0,0,.9);font-size:16px;color:#fff;padding:10px 15px;border:1px solid rgba(255,255,255,.5);border-radius:5px;opacity:0;visibility:hidden;-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;transition:all .25s;-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px)}.ctc-lbl.ctc-copy-lbl{opacity:1;visibility:visible;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.dd-cc.thac{left:10px;top:15px}.dd-cc.cdtp{top:0;left:100px}.dd-cc.cld{top:-10px;left:0}.dd-cc.cdtp i,.dd-cc.ccbs i{color:#fff}.dd-cc.ccbs{top:0;left:-100px}.dd-cc.cherd{top:0;left:-50px}.dd-cc.rcd{top:0;left:-30px}.dd-cc.rcda{top:0;left:-10px}.dd-cc.tlc{top:20px;left:20px;color:#fff;font-weight:600}.dd-cc.tlc i{position:relative;color:#fff}.dd-cc.tsb{position:absolute;margin-left:-20px;color:#fff}@media (min-width: 1024px) and (max-width: 1400px){.grid[class*=grid-]{grid-template-columns:1fr 1fr 1fr}.container{max-width:1200px}}@media (min-width: 768px) and (max-width: 1024px){.grid[class*=grid-]{grid-template-columns:1fr 1fr}.container{max-width:900px}}@media (max-width: 768px){.grid[class*=grid-]{grid-template-columns:1fr}.container{width:calc(100% - 30px);margin:0 auto}.container{width:100%}.dd-header .dd-header-logo{position:relative;text-align:center;margin:10px}.dd-content .dd-center-p-content{padding:15px}.dd-demo-actions .dd-demo-action-ico-left,.dd-demo-actions .dd-demo-action-ico-right{padding:10px 12px}.container{width:95%}.col-3,.col-4{width:100%;margin-bottom:10px}}
