@font-face{font-family:"fontfam";src:url("/_cms/webfonts/OpenSans/OpenSans-Regular-webfont.ttf");font-weight:normal;font-style:normal;}@font-face{font-family:"title_font";src:url("/_cms/webfonts/RecursiveSansLinearLight/Recursive_VF_1064.ttf");font-weight:normal;font-style:normal;}@font-face{font-family:"menu_font";src:url("/_cms/webfonts/RecursiveSansLinearLight/Recursive_VF_1064.ttf");font-weight:normal;font-style:normal;} body { overflow: scroll; overflow-x: auto; padding-top: 1px; margin-top: -1px; font-family: fontfam;font-weight:normal;font-style:normal;; font-size: 14px; } #background { z-index: -1; top: 0px; left: 0px; height: 100%; width: 100%; position: fixed; background-color: #42410C; overflow-x: auto; } .darkmode #background { background-color: ; } #background_img { z-index: -1; top: 0px; left: 0px; height: 100%; width: 100%; position: fixed; background-color: #42410C; background-repeat: no-repeat; } .darkmode #background_img { background-color: ; } .touch #background_img { background-size: cover !important; } a { color: #279858; text-decoration: none; } .darkmode a { color: ; } p, div { color: #000000; font-family: fontfam;font-weight:normal;font-style:normal;; font-size: 14px; line-height: 180%} .darkmode p, .darkmode div { color: ; } .paragraph, .plugin { clear: both; overflow-wrap: break-word; word-wrap: break-word; } h1 { font-family: title_font;font-weight:normal;font-style:normal;font-variation-settings: 'MONO' 0, 'CASL' 0, 'wght' 600, 'slnt' 0, 'CRSV' 0.501;; line-height: 120%; font-size: 22px; letter-spacing: 0; font-weight: normal; } h1 { color: #000000; } .darkmode h1 { color: ; } h2 { font-weight: normal; font-size: 20px; color: #000000; } h2 { color: #000000; } .darkmode h2 { color: ; } h3 { font-weight: bold; } h4 { font-weight: bold; } .quote { font-family: Tahoma; color: #000000; } .darkmode .quote { color: ; } .line { clear: both; text-align: center; width: 100%; background-color: #FFCC00; } .darkmode .line { background-color: ; } .error { color: red; } .disabled { color: #999999; } li { margin-left: 15px; } .paragraph ul { list-style-position: outside; overflow: hidden; } .clearFloat { clear: both; } img { max-width: 100%; object-fit: cover; } figure { max-width: 100%; margin-bottom: 5px; } figure img { display: table-cell; margin: 0; width: 100%; } figure.imgCentered { margin: 0 auto; text-align: center; } figure.imgLeft { float: left; margin-right: 10px; } figure.imgRight { float: right; margin-left: 10px; } html.ie8 figure { display: table; } html.ie8 figure img { display: inline-block; width: 100%; } figcaption { text-align: center; font-size: smaller; font-style: italic; } .slipScroll-container { position: relative; } .slipScroll-container:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .slipScrollPossible, #area_middle.slipScrollPossible{ position: absolute; display: block; top: 0; } .slipScrolling, #area_middle.slipScrolling { position: fixed; display: block; top: 0; } .slipScrollMoving, #area_middle.slipScrollMoving { } .slipScrollBottom, #area_middle.slipScrollBottom { position: absolute; display: block; } header { padding: 0; margin: 0 auto; overflow: hidden; } .logo { float: left; display: block; } footer { clear: both; margin: 0px; margin-left: auto; margin-right: auto; font-family: Tahoma; color: #FFFFFF; text-align: center; } .darkmode footer { color: ; } footer { background-color: #C8B199; } .darkmode footer { background-color: ; } footer div, footer p { color: #FFFFFF; } .darkmode footer div, .darkmode footer p { color: ; } footer a, #area_bottom a, footer div a, footer p a { color: #FFFFFF; text-decoration: underline; } .darkmode footer a, .darkmode #area_bottom a, .darkmode footer div a, .darkmode footer p a { color: ; } #area_top { position: absolute; margin: 0px; z-index: 20; padding: 0px; font-size: 14px; font-family: fontfam;font-weight:normal;font-style:normal;; color: #000000; } .darkmode #area_top { color: ; } #area_top a { color: #279858; } .darkmode #area_top a { color: ; } #area_top a:hover { color: #FFFFFF; text-decoration: none; } .darkmode #area_top a:hover { color: ; } #area_bottom { position: fixed; bottom: 0; z-index: 20; margin: 0; padding: 0; font-family: Tahoma; color: #FFFFFF; } .darkmode #area_bottom { color: ; } .ie #area_bottom { position: absolute; } #center { margin-left: auto; margin-right: auto; background-color: #42410C; } #center { background-color: ; } #area_left { float: none; margin: 0px; } #area_middle { float: none; margin: 0px; } #area_right { margin: 0px; } #leftcol { margin: 0px; padding: 1px 0; border-bottom: none; } .darkmode #leftcol { } #rightcol { margin: 0px; } .darkmode #rightcol { } a.cmsViewer { cursor: default; } a.cmsViewerActive { cursor: pointer; } .cmsViewerDetail { box-sizing: border-box; border: solid 4px #EEEEEE; background-color: #EEEEEE; background-color: rgba(238,238,238,0.99); margin: 2px; box-shadow: 2px 1px 9px #000000; } .cmsViewerScreen { background-color: #000; opacity: 0.4; filter: alpha(opacity=40); } .cmsWheel { background-image: url(/_cms/images/icons/wheel_color.gif); background-repeat: no-repeat; background-position: center center; } .cmsViewerNext, .cmsViewerPrev { font-size: 22px; } .cmsViewerNext:not(disabled), .cmsViewerPrev:not(disabled) { cursor: pointer; } .alt-bg-color { background-color: #339933; color: #EEEEEE; padding:10px; } .darkmode .alt-bg-color { background-color: ; color: ; } .alt-bg-color2 { background-color: #333333; color: #EEEEEE; padding:10px; } .darkmode .alt-bg-color2 { background-color: ; color: ; } .alt-bg-color3 { background-color: #CCCCCC; color: #333333; padding:10px; } .darkmode .alt-bg-color3 { background-color: ; color: ; } .alt-bg-color h1, .alt-bg-color h2, .alt-bg-color p, .alt-bg-color a, .alt-bg-color a:visited { color: #EEEEEE; } .darkmode .alt-bg-color h1, .darkmode .alt-bg-color h2, .darkmode .alt-bg-color p, .darkmode .alt-bg-color a, .darkmode .alt-bg-color a:visited { color: ; } .alt-bg-color2 h1, .alt-bg-color2 h2, .alt-bg-color2 p, .alt-bg-color2 a, .alt-bg-color2 a:visited { color: #EEEEEE; } .darkmode .alt-bg-color2 h1, .darkmode .alt-bg-color2 h2, .darkmode .alt-bg-color2 p, .darkmode .alt-bg-color2 a, .darkmode .alt-bg-color2 a:visited { color: ; } .alt-bg-color3 h1, .alt-bg-color3 h2, .alt-bg-color3 p, .alt-bg-color3 a, .alt-bg-color3 a:visited { color: #333333; } .darkmode .alt-bg-color3 h1, .darkmode .alt-bg-color3 h2, .darkmode .alt-bg-color3 p, .darkmode .alt-bg-color3 a, .darkmode .alt-bg-color3 a:visited { color: ; } div.icon_bar { display: inline; float: right; height: 32px; margin-right: -10px; margin-top: -40px; position: relative; right: 25px; } div.icon { float: right; width: 25px; margin: 0px; padding: 0px; } .form_field label { text-align: left; vertical-align: top; } form_field_control { display: inline-block; margin-right: 1px; } .form_field input[type="checkbox"], .form_field input[type="radio"] { width: auto; } .form_field textarea { vertical-align: top; } .form_field input[type=submit] { width: auto; } .email_call_me_back { margin: 0px; } .email_call_me_back input.form_field_button { margin-top: 8px; color: #FFFFFF; background-color: #C8B199; border: 1px solid #C8B199; cursor: pointer; width: 130px; } .darkmode .email_call_me_back input.form_field_button { color: ; background-color: ; border: 1px solid ; } .email_call_me_back input.form_field_input { height: 30px; width: 130px; background-color: white; margin: 0; margin-top: 8px; margin-left: 5px; } .email_call_me_back fieldset { -webkit-margin-start: 0; -webkit-margin-end: 0; margin: 0; margin-top: 8px; } .upload_doc_link { display: inline-block; width: 200px; } .upload_doc_size { display: inline-block; width: 70px; } .upload_doc_control { } div.upload_img_row { width: 100%; height: 60px; } .upload_screen { position: fixed; display: none; background-color: rgba(0,0,0,0.2); width: 100%; height: 100%; top: 0; left: 0; z-index: 2000; } .upload_form { margin: 10px; } .upload_static { border: solid 1px #999999; padding: 3px; display: block; z-index: 1000; } .upload_window, .upload_static .upload_state { position: absolute; top: -10px; display: none; z-index: 2001; background-color: #FFFFFF; border: solid 1px #666666; min-width: 300px; -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5); box-shadow: 3px 3px 5px rgba(0,0,0,0.5); } .simple_upload_window { min-width: 194px; } .upload_close { float: right; margin-top: 2px; margin-right: -2px; display: inline-block; cursor: pointer; color: #000000; } .upload_activate { cursor: pointer; } div.form_status { position: relative; font-size: 14px; font-weight: bold; border: solid 1px #999999; padding: 16px; padding-left: 80px; margin-top: 20px; margin-bottom: 21px; box-shadow: rgba(0,0,0,0.4) 2px 2px 6px; } .popupScreen div.form_status { margin: -19px; } div.form_status::before { position: absolute; content: " "; top: 0; bottom: 0; left: 0; width: 60px; background-color: green; color: rgba(255,255,255,0.9); } div.form_status::after { position: absolute; content: "\f058"; font-family: "Font Awesome 6 Pro"; font-weight: 500; font-size: 30px; color: rgba(255,255,255,0.75); top: calc(50% - 8px); left: 15px; } div.form_warning { position: relative; font-size: 14px; font-weight: bold; border: solid 1px #999999; padding: 16px; padding-left: 80px; margin-top: 20px; margin-bottom: 21px; box-shadow: rgba(0,0,0,0.4) 2px 2px 6px; } .popupScreen div.form_status { margin: -19px; } div.form_warning::before { position: absolute; content: " "; top: 0; bottom: 0; left: 0; width: 60px; background-color: orange; color: rgba(255,255,255,0.9); } div.form_warning::after { position: absolute; content: "\f06a"; font-family: "Font Awesome 6 Pro"; font-weight: 500; font-size: 30px; color: rgba(255,255,255,0.75); top: calc(50% - 8px); left: 15px; } div.form_error { position: relative; font-size: 14px; font-weight: bold; color: red; border: solid 1px #999999; padding: 16px; padding-left: 80px; margin-top: 20px; margin-bottom: 21px; box-shadow: rgba(0,0,0,0.4) 2px 2px 6px; } .popupScreen div.form_error { margin: -19px; } div.form_error::before { position: absolute; content: " "; top: 0; bottom: 0; left: 0; width: 60px; background-color: red; color: rgba(255,255,255,0.9); } div.form_error::after { position: absolute; content: "\f071"; font-family: "Font Awesome 6 Pro"; font-weight: 500; font-size: 30px; color: rgba(255,255,255,0.75); top: calc(50% - 8px); left: 15px; } .spinner { width: 21px; height: 21px; margin-top: -2px; margin-right: 3px; border: 7px solid #90c844; border-right-color: transparent; border-radius: 50%; animation: spin 1s linear infinite; -moz-animation: spinning_wheel 1s linear infinite; -webkit-animation: spinning_wheel 1s linear infinite; } @keyframes spinning_wheel { from { transform: rotate(0deg); opacity: 0.2; } 50% { transform: rotate(180deg); opacity: 1.0; } to { transform: rotate(360deg); opacity: 0.2; } } @-webkit-keyframes spinning_wheel { from { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spinning_wheel { from { -moz-transform: rotate(0deg); } 50% { -moz-transform: rotate(180deg); } to { -moz-transform: rotate(360deg); } } .form_box, div.logon a { clear:both; margin: 5px; padding: 5px; } div.logon a { color:#000000; } .darkmode div.logon a { color:; } .form_icons.form_field { white-space: nowrap; } .form_icons .form_icon { color:#FFFFFF; background-color:#006699; padding: 4px; display: inline-block; min-width: 24px; text-align: center; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .darkmode .form_icons .form_icon { color:; background-color:; } .form_icons .form_spacer { display: inline-block; width: 24px; color:transparent; background-color:transparent; } .form_field.form_icons input { max-width: 90%; } .form_flow { clear:none; float:left; } .form_field { margin: 3px; margin-top: 7px; } .form_field label { cursor: pointer; font-weight: normal; margin-left:5px; margin-right:5px; display: inline-block; width: 99%; text-align: left; } .form_field label.error { width: auto; border: none; text-align: left; } .form_field fieldset label, .form_field label.value { width: auto; text-align: left; padding-left:3px; } .form_field input, .form_field_input, form .response_form_button { width: 220px; } .form_field input.half, .form_field_control.half { width: 108px; } .form_field input.third { width: 72px; } .form_field input.quarter { width: 54px; } .form_field input.twothird { width: 143px; } .form_field input.threequarter { width: 161px; } .form_field_control { display: inline-block; width: 220px; margin-right: 1px; } .form_field input[type="checkbox"], .form_field input[type="radio"] { width: auto; } .form_field textarea, .select2-container { width: 220px; vertical-align: top; } .form_field select { max-width: 220px; } .form_field fieldset { display: inline-block; min-width: 220px; padding:5px; vertical-align: top; border: 1px solid grey; -webkit-margin-start: 0; -webkit-margin-end: 0; } .form_field .error ~ .radio-label { color: red; } .form_field input.error, .form_field_input.error { border: solid 2px red; } .form_field .invalid, .form_field_input.invalid { background-color: #FFCCCC; } .form_response_required_fields { margin-top: 10px; display: inline-block; font-style: italic; padding-left: 5px; padding-right: 5px; text-align:left; } p.form_checkbox_text { display:inline-block; width:100%; } .fieldHeader { border-top: solid 1px #006699; color: #006699; text-align: center; padding: 2px; font-size: 12px; margin-top: 20px; } .darkmode .fieldHeader { border-top: solid 1px ; color: ; } .PopupForm { padding: 20px; font-size: 14px; } .PopupForm td { font-size: 14px; } .form_field input, .form_field_input, .form_field textarea, .select2-container, form .response_form_button { width: 242px; } .form_field input.half, .form_field_control.half { width: 119px; } .form_field input.third { width: 79px; } .form_field input.quarter { width: 59px; } .form_field input.twothird { width: 158px; } .form_field input.threequarter { width: 178px; } p.form_checkbox_text { width: 320px; } @media only screen and (min-width: 464px) { .form_box, div.logon a.remind { margin: 5px 5px 5px 35%; } div .form_field label { display: inline-block; width: 185px; text-align: right; } } @media only screen and (min-width: 744px) { .form_field input, .form_field_input, .form_field textarea, .select2-container, form .response_form_button { width: 256px; } .form_field input.half, .form_field_control.half { width: 126px; } .form_field input.third { width: 84px; } .form_field input.quarter { width: 62px; } .form_field input.twothird { width: 167px; } .form_field input.threequarter { width: 188px; } p.form_checkbox_text { width: 410px; } .form_field label { width: 275px; } .form_field input[type=submit] { width: auto; } } @media only screen and (min-width: 1000px) { .form_field label { width: 308px; } p.form_checkbox_text { width: 565px; } } @media only screen and (min-width: 1200px) { .form_field label { width: 308px; } p.form_checkbox_text { width: 660px; } } .fancyForm { margin: auto; background-color: TRANSPARANT; padding-left: 0px; } .darkmode .fancyForm { background-color: ; } .fancyForm .fancyField { clear: both; max-width: 100%; margin: 3px; margin-top: 6px; } .fancyForm .fancyField > div { margin-right: 3px; display: inline-block; position: relative; vertical-align: top; } .fancyForm .formFlow { clear: none; float: left; } .fancyForm .fancyField > div > div.upload, .fancyForm .fancyField > div > textarea, .fancyForm .fancyField > div > fieldset { margin: 0; margin-top: 15px; width: 100%; } .fancyForm .fancyField > div > fieldset ~ label.error, .fancyForm .fancyField > div > textarea ~ label.error { position: relative; left: 0; padding-left: 5px; background-color: transparent; color: red; width: 100%; height: 16px; z-index: 5; font-size: 12px; line-height: 16px; } .fancyForm .fancyField > div > input ~ label.error::before, .fancyForm .fancyField > div > .passStrengthify > input ~ label.error::before, .fancyForm .fancyField > div > textarea ~ label.error::before { content: "\f06a"; font-family: "Font Awesome 6 Pro"; padding-right: 5px; font-size: 11px; } .fancyForm .fancyField.invalid, .fancyForm .fancyField .invalid { background-color: #FFCCCC; } .fancyForm input[type=submit], .fancyForm input[type=button], .fancyForm input[type=checkbox], .fancyForm input[type=radio] { width: auto; background-color: #C8B199; color: #FFFFFF; border: 1px solid #C8B199; } .darkmode .fancyForm input[type=radio] { background-color: ; color: ; } .fancyForm .fancyField { margin-top: 8px; margin-top: 8px; } .fancyForm .fancyField > div { margin-right: 3px; display: inline-block; position: relative; vertical-align: top; } .fancyForm .fancyField > div select, .fancyForm .fancyField > div > input, .fancyForm .fancyField > div > input.empty:invalid, .fancyForm .fancyField > div > input.empty.error, .fancyForm .fancyField > div > .passStrengthify > input, .fancyForm .fancyField > div > .passStrengthify > input.empty:invalid, .fancyForm .fancyField > div > .passStrengthify > input.empty.error { border: 0; border-radius: 0px; width: 100%; height: 26px; line-height: 20px; border-bottom: solid 2px #C8B199; background-color: transparent; outline: none; padding: 0px; padding-left: 8px; } .darkmode .fancyForm .fancyField > div select, .darkmode .fancyForm .fancyField > div > input, .darkmode .fancyForm .fancyField > div > input.empty:invalid, .darkmode .fancyForm .fancyField > div > input.empty.error, .darkmode .fancyForm .fancyField > div > .passStrengthify > input, .darkmode .fancyForm .fancyField > div > .passStrengthify > input.empty:invalid, .darkmode .fancyForm .fancyField > div > .passStrengthify > input.empty.error { border-bottom: solid 2px ; } .fancyForm .fancyField > div > input.empty, .fancyForm .fancyField > div > .passStrengthify > input.empty { border-bottom: solid 2px #C8B199; } .darkmode .fancyForm .fancyField > div > input.empty, .darkmode .fancyForm .fancyField > div > .passStrengthify > input.empty { border-bottom: solid 2px ; } .fancyForm .fancyField > div > input:hover, .fancyForm .fancyField > div > input.empty:hover, .fancyForm .fancyField > div > .passStrengthify > input:hover, .fancyForm .fancyField > div > .passStrengthify > input.empty:hover { border-bottom: solid 2px #000000; } .darkmode .fancyForm .fancyField > div > input:hover, .darkmode .fancyForm .fancyField > div > input.empty:hover, .darkmode .fancyForm .fancyField > div > .passStrengthify > input:hover, .darkmode .fancyForm .fancyField > div > .passStrengthify > input.empty:hover { border-bottom: solid 2px ; } .fancyForm .fancyField > div > input.empty:focus, .fancyForm .fancyField > div > input:focus, .fancyForm .fancyField > div > .passStrengthify > input.empty:focus, .fancyForm .fancyField > div > .passStrengthify > input:focus { border-bottom-color: #000000; } .darkmode .fancyForm .fancyField > div > input.empty:focus, .darkmode .fancyForm .fancyField > div > input:focus, .darkmode .fancyForm .fancyField > div > .passStrengthify > input.empty:focus, .darkmode .fancyForm .fancyField > div > .passStrengthify > input:focus { border-bottom-color: ; } .fancyForm .fancyField > div > input.error:focus, .fancyForm .fancyField > div > input.empty.error, .fancyForm .fancyField > div > input:invalid:hover, .fancyForm .fancyField > div > input.empty.error:focus, .fancyForm .fancyField > div > input.error, .fancyForm .fancyField > div > .passStrengthify > input.error:focus, .fancyForm .fancyField > div > .passStrengthify > input.empty.error, .fancyForm .fancyField > div > .passStrengthify > input:invalid:hover, .fancyForm .fancyField > div > .passStrengthify > input.empty.error:focus, .fancyForm .fancyField > div > .passStrengthify > input.error { border-bottom-color: red; color: #000000; } .fancyForm .fancyField > div > input.empty:invalid ~ label, .fancyForm .fancyField > div > input.empty.error ~ label, .fancyForm .fancyField > div > input.empty ~ label, .fancyForm .fancyField > div > input.empty:focus ~ label, .fancyForm .fancyField > div > input ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty:invalid ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty.error ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty:focus ~ label, .fancyForm .fancyField > div > .passStrengthify > input ~ label { white-space: nowrap; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; -ms-transition: all 0.25s; transition: all 0.25s; position: absolute; width: 100%; height: 16px; top: -10px; left: 0; color: #000000; line-height: 16px; font-family: fontfam;font-weight:normal;font-style:normal;; font-size: calc(14px * 0.85); padding-left: 5px; } .darkmode .fancyForm .fancyField > div > input.empty:invalid ~ label, .darkmode .fancyForm .fancyField > div > input.empty.error ~ label, .darkmode .fancyForm .fancyField > div > input.empty ~ label, .darkmode .fancyForm .fancyField > div > input.empty:focus ~ label, .darkmode .fancyForm .fancyField > div > input ~ label, .darkmode .fancyForm .fancyField > div > .passStrengthify > input.empty:invalid ~ label, .darkmode .fancyForm .fancyField > div > .passStrengthify > input.empty.error ~ label, .darkmode .fancyForm .fancyField > div > .passStrengthify > input.empty ~ label, .darkmode .fancyForm .fancyField > div > .passStrengthify > input.empty:focus ~ label, .darkmode .fancyForm .fancyField > div > .passStrengthify > input ~ label { color: ; } .fancyForm .fancyField > div > input.empty ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty ~ label { top: 0px; font-weight: normal; font-size: 14px; } .fancyForm .fancyField > div > input:focus ~ label, .fancyForm .fancyField > div > .passStrengthify > input:focus ~ label { color: #C8B199; } .darkmode .fancyForm .fancyField > div > input:focus ~ label, .darkmode .fancyForm .fancyField > div > .passStrengthify > input:focus ~ label { color: ; } .fancyForm .fancyField > div > input.empty:invalid ~ label.error, .fancyForm .fancyField > div > input.empty.error ~ label.error, .fancyForm .fancyField > div > input.empty:focus ~ label.error, .fancyForm .fancyField > div > input ~ label.error, .fancyForm .fancyField > div > .passStrengthify > input.empty:invalid ~ label.error, .fancyForm .fancyField > div > .passStrengthify > input.empty.error ~ label.error, .fancyForm .fancyField > div > .passStrengthify > input.empty:focus ~ label.error, .fancyForm .fancyField > div > .passStrengthify > input ~ label.error { white-space: nowrap; position: relative; display: block; top: 0px; z-index: 5; background-color: transparent; color: red; margin-bottom: 5px; width: auto; min-width: 100%; font-size: 12px; } .fancyForm .fancyField > div > input ~ label.error::before, .fancyForm .fancyField > div > .passStrengthify > input ~ label.error::before { content: "\f06a"; font-family: "Font Awesome 6 Pro"; padding-right: 5px; font-size: 11px; } .fancyForm .fancyField > i { display: inline-block; width: 32px; height: 36px; font-size: 18px; line-height: 32px; text-align: right; vertical-align: top; padding: 0; color: #C8B199; } .darkmode .fancyForm .fancyField > i { color: ; } .fancyForm .fancyField > div > div.upload input[type="file"] { width: 250px; } .fancyForm .fancyField > div > textarea { outline: none; } .fancyForm .fancyField > div > div.upload, .fancyForm .fancyField > div > textarea, .fancyForm .fancyField > div > fieldset{ padding-top: 5px; margin-top: 15px; border: solid 2px #C8B199; resize: vertical; } .darkmode .fancyForm .fancyField > div > div.upload, .darkmode .fancyForm .fancyField > div > textarea, .darkmode .fancyForm .fancyField > div > fieldset{ border: solid 2px ; } .fancyForm .fancyField > div > div.upload ~ label, .fancyForm .fancyField > div > textarea ~ label, .fancyForm .fancyField > div > fieldset ~ label { white-space: nowrap; width: auto; height: 16px; position: absolute; top: -5px; left: 2px; color: #000000; line-height: 16px; font-family: fontfam;font-weight:normal;font-style:normal;; font-size: 14px; padding-left: 5px; } .darkmode .fancyForm .fancyField > div > div.upload ~ label, .darkmode .fancyForm .fancyField > div > textarea ~ label, .darkmode .fancyForm .fancyField > div > fieldset ~ label { color: ; } .fancyForm .fancyField > div > textarea:hover ~ label, .fancyForm .fancyField > div > fieldset:hover ~ label { color: #C8B199; } .darkmode .fancyForm .fancyField > div > textarea:hover ~ label, .darkmode .fancyForm .fancyField > div > fieldset:hover ~ label { color: ; } .fancyForm .fancyField > div > div.upload:focus, .fancyForm .fancyField > div > textarea:focus, .fancyForm .fancyField > div > fieldset:focus { border-color: #006699; } .darkmode .fancyForm .fancyField > div > div.upload:focus, .darkmode .fancyForm .fancyField > div > textarea:focus, .darkmode .fancyForm .fancyField > div > fieldset:focus { border-color: ; } .fancyForm .fancyField > div > div.upload ~ label.error, .fancyForm .fancyField > div > textarea ~ label.error, .fancyForm .fancyField > div > fieldset ~ label.error { position: relative; color: red; } .fancyForm .-cms-file-container { padding-left: 10px; padding-right: 10px; } .fancyForm .upload .expl { width: 240px; } .fancyForm input[type=submit], .fancyForm input[type=button], .fancyForm input[type=checkbox], .fancyForm input[type=radio] { width: auto; background-color: #C8B199; color: #FFFFFF; border: 1px solid #C8B199; } .darkmode .fancyForm input[type=submit], .darkmode .fancyForm input[type=button], .darkmode .fancyForm input[type=checkbox], .darkmode .fancyForm input[type=radio] { background-color: ; color: ; border: 1px solid ; } .fancyForm .fancySubmit { margin-top: 8px; margin-bottom: 8px; } .fancyForm .fancySubmit > input[type=submit] { } .fancyForm .fancyField .select2-container { width: 100%; height: 36px; } .fancyForm .fancyField .select2-choice{ height: 36px; } .fancyField .passStrengthify a { padding-top: 2px; padding-bottom: 2px; border-radius: 6px; } body .ui-tooltip { border: solid 2px #FF9900; border-radius: 4px; background: #FFFFCC; color: black; padding: 8px; position: absolute; z-index: 2500; max-width: 280px; -webkit-box-shadow: -2px 2px 10px #000000; box-shadow: -2px 2px 10px #000000; } body .ui-tooltip::before { top: -14px; bottom: auto; left: 10px; right: auto; border-width: 0 6px 14px; content: ""; position: absolute; border-style: solid; border-color: #FF9900 transparent; display: block; width: 0; } body .ui-tooltip::after { top: -9px; bottom: auto; left: 13px; right: auto; border-width: 0 3px 10px; content: ""; position: absolute; border-style: solid; border-color: #FFFFCC transparent; display: block; width: 0; } body .ui-tooltip.bottom::before { top: auto; bottom: -14px; border-width: 14px 6px 0 6px; } body .ui-tooltip.bottom::after { top: auto; bottom: -9px; border-width: 10px 3px 0 3px; } body .ui-tooltip.right::before { left: auto; right: 10px; } body .ui-tooltip.right::after { left: auto; right: 13px; } .columns2 p, .columns3 p, .columns4 p { margin-top: 0; } .TabGroup { width: 90%; margin-top: 25px; } .TabGroup > ul.TabPages { list-style-type: none; } .TabGroup > input[type=radio] { position: absolute; left: -9999px; top: -9999px; } .TabGroup .Tabs { position: relative; white-space: nowrap; } .TabGroup .Tab { display: inline-block; vertical-align: bottom; white-space: nowrap; padding: 10px; padding-top: 4px; padding-bottom: 4px; background-color: #FFFFFF; color: #000000; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: Pointer; font-size: 11px; font-weight: bold; margin-bottom: -1px; border: solid 1px #999999; } .TabGroup .Tab.hasErrors { color: red; } .TabGroup .Tab.disabled { color: #666666; background-color: #CCCCCC; } .TabGroup .Tab:first-child { margin-left: 10px; } .TabGroup .Tab:hover { background-color: #EEEEEE; } .TabGroup input:nth-child(1):checked ~ .Tabs >:nth-child(1), .TabGroup input:nth-child(2):checked ~ .Tabs >:nth-child(2), .TabGroup input:nth-child(3):checked ~ .Tabs >:nth-child(3), .TabGroup input:nth-child(4):checked ~ .Tabs >:nth-child(4), .TabGroup input:nth-child(5):checked ~ .Tabs >:nth-child(5), .TabGroup input:nth-child(6):checked ~ .Tabs >:nth-child(6), .TabGroup input:nth-child(7):checked ~ .Tabs >:nth-child(7), .TabGroup input:nth-child(8):checked ~ .Tabs >:nth-child(8), .TabGroup input:nth-child(9):checked ~ .Tabs >:nth-child(9), .TabGroup input:nth-child(10):checked ~ .Tabs >:nth-child(10) { background-color: #EEEEEE; padding-top: 5px; border-bottom: solid 1px #EEEEEE; } .TabGroup .TabPages { margin: 0; padding: 0; } .TabGroup .TabPage { display: none; left: 0; width: 100%; background-color: #EEEEEE; padding: 5px; padding-top: 15px; margin: 0; border: solid 1px #999999; } input:nth-child(1):checked ~ .TabPages > li:nth-child(1), input:nth-child(2):checked ~ .TabPages > li:nth-child(2), input:nth-child(3):checked ~ .TabPages > li:nth-child(3), input:nth-child(4):checked ~ .TabPages > li:nth-child(4), input:nth-child(5):checked ~ .TabPages > li:nth-child(5), input:nth-child(6):checked ~ .TabPages > li:nth-child(6), input:nth-child(7):checked ~ .TabPages > li:nth-child(7), input:nth-child(8):checked ~ .TabPages > li:nth-child(8), input:nth-child(9):checked ~ .TabPages > li:nth-child(9), input:nth-child(10):checked ~ .TabPages > li:nth-child(10) { display: block; } .accordionSet{} .accordionSet > div > label { padding: 5px; padding-left: 25px; position: relative; display: block; height: 40px; cursor: pointer; color: #000000; line-height: 33px; font-size: 19px; background-color: #EFEFEF; border: 1px solid #CCCCCC; position: relative; white-space: nowrap; } .darkmode .accordionSet{} .darkmode .accordionSet > div > label { color: ; } .accordionSet > div > label:hover { background-color: #F3F3F3; } .accordionSet > div.disabled > label { opacity: 0.5; cursor: default; } .accordionSet > div > input { display: none; } .accordionSet > div > div > div { padding: 10px; } .accordionSet > div > div { position: relative; background-color: #FFFFFF; overflow: hidden; max-height: 0px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .accordionSet > div > input:checked ~ div { -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; max-height: 2000px; } .accordionSet > div.visible > div { -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; max-height: 2000px; } .accordionSet > div > label:before, .accordionSet > div > label:after { content: ""; position: absolute; background-color: #000000; width: 3px; height: 8px; left: 10px; top: 15px; transition: all 0.25s ease-in-out; } .darkmode .accordionSet > div > label:before, .accordionSet > div > label:after { background-color: ; } .accordionSet > div > label:before { transform: translate(-2px, 0) rotate(45deg); -webkit-transform: translate(-2px, 0) rotate(45deg); } .accordionSet > div > label:after { transform: translate(2px, 0) rotate(-45deg); -webkit-transform: translate(2px, 0) rotate(-45deg); } .accordionSet > div > input:checked ~ label:before { transform: translate(2px, 0) rotate(45deg); -webkit-transform: translate(2px, 0) rotate(45deg); } .accordionSet > div > input:checked ~ label:after { transform: translate(-2px, 0) rotate(-45deg); -webkit-transform: translate(-2px, 0) rotate(-45deg); } .portfolio { border: 1px solid transparent; margin: 10px; float: left; } .darkmode .portfolio { margin: ; } .portfolio h2 { font-size: 12px; background-color: #339933; border: 1px solid transparent; margin-top: -25px; } .darkmode .portfolio h2 { background-color: ; border: 1px solid ; } .portfolio > div:first-child { float: left; width: 90px; } .portfolio div a { font-size: 12px; color: #000000; font-weight: bold; padding-left: 4px; } .darkmode .portfolio div a { color: ; } .portfolio_more { background-color: #EEEEEE; padding: 4px; font-size: 11px; font-weight: normal; font-style: italic; } .darkmode .portfolio_more { background-color: ; } .portfolio_body { width: 80%; } .portfolio_end { clear: both; } .news_article { margin-top: 20px; } .news_article_columns { float: left; width: 46%; margin-left: 2%; margin-right: 2%; margin-top: 20px; min-width: 260px; } .news_title { font-family: title_font;font-weight:normal;font-style:normal;font-variation-settings: 'MONO' 0, 'CASL' 0, 'wght' 600, 'slnt' 0, 'CRSV' 0.501;; font-size: 22px; font-weight: bold; color: #000000; border-bottom: 1px solid #BBEE22; } .darkmode .news_title { color: ; border-bottom: 1px solid ; } .news_list_title { font-weight: normal; text-decoration: underline; } .news_date { text-align: left; font-weight: normal; font-size: 12px; color: #279858; padding-left: 5px; padding-right: 5px; } .darkmode .news_date { color: ; } .news_abstract { color: #000000; font-size: 14px; } .darkmode .news_abstract { color: ; } .news_image { float: left; max-width: 128px; margin-right: 6px; margin-bottom: 6px; } .news_detail_title { font-family: title_font;font-weight:normal;font-style:normal;font-variation-settings: 'MONO' 0, 'CASL' 0, 'wght' 600, 'slnt' 0, 'CRSV' 0.501;; font-size: 22px; font-weight: bold; border-bottom: 1px solid #BBEE22; color: #000000; } .darkmode .news_detail_title { border-bottom: 1px solid ; color: ; } .news_detail_date { text-align: left; font-weight: normal; font-size: 12px; color: #279858; padding-left: 5px; padding-right: 5px; } .darkmode .news_detail_date { color: ; } .news_detail_image { float: left; max-width: 300px; margin-right: 8px; margin-bottom: 8px; } .news_detail_body { color: #000000; font-size: 14px; } .darkmode .news_detail_body { color: ; } .news_more { font-size: 11px; font-weight: normal; font-style: italic; } .popupScreen { position: fixed; z-index: 2000; top: 0; bottom: 0; left: 0; right: 0; height: 100%; background-color: rgba(0,0,0,0.5); display: none; } .popupScreen #popup { position: relative; top: 10%; background-color: #FFFFFF; padding: 20px; margin: auto; max-width: 900px; min-width: 308px; max-height: 85%; border: solid 2px #000000; overflow: auto; overflow-x: hidden; } .popupScreen #close_box { position: relative; z-index: 100; top: 10%; padding: 0; margin: auto; max-width: 900px; min-width: 308px; overflow: visible; } .popupScreen #close { position: absolute; right: 3px; top: 5px; cursor: pointer; font-family: "Font Awesome 6 Pro"; font-style: normal; font-weight: 900; font-size: 19px; text-rendering: auto; transform: translate(0, 0); line-height: .75em; vertical-align: -15%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popupScreen #close:before { content: "\f057"; } table.guestbook { margin-top: 10px; width: 80%; margin-left: 10%; border: solid 1px #999999; } table.guestbook th { color: #000000; font-size: 14px; padding: 0px; background-color: TRANSPARANT; } .darkmode table.guestbook th { color: ; background-color: ; } table.guestbook td { color: #000000; font-size: 14px; padding: 10px; } .darkmode table.guestbook td { color: ; } p.guestbook { font-size: 12px; text-align: center; } h1.guestbook { text-align: center; } .guestbook .name { padding: 1px; padding-left: 4px; background-color: TRANSPARANT; font-weight: bold; } .darkmode .guestbook .name { background-color: ; } .guestbook .name a { font-weight: bold; color: black; } .guestbook .logged { padding-right: 4px; text-align: right; background-color: TRANSPARANT; font-weight: bold; } .darkmode .guestbook .logged { background-color: ; } .guestbook .website { padding-left: 4px; background-color: TRANSPARANT; } .darkmode .guestbook .website { background-color: ; } .guestbook .website a { font-size: 10px; font-weight: bold; color: black; } .guestbook .message { padding-left: 4px; } .guestbook .reaction { background-color: TRANSPARANT; font-size: 14px; border-top: solid 2px black; padding: 5px; font-style: italic; } .darkmode .guestbook .reaction { background-color: ; } table.guestbook_inputform { color: #000000; padding: 5px; margin: 0px; width: 50%; margin-left: 0px; background-color: TRANSPARANT; border: solid 1px; } .darkmode table.guestbook_inputform { background-color: ; border: solid 1px; } .guestbook_inputform td { padding: 2px; margin: 0px; padding-right: 14px; font-size: 11px; } .guestbook_charcount { font-weight: bold; color: #000000; } .guestbook_captcha { border: 1px solid ; } .darkmode .guestbook_captcha { border: 1px solid ; } .thumbnailer img { border: solid 4px white; margin: 2px; box-shadow: 2px 1px 4px #000000; } div .pristine-slide .imgSelector { cursor: pointer; } div .pristine-wrap .pristine-pager-wrap { text-align: right; padding-right: 10px; z-index: 10000; } body,p,div { font-size: 14px; } h1 { font-size: 22px; } h2 { font-size: 20px; } .quote { font-size: 10px; line-height: 6px; } header { width: 308px; max-width: 100%; height: 107px; margin-top: 33px; } header { background-color: #FFFFFF; } .darkmode header { background-color: ; } .header_img { width: 308px; height: 107px; margin-top: 0; background-repeat: no-repeat; background-size: cover; background-image: url(/_cache/images/upload_ajaxHLDcU6.w-308.png); } @media only screen and (-webkit-min-device-pixel-ratio: 1.50), only screen and (min--moz-device-pixel-ratio: 1.50), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.50), only screen and (min-resolution: 1.50dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxHLDcU6.pr-150.w-308.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 1.67), only screen and (min--moz-device-pixel-ratio: 1.67), only screen and (-o-min-device-pixel-ratio: 5/3), only screen and (min-device-pixel-ratio: 1.67), only screen and (min-resolution: 1.67dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxHLDcU6.pr-167.w-308.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 2.00), only screen and (min--moz-device-pixel-ratio: 2.00), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2.00), only screen and (min-resolution: 2.00dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxHLDcU6.pr-200.w-308.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min--moz-device-pixel-ratio: 2.25), only screen and (-o-min-device-pixel-ratio: 9/4), only screen and (min-device-pixel-ratio: 2.25), only screen and (min-resolution: 2.25dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxHLDcU6.pr-225.w-308.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 3.00), only screen and (min--moz-device-pixel-ratio: 3.00), only screen and (-o-min-device-pixel-ratio: 3/1), only screen and (min-device-pixel-ratio: 3.00), only screen and (min-resolution: 3.00dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxHLDcU6.pr-300.w-308.png); } } .logo { width: 31px; height: 31px; margin-top: 0; margin-left: 3px; } footer { width: 308px; max-width: 100%; height: 110px; font-size: 9px; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; margin-top: -110px; } #area_bottom, #area_bottom p, #area_bottom div { font-size: 9px; } #area_top { width: 100vw; height: 10vw; top: 0; } #center { width: 308px; max-width: 100%; margin-top: 0; padding-bottom: 0; } #area_left { padding: 3px; } #area_left img { width: 0; margin-bottom: 20px; } #area_middle { display: block; padding: 3px; padding-top: 3px; } #area_right { float: none; clear: both; padding: 3px; } .form_field label { display: block; } .form_field select { max-width: 205px; } .fancyForm { width: 100%; margin-left: 0%; } .fancyForm .fancyField > div, .form_field input, .form_field_input, .form_field_control, .form_field textarea, .form_field input { width: 205px; } .fancyForm .fancyField > div.half, .form_field input.half, .form_field input.half, .form_field_control.half { width: 100px; } .fancyForm .fancyField > div.third, .form_field input.third { width: 65px; } .fancyForm .fancyField > div.quarter, .form_field input.quarter { width: 48px; } .fancyForm .fancyField > div.twothird, .form_field input.twothird { width: 135px; } .fancyForm .fancyField > div.threequarter, .form_field input.threequarter { width: 145px; } .fancyForm .fancySubmit button, .fancyForm .fancySubmit input[type=submit] { margin-left: 145px; } .layout2columns, .layout3columns, .layout4columns { width:100%; margin:0; padding:0; clear: both; } .layout2columns > div { float: left; width: ; margin-left: ; } .layout2columns > div:first-child { margin-left: 0; } .layout3columns > div { float: left; width: ; margin-left: ; } .layout3columns > div:first-child { margin-left: 0; } .layout4columns > div { float: left; width: ; margin-left: ; } .layout3columns > div:first-child { margin-left: 0; } .columns2 { -webkit-columns: 2 ;; -moz-columns: 2 ;; -ms-columns: 2 ;; -o-columns: 2 ;; columns: 2 ;; column-count: 2; column-gap: 10px; } .columns3 { -webkit-columns: 3 ;; -moz-columns: 3 ;; -ms-columns: 3 ;; -o-columns: 3 ;; columns: 3 ;; column-count: 3; column-gap: 10px; } .columns4 { -webkit-columns: 4 ;; -moz-columns: 4 ;; -ms-columns: 4 ;; -o-columns: 4 ;; columns: 4 ;; column-count: 4; column-gap: 10px; } .portfolio { width: 308px; height: 100px; } .portfolio h2 { width: 308px; } div .pristine-slide, div .pristine-slide img { max-width: 308px; } div .pristine-wrap { max-width: 308px; max-height: 231px; } div .pristine-wrap .pristine-pager-wrap { max-width: 308px; top: calc( 231px - 70px); } @media only screen and (min-width: 464px) { body,p,div { font-size: 14px; } h1 { font-size: 22px; } h2 { font-size: 20px; } .quote { font-size: 12px; line-height: 9px; } header { width: 464px; height: 162px; margin-top: 0; } .header_img { width: 464px; height: 162px; margin-top: 0; background-repeat: no-repeat; background-size: cover; background-image: url(/_cache/images/upload_ajaxHLDcU6.w-464.png); } @media only screen and (-webkit-min-device-pixel-ratio: 1.50), only screen and (min--moz-device-pixel-ratio: 1.50), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.50), only screen and (min-resolution: 1.50dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxHLDcU6.pr-150.w-464.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 1.67), only screen and (min--moz-device-pixel-ratio: 1.67), only screen and (-o-min-device-pixel-ratio: 5/3), only screen and (min-device-pixel-ratio: 1.67), only screen and (min-resolution: 1.67dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxHLDcU6.pr-167.w-464.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 2.00), only screen and (min--moz-device-pixel-ratio: 2.00), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2.00), only screen and (min-resolution: 2.00dppx) { .header_img { background-image: url(/_cache/images/upload_ajaxHLDcU6.pr-200.w-464.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min--moz-device-pixel-ratio: 2.25), only screen and (-o-min-device-pixel-ratio: 9/4), only screen and (min-device-pixel-ratio: 2.25), only screen and (min-resolution: 2.25dppx) { .header_img { background-image: url(/images/upload_ajaxHLDcU6.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 3.00), only screen and (min--moz-device-pixel-ratio: 3.00), only screen and (-o-min-device-pixel-ratio: 3/1), only screen and (min-device-pixel-ratio: 3.00), only screen and (min-resolution: 3.00dppx) { .header_img { background-image: url(/images/upload_ajaxHLDcU6.png); } } .logo { width: 46px; height: 46px; margin-top: 0; margin-left: 5px; } footer { width: 464px; height: 110px; font-size: 12px; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; margin-top: -110px; position: fixed; bottom: 0px; } #area_bottom, #area_bottom p, #area_bottom div { font-size: 12px; } #area_top { width: 100vw; height: 10vw; top: 0; } #center { width: 464px; margin-top: 0; padding-bottom: 0; } #area_left { padding: 5px; width: 0; float: left; } .darkmode #area_left { } #area_left img { width: 0; margin-bottom: 0px; } #leftcol { border-bottom: none; } .darkmode #leftcol { } #area_middle { display: inline-block; width: 100%; padding: 5px; padding-top: 5px; } .darkmode #area_middle { } #area_middle.extraWidthAreaLeft { width: calc(100% + 0); } #area_middle.extraWidthAreaRight { width: calc(100% + 0); } #area_middle.extraWidthAreaLeftAreaRight { width: calc(100% + 0 + 0); } #area_right { width:0; float: none; } .form_field select { max-width: 205px; } .fancyForm { width: 100%; margin-left: 0%; } .fancyForm .fancyField > div, .form_field input, .form_field_input, .form_field_control, .form_field textarea, .form_field input { width: 205px; } .fancyForm .fancyField > div.half, .form_field input.half, .form_field input.half, .form_field_control.half { width: 100px; } .fancyForm .fancyField > div.third, .form_field input.third { width: 65px; } .fancyForm .fancyField > div.quarter, .form_field input.quarter { width: 48px; } .fancyForm .fancyField > div.twothird, .form_field input.twothird { width: 135px; } .fancyForm .fancyField > div.threequarter, .form_field input.threequarter { width: 145px; } .fancyForm .fancySubmit button, .fancyForm .fancySubmit input[type=submit] { margin-left: 145px; } .layout2columns, .layout3columns, .layout4columns { width:100%; margin:0; padding:0; } .layout2columns > div { float: left; width: ; margin-left: ; } .layout3columns > div { float: left; width: ; margin-left: ; } .layout4columns > div { float: left; width: ; margin-left: ; } .columns2 { -webkit-columns: 2 ;; -moz-columns: 2 ;; -ms-columns: 2 ;; -o-columns: 2 ;; columns: 2 ;; column-count: 2; column-gap: 10px; } .columns3 { -webkit-columns: 3 ;; -moz-columns: 3 ;; -ms-columns: 3 ;; -o-columns: 3 ;; columns: 3 ;; column-count: 3; column-gap: 10px; } .columns4 { -webkit-columns: 4 ;; -moz-columns: 4 ;; -ms-columns: 4 ;; -o-columns: 4 ;; columns: 4 ;; column-count: 4; column-gap: 10px; } .portfolio { width: 464px; height: 100px; } .portfolio h2 { width: 464px; } div .pristine-slide, div .pristine-slide img { max-width: 280px; } div .pristine-wrap { max-width: 280px; max-height: 210px; } div .pristine-wrap .pristine-pager-wrap { max-width: 280px; top: calc( 210px - 85px); } } @media only screen and (min-width: 744px) { body,p,div { font-size: 16px; } h1 { font-size: 25px; } h2 { font-size: 22px; } .quote { font-size: 14px; line-height: 14px; } header { width: 744px; height: 260px; } .header_img { width: 744px; height: 260px; margin-top: 0; background-repeat: no-repeat; background-size: cover; background-image: url(/_cache/images/upload_ajaxHLDcU6.w-744.png); } @media only screen and (-webkit-min-device-pixel-ratio: 1.50), only screen and (min--moz-device-pixel-ratio: 1.50), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.50), only screen and (min-resolution: 1.50dppx) { .header_img { background-image: url(/images/upload_ajaxHLDcU6.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 1.67), only screen and (min--moz-device-pixel-ratio: 1.67), only screen and (-o-min-device-pixel-ratio: 5/3), only screen and (min-device-pixel-ratio: 1.67), only screen and (min-resolution: 1.67dppx) { .header_img { background-image: url(/images/upload_ajaxHLDcU6.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 2.00), only screen and (min--moz-device-pixel-ratio: 2.00), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2.00), only screen and (min-resolution: 2.00dppx) { .header_img { background-image: url(/images/upload_ajaxHLDcU6.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min--moz-device-pixel-ratio: 2.25), only screen and (-o-min-device-pixel-ratio: 9/4), only screen and (min-device-pixel-ratio: 2.25), only screen and (min-resolution: 2.25dppx) { .header_img { background-image: url(/images/upload_ajaxHLDcU6.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 3.00), only screen and (min--moz-device-pixel-ratio: 3.00), only screen and (-o-min-device-pixel-ratio: 3/1), only screen and (min-device-pixel-ratio: 3.00), only screen and (min-resolution: 3.00dppx) { .header_img { background-image: url(/images/upload_ajaxHLDcU6.png); } } .logo { width: 74px; height: 74px; margin-top: 0; margin-left: 7px; } footer { width: 744px; height: 110px; font-size: 18px; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; margin-top: -110px; margin-left: -calc(744px / 2); } #area_bottom, #area_bottom p, #area_bottom div { font-size: 18px; } #area_top { width: 100vw; height: 10vw; top: 0; } #center { width: 744px; margin-top: 0; padding-bottom: 0; } #area_left { padding: 7px; top: 0px; width: 0; } #area_left img { width: 0; margin-bottom: 0px; } #area_middle { width: 100%; padding: 7px; padding-top: 7px; } .darkmode #area_middle { } #area_middle.extraWidthAreaLeft { width: calc(100% + 0); } #area_middle.extraWidthAreaRight { width: calc(100% + 0); } #area_middle.extraWidthAreaLeftAreaRight { width: calc(100% + 0 + 0); } #area_right { float: right; clear: none; width: 0; } .form_field label { display: inline-block; } .form_field select { max-width: 330px; } .fancyForm { width: 100%; margin-left: 0%; } .fancyForm .fancyField > div, .form_field input, .form_field_input, .form_field_control, .form_field textarea, .form_field input { width: 330px; } .fancyForm .fancyField > div.half, .form_field input.half, .form_field input.half, .form_field_control.half { width: 163px; } .fancyForm .fancyField > div.third, .form_field input.third { width: 110px; } .fancyForm .fancyField > div.quarter, .form_field input.quarter { width: 80px; } .fancyForm .fancyField > div.twothird, .form_field input.twothird { width: 240px; } .fancyForm .fancyField > div.threequarter, .form_field input.threequarter { width: 280px; } .fancyForm .fancySubmit button, .fancyForm .fancySubmit input[type=submit] { margin-left: 280px; } .layout2columns, .layout3columns, .layout4columns { width:100%; margin:0; padding:0; } .layout2columns > div { float: left; width: ; margin-left: ; } .layout3columns > div { float: left; width: ; margin-left: ; } .layout4columns > div { float: left; width: ; margin-left: ; } .columns2 { -webkit-columns: 2 ;; -moz-columns: 2 ;; -ms-columns: 2 ;; -o-columns: 2 ;; columns: 2 ;; column-count: 2; column-gap: 10px; } .columns3 { -webkit-columns: 3 ;; -moz-columns: 3 ;; -ms-columns: 3 ;; -o-columns: 3 ;; columns: 3 ;; column-count: 3; column-gap: 10px; } .columns4 { -webkit-columns: 4 ;; -moz-columns: 4 ;; -ms-columns: 4 ;; -o-columns: 4 ;; columns: 4 ;; column-count: 4; column-gap: 10px; } .portfolio { width: 280px; height: 100px; } .portfolio h2 { width: 280px; } div .pristine-slide, div .pristine-slide img { max-width: 390px; } div .pristine-wrap { max-width: 390px; max-height: 292px; } div .pristine-wrap .pristine-pager-wrap { max-width: 390px; top: calc( 292px - 80px); } } @media only screen and (min-width: 1000px) { body,p,div { font-size: 18px; } h1 { font-size: 28px; } h2 { font-size: 25px; } .quote { font-size: 16px; line-height: 20px; } header { width: 1000px; height: 350px; } .header_img { width: 1000px; height: 350px; margin-top: 0; background-repeat: no-repeat; background-size: cover; background-image: url(/images/upload_ajaxHLDcU6.png); } @media only screen and (-webkit-min-device-pixel-ratio: 1.50), only screen and (min--moz-device-pixel-ratio: 1.50), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.50), only screen and (min-resolution: 1.50dppx) { .header_img { background-image: url(/images/upload_ajaxHLDcU6.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 1.67), only screen and (min--moz-device-pixel-ratio: 1.67), only screen and (-o-min-device-pixel-ratio: 5/3), only screen and (min-device-pixel-ratio: 1.67), only screen and (min-resolution: 1.67dppx) { .header_img { background-image: url(/images/upload_ajaxHLDcU6.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 2.00), only screen and (min--moz-device-pixel-ratio: 2.00), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2.00), only screen and (min-resolution: 2.00dppx) { .header_img { background-image: url(/images/upload_ajaxHLDcU6.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min--moz-device-pixel-ratio: 2.25), only screen and (-o-min-device-pixel-ratio: 9/4), only screen and (min-device-pixel-ratio: 2.25), only screen and (min-resolution: 2.25dppx) { .header_img { background-image: url(/images/upload_ajaxHLDcU6.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 3.00), only screen and (min--moz-device-pixel-ratio: 3.00), only screen and (-o-min-device-pixel-ratio: 3/1), only screen and (min-device-pixel-ratio: 3.00), only screen and (min-resolution: 3.00dppx) { .header_img { background-image: url(/images/upload_ajaxHLDcU6.png); } } .logo { width: 100px; height: 100px; margin-top: 0; margin-left: 10px; } footer { width: 1000px; height: 110px; font-size: 18px; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; margin-top: -110px; margin-left: -calc(1000px / 2); } #area_bottom, #area_bottom p, #area_bottom div { font-size: 18px; } #area_top { width: 100vw; height: 10vw; top: 0; } #center { width: 1000px; margin-top: 0; padding-bottom: 0; } #area_left { padding: 10px; width: 0; } #area_left img { width: 0; } #area_middle { width: 100%; padding: 10px; padding-top: 10px; } .darkmode #area_middle { } #area_middle.extraWidthAreaLeft { width: calc(100% + 0); } #area_middle.extraWidthAreaRight { width: calc(100% + 0); } #area_middle.extraWidthAreaLeftAreaRight { width: calc(100% + 0 + 0); } #area_right { width: 0; } .fancyForm { width: 100%; margin-left: 0%; } .fancyForm .fancyField > div, .form_field input, .form_field_input, .form_field_control, .form_field textarea, .form_field input { width: 600px; } .fancyForm .fancyField > div.half, .form_field input.half, .form_field input.half, .form_field_control.half { width: 298px; } .fancyForm .fancyField > div.third, .form_field input.third { width: 200px; } .fancyForm .fancyField > div.quarter, .form_field input.quarter { width: 147px; } .fancyForm .fancyField > div.twothird, .form_field input.twothird { width: 407px; } .fancyForm .fancyField > div.threequarter, .form_field input.threequarter { width: 466px; } .fancyForm .fancySubmit button, .fancyForm .fancySubmit input[type=submit] { margin-left: 476px; } .layout2columns, .layout3columns, .layout4columns { width:100%; margin:0; padding:0; } .layout2columns > div { float: left; width: ; margin-left: ; } .layout3columns > div { float: left; width: ; margin-left: ; } .layout4columns > div { float: left; width: ; margin-left: ; } .columns2 { -webkit-columns: 2 ;; -moz-columns: 2 ;; -ms-columns: 2 ;; -o-columns: 2 ;; columns: 2 ;; column-count: 2; column-gap: 10px; } .columns3 { -webkit-columns: 3 ;; -moz-columns: 3 ;; -ms-columns: 3 ;; -o-columns: 3 ;; columns: 3 ;; column-count: 3; column-gap: 10px; } .columns4 { -webkit-columns: 4 ;; -moz-columns: 4 ;; -ms-columns: 4 ;; -o-columns: 4 ;; columns: 4 ;; column-count: 4; column-gap: 10px; } .portfolio { width: 280px; height: 100px; } .portfolio h2 { width: 280px; } div .pristine-slide, div .pristine-slide img { max-width: 640px; } div .pristine-wrap { max-width: 640px; max-height: 480px; } div .pristine-wrap .pristine-pager-wrap { max-width: 640px; top: calc( 480px - 87px ); } } @media only screen and (min-width: 1500px) { body,p,div { font-size: 20px; } h1 { font-size: 32px; } h2 { font-size: 28px; } .quote { font-size: 18px; line-height: 30px; } header { width: 1500px; height: 525px; } .header_img { width: 1500px; height: 525px; margin-top: 0; background-repeat: no-repeat; background-size: cover; background-image: url(/images/upload_ajaxHLDcU6.png); } @media only screen and (-webkit-min-device-pixel-ratio: 1.50), only screen and (min--moz-device-pixel-ratio: 1.50), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.50), only screen and (min-resolution: 1.50dppx) { .header_img { background-image: url(/images/upload_ajaxHLDcU6.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 1.67), only screen and (min--moz-device-pixel-ratio: 1.67), only screen and (-o-min-device-pixel-ratio: 5/3), only screen and (min-device-pixel-ratio: 1.67), only screen and (min-resolution: 1.67dppx) { .header_img { background-image: url(/images/upload_ajaxHLDcU6.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 2.00), only screen and (min--moz-device-pixel-ratio: 2.00), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2.00), only screen and (min-resolution: 2.00dppx) { .header_img { background-image: url(/images/upload_ajaxHLDcU6.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min--moz-device-pixel-ratio: 2.25), only screen and (-o-min-device-pixel-ratio: 9/4), only screen and (min-device-pixel-ratio: 2.25), only screen and (min-resolution: 2.25dppx) { .header_img { background-image: url(/images/upload_ajaxHLDcU6.png); } } @media only screen and (-webkit-min-device-pixel-ratio: 3.00), only screen and (min--moz-device-pixel-ratio: 3.00), only screen and (-o-min-device-pixel-ratio: 3/1), only screen and (min-device-pixel-ratio: 3.00), only screen and (min-resolution: 3.00dppx) { .header_img { background-image: url(/images/upload_ajaxHLDcU6.png); } } .logo { width: 150px; height: 150px; margin-top: 0; margin-left: 15px; } footer { width: 1500px; height: 110px; font-size: 18px; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; margin-top: -110px; margin-left: - calc( 1500 / 2 ); } #area_bottom, #area_bottom p, #area_bottom div { font-size: 18px; } #area_top { width: 100vw; height: 10vw; top: 0; } #center { width: 1500px; margin-top: 0; padding-bottom: 0; } #area_left { padding: 15px; width: 0; } #area_left img { width: 0; } #area_middle { width: 100%; padding: 15px; padding-top: 15px; } .darkmode #area_middle { } #area_middle.extraWidthAreaLeft { width: calc(100% + 0); } #area_middle.extraWidthAreaRight { width: calc(100% + 0); } #area_middle.extraWidthAreaLeftAreaRight { width: calc(100% + 0 + 0); } #area_right { width: 0; } .fancyForm { width: 100%; margin-left: 0%; } .fancyForm .fancyField > div, .form_field input, .form_field_input, .form_field_control, .form_field textarea, .form_field input { width: 860px; } .fancyForm .fancyField > div.half, .form_field input.half, .form_field input.half, .form_field_control.half { width: 428px; } .fancyForm .fancyField > div.third, .form_field input.third { width: 286px; } .fancyForm .fancyField > div.quarter, .form_field input.quarter { width: 211px; } .fancyForm .fancyField > div.twothird, .form_field input.twothird { width: 565px; } .fancyForm .fancyField > div.threequarter, .form_field input.threequarter { width: 640px; } .fancyForm .fancySubmit button, .fancyForm .fancySubmit input[type=submit] { margin-left: 640px; } .layout2columns, .layout3columns, .layout4columns { width:100%; margin:0; padding:0; } .layout2columns > div { float: left; width: ; margin-left: ; } .layout3columns > div { float: left; width: ; margin-left: ; } .layout4columns > div { float: left; width: ; margin-left: ; } .columns2 { -webkit-columns: 2 ;; -moz-columns: 2 ;; -ms-columns: 2 ;; -o-columns: 2 ;; columns: 2 ;; column-count: 2; column-gap: 10px; } .columns3 { -webkit-columns: 3 ;; -moz-columns: 3 ;; -ms-columns: 3 ;; -o-columns: 3 ;; columns: 3 ;; column-count: 3; column-gap: 10px; } .columns4 { -webkit-columns: 4 ;; -moz-columns: 4 ;; -ms-columns: 4 ;; -o-columns: 4 ;; columns: 4 ;; column-count: 4; column-gap: 10px; } .portfolio { width: 280px; height: 100px; } .portfolio h2 { width: 280px; } div .pristine-slide, div .pristine-slide img { max-width: 800px; } div .pristine-wrap { max-width: 800px; max-height: 600px; } div .pristine-wrap .pristine-pager-wrap { max-width: 800px; top: calc( 600px - 87px ); } } div.hor_scroll_table { overflow-x: auto; } div.hor_scroll_table table td:first-child, div.hor_scroll_table table th:first-child { position: sticky; left: 0; padding-right: 10px; } div.hor_scroll_table table td:first-child { background-color:#F7F7F7; } @media only screen and (max-width: 1499px) and (min-width: 744px) { table.responsive tr th.show_if_fit, table.responsive tr td.show_if_fit { display: none; } } @media only screen and (max-width: 743px) { table.responsive table, table.responsive thead, table.responsive tbody, table.responsive tr, table.responsive tr th, table.responsive tr td { display: block; } table.responsive { width: 100%; } table.responsive tr { border: solid 1px #666666; } table.responsive tr th { display: none; } table.responsive tr td { border: none; position: relative; padding-left: 50%; white-space: normal; text-align: left; min-height: 24px; } table.responsive tr td:before { content: attr(tdlabel); position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; } } #menu_bar { width: 308px; max-width: 100%; top: -408px; padding: 0; position: absolute; left: 0; height: calc(10px + 33px); background-color: TRANSPARENT; } .darkmode #menu_bar { background-color: ; } #menu_button { z-index: 1001; width: 44px; height: 33px; margin-top: 5px; border: solid 1px TRANSPARENT; border-radius: 10px; text-align: center; background-color: #FBB03B; color: #FFFFFF; padding: 7px; cursor: pointer; position: absolute; right: 5px; font-size: 18px; line-height: 100%; } .darkmode #menu_button { border: solid 1px ; background-color: ; color: ; } #menu_checkbox { display:none; } #menu_checkbox:checked + nav { display: block; max-height: none; opacity: 1; margin-top: calc( 5px + 33px); top: -408px; background-color: RGBA(0,0,0,0.5); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .darkmode #menu_checkbox:checked + nav { background-color: ; } #menu_checkbox:checked + nav ul li { background-color: RGBA(0,0,0,0.5); } .darkmode #menu_checkbox:checked + nav ul li { background-color: ; } nav { position: absolute; z-index: 1000; overflow: hidden; width: 320px; max-width: 100%; left: -; top: 200px; max-height: 0; opacity: 0; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s; } nav ul { margin: 0px; margin-top: 0px; padding: 0px; } nav ul li { text-align: center; position: relative; margin: 0px; margin-top: 0; padding: 0px; font-family: menu_font;font-weight:normal;font-style:normal;font-variation-settings: 'MONO' 0, 'CASL' 0, 'wght' 500, 'slnt' 0, 'CRSV' 0;; font-weight: normal; background-color: #C8B199; border: 1px solid WHITE; background-repeat: no-repeat; background-position: right 5px; } .darkmode nav ul li { background-color: ; } nav ul li a, nav ul li a:visited { display: block; margin: 0px; padding-top: calc( (33px / 2 ) - 10px); padding-left: 2px; padding-right: 2px; color: #FFFFFF; text-decoration: none; } .darkmode nav ul li a, .darkmode nav ul li a:visited { color: ; } nav ul li:hover { background-color: #666666; border: 1px solid WHITE; } .darkmode nav ul li:hover { background-color: ; } nav ul li.selected>a, nav ul li.expanded>a, nav ul li:hover>a, nav ul li>a:hover, nav ul li>a:active { color: #FFFFFF; text-decoration: none; } .darkmode nav ul li.selected>a, .darkmode nav ul li.expanded>a, .darkmode nav ul li:hover>a, .darkmode nav ul li>a:hover, .darkmode nav ul li>a:active { color: ; } nav ul ul { position: relative; z-index: 10; list-style: none; padding: 0px; margin: 0px; margin-top: 0px; list-style-position: outside; } nav ul ul li { background-color: #C8B199; float: none; border: 1px solid WHITE; top: 0px; padding-left: 10px; } .darkmode nav ul ul li { background-color: ; border: 1px solid ; } nav ul ul li a, nav ul ul li a:visited { border-top: none; margin: 0px; text-decoration: none; text-align: left; color: #FFFFFF; } .darkmode nav ul ul li a, .darkmode nav ul ul li a:visited { color: ; } nav ul ul li:hover, nav ul ul li.selected, nav ul ul li.expanded { background-color: #666666; border: 1px solid WHITE; } .darkmode nav ul ul li:hover, .darkmode nav ul ul li.selected, .darkmode nav ul ul li.expanded { background-color: ; } nav ul ul a:hover, nav ul ul li:hover>a, nav ul ul li.selected>a, nav ul ul li.expanded>a { color: #FFFFFF; text-decoration: none; } .darkmode nav ul ul a:hover, .darkmode nav ul ul li:hover>a, .darkmode nav ul ul li.selected>a, .darkmode nav ul ul li.expanded>a { color: ; } @media only screen and (min-width: 308px) { #menu_bar, #menu_checkbox:checked + nav { width: 308px; top: -408px; } #menu_checkbox:checked + nav { margin-top: calc ( 5px + 33px); } nav { width: 308px; max-width: none; } nav ul li { font-size: 18px; width: 308px; } nav ul li li a, nav ul ul li a, nav ul ul a { font-size: 12px; } } @media only screen and (min-width: 464px) { #menu_bar, #menu_checkbox:checked + nav { width: 464px; top: -345px; } #menu_checkbox:checked + nav { margin-top: calc ( 5px + 33px); } nav { width: 464px; max-width: none; } nav ul li { font-size: 18px; width: 464px; } nav ul li li a, nav ul ul li a, nav ul ul a { font-size: 12px; } } @media only screen and (min-width: 744px) { #menu_bar, #menu_checkbox:checked + nav { width: 744px; top: -345px; } #menu_checkbox:checked + nav { margin-top: calc ( 5px + 33px); } nav { width: 744px; max-width: none; } nav ul li { font-size: 20px; width: 744px; } nav ul li li a, nav ul ul li a, nav ul ul a { font-size: 14px; } } @media only screen and (min-width: 1000px) { #menu_bar, #menu_checkbox:checked + nav { width: 1000px; top: -345px; } #menu_checkbox:checked + nav { margin-top: calc ( 5px + 33px); } nav { width: 1000px; max-width: none; } nav ul li { font-size: 22px; width: 1000px; } nav ul li li a, nav ul ul li a, nav ul ul a { font-size: 16px; } } @media only screen and (min-width: 1500px) { #menu_bar, #menu_checkbox:checked + nav { width: 1500px; top: -345px; } #menu_checkbox:checked + nav { margin-top: calc ( 5px + 33px); } nav { width: 1500px; max-width: none; } nav ul li { font-size: 22px; width: 1500px; } nav ul li li a, nav ul ul li a, nav ul ul a { font-size: 16px; } } @media only screen and (min-width: 744px) { #menu_bar { display: none; } nav { display: block; opacity: 1; overflow: visible; max-height: none; background-color: TRANSPARENT; text-align: center; margin-top: -1px; position: absolute; z-index: 1000; left: 0; } .darkmode nav { background-color: ; } nav ul { position: static; display: inline-block; } nav ul li { width: 143px; margin: 0; margin-left: -1; margin-top: -1px; float: left; text-align: center; } nav ul li a { margin-left: 0px; height: 33px; } nav ul li.selected, nav ul li.expanded { background-color: #666666; border-color: WHITE; } .darkmode nav ul li.selected, .darkmode nav ul li.expanded { background-color: ; border-color: ; } nav ul li.selected>a, nav ul li.expanded>a { font-weight: normal; color: #FFFFFF; } .darkmode nav ul li.selected>a, .darkmode nav ul li.expanded>a { color: ; } nav ul li.parent a { height: 33px; } nav ul ul { position: absolute; display: block; visibility: hidden; left: -1px; } nav ul ul li { width: 143px; margin-left: 0px; border: solid 1px WHITE; background-color: #C8B199; } .darkmode nav ul ul li { border: solid 1px ; background-color: ; } nav ul li ul { opacity: 0; margin-top: 60px; visibility: hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } nav ul li:hover>ul { opacity: 1; margin-top: 1px; margin-left: 0px; visibility: visible; } nav ul li a { border-top: none; } } @media only screen and (min-width: 744px) { nav { width: 744px; top: -345px; } } @media only screen and (min-width: 1000px) { nav { width: 1000px; top: -345px; } } @media only screen and (min-width: 1500px) { nav { width: 1500px; top: -345px; } } div table.responsive tr th { text-align: left; } div table.responsive tr td {min-height:32px;} html body { overflow-x: hidden; } body header { position:relative; height: 350px; width:100%; text-align: center; } header #area_top { margin-top:-6px; width:100%; } header .header_img { width: 100%; background-size: contain; background-position: bottom; height: 154px; position: absolute; bottom: 0; background-color: #42410C; } body footer { width: 100%; left: 0; margin: 0; line-height: 100%; font-size: 14px; } body #area_bottom { width: 100%; color: #FFFFFF; line-height:100%; background-color:#C8B199; } body #center { padding-bottom:200px; } nav { line-height:100%;} body #area_middle { background-color:#42410C; padding:0px; } #area_middle .paragraph,#area_middle .plugin { border-radius: 20px; background-color:#FFFFFF; padding:28px; margin-bottom:20px; margin-top:20px; } #area_middle .paragraph#sponsors { background-color:#42410C; } html body.ONK #pristineslider\.1 { background-color:transparent; padding:0; margin:0; margin-bottom:10px; } html body.ONK div .pristine-wrap, body.ONK div .pristine-slide, html body.ONK div .pristine-slide img { max-width: 720px; max-height: 480px; } @media only screen and (max-width: 999px) { html body.ONK div .pristine-wrap, html body.ONK div .pristine-slide, html body.ONK div .pristine-slide img{ max-width: 610px; max-height: 410px; } } @media only screen and (max-width: 743px) { html body.ONK div .pristine-wrap, html body.ONK div .pristine-slide, html body.ONK div .pristine-slide img{ max-width: 325px; max-height: 220px; } } @media only screen and (max-width: 463px) { html body.ONK div .pristine-wrap, html body.ONK div .pristine-slide,html body.ONK div .pristine-slide img{ max-width: 308px; max-height: 205px; } } html body#page-onk nav { top:-585px } html body#page-onk div #menu_checkbox:checked + nav { top: -585px; } html body#page-onk div #menu_bar { top: -585px; } html body#page-onk header { height: 590px; overflow: visible; background-image: url(/images/upload_ajax55xm7R.jpg?t=1550673586); background-size: cover; background-position: center center; z-index: 1; } html body#page-onk #area_middle { min-height: 400px; width: 100%; left: 0; border-radius: 0; padding: 0; } html body#page-onk div .pristine-wrap { width: 100%; height: 450px; } html body#page-onk header .header_img{ z-index:1; height:114px; } #sponsors figure.imgRight { margin-top: -90px; margin-right: -15px; } .paragraph#la\.trappe\.1, .paragraph#la\.trappe\.1 h1 { background-color: transparent; color: white; } .simpleForm .form_field label { width: 300px; text-align: left; }table.responsive{} img.noViewer {} a.cssSubmitButton { font-size: 20px; background: #fff no-repeat 4px 5px; display: inline-block; padding: 5px 20px 6px; color: #666666; font-weight: bold; border: 1px solid #420511; text-decoration: none; line-height: 1.2em; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; position: relative; cursor: pointer; outline: none; margin: 5px; } .error {color: red;} .inlever { border: solid 1px #666666; width: 280px; margin: 5px;float: left; } .inlever div { padding: 2px; padding-left:15px; padding-right:15px; } .inlever_header { background-color: white; color:#420511 font-size: 20px; } .inlever_name { font-size: 17px; } table.lined_table { border-spacing:0; border-collapse:collapse; } table.lined_table td { border: solid 1px darkgrey; padding: 2px; margin:0; } table.lined_table th { border: solid 1px darkgrey; padding: 2px; margin:0; background-color: lightgrey; } label.klasse { display: inline-block; width: 44px; text-align: left; } label.inline { width: 130px; height: 18px; text-align: left; color: #999999; background-color: white; font-size: small; padding-top: 3px; text-indent: 5px; display: inline-block; margin-right: 4px; } label.inline + input.inline[type=text] { height: 20px; width: 130px; display: inline-block; } label.inline + input.inline[type=text]:invalid { padding:0px; background-color: transparent; margin-left: -136px; } label.inline + input.inline[type=text]:valid { background-color: white; margin-top: -2px; margin-left: -136px; position: absolute; padding:0px; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } body .ui-tooltip { border: solid 2px #FF9900; border-radius: 4px; background-color: #FFFFCC; color: black; padding: 8px; position: absolute; z-index: 9999; max-width: 280px; -webkit-box-shadow: -2px 2px 10px #000000; box-shadow: -2px 2px 10px #000000; } body .ui-tooltip::before { top: -14px; bottom: auto; left: 10px; right: auto; border-width: 0 6px 14px; content: ""; position: absolute; border-style: solid; border-color: #FF9900 transparent; display: block; width: 0; } body .ui-tooltip::after { top: -9px; bottom: auto; left: 13px; right: auto; border-width: 0 3px 10px; content: ""; position: absolute; border-style: solid; border-color: #FFFFCC transparent; display: block; width: 0; } body .ui-tooltip.bottom::before { top: auto; bottom: -14px; border-width: 14px 6px 0 6px; } body .ui-tooltip.bottom::after { top: auto; bottom: -9px; border-width: 10px 3px 0 3px; } body .ui-tooltip.right::before { left: auto; right: 10px; } body .ui-tooltip.right::after { left: auto; right: 13px; } @media print { td, th { font-size: 8pt; border-bottom: solid 1px black; } td b { font-size: 10pt; } .noprint { display: none; } .page { page-break-before: always; } } @media only screen and (min-width: 700px) { .form_field label { display: inline-block; width: 135px; text-align: right; } } table.dataTable { margin: 0 auto; width: 100%; clear: both; border-collapse: collapse; } table.dataTable thead tr { background: #f2620e; background: -moz-linear-gradient(top, #f2620e 0%, #592705 50%, #461c00 51%, #a54306 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2620e), color-stop(50%,#592705), color-stop(51%,#461c00), color-stop(100%,#a54306)); background: -webkit-linear-gradient(top, #f2620e 0%,#592705 50%,#461c00 51%,#a54306 100%); background: -o-linear-gradient(top, #f2620e 0%,#592705 50%,#461c00 51%,#a54306 100%); background: -ms-linear-gradient(top, #f2620e 0%,#592705 50%,#461c00 51%,#a54306 100%); background: linear-gradient(to bottom, #f2620e 0%,#592705 50%,#461c00 51%,#a54306 100%); color: white; } table.dataTable tr th { text-align: center; border-right: ridge 2px #f3ce9b; } table.dataTable tbody td { text-align: left; background-color: #FFFFFC; } table.dataTable tbody tr.odd td { background-color: #FFFFEE; } table.dataTable tbody tr.even td.sorting_1, table.dataTable tbody tr.even td.sorting_2, table.dataTable tbody tr.even td.sorting_3 { background-color: #FFFFEE; } table.dataTable tbody tr.odd td.sorting_1, table.dataTable tbody tr.odd td.sorting_2, table.dataTable tbody tr.odd td.sorting_3 { background-color: #FFFFDD; } .dataTables_wrapper { border: 1px solid #e48d14; border-radius: 5px; background-color: #f3ce9b; color: #222222; } .dataTables_wrapper:after { display:block; clear:both; content: " "; } .dataTables_length, .dataTables_info { margin: 5px; margin-left: 10px; } .dataTables_filter { margin: 5px; } .dataTables_wrapper .paging_full_numbers { margin: 5px; margin-right: 10px; } .dataTables_wrapper .paging_full_numbers a.paginate_button.first { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .dataTables_wrapper .paging_full_numbers a.paginate_button.last { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .dataTables_wrapper .paging_full_numbers a.paginate_button { margin: 0; margin-left: -1px; border-radius: 0; background-color: #FFFFDD; border: solid 1px #e48d14; } .dataTables_wrapper .paging_full_numbers a.paginate_button:hover { background-color: #f8f6f2; } .dataTables_wrapper .paging_full_numbers a.paginate_button_disabled { opacity: 0.3; cursor: default; background-color: #FFFFDD; border: solid 1px #e48d14; } .dataTables_wrapper .paging_full_numbers a.paginate_active { margin: 0; margin-left: -1px; border-radius: 0; background-color: #FFFFFF; border: solid 1px #e48d14; font-weight: bold; } .home_link { display:block; } .logo_link { display:none; } .centerLayout { margin: auto; } .home_link { text-align: center; margin-left: auto; margin-right: auto; } .colofon { text-align: center; } #uitleg { margin-bottom:50px; } .popupScreen { position: fixed; z-index: 2000; top: 0; bottom: 0; left: 0; right: 0; height:100%; background-color: rgba(0,0,0,0.5); display: none; } .popupScreen #popup { position: relative; top: 10%; background-color: #FFFFFF; padding: 20px; margin: auto; max-width: 900px; min-width: 308px; max-height: 85%; border: solid 2px #000000; overflow: auto; overflow-x: hidden; } .popupScreen #close_box { position: relative; z-index: 100; top: 10%; padding: 0; margin: auto; max-width: 900px; min-width: 308px; overflow: visible; } .popupScreen #close { position: absolute; right: 3px; top: 5px; cursor: pointer; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: bold; font-size: 19px; text-rendering: auto; transform: translate(0, 0); line-height: .75em; vertical-align: -15%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popupScreen #close:before { content: "\f057"; } #bieren, #persoon { margin-top: 30px; background-color: whitesmoke; border-radius: 15px; border: solid 3px #420511; padding:10px; } #new:not(:checked) ~ #earlier_user { display:block; } #new:checked ~ #earlier_user { display:none; } #new:not(:checked) ~ #new_user { display:none; } #new:checked ~ #new_user { display:block; } #insturen { margin-top:30px; margin-left: 30%; } #footer { margin-top: 60px; } #beertempl { display:none; } #addbeer { margin-right: 10px; font-size: 13px; margin-top: -5px; } #check_email { font-size: 13px; } .reminder { font-size: 10px; } .error { border-color: red; color: #c00; } label.error { font-size: 12px; margin-left:10px; } .red { color: #c00; } label.klasse { width: auto; margin-right: 15px; text-align: left; } input[type="submit"] { -webkit-appearance: button; } input, select { font-size: 12px; } input.now { width: auto; } .subscribe_field input { width: 220px; margin-right: 1px; } .subscribe_field input[type="number"] { width: 100px; margin-right: 1px; } .subscribe_field input[type="submit"] { width: 130px; margin-right: 1px; } .subscribe_field input[type="checkbox"], .subscribe_field input[type="radio"] {width: auto;} .subscribe_field input.half { width: 108px; } .subscribe_field textarea { width: 220px; } .subscribe_field select { max-width: 220px; } .subscribe_field fieldset { display: inline-block; min-width: 200px; vertical-align: top; } .subscribe_field .combo { min-width: 200px; } .subscribe_field input.brouwer { width: 135px; margin-right: 1px; } body div.subscribe_field label { display: block; font-size: 12px; width: 300px; text-align: left; } form#jury { margin: auto; width: 480px; } span.cssSubmitButton { font-size: 20px; background: #fff no-repeat 4px 5px; display: inline-block; padding: 5px 20px 6px; color: #666666; font-weight: bold; border:1px solid #420511; text-decoration: none; line-height: 1.2em; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; position: relative; cursor: pointer; outline:none; margin: 5px; } span.cssSubmitButton:visited {} span.cssSubmitButton:hover { color: #420511; } span.cssDisabledButton { font-size: 20px; background: #fff no-repeat 4px 5px; display: inline-block; padding: 5px 20px 6px; color: #ccc; border:1px solid #ccc; text-decoration: none; font-weight: bold; line-height: 1.2em; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; position: relative; outline:none; margin: 5px; cursor: default; } @media only screen and (max-width: 900px) { .centerLayout.jury { width: 100%; } .colofon { font-size: 11px; } } body div.subscribe_field .header_label { display: block; font-weight: bold; } @media only screen and (min-width: 700px) { body div.subscribe_field .header_label { display: inline-block; width: 135px; font-weight: bold; vertical-align: top; } .subscribe_field input.brouwer { width: 135px; margin-right: 1px; } } @media only screen and (min-width: 1000px) { body div.subscribe_field label { display: inline-block; width: 300; font-size: 12px; text-align: right; } } @media only screen and (max-width: 700px) { form#jury { width: 100%; } }