:root {
    /*fonts*/
    --font-1: 'Montserrat', sans-serif;
    --font-2: "open-sans",sans-serif;

    --font-size-5S: clamp(0.41rem, calc(0.46rem + -0.05vw), 0.45rem);
    --font-size-4S: clamp(0.51rem, calc(0.55rem + -0.04vw), 0.54rem);
    --font-size-3S: clamp(0.64rem, calc(0.65rem + -0.01vw), 0.65rem);
    --font-size-2S: clamp(0.78rem, calc(0.78rem + 0.02vw), 0.80rem);
    --font-size-1S: clamp(0.94rem, calc(0.92rem + 0.08vw), 1.00rem);
    --font-size-0: clamp(1.13rem, calc(1.09rem + 0.16vw), 1.25rem);
    --font-size-1L: clamp(1.35rem, calc(1.30rem + 0.27vw), 1.56rem);
    --font-size-2L: clamp(1.62rem, calc(1.54rem + 0.42vw), 1.95rem);
    --font-size-3L: clamp(1.94rem, calc(1.82rem + 0.62vw), 2.44rem);
    --font-size-4L: clamp(2.33rem, calc(2.15rem + 0.90vw), 3.05rem);
    --font-size-5L: clamp(2.80rem, calc(2.55rem + 1.27vw), 3.82rem);

    --font-weight-lighter: 100;         /* Montserrat only */
    --font-weight-light: 200;           /* Montserrat only */
    --font-weight-normal: 300;
    --font-weight-bold: 600;
    --font-weight-bolder: 700;
    --font-weight-boldest: 800;

    /*padding and margins*/
    --spacing-5S: clamp(0.06rem, calc(0.04rem + 0.03vw), 0.12rem);
    --spacing-4S: clamp(0.12rem, calc(0.08rem + 0.06vw), 0.19rem);
    --spacing-3S: clamp(0.19rem, calc(0.16rem + 0.15vw), 0.31rem);
    --spacing-2S: clamp(0.38rem, calc(0.32rem + 0.29vw), 0.63rem);
    --spacing-1S: clamp(0.56rem, calc(0.47rem + 0.44vw), 0.94rem);
    --spacing-0: clamp(0.75rem, calc(0.63rem + 0.59vw), 1.25rem);
    --spacing-1L: clamp(1.13rem, calc(0.95rem + 0.88vw), 1.88rem);
    --spacing-2L: clamp(1.50rem, calc(1.26rem + 1.18vw), 2.50rem);
    --spacing-3L: clamp(2.25rem, calc(1.90rem + 1.76vw), 3.75rem);
    --spacing-4L: clamp(3.00rem, calc(2.53rem + 2.35vw), 5.00rem);
    --spacing-5L: clamp(3.75rem, calc(3.16rem + 2.94vw), 6.25rem);

    /*brand - colors*/
    --color-light-blue: #335977;
    --color-blue: #003055;
    --color-dark-blue: #01243f;
  
    --color-light-cyan:#98f8ff;
    --color-cyan:#00b6c4;
    --color-dark-cyan:#2b8b99;
    
    --color-light-green: #c1e76f;
    --color-green: #7ed600;
    --color-dark-green: #6ca820;

    --color-light-yellow: #f9d261;
    --color-yellow: #f0b300;
    --color-dark-yellow: #d09c02;
    
    --color-light-orange: #f37c73;
    --color-orange: #ef473a;
    --color-dark-orange: #f93425;

    /*supporting colors*/
    --color-light-baby-blue: #eaf4f4;
    --color-baby-blue: #0888ca;
    --color-dark-baby-blue:#0a6fa3;

    --color-white: #FFFFFF;
    --color-soft-white: #f7f9fb;

    --color-black: #111111;

    --color-lighter-gray: #f8f8f8;
    --color-light-gray: #efefef;
    --color-gray: #dcdcdc;
    --color-dark-gray: #989898;
    --color-darker-gray: #333333;
    --color-darkest-gray: #232323;

    --color-special-gray: #162125;

    --color-lime-green: #c7d058;

    /*custom colors*/
    --color-available: #00A3E0;
    --color-potentially-available: #B1E0E0;
    --color-shadow: #7a7a7a;
}

