@import url(https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,600,700,300italic); #site { background: none repeat scroll 0 0 transparent; width: 100%; position: absolute; } .font_title { font-family: Open Sans, sans-serif; } .font_subtitle { font-family: Open Sans, sans-serif; } .font_body { font-family: Open Sans, sans-serif; } .error { color:red; } .disabled { color: #999999; } div.logon div.error, div.logon-remark { text-align:center; } div.paragraph_top { position:relative; top: -110px; height: 0px; } .text_color { color: #173337; } .text_color a, .text_color a:hover, .text_color a:focus, .text_color a:active { text-decoration: underline; color: #173337; } .bg_color { color: #FFFFFF; } .bg_color a, .bg_color a:hover, .bg_color a:focus, .bg_color a:active { text-decoration: underline; color: #FFFFFF; } .alt_color { color: #20534C; } .alt_color a, .alt_color a:hover, .alt_color a:focus, .alt_color a:active { text-decoration: underline; color: #20534C; } .alt_bg_color { color: #C0D2DB; } .alt_bg_color a, .alt_bg_color a:hover, .alt_bg_color a:focus, .alt_bg_color a:active { text-decoration: underline; color: #C0D2DB; } .btn_bg_color { color: TRANSPARENT; } .btn_bg_color a, .btn_bg_color a:hover, .btn_bg_color a:focus, .btn_bg_color a:active { text-decoration: underline; color: TRANSPARENT; } .btn_border_color { color: #FFFFFF; } .btn_border_color a, .btn_border_color a:hover, .btn_border_color a:focus, .btn_border_color a:active { text-decoration: underline; color: #FFFFFF; } .black { color: black; } .black a, .black a:hover, .black a:focus, .black a:active { text-decoration: underline; color: black; } .white { color: white; } .white a, .white a:hover, .white a:focus, .white a:active { text-decoration: underline; color: white; } .trans { color: transparent; } .trans a, .trans a:hover, .trans a:focus, .trans a:active { text-decoration: underline; color: transparent; } .bg_text_color { background-color: #173337; } .bg_bg_color { background-color: #FFFFFF; } .bg_alt_color { background-color: #20534C; } .bg_alt_bg_color { background-color: #C0D2DB; } .bg_btn_border_color { background-color: #FFFFFF; } .bg_btn_bg_color { background-color: TRANSPARENT; } .bg_black { background-color: black; } .bg_white { background-color: white; } .bg_trans { background-color: transparent; } .border_text_color { border-color: #173337; } .border_bg_color { border-color: #FFFFFF; } .border_alt_color { border-color: #20534C; } .border_alt_bg_color { border-color: #C0D2DB; } .border_btn_border_color { border-color: #FFFFFF; } .border_btn_bg_color { border-color: TRANSPARENT; } .border_black { border-color: black; } .border_white { border-color: white; } .border_trans { border-color: transparent; } button, select { color: #173337; font-size: 16px; } .container-fluid { margin-bottom: 15px; } @media (min-width: 1200px) { .container { width:1170px; } } .unpadded { padding:0; } div.container div#column_holder div#col_left div section div.container, div.container div#column_holder div#col_right div section div.container { width:auto; } div.DefaultTmpl-imagerow { margin-bottom: 30px; margin-left: -30px; margin-right: -30px; } select.quicklinks { display: block; } div.container > select.quicklinks { margin-left: auto; margin-right: auto; } .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: 80%; 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: 5px; top: 8px; cursor: pointer; font-family: "Font Awesome 5 Pro"; font-style: normal; font-size: 29px; 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"; } 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; } .columns2 { -webkit-columns: 2 300px; -moz-columns: 2 300px; -ms-columns: 2 300px; -o-columns: 2 300px; columns: 2 300px; column-count: 2; column-gap: 10px; } .columns3 { -webkit-columns: 3 200px; -moz-columns: 3 200px; -ms-columns: 3 200px; -o-columns: 3 200px; columns: 3 200px; column-count: 3; column-gap: 10px; } .columns4 { -webkit-columns: 4 100px; -moz-columns: 4 100px; -ms-columns: 4 100px; -o-columns: 4 100px; columns: 4 100px; column-count: 4; column-gap: 10px; } .columns2 p, .columns3 p, .columns4 p { margin-top:0; } html { width:100%; height:100%; margin:0; padding:0; overflow: auto; } body { overflow:hidden; color: #173337; background-color: #FFFFFF; font-family: Open Sans, sans-serif; webkit-tap-highlight-color: #20534C; font-size: 18px; } .text-muted { color: #173337; } .text-primary { color: #20534C; } section { font-size: 18px; line-height: 1.4; padding: 15px 0; } p.large { font-size: 27px; } a, a:hover, a:focus, a:active, a.active { outline: 0; } a { color: #20534C; } a:hover, a:focus, a:active, a.active { color: #20534C; } h1 { font-size: 28px; margin-top: 0; font-family: Open Sans, sans-serif; font-weight: 700; } h2 { font-size: 21px; font-family: Open Sans, sans-serif; font-weight: 700; } h3, h4, h5, h6 { font-size: 18px; font-family: Open Sans, sans-serif; font-weight: 700; } div.panel-group div.panel div.panel-heading h2 { margin:0; padding:0; } div.panel-collapse { padding: 0 20px; } div.panel-collapse p { padding-top:10px; } .img-centered { margin: 0 auto; } .alt-bg-color { background-color: #C0D2DB; } .btn-primary { border-color: #20534C; text-transform: uppercase; font-family: Open Sans, sans-serif; color: #FFFFFF; background-color: #20534C; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { border-color: #FFFFFF; color: #FFFFFF; background-color: #20534C; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { border-color: TRANSPARENT; background-color: TRANSPARENT; } .btn-primary .badge { color: TRANSPARENT; background-color: #173337; } .btn-xl { padding: 1em 1.5em; border-color: TRANSPARENT; border-radius: 0.3em; text-transform: uppercase; font-family: Open Sans, sans-serif; font-size: 18px; color: #173337; background-color: TRANSPARENT; } .btn-xl:hover, .btn-xl:focus, .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl { border-color: #FFFFFF; color: #173337; background-color: #20534C; } .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl { background-image: none; } .btn-xl.disabled, .btn-xl[disabled], fieldset[disabled] .btn-xl, .btn-xl.disabled:hover, .btn-xl[disabled]:hover, fieldset[disabled] .btn-xl:hover, .btn-xl.disabled:focus, .btn-xl[disabled]:focus, fieldset[disabled] .btn-xl:focus, .btn-xl.disabled:active, .btn-xl[disabled]:active, fieldset[disabled] .btn-xl:active, .btn-xl.disabled.active, .btn-xl[disabled].active, fieldset[disabled] .btn-xl.active { border-color: TRANSPARENT; background-color: TRANSPARENT; } .btn-xl .badge { color: #20534C; background-color: #173337; } div.back_top { margin-top:-60px; } div.back_top a:hover { text-decoration:none; } div.response_form, div.logon { color:#20534C; background-color:#FFFFFF; padding:10px; margin:0px; margin-left:auto; margin-right:auto; margin-bottom: 10px; width:100%; border: 1px solid #20534C; } div.response_form form div.form_field label a { color:#20534C; } div.response_form div.formHeader { color:#FFFFFF; background-color:#C0D2DB; padding:3px; text-align:center; } .response_form_input, .response_form input, .response_form textarea { color:#FFFFFF; background-color:#C0D2DB; border: 1px solid #20534C; padding-left:5px; } input.response_form_button { color:#FFFFFF; background-color:#C0D2DB; border: 1px solid #20534C; cursor: pointer; width: 130px; } .form_box, div.logon a { clear:both; margin: 5px; padding: 5px; } div.logon a { color:#20534C; } .form_icons.form_field { white-space: nowrap; } .form_icons .form_icon { color:#FFFFFF; background-color:#C0D2DB; padding: 4px; display: inline-block; min-width: 24px; text-align: center; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .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 #000000; -webkit-margin-start: 0; -webkit-margin-end: 0; } .form_field .error, .form_field_input.error { border: solid 2px red; } .form_field .error ~ .radio-label { color: 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 ; color: ; text-align: center; padding: 2px; font-size: 12px; margin-top: 20px; } .PopupForm { padding: 20px; font-size: 14px; } .PopupForm td { font-size: 14px; } 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-top: -4px; margin-bottom: -4px; } 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% - 16px); 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-top: -4px; margin-bottom: -4px; } 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% - 16px); left: 15px; } @media only screen and (min-width: 308px) { .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%; } .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: 340px; } p.form_checkbox_text { width: 565px; } } @media only screen and (min-width: 1200px) { .form_field label { width: 440px; } p.form_checkbox_text { width: 660px; } } .fancyForm { margin:auto; background-color:#FFFFFF; width: 308px; padding-left:0px; } .fancyForm .fancyField { clear: both; max-width: 100%; margin: 3px; margin-top: 6px; } .fancyForm .fancyField > i { display:inline-block; width: 32px; height: 36px; font-size: 18px; line-height: 32px; text-align: right; vertical-align: top; padding:0; background-color: #C0D2DB; color: #FFFFFF; border-radius: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .fancyForm .fancyField > div { width: 265px; margin-right: 3px; display: inline-block; position:relative; vertical-align: top; } .fancyForm .fancyField > div.half { width: 131px; } .fancyForm .fancyField > div.third { width: 88px; } .fancyForm .fancyField > div.quarter { width: 65px; } .fancyForm .fancyField > div.twothird { width: 174px; } .fancyForm .fancyField > div.threequarter { width: 197px; } .fancyForm .formFlow { clear:none; float:left; } .fancyForm .fancyField > div > textarea ~ label, .fancyForm .fancyField > div > fieldset ~ label { white-space: nowrap; width: 100%; height: 16px; position: absolute; top: 0px; left:0; color:#FFFFFF; background-color: #C0D2DB; line-height: 16px; font-style: helvetica, arial; font-size: 12px; padding-left:5px; border-top-right-radius: 0px; } .fancyForm .fancyField > div > textarea, .fancyForm .fancyField > div > fieldset { margin: 0; margin-top: 12px; width: 100%; min-height: 100px; } .fancyForm .fancyField > div > fieldset label.error, .fancyForm .fancyField > div > textarea ~ label.error { position: absolute; top: 0; left: 0; padding-left: 5px; color:white; background-color: red; width: 100%; height: 16px; z-index: 5; font-size: 12px; line-height: 16px; } .fancyForm .fancyField > div > input ~ label, .fancyForm .fancyField > div > input.empty:focus ~ label, .fancyForm .fancyField > div > input.empty:invalid ~ label, .fancyForm .fancyField > div > input.empty.error ~ label, .fancyForm .fancyField > div > .passStrengthify > input ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty:focus ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty:invalid ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty.error ~ label { white-space: nowrap; transition: background 0.4s, color 0.4s, top 0.4s, bottom 0.4s, right 0.4s, left 0.4s; position: absolute; width: 100%; height: 16px; top: 0px; left:0; color:#FFFFFF; line-height: 16px; font-style: helvetica, arial; font-size: 12px; padding-left:5px; } .fancyForm .fancyField > div > input ~ label.error, .fancyForm .fancyField > div > input.empty:focus ~ label.error, .fancyForm .fancyField > div > input.empty:invalid ~ label.error, .fancyForm .fancyField > div > input.empty.error ~ label.error, .fancyForm .fancyField > div > .passStrengthify > input ~ label.error, .fancyForm .fancyField > div > .passStrengthify > input.empty:focus ~ label.error, .fancyForm .fancyField > div > .passStrengthify > input.empty:invalid ~ label.error, .fancyForm .fancyField > div > .passStrengthify > input.empty.error ~ label.error { white-space: nowrap; z-index: 5; background-color: red; color: white; padding-right: 5px; width: auto; min-width: 100%; border-top-right-radius: 0px; } .fancyForm .fancyField > div > input.empty ~ label, .fancyForm .fancyField > div > .passStrengthify > input.empty ~ label { top: 10px; padding-left: 5px; left: 0; font-size: 14px; font-weight: normal; color: #999999; } .fancyForm .fancyField > div > label:empty, .fancyForm .fancyField > div > .passStrengthify > label:empty { display:none; } .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-radius: 0; width: 100%; height: 36px; line-height: 20px; border: solid 1px #999999; border-top-width: 16px; border-top-color: #C0D2DB; outline: none; transition: border 0.4s; } .fancyForm .fancyField > div:last-child > input, .fancyForm .fancyField > div:last-child > input.error, .fancyForm .fancyField > div:last-child > .passStrengthify > input, .fancyForm .fancyField > div:last-child > .passStrengthify > input.error { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .fancyForm .fancyField > div > input.empty, .fancyForm .fancyField > div > .passStrengthify > input.empty { border: solid 1px #999999; } .fancyForm .fancyField > div > input:focus, .fancyForm .fancyField > div > input.empty:focus, .fancyForm .fancyField > div > passStrengthify > input:focus, .fancyForm .fancyField > div > passStrengthify > input.empty:focus { border: solid 2px #C0D2DB; border-top-width: 16px; } .fancyForm .fancyField > div > textarea { outline: none; } .fancyForm .fancyField > div > textarea:focus { border: solid 2px #C0D2DB; } .fancyForm .fancyField > div > input.error, .fancyForm .fancyField > div > input.error:focus, .fancyForm .fancyField > div > input.empty.error, .fancyForm .fancyField > div > input.empty.error:focus, .fancyForm .fancyField > div > .passStrengthify > input.error, .fancyForm .fancyField > div > .passStrengthify > input.error:focus, .fancyForm .fancyField > div > .passStrengthify > input.empty.error, .fancyForm .fancyField > div > .passStrengthify > input.empty.error:focus { border-color: red; color: red; } .fancyForm .fancyField > div > .select2, .fancyForm .fancyField > div > .select2 .select2-choice { width: 100%; height: 36px; border-radius: 0px; } .fancyForm .fancyField > div:last-child > .select2 .select2-choice { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .fancyForm .fancySubmit { width: 297px; } .fancyForm input[type=submit], .fancyForm input[type=button], .fancyForm input[type=checkbox], .fancyForm input[type=radio] { width: auto; background-color: #C0D2DB; color: #FFFFFF; border-radius: 0px; border: 1px solid #FFFFFF; } .fancyForm .fancySubmit > i { width: 32px; height: 36px; font-size: 18px; line-height: 32px; text-align: right; vertical-align: top; padding:0; } .fancyForm .fancySubmit > label { font-size: 14px; font-weight: normal; color: #999999; } .fancyForm .fancySubmit > input[type=submit] { float: right; } .fancyField .passStrengthify a { padding-top:6px; padding-bottom:6px; } 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; } table.responsive tr { border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; } table.responsive td, table.responsive th { padding: 3px 25px 3px 10px; } table.responsive td:last-child, table.responsive th:last-child { padding-right:10px; } @media only screen and (min-width: 744px) and (max-width: 999px) { 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 { border: none; } table.responsive tr { border: solid 1px #FFFFFF; padding: 10px; margin-bottom: -1px; } table.responsive tr th { display: none; padding-right:10px; } table.responsive tr td { border: none; position: relative; padding-left:5px; white-space: normal; text-align:left; min-height: 24px; } table.responsive.col-headers tr td { padding-left:50%; } table.responsive.col-headers tbody tr:first-child { display:none; } table.responsive tr td:before { content: ''; width: 0; } table.responsive.col-headers tr td:before { content: attr(tdlabel); position: absolute; left: 6px; width: 45%; padding-right: 10px; text-align:right; font-weight: bold; } } @media only screen and (min-width: 744px) { table.responsive tr th , table.responsive tr td { } } @media only screen and (min-width: 1000px) { ; } .TabGroup { } .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: #C0D2DB; border: #FFFFFF; color: #173337; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: Pointer; font-size: 18px; font-weight: normal; margin-bottom: -1px; border: solid 1px #FFFFFF; } .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: TRANSPARENT; } .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: #C0D2DB; padding-top: 5px; border-bottom: solid 1px #C0D2DB; } .TabGroup .TabPages { margin: 0; padding: 0; } .TabGroup .TabPage { display: none; left: 0; width: 100%; background-color: #C0D2DB; padding: 5px; padding-top: 15px; margin: 0; border: solid 1px #FFFFFF; } 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; } div .pristine-slide { width: 308px; height:102.66666666667px; } div .pristine-slide img { width: 308px; height:100%; } div .pristine-slide .imgSelector { cursor: pointer; } div .pristine-wrap { width: 308px; height:102.66666666667px; margin-left: auto; margin-right: auto; } div .pristine-wrap .pristine-pager-wrap { width: 100%; text-align: right; z-index: 10000; padding-right: 10px; top:0; } @media only screen and (min-width: 464px) { div .pristine-slide img { width: 464px; } div .pristine-slide , div .pristine-wrap { width: 464px; height:154.66666666667px; } } @media only screen and (min-width: 744px) { div .pristine-slide img { width: 750px; } div .pristine-slide , div .pristine-wrap { width: 750px; height:250px; } } @media only screen and (min-width: 1000px) { div .pristine-slide img { width: 970px; } div .pristine-slide , div .pristine-wrap { width: 970px; height:323.33333333333px; } } @media only screen and (min-width: 1200px) { div .pristine-slide img { width: 1140px; } div .pristine-slide , div .pristine-wrap { width: 1140px; height:380px; } } .tooltip { font-family: Open Sans, sans-serif; font-size: 18px; font-weight: normal; } .tooltip-inner { color: #FFFFFF; background-color: #20534C; } .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: #20534C; } .tooltip.right .tooltip-arrow { border-right-color: #20534C; } .tooltip.left .tooltip-arrow { border-left-color: #20534C; } .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #20534C; } img { max-width: 100%; object-fit: cover; } img.responsive_left { float:left; margin-right:20px; margin-bottom: 10px; } img.responsive_right { float:right; margin-left:20px; margin-bottom: 10px; } img.responsive_center { margin-left: auto; margin-right: auto; float:none; } 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; } section.tight, .framed { padding: 0.5em 0; } section.framed div.container { padding: 20px 20px 10px; border: 2px solid #FFFFFF; background-color: #C0D2DB; } div.framed { padding: 15px; border: 2px solid #FFFFFF; background-color: #C0D2DB; margin: 0 -10px 10px; } h4.tight { margin-top:0; margin-bottom:0.2em; } section h2.section-heading { margin-top: 0; margin-bottom: 1em; font-size: 28px; } section h3.section-subheading { text-transform: none; font-family: Open Sans, sans-serif; font-size: 21px; font-style: italic; font-weight: 400; } .service-heading { font-size: 23.4px; font-weight:100; margin: 1em 0; text-transform: none; } div.container .overlay-item { right: 0; margin: 0 0 1em; } div.container .overlay-item .overlay-link { display: block; position: relative; margin: 0 auto; max-width: 400px; } div.container .overlay-item .overlay-link .overlay-hover { position: absolute; width: 100%; height: 100%; background: #20534C; opacity: 0; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } div.container .overlay-item .overlay-link .overlay-hover:hover { opacity: 0.9; } div.container .overlay-item .overlay-link .overlay-hover .overlay-hover-content { position: absolute; top: 50%; width: 100%; height: 1.5em; margin-top: -30px; text-align: center; font-size: 56px; color: #FFFFFF; } div.container .overlay-item .overlay-link .overlay-hover .overlay-hover-content i { margin-top: -12px; } div.container .overlay-item .overlay-link .overlay-hover .overlay-hover-content h3, div.container .overlay-item .overlay-link .overlay-hover .overlay-hover-content h4 { margin: 0; } div.container .overlay-item .overlay-caption { margin: 0 auto; padding: 2em; max-width: 400px; text-align: center; background-color: #FFFFFF; } div.container .overlay-item .overlay-caption h4 { font-size: 31.5px; margin: 0; text-transform: none; } div.container .overlay-item .overlay-caption p { margin: 0; font-family: Open Sans, sans-serif; font-size: 21px; font-style: italic; } @media(min-width:767px) { div.container .overlay-item { margin: 0 0 2.5em; } } section.hero, section.styled_par { background-attachment: scroll; background-image:none; background-position: center center; background-repeat: none; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } div.hero_container.hero_center, div.styled_par_container.styled_par_center { text-align: center; } div.hero_container.hero_left, div.styled_par_container.styled_par_left { text-align: left; } div.hero_container.hero_right, div.styled_par_container.styled_par_right { text-align: right; } section.hero .hero_container, section.styled_par .styled_par_container { padding-top: 5em; } section.hero .hero_container a.btn-xl, section.styled_par .styled_par_container a.btn-xl { margin-top: 1em; margin-bottom: 1em; } section.hero .hero_container .intro-lead-in, section.styled_par .styled_par_container .intro-lead-in { margin-bottom: 1em; font-family: Open Sans, sans-serif; font-size: 25.2px; font-style: italic; line-height: 1em; } section.hero .hero_container .intro-heading, section.styled_par .styled_par_container .intro-heading { margin-bottom: 1em; font-family: Open Sans, sans-serif; font-size: 28px; font-weight: 700; line-height: 1em; } section.hero .hero_container .intro-body, section.styled_par .styled_par_container .intro-body { margin-bottom: 1em; font-size: 18px; line-height: 1em; } section.hero .hero_container p, section.styled_par .styled_par_container p { margin-bottom: 1em; } section.hero div.container, section.styled_par div.container { border-radius: 15px; } section.hero div.container.semi_transparent.bg_text_color, section.styled_par div.container.semi_transparent.bg_text_color { background-color: rgba(23,51,55,0.750000); } section.hero div.container.semi_transparent.bg_bg_color, section.styled_par div.container.semi_transparent.bg_bg_color { background-color: rgba(255,255,255,0.750000); } section.hero div.container.semi_transparent.bg_alt_color, section.styled_par div.container.semi_transparent.bg_alt_color { background-color: rgba(32,83,76,0.750000); } section.hero div.container.semi_transparent.bg_alt_bg_color, section.styled_par div.container.semi_transparent.bg_alt_bg_color { background-color: rgba(192,210,219,0.750000); } section.hero div.container.semi_transparent.bg_black, section.styled_par div.container.semi_transparent.bg_black { background-color: rgba(0,0,0,0.750000); } section.hero div.container.semi_transparent.bg_white, section.styled_par div.container.semi_transparent.bg_white { background-color: rgba(255,255,255,0.750000); } section.hero div.container.hero_left, section.styled_par div.container.styled_par_left { ; } section.hero div.container.hero_right, section.styled_par div.container.styled_par_right { ; } section.hero .shadow0, section.styled_par .shadow0 { text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75); } section.hero .shadow1, section.styled_par .shadow1 { text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000; } section.hero .shadow2, section.styled_par .shadow2 { text-shadow: 0px 3px 0px #b2a98f, 0px 7px 10px rgba(0,0,0,0.15), 0px 10px 2px rgba(0,0,0,0.1), 0px 15px 30px rgba(0,0,0,0.1); } section.hero .deepshadow, section.styled_par .deepshadow { text-rendering: optimizeLegibility; text-shadow: 0 -1px 0 #ffffff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9); } section.hero .insetshadow, section.styled_par .insetshadow { text-rendering: optimizeLegibility; text-shadow: -1px -1px 1px #111111, 2px 2px 1px #363636; } section.hero .hit-the-floor, section.styled_par .hit-the-floor { text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); } @media(min-width:768px) { section.hero .hero_container, section.styled_par .styled_par_container { padding-bottom: 50px; padding-top: 50px; } section.hero .hero_container .intro-lead-in, section.styled_par .styled_par_container .intro-lead-in { font-size: 31.5px; } section.hero .hero_container .intro-heading, section.styled_par .styled_par_container .intro-heading { font-size: 56px; } section.hero .hero_container .intro-body, section.styled_par .styled_par_container .intro-body { margin-bottom: 1em; font-size: 27px; line-height: 1em; } } @media(min-width:992px) { section.hero .hero_container .intro-lead-in, section.styled_par .styled_par_container .intro-lead-in { font-size: 42px; } section.hero .hero_container .intro-heading, section.styled_par .styled_par_container .intro-heading { font-size: 70px; } } @media(min-width:1200px) { section.hero .hero_container .intro-lead-in, section.styled_par .styled_par_container .intro-lead-in { font-size: 52.5px; } section.hero .hero_container .intro-heading, section.styled_par .styled_par_container .intro-heading { font-size: 84px; } } footer { font-size:12.6px; padding: 10px 0; text-align: center; } footer span.copyright { font-family: Open Sans, sans-serif; line-height: 40px; } footer ul.quicklinks { margin-bottom: 0; font-family: Open Sans, sans-serif; line-height: 40px; } footer ul li { margin:0; padding:0; line-height:22px; background:none; } footer div.row ul li span.icon-column { display: inline-block; width:13px; margin-left:-15px; } footer div.footer-signoff { border-top: 1px solid; padding-top: 10px; } footer ul { line-height: 1.8; list-style-type: none; margin-left: -40px; } ul.social-buttons { margin-bottom: 0; } ul.social-buttons li a { display: block; width: 40px; height: 40px; border-radius: 100%; font-size: 27px; line-height: 40px; outline: 0; color: #FFFFFF; background-color: #222; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active { background-color: #20534C; } .btn:focus, .btn:active, .btn.active, .btn:active:focus { outline: 0; } a.open_modal, a.open_modal:hover, a.open_modal:focus, a.open_modal:active { text-decoration:none; } .overlay-modal .modal-content { padding: 100px 0; min-height: 100%; border: 0; border-radius: 0; background-clip: border-box; -webkit-box-shadow: none; box-shadow: none; } .overlay-modal #cms_modal_button { text-align: center; } .overlay-modal .modal-content h2 { margin-bottom: 15px; } .overlay-modal .modal-content p { margin:0; } .overlay-modal .modal-content p.item-intro { margin: 20px 0 30px; font-family: Open Sans, sans-serif; font-size: 28px; font-style: italic; } .overlay-modal .modal-content ul.list-inline { margin-top: 0; margin-bottom: 30px; } .overlay-modal .modal-content img { margin-bottom: 30px; } .overlay-modal .close-modal { z-index: 9999; position: absolute; top: 25px; right: 25px; width: 75px; height: 75px; background-color: transparent; cursor: pointer; } .overlay-modal .close-modal:hover { opacity: .3; } .overlay-modal .close-modal .lr { z-index: 1051; width: 2px; height: 75px; margin-left: 35px; background-color: #173337; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .overlay-modal .close-modal .lr .rl { z-index: 1052; width: 2px; height: 75px; background-color: #173337; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } div#cms_modal div#cms_modal_content.modal-body section div.container { width:auto; } h2.statement { color:#FFFFFF; font-size:28px; } @media(min-width:768px) { section { font-size: 18px; } h2.statement { font-size:42px; } h4.service-heading { font-size: 19.8px; } section h3.section-subheading { font-size: 21px; } } @media(min-width:992px) { section { font-size: 18px; } h2.statement { font-size:56px; } h4.service-heading { font-size: 21.6px; } section h3.section-subheading { font-size: 21px; } } @media(min-width:1200px) { section { font-size: 18px; } h2.statement { font-size:70px; } h4.service-heading { font-size: 23.4px; } section h3.section-subheading { font-size: 21px; } } .hidden-xs-up { display: none !important; } @media (max-width: 575px) { .hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } p.Plaatjesreeks { text-align:center; } table.cms_kadertabel { background-color:#FBF7EC; margin-top:5px; margin-bottom:5px; border:1px solid #653A31; } table.cms_kadertabel tr td { padding: 10px; } table.cms_kadertabel tbody tr td p { margin:0; }section div.container div.hero_container div.intro-body { margin-bottom: 0px; } h1 { color: #20534C; } #header_overlay { position: absolute; width:100%; height:0; margin-top: 40px; overflow:visible; z-index:10; background:none !important; } #headertext, #headertext a { pointer-events: auto; } @media only screen and (min-width: 464px) { #headertext { margin-right: -20px; margin-left: -20px; width: 100%; position: relative; } } nav.navbar div.container div.navbar-header.page-scroll { padding:0; margin:0; } div#navbar_logo a div#headertext p { font-size: 1.8em; font-family: ,"Helvetica Neue",Helvetica,Arial,sans-serif; color: #173337; white-space: nowrap; line-height: 1em; } div#navbar_logo a:hover { text-decoration: none; } #menu { float: none; display: inline-block; width: 100%; } #p-menu { text-align: center; } @media only screen and (max-width: 743px) { #menu { float: left !important; width: 100%; } } #navbar_logo { position:relative; margin: 50px 0 0; } #nav-menutag { float:left; display:inline; color: #173337; margin-top: -1px; padding-right: 4px; } #nav-menuicon { display:inline; float:right; padding-top:3px; } #dummy_nav { position:absolute; width:1%; background-color:transparent; } #dummy_nav.navbar-fixed { position:absolute; width:100%; } div#searchwrapper { width: 100%; height: 70px; padding: 15px; position: fixed; z-index: 999; top: -70px; border-color: transparent; background-color: TRANSPARENT; opacity: 0.9;} div#searchwrapper.search-open { top: 0px; } #searchwrapper button { display: none; } #searchwrapper input { float: left; width: 100%; text-align: left; border-radius: 0px; padding-left: 10px; padding-right: 10px; height: 50px; background-color: #FFFFFF; border: 2px solid #173337; font-size: 1.3em; display: none; } .smoothtransition { transition: all 0.5s ease-in-out 0s; } ul#menu .searchtrigger { padding-bottom: 0; padding-top: 0; padding-left: 10px; line-height: 25px; color: #173337; font-weight: 400; } .searchtrigger:hover { cursor:pointer; outline: 0px none; } ul#menu .searchtrigger:hover { color: #173337; } p.search_found { padding: 8px 8px 8px 15px; background-color: #C0D2DB; } a.search_title { font-family: Open Sans, sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700; } section.layout_index0, div.page .index0 { padding-top: 10px; } section.layout_index0 div.container .index0 { padding-top:0; } .nav > li { margin: 5px 0 -5px; } nav.navbar ul#menu.nav li { background-color: TRANSPARENT; margin-left:10px; margin-right:10px; margin-bottom:10px; } nav.navbar ul#menu.nav ul li { font-size: 16px; } .navbar { position:absolute; border-color: transparent; background-color: #FFFFFF; } .navbar-default .navbar-brand { font-family: Open Sans, sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif; color: #173337; } .navbar-default .navbar-brand:hover { color: #173337; } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:active, .navbar-default .navbar-brand.selected { color: #173337; } .navbar-default .navbar-collapse { border-color: rgba(255,255,255,.02); max-height:none; } .navbar-default .navbar-toggle { border-color: #173337; } .navbar-default .navbar-toggle .icon-bar { background-color: #173337; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #C0D2DB; } ul#menu li.parent.cms_parent { background-color: TRANSPARENT; } .navbar-default .nav li a { font-size: 16px; font-family: Open Sans, sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 100; letter-spacing: 0.07em; color: #173337; white-space: nowrap; } .navbar-default .nav li a:hover, .navbar-default .nav li a:focus { outline: 0; color: #173337; text-decoration: none; background-color: #C0D2DB; } nav.navbar.navbar-default ul#menu li a { border-radius: 3px; } nav.navbar.navbar-default ul#menu li ul li a, nav.navbar.navbar-default ul#menu li ul li ul li a { border-radius: 0; } .navbar-default .navbar-nav > li.selected > a, .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.expanded > a, .navbar-default .navbar-nav li.expanded li.expanded > a, .navbar-default .navbar-nav li.expanded li.selected > a, .navbar-default .navbar-nav li.expanded li.expanded li.selected > a { color: #173337; background-color: TRANSPARENT; } .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .selected > a:hover, .navbar-default .navbar-nav > .selected > a:focus, .navbar-default .navbar-nav > .selected > a:active { color: #173337; background-color: TRANSPARENT; } .navbar-default .nav li { text-align: left; font-family: Open Sans, sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; z-index:2; list-style:none; margin:0px; margin-top: 0px; list-style-position: outside; border-color: transparent; background-color: TRANSPARENT; } .navbar-default .nav li ul, .navbar-default .nav li ul li { text-align: left; font-family: Open Sans, sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; z-index:2; list-style:none; margin:0px; margin-top: 0px; list-style-position: outside; border-color: transparent; background-color: TRANSPARENT; } nav.navbar-default ul#menu li ul li:hover { background-color: #C0D2DB; } nav.navbar ul#menu.navbar-nav { margin:0; background-color: TRANSPARENT; } .navbar-default ul#menu.nav li ul li { border:none; margin-top:5px; margin-bottom:5px; background-color:transparent; } .navbar-default ul#menu.nav li ul li:last-child { border:none; } .navbar-default ul#menu.nav li ul li a { padding-left:10px; margin-right: 12px; display:block; width: 100%; } .navbar-default .nav li ul li:first-child { margin-top: -5px; } .navbar-default .nav li ul li:last-child { padding-bottom: 5px; } .navbar-default ul.nav li ul { display: block; position: relative; margin-top:0; padding-left: 15px; } .navbar-default ul.nav li ul li ul { display: block; position: relative; text-align: right; padding-left: 15px; } nav.navbar-default ul.nav li ul li ul li a::before { display: block; display: none; } .navbar-default ul.nav li ul li ul li a { text-transform: none; } @media(min-width:768px) { body { margin-top:0px; } .navbar { position: relative; background-color: TRANSPARENT; opacity: 0.9; } #navbar_logo { margin:0; padding:0; } #dummy_nav.navbar-fixed { position:relative; } nav.navbar ul#menu.navbar-nav { background-color: transparent; width: auto; } .navbar-default .nav li a { font-size: 0.8em; } .navbar-nav > li > a { padding-top:2px; padding-bottom:2px; z-index: 3; } .navbar-default { background-color: TRANSPARENT; margin:0; padding-top: 9px; border: 0; } .navbar-default { font-size: 16px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .navbar-default.navbar-fixed { top:0; position:fixed; background-color: #FFFFFF; opacity: 0.95; } .navbar-default ul.nav li ul { display: none; position: absolute; } .navbar-default ul.nav li ul li ul { display: none; } .navbar-default ul.nav li.parent:hover > ul { display:block; } .navbar-default .nav li a, .navbar-default .nav li ul li a { background-color: transparent; } .navbar-default .nav li ul li { margin-bottom:5px; } ul#menu li.parent.cms_parent { background-color: transparent; } } @media(min-width:992px) { .navbar-default .nav li a { font-size: 1em; } } section div.container div.hero_container { padding-top: 0px; } div.container div.hero_container div span p { font-size: 18px; line-height: normal; margin-left: 30px; margin-right: 30px; } @media(min-width:768px) { section div.container div.hero_container { padding-top: 4em; } div.container div.hero_container div span p { font-size: 18px; line-height: inherit; margin-left: 30px; margin-right: 30px; } } @media(min-width:992px) { section div.container div.hero_container { padding-top: 4em; } div.container div.hero_container div span p { font-size: 18px; line-height: inherit; margin-left: 60px; margin-right: 60px; } } @media(min-width:1200px) { section div.container div.hero_container { padding-top: 4em; } div.container div.hero_container div span p { font-size: 18px; line-height: inherit; margin-left: 100px; margin-right: 100px; } }