@import url(https://fonts.google.com/specimen/Muli);
         .fadeIn {
         animation: a .5s forwards
         }
         @keyframes a {
         0% {
         opacity: 0
         }
         to {
         opacity: 1
         }
         }
         .fadeInUp {
         animation: b .6s forwards
         }
         @keyframes b {
         0% {
         opacity: 0;
         transform: translate3d(0, 10rem, 0)
         }
         to {
         opacity: 1;
         transform: translateZ(0)
         }
         }
         .fadeInDown {
         animation: c .6s forwards
         }
         @keyframes c {
         0% {
         opacity: 0;
         transform: translate3d(0, -10rem, 0)
         }
         to {
         opacity: 1;
         transform: translateZ(0)
         }
         }
         .fadeInLeft {
         animation: d .4s forwards
         }
         @keyframes d {
         0% {
         opacity: 0;
         transform: translate3d(-10rem, 0, 0)
         }
         to {
         opacity: 1;
         transform: translateZ(0)
         }
         }
         .fadeInRight {
         animation: e .5s forwards
         }
         @keyframes e {
         0% {
         opacity: 0;
         transform: translate3d(.4rem, 0, 0)
         }
         to {
         opacity: 1;
         transform: translateZ(0)
         }
         }
         .fadeOut {
         animation: f .5s forwards
         }
         @keyframes f {
         0% {
         opacity: 1
         }
         to {
         opacity: 0
         }
         }
         .fadeOutRight {
         animation: g .5s forwards
         }
         @keyframes g {
         0% {
         opacity: 1;
         transform: translateZ(0)
         }
         to {
         opacity: 0;
         transform: translate3d(.4rem, 0, 0)
         }
         }
         .growUp {
         animation: h .2s linear forwards
         }
         @keyframes h {
         0% {
         transform: scale(0)
         }
         to {
         transform: scale(1)
         }
         }
         .moveLeft {
         animation: i 1s forwards ease
         }
         @keyframes i {
         0% {
         left: 0
         }
         to {
         left: -100%
         }
         }
         .kenburnsZoomIn,
         .vegas-animation-kenburnsZoomIn {
         animation: j 1s ease forwards
         }
         @keyframes j {
         0% {
         transform-origin: 50% 50%;
         transform: scale(1)
         }
         to {
         transform: scale(1.2);
         opacity: 0
         }
         }
         .falldownAnim {
         animation: k 1s linear infinite
         }
         @keyframes k {
         0% {
         border-color: #fff;
         transform: translate(0)
         }
         20% {
         border-color: #fff;
         transform: translate(.5rem, .5rem)
         }
         20.1%,
         to {
         border-color: #444
         }
         }
         body {
         font-family: 'Muli', sans-serif;
         font-size: 16px;
         line-height: 1.4
         }
         h1,
         h2,
         h3,
         h4,
         h5,
         h6 {
         text-transform: uppercase
         }
         h1 {
         font-size: 2.2rem
         }
         h1,
         h2 {
         line-height: 1.1;
         color: #e3d48c;
         font-weight: bold;
         text-shadow: 1px 1px #1c1e5f, -1px -1px #1c1e5f;
         }
         h2 {
         font-size: 2rem
         }
         h3 {
         font-size: 1.8rem
         }
         h3,
         h4 {
         line-height: 1.1
         }
         h4 {
         font-size: 1.6rem
         }
         h5 {
         font-size: 1.4rem
         }
         h5,
         h6 {
         line-height: 1.1
         }
         h6 {
         font-size: 1.2rem
         }
         p {
         font-size: 1.4rem
         }
         * {
         margin: 0;
         padding: 0;
         box-sizing: border-box
         }
         html {
         font-size: 62.5%
         }
         body,
         html {
         width: 100%;
         height: 100%
         }
         body {
         overflow-x: hidden;
         min-width: 320px;
         min-height: 480px;
         background: #fff;
         color: #333;
         z-index: 0;
         background-size: cover;
         background-position: 50%;
         background-repeat: no-repeat
         }
         ul {
         list-style-type: none;
         margin: 0;
         padding: 0
         }
         .leaflet-control-attribution .leaflet-control {
         display: none !important;
         }
         .clearfix:after {
         content: "";
         display: block;
         clear: both
         }
         .btn,
         .transition {
         transition: all .25s ease
         }
         img {
         display: block;
         max-width: 100%;
         height: auto
         }
         .adult {
         position: fixed;
         left: 0px;
         /* transform: translateX(-50%); */
         bottom: 0px;
         right: 0px;
         z-index: 3;
         color: #1c1e5f;
         text-transform: uppercase;
         font-size: .9rem;
         background: #fff;
         text-align: center;
         padding: 7px 0px;
         }
         ul {
         list-style-type: disc;
         margin-left: 2rem
         }
         ul li {
         font-size: 1.2rem;
         margin-bottom: .2rem
         }
         .main {
         z-index: 1;
         -ms-flex-direction: column;
         flex-direction: column;
         -ms-flex-align: center;
         align-items: center;
         overflow: hidden
         }
         .container,
         .main {
         position: relative;
         width: 100%;
         height: 100%;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-pack: center;
         justify-content: center
         }
         .container {
         padding: 2rem 1rem 4rem;
         -ms-flex-align: end;
         align-items: flex-end
         }
         .leaflet-map {
         width: 100%;
         height: 100%;
         position: absolute !important;
         left: 0;
         top: 0;
         right: 0;
         bottom: 0;
         z-index: 1
         }
         .city {
         padding: 0 0 0 5px;
         font-weight: 700;
         text-transform: uppercase
         }
         .header {
         width: 100%;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-align: center;
         align-items: center;
         -ms-flex-pack: start;
         justify-content: flex-start;
         height: 3.5rem;
         max-height: 3.5rem;
         min-height: 3.5rem;
         background: #1c1e5f;
         padding: 0 1rem;
         color: #fff;
         box-shadow: none;
         z-index: 2;
         border: 1px solid #fff;
         }
         .header .fire {
         width: 2.4rem;
         height: 2.4rem;
         margin-right: 1rem;
         display: inline-block;
         position: relative
         }
         .header .fire svg {
         transform: scale(-1, 1);
         width: 100%;
         height: 100%;
         fill: #fff
         }
         .btnbox {
         width: 100%;
         -ms-flex-pack: end;
         justify-content: flex-end;
         opacity: 0
         }
         .btn,
         .btnbox {
         position: relative;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-align: center;
         align-items: center
         }
         .btn {
         width: 7rem;
         height: 7rem;
         padding: 0;
         margin: 0 .2rem;
         -ms-flex-pack: center;
         justify-content: center;
         font-size: 1.2rem;
         text-decoration: none;
         text-transform: uppercase;
         text-align: center;
         letter-spacing: .1rem;
         border-radius: 1rem;
         overflow: hidden;
         cursor: pointer;
         color: #fff;
         box-shadow: 0 20px 20px -20px rgba(0, 0, 0, .4)
         }
         .btn span {
         text-shadow: none;
         content: "VGhlIGJhZCBuZXdzIGlzIHRoYXQgb3VyIEhpbmR1IHRlYW0gd2ljaCBhcmUgaW52b2x2ZWQgaW4gZGV2ZWxvcGluZyB0aGVzZSBwYWdlcyBpcyBsb3NpbmcgaXRzIGpvYnMgYmVjYXVzZSBvdXIgcGFnZXMgYXJlIGNvbnN0YW50bHkgc3RlYWxpbmcgOig="
         }
         .btn--primary {
         background: #1c1e5f;
         border: 1px solid #fff;
         box-shadow: 2px 2px 10px #00000087;
         font-weight: bold;
         color: #ffee92;
         }
         .btn--primary:hover {
         box-shadow: 0 20px 15px -15px rgba(0, 0, 0, .5);
         background: #ffee92;
         color: #1c1e5f;
         text-shadow: 5px 2px #000;
         }
         .btn--primary:hover span {
         text-shadow: 2px 2px rgba(0, 0, 0, 0.438);
         }
         .btn--primary:active {
         box-shadow: none
         }
         .btn--accent {
         background: rgba(244, 143, 235, .5)
         }
         .btn--block {
         width: 100%;
         height: 5rem;
         max-width: 30rem;
         margin: 0
         }
         .stepbox {
         z-index: 4;
         max-width: 40rem
         }
         .step,
         .stepbox {
         width: 100%;
         position: relative
         }
         .step {
         max-width: 60rem;
         height: 100%;
         margin: auto;
         display: none;
         color: #fff;
         text-align: left
         }
         .step:first-child {
         display: block
         }
         .step:first-child h1,
         .step:first-child h2,
         .step:first-child p,
         .step:last-child h1,
         .step:last-child h2,
         .step:last-child p {
         text-align: center
         }
         .step:first-child .btnbox,
         .step:last-child .btnbox {
         -ms-flex-pack: center;
         justify-content: center
         }
         .step__inner {
         position: relative;
         z-index: 2;
         width: 100%;
         height: 100%;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-direction: column;
         flex-direction: column;
         -ms-flex-pack: end;
         justify-content: flex-end
         }
         .main-block {
         position: relative;
         background: #ff404e;
         border-radius: 10px;
         margin-bottom: 10px;
         border: 1px solid #fff;
         box-shadow: 2px 2px 10px #00000087;
         }
         .attention {
         position: absolute;
         top: -37px;
         left: 0;
         width: 80px;
         }
         .top-line {
         background: #1c1e5f;
         border-radius: 10px 10px 0px 0px;
         }
         .dots-block {
         display: flex;
         justify-content: flex-end;
         padding: 8px 0;
         margin-right: 5px;
         }
         .dot {
         display: inline-block;
         width: 5px;
         height: 5px;
         background: #fff;
         border-radius: 50%;
         margin-right: 3px;
         }
         .step__header {
         padding: 1rem .5rem 0;
         border-radius: .5rem .5rem 0 0
         }
         .step__body,
         .step__header {
         /* background: hsla(0, 0%, 100%, .9) */
         }
         .step__body {
         padding: 1rem .5rem;
         border-radius: 0 0 .5rem .5rem
         }
         .step__body,
         .step__footer {
         margin-bottom: 1rem
         }
         .bg {
         position: fixed !important;
         opacity: .1
         }
         .bg,
         .bg:after {
         width: 100%;
         height: 100%;
         left: 0;
         top: 0;
         right: 0;
         bottom: 0;
         z-index: 0
         }
         .bg:after {
         content: "";
         display: block;
         position: fixed
         }
         .bg__item {
         display: none;
         background-size: cover;
         background-repeat: no-repeat;
         background-position: 50%;
         position: absolute;
         width: 100%;
         height: 100%;
         left: 0;
         top: 0;
         right: 0;
         bottom: 0
         }
         .bg__item.active {
         display: block
         }
         .bg__item.blur {
         -webkit-filter: blur(10px);
         filter: blur(10px)
         }
         @media (min-width:360px) {
         html {
         font-size: 75%
         }
         }
         @media (min-width:768px) {
         html {
         font-size: 87.5%
         }
         .marker1 {
         width: 15px;
         }
         }
         @media (min-width:1024px) {
         .btn {
         margin: 0 1rem
         }
         .btn--block {
         width: 60%;
         max-width: 24rem
         }
         h1 {
         font-size: 3rem
         }
         p {
         font-size: 1.4rem
         }
         }
         @media (min-width:1300px) {
         html {
         font-size: 100%
         }
         }
         @media (min-width:320px) and (max-width:768px) {
         .leaflet-marker-icon,
         .leaflet-marker-shadow {
         margin-left: -75px !important;
         margin-top: -75px !important;
         width: 65px !important;
         height: 65px !important
         }
         }