.warning{text-transform:uppercase;color:#fff;font-weight:700}.toast{width:500px!important;background-color:#36f!important;opacity:1!important;box-shadow:0 0 4px #00000091!important}.nocontent{color:grey;margin:0 auto;text-align:center;margin-top:20%}.noproj{text-align:center;margin:auto;color:grey;margin-top:25vh}h5{margin-top:0!important;margin-bottom:.5rem!important}.modal-dialog .modal-footer button{width:140px}.wrapperCard{width:320px;margin:0 auto}.skeleton-box{display:inline-block;height:1em;position:relative;overflow:hidden;background-color:#dddbdd;width:100%;height:100%;border-radius:inherit}.skeleton-box:after{content:'';background-color:#333;width:100%;height:100%;position:absolute;top:0;left:0;animation-duration:.9s;animation-iteration-count:infinite;animation-name:loader-animate;animation-timing-function:linear;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 30%,rgba(255,255,255,0) 81%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 30%,rgba(255,255,255,0) 81%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 30%,rgba(255,255,255,0) 81%)}@keyframes loader-animate{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(100%,0,0)}}.searches:focus{border:1px solid #36f}.error{font-size:12px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;color:#ff4070;padding:10px}.tim-row{margin-bottom:20px}.presentation-page{overflow-x:hidden}.tim-white-buttons{background-color:#777}.title{margin-top:30px;min-height:32px}.title.text-center{margin-bottom:50px}.tim-typo{padding-left:25%;margin-bottom:40px;position:relative;width:100%}.tim-typo .tim-note{bottom:5px;color:#c0c1c2;display:block;font-weight:400;font-size:13px;line-height:15px;left:0;margin-left:20px;position:absolute;width:260px}.tim-row{padding-top:50px}.tim-row h3{margin-top:0}#typography h1,#typography h2,#typography h3,#typography h4,#typography h5,#typography h6{margin-bottom:0}.switch{margin-right:20px}#navbar-full .navbar{border-radius:0!important;margin-bottom:15px;z-index:2}.space{height:130px;display:block}.space-110{height:110px;display:block}.space-50{height:50px;display:block}.space-70{height:70px;display:block}.navigation-example .img-src{background-attachment:scroll}.tim-container .noUi-horizontal{margin:30px 0}.navigation-example{background-position:center center;background-size:cover;margin-top:0;min-height:740px}#notifications{background-color:#fff;display:block;width:100%;position:relative}#notifications .alert-danger{margin-bottom:0}.tim-note{text-transform:capitalize}#buttons .btn{margin:0 0 15px}.space-100{height:100px;display:block;width:100%}.be-social{padding-bottom:20px;margin:0 auto 40px}.txt-white{color:#fff}.txt-gray{color:#ddd!important}.parallax{width:100%;height:570px;display:block;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:center center}.logo-container .logo{overflow:hidden;border-radius:50%;border:1px solid #333;width:50px;float:left}.logo-container .brand{font-size:16px;line-height:18px;float:left;margin-left:10px;margin-top:7px;color:#fff;width:70px;height:40px;text-align:left}.navbar-default .logo-container .brand{color:#999}.navbar-transparent .logo-container .brand{color:#fff}.logo-container .brand-material{font-size:18px;margin-top:15px;height:25px;width:auto}.logo-container .logo img{width:100%}.navbar-small .logo-container .brand{color:#333}.fixed-section{top:90px;max-height:71vh;overflow:scroll;border-bottom:1px solid rgba(220,220,220,.8)}.fixed-section ul li{list-style:none}.fixed-section li a{font-size:14px;padding:2px;display:block;color:#666}.fixed-section li a.active{color:#0bf}.fixed-section.float{position:fixed;top:100px;width:200px;margin-top:0}.parallax .parallax-image{width:100%;overflow:hidden;position:absolute}.parallax .parallax-image img{width:100%}@media (max-width:768px){.parallax .parallax-image{width:100%;height:640px;overflow:hidden}.parallax .parallax-image img{height:100%;width:auto}}.separator{content:"Separator";color:#fff;display:block;width:100%;padding:20px}.separator-line{background-color:#eee;height:1px;width:100%;display:block}.separator.separator-gray{background-color:#eee}.social-buttons-demo .btn{margin:10px 5px 7px 1px}.img-container{width:100%;overflow:hidden}.img-container img{width:100%}.lightbox img{width:100%}.lightbox .modal-content{overflow:hidden}.lightbox .modal-body{padding:0}@media screen and (min-width:991px){.lightbox .modal-dialog{width:960px}}@media (max-width:991px){.fixed-section.affix{position:relative;margin-bottom:100px}}@media (max-width:768px){.btn,.btn-morphing{margin-bottom:10px}.parallax .motto{top:170px;margin-top:0;font-size:60px;width:270px}}.logo-container .brand,.logo-container .logo,.presentation .front,.presentation .front .btn,.presentation .front:after{-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}#images h4{margin-bottom:30px}#javascriptComponents{padding-bottom:0}#javascriptComponents .btn-raised{margin:10px 0}.layers-container{display:block;margin-top:50px;position:relative}.layers-container img{position:absolute;width:100%;height:auto;top:0;left:0;text-align:center}.section-black{background-color:#333}.animate{transition:1.5s ease-in-out;-moz-transition:1.5s ease-in-out;-webkit-transition:1.5s ease-in-out}.navbar-default.navbar-small .logo-container .brand{color:#333}.navbar-transparent.navbar-small .logo-container .brand{color:#fff}.navbar-default.navbar-small .logo-container .brand{color:#333}.sharing-area{margin-top:80px}.sharing-area .btn{margin:15px 4px 0;color:#fff}.sharing-area .btn i{font-size:18px;position:relative;top:2px;margin-right:5px}#navbar{margin-bottom:-20px}.sharing-area .btn-twitter{background-color:#55acee}.sharing-area .btn-twitter:active:focus{background-color:#55acee}.sharing-area .btn-facebook{background-color:#3b5998}.sharing-area .btn-facebook:active:focus{background-color:#3b5998}.sharing-area .btn-google-plus{background-color:#dd4b39}.sharing-area .btn-google-plus:active:focus{background-color:#dd4b39}.sharing-area .btn-github{background-color:#333}.sharing-area .btn-github:active:focus{background-color:#333}.section-notifications,.section-thin{padding:0}.section-navbars{padding-top:0}#navbar .navbar{border-radius:0}.section-tabs{background:#eee}.section-pagination{padding-bottom:0}.section-download h4{margin-bottom:50px}.section-examples a{text-decoration:none}.section-examples h5{margin-top:30px}.components-page .wrapper>.header,.tutorial-page .wrapper>.header{height:400px;padding-top:100px;background-size:cover;background-position:center center}.components-page .title,.tutorial-page .title{color:#fff}@media (max-width:830px){.main-raised{margin-left:10px;margin-right:10px}}.components-page .footer{position:absolute;bottom:0;left:0;right:0}.components-page .page-header:after{background:rgba(132,13,121,.88);background:linear-gradient(45deg,rgba(132,13,121,.88) 0,rgba(208,44,180,.31) 100%);background:-moz-linear-gradient(135deg,rgba(132,13,121,.88) 0,rgba(208,44,180,.31) 100%);background:-webkit-linear-gradient(135deg,rgba(132,13,121,.88) 0,rgba(208,44,180,.31) 100%)}.components-page .page-header.header-filter:before{display:none}.components-page .page-header .title-container{position:relative;z-index:10}.components-page .footer .container{padding-top:0}.components-page .footer .btn i{color:#fff}.components-page .page-header{height:100vh!important;min-height:auto!important}.section-components .title{margin-top:60px;margin-bottom:5px}.section-components .description{margin-top:35px}.section-components .image-container{height:560px;position:relative}.section-components .components-macbook{width:auto;left:-100px;top:0;height:100%;position:absolute}.section-components .coloured-card-btn-img,.section-components .coloured-card-img,.section-components .pin-btn-img,.section-components .share-btn-img,.section-components .social-img,.section-components .table-img{position:absolute;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)}.section-components .coloured-card-img{left:90%;top:11%;height:90px;border-radius:2px}.section-components .social-img{left:70%;top:67%;height:40px}.section-components .coloured-card-btn-img{left:35%;top:2%;height:125px;border-radius:6px}.section-components .table-img{left:-13%;top:27%;height:175px;border-radius:2px}.section-components .pin-btn-img{left:0;top:68%;height:25px;border-radius:3px}.section-components .share-btn-img{left:3%;top:-3%;height:25px}.section-content .section-description{margin-top:100px}.section-content .title{margin-bottom:5px}.section-content .section-description .title+.description{margin-top:0}.section-content .description{margin-top:35px}.section-content .image-container{max-width:900px;position:relative}.section-content .image-container .ipad-img{width:100%;transition:transform .6s .9s;z-index:2}.section-content .image-container .area-img,.section-content .image-container .info-img{position:absolute;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);opacity:0;transform:translate3D(0,100px,0);-webkit-transform:translate3D(0,100px,0)}.section-content .image-container .area-img{top:10%;left:60%;height:300px;width:250px;z-index:2;-webkit-transition:all 1s ease-out 0s;-moz-transition:all 1s ease-out 0s;-o-transition:all 1s ease-out 0s;-ms-transition:all 1s ease-out 0s;transition:all 1s ease-out 0s}.section-content .image-container .info-img{top:50%;left:0;height:200px;width:300px;-webkit-transition:all 1s ease-out 0s;-moz-transition:all 1s ease-out 0s;-o-transition:all 1s ease-out 0s;-ms-transition:all 1s ease-out 0s;transition:all 1s ease-out 0s}.animated{transform:translate3D(0,0,0)!important;-webkit-transform:translate3D(0,0,0)!important;opacity:1!important}@-webkit-keyframes Floatingy{from{-webkit-transform:translate(0,0)}65%{-webkit-transform:translate(50px,0)}to{-webkit-transform:translate(0,0)}}@-moz-keyframes Floatingy{from{-moz-transform:translate(0,0)}65%{-moz-transform:translate(50px,0)}to{-moz-transform:translate(0,0)}}@-webkit-keyframes Floatingx{from{-webkit-transform:translate(50px,0)}65%{-webkit-transform:translate(0,0)}to{-webkit-transform:translate(50px,0)}}@-moz-keyframes Floatingx{from{-moz-transform:translate(50px,0)}65%{-moz-transform:translate(0,0)}to{-moz-transform:translate(50px,0)}}.coloured-card-btn-img,.coloured-card-img,.pin-btn-img,.share-btn-img,.social-img,.table-img{-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:ease-in-out;-webkit-animation-name:Floatingy;-moz-animation-name:Floatingy;float:left}.table-img{-webkit-animation-duration:14s;-moz-animation-duration:14s;-webkit-animation-name:Floatingx;-moz-animation-name:Floatingx}.coloured-card-img{-webkit-animation-duration:10s;-moz-animation-duration:10s;-webkit-animation-name:Floatingx;-moz-animation-name:Floatingx}.coloured-card-btn-img{-webkit-animation-duration:18s;-moz-animation-duration:18s}.pin-btn-img{-webkit-animation-duration:15s;-moz-animation-duration:15s}.share-btn-img{-webkit-animation-duration:11s;-moz-animation-duration:11s}.social-img{-webkit-animation-duration:16s;-moz-animation-duration:16s;-webkit-animation-name:Floatingx;-moz-animation-name:Floatingx}.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}.top_btns{float:right;margin-top:-50px}@media (max-width:768px){#top-nav{float:left}.top_btns{margin-top:10px;padding-left:20px;float:left}.but{margin-bottom:20px}.banner{padding-bottom:250px}}.but{font-family:Open Sans;font-size:14px;font-weight:700;color:#fff;width:209px;height:40px;border-radius:4px;background-color:#ff3d71;outline:0;border:none;margin-right:20px;cursor:pointer}.but2{transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-family:Open Sans;font-size:14px;font-weight:700;color:#fff;margin-top:-54px;margin-right:54px;width:200px;height:35px;border-radius:4px;background-color:#36f;outline:0;border:none;cursor:pointer}.project_card:hover{top:-10px}.info{display:none;color:#fff;background-color:#fff;left:0;top:42%;right:0;text-align:center;position:absolute;padding:10px 0 30px!important;width:151px;height:40px;border-radius:4px;background-color:#fff}.info:hover .info>p{color:#fff}.btn.btn-default:hover,.btn:hover{color:#fff!important;background-color:#36f!important;border-color:none}.btn:hover p{color:#ffff!important}.info1{display:none;background-color:#fff;left:10%;top:40%;right:0;text-align:center;position:absolute;padding:10px 0 30px!important;width:40px;height:40px;border-radius:4px;background-color:#fff}.info1:hover{color:#ffff}.info2{display:none;background-color:#fff;margin-left:0;top:40%;right:10%;text-align:center;position:absolute;padding:10px 0 30px!important;width:40px;height:40px;border-radius:4px;background-color:#fff}.info2:hover{color:#ffff}.info3{position:absolute;width:145px;height:153px;border-radius:4px;background-color:#fff;display:none;top:34%;right:5%}.info3 li{margin-bottom:13px}.info3 li:hover{color:#36f}.info3 li:hover>svg{fill:#36f}.info3 ul{list-style-type:none;padding-inline-start:15px!important;font-size:12px;font-weight:700;color:#8f9bb3;font-family:Open Sans;margin:10px 0}.icons{margin-bottom:3.5px;width:14px!important;height:16px!important;object-fit:contain}.project_card :hover .overlay{position:absolute;top:0;width:100%;height:99.5%;left:0;background-color:#000;opacity:.5;display:block;visibility:visible}.project_card:hover .info{display:block}.project_card:hover .info1{display:block}.project_card:hover .info2{display:block}.text{font-family:Open Sans;color:#222b45!important;font-weight:700!important}.edit{color:"#222b45"!important;width:20px!important;height:20px!important;object-fit:contain;margin-bottom:5px!important}.topnav{padding:0 20px;margin-left:2%}.topnav a{float:left;font-family:Open Sans;display:block;color:#000;text-align:center;padding:14px 16px;margin-right:20px!important;text-decoration:none;font-size:14px;font-weight:700;border-bottom:3px solid transparent;color:#8f9bb3}.topnav a:hover{border-bottom:4px solid #2979ff}.topnav a.active{border-bottom:4px solid #2979ff;color:#2979ff}.dropdown-content{display:none;position:absolute;right:0;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.input-icons i{position:absolute;font-size:18px}.input-icons{width:100%}.icon{float:right;padding:10px;color:#2979ff;min-width:50px;text-align:left;margin-left:18em;margin-top:-4px}.input-field{margin-right:54px;width:350px;height:40px;border-radius:4px;border:solid 1px #e4e9f2;text-align:left!important;padding:12px;margin-top:-26px}.fa.pull-right{margin-left:10em!important}.input-field::placeholder{text-align:left;padding-left:5px}.loader{z-index:9999;position:absolute;top:40%;bottom:0;left:50%;right:0;border:6px solid #36f;border-radius:50%;border-top:6px solid #36f;border-right:6px solid #fff;border-bottom:6px solid #36f;width:70px;height:70px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#contents{display:none}#top-nav{display:none}#create_new_project_btn{visibility:hidden}@media only screen and (max-width:600px){.project_list{margin-top:320px!important}}.popup{background-color:#fff;color:#000;max-width:590px;padding:20px;position:fixed;top:40%;left:30%;z-index:9999}.modal-dialog .modal-content{border-radius:0!important}.modal-body{padding-top:20px!important}.popup::backdrop{background:rgba(255,0,0,.25)}.sd_buttons{display:flex}.delete_btn{background-color:#ff3d71;border-radius:4px;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:normal;text-align:center;color:#fff;width:125px;left:10px}.delete_btn:hover{background-color:#ff3d71;color:#fff}.save_btn{background-color:#36f;border-radius:4px;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:normal;text-align:center;color:#fff;width:125px;left:10px}.discard_btn{background-color:#edf1f7;border-radius:4px;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:normal;text-align:center;color:#000;width:125px}.save_btn:hover{background-color:#edf1f7;color:#000}.popup_heading{font-size:18px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;color:#222b45;text-transform:none}.popup_subheading{font-size:15px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;color:#8f9bb3}.popup_content{font-size:15px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;color:#222b45}.popup_header{display:flex;flex-direction:row}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);transition:opacity .2s;visibility:hidden;opacity:0}.overlay .cancel{position:absolute;width:100%;height:100%;cursor:default}.overlay:target{visibility:visible;opacity:1}.form-group input{width:100%;height:40px;border-radius:4px;background-color:#f7f9fc;padding:8px;border:1px solid #e4e9f3}.form-group label{font-size:12px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;color:#8992a3;text-transform:uppercase}.form-group input::placeholder{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;color:#8f9bb3;text-align:left}.form-group textarea::placeholder{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.33;letter-spacing:normal;color:#8f9bb3;text-align:left}.custom-file-upload{border:none;padding:6px;cursor:pointer;border-radius:4px;background-color:#fff;color:#36f!important;display:inline-block;margin:10px}input[type=file]{width:100%;height:40px;border-radius:4px;background-color:#f7f9fc;padding:8px;border:1px solid #e4e9f3;color:#8f9bb3;z-index:1!important;opacity:1!important;top:20px!important;display:none}#proj-thumb-holder>img{height:100px;width:150px}#upload_proj_thumb{padding:5px;height:10px;margin-top:50px}#edit-proj-thumb-holder>img{height:100px;width:150px}#upload_edit_proj_thumb{padding:5px;height:10px;margin-top:50px}.form-group textarea{width:100%;height:40px;border-radius:4px;background-color:#f7f9fc;padding:8px;border:1px solid #e4e9f3}.gly-rotate-45{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#save_loader{width:100%;background:#0000004a;height:100%;position:absolute;z-index:99999;display:none}