/*
Theme Name: Adalberts
Author: Flowtar Studio
Author URI: https://pl.flowtar.com
Version: 1.0
Description: Autorski projekt, najwyższej jakości. Designed to Enjoy!
Text Domain: adalberts
*/


@font-face {font-family: 'decorative'; font-weight: 400; src: url('woff/breeserif-regular.woff2') format('woff2'), url('woff/breeserif-regular.woff') format('woff');}
@font-face {font-family: 'main'; font-weight: 400; font-style: normal; src: url('woff/montserrat-regular.woff2') format('woff2'), url('woff/montserrat-regular.woff') format('woff');}
@font-face {font-family: 'main'; font-weight: 400; font-style: italic; src: url('woff/montserrat-italic.woff2') format('woff2'), url('woff/montserrat-italic.woff') format('woff');}
@font-face {font-family: 'main'; font-weight: 700; font-style: normal; src: url('woff/montserrat-bold.woff2') format('woff2'), url('woff/montserrat-bold.woff') format('woff');}


/* Reset */


html {box-sizing: border-box; scroll-behavior: smooth; overflow-x: hidden;}
* {flex-flow: row wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start;}
*, *::before, *::after {box-sizing: inherit;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
a {text-decoration: none; outline: 0 !important; color: inherit;}
abbr {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
del {text-decoration: none;}
hr {display: block; border: 0; margin: 0; padding: 0; background: none;}
ins {text-decoration: none;}
img {display: block; width: 100%; height: auto;}
ol, ul {list-style: none;}
small {font-size: 1.0em;}
sub {position: relative; vertical-align: baseline; font-size: 75%; line-height: 0; bottom: -0.25em;}
sup {position: relative; vertical-align: baseline; font-size: 75%; line-height: 0; top: -0.5em;}
svg {display: block;}
table {border-collapse: collapse; border-spacing: 0;}


/* 0px */


html {font: 16px/1.6 'main', sans-serif; background: #fffdf7; color: #333;}
::selection {color: #fff; background: #333;}
body::before {content: ""; opacity: 0; display: block; position: fixed; top: 0; left: 0; right: 0; z-index: -1; pointer-events: none; transition: opacity 1s;}
body:target::before {bottom: 0; opacity: 0.2; width: 92%; margin: 0 auto; z-index: 1000; max-width: 520px; background: #333; background: repeating-linear-gradient(90deg, #333 0%, #333 48%, transparent 48%, transparent 52%);}

.gutenberg {margin: 40px 0; position: relative; z-index: 100;}

.gutenberg.contest-section.v1 > div {display: flex; flex-flow: row wrap; align-items: center; align-content: center; row-gap: 40px;}
.gutenberg.contest-section.v1 > div > div {width: 100%; text-align: center;}
.gutenberg.contest-section.v1 > div > div > a {display: block; color: #f4a202; font-size: 1.4rem; transition: transform 0.2s ease-in-out;}
.gutenberg.contest-section.v1 > div > div > a:hover {transform: scale(1.2);}
.gutenberg.contest-section.v1 > div > img {animation: gutenberg-contest-section-v1-1 2s ease-in-out infinite; }
@keyframes gutenberg-contest-section-v1-1 {
	0% {transform: scale(1.0);}
	10% {transform: scale(1.02);}
	20% {transform: scale(0.98);}
	30% {transform: scale(1.02);}
	40% {transform: scale(1.0);}
	100% {transform: scale(1.0);}
}

.gutenberg.contest-section.v4 > div > div {position: relative;}
.gutenberg.contest-section.v4 > div > div > a {display: block; position: absolute; width: 35%; top: 0; left: 15%;}
.gutenberg.contest-section.v4 > div > div > a img {transition: transform 0.2s ease-in-out;}
.gutenberg.contest-section.v4 > div > div > a:hover img {transform: scale(1.05);}
.gutenberg.contest-section.v4 > div > div > a.layer1 {animation: gutenberg-contest-section-v4-1 3s ease-in-out alternate infinite; z-index: 5;}
.gutenberg.contest-section.v4 > div > div > a.layer2 {width: 45%; top: 22%; left: 40%; animation: gutenberg-contest-section-v4-2 4s ease-in-out alternate infinite; z-index: 3;}
.gutenberg.contest-section.v4 > div > div > a.layer3 {width: 30%; top: 70%; left: 15%; animation: gutenberg-contest-section-v4-3 5s ease-in-out alternate infinite; z-index: 4;}
@keyframes gutenberg-contest-section-v4-1 {
	0% {transform: scale(1.0) rotate(0deg);}
	50% {transform: scale(1.01) rotate(0.5deg);}
	100% {transform: scale(0.99) rotate(-0.5deg);}
}
@keyframes gutenberg-contest-section-v4-2 {
	0% {transform: scale(1.0) rotate(0deg);}
	50% {transform: scale(0.99) rotate(-0.5deg);}
	100% {transform: scale(1.01) rotate(0.5deg);}
}
@keyframes gutenberg-contest-section-v4-3 {
	0% {transform: scale(1.0) rotate(0deg);}
	50% {transform: scale(0.96) rotate(-1deg);}
	100% {transform: scale(1.04) rotate(0.5deg);}
}
.gutenberg.contest-section.v4 > div > div > img {position: relative; z-index: 2;}
.gutenberg.contest-section.v4 > div > div > img.layer00 {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: contain; z-index: 1; animation: gutenberg-contest-section-v4-4 5s ease-in-out alternate infinite; z-index: 1;}
@keyframes gutenberg-contest-section-v4-4 {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(2deg);}
}

.gutenberg.contest-section.v5 > div {display: flex; flex-flow: row wrap; align-items: center; align-content: center; row-gap: 40px;}
.gutenberg.contest-section.v5 > div > div {width: 100%;}
.gutenberg.contest-section.v5 > div > div > div {padding-top: 160%; position: relative;}
.gutenberg.contest-section.v5 > div > div > div > img.cloud {position: absolute; top: 0; left: -35%; width: 15%; opacity: 0.0; z-index: 2;}
.gutenberg.contest-section.v5 > div > div > div > img.map {position: absolute; top: -35%; left: -35%; width: 170%; height: 170%; object-fit: contain; z-index: -1;}
.gutenberg.contest-section.v5 > div > div > div > img.cloud1 {animation: gutenberg-contest-section-v5-1 5s linear infinite; top: 30%; left: -20%;}
.gutenberg.contest-section.v5 > div > div > div > img.cloud2 {animation: gutenberg-contest-section-v5-1 6s linear infinite; top: 60%; left: -35%;}
.gutenberg.contest-section.v5 > div > div > div > img.cloud3 {animation: gutenberg-contest-section-v5-1 4s linear infinite; top: 75%; left: -10%;}
.gutenberg.contest-section.v5 > div > div > div > img.cloud4 {animation: gutenberg-contest-section-v5-1 10s linear infinite; top: 85%; left: -35%;}
@keyframes gutenberg-contest-section-v5-1 {
	0%   {transform: translateX(0); opacity: 0.0;}
	20%  {transform: translateX(200%); opacity: 1.0;}
	60%  {transform: translateX(600%); opacity: 1.0;}
	80%  {transform: translateX(800%); opacity: 0.0;}
	100% {transform: translateX(0); opacity: 0.0;}
}

.gutenberg.contest-section.v6 > div > div {background: #00389f; border-radius: 20px; padding: 1px 20px 200px 20px; position: relative; display: flex; align-items: center; align-content: center;}
.gutenberg.contest-section.v6 > div > div > div {width: 100%;}
.gutenberg.contest-section.v6 > div > div > img {width: auto; width: 240px; margin: 0 auto -220px auto;}

.gutenberg.header-image.v1 > div {background: url(png/ornament-1.png) center center / auto 48px no-repeat;}
.gutenberg.header-image.v1 > div > img {width: 74%; margin: 0 auto;}

.gutenberg.image-header.v1 {margin: 20px 0;}
.gutenberg.image-header.v1 > div {display: flex; flex-flow: row nowrap; align-items: center; align-content: center; text-transform: uppercase; font-weight: bold; justify-content: center;}
.gutenberg.image-header.v1 > div > div.headers {text-align: center; transform: rotate(2deg);}
.gutenberg.image-header.v1 > div > img {width: 80px; margin-right: 20px; flex-shrink: 0; flex-grow: 0;}

.style.anchor.v1 {display: block; width: 100%; height: 0; margin: 0; padding: 0;}

.style.contest.v1 > h2 {margin: 20px 0; font-family: 'decorative', serif; font-size: 1.7rem; font-weight: bold; line-height: 1.2; color: #00389f; transform: rotate(3deg);}
.style.contest.v1 > p > img {max-width: 120px; margin: 20px auto;}

.style.contest.v2 {color: #a7842c;}
.style.contest.v2 a {text-decoration: underline; color: #007ffe;}
.style.contest.v2 p {margin: 10px 0;}

.style.contest.v3 {color: #f4a202;}
.style.contest.v3 h2 {font-family: 'decorative', serif; font-size: 1.4rem; font-weight: bold; line-height: 1.2; transform: rotate(-2deg);}
.style.contest.v3 h2 small {font-size: 0.6em;}
.style.contest.v3 h2 strong {font-size: 1.4em;}

.style.contest.v4 {display: block; margin: 20px 0; color: #049877; transform: rotate(-4deg); font-size: 1.8rem; line-height: 1.0; font-weight: bold; transition: transform 0.2s ease-in-out; position: relative;}
.style.contest.v4:hover {transform: scale(1.2);}
.style.contest.v4::after {content: ""; display: block; background: url(png/arrow-1.png) center center / contain no-repeat; width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: -1; opacity: 0.4;}

.style.contest.v5 {color: #ce0028;}
.style.contest.v5 h2 {margin: 20px 0; font-family: 'decorative', serif; font-size: 1.6rem; font-weight: bold; line-height: 1.2;}
.style.contest.v5 img {width: 100%; margin: 20px auto; max-width: 500px;}
.style.contest.v5 p {margin: 20px 0; font-weight: bold; line-height: 1.4;}

.style.contest.v6 {color: #fff3d8;}
.style.contest.v6 h2 {margin: 20px 0; font-size: 1.4rem; font-weight: bold; line-height: 1.2;}
.style.contest.v6 img {width: 100%; margin: 20px auto; max-width: 500px;}
.style.contest.v6 p {margin: 20px 0; font-size: 0.8rem; font-weight: bold; line-height: 1.4;}

.style.headers.v1 {font-family: 'decorative', serif; color: #00389f; font-size: 1.7rem; font-size: clamp(1.4rem, 8vw, 2.0rem); line-height: 1.0;}
.style.headers.v1 small {display: block; font-size: 1.3rem; font-size: clamp(1.2rem, 6vw, 1.4rem);}

.style.margin.v1 {margin-right: auto; margin-left: auto; width: 92%; max-width: 520px;}
.style.margin.v2 {margin-right: auto; margin-left: auto; width: 92%; max-width: 520px;}
.style.margin.v3 {margin-right: auto; margin-left: auto; width: 92%; max-width: 520px;}

.style.text.v1 a {text-decoration: underline;}
.style.text.v1 b {font-weight: bold;}
.style.text.v1 em {font-style: italic;}
.style.text.v1 h1 {margin: 40px 0 20px 0; font-family: 'decorative', serif; font-size: 1.6rem; font-weight: bold; line-height: 1.2; color: #ce0028;}
.style.text.v1 hr {margin: 40px 0; width: 100%; height: 1px; background: #333;}
.style.text.v1 i {font-style: italic;}
.style.text.v1 ol {margin: 20px 0; counter-reset: ol;}
.style.text.v1 ol > li {padding-left: 40px;}
.style.text.v1 ol > li::before {content: counter(ol); counter-increment: ol; display: inline-block; vertical-align: middle; width: 40px; height: 15px; line-height: 15px; text-align: center; margin: 0 0 0 -40px; font-size: 0.8rem; color: #ce0028; font-weight: bold;}
.style.text.v1 ol ol {margin: 10px 0;}
.style.text.v1 ol ol li {font-size: 0.9rem;}
.style.text.v1 ol ol ol li {font-size: 0.8rem;}
.style.text.v1 p {margin: 20px 0;}
.style.text.v1 strong {font-weight: bold;}
.style.text.v1 ul {margin: 20px 0;}
.style.text.v1 ul > li {padding-left: 40px;}
.style.text.v1 ul > li::before {content: ""; display: inline-block; vertical-align: middle; width: 40px; height: 20px; margin: 0 0 0 -40px; background: url(icon/adalberts-1.png) center center / auto 100% no-repeat;}

.style.text.v2 {color: #00389f; font-size: 0.8rem; line-height: 1.4;}
.style.text.v2 a {color: #f2a401; text-decoration: underline; text-decoration-color: #f9dabe;}
.style.text.v2 a[href^="https://pl.wikipedia.org/"]::before {content: "\21E2"; color: #f9dabe;}
.style.text.v2 b {font-weight: bold;}
.style.text.v2 em {font-style: italic;}
.style.text.v2 i {font-style: italic;}
.style.text.v2 ol {margin: 10px 0; counter-reset: ol;}
.style.text.v2 ol > li {padding-left: 40px;}
.style.text.v2 ol > li::before {content: counter(ol); counter-increment: ol; display: inline-block; vertical-align: middle; width: 40px; height: 15px; line-height: 15px; text-align: center; margin: 0 0 0 -40px; font-size: 0.8rem; color: #ce0028; font-weight: bold;}
.style.text.v2 ol ol {margin: 10px 0;}
.style.text.v2 ol ol li {font-size: 0.9rem;}
.style.text.v2 ol ol ol li {font-size: 0.8rem;}
.style.text.v2 p {margin: 10px 0;}
.style.text.v2 strong {font-weight: bold;}
.style.text.v2 ul {margin: 10px 0;}
.style.text.v2 ul > li {padding-left: 40px;}
.style.text.v2 ul > li::before {content: ""; display: inline-block; vertical-align: middle; width: 40px; height: 20px; margin: 0 0 0 -40px; background: url(icon/adalberts-1.png) center center / auto 100% no-repeat;}

.template-map1.description.v1 {position: relative; z-index: 100; width: 100%;}
.template-map1.map.v1 {width: 100%; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; align-content: center; padding: 10px;}
.template-map1.content.v1 {margin: 20px 0;}
.template-map1.content.v1 > div {display: flex; row-gap: 40px;}
.template-map1.map.v1 .container {position: absolute; top: -100%; left: -175%; width: 450%; height: 300%; cursor: grab;}
.template-map1.map.v1 .container2 {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; transform: scale(0.25); transition: all 1.0s ease-in-out;} /* Container must be square */
.template-map1.map.v1 .map1 {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: center center;}
.template-map1.map.v1 .map2 {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: center center;}
.template-map1.map.v1 .sea1 {position: absolute; top: 20%; right: 17%; width: 15%; object-fit: contain; object-position: center center; animation: template-map1-map-v1-sea1 12s ease-in-out infinite;}
@keyframes template-map1-map-v1-sea1 {0% {transform: translateX(0%);} 30% {transform: translateX(-20%);} 100% {transform: translateX(0%);}}
.template-map1.map.v1 .sea2 {position: absolute; top: 45%; right: 17%; width: 5%; object-fit: contain; object-position: center center; animation: template-map1-map-v1-sea2 8s ease-in-out infinite alternate;}
@keyframes template-map1-map-v1-sea2 {0% {transform: translateY(0%) rotate(0deg);} 50% {transform: translateY(-20%) rotate(5deg);} 100% {transform: translateY(0%) rotate(0deg);}}
.template-map1.map.v1 .sea3 {position: absolute; top: 55%; left: 5%; width: 15%; object-fit: contain; object-position: center center; animation: template-map1-map-v1-sea3 12s 3s ease-in-out infinite;}
@keyframes template-map1-map-v1-sea3 {0% {transform: translateX(0%);} 30% {transform: translateX(20%);} 100% {transform: translateX(0%);}}
.template-map1.map.v1 .sea4 {position: absolute; top: 80%; left: 20%; width: 5%; object-fit: contain; object-position: center center; animation: template-map1-map-v1-sea4 8s ease-in-out infinite alternate;}
@keyframes template-map1-map-v1-sea4 {0% {transform: translateY(0%) rotate(0deg);} 50% {transform: translateY(20%) rotate(5deg);} 100% {transform: translateY(0%) rotate(0deg);}}
.template-map1.map.v1 .sea5 {position: absolute; top: 90%; left: 15%; width: 15%; object-fit: contain; object-position: center center; animation: template-map1-map-v1-sea5 24s ease-in-out infinite alternate;}
@keyframes template-map1-map-v1-sea5 {0% {transform: translateX(0%) rotate(0deg) scale(1.0);} 50% {transform: translateX(-30%) rotate(5deg) scale(1.2);} 100% {transform: translateX(0%) rotate(0deg) scale(1.0);}}
.template-map1.map.v1 .sea6 {position: absolute; top: 90%; right: 20%; width: 10%; object-fit: contain; object-position: center center; animation: template-map1-map-v1-sea6 24s ease-in-out infinite;}
@keyframes template-map1-map-v1-sea6 {0% {transform: translateX(0%);} 50% {transform: translateX(40%);} 100% {transform: translateX(0%);}}
.template-map1.map.v1 .sea7 {position: absolute; top: 0%; left: 55%; width: 10%; object-fit: contain; object-position: center center;}
.template-map1.map.v1 .sea8 {position: absolute; top: 5%; right: 15%; width: 10%; object-fit: contain; object-position: center center;}
.template-map1.map.v1 .sea9 {position: absolute; top: 15%; left: 5%; width: 10%; object-fit: contain; object-position: center center;}
.template-map1.map.v1 .sea10 {position: absolute; top: 35%; left: 0%; width: 10%; object-fit: contain; object-position: center center;}
.template-map1.map.v1 .sea11 {position: absolute; top: 75%; left: 3%; width: 10%; object-fit: contain; object-position: center center;}
.template-map1.map.v1 .sea12 {position: absolute; bottom: 0; left: 55%; width: 10%; object-fit: contain; object-position: center center;}
.template-map1.map.v1 .ground1 {position: absolute; top: 15%; left: 30%; width: 42%; object-fit: contain; object-position: center center;}
.template-map1.map.v1 .object {position: absolute; width: 10%; object-fit: contain; object-position: center center; animation: template-map1-map-v1-object 10s ease-in-out infinite;}
.template-map1.map.v1 .object1 {bottom: 15%; left: 48%; animation-delay: 1s;}
.template-map1.map.v1 .object2 {top: 53%; left: 40%; animation-delay: 2s;}
.template-map1.map.v1 .object3 {top: 53%; right: 34%; animation-delay: 3s;}
.template-map1.map.v1 .object4 {top: 43%; left: 40%; width: 15%; animation-delay: 4s;}
.template-map1.map.v1 .object5 {bottom: 9%; left: 34%; width: 15%; animation-delay: 5s;}
.template-map1.map.v1 .object6 {top: 61%; left: 44%; width: 12%; animation-delay: 6s;}
.template-map1.map.v1 .object7 {bottom: 2%; left: 42%; width: 8%; animation-delay: 7s;}
.template-map1.map.v1 .object8 {bottom: 15%; right: 28%; width: 7%; animation-delay: 8s;}
.template-map1.map.v1 .object9 {bottom: 25%; right: 24%; width: 6%; animation-delay: 9s;}
.template-map1.map.v1 .object10 {top: 39%; left: 27%; width: 9%; animation-delay: 10s;}
.template-map1.map.v1 .object11 {bottom: 8%; right: 37%; width: 5%; animation-delay: 11s;}
.template-map1.map.v1 .object12 {top: 28%; right: 40%; width: 18%; animation-delay: 12s;}
@keyframes template-map1-map-v1-object {
	0% {transform: rotate(0deg) scale(1.0);}
	20% {transform: rotate(-1deg) scale(1.1);}
	40% {transform: rotate(0deg) scale(1.0);}
	100% {transform: rotate(0deg) scale(1.0);}
}
.template-map1.map.v1 .cloud {position: absolute; top: 0; left: -35%; width: 15%; opacity: 0.0; animation: template-map1-map-v1-cloud 40s linear infinite; z-index: 4; pointer-events: none;}
.template-map1.map.v1 .cloud1 {top: 30%; left: -20%;}
.template-map1.map.v1 .cloud2 {top: 60%; left: -35%; animation-duration: 45s;}
.template-map1.map.v1 .cloud3 {top: 75%; left: -10%; animation-duration: 30s;}
.template-map1.map.v1 .cloud4 {top: 85%; left: -35%; animation-duration: 35s;}
@keyframes template-map1-map-v1-cloud {
	0%   {transform: translateX(0); opacity: 0.0;}
	20%  {transform: translateX(200%); opacity: 0.5;}
	60%  {transform: translateX(600%); opacity: 0.3;}
	80%  {transform: translateX(800%); opacity: 0.0;}
	100% {transform: translateX(0); opacity: 0.0;}
}
.template-map1.map.v1 .place {position: absolute; bottom: 0; left: 0; margin-left: -40px; width: 80px; height: 80px; opacity: 1.0; transition: all 0.4s ease-in-out; transform: scale(0.85); cursor: pointer;}
.template-map1.map.v1 .place.distance0 {opacity: 1.0; transform: scale(1.5); z-index: 3;}
.template-map1.map.v1 .place.distance0 p {color: #f9dabe; text-shadow: 1px 2px 0px #006e40;}
.template-map1.map.v1 .place.distance1 {opacity: 1.0; transform: scale(1.2);}
.template-map1.map.v1 .place.distance2 {opacity: 1.0; transform: scale(1.1);}
.template-map1.map.v1 .place.distance3 {opacity: 1.0;}
.template-map1.map.v1 .place div {width: 100%; height: 100%; background: url(svg/srilanka-20.svg) center center / contain no-repeat; transform-origin: bottom center; animation: template-map1-map-v1-place 6s linear infinite;}
.template-map1.map.v1 .place.christmas div {background-image: url(svg/srilanka-24.svg);}
@keyframes template-map1-map-v1-place {
	0%   {transform: rotate(0deg);}
	20%  {transform: rotate(10deg);}
	40%  {transform: rotate(-10deg);}
	60% {transform: rotate(0deg);}
	100% {transform: rotate(0deg);}
}
.template-map1.map.v1 .place:nth-child(3n+1) div {animation-delay: 0s;}
.template-map1.map.v1 .place:nth-child(3n+2) div {animation-delay: 2s;}
.template-map1.map.v1 .place:nth-child(3n+3) div {animation-delay: 4s;}
.template-map1.map.v1 .place p {position: absolute; bottom: 90px; left: 50%; margin-left: -200px; width: 400px; text-align: center; color: #f3a301; font-family: 'decorative', serif; font-weight: bold; font-size: 30px; line-height: 1.0; pointer-events: none;}
.template-map1.map.v1 .place p:hover {transition: all 0.4s ease-in-out;}
.template-map1.map.v1 .containment025 {position: absolute; top: -135%; right: -210%; bottom: -135%; left: -210%;}
.template-map1.map.v1 .containment050 {position: absolute; top: -170%; right: -245%; bottom: -170%; left: -245%;}
.template-map1.map.v1 .containment075 {position: absolute; top: -205%; right: -280%; bottom: -205%; left: -280%;}
.template-map1.map.v1 .containment100 {position: absolute; top: -240%; right: -315%; bottom: -240%; left: -315%;}
.template-map1.map.v1 .frame {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: #fffdf7; border: 1px solid #0000000a; box-shadow: 0 0 40px #0000000a inset;}
.template-map1.map.v1 .ratio {width: 100%; padding-top: 150%; position: relative;}
.template-map1.map.v1 .interface .compass {position: absolute; top: 20px; left: 20px; width: 100px; height: 100px; background: url(svg/compass-1.svg) center center / contain no-repeat; z-index: 20; display: none;}
.template-map1.map.v1 .interface .navigation {padding: 10px; border-radius: 100px; position: absolute; top: 10px; left: 50%; width: 300px; margin-left: -150px; display: flex; flex-flow row nowrap; align-items: center; align-content: center; justify-content: center; z-index: 20; background: #fffdf7;}
.template-map1.map.v1 .interface .navigation > div {width: 40px; height: 40px; background-size: auto 50%; background-repeat: no-repeat; background-position: center center; cursor: pointer; transition: background-size 0.2s ease-in-out;}
.template-map1.map.v1 .interface .navigation > div:hover {background-size: auto 60%;}
.template-map1.map.v1 .interface .navigation::before {content: ""; width: 30px; height: 30px; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; background-image: url(icon/train-1.svg?v=2);}
.template-map1.map.v1 .interface .navigation > div.first {background-image: url(icon/arrows-1.svg);}
.template-map1.map.v1 .interface .navigation > div.first.disabled {opacity: 0.3; cursor: not-allowed;}
.template-map1.map.v1 .interface .navigation > div.prev {background-image: url(icon/arrow-1.svg);}
.template-map1.map.v1 .interface .navigation > div.prev.disabled {opacity: 0.3; cursor: not-allowed;}
.template-map1.map.v1 .interface .navigation > div.number {color: #00389f; font-family: 'decorative', serif; font-weight: bold; text-align: center; display: flex; flex-flow row nowrap; align-items: center; align-content: center; justify-content: center;}
.template-map1.map.v1 .interface .navigation > div.next {background-image: url(icon/arrow-2.svg);}
.template-map1.map.v1 .interface .navigation > div.next.disabled {opacity: 0.3; cursor: not-allowed;}
.template-map1.map.v1 .interface .navigation > div.last {background-image: url(icon/arrows-2.svg);}
.template-map1.map.v1 .interface .navigation > div.last.disabled {opacity: 0.3; cursor: not-allowed;}
.template-map1.map.v1 .interface .navigation::after {content: ""; width: 30px; height: 30px; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; background-image: url(icon/train-2.svg?v=2);}
.template-map1.map.v1 .interface .readmore {position: absolute; bottom: 10px; left: 50%; margin-left: -80px; width: 160px; border-radius: 100px; background: #00389f; color: #fff; display: none; z-index: 20; cursor: pointer;} /* #fef3d8, #a8822d */
.template-map1.map.v1 .interface .readmore > div {width: 100%; height: 40px; display: flex; align-items: center; align-content: center; justify-content: center;}
.template-map1.map.v1 .interface .zoom {position: absolute; bottom: 10px; right: 10px; border-radius: 100px; padding: 10px; background: #fffdf7; z-index: 20;}
.template-map1.map.v1 .interface .zoom > div {width: 40px; height: 40px; background-size: auto 70%; background-repeat: no-repeat; background-position: center center; cursor: pointer; transition: background-size 0.2s ease-in-out;}
.template-map1.map.v1 .interface .zoom > div.zoomin {background-image: url(icon/zoom-1.svg);}
.template-map1.map.v1 .interface .zoom > div.zoomin:hover {background-size: auto 80%;}
.template-map1.map.v1 .interface .zoom > div.zoomout {background-image: url(icon/zoom-2.svg);}
.template-map1.map.v1 .interface .zoom > div.zoomout:hover {background-size: auto 60%;}
.template-map1.description.v1 .place {display: none; position: relative;}
.template-map1.description.v1 .place .close {position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: url(icon/close-1.svg?v=2) center center / contain no-repeat; cursor: pointer;}
.template-map1.description.v1 .place a.promo {display: block; transition: transform 0.2s ease-in-out;}
.template-map1.description.v1 .place a.promo:hover {transform: scale(1.1);}
.template-map1.description.v1 .place h2 {color: #00389f; font-family: 'decorative', serif; font-size: 3.2rem; font-weight: bold; line-height: 1.2;}
.template-map1.description.v1 .place h2 strong {display: block; font-size: 0.8em; margin-bottom: 20px;}
.template-map1.description.v1 .place img {margin: 20px 0;}
.template-map1.description.v1 .place dl {margin: 20px 0;}
.template-map1.description.v1 .place dl dd {display: none; overflow: auto; padding: 1px 0 1px 10px; position: relative; border-left: 2px dashed #f9dabe;}
.template-map1.description.v1 .place dl dd:nth-child(2) {display: block;}
.template-map1.description.v1 .place dl dt {font-family: 'decorative', serif; font-size: 1.6rem; font-weight: bold; display: flex; justify-content: flex-start; align-items: center; align-content: center; color: #00389f; cursor: pointer;}
.template-map1.description.v1 .place dl dt::after {content: ""; width: 20px; height: 20px; margin-left: 10px; background: url(icon/arrow-3.svg?v=1) center center / contain no-repeat; flex-shrink: 0; flex-grow: 0; transition: transform 0.2s ease-in-out;}
.template-map1.description.v1 .place dl dt.active::after {transform: rotate(90deg);}
.template-map1.description.v1 .place div.video {margin: 20px 0; width: 100%;}
.template-map1.description.v1 .place div.video > div {width: 100%; padding-top: 56.25%; position: relative;}
.template-map1.description.v1 .place div.video > div > video {width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.template-map1.preloader.v1 {position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #fab81e; z-index: 200; display: flex; flex-flow: column nowrap; align-items: center; align-content: center; justify-content: center; padding: 20px; cursor: pointer; text-align: center;}
.template-map1.preloader.v1 > img {width: 100%;}
.template-map1.preloader.v1 > img.logo {max-width: 120px;}
.template-map1.preloader.v1 > img.header {max-width: 240px;}
.template-map1.preloader.v1 > p.day {font-family: 'decorative', serif; font-size: 2.4rem; font-weight: bold; color: #048138; line-height: 1.0;}
.template-map1.preloader.v1 > p.text {font-family: 'main', sans-serif; font-size: 1.2rem; color: #fff3d8; font-style: italic;}
.template-map1.preloader.v1 > p.header {font-family: 'decorative', serif; font-size: 3.2rem; font-weight: bold; color: #048138; line-height: 1.0; text-transform: uppercase;}
.template-map1.preloader.v1 > img.enter {max-width: 240px; transition: transform 0.2s ease-in-out;}
.template-map1.preloader.v1 > img.enter:hover {transform: scale(1.2);}
.template-map1.preloader.v1.version1 {background: #d800ff;}
.template-map1.preloader.v1.version1 > p.day {color: #05ff93;}
.template-map1.preloader.v1.version1 > p.header {color: #05ff93;}
.template-map1.preloader.v1.version2 {background: #ff7602;}
.template-map1.preloader.v1.version2 > p.day {color: #6c01af;}
.template-map1.preloader.v1.version2 > p.header {color: #6c01af;}
.template-map1.preloader.v1.version3 {background: #05c95d;}
.template-map1.preloader.v1.version3 > p.day {color: #ffd800;}
.template-map1.preloader.v1.version3 > p.header {color: #ffd800;}
.template-map1.preloader.v1.version4 {background: #ff6263;}
.template-map1.preloader.v1.version4 > p.day {color: #02af87;}
.template-map1.preloader.v1.version4 > p.header {color: #02af87;}
.template-map1.preloader.v1.version5 {background: #5c88ff;}
.template-map1.preloader.v1.version5 > p.day {color: #c4ff01;}
.template-map1.preloader.v1.version5 > p.header {color: #c4ff01;}
.template-map1.preloader.v2 {position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #003fa8; z-index: 200; display: flex; flex-flow: column nowrap; align-items: center; align-content: center; justify-content: center; padding: 60px 10px 10px 10px; text-align: center;}
.template-map1.preloader.v2 > video {width: 100%; height: 100%; object-fit: contain;}
.template-map1.preloader.v2 > span {position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; background: #fff url(icon/close-1.svg) center center / 50% 50% no-repeat; border-radius: 100px; z-index: 10; cursor: pointer; transition: transform 0.2s ease-in-out;}
.template-map1.preloader.v2 > span:hover {transform: scale(1.2);}

.template-map2024.description.v1 {position: relative; z-index: 100; width: 100%;}
.template-map2024.map.v1 {width: 100%; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; align-content: center; padding: 10px;}
.template-map2024.content.v1 {margin: 20px 0;}
.template-map2024.content.v1 > div {display: flex; row-gap: 40px;}
.template-map2024.map.v1 .container {position: absolute; top: -100%; left: -175%; width: 450%; height: 300%; cursor: grab;}
.template-map2024.map.v1 .container2 {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; transform: scale(0.25); transition: all 1.0s ease-in-out;} /* Container must be square */
.template-map2024.map.v1 .map1 {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: center center;}
.template-map2024.map.v1 .map2 {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: center center;}
.template-map2024.map.v1 .ground1 {position: absolute; top: 0; left: 0;  width: 100%; height: 100%; object-fit: contain; object-position: center center;}
.template-map2024.map.v1 .object {position: absolute; width: 10%; object-fit: contain; object-position: center center; animation: template-map1-map-v1-object 10s ease-in-out infinite;}
.template-map2024.map.v1 .object1 {bottom: 63%; left: 34%; width: 5%; animation-delay: 1s;}
.template-map2024.map.v1 .object2 {top: 32%; right: 45%; animation-delay: 2s;}
.template-map2024.map.v1 .object3 {top: 40%; left: 36%; width: 8%; animation-delay: 3s;}
.template-map2024.map.v1 .object4 {top: 41%; left: 56%; width: 6%; animation-delay: 4s;}
.template-map2024.map.v1 .object5 {bottom: 44%; left: 42%; width: 7%; animation-delay: 5s;}
.template-map2024.map.v1 .object6 {top: 53%; left: 64%; width: 5%; animation-delay: 6s;}
.template-map2024.map.v1 .object7 {bottom: 33%; left: 45%; width: 4%; animation-delay: 7s;}
.template-map2024.map.v1 .object8 {bottom: 21%; left: 31%; width: 8%; animation-delay: 8s;}
.template-map2024.map.v1 .object9 {bottom: 27%; right: 40%; width: 6%; animation-delay: 9s;}
.template-map2024.map.v1 .object10 {top: 75%; left: 44%; width: 6%; animation-delay: 10s;}
.template-map2024.map.v1 .object11 {bottom: 16%; right: 30%; width: 10%; animation-delay: 11s;}
.template-map2024.map.v1 .object12 {bottom: 4%; right: 37%; width: 12%; animation-delay: 12s;}
.template-map2024.map.v1 .cloud {position: absolute; top: 0; left: -35%; width: 15%; opacity: 0.0; animation: template-map1-map-v1-cloud 40s linear infinite; z-index: 4; pointer-events: none;}
.template-map2024.map.v1 .cloud1 {top: 30%; left: -20%;}
.template-map2024.map.v1 .cloud2 {top: 60%; left: -35%; animation-duration: 45s;}
.template-map2024.map.v1 .cloud3 {top: 75%; left: -10%; animation-duration: 30s;}
.template-map2024.map.v1 .cloud4 {top: 85%; left: -35%; animation-duration: 35s;}
.template-map2024.map.v1 .place {position: absolute; bottom: 0; left: 0; margin-left: -40px; width: 80px; height: 80px; opacity: 1.0; transition: all 0.4s ease-in-out; transform: scale(0.85); cursor: pointer;}
.template-map2024.map.v1 .place.distance0 {opacity: 1.0; transform: scale(1.5); z-index: 3;}
.template-map2024.map.v1 .place.distance0 p {color: #027aff; text-shadow: 1px 2px 0px #2844ca;}
.template-map2024.map.v1 .place.distance1 {opacity: 1.0; transform: scale(1.2);}
.template-map2024.map.v1 .place.distance2 {opacity: 1.0; transform: scale(1.1);}
.template-map2024.map.v1 .place.distance3 {opacity: 1.0;}
.template-map2024.map.v1 .place div {width: 100%; height: 100%; background: url(svg/srilanka-2024-3.svg) center center / contain no-repeat; transform-origin: bottom center; animation: template-map1-map-v1-place 6s linear infinite;}
.template-map2024.map.v1 .place.right div {background-image: url(svg/srilanka-2024-4.svg);}
.template-map2024.map.v1 .place:nth-child(3n+1) div {animation-delay: 0s;}
.template-map2024.map.v1 .place:nth-child(3n+2) div {animation-delay: 2s;}
.template-map2024.map.v1 .place:nth-child(3n+3) div {animation-delay: 4s;}
.template-map2024.map.v1 .place p {position: absolute; bottom: 0px; left: 0%; margin-left: -400px; width: 400px; height: 80px; display: flex; align-items: center; align-content: center; text-align: right; justify-content: flex-end; color: #2844ca; font-family: 'decorative', serif; font-weight: bold; font-size: 30px; line-height: 1.0; pointer-events: none;}
.template-map2024.map.v1 .place p:hover {transition: all 0.4s ease-in-out;}
.template-map2024.map.v1 .place.right p {left: 100%; margin-left: 0; bottom: 0; text-align: left; justify-content: flex-start;}
.template-map2024.map.v1 .containment025 {position: absolute; top: -135%; right: -210%; bottom: -135%; left: -210%;}
.template-map2024.map.v1 .containment050 {position: absolute; top: -170%; right: -245%; bottom: -170%; left: -245%;}
.template-map2024.map.v1 .containment075 {position: absolute; top: -205%; right: -280%; bottom: -205%; left: -280%;}
.template-map2024.map.v1 .containment100 {position: absolute; top: -240%; right: -315%; bottom: -240%; left: -315%;}
.template-map2024.map.v1 .frame {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: #fffdf7; border: 1px solid #0000000a; box-shadow: 0 0 40px #0000000a inset;}
.template-map2024.map.v1 .ratio {width: 100%; padding-top: 150%; position: relative;}
.template-map2024.map.v1 .interface .compass {position: absolute; top: 20px; left: 20px; width: 100px; height: 100px; background: url(svg/compass-1.svg) center center / contain no-repeat; z-index: 20; display: none;}
.template-map2024.map.v1 .interface .navigation {padding: 10px; border-radius: 100px; position: absolute; top: 10px; left: 50%; width: 300px; margin-left: -150px; display: flex; flex-flow row nowrap; align-items: center; align-content: center; justify-content: center; z-index: 20; background: #fffdf7;}
.template-map2024.map.v1 .interface .navigation > div {width: 40px; height: 40px; background-size: auto 50%; background-repeat: no-repeat; background-position: center center; cursor: pointer; transition: background-size 0.2s ease-in-out;}
.template-map2024.map.v1 .interface .navigation > div:hover {background-size: auto 60%;}
.template-map2024.map.v1 .interface .navigation::before {content: ""; width: 30px; height: 30px; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; background-image: url(icon/train-1.svg?v=2);}
.template-map2024.map.v1 .interface .navigation > div.first {background-image: url(icon/arrows-1.svg);}
.template-map2024.map.v1 .interface .navigation > div.first.disabled {opacity: 0.3; cursor: not-allowed;}
.template-map2024.map.v1 .interface .navigation > div.prev {background-image: url(icon/arrow-1.svg);}
.template-map2024.map.v1 .interface .navigation > div.prev.disabled {opacity: 0.3; cursor: not-allowed;}
.template-map2024.map.v1 .interface .navigation > div.number {color: #00389f; font-family: 'decorative', serif; font-weight: bold; text-align: center; display: flex; flex-flow row nowrap; align-items: center; align-content: center; justify-content: center;}
.template-map2024.map.v1 .interface .navigation > div.next {background-image: url(icon/arrow-2.svg);}
.template-map2024.map.v1 .interface .navigation > div.next.disabled {opacity: 0.3; cursor: not-allowed;}
.template-map2024.map.v1 .interface .navigation > div.last {background-image: url(icon/arrows-2.svg);}
.template-map2024.map.v1 .interface .navigation > div.last.disabled {opacity: 0.3; cursor: not-allowed;}
.template-map2024.map.v1 .interface .navigation::after {content: ""; width: 30px; height: 30px; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; background-image: url(icon/train-2.svg?v=2);}
.template-map2024.map.v1 .interface .readmore {position: absolute; bottom: 10px; left: 50%; margin-left: -80px; width: 160px; border-radius: 100px; background: #00389f; color: #fff; display: none; z-index: 20; cursor: pointer;} /* #fef3d8, #a8822d */
.template-map2024.map.v1 .interface .readmore > div {width: 100%; height: 40px; display: flex; align-items: center; align-content: center; justify-content: center;}
.template-map2024.map.v1 .interface .zoom {position: absolute; bottom: 10px; right: 10px; border-radius: 100px; padding: 10px; background: #fffdf7; z-index: 20;}
.template-map2024.map.v1 .interface .zoom > div {width: 40px; height: 40px; background-size: auto 70%; background-repeat: no-repeat; background-position: center center; cursor: pointer; transition: background-size 0.2s ease-in-out;}
.template-map2024.map.v1 .interface .zoom > div.zoomin {background-image: url(icon/zoom-1.svg);}
.template-map2024.map.v1 .interface .zoom > div.zoomin:hover {background-size: auto 80%;}
.template-map2024.map.v1 .interface .zoom > div.zoomout {background-image: url(icon/zoom-2.svg);}
.template-map2024.map.v1 .interface .zoom > div.zoomout:hover {background-size: auto 60%;}
.template-map2024.description.v1 .place {display: none; position: relative;}
.template-map2024.description.v1 .place .close {position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: url(icon/close-1.svg?v=2) center center / contain no-repeat; cursor: pointer;}
.template-map2024.description.v1 .place a.promo {display: block; transition: transform 0.2s ease-in-out;}
.template-map2024.description.v1 .place a.promo:hover {transform: scale(1.1);}
.template-map2024.description.v1 .place h2 {color: #f59f00; font-family: 'decorative', serif; font-size: 2.0rem; font-weight: bold; line-height: 1.2;}
.template-map2024.description.v1 .place h2 strong {display: block; font-size: 0.8em; margin-bottom: 20px; color: #0d3fcb;}
.template-map2024.description.v1 .place img {margin: 20px 0;}
.template-map2024.description.v1 .place dl {margin: 20px 0;}
.template-map2024.description.v1 .place dl dd {display: none; overflow: auto; padding: 1px 0 1px 10px; position: relative; border-left: 2px dashed #f9dabe;}
.template-map2024.description.v1 .place dl dd:nth-child(2) {display: block;}
.template-map2024.description.v1 .place dl dt {font-family: 'decorative', serif; font-size: 1.6rem; font-weight: bold; display: flex; justify-content: flex-start; align-items: center; align-content: center; color: #00389f; cursor: pointer;}
.template-map2024.description.v1 .place dl dt::after {content: ""; width: 20px; height: 20px; margin-left: 10px; background: url(icon/arrow-3.svg?v=1) center center / contain no-repeat; flex-shrink: 0; flex-grow: 0; transition: transform 0.2s ease-in-out;}
.template-map2024.description.v1 .place dl dt.active::after {transform: rotate(90deg);}
.template-map2024.description.v1 .place div.video {margin: 20px 0; width: 100%;}
.template-map2024.description.v1 .place div.video > div {width: 100%; padding-top: 56.25%; position: relative;}
.template-map2024.description.v1 .place div.video > div > video {width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.template-map2024.preloader.v1 {position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #fab81e; z-index: 200; display: flex; flex-flow: column nowrap; align-items: center; align-content: center; justify-content: center; padding: 20px; cursor: pointer; text-align: center;}
.template-map2024.preloader.v1 > img {width: 100%;}
.template-map2024.preloader.v1 > img.logo {max-width: 120px;}
.template-map2024.preloader.v1 > img.header {max-width: 240px;}
.template-map2024.preloader.v1 > p.day {font-family: 'decorative', serif; font-size: 2.4rem; font-weight: bold; color: #048138; line-height: 1.0;}
.template-map2024.preloader.v1 > p.text {font-family: 'main', sans-serif; font-size: 1.2rem; color: #fff3d8; font-style: italic;}
.template-map2024.preloader.v1 > p.header {font-family: 'decorative', serif; font-size: 3.2rem; font-weight: bold; color: #048138; line-height: 1.0; text-transform: uppercase;}
.template-map2024.preloader.v1 > img.enter {max-width: 240px; transition: transform 0.2s ease-in-out;}
.template-map2024.preloader.v1 > img.enter:hover {transform: scale(1.2);}
.template-map2024.preloader.v1.version1 {background: #d800ff;}
.template-map2024.preloader.v1.version1 > p.day {color: #05ff93;}
.template-map2024.preloader.v1.version1 > p.header {color: #05ff93;}
.template-map2024.preloader.v1.version2 {background: #ff7602;}
.template-map2024.preloader.v1.version2 > p.day {color: #6c01af;}
.template-map2024.preloader.v1.version2 > p.header {color: #6c01af;}
.template-map2024.preloader.v1.version3 {background: #05c95d;}
.template-map2024.preloader.v1.version3 > p.day {color: #ffd800;}
.template-map2024.preloader.v1.version3 > p.header {color: #ffd800;}
.template-map2024.preloader.v1.version4 {background: #ff6263;}
.template-map2024.preloader.v1.version4 > p.day {color: #02af87;}
.template-map2024.preloader.v1.version4 > p.header {color: #02af87;}
.template-map2024.preloader.v1.version5 {background: #5c88ff;}
.template-map2024.preloader.v1.version5 > p.day {color: #c4ff01;}
.template-map2024.preloader.v1.version5 > p.header {color: #c4ff01;}
.template-map2024.preloader.v2 {position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #003fa8; z-index: 200; display: flex; flex-flow: column nowrap; align-items: center; align-content: center; justify-content: center; padding: 60px 10px 10px 10px; text-align: center;}
.template-map2024.preloader.v2 > video {width: 100%; height: 100%; object-fit: contain;}
.template-map2024.preloader.v2 > span {position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; background: #fff url(icon/close-1.svg) center center / 50% 50% no-repeat; border-radius: 100px; z-index: 10; cursor: pointer; transition: transform 0.2s ease-in-out;}
.template-map2024.preloader.v2 > span:hover {transform: scale(1.2);}

.theme-footer.contest.v1::before {content: ""; display: block; height: 48px; width: 100%; max-width: 1620px; margin: 80px auto; background: url(png/ornament-1.png) right center / auto 100% no-repeat;}
.theme-footer.contest.v1 {position: relative; z-index: 100;}
.theme-footer.contest.v1 > div {display: flex; flex-flow: row wrap; row-gap: 40px;}
.theme-footer.contest.v1 > div > div {width: 100%;}
.theme-footer.contest.v1 > div > div > p {margin: 20px 0; color: #a7842f;}
.theme-footer.contest.v1 > div > div > p.mail {transform: rotate(-3deg); text-align: center;}
.theme-footer.contest.v1 > div > div > p.mail > a {display: block; font-family: 'decorative', serif; font-size: 1.4rem; font-weight: bold; color: #e30333; transition: transform 0.2s ease-in-out;}
.theme-footer.contest.v1 > div > div > p.mail > a:hover {transform: scale(1.2);}
.theme-footer.contest.v1 > div > div > p.social {display: flex; justify-content: center; align-items: center; align-content: center; column-gap: 20px;}
.theme-footer.contest.v1 > div > div > p.social > a {display: block; width: 40px; height: 40px; transition: transform 0.2s ease-in-out;}
.theme-footer.contest.v1 > div > div > p.social > a:hover {transform: scale(1.2);}
.theme-footer.contest.v1 > div > img {width: 100%; max-width: 240px; margin: 0 auto;}
.theme-footer.law.v1 {margin-top: 80px; position: relative; z-index: 100;}
.theme-footer.law.v1 > div {border-top: 1px solid #a7842f; padding: 15px 0;}
.theme-footer.law.v1 > div > ul {display: flex; justify-content: center; row-gap: 20px; column-gap: 40px;}
.theme-footer.law.v1 > div > ul > li > a {display: block; padding: 5px 0; color: #a7842f; transition: color 0.2s ease-in-out;}
.theme-footer.law.v1 > div > ul > li > a:hover {color: #e30333;}
.theme-footer.text.v1 {margin: 80px 0; position: relative; z-index: 100;}
.theme-footer.text.v1 > div > p {color: #a7842f; text-align: center; line-height: 1.4; font-size: 0.9rem;}

.theme-footer.social.v1 {width: 200px; position: relative; background: url(svg/social-1.svg) center center / contain no-repeat; position: fixed; bottom: 40px; right: 40px; transition: bottom 0.2s ease-in-out; z-index: 101;}
.theme-footer.social.v1 > div {padding-top: 55%;}
.theme-footer.social.v1 > div > a {display: block; position: absolute; height: 20%; width: 15%; transition: transform 0.2s ease-in-out;}
.theme-footer.social.v1 > div > a:hover {transform: scale(1.2);}
.theme-footer.social.v1 > div > a.facebook {top: 65%; left: 40%;}
.theme-footer.social.v1 > div > a.instagram {top: 65%; left: 60%;}

.theme-header.header.v1 > div {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; align-content: center; padding: 10px 0; column-gap: 10px; row-gap: 10px;}
.theme-header.logo.v1 {display: block; width: 100%;}
.theme-header.navigation.v1 {width: 100%;}
.theme-header.navigation.v1 > ul {width: 100%; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; align-content: center; column-gap: 20px; row-gap: 10px;}
.theme-header.navigation.v1 > ul > li > a {display: block; font-family: 'decorative', serif; color: #b1c0e6; font-size: 1.8rem;}
.theme-header.navigation.v1 > ul > li.active > a {color: #2844ca;}


/* 640 */ @media only screen and (min-width: 640px) {


html {font-size: 18px;}
body:target::before {max-width: 800px; background: repeating-linear-gradient(90deg, #333 0%, #333 22%, transparent 22%, transparent 26%);}

.gutenberg.contest-section.v1 > div > div {width: 48%;}
.gutenberg.contest-section.v1 > div > img {width: 48%;}

.gutenberg.contest-section.v5 > div > div {width: 48%;}

.gutenberg.contest-section.v6 > div > div {margin-top: 80px; margin-bottom: 80px; padding: 20px 0;}
.gutenberg.contest-section.v6 > div > div > div {width: 44%; margin: 0 0 0 4%;}
.gutenberg.contest-section.v6 > div > div > img {width: 44%; height: auto; right: 0; left: auto; top: 0; bottom: 0; margin: -120px 4% -120px auto; object-fit: contain; object-position: center center;}

.gutenberg.header-image.v1 > div > img {width: 56%;}

.gutenberg.image-header.v1 > div > img {width: 100px; margin-right: 40px;}

.style.contest.v3 h2 {font-size: 2.0rem;}

.style.headers.v1 {font-size: 3.6rem;}
.style.headers.v1 small {font-size: 2.4rem;}

.style.margin.v1 {max-width: 800px;}
.style.margin.v2 {max-width: 800px;}
.style.margin.v3 {max-width: 800px;}

.template-map1.content.v1 {margin: 40px 0;}
.template-map1.description.v1 {width: 48%;}
.template-map1.description.v1 .place .close {display: none;}
.template-map1.header.v1 {display: block;}
.template-map1.map.v1 {position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 48%; padding: 0; background: transparent;}
.template-map1.map.v1.used {transform: none;}
.template-map1.preloader.v1 > img.logo {max-width: 240px;}
.template-map1.preloader.v1 > img.header {max-width: 480px;}
.template-map1.preloader.v1 > img.enter {margin-top: 20px; max-width: 360px;}

.template-map2024.content.v1 {margin: 40px 0;}
.template-map2024.description.v1 {width: 48%; order: 1;}
.template-map2024.description.v1 .place .close {display: none;}
.template-map2024.header.v1 {display: block;}
.template-map2024.map.v1 {position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 48%; padding: 0; background: transparent; order: 2;}
.template-map2024.map.v1.used {transform: none;}
.template-map2024.preloader.v1 > img.logo {max-width: 240px;}
.template-map2024.preloader.v1 > img.header {max-width: 480px;}
.template-map2024.preloader.v1 > img.enter {margin-top: 20px; max-width: 360px;}

.theme-footer.contest.v1 > div > div {margin-top: 2%; width: 74%;}
.theme-footer.contest.v1 > div > div > p.mail > a {font-size: 2.0rem;}
.theme-footer.contest.v1 > div > div > p.social > a {width: 60px; height: 60px;}
.theme-footer.contest.v1 > div > img {width: 22%; max-width: none; margin-right: 0; margin-left: 0;}
.theme-footer.social.v1 {width: 250px;}

.theme-header.logo.v1 {width: 48%;}
.theme-header.navigation.v1 {width: 48%;}
.theme-header.navigation.v1 > ul {justify-content: flex-end;}


/* 1200 */ } @media only screen and (min-width: 1200px) {


html {font-size: 20px;}
body:target::before {max-width: 1620px; background: repeating-linear-gradient(90deg, #333 0%, #333 9%, transparent 9%, transparent 13%);}

.gutenberg.contest-section.v1 > div > div {width: 47.30%;}
.gutenberg.contest-section.v1 > div > img {width: 47.30%;}

.gutenberg.contest-section.v4 > div > div {margin: 0 5.41%;}

.gutenberg.contest-section.v5 > div > div {width: 47.30%;}

.gutenberg.contest-section.v6 {padding: 1px 0; margin: 40px 0;}
.gutenberg.contest-section.v6 > div > div {margin-top: 8%; margin-bottom: 8%;}

.gutenberg.header-image.v1 > div > img {width: 48%;}

.style.margin.v1 {max-width: 1620px;}
.style.margin.v2 {width: 68%; max-width: 1200px;}
.style.margin.v3 {width: 44%; max-width: 778px;}

.template-map1.description.v1 {width: 48%;}
.template-map1.description.v1 .place div.video {width: 72.92%;}
.template-map1.map.v1 {width: 48%;}
.template-map1.map.v1 .interface .compass {display: block;}
.template-map1.map.v1 .interface .navigation {top: 20px;}
.template-map1.map.v1 .interface .zoom {top: 20px; right: 20px; bottom: auto;}
.template-map1.map.v1 .place p {font-size: 40px;}

.template-map2024.description.v1 {width: 48%;}
.template-map2024.description.v1 .place div.video {width: 72.92%;}
.template-map2024.map.v1 {width: 48%;}
.template-map2024.map.v1 .interface .compass {display: block;}
.template-map2024.map.v1 .interface .navigation {top: 20px;}
.template-map2024.map.v1 .interface .zoom {top: 20px; right: 20px; bottom: auto;}
.template-map2024.map.v1 .place p {font-size: 40px;}

.theme-footer.contest.v1 > div > div {margin-top: 6%; width: 64.86%;}
.theme-footer.contest.v1 > div > img {width: 29.73%;}
.theme-footer.social.v1 {width: 300px;}


}