*, *:after, *:before {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
@font-face {
	font-family: 'Open Sans';
	src: url('/fonts/OpenSans-Regular.eot');
	src: local('Open Sans Regular'), local('OpenSans-Regular'),
		url('/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('/fonts/OpenSans-Regular.woff') format('woff'),
		url('/fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('/fonts/OpenSans-SemiBold.eot');
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
		url('/fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/OpenSans-SemiBold.woff') format('woff'),
		url('/fonts/OpenSans-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('/fonts/OpenSans-ExtraBold.eot');
	src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
		url('/fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/OpenSans-ExtraBold.woff') format('woff'),
		url('/fonts/OpenSans-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}
@font-face {
    font-family: 'Plumb';
    src: url('/fonts/plumb-bo-webfont.eot');
    src: url('/fonts/plumb-bo-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/plumb-bo-webfont.woff2') format('woff2'),
         url('/fonts/plumb-bo-webfont.woff') format('woff'),
         url('/fonts/plumb-bo-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
html {
    font-size: 100%;
}
body {
    min-width: 320px;
    position: relative;
    font-family: 'Open Sans';
    overflow: hidden;
    opacity: 1;
    color: #507f3d;
    margin: 0;
    line-height: 1.2;
}
.sizes {
    position: fixed;
    top: 1em;
    left: 1em;
    background: rgba(0,0,0,.5);
    padding: 1em;
    color: #fff;
    z-index: 5;
    border-radius: 1em;
}
h2 {
    margin-bottom: 1em;
    font-family: 'Open Sans';
    font-weight: 800;
    font-size: 4.81em;
    color: #1b1b1b;
}
h2 span {
    display: block;
}
p {
    margin-bottom: 1em;
}
p:last-child {
    margin-bottom: 0;
}
a {
    color: inherit;
    text-decoration: none;
    text-decoration: none;
}
*::selection{
    background: #00b870;
    color: #fff;
}
*::-moz-selection {
    background: #00b870;
}
img::selection {
    background: transparent;
}
img::-moz-selection {
    background: transparent;
}
.oveflowed {
    overflow: hidden;
}
.orientation-alert {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    background: #44b759;
    width: 100%;
    height: 100%;
    padding: 10%;
    z-index: 10;
}
.orientation-alert img {
    width: 35%;
}
.orientation-alert p {
    font-size: 2.18em;
    color: #fff;
    text-align: center;
}
.container {
    display: flex;
    display: -ms-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    padding: 0 12.5em;
}
.row {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    z-index: 1;
    width: 100%;
}
.row.margin-top {
    margin-top: -10em;
}
.column {
    position: relative;
    width: 50%;
}
.column:nth-child(1) {
    z-index: 3;
}
.column:nth-child(2) {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    z-index: 1;
}
.static-element {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.static-element:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/img/static_object.svg) no-repeat center bottom;
    background-size: contain;
    width: 100%;
    height: 100%;
}
.static-element:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/img/static_object_mountain.svg) no-repeat center bottom;
    background-size: contain;
    width: 100%;
    height: 100%;
    transition: 1.5s ease-out;
}
.static-element#var1:before {
    transform: translateX(-7%);
}
.static-element#var2:before {
    transform: translateX(-5%) translateY(7%);
}
.static-element#var3:before {
    transform: translateX(-7%) translateY(8%);
}
.static-element#var4:before {
    transform: translateX(-1%);
}
.static-element#var5:before {
    transform: translateX(-8.5%) translateY(11%);
}
.static-element#var6:before {
    transform: translateX(-8%) translateY(2%);
}
.mouse {
    background: #00b870 linear-gradient(transparent 0%, transparent 50%, #fff 50%, #fff 100%);
    position: absolute;
    bottom: 10%;
    width: 3.25em;
    height: 5.5em;
    border-radius: 6.25em;
    background-size: 100% 200%;
    animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
    cursor: pointer;
    z-index: 5;
    transition: opacity .3s ease-out;
}
.mouse:before, .mouse:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.mouse:before {
    width: 2.875em;
    height: 5.125em;
    background-color: #ffffff;
    border-radius: 6.25em;
}
.mouse:after {
    background-color: #00b870;
    width: .625em;
    height: .625em;
    border-radius: 100%;
    animation: trackBallSlide 5s linear infinite;
}
@keyframes colorSlide {
    0% {
        background-position: 0% 100%;
    }
    20% {
        background-position: 0% 0%;
    }
    21% {
        background-color: #00b870;
    }
    29.99% {
        background-color: #fff;
        background-position: 0% 0%;
    }
    30% {
        background-color: #00b870;
        background-position: 0% 100%;
    }
    50% {
        background-position: 0% 0%;
    }
    51% {
        background-color: #00b870;
    }
    59% {
        background-color: #fff;
        background-position: 0% 0%;
    }
    60% {
        background-color: #00b870;
        background-position: 0% 100%;
    }
    80% {
        background-position: 0% 0%;
    }
    81% {
        background-color: #00b870;
    }
    90%, 100% {
        background-color: #fff;
    }
}
@keyframes trackBallSlide {
    0% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    6% {
        opacity: 1;
        transform: scale(0.9) translateY(5px);
    }
    14% {
        opacity: 0;
        transform: scale(0.4) translateY(40px);
    }
    15%, 19% {
        opacity: 0;
        transform: scale(0.4) translateY(-20px);
    }
    28%, 29.99% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    30% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    36% {
        opacity: 1;
        transform: scale(0.9) translateY(5px);
    }
    44% {
        opacity: 0;
        transform: scale(0.4) translateY(40px);
    }
    45%, 49% {
        opacity: 0;
        transform: scale(0.4) translateY(-20px);
    }
    58%, 59.99% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    60% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
    66% {
        opacity: 1;
        transform: scale(0.9) translateY(5px);
    }
    74% {
        opacity: 0;
        transform: scale(0.4) translateY(40px);
    }
    75%, 79% {
        opacity: 0;
        transform: scale(0.4) translateY(-20px);
    }
    88%, 100% {
        opacity: 1;
        transform: scale(1) translateY(-20px);
    }
}
@keyframes nudgeMouse {
    0% {
        transform: translateY(0);
    }
    20% {
        transform: translateY(8px);
    }
    30% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(8px);
    }
    60% {
        transform: translateY(0);
    }
    80% {
        transform: translateY(8px);
    }
    90% {
        transform: translateY(0);
    }
}
.preloader {
    background: rgba(0,0,0,0.7);
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 35%;
    z-index: 10;
}
.preloader img {
    width: 40%;
    margin-bottom: 2em;
    animation: hand 5s linear infinite;
}
.preloader p {
    font-size: 3em;
    color: #20a777;
}
.hidden {
    background: rgba(255,255,255,1);
    opacity: 0;
    transform: scale(0);
    transition: .7s ease-out;
}
@keyframes hand {
    0% {
        transform: rotate(10deg) translateX(50px);
    }
    20% {
        transform: rotate(0deg)  translateX(0);
    }
    30% {
        transform: rotate(10deg) translateX(50px);
    }
    50% {
        transform: rotate(0deg) translateX(0);
    }
    60% {
        transform: rotate(10deg) translateX(50px);
    }
    80% {
        transform: rotate(0deg) translateX(0);
    }
    90% {
        transform: rotate(10deg) translateX(50px);
    }
}
.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-family: 'Open Sans';
    font-size: 1.39em;
    text-transform: lowercase;
    z-index: 3;
}
.header .container {
    padding: 0 3em;
}
.nav {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 2em 0;
}
.menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menu-item {
    margin-right: 4em;
}
.menu-item:last-child {
    margin-right: 0;
}
.logo {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-10%);
}
.logo img {
    width: 100%;
    max-width: 136px;
}
.main {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.block-text {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 4;
}
.block-text-item {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .7s ease-out;
    transform: scale(0);
}
.block-text-item.active {
    opacity: 1;
    transform: scale(1);
    transition-delay: .5s;
}
.text {
    position: relative;
    margin: 4em 0 6em;
}
.text p {
    font-size: 2.3em;
}
.picknick-logo img {
    width: 100%;
    max-width: 506px;
}
.gastro .text p,
.farm .text p,
.fun .text p,
.join .text p {
    font-size: 1.875em;
}
.ural .text p {
    font-size: 1.475em;
}
.ural-cook .text p {
    font-size: 1.475em;
}
.farm h2 {
    font-size: 4.6em;
}
.join h2 {
    font-size: 3.125em;
}
.fun-map {
    position: absolute;
    top: -60%;
    right: 0;
    width: 68%;
}
.fun-map object {
    position: relative;
    z-index: 2;
    opacity: 0;
}
.fun.active .fun-map object {
    opacity: 1;
}
.message {
    position: absolute;
    background: #fff;
    width: 27.5em;
    height: 15.625em;
    padding: 1em;
    border: 3px solid #658f55;
    border-radius: 1em;
    opacity: 0;
    z-index: 1;
    transform: scale(0) translate(-13em, 5%);
    transform-origin: 0% 0;
    transition: .3s ease-out;
}
.message.active {
    opacity: 1;
    z-index: 3;
    transform: scale(1) translate(-13em, 5%);
}
.message .scrolling {
    height: 100%;
}
.message .close {
	width: 2em;
	height: 2em;
	position: absolute;
	top: .25em;
	right: .25em;
	cursor: pointer;
	display: block;
    z-index: 6;
    text-indent: 9999px;
}
.message .close:before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - .09375em);
    background: #658f55;
    width: .1875em;
    height: 100%;
    transform: rotate(45deg);
}
.message .close:after {
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - .09375em);
    background: #658f55;
    width: .1875em;
    height: 100%;
    transform: rotate(-45deg);
}
.message h3 {
    margin-bottom: .5em;
    font-size: 1.875em !important;
    color: #1b1b1b;
}
.message p {
    font-size: 1.25em !important;
}
/*
.organizators-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 55%;
    height: 100%;
    margin: 3em auto 0;   
}
*/
.organizators-list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    margin: 3em auto 0;   
}
.organizator-item {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 25%;
    /* margin-bottom: 6em; */
}
/*
.organizator-item:nth-child(n+5) {
    width: 33.333%;
}
.organizator-item:nth-child(1),
.organizator-item:nth-child(5),
.organizator-item:nth-child(6),
.organizator-item:nth-child(8) {
    justify-content: flex-start;
}
.organizator-item:nth-child(4),
.organizator-item:nth-child(7) {
    justify-content: flex-end;
}
.organizator-item:last-child {
    width: 100%;
}
*/
.organizator-item:nth-child(n+2) .image {
    /* margin: 0 auto; */
}
.organizator-item:nth-child(4) .image,
.organizator-item:nth-child(5) .image,
.organizator-item:nth-child(8) .image {
    margin: 0;
}
.organizator-item:nth-child(6) .image {
    margin: 0;
}
.org .buttons {
    display: none;
}
.image img {
    display: block;
    width: 100%;
    /*max-width: 3.5em;*/
}
.feedback-form {
    margin-top: 6em;
}
form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 25.9em;
}
[type="text"] {
    background: transparent;
    width: 100%;
    margin-top: 2em;
    padding: .2em 0;
    border: none;
    border-bottom: 1px solid #507f3d;
    font-family: 'Open Sans';
    font-size: 1.81em;
    color: #507f3d;
}
[type="text"].form-control-warning + label.form-control-warning + [type="text"] {
    margin-top: 1.33em;
}
[type="text"].form-control-warning + label.form-control-warning + [type="submit"] {
    margin-top: 1.36em;
}
[type="text"]:first-child {
    margin-top: 0;
}
[type="submit"] {
    background: #77bb5c;
    min-width: 10em;
    margin-top: 2em;
    padding: .65em;
    border: none;
    border-radius: 2em;
    font-family: 'Plumb';
    font-size: 1.8em;
    color: #fff;
    cursor: pointer;
    transition: 200ms;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-property: background, transform;
}
[type=submit]:hover {
    transform: scale(1.1);
}
[type=submit]:active {
    background: gray;
    color: #000;
    transform: scale(1);
}
.buttons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.buttons .button {
    display: block;
    background: #77bb5c;
    min-width: 10em;
    margin-right: 1em;
    border: .15em solid #77bb5c;
    border-radius: 2em;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 1.77em;
    color: #fff;
    text-transform: lowercase;
    transition: 200ms;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    padding: .65em;
    text-align: center;
}
.buttons .button:hover {
    transform: scale(1.1)
}
.buttons .button:active {
    background: gray;
    color: #000;
    transform: scale(1)
}
.buttons .button:last-child {
    margin-right: 0;
}
.buttons .transparent {
    background: none;
    color: #5e9548;
    border: .15em solid #77bb5c;
}
.back {
    display: none;
}
.cities {
    display: none;
}
.maps-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 3em 0 0;
}
.map-item {
    width: 26%;
}
.map-item:first-child {
    margin-right: 5%;
}
.map-item h3 {
    font-size: 1.92em;
    font-weight: 500;
    text-align: center;
    color: #152f4e;
}
.map-image {
    max-width: 392px;
    margin: 2em 0;
}
.map-image img {
    display: block;
    width: 100%;
}
.map-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.map-buttons .button {
    display: block;
    background: transparent;
    width: 100%;
    border: 2px solid #152f4e;
    border-radius: 2em;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 1.5em;
    color: #152f4e;
    text-transform: lowercase;
    transition: 200ms;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    padding: .5em 0;
    text-align: center;
}
.map-buttons .button:hover {
    transform: scale(1.1);
}
.map-buttons .button:active {
    background: gray;
    color: #000;
    transform: scale(1);
}
.map-buttons .button:last-child {
    margin-right: 0;
}
.map-buttons .button a {
    display: block;
    width: 100%;
}
.map-buttons [type="button"] {
    display: inline-block;
    background: transparent;
    width: 100%;
    height: auto;
    padding: .5em 0;
    border: 2px solid #152f4e;
    border-radius: 2em;
    font: 600 1.5em 'Open Sans', Trebuchet, Helvetica, Arial, sans-serif;
    color: #152f4e;
    text-transform: lowercase;
    text-shadow: none;
    box-shadow: none;
    transition: 200ms;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
[type="button"]:hover {
    background: #fff !important;
    color: #152f4e !important;
    transform: scale(1.1);
}
[type="button"]:active {
    background: gray;
    color: #000;
    transform: scale(1);
}
.image-elements {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.image-elements#yellow_aerostat {
    left: auto;
    right: 0;
    width: 50%;
}
.image-elements-item {
    position: absolute;
    transition: opacity .7s ease-out;
}
.cloud {
    background: url(/img/cloud.svg) no-repeat center center;
    background-size: contain;
    width: 8.5625em;
    height: 3.1875em;
    animation: cloud_bottom 7s linear infinite;
}
.cloud.top-right {
    top: 0;
    right: 0;
    transform: scale(1.5) rotate(4deg);
    animation: cloud_top 7s linear infinite;
}
.cloud.bottom-left {
    bottom: 5%;
    left: 5%;
}
.red-aerostat {
    top: -5%;
    left: 5%;
    background: url(/img/aerostat_red.svg) no-repeat center center;
    background-size: contain;
    width: 16.25em;
    height: 22.9378em;
    animation: aerostat 10s linear infinite;
}
.yellow-aerostat {
    top: -5%;
    right: 20%;
    background: url(/img/aerostat_yellowe.svg) no-repeat center center;
    background-size: contain;
    width: 13.3125em;
    height: 18.8125em;
    animation: aerostat 10s linear infinite;
}
@keyframes aerostat {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }
    25% {
        transform: translate(25%, 7%) rotate(-4deg);
    }
    50% {
        transform: translate(-25%, -6%) rotate(0deg);
    }
    50% {
        transform: translate(25%, -6%) rotate(4deg);
    }
    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}