@media all {
    .environment { position:fixed; top:14px; left:0px; background-color:var(--color-black); color:var(--color-white); font-size:.6rem; padding:4px 14px 4px 10px; z-index:9999; }

    html { height:100%; font-size:20px; background-color:var(--color-light-gray); }
    body { position:relative; max-width:1800px; height:100%; margin:0px auto; padding:0px; color:var(--color-black); font-family:var(--font-2); font-size:var(--font-size-0); font-weight:200; line-height:1.6; background-color:var(--color-white); background-image:none; background-repeat:no-repeat; background-attachment:fixed; }

    h1,
    .mimic_h1 { margin:0px 0px 10px 0px; padding:0px; font-family: var(--font-1); color:var(--color-blue); font-size:var(--font-size-3L); font-weight:var(--font-weight-boldest); line-height:1.2; letter-spacing:2px; }

    h2,
    .mimic_h2 { margin:var(--spacing-2S) 0px; padding:0px;font-family: var(--font-1); color:var(--color-blue); font-size:var(--font-size-2L); font-weight:var(--font-weight-bolder); line-height:1.2; letter-spacing:1px; }
    
    h2:first-of-type,
    .mimic_h2:first-of-type { margin:0px 0px 10px 0px; }

    h3 { margin-top:var(--spacing-1L); font-family: var(--font-1); color:var(--color-black); font-size:var(--font-size-1L); font-weight:var(--font-weight-bold); line-height:1.8rem; }
    h4 { margin-top:var(--spacing-1L); font-family: var(--font-1); color:var(--color-black); font-size:var(--font-size-0); font-weight:var(--font-weight-bold); line-height:1rem; }
    h5 { margin-top:var(--spacing-1L); font-family: var(--font-1); color:var(--color-black); font-size:var(--font-size-0); font-weight:var(--font-weight-bold); line-height:1rem; }

    ul { margin-bottom:0px; list-style-type:square; }
    ul > li:not(:last-of-type) { margin-bottom:var(--spacing-2S); }

    ul.arrow_links { margin:0px; padding:0px; list-style:none; }
    ul.arrow_links > li { padding-left:var(--spacing-1L); background-size:var(--font-size-1S); background-position:left center; background-repeat:no-repeat; background-image:url('https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_icon_arrow_circle_blue_open.png'); }
    ul.arrow_links > li > a { display:inline-block; }

    ul.arrow_links.right_side > li { background-position:right center; }
    ul.arrow_links.right_side > li > a { padding-left:initial; padding-right:var(--spacing-1L); }

    ul.arrow_links.cyan_open_arrow > li { background-repeat:no-repeat; background-image:url('https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_icon_arrow_circle_cyan_open.png'); }
    ul.arrow_links.green_open_arrow > li { background-repeat:no-repeat; background-image:url('https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_icon_arrow_circle_green_open.png'); }
    ul.arrow_links.orange_open_arrow > li { background-repeat:no-repeat; background-image:url('https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_icon_arrow_circle_orange_open.png'); }
    ul.arrow_links.yellow_open_arrow > li { background-repeat:no-repeat; background-image:url('https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_icon_arrow_circle_yellow_open.png'); }
    
    ul.arrow_links.blue_download_arrow > li { background-repeat:no-repeat; background-image:url('https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_icon_arrow_circle_blue_download.png'); }
    ul.arrow_links.cyan_download_arrow > li { background-repeat:no-repeat; background-image:url('https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_icon_arrow_circle_cyan_download.png'); }
    ul.arrow_links.green_download_arrow > li { background-repeat:no-repeat; background-image:url('https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_icon_arrow_circle_green_download.png'); }
    ul.arrow_links.orange_download_arrow > li { background-repeat:no-repeat; background-image:url('https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_icon_arrow_circle_orange_download.png'); }
    ul.arrow_links.yellow_download_arrow > li { background-repeat:no-repeat; background-image:url('https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_icon_arrow_circle_yellow_download.png'); }

    hr { background-color:#d7d7d7; height:1px; border:0px; width:90%; max-width:200px; }

    form { margin:0px; padding:0px; }

    a { color:var(--color-cyan); text-decoration:none; transition: all .35s ease 0s; }
    a:hover,
    a:focus { color:var(--color-blue); text-decoration:underline; }

    a.underline { text-decoration:underline; }
    a.underline:hover,
    a.underline:focus { text-decoration:none; }

    abbr[title],
    acronym[title] { border-bottom:none; text-decoration:none; }

    img	{ display:block; border:0px; margin:0px; }

    input[type="button"],
    input[type="text"],
    input[type="file"],
    input[type="email"],
    select,
    textarea { font-size:var(--font-size-1S); -webkit-appearance:none; -moz-appearance:none; appearance:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

    input[type="text"],
    input[type="file"],
    input[type="email"],
    select,
    textarea { outline:none; border:1px var(--color-dark-gray) solid; background-color:var(--color-white); border-radius:5px; }

    input[type="text"],
    input[type="file"],
    input[type="email"],
    select,
    textarea{ padding:16px; }

    select { border-radius:0px; background-image:linear-gradient(-135deg, transparent 50%, black 50%), linear-gradient(135deg, black 50%, transparent 50%), linear-gradient(to right, #FFF, #FFF); background-position:calc(100% - 10px) calc(1em + 0px), calc(100% - 10px) calc(1em + 5px), calc(100% - -140px) 0.5rem; background-size:5px 5px,5px 5px,1px 2rem; background-repeat:no-repeat; }
    select::-ms-expand { display:none; }

    input[disabled='disabled'],
    input[disabled],
    textarea[disabled='disabled'],
    textarea[disabled],
    textarea.aspNetDisabled,
    select.aspNetDisabled,
    input[type=text]:read-only { color:var(--color-black); background-color:var(--color-light-gray); }

    sup { font-size:var(--font-size-2S); font-weight:var(--font-weight-light);  vertical-align:top; }
    sup a { color:var(--color-blue); }

    .footnote { margin-top:var(--spacing-1L); font-size:var(--font-size-1S); }

    /*---------------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------------*/
    /* SECONDARY STYLES */
    /*-----------------------------*/
    /* scrollbars */
    ::-webkit-scrollbar { width: 8px; height: 7px; border-radius:6px; }
    ::-webkit-scrollbar-track {  background: var(--color-gray); }
    ::-webkit-scrollbar-thumb {  background: var(--color-cyan); border-radius:6px; }
    ::-webkit-scrollbar-thumb:hover { background: var(--color-blue); }
    /* end scrollbars */

    .search_box { background-position:calc(100% - 4px) center; background-repeat:no-repeat; background-image:url('https://eu2allwebext.blob.core.windows.net/kimcorealty/www/webimages/common/icons/i_icon_search.png'); background-size:18px; padding-right:24px !important; }

    .pointer { cursor:pointer; }
    .clear  { clear:both; }

    .center {text-align:center; }
    .right {text-align:right; }

    .bold { font-weight:var(--font-weight-bold); }

    .uppercase { text-transform:uppercase; }

    /* links and buttons */
    .link_as_button, 
    .input_button { display:inline-block; margin:0px; padding:var(--spacing-1S) var(--spacing-1L); color:var(--color-white); font-size:var(--font-size-1S); letter-spacing:1px; line-height:1; cursor:pointer; background-color:var(--color-blue); border:1px var(--color-blue) solid; border-radius:50px;}

    .link_as_button:hover,
    .link_as_button:focus,
    .input_button:hover,
    .input_button:focus { background-color:var(--color-white); text-decoration:underline; color:var(--color-blue); }

    .input_button:disabled { background-color:#535353; cursor:default; }

    .transparent_button { background-color:transparent; color:var(--color-blue); border:1px var(--color-blue) solid; }
    .transparent_button:hover,
    .transparent_button:focus { background-color:var(--color-blue); color:var(--color-white); } 

    .transparent_white_button { background-color:transparent; color:var(--color-white); border:1px var(--color-white) solid; }
    .transparent_white_button:hover,
    .transparent_white_button:focus { background-color:var(--color-white); color:var(--color-blue); } 

    .white_button { background-color:var(--color-white); color:var(--color-blue); border:1px var(--color-white) solid; }
    .white_button:hover,
    .white_button:focus { background-color:var(--color-blue); color:var(--color-white); }

    .baby_blue_button { background-color:var(--color-baby-blue); color:var(--color-white); border:1px var(--color-baby-blue) solid; }
    .baby_blue_button:hover,
    .baby_blue_button:focus { background-color:var(--color-blue); color:var(--color-white); border:1px var(--color-blue) solid;  }

    .green_button { background-color:var(--color-dark-green); color:var(--color-white); border:1px var(--color-dark-green) solid; }
    .green_button:hover,
    .green_button:focus { background-color:var(--color-white); color:var(--color-dark-green); border:1px var(--color-dark-green) solid; }

    .cyan_button { background-color:var(--color-cyan); color:var(--color-white); border:1px var(--color-cyan) solid; }
    .cyan_button:hover,
    .cyan_button:focus { background-color:var(--color-blue); color:var(--color-white); border:1px var(--color-blue) solid; }

    .top_option_row { margin-bottom:30px; }
    
    .back_button { display:inline-block; margin-right:10px; padding-left:2.2rem; vertical-align:middle; background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/webimages/common/icons/i_arrow_back_white.svg); background-repeat:no-repeat; background-size:.9rem; background-position:1rem center; }
    .back_button_black { background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/webimages/common/icons/i_arrow_back_black.svg); }

    a.add_icon { display:inline-block; position:relative; padding-left:2ch; }
    a.add_icon::after { position:absolute; top:60%; left:0px; transform:translateY(-60%); font-family: 'Font Awesome 6 Pro'; font-size:var(--font-size-2S); font-weight: var(--font-weight-light); }
    a.add_icon.icon_right::after { right:-3ch; left:initial }
    a.add_icon.web_icon::after { content: '\f08e'; font-weight:var(--font-weight-bold); }
    a.add_icon.download_icon::after { content: '\f08e'; font-weight:var(--font-weight-bold); }
    a.add_icon.brochure_icon::after { content: '\f08e'; font-weight:var(--font-weight-bold); }

    /* ---- tables --- */
    table { border-collapse:collapse; }
    th { text-align:left; }
    td { vertical-align:top; padding:0px; }

    table { width:100%; border-collapse:collapse; }
    tbody tr { border-bottom:1px var(--color-light-gray) solid; }
    tbody td { padding:2px; }
    tbody td p:first-child { margin-top:0px; }
    tbody td p:last-child { margin-bottom:0px; }

    .header td { border-bottom:3px #000000 solid; font-weight:600; border-right:none !important; border-left:none !important; text-transform:uppercase; background-color:var(--color-white); }
    .sub_header { border-bottom:3px #000000 solid; font-weight:600; }

    /*-- card --*/
    .card { background-color:#f9f9f9; }
    .card tbody td:first-child { border-left:1px var(--color-light-gray) solid; }
    .card tbody td:last-child { border-right:1px var(--color-light-gray) solid; }
    .card td { padding:12px; vertical-align:top; }
    .card .header td { padding:36px 12px 12px 12px; }
    .card_columns td:nth-child(1):not(.header) { width:15%; min-width:150px; font-weight:600; }
    .card_columns td:nth-child(2) { width:85%; }

    /*-- grid --*/
    .grid thead tr { font-weight:600; background-color:#000000; border-bottom:1px var(--color-white) solid; color:var(--color-white); }
    .grid thead td { vertical-align:middle; padding:4px; }
    .grid thead td:not(:last-child) { border-right:1px var(--color-white) solid; }
    .grid tbody td:not(:last-child) { border-right:1px var(--color-light-gray) solid; }

    .grid tbody tr:hover:not(.no_hover),
    .grid tbody tr:focus { background-color:#f2f2f2; }

    .grid tbody td { vertical-align:top; padding:4px; }
    .grid tbody td .link_as_button_option { margin:0px 1px; }
    .grid tbody tr.sub_header { font-weight:600; margin-top:10px; }

    /* ---- */
    .message,
    .validate_error { clear:both; }

    .message .material-icons,
    .validate_error .material-icons { font-size:1.2rem; margin-right:10px; color:var(--color-white); vertical-align:middle; }

    .message .ok,
    .message .warning,
    .message .error,
    .validate_error { padding:14px; color:var(--color-white); }

    .message .ok {  background:#56ab2f; background:-webkit-linear-gradient(to left, #a8e063, #56ab2f); background:linear-gradient(to left, #a8e063, #56ab2f); }
    .message .warning {  background:#FFB75E; background:-webkit-linear-gradient(to left, #FFB75E, #ED8F03); background:linear-gradient(to left, #FFB75E, #ED8F03);  }
    .message .error,
    .validate_error {  background:#cb2d3e; background:-webkit-linear-gradient(to left, #ef473a, #cb2d3e); background:linear-gradient(to left, #ef473a, #cb2d3e); }

    .message_content { padding:14px; transition: all .35s ease 0s; }

    .form_error { display: none; position: absolute; top:0px; right:0px; padding:var(--spacing-3S); color: var(--color-white); font-size: var(--font-size-3S); line-height: 1; letter-spacing: 1px; background-color:var(--color-orange); }    

    .validate_error ul  { display:none; }

    .required { position:absolute; top:0px; right:0px; padding:4px 10px; color:var(--color-white); font-size:var(--font-size-1S); background:var(--color-orange); z-index:1; } 

    .required_box { background-color:#fdf3e3; color:#CC0000; font-size:.9rem; padding:10px; margin:0px 0px 5px 0px; border:1px #666666 dashed; } 
    .required_box ul { display:none; } 

    .hide { display:none; }

    /* float boxes */
    .float_box { clear:both; }

    .float_box:after { display:block; clear:both; content:''; }

    .box_20 { width:20%; }
    .box_25 { width:25%; }
    .box_30 { width:30%; }
    .box_35 { width:35%; }
    .box_40 { width:40%; }
    .box_45 { width:45%; }
    .box_50 { width:50%; }
    .box_55 { width:55%; }
    .box_60 { width:60%; }
    .box_65 { width:65%; }
    .box_70 { width:70%; }
    .box_75 { width:75%; }
    .box_80 { width:80%; }
    .box_90 { width:90%; }
    .box_100 { width:100%; }

    .float_left { float:left; }
    .float_right { float:right; }

    /* standard widths */
    .control_small_width { width:10%; min-width:100px; }
    .control_quarter_width { width:25%; }
    .control_half_width { width:50%; }
    .control_three_quarters_width { width:75%; }
    .control_full_width { width:100%; }


    /* ------------------------------ */
    /* ------------------------------ */
    /* MASTER AND HOME PAGE WRAPPERS AND CONTAINERS */
    /* ------------------------------ */
    #content { background-color:var(--color-white); }
    #content div#cr_5.wrapper_row.brand_row_style_2 { background-color:var(--color-lighter-gray); }

    .wrapper_row { clear:both; position:relative; background-color:var(--color-white); }
    .container_row { clear:both; width:calc(100% - calc(var(--spacing-2L) * 2)); max-width:1400px; margin:0px auto; position:relative; }   
    .container_row_content { position:relative; padding:var(--spacing-5L) 0px; }
    
    .width_400 { max-width:400px; }
    .width_600 { max-width:600px; }
    .width_800 { max-width:800px; }
    .width_1000 { max-width:1000px; }
    .width_1200 { max-width:1200px; }
    .width_1400 { max-width:1400px; }
    .width_1600 { max-width:1600px; }

    .margin_auto { margin-left:auto; margin-right:auto; }

    .container_row_content h2:not(:first-of-type) { margin-top:40px; }
    .container_row_content h3:not(:first-of-type) { margin-top:30px; }

    /* title header box */
    /* usef for a row that only has the H1 tag */
    .title_box { background-color:var(--color-black); color:var(--color-white); }

    .title_box .body { padding:var(--spacing-2L) 0px; }
    .title_box .body h1 { margin:0px; padding:0px; color:var(--color-white); font-size:1.6rem; line-height:1; }

    /* center box */
    /* add to .wrapper_row - used to make a wrapper_row centered in the page, instead of edge-to-edge */
    .center_box { min-height:60vh; margin:0px auto; padding:7% 0px; background-color:transparent; }
    .center_box .container_row { background-color:var(--color-white); }
    .center_box .container_row_content { padding:70px; }

    /* directory_box */
    /* standards for grid type view, such as in contacts, offices */
    .directory_box h2:not(:first-of-type) { margin-top:var(--spacing-3L); }
    .directory_box h3 { line-height:inherit; font-size:1.1rem; margin:0px; padding:0px; }

    /* grid boxes */
    .grid_row { display:grid; grid-template-columns:repeat(2, 1fr); }

    /* flex boxes */
    .flex_row { position:relative; display:flex; align-items:center; justify-content:space-between; }
    .flex_row .box { position:relative; }
    .flex_row .box .body { position:relative; }

    .flex_row.split_even .box { width:48%; }

    /* used to divide a container_row_content into two floating boxes.*/
    .flex_row_standard { display:grid; grid-template-columns:50% 50%; align-items:flex-start; justify-content:center; }
    .flex_row_standard .container_row_content { padding-right:0px; padding-left:0px; }

    .flex_row_standard .box { background-size:cover; background-repeat:no-repeat; position:relative; height:100%; }
    .flex_row_standard .box:nth-child(odd) { text-align:right; }

    .flex_row_standard .box_row { width:100%; max-width:770px; margin:0px auto; display:inline-block; }

    .flex_row_standard .box_content { padding:120px 70px; }
    .flex_row_standard .box_content { text-align:left; }
    .flex_row_standard .box_content h1,
    .flex_row_standard .box_content h2:first-of-type,
    .flex_row_standard .box_content h3:first-of-type { margin-top:0rem; padding-top:0rem; }

    .is_flex { display:flex; align-items: center; gap:var(--spacing-1S); }
    .is_grid { display:grid; grid-template-columns: repeat(2, 1fr); gap:var(--spacing-1S); }

    ul.is_grid,
    ol.is_grid{ column-gap:var(--spacing-1L); row-gap:var(--spacing-2S); list-style-position:outside; padding-left:var(--spacing-0); }

    /* for child elements */
    .child_is_flex ul,
    .child_is_flex ol { display:flex; align-items: center; gap:var(--spacing-1S); }

    .child_is_grid ul,
    .child_is_grid ol { display:grid; grid-template-columns: repeat(2, 1fr); gap:var(--spacing-1S);  column-gap:var(--spacing-1L); row-gap:var(--spacing-2S); list-style-position:outside; padding-left:var(--spacing-0); }

    /* lists */
    ul.no_bullets,
    ol.no_bullets,
    .child_is_grid.no_bullets ul,
    .child_is_grid.no_bullets ol { margin:0px; padding:0px; list-style:none; }

    ul.no_bullets > li,
    ol.no_bullets > li,
    .child_is_grid.no_bullets ul > li,
    .child_is_grid.no_bullets ol > li  { margin:0px; padding:0px; }

    ul.left_align,
    ol.left_align,
    div.left_align > ul, 
    div.left_align > ol { padding-left: var(--spacing-0); }

    ul.horizontal_list { margin:30px 0px 0px 0px; padding:0px; list-style:none; }
    ul.horizontal_list > li { margin:0px; padding:0px; display:inline-block; vertical-align:top; }
    ul.horizontal_list > li .link_as_button { margin-right:5px; }

    ul.vertical_list { margin:0px; padding:0px; list-style:none; }
    ul.vertical_list > li { margin:0px; padding:0px; display:block; }
    ul.vertical_list > li .link_as_button { margin-bottom:5px; }

    ul.horizontal_list .material-icons,
    ul.vertical_list .material-icons { vertical-align:middle; font-size:1.1rem; margin-right:8px; }

    /* accessibility */
    #accessibility_public_notice { background-color:#f3f4f6; }

    /* search bar */
    /* add to .wrapper_row - used to make a row into a standard search bar using LI's for each search option */
    .search_bar h2 { font-size:1.4rem; color:var(--color-white); line-height:1; margin:0px; padding:0px; }
    .search_bar a { font-size:.8rem; color:var(--color-white); }
    .search_bar input[type=text],
    .search_bar select { width:300px; font-size:.8rem; }

    .search_bar .input_button { font-size:.8rem; }

    .search_bar ul { margin:0px; padding:0px; list-style:none; text-align:center; }
    .search_bar li { margin:0px; padding:0px 5px 0px 0px; display:inline-block; vertical-align:middle; }
    .search_bar li:first-child { border-right:1px #c9c9c9 solid; }
    .search_bar li:nth-child(1) { padding-right:20px; }
    .search_bar li:nth-child(2) { padding-left:20px; padding-right:10px; }

    .search_bar .container_row_content { padding:40px; }

    /* form box */
    /* used for tabular form layouts (standard) */
    .form_box { clear:both; }
    .form_box h2 { margin:0px 0px 4px 0px; padding:0px; font-size:1.2rem; }
    .form_box h2:not(:first-of-type) { margin-top:20px; }

    .form_box .section { }

    .form_box .section .row { display:grid; grid-template-columns:1fr 4fr; gap:var(--spacing-2S);  }
    .form_box .section .row:not(:last-of-type) { margin-bottom:var(--spacing-1S); }
    .form_box .section .row .column { position:relative;  }
    .form_box .section .row .column:nth-child(1) { font-size:var(--font-size-1S); }


    .form_box .option_section { padding:30px 0px 0px 0px; text-align:center; }
    .form_box .option_section .input_button { font-weight:600; }

    /* form box vertical */
    .form_vertical { clear:both; font-size:.9rem; }
    .form_vertical .row { line-height:1.1rem; }
    .form_vertical .row:not(:first-of-type) { margin-top:10px; }
    .form_vertical .row label { font-size:.8rem; text-transform:uppercase; font-weight:600; letter-spacing:1px; }
    .form_vertical .option_row { margin-top:20px; }

    /* column box */
    /* similar to form box, but no widths specified and its only one row */
    .column_box { clear:both; }
    .column_box .section { display:table; width:100%; min-height:50vh; }
    .column_box .row { display:table-row; }
    .column_box .column { display:table-cell; vertical-align:top; padding:0px 20px; }
    .column_box .column:not(:last-child) { border-right:1px var(--color-light-gray) solid; }

    /* form list */
    /* -- used to vertical list form layouts. Odd = Label. Even = Input: <li>label</li><li><input... /></li> */
    ul.form_list { margin:0px; padding:0px; list-style:none; }
    ul.form_list li { margin:0px; padding:2px 0px; display:block; }
    ul.form_list li:nth-child(odd) { padding-bottom:1px; font-weight:600; }
    ul.form_list li:nth-child(even) { padding-bottom:10px; }

    /* overlays */
    .overlay_black_10:before,
    .overlay_black_20:before,
    .overlay_black_30:before,
    .overlay_black_40:before,
    .overlay_black_50:before,
    .overlay_black_60:before,
    .overlay_black_70:before,
    .overlay_black_80:before,
    .overlay_black_90:before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-image:linear-gradient(to bottom right,#002f4b,#010101); }

    .overlay_black_10:before { opacity:.1; }
    .overlay_black_20:before { opacity:.2; }
    .overlay_black_30:before { opacity:.3; }
    .overlay_black_40:before { opacity:.4; }
    .overlay_black_50:before { opacity:.5; }
    .overlay_black_60:before { opacity:.6; }
    .overlay_black_70:before { opacity:.7; }
    .overlay_black_80:before { opacity:.9; }
    .overlay_black_90:before { opacity:.9; }
    /* end overlays */

    /* backgrounds */
    .blue_background { color:var(--color-white); background-color:var(--color-blue); }
    .blue_background h1,
    .blue_background .mimic_h1 { color:var(--color-white); }
    .blue_background h2,
    .blue_background .mimic_h2 { color:var(--color-white); }
    .blue_background h3 { color:var(--color-white); }

    .blue_background .cyan_button:hover,
    .blue_background .cyan_button:focus { color:var(--color-blue); background-color:var(--color-white); }

    .blue_background a:hover,
    .blue_background a:focus { color:var(--colo-white); text-decoration:underline; }

    .black_background { color:var(--color-white); background-color:var(--color-black); }
    .black_background h2 { color:var(--color-white); }
    .black_background h3 { color:var(--color-white); }

    .gray_background { background-color:var(--color-lighter-gray); }

    .image_background { color:var(--color-white); background-color:var(--color-black); background-size:cover; background-position:center center; background-repeat:no-repeat; }
    .image_background h2 { color:var(--color-white); }
    .image_background h3 { color:var(--color-white); }

    #krc_validation_error { display:none; }
    #krc_validation_error .form_error { display:inline-block; }

    .sixteen_by_nine { width: 100%; padding-top: 56.25%; max-height: 100vh; object-fit: contain; }

    /* states list */
    .state_row { margin-bottom:var(--spacing-2L); text-align:center; }
    .state_row ul.state_list { justify-content:center; gap:var(--spacing-1S); flex-wrap:wrap; }
    .state_row ul.state_list a { display: inline-flex; justify-content: center; align-items: center; width:30px; height:30px; padding:var(--spacing-2S) var(--spacing-0); font-size:var(--font-size-2S); font-weight:var(--font-weight-bold); color:var(--color-blue); background-color:var(--color-white); }
    .state_row ul.state_list a.selected,
    .state_row ul.state_list a:hover,
    .state_row ul.state_list a:focus { color:var(--color-white); background-color:var(--color-blue); }

    .lock_body { height:100vh; overflow:hidden; }

    /*---------------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------------*/
    /* HEADER */
    header { position:relative; background-color:var(--color-white); }

    header .header_group { align-items:center; grid-template-columns:2fr 8fr; }
    
    /* logo */
    header #logo a { display:inline-block; }
    header #logo img { display:inline-block; height:var(--font-size-2L); vertical-align:middle; }
    header #logo img:hover { opacity:.7; }

    /* rd */
    header .rd_menu { display:none; }

    /* menu */
    header #menu ul.menu_list { display:flex; justify-content: flex-end; gap:var(--spacing-0); align-items:center; }

    header #menu ul.menu_list li { position:relative; }

    header #menu ul.menu_list > li > a { display:block; padding:var(--spacing-0) 0px; color:var(--color-black); font-size:var(--font-size-3S); font-weight:var(--font-weight-bold); text-transform:uppercase; line-height:1; }
    header #menu ul.menu_list > li > a.selected,
    header #menu ul.menu_list > li > a:hover { color:var(--color-cyan); text-decoration:underline;  }

    header #menu ul,menu_list > li.icon { margin-left:var(--spacing-5S); padding:0px var(--spacing-5S); }
    header #menu ul.menu_list > li.icon a { font-size:var(--font-size-1S) !important; }

    /* sub menu*/
    header #menu ul.menu_list > li .submenu_group { display:none; position:fixed; top:59px; left:50%; width:100%; max-width:1400px; padding:var(--spacing-2L) var(--spacing-2L) var(--spacing-1S) var(--spacing-2L); transform:translateX(-50%); grid-template-columns:repeat(4, 1fr); gap:var(--spacing-1L); font-size:var(--font-size-1S); background-color:var(--color-white); z-index:999; }
    header #menu ul.menu_list > li .submenu_group.three_columns { grid-template-columns:1fr 1fr 2fr; }

    header #menu ul.menu_list > li .submenu_group p,
    header #menu ul.menu_list > li .submenu_group a {  font-size:var(--font-size-2S); }

    header #menu ul.menu_list > li .submenu_group p { margin:0px 0px var(--spacing-2S) 0px; line-height:1.2; }

    header #menu ul.menu_list > li .submenu_group .main_title { color:var(--color-blue); font-size:var(--font-size-0); font-weight:var(--font-weight-bold); }
    header #menu ul.menu_list > li .submenu_group .title { margin-bottom:var(--spacing-1S); color:var(--color-blue); font-size:var(--font-size-1S);  font-weight:var(--font-weight-bold);}
    header #menu ul.menu_list > li .submenu_group .sub_title { margin-top:var(--spacing-2S); margin-bottom:var(--spacing-3S); color:var(--color-blue); font-size:var(--font-size-3S); font-weight:var(--font-weight-bold); text-transform:uppercase; }

    header #menu ul.menu_list > li .submenu_group a.search_link { padding-right:var(--spacing-0); color:var(--color-blue); font-size:var(--font-size-1S); font-weight:var(--font-weight-bold); letter-spacing:1.2px; background-repeat:no-repeat; background-size:var(--font-size-1S); background-position:right center; background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_icon_arrow_circle_cyan_open.png); }

    header #menu ul.menu_list > li .submenu_group ul { display:grid; margin:0px; padding:0px; grid-template-columns:1fr; gap:0px; list-style:none; }
    header #menu ul.menu_list > li .submenu_group ul:not(:last-of-type) { margin-bottom:var(--spacing-1L);}
    
    header #menu ul.menu_list > li .submenu_group ul li { margin:0px; padding:0px; }
    header #menu ul.menu_list > li .submenu_group ul li a { display:block; padding:var(--spacing-3S) 0px; color:var(--color-black); text-decoration:none; border-bottom:1px var(--color-gray) solid !important;}
    header #menu ul.menu_list > li .submenu_group ul li a.selected,
    header #menu ul.menu_list > li .submenu_group ul li a:hover { color:var(--color-cyan); text-decoration:none; border-bottom:1px var(--color-cyan) solid !important;  }

    header #menu ul.menu_list > li .submenu_group ul.has_icon li a { padding-left:var(--spacing-0); background-repeat:no-repeat; background-size:var(--font-size-2S); background-position:left center; }
    header #menu ul.menu_list > li .submenu_group ul.has_icon li a.dental { background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_icon_business_type_29.png); }
    header #menu ul.menu_list > li .submenu_group ul.has_icon li a.hair_salon { background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_icon_business_type_218.png); }
    header #menu ul.menu_list > li .submenu_group ul.has_icon li a.medical { background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_icon_business_type_2.png); }
    header #menu ul.menu_list > li .submenu_group ul.has_icon li a.nail_salon { background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_icon_business_type_260.png); }
    header #menu ul.menu_list > li .submenu_group ul.has_icon li a.restaurant { background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_icon_business_type_4.png); }
    header #menu ul.menu_list > li .submenu_group ul.has_icon li a.pad { background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_icon_business_type_pad.png); }
    header #menu ul.menu_list > li .submenu_group ul.has_icon li a.office { background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_icon_business_type_64.png); }

    header #menu ul.menu_list > li .submenu_group.three_columns ul.two_columns { grid-template-columns:1fr 1fr; column-gap:var(--spacing-3L); }

    header #menu ul.menu_list > li .submenu_group > div:nth-child(1) .photo { width:100%; margin-bottom:var(--spacing-2S); }
    header #menu ul.menu_list > li .submenu_group > div:nth-child(1) .property_name { margin-bottom:0px; color:var(--color-blue); font-weight:var(--font-weight-bold); }
    header #menu ul.menu_list > li .submenu_group > div:nth-child(1) .property_location { font-size:var(--font-size-3S); }

    header #menu ul.menu_list > li .submenu_group > div:nth-child(2) { padding-top:var(--spacing-1L); }
    header #menu ul.menu_list > li .submenu_group > div:nth-child(2) hr { margin-top:var(--spacing-0); margin-bottom:var(--spacing-0); width:100%; max-width:initial; }
    header #menu ul.menu_list > li .submenu_group > div:nth-child(2) .description { line-height:1.4;}

    /* on scroll class */
    .header_scroll { position:fixed; top:0px; right:0px; left:0px; z-index:10000000; transition: all .5s ease 0s; }  /* applied in default.css too */
    .header_no_scroll { border:none; }

    /*---------------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------------*/
    /* HERO PHOTO */
    /*-----------------------------*/
    #hero { background-color:var(--color-black); }
    #hero .hero_overlay:after { content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.4); z-index:2; }

    #hero .slide_box  img.background { position:absolute; width:100%; height:100%; top:0px; right:0px; bottom:0px; left:0px; object-fit:cover; object-position:top; z-index:1; }
        
    #hero .slide_box .hero_group { position:absolute; width:96%; max-width:1400px; top:50%; left:50%; transform:translate(-50%, -50%); grid-template-columns:6fr 4fr; align-items:center; gap:var(--spacing-2L); z-index:500; }

    #hero .slide_box .hero_group > div:nth-child(1) p { margin:0px; }
    #hero .slide_box .hero_group > div:nth-child(1) .title { margin-bottom:var(--spacing-1S); color:var(--color-white); font-family:var(--font-1); font-size:var(--font-size-1L); font-weight:var(--font-weight-bold); }
    #hero .slide_box .hero_group > div:nth-child(1) .description { color:var(--color-white); font-family:var(--font-1); font-size:var(--font-size-5L); font-weight:var(--font-weight-boldest); line-height:1.1; }
    #hero .slide_box .hero_group > div:nth-child(1) a { margin-top:var(--spacing-1L); padding:var(--spacing-0) var(--spacing-1L); font-size:var(--font-size-0); border:2px var(--color-white) solid; }

    #hero .slide_box .hero_group > div:nth-child(2) { text-align:right; }
    #hero .slide_box .hero_group > div:nth-child(2) img.icon { display:inline-block; width:90%; max-width:450px; max-height:500px; object-fit:contain; object-position:right center; }

    /* overlay bar */
    #hero_bar { position:absolute; bottom:0px; right:0px; left:0px; background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/webimages/common/backgrounds/i_background_transparent_black_70.png); }
    #hero_bar h2 { margin:0px 0px 2px 0px; padding:0px; font-size:2rem; font-weight:600; letter-spacing:3px; font-family:"open-sans",sans-serif; color:var(--color-white); }
    #hero_bar h3 { margin:0px 0px 10px 0px; padding:0px; font-size:1rem; font-weight:400; font-family:"open-sans",sans-serif; color:#818181; letter-spacing:2px; }
    #hero_bar p { color:var(--color-white); font-size:1.4rem; font-weight:600; margin:0px; padding:0px; text-transform:uppercase; letter-spacing:2px; color:#9fcc3b; }
    #hero_bar ul { margin:0px; padding:0px; list-style:none; }
    #hero_bar li { margin:0px; padding:0px; display:inline-block; vertical-align:top; }
    #hero_bar li:nth-child(1) { width:35%; text-align:center; }
    #hero_bar li:nth-child(2) { width:60%; }

    #hero_bar_box_1 { padding:50px 0px 0px 0px; }
    #hero_bar_box_1 img { width:60%; max-width:500px; }
    #hero_bar_box_2 { padding:20px 40px 20px 0px; }

    /* about us */
    #about_us img.icon { position:absolute; top:70px; left:-120px; width:100px; }

    /*---------------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------------*/
    /* ERROR */
    /*-----------------------------*/

    #error .logo { display:block; margin:0rem 0rem 3rem 0rem; padding:0rem; }
    #error hr { margin:0rem; margin:2rem 0rem; background-color:#f7f7f7; }

    /*---------------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------------*/
    /* ACCESSIBLITY */
    /*-----------------------------*/

    #accessibility_settings { background-color:#f3f4f6; }

    /*---------------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------------*/
    /* GDPR */
    /*-----------------------------*/

    #gdpr_box { display:block; position:fixed; bottom:0px; right:0px; left:0px; background-color:var(--color-white); border-top:1px #000000 solid; z-index:10000; }
    #gdpr_box_content { padding:20px; text-align:center; }	

    /*---------------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------------*/
    /* Properties */
    /*-----------------------------*/
    #property_list h2 { font-size:1.2rem; margin:0px 0px 20px 0px; padding:0px; line-height:1; }
    #property_list h2 > a {  color:var(--color-black); }

    #property_list h3,
    #property_list h3 > a,
    #property_list li { font-size:.8rem; }

    #property_list span.material-icons { font-size:.8rem; vertical-align:middle; }

    #property_list li > span > a { font-size:.8rem; color:var(--color-black); }

    #property_list { display:flex; align-items:flex-start; justify-content:space-between; }
    #property_list .box { width:48%; }

    #property_list ul { margin:0px; padding:0px; list-style:none; }
    #property_list ul:not(:first-of-type) { margin-top:20px; }
    #property_list ul > li { margin:0px; padding:0px; display:block; }

    #property_list ul > li > h2 { margin:0px 0px 10px 0px; padding:0px; line-height:1; }
    #property_list ul > li:not(:first-of-type) > h2 { margin-top:20px; }

    #property_list ul > li > span { margin:0px 0px 5px 0px; padding:0px; }

    #property_list ul > li > h3 { font-weight:400; margin:0px; padding:0px; display:inline-block; letter-spacing:initial; }

    /*---------------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------------*/
    /* small titles (small_title + <br/> + big title */
    /*-----------------------------*/
    h1 span.small_title { font-size:.8rem; text-transform:uppercase; letter-spacing:2px; display:block; margin-bottom:10px; }

    /* table view */
    /* defaults to 4 columns */
    .table_view .row { display:grid; grid-template-columns:25% 25% 25% 25%; gap:1px; border-bottom:1px var(--color-light-gray) solid; }

    .table_view .row:not(.header_row):hover { background-color:var(--color-light-gray); transition: all 0.5s ease 0s; }
    .table_view .clickable_row { cursor:pointer; }
    .table_view .clickable_row:hover { color:var(--color-baby-blue); }

    .table_view .row > div { padding:4px 0px; }

    .table_view .row > div.sortable { cursor:pointer; background-repeat:no-repeat; background-position:right center; background-size:var(--font-size-0); }
    .table_view .row > div.sortable:hover,
    .table_view .row > div.sortable:focus { color:var(--color-baby-blue); }

    .table_view .header_row > div{ border-bottom:2px var(--color-blue) solid; font-weight:600; font-size:var(--font-size-2S); }
    .table_view .header_row > div.selected { border-bottom:2px var(--color-cyan) solid; }

    .table_view .header_row > div.asc { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3e%3cpath d='m14 28 10-10.05L34 28Z'/%3e%3c/svg%3e"); }
    .table_view .header_row > div.desc { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3e%3cpath d='m24 30-10-9.95h20Z'/%3e%3c/svg%3e"); }

    /* labels - legacy */
    div.label_row { display:inline-block; margin-left:var(--spacing-3S); }
    div.label_row span { padding:var(--spacing-3S); font-size:var(--font-size-3S); text-transform:uppercase; border-radius:5px;  }
    div.label_row span.label_virtual_tour { background-color:var(--color-light-green); }
    div.label_row span.label_prior_use { background-color:var(--color-light-green); }
    div.label_row span.label_floor_plan { background-color:var(--color-light-green); }

    /* labels */
    div.unit_label_group span,
    ul.unit_label_list span { padding:var(--spacing-3S) var(--spacing-2S); font-size:var(--font-size-1S); line-height:1; }
    
    div.unit_label_group span.label_virtual_tour,
    ul.unit_label_list span.label_virtual_tour { color:var(--color-blue); border:1px var(--color-light-blue) solid; border-radius:3px; }

    div.unit_label_group span.label_prior_use,
    ul.unit_label_list span.label_prior_use { color:var(--color-blue); border:1px var(--color-light-blue) solid; border-radius:3px; }

    div.unit_label_group span.label_floor_plan,
    ul.unit_label_list span.label_floor_plan { color:var(--color-blue); border:1px var(--color-light-blue) solid; border-radius:3px; }

    div.unit_label_group span.label_office,
    ul.unit_label_list span.label_office { color:var(--color-blue); border:1px var(--color-light-blue) solid; border-radius:3px; }

    /* video */
    .video_row .video { position:relative; max-width:1000px; width:96%; margin:0px auto; }
    .video_row .video a { display:block; position:relative; background-color:var(--color-black); }
    .video_row .video a .material-icons { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1; font-size:calc(var(--font-size-3L) * 2); color:var(--color-white); transition: font-size .5s;} 
    .video_row .video a:hover .material-icons,
    .video_row .video a:focus .material-icons { font-size:calc(var(--font-size-3L) * 2.5); }
    .video_row .video a:hover img,
    .video_row .video a:focus img { opacity:.4; } 
    .video_row .video img { display:block; margin:0px; width:100%; opacity:.7;  }

    .small_text { margin-top:0px; font-size:var(--font-size-1S) !important; line-height:1.1; }
    .large_text { margin-top:0px; color:var(--color-blue); font-size:var(--font-size-1L); line-height:1.2; }
    .larger_text { margin-top:0px; color:var(--color-blue); font-size:var(--font-size-2L); line-height:1.2; }
    .largest_text { margin-top:0px; color:var(--color-blue); font-size:var(--font-size-3L); line-height:1.2; }

    .title_text { font-size:var(--font-size-0); font-weight:var(--font-weight-bold); text-transform:uppercase; }

    .additional_space_above { margin-top:var(--spacing-2L) !important; }
    .forced_line_break { display:block;}
    .forced_line_break_in_rd { display:inline-block; }

    /* contact box   */
    .contact_box h3 { line-height:inherit; margin:0px; padding:0px; }
    .contact_box p { margin:0px; padding:0px; line-height:inherit; }
    .contact_box p:not(last-child) { margin-bottom:var(--spacing-1S); }
    .contact_box .details { font-size:var(--font-size-1S); }
}

@media (max-width:1500px) {
    #hero .slide_box .hero_group > div:nth-child(2) img.icon { max-height:400px; }
}

@media (max-width:1400px) {
    html { font-size:18px; }

    header #menu ul.menu_list > li > a { font-size:var(--font-size-2S); }

    #hero .slide_box .hero_group > div:nth-child(1) .description { font-size:var(--font-size-4L); font-weight:var(--font-weight-bolder); }
    #hero .slide_box .hero_group > div:nth-child(2) img.icon { max-height:300px; }

    .form_error { font-size: var(--font-size-2S); }    
}

@media (max-width:1200px) {
    html { font-size:16px; }

    header #menu ul.menu_list { gap:var(--spacing-1S);}

    #hero .slide_box .hero_group > div:nth-child(1) .description { font-size:var(--font-size-3L); font-weight:var(--font-weight-bold); }

    .small_text { font-size:var(--font-size-1S) !important;  }
    .large_text { font-size:var(--font-size-1L); }
    .larger_text { font-size:calc(1.5 * var(--font-size-1L));  }
    .largest_text {  font-size:var(--font-size-2L); }

    /* labels - legacy */
    div.label_row span { font-size:var(--font-size-2S); }
}

/* LE.200627 - We added this to only allow hover/focus on LI for destkop, since for RD we will do onclick */
@media (min-width:1024px) {
        header #menu ul.menu_list > li:hover .submenu_group,
        header #menu ul.menu_list > li:focus-within > .submenu_group ,
        header #menu ul.menu_list > li.has_submenu a:focus + .submenu_group { display: grid;} 
}

@media (max-width:1024px) {
    html { font-size:14px; }

    header .container_row { padding-top:var(--spacing-0); padding-bottom:var(--spacing-0); }

    /* rd button */
    header button.rd_menu { display:block; position:absolute; padding:var(--spacing-2S); top:50%; right:0px; transform:translateY(-50%); color:var(--color-black); font-size:var(--font-size-1L); cursor:pointer; background-color:var(--color-white); border:1px var(--color-white) solid; z-index:10; }
    header button.rd_menu:hover { color:var(--color-white); background-color:var(--color-blue); border-radius:var(--spacing-2S); }

    /* menu */
    #menu { display:none; position:fixed; top:53px; right:0px; bottom:0px; left:0px; background-color:var(--color-blue); background-size:12%; background-position:bottom var(--spacing-3L) right var(--spacing-4L); background-repeat:no-repeat; background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/brand/i_brand_icon_4_white.png); z-index:999; }

    header #menu ul.menu_list { display:block; position:fixed; padding:var(--spacing-2L); top:53px; bottom:0px; left:0px; right:0px; grid-template-columns:1fr; background-color:var(--color-blue); overflow:auto; }

    header #menu ul.menu_list li { display:block; }
    header #menu ul.menu_list li.icon { display:inline-block; width: 60px; margin-left: 0px; padding: var(--spacing-3L) 0px 0px 0px; }

    header #menu ul.menu_list > li:not(.icon) { border-bottom:1px rgba(255, 255, 255, .2) solid; }
    
    header #menu ul.menu_list > li > a { padding:var(--spacing-1L) 0px; color:var(--color-white); }
    header #menu ul.menu_list li a { line-height:initial;}

    header #menu ul.menu_list li > a { font-size:var(--font-size-1L); font-weight:var(--font-weight-normal); text-transform:none; }
    header #menu ul.menu_list > li.icon a { font-size:var(--font-size-2L) !important; }
    
    header #menu ul.menu_list li .submenu_group a { font-size:var(--font-size-0); }

    header #menu ul.menu_list li.has_submenu > a { background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_background_menu_arrow_gray_right.png); background-repeat:no-repeat; background-position:right center; }
    header #menu ul.menu_list li.has_submenu > a[aria-expanded="true"] { background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_background_menu_arrow_gray_down.png);  }

    header #menu ul.menu_list li a:hover,
    header #menu ul.menu_list li a:focus,
    header #menu ul.menu_list .material-icons:hover,
    header #menu ul.menu_list .material-icons:focus { color:var(--color-cyan) !important; text-decoration:underline !important; border-bottom:0px !important; }

    header #menu ul.menu_list ul.is_sub_menu { display:block; padding:100px 40px 20px 40px;  }
            
    header #menu ul.menu_list .material-icons { font-size:2.2rem;}

    header #menu ul.menu_list li ul.is_sub_menu { background-color:transparent; padding:20px 0px; position:relative; width:100%; top:inherit; left:inherit }
    header #menu ul.menu_list li ul.is_sub_menu li { padding:0px 0px 20px 20px;}
            
    header #menu ul.menu_list li ul.sub_menu_corporate_responsibility,
    header #menu ul.menu_list li ul.sub_menu_about_us { width:100%; }

    header #menu ul.menu_list > li .submenu_group { display:none; position:initial; padding:var(--spacing-2L) 0px; top:initial; left:initial; transform:initial; grid-template-columns:1fr 1fr; border-top-right-radius:var(--spacing-2L); border-bottom-left-radius:var(--spacing-2L); }
    header #menu ul.menu_list > li .submenu_group > div { padding-top:var(--spacing-1L); padding-right:var(--spacing-2L); padding-left:var(--spacing-2L); }
    header #menu ul.menu_list > li .submenu_group.three_columns { grid-template-columns:1fr; }

    header #menu ul.menu_list > li .submenu_group > div:nth-child(1) { display:none; }

    header #menu ul.menu_list > li .submenu_group > div:nth-child(2) { padding-top:0px; padding-bottom:var(--spacing-2L); grid-column: 1 / -1; border-bottom:var(--spacing-0) var(--color-blue) solid;}
    header #menu ul.menu_list > li .submenu_group > div:nth-child(2) .forced_line_break { display:inline-block; }

    header #menu ul.menu_list > li .submenu_group ul { gap:var(--spacing-1S); }
    header #menu ul.menu_list > li .submenu_group ul:not(:last-of-type) { margin-bottom:var(--spacing-3L); }

    header #menu ul.menu_list > li .submenu_group .sub_title { margin-bottom:var(--spacing-1S); }

    header #menu ul.menu_list > li .submenu_group .title { text-transform:uppercase; }

    header #menu ul.menu_list > li .submenu_group .sub_title,
    header #menu ul.menu_list > li .submenu_group p, 
    header #menu ul.menu_list > li .submenu_group a,
    header #menu ul.menu_list > li .submenu_group ul.has_icon li a { font-size:var(--font-size-0); }

    header #menu ul.menu_list > li .submenu_group ul.has_icon li a { padding-left:var(--spacing-2L); background-size:var(--font-size-0); }

    header #menu ul.menu_list > li .submenu_group a.search_link { display:inline-block; padding-right:var(--spacing-1L); font-size:var(--font-size-1L); background-size:var(--font-size-0); }

    header #menu ul.menu_list > li .submenu_group .sub_title { text-transform:none; }

    header #menu ul.menu_list li a.selected,
    header #menu ul.menu_list li a:hover { border-bottom:none; text-decoration:underline;  }

    /* hero */
    #hero .slide_box .hero_group > div:nth-child(2) img.icon { max-height:200px; }

    .forced_line_break_in_rd { display:block; }

    /* labels - legacy */
    div.label_row span { font-size:var(--font-size-1S); }

    .form_error { font-size: var(--font-size-1S); }   
}

@media (max-width:700px) {
    .form_box .section .row { grid-template-columns:1fr; }

    .flex_row.split_even { flex-wrap:wrap; }
    .flex_row.split_even .box { width:100%; }
    
    ul:not(.no_bullets).is_grid,
    ol:not(.no_bullets).is_grid { padding-left:var(--spacing-1L); }
}

@media (max-width:600px) {
header #menu ul.menu_list > li .submenu_group { grid-template-columns:1fr; }

    #hero .slide_box .hero_group { grid-template-columns:1fr; }
    #hero .slide_box .hero_group > div:nth-child(2) { display:none; }
}

@media (max-width:500px) {

}