/*demo*/
body{font-family:Muli,sans-serif}h1,h2,h3,h4{font-family:'Droid Sans',sans-serif;font-weight:700}header{padding:60px 0;color:orange;background:#070707}header h1{margin-top:0}.margin-top-60{margin-top:60px}.margin-bottom-60{margin-bottom:60px}.css-demo-title{font-size:18px;margin:0;padding:13px 15px}.css-col.type-1 .fa,.css-col.type-2 .fa,.css-col.type-3 .fa,.css-col.type-4 .fa,.css-col.type-5 .fa{font-size:52px;line-height:120px}.css-section{padding:80px 0}.css-white-text{color:#fff!important}.css-demo-title.type-1{color:#fff;background:orange}.css-col.type-1{position:relative;overflow:hidden;margin:40px 0;padding:10px;transition:all .4s ease;box-shadow:1px 2px 10px rgba(0,0,0,.18)}.css-col.type-1 .fa{width:130px;height:130px;margin:20px;color:orange;border:solid;border-radius:100%}.css-col.type-1 h2{margin-top:0;margin-bottom:15px;padding:13px 0}.css-col.type-1 p{padding:0 17px 17px;color:#919191}.css-col.type-1:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:'';transition:all .4s ease;transform:translateY(100%);background:orange}.css-col.type-1:hover:after{transform:translateY(0)}.css-col.type-1:hover .fa,.css-col.type-1:hover h2,.css-col.type-1:hover p{color:#fff}.css-col.type-1:hover .btn{color:orange;background:#fff}.css-col.type-1 .btn{margin:10px 0 20px;padding:14px 35px;color:#fff;border-radius:0;background:orange}.css-demo-title.type-2{color:#fff;background:#5656a6}.css-section.background-1{background:#5b5bae}.css-col.type-2{margin:40px 0;padding:10px;transition:all .4s ease}.css-col.type-2 .fa{width:130px;height:130px;margin:20px;color:orange;border:solid;border-radius:100%}.css-col.type-2 h2{margin-top:0;margin-bottom:15px;padding:13px 0}.css-col.type-2 p{padding:0 17px 17px;color:#919191}.css-col.type-2:hover{transform:scale(.9,.9);background:#5656a6}.css-col.type-2 .btn{margin:10px 0 20px;padding:14px 35px;color:#3c3c3c;border-radius:0;background:#fff}.css-col.type-2:hover .btn{color:#fff;background:#5b5bae}.css-demo-title.type-3{color:#fff;background:#24cf5f}.css-col.type-3{position:relative;overflow:hidden;margin:40px 0;padding:10px}.css-col.type-3 .fa{width:130px;height:130px;color:#24cf5f}.css-col.type-3:after,.css-col.type-3:before{position:absolute;box-sizing:border-box;width:99.5%;height:2px;z-index:-1;left:0;content:''}.css-col.type-3 h2{margin-top:0;margin-bottom:0;padding:13px 0}.css-col.type-3 p{padding:0 17px 17px;color:#919191}.css-col.type-3:before{bottom:0;transform:translateX(100%);border-bottom:2px solid transparent;border-left:2px solid transparent}.css-col.type-3:after{top:0;transform:translateX(-100%);border-top:2px solid transparent;border-right:2px solid transparent}.css-col.type-3:hover:after,.css-col.type-3:hover:before{height:100%;transform:translateX(0);border-color:#24cf5f}.css-col.type-3:hover:before{transition:.2s transform ease,.1s height ease .1s}.css-col.type-3:hover:after{transition:.2s transform ease .2s,.1s height ease .3s}.css-col.type-3 .btn{margin:10px 0 20px;padding:12px 35px;color:#fff;border-radius:40px;background:#24cf5f}.css-col.type-3 .btn:hover{color:#fff;background:#54ee89}.css-demo-title.type-4{color:#fff;background:#e12573}.css-col.type-4{position:relative;overflow:hidden;margin:40px 0;padding:10px}.css-col.type-4 .fa{float:left;width:70px;height:130px;margin-right:40px;text-align:right;color:#e12573}.css-col.type-4 h2{margin-top:0;margin-bottom:0;padding:13px 0}.css-col.type-4 p{padding:0 17px 17px;color:#919191}.css-col.type-4:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:'';transition:all .4s ease;transform:translateX(100%);background:#e12573}.css-col.type-4:hover:after{transform:translateX(0)}.css-col.type-4:hover .fa,.css-col.type-4:hover h2,.css-col.type-4:hover p{color:#fff}.css-col.type-4:hover .btn{background:#ff378a}.css-col.type-4 .btn{margin:10px 0 20px;padding:12px 35px;color:#fff;border-radius:40px;background:#e12573}.css-demo-title.type-5{color:#fff;background:#1997d3}.css-col.type-5{margin:40px 0;padding:10px;transition:all .8s ease;outline:#71d1ff solid 2px;outline-offset:-10px;background:#20b7ff;box-shadow:0 0 0 18px rgba(0,0,0,.15) inset}.css-col.type-5 .fa{width:130px;height:110px;color:#b7e8ff}.css-col.type-5 h2{margin-top:0;margin-bottom:15px;padding:13px 0;color:#fff}.css-col.type-5 p{padding:0 17px 17px;color:#fff}.css-col.type-5:hover{outline:#71d1ff solid 6px;box-shadow:0 0 0 500px rgba(0,0,0,.15) inset}.css-col.type-5 .btn{margin:10px 0 20px;padding:14px 35px;color:#fff;border-radius:0;background:#1997d3}.css-col.type-5:hover .btn{color:#1997d3;background:#b7e8ff}.css-demo-title.type-6{color:#fff;background:#19d3ca}.css-col.type-6{margin:40px 0;padding:10px}.css-col-counter{position:relative;overflow:hidden;text-align:right;border-bottom:1px solid #19d3ca}.css-col-counter span{font-size:72px;line-height:72px;position:relative;top:26px;display:inline-block;transition:all .4s ease;color:#e9e9e9}.css-col-counter:after{position:absolute;right:0;bottom:0;display:block;width:80px;content:'';-webkit-box-shadow:0 6px 15px 5px rgba(50,50,50,.15);-moz-box-shadow:0 6px 15px 5px rgba(50,50,50,.15);box-shadow:0 6px 15px 5px rgba(50,50,50,.15)}.css-col.type-6 .fa{font-size:52px;line-height:120px;width:130px;height:130px;margin:20px;transition:all .8s ease;color:#fff;border-radius:10px;background:#19d3ca}.css-col.type-10,.css-col.type-11,.css-col.type-12,.css-col.type-12:after,.css-col.type-13,.css-col.type-13 h2,.css-col.type-13 p,.css-col.type-13:after,.css-col.type-15,.css-col.type-7 .fa,.css-col.type-8 .fa,.css-col.type-8 h2,.css-col.type-9 .fa{transition:all .4s ease}.css-col.type-6 h2{margin-top:0;margin-bottom:0;padding:13px 0}.css-col.type-6 p{padding:17px}.css-col.type-6 .btn{margin:10px 0 20px;padding:12px 35px;color:#fff;border-radius:40px;background:#19d3ca}.css-col.type-6 .btn:hover{color:#fff;background:#16b0a8}.css-col.type-6:hover .css-col-counter span{top:0}.css-col.type-6:hover .fa{transform:rotateY(180deg)}.css-demo-title.type-7{color:#fff;background:#2e4b9b}.css-col.type-7{position:relative;margin:40px 0;padding:10px}.css-col.type-7 .fa{font-size:142px;position:absolute;z-index:0;top:0;right:0;margin:20px;color:#8aa9ff}.css-col.type-10 .fa,.css-col.type-8 .fa,.css-col.type-9 .fa{font-size:52px;line-height:120px;height:130px}.css-col.type-7 h2{position:relative;z-index:1;margin-top:0;margin-bottom:15px;padding:62px 0}.css-col.type-7 p{padding:0 17px 17px;color:#919191}.css-col.type-7:hover .fa{transform:translateX(-100%)}.css-col.type-7 .btn{margin:10px 0 20px;padding:14px 35px;color:#fff;border-radius:0;background:#2e4b9b}.css-col.type-7 .btn:hover{color:#fff;background:#8aa9ff}.css-section.type-8{background:#edf4f3}.css-demo-title.type-8{color:#fff;background:#ff4343}.css-col.type-8{margin:40px 0;padding:10px 2px;background:#fff}.css-col.type-8 .fa{width:130px;margin:20px;color:#ff4343;border:1px solid #e5e5e5;border-radius:100%;box-shadow:5px 5px 3px #ddd}.css-col.type-8 h2{margin-top:0;margin-bottom:15px;padding:13px 0;background:linear-gradient(to right,#edf4f3 50%,#ff4343 50%);background-position:left;background-size:200% 100%}.css-col.type-8 p{padding:0 17px 17px;color:#919191}.css-col.type-8:hover .fa{box-shadow:-5px 7px 3px #ddd}.css-col.type-8:hover h2{color:#fff;background-position:right}.css-col.type-8 .btn{margin:10px 0 20px;padding:14px 35px;color:#fff;border-radius:40px;background:#ff4343}.css-col.type-8 .btn:hover{color:#fff;background:#e33939}.css-demo-title.type-9{color:#fff;background:#c0df19}.css-col.type-9{margin:90px 0 40px;padding:10px;background:#f4ffb9}.css-col.type-9 .fa{width:130px;margin:-90px 20px 20px;color:#c0df19;border:1px solid #fff;border-radius:100%;background:#fff}.css-col.type-9 h2{margin-top:0;margin-bottom:15px;padding:13px 0}.css-col.type-9 p{padding:0 17px 17px;color:#919191}.css-col.type-9:hover .fa{color:#fff;background:#c0df19}.css-col.type-9 .btn{margin:10px 0 20px;padding:14px 35px;color:#fff;border-radius:40px;background:#c0df19}.css-col.type-9 .btn:hover{color:#fff;background:#a3be10}.css-demo-title.type-10{color:#fff;background:#816ee7}.css-col.type-10{margin:40px 0;padding:10px 2px;border-radius:40px 0;background:#816ee7}.css-col.type-10 .fa{width:100%;margin:20px 0;color:#533dcd;background:#fff}.css-col.type-11 .fa,.css-col.type-12 .fa{font-size:52px;line-height:107px;width:110px}.css-col.type-10 h2{margin-top:0;margin-bottom:0;padding:8px 0;color:#fff}.css-col.type-10 p{padding:0 17px 17px;color:#fff}.css-col.type-10:hover{border-radius:0 40px}.css-col.type-10 .btn{margin:10px 0 20px;padding:14px 35px;color:#fff;border-radius:40px;background:#533dcd}.css-col.type-10 .btn:hover{color:#fff;background:#4932c0}.css-demo-title.type-11{color:#fff;background:#ee12a0}.css-col.type-11{position:relative;margin:90px 0 40px;padding:70px 2px 74px;border:1px solid #ee12a0;border-radius:100%;background:#fff}.css-col.type-11 .fa{position:absolute;top:-90px;left:50%;height:110px;margin:20px 0;transition:all .4s ease;transform:translateX(-50%);color:#fff;border-radius:100%;background:#ee12a0}.css-col.type-11 h2{margin-top:0;margin-bottom:18px;padding:8px 0}.css-col.type-11 p{padding:0 17px 17px}.css-col.type-11 .btn{margin:10px 0 20px;padding:14px 35px;color:#fff;border-radius:40px;background:#ee12a0}.css-col.type-11:hover{background:#ee12a0}.css-col.type-11:hover .fa{color:#ee12a0;background:#fff}.css-col.type-11:hover h2,.css-col.type-11:hover p{color:#fff}.css-col.type-11:hover .btn{color:#fff;background:#d71a94}.css-demo-title.type-12{color:#fff;background:#12daee}.css-col.type-12{position:relative;overflow:hidden;margin:49px 0 40px;padding:20px;background:#edfdff}.css-col.type-12 .fa{float:right;height:110px;margin:20px 0;color:#12daee;border-radius:100%;background:#fff;box-shadow:-3px -2px 5px #cdcdcd inset}.css-col.type-12 h2{position:absolute;top:10px;margin-top:0;margin-bottom:18px;padding:8px 0}.css-col.type-12 p{padding:46px 0 17px;text-align:left}.css-col.type-12 .btn{display:block;width:145px;margin:10px 0 20px;padding:14px 35px;color:#fff;border-radius:40px;background:#12daee}.css-col.type-13 .fa,.css-col.type-14 .fa{font-size:52px;line-height:107px;width:110px}.css-col.type-12:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:'';transform:rotateZ(90deg) translateX(100%);background:#12daee}.css-col.type-12:hover:after{transform:rotateZ(0) translateX(0)}.css-col.type-12:hover{background:0 0}.css-col.type-12:hover h2,.css-col.type-12:hover p{color:#fff}.css-col.type-12:hover .btn{color:#12daee;background:#edfdff}.css-demo-title.type-13{color:#fff;background:#1ce6ae}.css-col.type-13{position:relative;overflow:hidden;margin:49px 0 40px;padding:20px;background:#eee}.css-col.type-13 .fa{position:absolute;top:-46px;left:-24px;height:110px;margin:20px 0;color:#fff;border-radius:100%;background:#1ce6ae;box-shadow:0 0 0 10px #e9e9e9}.css-col.type-13:after,.css-col.type-14:after{z-index:-1;right:0;left:0;content:''}.css-col.type-13 h2{margin-top:0;margin-bottom:18px;padding:8px 0;text-align:right}.css-col.type-13 p{padding:20px 0 17px;text-align:left}.css-col.type-13 .btn{margin:10px 0 20px;padding:14px 35px;color:#fff;border-radius:40px;background:#1ce6ae}.css-col.type-13:after{position:absolute;top:0;bottom:0;transform:translateY(-100%) translateX(-100%);background:#1ce6ae}.css-col.type-13:hover:after{transform:translateY(0) translateX(0)}.css-col.type-13:hover{background:0 0}.css-col.type-13:hover h2,.css-col.type-13:hover p{color:#fff}.css-col.type-13:hover .btn{color:#fff;background:#19bb8e}.css-demo-title.type-14{color:#fff;background:#ff408f}.css-col.type-14{position:relative;margin:40px 0;padding:0;background:#ff408f}.css-col.type-14:after{position:absolute;bottom:-30px;height:90px;transform:skewY(5deg);background:#ff408f}.css-col.type-14 .fa{height:110px;margin:20px 0;color:#fff;border-radius:100%;background:#fd6faa;box-shadow:0 0 0 10px rgba(255,255,255,.12)}.css-col.type-14 h2{position:relative;z-index:1;margin-top:0;margin-bottom:18px;padding:20px;color:#ff408f;background:#fff}.css-col.type-14 h2:before,.css-col.type-15:after{content:'';top:0;right:0;left:0;z-index:-1}.css-col.type-14 h2:before{position:absolute;height:90px;transform:skewY(5deg);background:#fff}.css-col.type-14 p{padding:20px 20px 17px;text-align:left;color:#fff}.css-col.type-14 .btn{margin:10px 20px 20px;padding:14px 35px;color:#fff;border-radius:0;background:#fd6faa}.css-col.type-14 .btn:hover{color:#fff;background:#e03079}.css-col.type-14:hover{animation:flipZoomOut 1s forwards 1}@keyframes flipZoomOut{0%,100%{transform:scale(1,1)}20%{transform:scale(.8,.8)}}.css-col.type-14:hover .fa{animation:ripple 1s infinite}@keyframes ripple{0%,80%{box-shadow:0 0 0 10px rgba(255,255,255,.5)}100%,40%{box-shadow:0 0 0 15px rgba(255,255,255,.4)}}.css-demo-title.type-15{color:#fff;background:#4DF}.css-col.type-15{padding:15px;position:relative;overflow:hidden}.css-col.type-15:after{position:absolute;bottom:0;background:#DDF9FF;transform:rotateX(90deg) translateY(100%);transition:all .8s ease}.css-col.type-16:after,.css-col.type-16:before{content:'';top:0;right:0;bottom:0;left:0;transition:all .4s ease;z-index:0}.css-col.type-15 .fa{font-size:50px;padding:20px 0 0}.css-col.type-15 .btn{border:2px solid;margin:20px;padding:10px 20px;color:#000}.css-col.type-15:hover:after{transform:rotateX(0) translateY(0)}.css-col.type-15:hover .fa{animation:hinge 1.4s infinite forwards}@keyframes hinge{0%,100%{transform:translateY(-5px)}50%{transform:translateY(5px)}}.css-demo-title.type-16{background:#E1E1E1}.css-col.type-16{position:relative;overflow:hidden}.css-col.type-16:before{position:absolute;background:rgba(0,0,0,.25);transform:translateY(0)}.css-col.type-16:hover:before{transform:translateY(-100%)}.css-col.type-16:after{position:absolute;background:rgba(0,0,0,.35);transform:translateY(100%)}.css-col.type-16:hover:after{transform:translateY(0)}.css-col.type-16 .data{position:absolute;bottom:20px;z-index:1;color:#fff;width:100%;padding-left:20px;padding-right:20px}.css-col.type-16 .data h2{margin-bottom:20px}.css-col.type-16 .data .btn{display:none;padding:10px 20px;color:#fff;width:140px;margin:auto;background:linear-gradient(to right,#000 50%,#FFF 50%);background-size:200% 100%;background-position:left;transition:all .2s ease;border:none}.css-col.type-17:after,.css-col.type-17:before{content:'';top:0;right:0;bottom:0;left:0;transition:all .4s ease;z-index:0}.css-col.type-16 .data .btn:hover{background-position:right;color:#000}.css-col.type-16:hover .data .btn{display:block;animation:fadeInUp .4s 1 forwards}.css-col.type-16:hover .data p,.css-col.type-17 .data .btn,.css-col.type-17 .data p,.css-col.type-18 .data .btn,.css-col.type-18 .data p{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}.css-col.type-16:hover .data h2{animation:fadeInDown .4s 1 forwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}.css-demo-title.type-17{background:#9EC1FF}.css-col.type-17{position:relative;overflow:hidden}.css-col.type-17:before{position:absolute;background:rgba(74,98,128,.44);transform:scale(1,1)}.css-col.type-17:hover:before{transform:scale(0,0)}.css-col.type-17:after{position:absolute;background:rgba(74,98,128,.66);transform:scale(0,0)}.css-col.type-17:hover:after{transform:scale(1,1)}.css-col.type-17 .data{position:absolute;bottom:20px;z-index:1;color:#fff;width:100%;padding-left:20px;padding-right:20px}.css-col.type-17 .data h2{margin-bottom:20px}.css-col.type-17:hover .data .btn,.css-col.type-17:hover .data p{display:block}.css-col.type-17:hover .data{animation:zoomIn .4s 1 forwards}@keyframes zoomIn{0%{opacity:0;transform:scale(0,0)}100%{opacity:1;transform:scale(1,1)}}.css-col.type-17 .data .btn{padding:10px 20px;color:#fff;width:140px;margin:20px auto auto;background:linear-gradient(to top,transparent 50%,#FFF 50%);background-size:100% 200%;background-position:bottom;transition:all .2s ease;border:2px solid;border-radius:0}.css-col.type-18:after,.css-col.type-18:before{content:'';top:0;right:0;bottom:0;left:0;transition:all .4s ease;z-index:0}.css-col.type-17 .data .btn:hover{background-position:top;color:#000;border-color:#fff}.css-demo-title.type-18{background:#FFD356}.css-col.type-18{position:relative;overflow:hidden}.css-col.type-18:before{position:absolute;background:rgba(66,65,16,.44);transform:translateY(0)}.css-col.type-18:hover:before{transform:translateY(-100%)}.css-col.type-18:after{position:absolute;background:rgba(66,65,16,.66);transform:translateY(100%)}.css-col.type-18:hover:after{transform:translateY(0)}.css-col.type-18 .data{position:absolute;bottom:20px;z-index:1;color:#fff;width:100%;padding-left:20px;padding-right:20px}.css-col.type-18 .data h2{margin-bottom:20px}.css-col.type-18:hover .data .btn,.css-col.type-18:hover .data p{display:block}.css-col.type-18:hover .data{animation:fadeInUp .4s 1 forwards}.css-col.type-18 .data .btn{padding:10px 20px;color:#fff;width:140px;margin:20px auto auto;background:linear-gradient(to bottom,transparent 50%,#FFF 50%);background-size:100% 200%;background-position:top;transition:all .2s ease;border:2px solid;border-radius:40px}.css-col.type-18 .data .btn:hover{background-position:bottom;color:#000;border-color:#fff}