@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed); html, body { margin: 0; padding: 0; height: 100%; } body { font-family: 'Roboto Condensed'; font-size: 15px; line-height: 18px; color: #595959; overflow: hidden; background-color: transparent; padding: 20px; box-sizing: border-box; } ::-webkit-scrollbar { width: 12px; height: 12px; background: transparent; } ::-webkit-scrollbar-thumb { border-radius: 7px; background-color: #d0d2d5; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); border: 3px transparent solid; background-clip: padding-box; display: none; } :hover::-webkit-scrollbar-thumb { display: block; } .contactSprite { background-image:url("../../visitor/events/contact/images/sprite.contact.png?3"); background-repeat:no-repeat; } .lbPop { display: flex; justify-content: center; align-items: center; height: 100%; box-sizing: border-box; background-color: #fff; } .lbPopBox { position: relative; background-color: #ffffff; border: 1px solid rgba(0,0,0,0.08); width: 100%; min-height: 400px; max-height: 90%; border-radius: 10px; box-shadow: 0px 0px 20px rgb(0 0 0 / 5%); } .lbPopBoxInner { position: absolute; overflow: auto; top: 0px; right: 0px; bottom: 0px; left: 0px; padding: 25px; width: 100%; height: 100%; box-sizing: border-box; } .lbPopBoxContent { display: flex; flex-direction: column; flex-wrap: nowrap; height: 100%; } .lbPopClose { display: none; justify-content: center; position: absolute; right: 20px; top: 15px; background-color: #444444; box-sizing: border-box; border-radius: 50%; width: 20px; height: 20px; cursor: pointer; align-items: center; z-index: 1; } .lbPopClose:after { content: '\2715'; color: #fff; flex-direction: row; justify-content: center; align-items: center; font-weight: bold; font-size: 0.9em; margin: 0 0 0 0; line-height: 20px; } .lbPopHeader { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; } .lbPopHeaderLogo { width: 100%; text-align: center; margin-bottom: 20px; } .lbPopHeaderLogo img { max-width: 200px; max-height: 50px; } .lbPopIntro { margin-bottom: 20px; } .lbPopIntroTitle { font-size: 1.6em; line-height: 1.2em; text-align: center; margin-bottom: 10px; color: #333; } .lbPopIntroDescription { text-align: center; margin-bottom: 10px; } .lbPopBody { height: 100%; } .lbPopBodyContent { display: flex; flex-direction: row; flex-wrap: nowrap; height: 100%; justify-content: center; } .lbPopBodyContent >div { } .lbPopBodyContent >div:last-child { margin-right: 0px; padding-right: 0px; width: 100%; } .lbPopGallery { position: relative; min-width: 400px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .lbPopGalleryImage { visibility: hidden; opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; background-color: #fff; -moz-transition: all 500ms; -webkit-transition: all 500ms; } .lbPopGalleryImage a { height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: row; } .lbPopGalleryImage a, .lbPopGalleryImage img { max-width: 100%; max-height: 100%; } .lbPopGalleryImageShow { visibility: visible; opacity: 1; } .lbPopGalleryMedia { box-sizing: border-box; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; width: 100%; height: 100%; } #map_address { position: absolute; z-index: 1; top: 15px; left: 15px; padding: 15px; background-color: rgba(0,0,0,0.2); box-sizing: border-box; width: 350px; border-radius: 10px; } #map_address input { display: block; width: 100%; padding: 10px 10px 10px 20px; background-color: #fff; font-size: 1em; border: 0px; box-sizing: border-box; outline: unset; border-radius: 25px; } #map_address #suggest_list { display: none; position: absolute; right: 0px; left: 0px; min-height: 200px; overflow: auto; z-index: 3; background-color: rgb(255, 255, 255); padding: 3px; box-shadow: rgb(0 0 0 / 20%) 2px 2px 5px; box-sizing: border-box; margin-top: 20px; border-radius: 8px; } #map_address #suggest_list li { padding: 10px; font-family: 'Roboto'; font-size: 0.9em; cursor: pointer; } #map_canvas h4 { display: none; } #map_canvas a { display: block; color: #e60012; text-decoration: none; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; margin-top: 5px; } #map_canvas a:hover { text-decoration: underline; } #map_canvas .fal { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display,inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; font-family: var(--fa-style-family,"Font Awesome 6 Free"); font-weight: var(--fa-style,900); } .lbPopInfo { position: relative; height: 100%; width: 100%; max-width: 500px; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: nowrap; } .lbPopInfo .button { font-family: 'Roboto Condensed', sans-serif; display: inline-block; border: 0px; padding: 8px 20px; background-color: #444444; color: #fff; font-size: 16px; font-weight: normal; -webkit-border-radius: 5px; border-radius: 4px; cursor: pointer; resize: none; outline: none; } .lbPopInfoDescription { text-align: center; line-height: 1.4em; margin-bottom: 25px; } .lbPopInfoButtons { text-align: center; } .lbPopFooter { } .lbPopFooterPowered { } .lbPopEmbed { background-color: unset; } .lbPopEmbed .lbPopClose { display: flex; } .lbPopBoxSent .lbMediaFormBody, .lbPopBoxSent .lbMediaFormFooter { display: none; } @media only screen and (max-width: 640px) { body { padding: 0px; } .lbPop { padding: 0px; } .lbPopBox { border: unset; border-radius: unset; box-shadow: unset; height: 100% !important; min-height: 100% !important; box-sizing: border-box; } .lbPopBoxInner { padding: 20px; } .lbPopBodyContent { flex-direction: column; } .lbPopGallery { margin: 0 0 20px 0; min-width: unset; min-height: 200px; width: 100%; padding: 0px; } }.unselect { user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; } .lbMediaFormInput, .lbMediaFormInputLabel, .lbMediaFormLoading { -moz-transition: all 300ms; -webkit-transition: all 300ms; } .lbMediaForm { display: flex; flex-direction: column; flex-wrap: nowrap; height: 100%; } .lbMediaFormInner { display: flex; flex-direction: column; flex-wrap: nowrap; height: 100%; } .lbMediaFormHeader { margin-bottom: 15px; } .lbMediaFormHeaderDescription { } .lbMediaFormBody { position: relative; } .lbMediaFormTitle { padding: 0 0 20px 0; text-align: center; font-size: 1em; color: #2955b1; } .lbMediaFormInputs { padding: 0 0 10px 0; } .lbMediaFormInput { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; border: 1px solid rgba(0, 0, 0, 0.03); background-color: #f9f9f9; position: relative; width: 100%; max-width: 100%; box-sizing: border-box; margin-bottom: 15px; border-radius: 3px; padding: 15px 0 5px 0px; } .lbMediaFormInput:last-child { margin-bottom: 0px; } .lbMediaFormInputLabel { position: absolute; top: 8px; left: 0px; width: 100%; font-size: 1em; color: #585858; padding: 3px 6px 3px 10px; display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box; } .lbMediaFormInputLabel .required { margin-left: 5px; } .lbMediaFormInputLabelDescription { font-size: 0.9em; opacity: 0.7; } .lbMediaFormInputBefore { padding-left: 10px; white-space: nowrap; } .lbMediaFormInputContent { width: 100%; height: 100%; padding: 0 0 0 0; box-sizing: border-box; } .lbMediaFormInputAfter { padding-right: 10px; white-space: nowrap; } .lbMediaFormInput input[type="text"], .lbMediaFormInput input[type="email"], .lbMediaFormInput input[type="tel"], .lbMediaFormInput input[type="number"], .lbMediaFormInput input[type="date"], .lbMediaFormInput input[type="datetime-local"], .lbMediaFormInput input[type="file"], .lbMediaFormInput select, .lbMediaFormInput textarea { background-color: transparent; font-family: 'Roboto Condensed'; font-size: 15px; border: 0px; width: 100%; height: 100%; outline: unset; padding: 0 10px 0 10px; box-sizing: border-box; font-size: 1.1em; position: relative; z-index: 1; border-radius: 3px; color: transparent; resize: unset; } .lbMediaFormInput select { } .lbMediaFormInput input[type="file"] { opacity: 0; cursor: pointer; } .lbMediaFormInput textarea { } .lbMediaFormInputDates { display: flex; height: 100%; width: 100%; flex-direction: row; flex-wrap: nowrap; } .lbMediaFormInputDate { width: 100%; } .lbMediaFormInputDate .inpDate, .lbMediaFormInputDate .inpDate > div { height: 100%; } .lbMediaFormInput .ico { position: absolute; right: 10px; top: 10px; } .lbMediaFormInput .ico_date { background-position: -25px -273px; width: 17px; height: 17px; } .lbMediaFormInput .ico_file { background-position: -42px -273px; width: 17px; height: 16px; } .lbMediaFormInputFocus { box-shadow: 0 0 5px rgba(81, 155, 238, 0.5); border: 1px solid rgba(111, 177, 250, 0.5); } .lbMediaFormInputFocusVal .lbMediaFormInputLabel { font-size: 0.7em; width: unset; height: unset; top: -10px; left: 10px; background-color: #fff; color: #999; z-index: 2; border-radius: 0 0 5px 5px; padding: 0px 6px 0 6px !important; } .lbMediaFormInputFocusVal.lbMediaFormInput input[type="text"], .lbMediaFormInputFocusVal.lbMediaFormInput input[type="email"], .lbMediaFormInputFocusVal.lbMediaFormInput input[type="tel"], .lbMediaFormInputFocusVal.lbMediaFormInput input[type="number"], .lbMediaFormInputFocusVal.lbMediaFormInput input[type="date"], .lbMediaFormInputFocusVal.lbMediaFormInput input[type="datetime-local"], .lbMediaFormInputFocusVal.lbMediaFormInput input[type="file"], .lbMediaFormInputFocusVal.lbMediaFormInput select, .lbMediaFormInputFocusVal.lbMediaFormInput textarea { color: #222 !important; } .lbMediaFormInputTextarea .lbMediaFormInputLabel { align-items: flex-start; } .lbMediaFormInputOptions { display: flex; flex-direction: column; flex-wrap: nowrap; height: unset; } .lbMediaFormInputOptions .lbMediaFormInputLabel { position: unset; height: unset; padding: unset; padding: 10px; } .lbMediaFormInputOptions .lbMediaFormInputContent { padding: 0px; } .lbMediaFormInputOptions .inputOptions { padding: 0px 15px 15px 15px; box-sizing: border-box; overflow-y: auto; } .lbMediaFormInputOptions .inputOption { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; margin-bottom: 3px; } .lbMediaFormInputOptions .inputOptionCheck { margin-right: 6px; } .lbMediaFormInputOptions .inputOptionCheck input[type="checkbox"] { zoom: 1.1; } .lbMediaFormInputOptions .inputOptionTitle { font-size: 0.9em; color: rgba(0,0,0,0.5); } .lbMediaFormInputOptions .inputOptionSelected .inputOptionTitle { color: rgba(0,0,0,1); } .lbMediaFormInput .inputFileValue { display: none; padding: 10px; font-size: 0.9em; color: #777; font-style: italic; } .lbMediaFormFooter { } .lbMediaFormFooter .submit { display: flex; flex-direction: column; flex-wrap: nowrap; } .lbMediaFormFooter .sec_lopd { margin-top: 15px; padding: 0 0 0 0; } .lbMediaFormFooter .lopd-opt { display: flex; flex-direction: row; flex-wrap: nowrap; } .lbMediaFormFooter .lopd-check { margin-right: 5px; } .lbMediaFormFooter .lopd-text, .lbMediaFormFooter .lopd-text a { font-size: 0.9em; color: unset !important; } .lbMediaFormFooter .lopd-terms { margin-top: 15px; font-size: 0.8em; color: unset !important; line-height: 1.1em; opacity: 0.7; } .lbMediaFormFooter .required { margin-right: 5px; } .lbMediaFormFooter .sec_button { padding: 30px 0 20px 0 !important; text-align: center !important; } .lbMediaFormErr { display: none; position: absolute; background-color: #FFF4CA; padding:6px 8px; -webkit-border-radius: 3px; border-radius: 6px; font-size: 13px; line-height: 14px; -webkit-box-shadow: 2px 2px 3px 0px #cccccc; box-shadow: 2px 2px 3px 0px #cccccc; width:230px; color:#000000; z-index: 3; top: -20px; left: 10px; } .lbMediaFormErr:after { } .lbMediaFormErrText { } .lbMediaFormLoading { visibility: hidden; opacity: 0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(255,255,255,0.7); z-index: 4; } .lbMediaFormLoadingIcon { background-image: url(../medias/v2/images/loading.gif); background-repeat: no-repeat; background-position: center; width: 50px; height: 50px; } .lbMediaFormLoadingMessage { color: rgba(0,0,0,0.8); margin-top: 10px; font-size: 0.9em; } .lbMediaFormLoadingShow { visibility: visible; opacity: 1; } .lbMediaFormSent { visibility: hidden; opacity: 0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: #f9f9f9; z-index: 4; padding: 25px; } .lbMediaFormSentMessage { color: rgba(0,0,0,0.8); font-size: 1em; text-align: center; } .lbMediaFormSentShow { visibility: visible; opacity: 1; }.datepickr-wrapper { position: relative; } .datepickr-calendar { font-size: 13px; background-color: #eee; color: #333; border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 2px; display: none; position: absolute; top: 100%; left: 0; z-index: 100; -webkit-box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.5); box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.5); } .open .datepickr-calendar { display: block; width: 250px; top:-180px; } .datepickr-calendar .datepickr-sel-date { display: inline-block; position: relative; padding-right: 10px; margin-right: 10px; } .datepickr-calendar select { width: 120%; font-size: 1em; background: unset; background-color: transparent; border: 0px; color: #fff; background-color: #fff\9; line-height: 15px; font-weight: normal; height: 18px !important; appearance:none; -moz-appearance:none; -webkit-appearance:none; position: relative; z-index: 1; padding-right: 5px; } .datepickr-calendar select option { color:#000; } .datepickr-sel-arrow { display: inline-block; display: none\9; background-image:url("../../visitor/events/contact/images/sprite.contact.png?3"); background-repeat:no-repeat; background-position: -77px -273px; width: 7px; height: 4px; position: absolute; right: 0px; top: 7px; z-index: 0; } .datepickr-calendar .datepickr-months { background-color: #072667; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; padding: 4px 2px; text-align: center; } .datepickr-calendar .datepickr-prev-month, .datepickr-calendar .datepickr-next-month { color: #fff; text-decoration: none; padding: 0 .4em; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; } .datepickr-calendar .datepickr-prev-month { float: left; } .datepickr-calendar .datepickr-next-month { float: right; } .datepickr-calendar .datepickr-current-month { padding: 0 .5em; } .datepickr-calendar .datepickr-prev-month:hover, .datepickr-calendar .datepickr-next-month:hover { background-color: #FFF; color: #000; } .datepickr-calendar table { border-collapse: collapse; padding: 0; width: 100%; } .datepickr-calendar thead { font-size: 11px; } .datepickr-calendar th, .datepickr-calendar td { width: 14.3%; } .datepickr-calendar th { text-align: center; font-weight: normal; padding: 4px 0; } .datepickr-calendar td { text-align: right; padding: 1px !important; } .datepickr-calendar .datepickr-day { display: block; color: #848484; background-color: #f6f6f6; border: 1px solid #e8e8e8; padding: 5px; cursor: pointer; } .datepickr-calendar .datepickr-day:hover { color: #545454; background-color: #fdf5ce; border: 1px solid #fbcb09; } .datepickr-calendar .today .datepickr-day { background-color: #fff0A5; border: 1px solid #fed22f; color: #363636; } .datepickr-calendar .selected .datepickr-day { background-color: #444; color: #fff; } .datepickr-calendar .disabled .datepickr-day, .datepickr-calendar .disabled .datepickr-day:hover { background-color: #eee; border: 1px dotted #dedede; color: #bbb; cursor: default; } .lbPopAd .lbPopBox { max-width: 900px; min-height: 80%; } .lbPopAdImage .lbPopBox { width: unset; height: unset; min-height: unset; max-height: 100%; overflow: hidden; box-shadow: 5px 5px 10px 5px rgb(0 0 0 / 21%); border: unset; border-radius: 5px; } .lbPopAdImage .lbPopBoxInner { position: relative !important; padding: 0px; } .lbPopAdImage .lbPopGalleryImage { position: relative !important; } .lbPopAdImage .lbPopGalleryImage img { max-height: 90vh; } @media only screen and (max-width: 800px) { }