:root{--primary-color:#0078ff}a{text-decoration:none}.nav-custom-style{background:#fff;filter:drop-shadow(0 -4px 10px #333);height:72px}.nav-custom-style .navbar-toggler{border:none}.nav-custom-style .navbar-toggler:focus{box-shadow:none}.nav-right{gap:1em}.menu-login-btn,.menu-register-btn{display:flex;justify-content:center;align-items:center;gap:5px;width:100px}.menu-login-btn svg,.menu-register-btn svg{height:100%;width:25px}.datagridWrapper p{margin-bottom:0}.video-container{max-width:1000px;aspect-ratio:16/9;margin:0 auto 20px;position:relative;overflow:hidden;border-radius:10px}section{padding-block:150px}.my-profile-nav svg{width:100%;height:30px}.my-profile-nav svg:hover{color:#005779}.custom-login-white-bg{background:#ffffff;border:1px solid gray;color:black}.custom-login-white-bg:hover{background:#949494;color:#fff}.custom-btn-blue{color:#0d6efd;border:none;background:none}.banner{position:absolute;inset:0;margin:auto;max-width:500px;padding:2em;height:-moz-fit-content;height:fit-content;color:#fff;background:#0700003b;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;will-change:transform;animation:test 2s cubic-bezier(.075,.82,.165,1)}@keyframes test{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.banner img{max-width:340px}.contacts-floating-wrapper{padding:100px 14px 50px}.contacts-floating-wrapper h1{position:relative;color:#0d6efd;margin-bottom:30px}.contacts-floating-wrapper p{display:flex;align-items:center;gap:.75em}.contacts-floating-wrapper a{text-decoration:none;color:#333}.contacts-floating-wrapper p:hover svg{color:red}.contacts-floating-wrapper a:hover{color:#0d6efd}.logout-nav-btn{border:none;background:none;font-weight:700}.menu-avatar{height:40px;width:40px;border-radius:100%;border:1px solid #808080;padding:2px;transition:transform .3s ease;box-shadow:0 0 10px 0 rgba(0,0,0,.3)}.profile-avatar{object-fit:cover;border-radius:100%;border:1px solid gray;padding:5px;box-shadow:0 0 30px 0 rgba(0,0,0,.3);aspect-ratio:1/1;max-width:200px;width:100%}.menu-avatar:hover,.profile-controls .cancel:hover svg,.profile-controls .save:hover svg{transform:scale(1.1)}button.edit-profile{margin:auto;display:block}.edit-profile svg{width:25px;height:25px;margin-right:5px}.profile-controls{display:flex;justify-content:center;align-items:center}.profile-controls .save svg{height:40px;width:40px;color:green;transition:transform .3s ease}.profile-controls .cancel svg{height:35px;width:35px;color:red;transition:transform .3s ease}#viewLessonPageKrpano{position:absolute;z-index:3;inset:0}.mapMarker{position:relative}.mapMarker .group,.mapMarker img{width:40px;height:40px;border-radius:50%;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.3);cursor:pointer}.mapMarker .group{background-color:white;display:flex;justify-content:center;align-items:center}.mapMarker .selectPanoramaCheck{width:15px;height:15px;border-radius:50%;border:2px solid #aaaaaa;position:absolute;background-color:#fff}.mapMarker.selected img{border:4px solid white}.mapMarker.selected .selectPanoramaCheck{background-color:#4667fd;padding:2px;background-clip:content-box;border:1px solid #333}.lessons-popover-link{cursor:pointer;color:#212529}.lessons-popover-link:hover{color:rgb(145,133,122)}.lessons-popover-grid{display:grid;grid-template-columns:20px 1fr;grid-gap:5px;gap:5px}.share-link-popover button{all:unset;display:flex;gap:5px;cursor:pointer}.share-link-popover button:hover{color:rgb(145,133,122)}.btn-information,.btn-information:active,.btn-information:focus{color:white}.btn-information svg{transition:transform .3s ease}.btn-information:hover svg{color:white;transform:scale(1.2)}.btn-favorites{transition:transform .3s ease}.btn-favorites:hover{transform:scale(1.2)}.search-input{border:1px solid #e0e0e0;width:20em;transition:width .25s ease;border-radius:.25em;padding:.375em;outline:none}.search-input:focus-visible{box-shadow:0 0 0 2px #0d6efd}.search-input:focus,.search-input:not(:placeholder-shown){width:30em}.search-wrapper{position:relative;display:inline-flex;flex-direction:column;gap:.24rem}.x-icon{all:unset;display:inline-block}.x-icon svg{display:block}.search-icon,.x-icon{position:absolute;width:1rem;height:1rem;right:.4rem;top:50%;translate:0 -50%;opacity:0;rotate:90deg;pointer-events:none;visibility:hidden;border-radius:.25rem;transition-property:opacity,rotate;transition-duration:.15s}.search-wrapper:has(.search-input:not(:placeholder-shown)) .x-icon,.search-wrapper:has(.search-input:placeholder-shown) .search-icon{opacity:1;pointer-events:all;rotate:0deg;visibility:visible}.search-wrapper input[type=search]::-ms-clear,.search-wrapper input[type=search]::-ms-reveal{display:none;width:0;height:0}.search-wrapper input[type=search]::-webkit-search-cancel-button,.search-wrapper input[type=search]::-webkit-search-decoration,.search-wrapper input[type=search]::-webkit-search-results-button,.search-wrapper input[type=search]::-webkit-search-results-decoration{display:none}.lesson-card{height:230px;border:none;box-shadow:0 10px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.lesson-card img{object-fit:cover;height:100%;width:100%;transition:transform .3s ease}.lesson-card:hover img{transform:scale(1.1)}.lesson-card-title{color:white;padding:5px;font-size:1.2em;text-decoration:none;font-weight:700;margin-bottom:1em}.lesson-card-title:hover{color:white;background:rgba(0,0,0,.44)}.edit-profile-img-wrapper{position:relative;margin-bottom:1.2rem}.edit-profile-img-wrapper.active img{filter:brightness(.7)}.btn-edit-profile-img{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0) scale(1);will-change:transform;transition:transform .5s ease;padding:5px;border-radius:50%;background-color:white;z-index:9;cursor:pointer;border:1px solid #e3e3e3;box-shadow:0 2px 20px 0 rgba(0,0,0,.75)}.btn-edit-profile-img:hover{transform:translate3d(-50%,-50%,0) scale(1.2)}.custom-btn{color:#fff;border-radius:5px;padding:10px 25px;font-family:Lato,sans-serif;font-weight:500;background:transparent;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;box-shadow:inset 2px 2px 2px 0 rgba(255,255,255,.5),7px 7px 20px 0 rgba(0,0,0,.1),4px 4px 5px 0 rgba(0,0,0,.1);outline:none}.btn-3,.custom-btn{width:130px;height:40px}.btn-3{background:rgb(0,172,238);background:linear-gradient(0deg,rgba(0,172,238,1),rgba(2,126,251,1));line-height:42px;padding:0;border:none}.btn-3 span{position:relative;display:block;width:100%;height:100%}.btn-3:after,.btn-3:before{position:absolute;content:"";right:0;top:0;background:rgba(2,126,251,1);transition:all .3s ease}.btn-3:before{height:0;width:2px}.btn-3:after{width:0;height:2px}.btn-3:hover{background:transparent;box-shadow:none}.btn-3:hover:before{height:100%}.btn-3:hover:after{width:100%}.btn-3 span:hover{color:rgba(2,126,251,1)}.btn-3 span:after,.btn-3 span:before{position:absolute;content:"";left:0;bottom:0;background:rgba(2,126,251,1);transition:all .3s ease}.btn-3 span:before{width:2px;height:0}.btn-3 span:after{width:0;height:2px}.btn-3 span:hover:before{height:100%}.btn-3 span:hover:after{width:100%}.btn-5{width:130px;height:40px;line-height:42px;padding:0;border:none;background:rgb(255,27,0);background:linear-gradient(0deg,rgba(255,27,0,1),rgba(251,75,2,1))}.btn-5:hover{color:#f0094a;background:transparent;box-shadow:none}.btn-5:after,.btn-5:before{content:"";position:absolute;top:0;right:0;height:2px;width:0;background:#f0094a;box-shadow:-1px -1px 5px 0 #fff,7px 7px 20px 0 #0003,4px 4px 5px 0 #0002;transition:all .4s ease}.btn-5:after{right:inherit;top:inherit;left:0;bottom:0}.btn-5:hover:after,.btn-5:hover:before{width:100%;transition:all .8s ease}body{--sb-track-color:#e4e4e4;--sb-thumb-color:#6f6f6f;--sb-size:12px}body::-webkit-scrollbar{width:var(--sb-size)}body::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:10px}body::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:10px}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}.search-wrapper-map{position:absolute;display:flex;justify-content:center;align-items:center;left:50%;transform:translateX(-50%)}.search-input-map{width:500px}footer{background-color:#002f5c;color:#0055a5}footer a{color:#fff}footer a:hover{text-decoration:underline}footer a.facebook svg{transition:all .3s ease;will-change:auto}footer a.facebook:hover svg{transform:scale(1.3)}.Toastify{padding:0}.pagination .page-link:hover{cursor:pointer}.btn-scroll-top{position:fixed;bottom:0;right:0;padding:10px;margin:15px;border-radius:50%;background-color:#0985fa;border:none;color:white}.header-sticky{position:-webkit-sticky;position:sticky;top:0;z-index:999}.blockquote-style-description{box-sizing:border-box;border:1px solid #002f5c;border-radius:.5em;padding:1em;background-color:#f6fbff;color:#002f5c}.blockquote-style-description:before{content:"\201C";font-size:3em;color:#002f5c}.blockquote-style-description:after{content:"\201D";font-size:3em;color:#002f5c;display:block;text-align:right}@media only screen and (max-width:1600px){.nav-logo{width:150px}}@media only screen and (max-width:1300px){.nav-logo{width:130px}}@media only screen and (max-width:1200px){.search-wrapper-map{flex-direction:column;justify-content:start;position:static;padding:5px;transform:unset}.btn-thematic,.search-input-map{width:100%}section{padding-block:100px}}@media only screen and (max-width:991px){.nav-custom-style{height:auto;min-height:72px}}@media only screen and (max-width:900px){.hide-on-mobile{display:none}}@media only screen and (min-width:800px){.contacts-floating-wrapper{z-index:1;padding:1.5em .75em;border-radius:10px;position:absolute;top:50%;right:10%;transform:translateY(-50%);box-shadow:0 0 8px rgba(0,0,0,.29);border:1px solid #8a8a8a;background:#fff;background:linear-gradient(#f1f1f1,#fff)}.contacts-floating-wrapper h1:after{content:"";position:absolute;width:100%;height:1px;background:#333;bottom:-15px;left:50%;transform:translateX(-50%)}}@media only screen and (max-width:550px){.w-sm-100{width:100%!important}.banner{max-width:90%}.search-input,.search-input:focus,.search-input:not(:placeholder-shown),.search-wrapper{width:100%}.nav-logo{width:100px}}@media only screen and (max-width:350px){.nav-logo{width:80px}}