*, *::before, *::after {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: 0;}html, body {width: 100%;height: 100%;color: white;}#sg-map ul {list-style-type: none;}#sg-map-canvas {width: 100%;height: 100%;position: relative;}#sg-map {position: absolute;inset: 0;z-index: 0;}#sg-map-nav {padding: 1.5em 0.5em 0.5em;width: -webkit-min-content;width: -moz-min-content;width: min-content;position: absolute;top: auto;right: 1rem;bottom: 1rem;left: auto;z-index: 1;background-color: red;color: white;cursor: pointer;mix-blend-mode: overlay;-webkit-filter: saturate(2);filter: saturate(2);text-transform: uppercase;font-family: sans-serif;font-size: 0.8rem;border-radius: 90% 50% 70% 60%;aspect-ratio: 1/1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}#sg-map-nav > span:nth-child(2) {font-size: 1rem;}@media (min-width: 600px) {#sg-map-nav {top: 4rem;right: 4rem;bottom: auto;left: auto;}}.sg-background {-webkit-filter: brightness(8) contrast(0.6) invert(1) ;filter: brightness(8) contrast(0.6) invert(1) ;}.sg-texture {mix-blend-mode: hard-light;-webkit-filter: opacity(0.4) ;filter: opacity(0.4) ;}.leaflet-container {background-color: #333333;}#sg-map .countries {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}#sg-map .countries img {-webkit-box-flex: 1;-ms-flex: 1 0 auto;flex: 1 0 auto;width: 100%;}#sg-map .countries.afghanistan img {width: 140%;}#sg-map .countries.greece img {width: 120%;-webkit-transform: translate(-20%, 0);-ms-transform: translate(-20%, 0);transform: translate(-20%, 0);}#sg-map .places {background: #cc0000;border-radius: 50%;}#sg-map .places img {width: 100px;-webkit-transform: translate(0, -65%);-ms-transform: translate(0, -65%);transform: translate(0, -65%);}#sg-map .places.athens img {-webkit-transform: translate(-100%, -65%);-ms-transform: translate(-100%, -65%);transform: translate(-100%, -65%);}#sg-map .places.herat img {-webkit-transform: translate(10%, -65%);-ms-transform: translate(10%, -65%);transform: translate(10%, -65%);}#sg-map .places.lesvos img {-webkit-transform: translate(-100%, -65%);-ms-transform: translate(-100%, -65%);transform: translate(-100%, -65%);}#sg-map .places.tehran img {-webkit-transform: translate(10%, -65%);-ms-transform: translate(10%, -65%);transform: translate(10%, -65%);}#sg-map .experiences {display: -webkit-box;display: -ms-flexbox;display: flex;z-index: 0!important;}#sg-map .experiences span {-webkit-box-flex: 1;-ms-flex: 1 0 auto;flex: 1 0 auto;width: 100%;background-image: url('icons/pin-01.png');background-size: contain;background-position: center;background-repeat: no-repeat;}#sg-map .experiences span:hover {-webkit-transform: scale(1.5) translateY(-15%);-ms-transform: scale(1.5) translateY(-15%);transform: scale(1.5) translateY(-15%);}#sg-map .experiences.athens span {background-image: url('icons/pin-01.png');}#sg-map .experiences.asoss span {background-image: url('icons/pin-03.png');}#sg-map .experiences.boat-trip span {background-image: url('icons/pin-01.png');}#sg-map .experiences.desert span {background-image: url('icons/pin-02.png');}#sg-map .experiences.iran-border span {background-image: url('icons/pin-03.png');}#sg-map .experiences.istanbul span {background-image: url('icons/pin-04.png');}#sg-map .experiences.lesvos span {background-image: url('icons/pin-04.png');}#sg-map .experiences.tehran span {background-image: url('icons/pin-05.png');}#sg-map .experiences.urmia span {background-image: url('icons/pin-01.png');}#sg-map .leaflet-popup {-webkit-transition: none!important;-o-transition: none!important;transition: none!important;}#sg-map .leaflet-popup-content-wrapper {border-radius: 0;-webkit-box-shadow: none;box-shadow: none;background-color: #333333;}#sg-map .leaflet-popup-tip {-webkit-box-shadow: none;box-shadow: none;background-color: #333333;}#sg-map .leaflet-popup-content {margin: 1rem;width: unset!important;overflow-y: hidden;}#sg-map ul.media {width: clamp(19rem, 40vw, 39rem);aspect-ratio: 3/2;display: -webkit-box;display: -ms-flexbox;display: flex;gap: 1rem;overflow-y: hidden;overflow-x: auto;overscroll-behavior-inline: contain;-ms-scroll-snap-type: inline mandatory;scroll-snap-type: inline mandatory;scroll-padding-inline: 0;cursor: pointer;}@media (max-width: 56rem) {#sg-map ul.media {padding-bottom: 1rem;}}#sg-map ul.media li {-webkit-box-flex: 1;-ms-flex: 1 0 100%;flex: 1 0 100%;scroll-snap-align: start;display: -webkit-box;display: -ms-flexbox;display: flex;cursor: default;}#sg-map ul.media li iframe {-ms-flex-preferred-size: 100%;flex-basis: 100%;}#sg-map ul.media li img {width: 100%;-o-object-fit: cover;object-fit: cover;}#sg-map ul.media li div {padding: 2rem;color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}#sg-map ul.media li div p {margin: 0;padding: 0.5rem 0;font-size: 120%;}@media (max-width: 900px) {#sg-map ul.media li div {padding: 0;}#sg-map ul.media li div p {padding: 0.2rem 0;font-size: 100%;}}#sg-map ul.media::-webkit-scrollbar {height: 1rem;}#sg-map ul.media::-webkit-scrollbar-thumb {background: #666666;}#sg-map ul.media::-webkit-scrollbar-thumb:hover {background: #777777;}#sg-map ul.media::-webkit-scrollbar-track {background: #999999;}#sg-map ul.media::-webkit-scrollbar-button:single-button {width: 1.4rem;background-color: transparent;}#sg-map ul.media::-webkit-scrollbar-button:single-button:horizontal:decrement {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23666666" d="M20.41,7.88h-7.76V2.38c0-.56-.32-1.06-.8-1.27s-1.04-.09-1.41,.3L1.38,11.03c-.51,.54-.51,1.41,0,1.94l9.06,9.62c.37,.39,.93,.51,1.41,.3,.48-.21,.8-.71,.8-1.27v-5.5h7.76c1.43,0,2.59-1.23,2.59-2.75v-2.75c0-1.52-1.16-2.75-2.59-2.75Z"/></svg>');background-position: center center;background-repeat: no-repeat;background-size: 60%;}#sg-map ul.media::-webkit-scrollbar-button:single-button:horizontal:increment {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23666666" d="M3.59,7.67h7.76V2.17c0-.56,.32-1.06,.8-1.27s1.04-.09,1.41,.3l9.06,9.62c.51,.54,.51,1.41,0,1.94l-9.06,9.62c-.37,.39-.93,.51-1.41,.3-.48-.21-.8-.71-.8-1.27v-5.5H3.59c-1.43,0-2.59-1.23-2.59-2.75v-2.75c0-1.52,1.16-2.75,2.59-2.75Z"/></svg>');background-position: center center;background-repeat: no-repeat;background-size: 60%;}#sg-map ul.media::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23777777" d="M20.41,7.88h-7.76V2.38c0-.56-.32-1.06-.8-1.27s-1.04-.09-1.41,.3L1.38,11.03c-.51,.54-.51,1.41,0,1.94l9.06,9.62c.37,.39,.93,.51,1.41,.3,.48-.21,.8-.71,.8-1.27v-5.5h7.76c1.43,0,2.59-1.23,2.59-2.75v-2.75c0-1.52-1.16-2.75-2.59-2.75Z"/></svg>');background-size: 70%;}#sg-map ul.media::-webkit-scrollbar-button:single-button:horizontal:increment:hover {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23777777" d="M3.59,7.67h7.76V2.17c0-.56,.32-1.06,.8-1.27s1.04-.09,1.41,.3l9.06,9.62c.51,.54,.51,1.41,0,1.94l-9.06,9.62c-.37,.39-.93,.51-1.41,.3-.48-.21-.8-.71-.8-1.27v-5.5H3.59c-1.43,0-2.59-1.23-2.59-2.75v-2.75c0-1.52,1.16-2.75,2.59-2.75Z"/></svg>');background-size: 70%;}