@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Readex+Pro&display=swap");
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─
/*─ RESET
/*─
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
/*─────────────────────────────────────────────────────────────────────────────────────────────────*/
*, ::before, ::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: none; /*─ Debug font size on iphone when landscape orientation ─*/
-webkit-font-smoothing: subpixel-antialiased; /*─ Debug safari font weight when fixed element on the page ─*/
-webkit-font-smoothing: antialiased; /*─ idem : Debug safari font weight when fixed element on the page ─*/
}
html, body, nav, header, footer, div, span,
h1, h2, h3, p,
a, img,
ul, li,
table, form, label, input, textarea, select, button {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
}
ul {
list-style: none;
}
li {
list-style: none;
}
input, textarea, select, button {
display: block;
box-sizing: border-box;
border-radius: 0;
outline: none;
border: none;
background: none;
color: inherit;
}
input:focus,
textarea:focus,
button:focus {
outline: none;
}
input[type=submit]:hover,
button:hover {
cursor: pointer;
}
input::-ms-clear {
display: none; /*─ IE11 → remove cross to close ─*/
}
textarea {
overflow: auto; /*─ Hide scroll bar on IE ─*/
}
a {
color: inherit;
text-decoration: none;
}
img, video, svg, picture {
display: block;
}
img, video {
width: 100%;
height: auto;
}
svg {
width: 100%;
height: 100%;
}
iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.presentation-content .presentation-video .presentation-video-txt, .presentation-content .presentation-content-left .presentation-content-people, .presentation-content .presentation-content-right .presentation-content-people, .presentation-content .presentation-content-left, .presentation-content .presentation-content-right, .presentation-content .presentation-content-description, .drawing-content .drawing-content-description .drawing-content-txt, .drawing-content, .gallery-content .gallery-item p, .gallery-content, .flag-item, .flag-panel, .menu-item, .loading, .loader, .overlay, footer, .content, .header-left, .header-right, .header-center, .header, .flex-center {
display: flex;
justify-content: center;
align-items: center;
}
.flex-column {
display: flex;
flex-direction: column;
}
.presentation-content, .container {
display: flex;
align-items: center;
flex-direction: column;
}
@keyframes flip-vertical-left {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(-180deg);
}
}
@keyframes flip-vertical-right {
0% {
transform: rotateY(0);
}
100% {
transform: rotateY(180deg);
}
}
.h-100 {
height: 100%;
}
.vh-90 {
height: calc(90vh - 80px);
}
.w-100 {
width: 100%;
}
.p-10 {
padding: 10px;
}
@media (max-width: 600px), (max-height: 600px) {
.vh-90 {
height: calc(90vh - 50px);
}
}
.hover-color-secondary:hover {
color: #FF8811;
}
.form {
max-width: 1300px;
gap: 20px;
}
.form-group {
width: 100%;
min-width: 500px;
font-size: 1.2rem;
margin-bottom: 20px;
}
.form-group label {
display: block;
margin: 5px 0px;
}
.form-group input {
width: 100%;
height: 50px;
background-color: #DAFFED;
border-radius: 5px;
padding: 0 10px;
font-size: 1em;
color: #0A2472;
}
.form-group input:focus {
outline: none;
box-shadow: inset 0px 0px 15px rgba(10, 36, 114, 0.4);
}
.btn {
width: 100%;
height: 50px;
background-color: #FF8811;
border-radius: 5px;
padding: 0 10px;
font-size: 1.2em;
color: #DAFFED;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.btn:hover {
color: #0A2472;
box-shadow: inset 0px 0px 15px rgba(10, 36, 114, 0.4);
}
.btn-form {
margin: 30px 0px;
}
@media (max-width: 600px), (max-height: 600px) {
.form-group {
min-width: 250px;
font-size: 0.9em;
}
.form-group input {
height: 40px;
font-size: 0.8em;
}
.btn {
height: 40px;
font-size: 1em;
}
}
body {
background: #2c2c2c;
font-family: "Comfortaa", cursive;
}
.bg-dark {
background-image: url("data:image/svg+xml,");
background-attachment: fixed;
}
.bg-sea, #map {
background-image: url("data:image/svg+xml,");
background-attachment: fixed;
}
.bg-white {
background-color: #DAFFED;
}
.ft-white {
color: #DAFFED;
}
.ft-sea {
color: #0A2472;
}
.container {
flex-direction: column;
justify-content: space-between;
min-height: 100vh;
width: 100%;
height: 100%;
}
.header {
justify-content: space-between;
height: 80px;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
box-shadow: 0px 5px 5px 0px #0A2472;
}
.header-center {
flex-direction: column;
height: 100%;
width: auto;
}
.header-center h1 {
font-weight: bold;
font-size: 2em;
}
.header-center h2 {
font-size: 1.5em;
color: #FF8811;
}
.header-left, .header-right {
height: 100%;
min-width: 80px;
width: auto;
padding: 0px 16px;
z-index: 10000;
}
.main {
margin-top: 80px;
height: auto;
width: 100%;
}
.content {
align-items: stretch;
height: 100%;
width: 100%;
}
footer {
font-size: 0.8em;
padding: 10px;
border-top: 2px solid #DAFFED;
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20000;
}
@media (max-width: 700px), (max-height: 700px) {
.header-center h1 {
font-size: 1.5em;
}
.header-center h2 {
font-size: 1.2em;
}
}
@media (max-width: 600px), (max-height: 600px) {
.header {
height: 50px;
}
.header-center h1 {
font-size: 0.8em;
}
.header-center h2 {
font-size: 0.7em;
}
.header-left, .header-right {
min-width: 50px;
padding: 0px 8px;
}
.main {
margin-top: 50px;
}
footer {
font-size: 0.6em;
background-color: transparent;
}
}
#overlay-loader {
background-image: url("data:image/svg+xml,");
background-attachment: fixed;
opacity: 0.9;
transition: all 0.2s ease-in-out;
}
#overlay-loader.inactive {
display: none;
}
.loader {
flex-direction: column;
opacity: 1;
display: flex;
transition: all 1s ease-out;
}
.flag {
width: 200px;
height: 100px;
border: 2px;
background: #005EB9;
border-radius: 5px;
}
.flag .flag > div, .flag p {
display: block;
}
.loading {
font-size: 1.7rem;
text-align: center;
margin-top: 20px;
}
.cross {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 5px;
}
.cross::before, .cross::after {
content: "";
position: absolute;
display: inline-block;
top: 50%;
left: 50%;
width: 240px;
height: 20px;
background: #FFFFFF;
transition: all 0.6s ease-in-out;
}
.cross::before {
transform: translate(-50%, -50%) rotate(155.5deg);
animation: flag-right 2s infinite;
}
.cross::after {
transform: translate(-50%, -50%) rotate(24.5deg);
animation: flag-left 2s infinite;
}
@keyframes flag-right {
0% {
transform: translate(-50%, -50%) rotate(155.5eg);
}
50% {
transform: translate(-50%, -50%) rotate(205.5deg);
}
100% {
transform: translate(-50%, -50%) rotate(335.5deg);
}
}
@keyframes flag-left {
0% {
transform: translate(-50%, -50%) rotate(24.5deg);
}
50% {
transform: translate(-50%, -50%) rotate(155.5deg);
}
100% {
transform: translate(-50%, -50%) rotate(205.5deg);
}
}
@media (max-width: 400px), (max-height: 400px) {
.flag {
width: 150px;
height: 75px;
}
.loading {
font-size: 1.3rem;
}
.cross::before, .cross::after {
height: 15px;
}
}
.menu-btn-main {
position: relative;
height: 52px;
width: 52px;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
border-radius: 5px;
}
.menu-btn-main::before, .menu-btn-main::after {
content: "";
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
width: 36px;
height: 4px;
border-radius: 3px;
background-color: #0A2472;
transition: box-shadow 0.2s ease-in-out;
transition: top 0.4s ease-in-out;
}
.menu-btn-main::after {
top: 40%;
}
.menu-btn-main::before {
top: 60%;
}
.menu-btn-main:hover {
box-shadow: 0px 0px 15px rgba(10, 36, 114, 0.4);
}
.menu-btn-main.active::before, .menu-btn-main.active::after {
top: 50%;
transition: transform 0.4s ease-in-out;
}
.menu-btn-main.active::after {
transform: translate(-50%, -50%) rotate(45deg);
}
.menu-btn-main.active::before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.menu {
flex-direction: column;
justify-content: start;
position: fixed;
height: calc(100vh - 80px);
top: 80px;
left: 0;
background-color: #DAFFED;
z-index: 10000;
transition: width 0.2s ease-in-out;
width: 0px;
box-shadow: 1px 5px 5px 0px #0A2472;
}
.menu.active {
width: 80px;
}
.menu.active .menu-item {
width: 80px;
font-size: 1.5em;
}
.menu-item {
height: 80px;
margin: 0 auto;
color: #0A2472;
transition: all 0.2s ease-in-out;
width: 0px;
font-size: 0px;
}
.menu-item:hover {
box-shadow: inset 0px 0px 15px rgba(255, 136, 17, 0.4);
color: #FF8811;
}
.menu-item.active {
box-shadow: inset 0px 0px 15px rgba(10, 36, 114, 0.4);
}
.flag-panel {
position: relative;
height: 52px;
width: 52px;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
border-radius: 5px;
transition: height, width 0.4s ease-in-out;
cursor: pointer;
}
.flag-panel:hover {
box-shadow: 0px 0px 15px rgba(10, 36, 114, 0.4);
}
.flag-panel .flag-item {
height: 0;
width: 0;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
}
.flag-panel .flag-item img {
padding: 30px;
}
.flag-panel .flag-item.active {
height: 100%;
width: 100%;
}
.flag-panel .flag-item.active img {
padding: 6px;
}
.flag-panel.active {
width: 112px;
}
.flag-panel.active .flag-item {
height: 100%;
width: 100%;
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
pointer-events: all;
}
.flag-panel.active .flag-item img {
padding: 6px;
}
.flag-panel.active .flag-item.active {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: inset 0px 0px 15px rgba(10, 36, 114, 0.4);
}
.flag-panel.active .flag-item:hover img {
padding: 2px;
}
.flag-item {
transition: all 0.2s ease-in-out;
}
.flag-item img {
height: 36px;
width: 36px;
margin: 0 10px;
transition: all 0.2s ease-in-out;
}
.flag-item.active {
box-shadow: none;
}
.flag-item-left {
border-radius: 5px 0px 0px 5px;
}
.flag-item-right {
border-radius: 0px 5px 5px 0px;
}
@media (max-width: 600px), (max-height: 600px) {
.menu-btn-main {
height: 36px;
width: 36px;
}
.menu-btn-main::before, .menu-btn-main::after {
width: 20px;
height: 2px;
}
.menu {
height: calc(100vh - 50px);
top: 50px;
}
.menu.active {
width: 50px;
}
.menu.active .menu-item {
width: 50px;
font-size: 1em;
}
.menu .menu-item {
height: 50px;
}
.flag-panel {
height: 36px;
width: 36px;
}
.flag-panel .flag-item img {
padding: 20px;
}
.flag-panel .flag-item.active img {
padding: 4px;
}
.flag-panel.active {
width: 70px;
}
.flag-item img {
height: 24px;
width: 24px;
margin: 0 2px;
padding: 6px;
}
}
.map-content {
height: calc(100vh - 80px - 36px);
width: 100%;
position: relative;
overflow-y: visible;
}
#map {
height: 100%;
width: 100%;
overflow-y: hidden;
}
#marker-tohrouse-stone-circle, #marker-dalquharran-castle, #marker-loch-trool, #marker-st-ninian-s-chapel, #marker-loch-doon-castle, #marker-cairn-holy, #marker-dunskey-castle, #marker-kilchurn-castle, #marker-glenfinnan-viaduct, #marker-corrieshalloch-gorge, #marker-ardvreck-castle, #marker-the-bone-caves, #marker-stac-pollaidh, #marker-the-hermitage, #marker-craigmillar-castle, #marker-ben-vrackie, #marker-fairy-pools, #marker-the-quiraing, #marker-dunscaith-castle, #marker-smoo-cave, #marker-traligill-caves, #marker-castle-sinclair-girnigoe, #marker-dunlichity-church, #marker-inverlochy-castle {
height: 16px;
width: 16px;
margin-top: -16px;
margin-left: -8px;
z-index: 1000;
border-width: 9px;
border-style: solid;
border-color: rgba(255, 136, 17, 0.7);
border-radius: 50%;
transition: all 0.2s ease-in-out;
}
#marker-tohrouse-stone-circle:hover, #marker-dalquharran-castle:hover, #marker-loch-trool:hover, #marker-st-ninian-s-chapel:hover, #marker-loch-doon-castle:hover, #marker-cairn-holy:hover, #marker-dunskey-castle:hover, #marker-kilchurn-castle:hover, #marker-glenfinnan-viaduct:hover, #marker-corrieshalloch-gorge:hover, #marker-ardvreck-castle:hover, #marker-the-bone-caves:hover, #marker-stac-pollaidh:hover, #marker-the-hermitage:hover, #marker-craigmillar-castle:hover, #marker-ben-vrackie:hover, #marker-fairy-pools:hover, #marker-the-quiraing:hover, #marker-dunscaith-castle:hover, #marker-smoo-cave:hover, #marker-traligill-caves:hover, #marker-castle-sinclair-girnigoe:hover, #marker-dunlichity-church:hover, #marker-inverlochy-castle:hover {
height: 150px;
width: 150px;
margin-top: -150px;
margin-left: -75px;
border: 2px solid #FF8811;
border-radius: 50%;
z-index: 5000;
}
#marker-tohrouse-stone-circle-mini, #marker-dalquharran-castle-mini, #marker-loch-trool-mini, #marker-st-ninian-s-chapel-mini, #marker-loch-doon-castle-mini, #marker-cairn-holy-mini, #marker-dunskey-castle-mini, #marker-kilchurn-castle-mini, #marker-glenfinnan-viaduct-mini, #marker-corrieshalloch-gorge-mini, #marker-ardvreck-castle-mini, #marker-the-bone-caves-mini, #marker-stac-pollaidh-mini, #marker-the-hermitage-mini, #marker-craigmillar-castle-mini, #marker-ben-vrackie-mini, #marker-fairy-pools-mini, #marker-the-quiraing-mini, #marker-dunscaith-castle-mini, #marker-smoo-cave-mini, #marker-traligill-caves-mini, #marker-castle-sinclair-girnigoe-mini, #marker-dunlichity-church-mini, #marker-inverlochy-castle-mini {
height: 16px;
width: 16px;
margin-top: -16px;
margin-left: -8px;
z-index: 1000;
border-width: 8px;
border-style: solid;
border-color: #ff8811;
border-radius: 50%;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
}
@media (max-width: 600px), (max-height: 600px) {
.map-content {
height: calc(100vh - 50px - 34px);
}
}
.gallery-content {
flex-wrap: wrap;
max-width: 1300px;
gap: 20px;
padding: 20px;
}
.gallery-content .gallery-item {
height: 300px;
width: 300px;
border-radius: 5px;
text-align: center;
position: relative;
overflow: hidden;
transition: all 0.2s ease-in-out;
}
.gallery-content .gallery-item img {
scale: 1;
border-radius: 5px;
transition: all 0.2s ease-in-out;
}
.gallery-content .gallery-item p {
position: absolute;
left: 0;
bottom: 0;
height: 50px;
width: 100%;
font-size: 1.2em;
color: #0A2472;
font-weight: bold;
background-color: rgba(218, 255, 237, 0.6);
border-radius: 0 0 5px 5px;
transform: translate(0, 100%);
transition: all 0.2s ease-in-out;
opacity: 0;
}
.gallery-content .gallery-item:hover {
box-shadow: 0px 0px 15px #FF8811;
}
.gallery-content .gallery-item:hover img {
scale: 1.1;
}
.gallery-content .gallery-item:hover p {
transform: translate(0, 0);
opacity: 1;
}
@media (max-width: 600px), (max-height: 600px) {
.gallery-content {
gap: 20px;
padding: 20px;
}
.gallery-content .gallery-item {
height: 150px;
width: 150px;
}
}
.drawing-content {
flex-direction: column;
height: 100%;
width: 100%;
max-width: 1300px;
margin: 20px 0px;
gap: 20px;
}
.drawing-content img {
max-height: 85vh;
height: auto;
max-width: 1300px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px;
}
.drawing-content .drawing-content-description {
display: grid;
grid-template-columns: 1fr 300px;
grid-template-rows: 1fr;
padding: 20px 0px;
gap: 20px;
width: 100%;
height: auto;
}
.drawing-content .drawing-content-description .drawing-content-txt {
flex-direction: column;
height: auto;
border-radius: 5px;
padding: 50px;
gap: 20px;
}
.drawing-content .drawing-content-description .drawing-content-txt h3 {
width: 100%;
font-size: 1.6em;
font-weight: bold;
color: #0A2472;
}
.drawing-content .drawing-content-description .drawing-content-txt p {
width: 100%;
}
.drawing-content .drawing-content-description .drawing-content-image {
height: 100%;
width: 100%;
border-radius: 5px;
}
.drawing-content .drawing-content-description .drawing-content-image img {
border-radius: 5px;
}
.drawing-content .drawing-content-description .map-mini {
height: 300px;
width: 300px;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
border-radius: 5px;
z-index: 1;
margin: 0 auto;
border: none;
}
@media (max-width: 1300px) {
.drawing-content {
padding: 20px;
}
}
@media (max-width: 700px), (max-height: 700px) {
.drawing-content .drawing-content-description {
flex-direction: column;
grid-template-columns: 1fr;
grid-template-rows: 1fr 300px;
}
.drawing-content .drawing-content-description .drawing-content-txt {
padding: 20px;
gap: 10px;
}
.drawing-content .drawing-content-description .drawing-content-txt h3 {
font-size: 1.3em;
}
.drawing-content .drawing-content-description .drawing-content-txt p {
font-size: 0.8em;
}
.drawing-content .drawing-content-description .map-mini {
width: auto;
border: none;
}
}
.presentation-content {
height: 100%;
width: 100%;
max-width: 1300px;
margin: 20px 0px;
padding: 0px;
gap: 20px;
}
.presentation-content h3 {
width: 100%;
font-size: 1.6em;
font-weight: bold;
width: auto;
margin-right: auto;
}
.presentation-content h3::after {
content: "";
display: block;
width: 100%;
height: 4px;
margin-top: 10px;
background-color: #FF8811;
border-radius: 5px;
}
.presentation-content p {
width: 100%;
font-size: 1em;
}
.presentation-content .presentation-content-description {
flex-direction: column;
height: auto;
padding: 50px;
border-radius: 5px;
gap: 20px;
}
.presentation-content .presentation-content-left, .presentation-content .presentation-content-right {
width: 100%;
height: 300px;
border-radius: 5px;
}
.presentation-content .presentation-content-left img, .presentation-content .presentation-content-right img {
height: 300px;
width: 400px;
-o-object-fit: cover;
object-fit: cover;
}
.presentation-content .presentation-content-left .presentation-content-people, .presentation-content .presentation-content-right .presentation-content-people {
flex-direction: column;
padding: 50px;
gap: 20px;
height: 300px;
}
.presentation-content .presentation-content-left .presentation-content-people h3, .presentation-content .presentation-content-right .presentation-content-people h3 {
width: auto;
margin-right: auto;
}
.presentation-content .presentation-content-left .presentation-content-people h3::after, .presentation-content .presentation-content-right .presentation-content-people h3::after {
content: "";
display: block;
width: 100%;
height: 4px;
margin-top: 10px;
background-color: #FF8811;
border-radius: 5px;
}
.presentation-content .presentation-content-left img {
border-radius: 5px 0px 0px 5px;
}
.presentation-content .presentation-content-left .presentation-content-people {
border-radius: 0px 5px 5px 0px;
}
.presentation-content .presentation-content-right {
flex-direction: row-reverse;
}
.presentation-content .presentation-content-right img {
border-radius: 0px 5px 5px 0px;
}
.presentation-content .presentation-content-right .presentation-content-people {
border-radius: 5px 0px 0px 5px;
}
.presentation-content .presentation-video {
border-radius: 5px;
background-color: #DAFFED;
padding: 2px;
}
.presentation-content .presentation-video .presentation-video-txt {
flex-direction: column;
padding: 50px;
gap: 20px;
}
.presentation-content .presentation-video .presentation-video-txt h3 {
width: auto;
margin-right: auto;
}
.presentation-content .presentation-video .presentation-video-txt h3::after {
content: "";
display: block;
width: 100%;
height: 4px;
margin-top: 10px;
background-color: #FF8811;
border-radius: 5px;
}
.presentation-content .presentation-video .presentation-video-part {
height: auto;
width: auto;
background-color: #DAFFED;
border-radius: 5px;
margin: auto;
}
.presentation-content .presentation-video .presentation-video-part video, .presentation-content .presentation-video .presentation-video-part img {
-o-object-fit: contain;
object-fit: contain;
border-radius: 5px;
max-height: 80vh;
margin: auto;
max-width: 100%;
width: auto;
}
@media (max-width: 1300px) {
.presentation-content {
padding: 20px;
margin: 0px;
}
}
@media (max-width: 900px) {
.presentation-content h3 {
font-size: 1.4em;
}
.presentation-content p {
font-size: 0.9em;
}
.presentation-content .presentation-content-description {
height: auto;
padding: 30px;
}
.presentation-content .presentation-content-left, .presentation-content .presentation-content-right {
height: 200px;
}
.presentation-content .presentation-content-left img, .presentation-content .presentation-content-right img {
height: 200px;
width: 250px;
}
.presentation-content .presentation-content-left .presentation-content-people, .presentation-content .presentation-content-right .presentation-content-people {
padding: 30px;
gap: 10px;
height: 200px;
}
.presentation-content .presentation-video .presentation-video-txt {
padding: 30px;
gap: 10px;
}
}
@media (max-width: 700px), (max-height: 700px) {
.presentation-content h3 {
font-size: 1.3em;
}
.presentation-content p {
font-size: 0.8em;
}
.presentation-content .presentation-content-left, .presentation-content .presentation-content-right {
height: 200px;
}
.presentation-content .presentation-content-left img, .presentation-content .presentation-content-right img {
height: 200px;
width: 200px;
}
.presentation-content .presentation-content-left .presentation-content-people, .presentation-content .presentation-content-right .presentation-content-people {
padding: 30px;
gap: 10px;
height: 200px;
}
}
@media (max-width: 600px) {
.presentation-content .presentation-content-left, .presentation-content .presentation-content-right {
flex-direction: column;
height: auto;
width: 100%;
border-radius: 5px;
}
.presentation-content .presentation-content-left img, .presentation-content .presentation-content-right img {
width: 100%;
height: 200px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 5px 5px 0px 0px;
}
.presentation-content .presentation-content-left .presentation-content-people, .presentation-content .presentation-content-right .presentation-content-people {
height: auto;
gap: 10px;
border-radius: 0px 0px 5px 5px;
}
.presentation-content .presentation-video video, .presentation-content .presentation-video img {
margin: auto;
height: auto;
border-radius: 5px;
}
}/*# sourceMappingURL=style.css.map */