#filter'); -webkit-filter: grayscale(.5); filter: grayscale(.5) } .main-pic-item.active { opacity: 1 } .footer-con { position: fixed; top: 0; bottom: 0; left: 0; right: 0 } .noJS .footer-con { position: relative } .footer { position: absolute; bottom: 1em; left: 0; right: 0; color: #000; text-align: center; padding-bottom: 1.5em } @media(max-height:700px) { .footer { bottom: 0; font-size: .8em; padding-bottom: .75em; line-height: 1.1em; opacity: .5 } } .footer p { margin: 0; line-height: 1.25em } .footer-pej-link svg { width: .8em; position: relative; top: .25em; fill: #520d15 } .footer-pej-link:hover, .footer-pej-link:focus { color: #000 } @media(min-width:700px) { .footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .footer-pej { padding-right: 2em } } .map { position: absolute; bottom: 5em; left: 0; right: 0; width: 100vw; height: 40vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } @media(max-height:700px) { .map { bottom: 2.5em } } .map-frame { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100% } .map:before { top: -1px; bottom: auto; height: 10vh; z-index: 10 } .map:after { bottom: -1px; height: 10vh; z-index: 10 } a.map-frame { background-size: cover; background-position: center; display: block } .loading { border: 3px solid white; border-left-color: transparent; border-top-color: transparent; -webkit-border-radius: 50%; border-radius: 50%; width: 2em; height: 2em; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -webkit-animation: spin linear 1s infinite; animation: spin linear 1s infinite } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .contact-con { text-align: left; display: inline-block; margin: auto; padding-top: 1em; font-size: 1.5em; -webkit-transition: opacity 1s; transition: opacity 1s; opacity: 0 } .noJs .contact-con, .logoAnim .contact-con { opacity: 1 } .contact-con p { margin: 0 } @media(max-width:700px), (max-height:700px) { .contact-con { font-size: 1.2em } } .contact-li { margin-bottom: .35em; padding-left: 1em; padding-right: 1em } @media(min-width:500px), (max-height:600px) { .contact-li { margin-bottom: 0 } } .contact-item { display: block; padding: .15em 0; -webkit-transition: color 1s; transition: color 1s; position: relative; padding-left: 1.5em } .contact-item:hover { color: #930011 } .contact-icon { display: inline-block; background: #520d15; -webkit-border-radius: 50%; border-radius: 50%; width: 1em; height: 1em; position: absolute; top: .25em; left: 0 } @media(min-width:801px) { .address-txt br { display: none } } .contact-svg { width: .6em; fill: #fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto } .contact-item:hover .contact-svg { fill: #ffbebe } .contact-link-en { font-size: 1em; letter-spacing: .25em; font-family: sans-serif; font-family: Josefin Slab, serif } .email-link .contact-link-en { letter-spacing: .05em } .contact-link-txt.rtl { opacity: .5 } .contact-mail-sign:after { content: '@' } @media(min-width:500px) and (max-height:750px) { .contact-hid { display: none } } @media(max-height:600px) and (min-width:550px) { .contact-ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-width: 25em; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } } .hidden { display: none }