@font-face{font-family:"fontfam";src:url("/site_style/fonts/Raleway/raleway-regular-webfont.ttf");font-weight:normal;font-style:normal;}@font-face{font-family:"title_font";src:url("/site_style/fonts/Raleway/raleway-medium-webfont.ttf");font-weight:normal;font-style:normal;}@font-face{font-family:"menu_font";src:url("/site_style/fonts/Raleway/raleway-regular-webfont.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: 17px; } #background { z-index: -1; top: 0px; left: 0px; height: 100%; width: 100%; position: fixed; background-color: #FFFFFF; overflow-x: auto; } .darkmode #background { background-color: ; } #background_img { z-index: -1; top: 0px; left: 0px; height: 100%; width: 100%; position: fixed; background-color: #FFFFFF; background-repeat: no-repeat; } .darkmode #background_img { background-color: ; } .touch #background_img { background-size: cover !important; } a { color: #000000; text-decoration: underline; } .darkmode a { color: ; } p, div { color: #000000; font-family: fontfam;font-weight:normal;font-style:normal;; font-size: 17px; line-height: 120%} .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;; line-height: 120%; font-size: 29px; letter-spacing: 0; font-weight: regular; } h1 { color: #000000; } .darkmode h1 { color: ; } h2 { font-weight: regular; font-size: 22px; 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: #F66D42; } .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: #000000; text-align: center; } .darkmode footer { color: ; } footer { background-color: TRANSPARENT; } .darkmode footer { background-color: ; } footer div, footer p { color: #000000; } .darkmode footer div, .darkmode footer p { color: ; } footer a, #area_bottom a, footer div a, footer p a { color: NAVY; 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; text-align: right; margin-right: 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: #000000; } .darkmode #area_top a { color: ; } #area_top a:hover { color: #F66D42; text-decoration: underline; } .darkmode #area_top a:hover { color: ; } #area_bottom { position: relative; bottom: 0; z-index: 20; margin: 0; padding: 0; font-family: Tahoma; color: #000000; } .darkmode #area_bottom { color: ; } .ie #area_bottom { position: absolute; } #center { margin-left: auto; margin-right: auto; background-color: #FFFFFF; } #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: #F66D42; 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: #F66D42; border: 1px solid #F66D42; 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:#F66D42; } .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: TRANSPARENT; 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: #F66D42; color: #FFFFFF; border: 1px solid #F66D42; } .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 #F66D42; 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 #F66D42; } .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: #F66D42; line-height: 16px; font-family: fontfam;font-weight:normal;font-style:normal;; font-size: calc(17px * 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: 17px; } .fancyForm .fancyField > div > input:focus ~ label, .fancyForm .fancyField > div > .passStrengthify > input:focus ~ label { color: #F66D42; } .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: #F66D42; } .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 #F66D42; 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: #F66D42; line-height: 16px; font-family: fontfam;font-weight:normal;font-style:normal;; font-size: 17px; 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: #F66D42; } .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: #F66D42; color: #FFFFFF; border: 1px solid #F66D42; } .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-size: 29px; 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: #000000; padding-left: 5px; padding-right: 5px; } .darkmode .news_date { color: ; } .news_abstract { color: #000000; font-size: 17px; } .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-size: 29px; 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: #000000; 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: 17px; } .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: 17px; padding: 0px; background-color: TRANSPARENT; } .darkmode table.guestbook th { color: ; background-color: ; } table.guestbook td { color: #000000; font-size: 17px; 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: TRANSPARENT; 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: TRANSPARENT; font-weight: bold; } .darkmode .guestbook .logged { background-color: ; } .guestbook .website { padding-left: 4px; background-color: TRANSPARENT; } .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: TRANSPARENT; 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: TRANSPARENT; 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: 17px; } h1 { font-size: 29px; } h2 { font-size: 22px; } .quote { font-size: 10px; line-height: 6px; } header { width: 100vw; max-width: 100%; height: 22vw; margin-top: 33px; } header { background-color: #FFFFFF; } .darkmode header { background-color: ; } .header_img { width: 100vw; height: 22vw; margin-top: 0px; background-repeat: no-repeat; background-size: cover; background-image: url(/_cache/images/upload_ajax6BijiF.w-100.jpg); } @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_ajax6BijiF.pr-150.w-100.jpg); } } @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_ajax6BijiF.pr-167.w-100.jpg); } } @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_ajax6BijiF.pr-200.w-100.jpg); } } @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_ajax6BijiF.pr-225.w-100.jpg); } } @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_ajax6BijiF.pr-300.w-100.jpg); } } .logo { background-image: url(/_cache/images/upload_ajaxLVaOgQ.w-150.png); background-size: 150px auto; width: 150px; height: auto; margin-top: 5vw; margin-left: 5vw; } @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) { .logo { background-image: url(/_cache/images/upload_ajaxLVaOgQ.pr-150.w-150.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) { .logo { background-image: url(/_cache/images/upload_ajaxLVaOgQ.pr-167.w-150.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) { .logo { background-image: url(/_cache/images/upload_ajaxLVaOgQ.pr-200.w-150.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) { .logo { background-image: url(/_cache/images/upload_ajaxLVaOgQ.pr-225.w-150.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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.png); } } footer { width: 308px; max-width: 100%; height: 34px; font-size: 9px; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; } #area_bottom, #area_bottom p, #area_bottom div { font-size: 9px; } #area_top { width: 308px; height: 22vw; top: -5px; } #center { width: 308px; max-width: 100%; margin-top: 0; padding-bottom: 0; } #area_left { padding: 3px; } #area_left img { width: ; 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: 100%; } .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: 100%; } .fancyForm .fancyField > div.half, .form_field input.half, .form_field input.half, .form_field_control.half { width: 49%; } .fancyForm .fancyField > div.third, .form_field input.third { width: 32%; } .fancyForm .fancyField > div.quarter, .form_field input.quarter { width: 24%; } .fancyForm .fancyField > div.twothird, .form_field input.twothird { width: 65%; } .fancyForm .fancyField > div.threequarter, .form_field input.threequarter { width: 74%; } .fancyForm .fancySubmit button, .fancyForm .fancySubmit input[type=submit] { margin-left: 74%; } .layout2columns, .layout3columns, .layout4columns { width:100%; margin:0; padding:0; clear: both; } .layout2columns > div { float: left; width: 100%; margin-left: 0%; } .layout2columns > div:first-child { margin-left: 0; } .layout3columns > div { float: left; width: 100%; margin-left: 0%; } .layout3columns > div:first-child { margin-left: 0; } .layout4columns > div { float: left; width: 100%; margin-left: 0%; } .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: 17px; } h1 { font-size: 29px; } h2 { font-size: 22px; } .quote { font-size: 12px; line-height: 9px; } header { width: 100vw; height: 22vw; margin-top: 0; } .header_img { width: 100vw; height: 22vw; margin-top: 0px; background-repeat: no-repeat; background-size: cover; background-image: url(/_cache/images/upload_ajax6BijiF.w-100.jpg); } @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_ajax6BijiF.pr-150.w-100.jpg); } } @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_ajax6BijiF.pr-167.w-100.jpg); } } @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_ajax6BijiF.pr-200.w-100.jpg); } } @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_ajax6BijiF.pr-225.w-100.jpg); } } @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_ajax6BijiF.pr-300.w-100.jpg); } } .logo { background-image: url(/_cache/images/upload_ajaxLVaOgQ.w-300.png); background-size: 300px auto; width: 300px; height: auto; margin-top: 5vw; margin-left: 5vw; } @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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.png); } } footer { width: 464px; height: 51px; font-size: 12px; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; } #area_bottom, #area_bottom p, #area_bottom div { font-size: 12px; } #area_top { width: 464px; height: 22vw; top: 0; } #center { width: 464px; margin-top: 0; padding-bottom: 0; } #area_left { padding: 5px; width: ; float: left; } .darkmode #area_left { } #area_left img { width: ; margin-bottom: 0px; } #leftcol { border-bottom: none; } .darkmode #leftcol { } #area_middle { display: inline-block; width: 464px; padding: 5px; padding-top: 5px; } .darkmode #area_middle { } #area_middle.extraWidthAreaLeft { width: calc(464px + ); } #area_middle.extraWidthAreaRight { width: calc(464px + 0); } #area_middle.extraWidthAreaLeftAreaRight { width: calc(464px + + 0); } #area_right { width:0; float: none; } .form_field select { max-width: 50%; } .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: 50%; } .fancyForm .fancyField > div.half, .form_field input.half, .form_field input.half, .form_field_control.half { width: 24%; } .fancyForm .fancyField > div.third, .form_field input.third { width: 17%; } .fancyForm .fancyField > div.quarter, .form_field input.quarter { width: 12%; } .fancyForm .fancyField > div.twothird, .form_field input.twothird { width: 35%; } .fancyForm .fancyField > div.threequarter, .form_field input.threequarter { width: 49%; } .fancyForm .fancySubmit button, .fancyForm .fancySubmit input[type=submit] { margin-left: 74%; } .layout2columns, .layout3columns, .layout4columns { width:100%; margin:0; padding:0; } .layout2columns > div { float: left; width: 100%; margin-left: 0%; } .layout3columns > div { float: left; width: 100%; margin-left: 0%; } .layout4columns > div { float: left; width: 100%; 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: 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: 17px; } h1 { font-size: 34px; } h2 { font-size: 22px; } .quote { font-size: 14px; line-height: 14px; } header { width: 100vw; height: 22vw; } .header_img { width: 100vw; height: 22vw; margin-top: 0px; background-repeat: no-repeat; background-size: cover; background-image: url(/_cache/images/upload_ajax6BijiF.w-100.jpg); } @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_ajax6BijiF.pr-150.w-100.jpg); } } @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_ajax6BijiF.pr-167.w-100.jpg); } } @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_ajax6BijiF.pr-200.w-100.jpg); } } @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_ajax6BijiF.pr-225.w-100.jpg); } } @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_ajax6BijiF.pr-300.w-100.jpg); } } .logo { background-image: url(/_cache/images/upload_ajaxLVaOgQ.w-300.png); background-size: 300px auto; width: 300px; height: auto; margin-top: 5vw; margin-left: 5vw; } @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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.png); } } footer { width: 744px; height: 81px; font-size: 18px; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; } #area_bottom, #area_bottom p, #area_bottom div { font-size: 18px; } #area_top { width: 744px; height: 22vw; top: 0; } #center { width: 744px; margin-top: 0; padding-bottom: 0; } #area_left { padding: 7px; top: 0px; width: ; } #area_left img { width: ; margin-bottom: 0px; } #area_middle { width: 744px; padding: 7px; padding-top: 7px; } .darkmode #area_middle { } #area_middle.extraWidthAreaLeft { width: calc(744px + ); } #area_middle.extraWidthAreaRight { width: calc(744px + 0); } #area_middle.extraWidthAreaLeftAreaRight { width: calc(744px + + 0); } #area_right { float: right; clear: none; width: 0; } .form_field label { display: inline-block; } .form_field select { max-width: 70%; } .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: 70%; } .fancyForm .fancyField > div.half, .form_field input.half, .form_field input.half, .form_field_control.half { width: 34%; } .fancyForm .fancyField > div.third, .form_field input.third { width: 23%; } .fancyForm .fancyField > div.quarter, .form_field input.quarter { width: 17%; } .fancyForm .fancyField > div.twothird, .form_field input.twothird { width: 47%; } .fancyForm .fancyField > div.threequarter, .form_field input.threequarter { width: 63%; } .fancyForm .fancySubmit button, .fancyForm .fancySubmit input[type=submit] { margin-left: 74%; } .layout2columns, .layout3columns, .layout4columns { width:100%; margin:0; padding:0; } .layout2columns > div { float: left; width: 45%; margin-left: 4%; } .layout3columns > div { float: left; width: 29%; margin-left: 4%; } .layout4columns > div { float: left; width: 20%; margin-left: 4%; } .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: 20px; } h1 { font-size: 34px; } h2 { font-size: 22px; } .quote { font-size: 16px; line-height: 20px; } header { width: 100vw; height: 22vw; } .header_img { width: 100vw; height: 22vw; margin-top: 0px; background-repeat: no-repeat; background-size: cover; background-image: url(/_cache/images/upload_ajax6BijiF.w-100.jpg); } @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_ajax6BijiF.pr-150.w-100.jpg); } } @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_ajax6BijiF.pr-167.w-100.jpg); } } @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_ajax6BijiF.pr-200.w-100.jpg); } } @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_ajax6BijiF.pr-225.w-100.jpg); } } @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_ajax6BijiF.pr-300.w-100.jpg); } } .logo { background-image: url(/_cache/images/upload_ajaxLVaOgQ.w-300.png); background-size: 300px auto; width: 300px; height: auto; margin-top: 5vw; margin-left: 5vw; } @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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.png); } } footer { width: 1000px; height: 109px; font-size: 18px; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; } #area_bottom, #area_bottom p, #area_bottom div { font-size: 18px; } #area_top { width: 1000px; height: 22vw; top: 0; } #center { width: 1000px; margin-top: 0; padding-bottom: 0; } #area_left { padding: 10px; width: ; } #area_left img { width: ; } #area_middle { width: 1000px; padding: 10px; padding-top: 10px; } .darkmode #area_middle { } #area_middle.extraWidthAreaLeft { width: calc(1000px + ); } #area_middle.extraWidthAreaRight { width: calc(1000px + 0); } #area_middle.extraWidthAreaLeftAreaRight { width: calc(1000px + + 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: 70%; } .fancyForm .fancyField > div.half, .form_field input.half, .form_field input.half, .form_field_control.half { width: 34%; } .fancyForm .fancyField > div.third, .form_field input.third { width: 23%; } .fancyForm .fancyField > div.quarter, .form_field input.quarter { width: 17%; } .fancyForm .fancyField > div.twothird, .form_field input.twothird { width: 47%; } .fancyForm .fancyField > div.threequarter, .form_field input.threequarter { width: 63%; } .fancyForm .fancySubmit button, .fancyForm .fancySubmit input[type=submit] { margin-left: 74%; } .layout2columns, .layout3columns, .layout4columns { width:100%; margin:0; padding:0; } .layout2columns > div { float: left; width: 45%; margin-left: 4%; } .layout3columns > div { float: left; width: 29%; margin-left: 4%; } .layout4columns > div { float: left; width: 20%; margin-left: 4%; } .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: 34px; } h2 { font-size: 22px; } .quote { font-size: 18px; line-height: 30px; } header { width: 100vw; height: 22vw; } .header_img { width: 100vw; height: 22vw; margin-top: 0px; background-repeat: no-repeat; background-size: cover; background-image: url(/_cache/images/upload_ajax6BijiF.w-100.jpg); } @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_ajax6BijiF.pr-150.w-100.jpg); } } @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_ajax6BijiF.pr-167.w-100.jpg); } } @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_ajax6BijiF.pr-200.w-100.jpg); } } @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_ajax6BijiF.pr-225.w-100.jpg); } } @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_ajax6BijiF.pr-300.w-100.jpg); } } .logo { background-image: url(/_cache/images/upload_ajaxLVaOgQ.w-300.png); background-size: 300px auto; width: 300px; height: auto; margin-top: 5vw; margin-left: 5vw; } @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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.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) { .logo { background-image: url(/images/upload_ajaxLVaOgQ.png); } } footer { width: 1500px; height: 218px; font-size: 18px; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; } #area_bottom, #area_bottom p, #area_bottom div { font-size: 18px; } #area_top { width: 1500px; height: 22vw; top: 0; } #center { width: 1500px; margin-top: 0; padding-bottom: 0; } #area_left { padding: 15px; width: ; } #area_left img { width: ; } #area_middle { width: 1500px; padding: 15px; padding-top: 15px; } .darkmode #area_middle { } #area_middle.extraWidthAreaLeft { width: calc(1500px + ); } #area_middle.extraWidthAreaRight { width: calc(1500px + 0); } #area_middle.extraWidthAreaLeftAreaRight { width: calc(1500px + + 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: 70%; } .fancyForm .fancyField > div.half, .form_field input.half, .form_field input.half, .form_field_control.half { width: 34%; } .fancyForm .fancyField > div.third, .form_field input.third { width: 23%; } .fancyForm .fancyField > div.quarter, .form_field input.quarter { width: 17%; } .fancyForm .fancyField > div.twothird, .form_field input.twothird { width: 47%; } .fancyForm .fancyField > div.threequarter, .form_field input.threequarter { width: 63%; } .fancyForm .fancySubmit button, .fancyForm .fancySubmit input[type=submit] { margin-left: 74%; } .layout2columns, .layout3columns, .layout4columns { width:100%; margin:0; padding:0; } .layout2columns > div { float: left; width: 45%; margin-left: 4%; } .layout3columns > div { float: left; width: 29%; margin-left: 4%; } .layout4columns > div { float: left; width: 20%; margin-left: 4%; } .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: -22vw; 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 #F66D42; border-radius: 10px; text-align: center; background-color: #F66D42; 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: -22vw; background-color: RGBA(255,255,255,0.8); -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(255,255,255,0.8); } .darkmode #menu_checkbox:checked + nav ul li { background-color: ; } nav { position: absolute; z-index: 1000; overflow: hidden; width: 320px; max-width: 100%; left: -0px; 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-weight: normal; background-color: TRANSPARENT; border: 1px solid TRANSPARENT; 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( (80px / 2 ) - 10px); padding-left: 10px; padding-right: 10px; color: #000000; text-decoration: none; } .darkmode nav ul li a, .darkmode nav ul li a:visited { color: ; } nav ul li:hover { background-color: TRANSPARENT; border: 1px solid TRANSPARENT; } .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: #F66D42; 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: RGBA(255,255,255,0.8); float: none; border: 1px solid TRANSPARENT; 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: #000000; } .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: RGBA(255,255,255,0.8); border: 1px solid TRANSPARENT; } .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: #F66D42; 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: -22vw; } #menu_checkbox:checked + nav { margin-top: calc ( 5px + 33px); } nav { width: 308px; max-width: none; } nav ul li { font-size: 17px; width: 308px; } nav ul li li a, nav ul ul li a, nav ul ul a { font-size: 17px; } } @media only screen and (min-width: 464px) { #menu_bar, #menu_checkbox:checked + nav { width: 464px; top: -22vw; } #menu_checkbox:checked + nav { margin-top: calc ( 5px + 33px); } nav { width: 464px; max-width: none; } nav ul li { font-size: 17px; width: 464px; } nav ul li li a, nav ul ul li a, nav ul ul a { font-size: 17px; } } @media only screen and (min-width: 744px) { #menu_bar, #menu_checkbox:checked + nav { width: 744px; top: -22vw; } #menu_checkbox:checked + nav { margin-top: calc ( 5px + 33px); } nav { width: 744px; max-width: none; } nav ul li { font-size: 17px; width: 744px; } nav ul li li a, nav ul ul li a, nav ul ul a { font-size: 17px; } } @media only screen and (min-width: 1000px) { #menu_bar, #menu_checkbox:checked + nav { width: 1000px; top: -22vw; } #menu_checkbox:checked + nav { margin-top: calc ( 5px + 33px); } nav { width: 1000px; max-width: none; } nav ul li { font-size: 17px; width: 1000px; } nav ul li li a, nav ul ul li a, nav ul ul a { font-size: 17px; } } @media only screen and (min-width: 1500px) { #menu_bar, #menu_checkbox:checked + nav { width: 1500px; top: -22vw; } #menu_checkbox:checked + nav { margin-top: calc ( 5px + 33px); } nav { width: 1500px; max-width: none; } nav ul li { font-size: 17px; width: 1500px; } nav ul li li a, nav ul ul li a, nav ul ul a { font-size: 17px; } } @media only screen and (min-width: 1000px) { #menu_bar { display: none; } nav { display: block; opacity: 1; overflow: visible; max-height: none; background-color: #FFFFFF; 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: auto; padding-left: 10px; padding-right: 10px; margin: 0; margin-left: -1px; margin-top: -1px; float: left; text-align: center; } nav ul li a { margin-left: 0px; height: 80px; } nav ul li.selected, nav ul li.expanded { background-color: TRANSPARENT; border-color: TRANSPARENT; } .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: #F66D42; } .darkmode nav ul li.selected>a, .darkmode nav ul li.expanded>a { color: ; } nav ul li.parent a { height: 80px; } nav ul ul { position: absolute; display: block; visibility: hidden; left: -1px; } nav ul ul li { width: auto; padding-left: 10px; padding-right: 10px; margin-left: 0px; border: solid 1px TRANSPARENT; background-color: RGBA(255,255,255,0.8); } .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: 1000px) { nav { width: 1000px; top: -22vw; } } @media only screen and (min-width: 1500px) { nav { width: 1500px; top: -22vw; } } h2 { font-family: title_font } h1 {clear:both;} h2 {clear:both;} p {clear:both;} nav ul li a { white-space: nowrap; } .doc_table_inner td {font-size:13px;} .doc_table_inner td:first-child {font-size: 18px; padding-top:14px;} table.doc_table_inner.responsive tr {border-bottom: solid 1px #999999;} @media only screen and (max-width: 743px) { table.doc_table_inner.responsive tr td {padding-left: 0%;} table.doc_table_inner.responsive tr {border-bottom: solid 1px #333333;} } html.darkmode body .ui-tooltip { border: solid 2px #FFFFFF; background: #669966; } html.darkmode body .ui-tooltip::before { border-color: #FFFFFF transparent; } html.darkmode body .ui-tooltip::after { border-color: #FFFFCC transparent; } a.logo { margin-top: -120px; position: absolute; z-index: 1000; } footer { border-top: solid 2px #999999; width: 100%; } footer h2 { color: #FFFFFF; } .logo { fill:#CCFFCC; } html.darkmode #popup { background-color: #336633; } html.darkmode table th.ck_title { border: solid 1px #FFFFFF; } html.darkmode table.ck td.ck_left { background-color: #FFFFFF22; border: solid 1px #FFFFFF; } html.darkmode table.ck td.ck_right { background-color: #336633; border: solid 1px #FFFFFF; } html.darkmode .dataTable th { background-color: #FFFFFF11; color: #FFFFFF; } html.darkmode table.dataTable td { background-color: #336633DD; } html.darkmode table.dataTable .odd td { background-color: #336633CC; } html.darkmode table.dataTable.display tbody tr> .sorting_1, html.darkmode table.dataTable.order-column.hover tbody tr > .sorting_1 { background-color: #336633EE; } .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 { color: #EEEEEE; } .darkmode .passStrengthify a{ background-color: #557755; } .darkmode .select2-results .select2-result-label { color: #333333; } .fancyForm div.fancyField { margin-top: 16px; } .fancyForm .fancyField > div > div.upload, .fancyForm .fancyField > div > textarea, .fancyForm .fancyField > div > fieldset { border: solid 1px #999999; } .darkmode .fancyForm .fancyField > div > div.upload, .darkmode .fancyForm .fancyField > div > textarea, .darkmode .fancyForm .fancyField > div > fieldset { border: solid 1px #CCCCCC; } div .form_field fieldset { min-width: 85px; } div .form_field label.radio-label { width: 85px; } div>label{ font-size:14px; } #beers label { width: 250px; display: block; } @media only screen and (min-width: 308px) { nav ul li a { margin-top: 15px; } nav ul li:last-child a { margin-bottom: 15px; } div .form_field label { width: 268px; font-size: 19px; margin-bottom: 5px; } } div .form_field label.radio-label { width: auto; } .fancyForm .fancySubmit button { background-color: transparent; border: none; width: 90px; font-size: 14px; text-align: center; color: #000000; } .darkmode .fancyForm .fancySubmit button, .darkmode .fancyForm .fancySubmit button::before { color: #EEEEEE; } .lightmode .fancyForm .fancySubmit button::before { color: #336633; } .fancyForm .fancySubmit button::before { content: "\f1d8\0a"; clear: both; font-weight: lighter; color: #EEEEEE; font-family: "Font Awesome 5 Pro"; margin-left: 20px; font-size: 50px; line-height: 120%; } .fancyField i.fas, .fancyField i.far { visibility: hidden; } h2 { font-family: title_font } h1 {clear:both;} h2 {clear:both;} p {clear:both;} nav ul li a { white-space: nowrap; } .doc_table_inner td {font-size:13px;} .doc_table_inner td:first-child {font-size: 18px; padding-top:14px;} table.doc_table_inner.responsive tr {border-bottom: solid 1px #999999;} @media only screen and (max-width: 743px) { table.doc_table_inner.responsive tr td {padding-left: 0%;} table.doc_table_inner.responsive tr {border-bottom: solid 1px #333333;} } html.darkmode body .ui-tooltip { border: solid 2px #FFFFFF; background: #669966; } html.darkmode body .ui-tooltip::before { border-color: #FFFFFF transparent; } html.darkmode body .ui-tooltip::after { border-color: #FFFFCC transparent; } a.logo { margin-top: -120px; position: absolute; z-index: 1000; } footer { border-top: solid 2px #999999; width: 100%; } footer h2 { color: #FFFFFF; } .logo { fill:#CCFFCC; } html.darkmode #popup { background-color: #336633; } html.darkmode table th.ck_title { border: solid 1px #FFFFFF; } html.darkmode table.ck td.ck_left { background-color: #FFFFFF22; border: solid 1px #FFFFFF; } html.darkmode table.ck td.ck_right { background-color: #336633; border: solid 1px #FFFFFF; } html.darkmode .dataTable th { background-color: #FFFFFF11; color: #FFFFFF; } html.darkmode table.dataTable td { background-color: #336633DD; } html.darkmode table.dataTable .odd td { background-color: #336633CC; } html.darkmode table.dataTable.display tbody tr> .sorting_1, html.darkmode table.dataTable.order-column.hover tbody tr > .sorting_1 { background-color: #336633EE; } .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 { color: #EEEEEE; } .darkmode .passStrengthify a{ background-color: #557755; } .darkmode .select2-results .select2-result-label { color: #333333; } .fancyForm div.fancyField { margin-top: 16px; } .fancyForm .fancyField > div > div.upload, .fancyForm .fancyField > div > textarea, .fancyForm .fancyField > div > fieldset { border: solid 1px #999999; } .darkmode .fancyForm .fancyField > div > div.upload, .darkmode .fancyForm .fancyField > div > textarea, .darkmode .fancyForm .fancyField > div > fieldset { border: solid 1px #CCCCCC; } div .form_field fieldset { min-width: 85px; } div .form_field label.radio-label { width: 85px; } div>label{ font-size:14px; } #beers label { width: 250px; display: block; } @media only screen and (min-width: 308px) { nav ul li a { margin-top: 15px; } nav ul li:last-child a { margin-bottom: 15px; } div .form_field label { width: 268px; font-size: 19px; margin-bottom: 5px; } } div .form_field label.radio-label { width: auto; } .fancyForm .fancySubmit button { background-color: transparent; border: none; width: 90px; font-size: 14px; text-align: center; color: #000000; } .darkmode .fancyForm .fancySubmit button, .darkmode .fancyForm .fancySubmit button::before { color: #EEEEEE; } .lightmode .fancyForm .fancySubmit button::before { color: #336633; } .fancyForm .fancySubmit button::before { content: "\f1d8\0a"; clear: both; font-weight: lighter; color: #EEEEEE; font-family: "Font Awesome 5 Pro"; margin-left: 20px; font-size: 50px; line-height: 120%; } .fancyField i.fas, .fancyField i.far { visibility: hidden; } #page-home header { height: 48vw; } #page-home header .header_img, #page-home header .logo { display: none; } #page-home nav, #page-home #menu_bar { top: -46vw; } #page-home .homeslider { width: 100vw; height: 48vw; position: absolute; top: 0; left: 0; } #page-home .homeslider .pristine-slide, #page-home .homeslider div .pristine-slide img { max-width: 100vw; } #page-home .homeslider .pristine-wrap { max-width: 100vw; max-height: 48vw; } #page-home .homeslider .pristine-wrap .pristine-pager-wrap { max-width: 96vw; top: 44vw; } #page-home .homeslider .pristine-arrow { left: 10px; } #page-home .homeslider .pristine-arrow.pristine-arrow-next { right: 10px; left: auto; } #page-home .homeslider .pristine-leftbox { position: relative; z-index: 1; margin-top: 10px; width: 90%; text-align: left; margin-left: 5%; background-color: rgba(0,0,0,0.4); padding: 2vw; } #page-home .homeslider .pristine-leftbox h1, #page-home .homeslider .pristine-leftbox h2, #page-home .homeslider .pristine-leftbox p { color: white; } @media only screen and (max-width: 744px) { #page-home .homeslider .pristine-leftbox h1 { font-size: 18px; } #page-home .homeslider .pristine-leftbox h2 { font-size: 14px; } #page-home .homeslider .pristine-leftbox p { font-size: 10px; } } @media only screen and (min-width: 1000px) { #page-home .homeslider .pristine-leftbox { width: 40%; margin-top: 142px; } } div.circle { background-image: url(/images/upload_ajaxs44tOp.png); background-size: 100%; background-repeat: no-repeat; padding-top: 100%; position: relative; } div.circle-content { position: absolute; top: 0px; left: calc(50% - 145px); text-align: center; top: calc(50% - 270px); } #page-assortiment #header1, #page-producten #header1 { display:none; } #page-assortiment #center, #page-producten #center { padding-top: 130px; } #page-assortiment nav, #page-producten nav { top: -110px; } #page-assortiment #menu_bar, #page-producten #menu_bar { top: -80px; height: 90px; background-image: url(/images/upload_ajaxLVaOgQ.png); background-size: 300px; background-repeat: no-repeat; background-position: 0px 8px; } .Hero1 p { line-height: 60%; } p.herotitel { margin-top: 0px; margin-bottom: 0px; } .lijn { border-bottom: 4px solid #92aca0; margin-top: -7px; margin-bottom: 8px; } #area_top .button a { color: #FFFFFF; } hr {color: #F66D42;} h1 { text-align: center; } h1::after{ bottom: 0; height: 8px; content: ""; width: 114px; display: block; position: relative; left: 0; right: 0; margin: 0 auto; background-image: url(/images/upload_ajaxn2xxfQ.png); } .form_field label { display: block; font-size: smaller; } div nav>ul { padding-right: 40px; } div nav ul li { text-align: center; text-transform: uppercase; } nav ul ul li { padding-top: 3px; padding-bottom: 11px; white-space: nowrap; } #menu #l-nl a { color: transparent; display: inline-block; width: 30px; height: 20px; background-image:url("/images/upload_ajaxiirMjz.jpg"); background-size: 30px 20px; background-position: center; background-repeat: no-repeat; border-radius: 3px; margin-top: 25px; margin-left: 10px; } #menu #l-en a { color: transparent; display: inline-block; width: 30px; height: 20px; background-image:url("/images/upload_ajaxFF7LnI.jpg"); background-size: 30px 20px; background-position: center; background-repeat: no-repeat; border-radius: 3px; margin-top: 25px; margin-left: 10px; } .logo { background-image: url(/images/upload_ajaxLVaOgQ.png); background-size: 150px; background-repeat: no-repeat; width: 150px; height: 50px; margin-top: 2.5vw; margin-left: 2.5vw; background-color: white; border: solid 5px white; } body footer { width: 100vw; background-size: 100vw 100%; } div .fancyForm .fancyField > i { width:0px; } @media only screen and (min-width: 308px) { .button { padding: 15px 20px; font-size: 18px; margin-right: 70px; } .Hero1 p { font-size: 30px; } .lijn { width: 286px; } div nav ul li { text-align: left; padding: 5px; } div nav ul li li { padding: 5px; } } @media only screen and (min-width: 744px) { .button { padding: 26px 30px; font-size: 35px; margin-right: 0px; } .Hero1 p { font-size: 56px; } .lijn { width: 533px; } div nav ul li { text-align: center; } div nav ul ul { top: 31px; } .logo { background-image: url(/images/upload_ajaxLVaOgQ.png); background-size: 300px; background-repeat: no-repeat; width: 300px; height: 100px; margin-top: 5vw; margin-left: 5vw; background-color: white; border: solid 10px white; } } @media only screen and (min-width: 1000px) { div nav>ul { padding-left: 300px; background-image: url(/images/upload_ajaxLVaOgQ.png); background-size: 300px; background-repeat: no-repeat; background-position: 0px 8px; } .logo { display:none; } }table.responsive{} .button { font-size: 24px; display: inline-block; border-radius: 30px; cursor: pointer; text-align: center; text-decoration: none; outline: none; background-color: #F66D42; color: #FFFFFF; } .oranje-icoon { color:#F66D42; font-size:36pt; } .icoon { font-size:36pt; }