/* Code written by Lambert Rosique for KnowMap.org, all rights reserved. Contact me if you want to use some of this code : contact@knowmap.org */
body,html{height:98%;font-family:'Roboto',sans-serif}@keyframes colorFade{from{color:#fb3b32}to{color:#fb7c32}}.title-box{z-index:5;position:relative;width:0%;height:0%;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none}.title-container{background-color:white;width:280px;border-width:0 3px 3px 0;border-color:#fb7c32;border-style:solid;padding:15px;overflow:hidden;backface-visibility:hidden}.title-container>span{font-size:20px;line-height:32px;font-weight:700;color:#5994b7;padding:0 5px}.title-container>span.fade{animation-duration:0.6s;animation-name:colorFade}.title-container.hover{border-color:#b2b2b2;box-shadow:0 0 14px 0 #efefef}.title-container.hover>span{color:#b2b2b2}.title-container.open ul{height:100px;opacity:1}.title-container .close{float:right}.title-container ul{display:none;list-style-type:none;padding:0;margin:0;font-weight:200;width:100%;margin-top:10px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:10px 5px 0;margin-top:15px}.title-container ul a{text-decoration:none;font-size:20px;color:#fb7c32;font-weight:700;-webkit-transition:#fb7c32 0.3s ease;transition:#fb7c32 0.3s ease}.title-container ul a:hover{color:#5994b7}.title-container ul a.active{color:#ef1308}.title-container ul li{padding:8px 0}.close{fill:#fb7c32;position:relative;transform:rotate(0deg);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;cursor:pointer}.close path{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.close:hover path{fill:#fb3b32}.close.active{transform:rotate(-135deg)}.close.active path{fill:#fb3b32}#div-main-map{width:100%;height:100%;z-index:-1;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none}#main-map-svg{display:inline;width:inherit;min-width:inherit;max-width:inherit;height:inherit;min-height:inherit;max-height:inherit}#buttons-sidenav{float:left}#open-sidenav,#open-details{color:white;height:50px;width:50px;z-index:10;overflow-x:hidden;transition:0.5s;margin-top:10px;text-align:center;vertical-align:middle;position:relative;top:0;right:0%;left:-55px}#open-sidenav{background-color:#328abd}#open-details{background-color:#fb7c32;margin-top:5px}#img-arrow{transition:0.5s;transform:rotate(0deg);width:30px;height:30px;vertical-align:middle;text-align:center;margin-top:10px;margin-right:2px}.icon-sidenav{transition:0.5s;transform:rotate(0deg);display:inline-block;font-size:30px;line-height:50px;color:white;width:30px;height:30px;text-align:center;vertical-align:bottom}#sidenav{height:100%;width:0%;position:fixed;top:0;right:0;background-color:#f5f5ff;overflow-x:initial;transition:1s;z-index:8;border-left:5px solid #fb7c32;color:#2f2f2f;max-width:600px}@media screen and (max-height:450px){#sidenav{padding-top:15px}#sidenav a{font-size:18px}}#div-sidenav{margin-left:20px;margin-right:20px;margin-bottom:20px;text-align:center}.h1-sidenav{margin-top:50px;margin-bottom:40px;color:#fb7c32}.about-me{font-size:18px;padding-top:10px;padding-bottom:10px}.paragraph-paypal{text-align:left}.div-email{text-align:left}#div-node{text-align:left;color:#2f2f2f}#descr-node{font-family:'Roboto Slab',serif}.td-skill-lock{text-align:center;vertical-align:middle}#table-skills{width:100%}.details-skill{position:relative;margin-left:20px;color:#fb7c32;font-style:italic;transition:all 0.5s ease}.details-skill-activated{color:#328abd;font-style:normal}.details-skill li{margin-bottom:10px}.btn-lock{display:inline-block;background:#fb7c32;width:64px;height:64px;box-sizing:border-box;padding:10px 0 0 8px;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all 0.5s ease}.btn-lock svg{fill:none;transform:translate3d(0,0,0)}.btn-lock svg .bling{stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:3;stroke-dashoffset:15;transition:all 0.3s ease}.btn-lock svg .lock{stroke:#fff;stroke-width:4;stroke-linejoin:round;stroke-linecap:round;transform:rotate(-8deg);transform-origin:14px 20px;stroke-dasharray:36;transition:all 0.4s ease}.btn-lock svg .lockb{fill:#fff;fill-rule:evenodd;clip-rule:evenodd;transform:rotate(0deg);transition:all 0.2s ease}.svg-lock{display:none}.lock-checked+label{background:#328abd}.lock-checked+label svg{opacity:1}.lock-checked+label svg .bling{animation:bling 0.3s linear forwards;animation-delay:0.2s}.lock-checked+label svg .lock{transform:rotate(0deg);transform-origin:14px 20px;stroke-dasharray:48;animation:locked 0.3s linear forwards}.svg-lock:checked+label svg .lockb{transform:rotate(0);transform-origin:14px 22px}@-moz-keyframes bling{50%{stroke-dasharray:3;stroke-dashoffset:12}100%{stroke-dasharray:3;stroke-dashoffset:9}}@-webkit-keyframes bling{50%{stroke-dasharray:3;stroke-dashoffset:12}100%{stroke-dasharray:3;stroke-dashoffset:9}}@-o-keyframes bling{50%{stroke-dasharray:3;stroke-dashoffset:12}100%{stroke-dasharray:3;stroke-dashoffset:9}}@keyframes bling{50%{stroke-dasharray:3;stroke-dashoffset:12}100%{stroke-dasharray:3;stroke-dashoffset:9}}@-moz-keyframes locked{50%{transform:translateY(-1px)}}@-webkit-keyframes locked{50%{transform:translateY(-1px)}}@-o-keyframes locked{50%{transform:translateY(-1px)}}@keyframes locked{50%{transform:translateY(-1px)}}.vl-skill{border-left:2px solid #fb7c32;height:20px;position:relative;left:calc(50% - 1px);transition:all 0.5s ease}.vl-activated{border-left:2px solid #328abd}.hl-skill{position:relative;background:#fb7c32;left:calc(50% - 1px);width:10px;height:2px;transition:all 0.5s ease}.hl-activated{background:#328abd}.top-bar{top:0}.bottom-bar{bottom:0}.vl-disabled{border-left:2px solid #ccc;transition:all 0.5s ease}.hl-disabled{background:#ccc;transition:all 0.5s ease}.skill-disabled{background:#ccc;transition:all 0.5s ease}.td-disabled{color:#ccc;font-style:italic;transition:all 0.5s ease}.google-button{height:40px;border-width:0;background:white;color:#737373;border-radius:5px;white-space:nowrap;box-shadow:1px 1px 0 1px rgba(0,0,0,.05);transition-property:background-color,box-shadow;transition-duration:150ms;transition-timing-function:ease-in-out;padding:0}.google-button:focus,.google-button:hover{box-shadow:1px 4px 5px 1px rgba(0,0,0,.1)}.google-button:active{background-color:#e5e5e5;box-shadow:none;transition-duration:10ms}.google-button__icon{display:inline-block;vertical-align:middle;margin:8px 0 8px 8px;width:18px;height:18px;box-sizing:border-box}.google-button__icon--plus{width:27px}.google-button__text{display:inline-block;vertical-align:middle;padding:0 24px;font-size:14px;font-weight:700;font-family:'Roboto',arial,sans-serif}hr{display:block;overflow:hidden;width:60%;margin-left:auto;margin-right:auto;margin-top:25px;margin-bottom:25px;border-top:1px solid #fb7c32}#div-sidenav a{color:#328abd}#div-sidenav a:link{color:#328abd;text-decoration:none}#div-sidenav a:visited{color:#328abd;text-decoration:none}#div-sidenav a:hover{color:#fb7c32;text-decoration:underline}#div-sidenav a:active{color:#fb7c32;text-decoration:underline}.fas,.fab,.far{font-size:30px;width:30px;text-align:center;text-decoration:none;border-radius:50%}.social-icon{color:white}.social-bar{position:fixed;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.social-bar a{display:block;text-align:center;padding:16px;color:white;font-size:20px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.social-bar a:hover{background-color:#000}.download{background:#2f2f2f}.link{background:#000}.facebook{background:#3b5998}.twitter{background:#55acee}.googleplus{background:#dd4b39}.linkedin{background:#0077b5}.pinterest{background:#cb2027}#share{width:100%;text-align:center}#share a{width:50px;height:50px;display:inline-block;margin:8px;border-radius:50%;font-size:24px;color:#fff;opacity:.75;transition:opacity 0.15s linear}#share a:hover{opacity:1}#share i{position:relative;top:18px;transform:translateY(-50%);color:white}#cloud-sign-in,#cloud-sign-out,#cloud-upload,#cloud-download,#cloud-trash{-webkit-transition:all 2s ease;transition:all 2s ease;background:#2f2f2f}#toast{visibility:hidden;max-width:100px;max-height:300px;width:50px;height:50px;margin:auto;background-color:#333;color:#fff;text-align:center;border-radius:2px;position:fixed;z-index:12;left:0;right:0;bottom:30px;font-size:17px;white-space:nowrap}#hiddenDiv{z-index:-1;width:0;height:0;position:absolute;left:10px;top:10px}#toast #toast-icon{width:50px;height:50px;float:left;padding-top:16px;padding-bottom:16px;box-sizing:border-box;background-color:#111;color:#fff}#toast #toast-content{height:auto;max-height:300px;color:#fff;padding:16px;overflow:hidden;white-space:nowrap}#toast.show{visibility:visible;-webkit-animation:fadein 0.5s,expand 0.5s 0.5s,stay 3s 1s,shrink 0.5s 2s,fadeout 0.5s 2.5s;animation:fadein 0.5s,expand 0.5s 0.5s,stay 3s 1s,shrink 0.5s 4s,fadeout 0.5s 4.5s}@-webkit-keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes expand{from{min-width:50px}to{min-width:350px}}@keyframes expand{from{min-width:50px}to{min-width:350px}}@-webkit-keyframes stay{from{min-width:350px}to{min-width:350px}}@keyframes stay{from{min-width:350px}to{min-width:350px}}@-webkit-keyframes shrink{from{min-width:350px}to{min-width:50px}}@keyframes shrink{from{min-width:350px}to{min-width:50px}}@-webkit-keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:60px;opacity:0}}@keyframes fadeout{from{bottom:30px;opacity:1}to{bottom:60px;opacity:0}}.select2-results{width:150px;background-color:#f5f5ff;border:1px solid #ddd}g rect,g text,g circle,g path{transition:all 0.5s ease}