@keyframes cloud_top {
    0% {
        transform: translate(0, 0) scale(1.5) rotate(0deg);
    }
    25% {
        transform: translate(10%, -6%) scale(1.5) rotate(2deg);
    }
    50% {
        transform: translate(-10%, 7%) scale(1.5) rotate(0deg);
    }
    50% {
        transform: translate(10%, -6%) scale(1.5) rotate(-2deg);
    }
    100% {
        transform: translate(0, 0) scale(1.5) rotate(0deg);
    }
}
@keyframes cloud_bottom {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }
    25% {
        transform: translate(-10%, -6%) rotate(-2deg);
    }
    50% {
        transform: translate(10%, 7%) rotate(0deg);
    }
    50% {
        transform: translate(-10%, -6%) rotate(2deg);
    }
    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}
#red_aerostat .red-aerostat {
    opacity: 1;
}
#red_aerostat .yellow-aerostat {
    opacity: 0;
}
#no_elements .image-elements-item {
    opacity: 0;
}
#no_elements .yellow-aerostat {
    opacity: 0;
}
#no_elements .image-elements-item {
    transition: none;
}
#clouds .red-aerostat {
    opacity: 0;
}
#clouds .yellow-aerostat {
    opacity: 0;
}
#yellow_aerostat .red-aerostat {
    opacity: 0;
}
#yellow_aerostat .yellow-aerostat {
    opacity: 1;
}
#yellow_aerostat .cloud.top-right {
    opacity: 0;
}
#yellow_aerostat .cloud.bottom-left {
    bottom: auto;
    left: auto;
    top: 10%;
    right: -10%;
}
.block-image {
    position: relative;
    width: 35.875em;
    height: 35.1875em;
    overflow: hidden;
}
.swiper-container {
    width: 35.875em;
    height: 35.1875em;
    overflow: hidden;
    border: 1px solid #fff;
}
/* .block-image:before {
    content: '';
    position: absolute;
    top: calc(50% - 49.95%);
    left: calc(50% - 49.95%);
    width: 99.9%;
    height: 99.9%;
    border: 1px solid #ffffff;
    z-index: 3;
} */
.block-image:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/img/image-mask.svg) no-repeat left top;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.block-image img {
    display: block;
    height: 100%;
}
.block-image-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.active-elements {
    
}
.no_active_element .active-elements-item {
    z-index: 4;
}
.no_active_element:before {
    content: '';
    opacity: 0;
}
.active-elements-item {
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: .7s ease-out;
    transform: scale(.8) translate(-450px, 450px);
    z-index: 3;
}
.active-elements-item:nth-child(1) {
    bottom: 5%;
    right: 20%;
}
.active-elements-item:nth-child(2) {
    bottom: 6%;
    right: 12%;
}
.active-elements-item:nth-child(3) {
    bottom: 6%;
    right: 4%;
}
.active-elements-item:nth-child(4) {
    bottom: 6%;
    right: 6.5%;
}
.active-elements-item:nth-child(5) {
    bottom: 6%;
    right: 6.5%;
}
.active-elements-item:nth-child(6) {
    bottom: 6%;
    right: 9.5%;
}
.active-elements-item:nth-child(7) {
    bottom: 4.5%;
    right: 8%;
}
.active-elements-item:nth-child(9) {
    bottom: 6%;
    right: 8%;
}
.active-elements-item:nth-child(10) {
    bottom: 5%;
    right: 5.5%;
}
.active-elements-item:nth-child(11) {
    bottom: 8%;
    right: 6%;
}
.active-elements-item.active {
    opacity: 1;
    transform: scale(1) translate(0, 0);
    transition-delay: .3s;
}
.active-elements img {
    display: block;
    width: 100%;
}
.icon {
    position: relative;
    margin-left: 2em;
    margin-bottom: 2em;
}
.icon:before {
    content: '';
    position: absolute;
    left: -2em;;
}
.calendar:before {
    background: url(/img/icon-calendar.png) no-repeat center center;
    background-size: contain;
    top: calc(50% - .65em);
    width: 1.3em;
    height: 1.5em;
}
.time:before {
    background: url(/img/icon-time.png) no-repeat center center;
    background-size: contain;
    top: calc(50% - .65em);
    width: 1.3em;
    height: 1.3em;
}
.location:before {
    background: url(/img/icon-location.png) no-repeat center center;
    background-size: contain;
    top: calc(50% - .95em);
    width: 1.3em;
    height: 1.9em;
}
.copyright {
    position: absolute;
    bottom: 1%;
    right: 1%;
    width: 9.5em;
    height: 1.4375em;
    z-index: 4;
}
.copyright a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/img/mtp_digital.svg) no-repeat center center;
    background-size: contain;
    width: 100%;
    height: 100%;
}
#modal_window {
    display: none;
	opacity: 0;
    z-index: 10;
	width: 350px; 
	height: 24.5em;
    border-radius: 10px;
	/* background: url(/img/diagonal-pattern.png) repeat center center; */
    background: #fff;
	position: fixed;
	left: 50%;
	margin-top: -12.25em;
	margin-left: -175px;
	padding: 1em 1em;
    color: #000;
}
#modal_close {
	width: 33px;
	height: 33px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
    z-index: 6;
    text-indent: 9999px;
    transform: rotate(135deg);
}
#modal_close:before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - 1.5px);
    background: #fff;
    width: 3px;
    height: 100%;
}
#modal_close:after {
    content: '';
    position: absolute;
    top: calc(50% - 1.5px);
    left: 0;
    background: #fff;
    width: 100%;
    height: 3px;
}
#overlay {
	z-index: 3;
	position: fixed;
	background: rgba(0, 184, 112, 0.7);
	/* background: rgba(31, 29, 73, 0.7); */
	width: 100%; 
	height: 120%;
	top: 0;
	left: 0;
	cursor: pointer;
	display: none;
    z-index: 9;
}
.thanks-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; 
    height: 100%;
    text-align: center;
}
.thanks-wrap h2 {
    font-size: 2em;
}