/*** vars ***/
html { font-size: 14px }
._color_default { color: #414141 }
._color_primary { color: #377dff; font-weight: 700; }
._background_color_default { background-color: #414141 }
._background_color_primary_color { background-color: #377dff }
._border_color_default, ._border_color_default { border-color: #414141 }
._border_color_primary { border-color: #377dff }
._border_color { border-color: #eee }
._display_none { display: none !important; }
._display_block { display: block !important; }
._margin_0 { margin: 0 !important }
._margin_left_0 { margin-left: 0 !important } ._margin_right_0 { margin-right: 0 !important }
._margin_top_0 { margin-top: 0 !important } ._margin_bottom_0 { margin-bottom: 0 !important }
._margin_05rem { margin: 0.5rem !important }
._margin_left_05rem { margin-left: 0.5rem !important } ._margin_right_05rem { margin-right: 0.5rem !important }
._margin_top_05rem { margin-top: 0.5rem !important } ._margin_bottom_05rem { margin-bottom: 0.5rem !important }
._margin_1rem { margin: 1rem !important }
._margin_left_1rem { margin-left: 1rem !important } ._margin_right_1rem { margin-right: 1rem !important }
._margin_top_1rem { margin-top: 1rem !important } ._margin_bottom_1rem { margin-bottom: 1rem !important }
._margin_15rem { margin: 1.5rem !important }
._margin_left_15rem { margin-left: 1.5rem !important } ._margin_right_15rem { margin-right: 1.5rem !important }
._margin_top_15rem { margin-top: 1.5rem !important } ._margin_bottom_15rem { margin-bottom: 1.5rem !important }
._margin_2rem { margin: 2rem !important }
._margin_left_2rem { margin-left: 2rem !important } ._margin_right_2rem { margin-right: 2rem !important }
._margin_top_2rem { margin-top: 2rem !important } ._margin_bottom_2rem { margin-bottom: 2rem !important }
._margin_3rem { margin: 3rem !important }
._margin_left_3rem { margin-left: 3rem !important } ._margin_right_3rem { margin-right: 3rem !important }
._margin_top_3rem { margin-top: 3rem !important } ._margin_bottom_3rem { margin-bottom: 3rem !important }
._margin_6rem { margin: 6rem !important }
._margin_left_6rem { margin-left: 6rem !important } ._margin_right_6rem { margin-right: 6rem !important }
._margin_top_6rem { margin-top: 6rem !important } ._margin_bottom_6rem { margin-bottom: 6rem !important }
._padding_0 { padding: 0 !important }
._padding_left_0 { padding-left: 0 !important } ._padding_right_0 { padding-right: 0 !important }
._padding_top_0 { padding-top: 0 !important } ._padding_bottom_0 { padding-bottom: 0 !important }
._padding_05rem { padding: 0.5rem !important }
._padding_left_05rem { padding-left: 0.5rem !important } ._padding_right_05rem { padding-right: 0.5rem !important }
._padding_top_05rem { padding-top: 0.5rem !important } ._padding_bottom_05rem { padding-bottom: 0.5rem !important }
._padding_1rem { padding: 1rem !important }
._padding_left_1rem { padding-left: 1rem !important } ._padding_right_1rem { padding-right: 1rem !important }
._padding_top_1rem { padding-top: 1rem !important } ._padding_bottom_1rem { padding-bottom: 1rem !important }
._padding_15rem { padding: 1.5rem !important }
._padding_left_15rem { padding-left: 1.5rem !important } ._padding_right_15rem { padding-right: 1.5rem !important }
._padding_top_15rem { padding-top: 1.5rem !important } ._padding_bottom_15rem { padding-bottom: 1.5rem !important }
._padding_2rem { padding: 2rem !important }
._padding_left_2rem { padding-left: 2rem !important } ._padding_right_2rem { padding-right: 2rem !important }
._padding_top_2rem { padding-top: 2rem !important } ._padding_bottom_2rem { padding-bottom: 2rem !important }
._padding_3rem { padding: 3rem !important }
._padding_left_3rem { padding-left: 3rem !important } ._padding_right_3rem { padding-right: 3rem !important }
._padding_top_3rem { padding-top: 3rem !important } ._padding_bottom_3rem { padding-bottom: 3rem !important }
._padding_6rem { padding: 6rem !important }
._padding_left_6rem { padding-left: 6rem !important } ._padding_right_6rem { padding-right: 6rem !important }
._padding_top_6rem { padding-top: 6rem !important } ._padding_bottom_6rem { padding-bottom: 6rem !important }
._visible { opacity: 1 !important; pointer-events: auto !important; }
._hidden { opacity: 0 !important; pointer-events: none !important; }
._invisible { opacity: 0 !important; pointer-events: none !important; height: 0; }
._fade_2s { transition: opacity 2s linear !important; }
._fade_2s_in { opacity: 1 !important; pointer-events: auto !important; }
._fade_2s_out { opacity: 0 !important; pointer-events: none !important; }
@media (max-width: 767px) {
._display_none_xs, ._display_xs_none { display: none !important; }
._display_block_xs, ._display_xs_block { display: block !important; }
._margin_xs_0 { margin: 0 !important }
._margin_xs_left_0 { margin-left: 0 !important } ._margin_xs_right_0 { margin-right: 0 !important }
._margin_xs_top_0 { margin-top: 0 !important } ._margin_xs_bottom_0 { margin-bottom: 0 !important }
._margin_xs_05rem { margin: 0.5rem !important }
._margin_xs_left_05rem { margin-left: 0.5rem !important } ._margin_xs_right_05rem { margin-right: 0.5rem !important }
._margin_xs_top_05rem { margin-top: 0.5rem !important } ._margin_xs_bottom_05rem { margin-bottom: 0.5rem !important }
._margin_xs_1rem { margin: 1rem !important }
._margin_xs_left_1rem { margin-left: 1rem !important } ._margin_xs_right_1rem { margin-right: 1rem !important }
._margin_xs_top_1rem { margin-top: 1rem !important } ._margin_xs_bottom_1rem { margin-bottom: 1rem !important }
._margin_xs_15rem { margin: 1.5rem !important }
._margin_xs_left_15rem { margin-left: 1.5rem !important } ._margin_xs_right_15rem { margin-right: 1.5rem !important }
._margin_xs_top_15rem { margin-top: 1.5rem !important } ._margin_xs_bottom_15rem { margin-bottom: 1.5rem !important }
._margin_xs_2rem { margin: 2rem !important }
._margin_xs_left_2rem { margin-left: 2rem !important } ._margin_xs_right_2rem { margin-right: 2rem !important }
._margin_xs_top_2rem { margin-top: 2rem !important } ._margin_xs_bottom_2rem { margin-bottom: 2rem !important }
._margin_xs_3rem { margin: 3rem !important }
._margin_xs_left_3rem { margin-left: 3rem !important } ._margin_xs_right_3rem { margin-right: 3rem !important }
._margin_xs_top_3rem { margin-top: 3rem !important } ._margin_xs_bottom_3rem { margin-bottom: 3rem !important }
._margin_xs_6rem { margin: 6rem !important }
._margin_xs_left_6rem { margin-left: 6rem !important } ._margin_xs_right_6rem { margin-right: 6rem !important }
._margin_xs_top_6rem { margin-top: 6rem !important } ._margin_xs_bottom_6rem { margin-bottom: 6rem !important }
._padding_xs_0 { padding: 0 !important }
._padding_xs_left_0 { padding-left: 0 !important } ._padding_xs_right_0 { padding-right: 0 !important }
._padding_xs_top_0 { padding-top: 0 !important } ._padding_xs_bottom_0 { padding-bottom: 0 !important }
._padding_xs_05rem { padding: 0.5rem !important }
._padding_xs_left_05rem { padding-left: 0.5rem !important } ._padding_xs_right_05rem { padding-right: 0.5rem !important }
._padding_xs_top_05rem { padding-top: 0.5rem !important } ._padding_xs_bottom_05rem { padding-bottom: 0.5rem !important }
._padding_xs_1rem { padding: 1rem !important }
._padding_xs_left_1rem { padding-left: 1rem !important } ._padding_xs_right_1rem { padding-right: 1rem !important }
._padding_xs_top_1rem { padding-top: 1rem !important } ._padding_xs_bottom_1rem { padding-bottom: 1rem !important }
._padding_xs_15rem { padding: 1.5rem !important }
._padding_xs_left_15rem { padding-left: 1.5rem !important } ._padding_xs_right_15rem { padding-right: 1.5rem !important }
._padding_xs_top_15rem { padding-top: 1.5rem !important } ._padding_xs_bottom_15rem { padding-bottom: 1.5rem !important }
._padding_xs_2rem { padding: 2rem !important }
._padding_xs_left_2rem { padding-left: 2rem !important } ._padding_xs_right_2rem { padding-right: 2rem !important }
._padding_xs_top_2rem { padding-top: 2rem !important } ._padding_xs_bottom_2rem { padding-bottom: 2rem !important }
._padding_xs_3rem { padding: 3rem !important }
._padding_xs_left_3rem { padding-left: 3rem !important } ._padding_xs_right_3rem { padding-right: 3rem !important }
._padding_xs_top_3rem { padding-top: 3rem !important } ._padding_xs_bottom_3rem { padding-bottom: 3rem !important }
._padding_xs_6rem { padding: 6rem !important }
._padding_xs_left_6rem { padding-left: 6rem !important } ._padding_xs_right_6rem { padding-right: 6rem !important }
._padding_xs_top_6rem { padding-top: 6rem !important } ._padding_xs_bottom_6rem { padding-bottom: 6rem !important }
}
@media (min-width: 768px) and (max-width: 1229px) {
._display_none_sm, ._display_sm_none { display: none !important; }
._display_block_sm, ._display_sm_block { display: block !important; }
._margin_sm_0 { margin: 0 !important }
._margin_sm_left_0 { margin-left: 0 !important } ._margin_sm_right_0 { margin-right: 0 !important }
._margin_sm_top_0 { margin-top: 0 !important } ._margin_sm_bottom_0 { margin-bottom: 0 !important }
._margin_sm_05rem { margin: 0.5rem !important }
._margin_sm_left_05rem { margin-left: 0.5rem !important } ._margin_sm_right_05rem { margin-right: 0.5rem !important }
._margin_sm_top_05rem { margin-top: 0.5rem !important } ._margin_sm_bottom_05rem { margin-bottom: 0.5rem !important }
._margin_sm_1rem { margin: 1rem !important }
._margin_sm_left_1rem { margin-left: 1rem !important } ._margin_sm_right_1rem { margin-right: 1rem !important }
._margin_sm_top_1rem { margin-top: 1rem !important } ._margin_sm_bottom_1rem { margin-bottom: 1rem !important }
._margin_sm_15rem { margin: 1.5rem !important }
._margin_sm_left_15rem { margin-left: 1.5rem !important } ._margin_sm_right_15rem { margin-right: 1.5rem !important }
._margin_sm_top_15rem { margin-top: 1.5rem !important } ._margin_sm_bottom_15rem { margin-bottom: 1.5rem !important }
._margin_sm_2rem { margin: 2rem !important }
._margin_sm_left_2rem { margin-left: 2rem !important } ._margin_sm_right_2rem { margin-right: 2rem !important }
._margin_sm_top_2rem { margin-top: 2rem !important } ._margin_sm_bottom_2rem { margin-bottom: 2rem !important }
._margin_sm_3rem { margin: 3rem !important }
._margin_sm_left_3rem { margin-left: 3rem !important } ._margin_sm_right_3rem { margin-right: 3rem !important }
._margin_sm_top_3rem { margin-top: 3rem !important } ._margin_sm_bottom_3rem { margin-bottom: 3rem !important }
._margin_sm_6rem { margin: 6rem !important }
._margin_sm_left_6rem { margin-left: 6rem !important } ._margin_sm_right_6rem { margin-right: 6rem !important }
._margin_sm_top_6rem { margin-top: 6rem !important } ._margin_sm_bottom_6rem { margin-bottom: 6rem !important }
._padding_sm_0 { padding: 0 !important }
._padding_sm_left_0 { padding-left: 0 !important } ._padding_sm_right_0 { padding-right: 0 !important }
._padding_sm_top_0 { padding-top: 0 !important } ._padding_sm_bottom_0 { padding-bottom: 0 !important }
._padding_sm_05rem { padding: 0.5rem !important }
._padding_sm_left_05rem { padding-left: 0.5rem !important } ._padding_sm_right_05rem { padding-right: 0.5rem !important }
._padding_sm_top_05rem { padding-top: 0.5rem !important } ._padding_sm_bottom_05rem { padding-bottom: 0.5rem !important }
._padding_sm_1rem { padding: 1rem !important }
._padding_sm_left_1rem { padding-left: 1rem !important } ._padding_sm_right_1rem { padding-right: 1rem !important }
._padding_sm_top_1rem { padding-top: 1rem !important } ._padding_sm_bottom_1rem { padding-bottom: 1rem !important }
._padding_sm_15rem { padding: 1.5rem !important }
._padding_sm_left_15rem { padding-left: 1.5rem !important } ._padding_sm_right_15rem { padding-right: 1.5rem !important }
._padding_sm_top_15rem { padding-top: 1.5rem !important } ._padding_sm_bottom_15rem { padding-bottom: 1.5rem !important }
._padding_sm_2rem { padding: 2rem !important }
._padding_sm_left_2rem { padding-left: 2rem !important } ._padding_sm_right_2rem { padding-right: 2rem !important }
._padding_sm_top_2rem { padding-top: 2rem !important } ._padding_sm_bottom_2rem { padding-bottom: 2rem !important }
._padding_sm_3rem { padding: 3rem !important }
._padding_sm_left_3rem { padding-left: 3rem !important } ._padding_sm_right_3rem { padding-right: 3rem !important }
._padding_sm_top_3rem { padding-top: 3rem !important } ._padding_sm_bottom_3rem { padding-bottom: 3rem !important }
._padding_sm_6rem { padding: 6rem !important }
._padding_sm_left_6rem { padding-left: 6rem !important } ._padding_sm_right_6rem { padding-right: 6rem !important }
._padding_sm_top_6rem { padding-top: 6rem !important } ._padding_sm_bottom_6rem { padding-bottom: 6rem !important }
}
@media (min-width: 1230px) {
._display_none_md, ._display_md_none { display: none !important; }
._display_block_md, ._display_md_block { display: block !important; }
._margin_md_0 { margin: 0 !important }
._margin_md_left_0 { margin-left: 0 !important } ._margin_md_right_0 { margin-right: 0 !important }
._margin_md_top_0 { margin-top: 0 !important } ._margin_md_bottom_0 { margin-bottom: 0 !important }
._margin_md_05rem { margin: 0.5rem !important }
._margin_md_left_05rem { margin-left: 0.5rem !important } ._margin_md_right_05rem { margin-right: 0.5rem !important }
._margin_md_top_05rem { margin-top: 0.5rem !important } ._margin_md_bottom_05rem { margin-bottom: 0.5rem !important }
._margin_md_1rem { margin: 1rem !important }
._margin_md_left_1rem { margin-left: 1rem !important } ._margin_md_right_1rem { margin-right: 1rem !important }
._margin_md_top_1rem { margin-top: 1rem !important } ._margin_md_bottom_1rem { margin-bottom: 1rem !important }
._margin_md_15rem { margin: 1.5rem !important }
._margin_md_left_15rem { margin-left: 1.5rem !important } ._margin_md_right_15rem { margin-right: 1.5rem !important }
._margin_md_top_15rem { margin-top: 1.5rem !important } ._margin_md_bottom_15rem { margin-bottom: 1.5rem !important }
._margin_md_2rem { margin: 2rem !important }
._margin_md_left_2rem { margin-left: 2rem !important } ._margin_md_right_2rem { margin-right: 2rem !important }
._margin_md_top_2rem { margin-top: 2rem !important } ._margin_md_bottom_2rem { margin-bottom: 2rem !important }
._margin_md_3rem { margin: 3rem !important }
._margin_md_left_3rem { margin-left: 3rem !important } ._margin_md_right_3rem { margin-right: 3rem !important }
._margin_md_top_3rem { margin-top: 3rem !important } ._margin_md_bottom_3rem { margin-bottom: 3rem !important }
._margin_md_6rem { margin: 6rem !important }
._margin_md_left_6rem { margin-left: 6rem !important } ._margin_md_right_6rem { margin-right: 6rem !important }
._margin_md_top_6rem { margin-top: 6rem !important } ._margin_md_bottom_6rem { margin-bottom: 6rem !important }
._padding_md_0 { padding: 0 !important }
._padding_md_left_0 { padding-left: 0 !important } ._padding_md_right_0 { padding-right: 0 !important }
._padding_md_top_0 { padding-top: 0 !important } ._padding_md_bottom_0 { padding-bottom: 0 !important }
._padding_md_05rem { padding: 0.5rem !important }
._padding_md_left_05rem { padding-left: 0.5rem !important } ._padding_md_right_05rem { padding-right: 0.5rem !important }
._padding_md_top_05rem { padding-top: 0.5rem !important } ._padding_md_bottom_05rem { padding-bottom: 0.5rem !important }
._padding_md_1rem { padding: 1rem !important }
._padding_md_left_1rem { padding-left: 1rem !important } ._padding_md_right_1rem { padding-right: 1rem !important }
._padding_md_top_1rem { padding-top: 1rem !important } ._padding_md_bottom_1rem { padding-bottom: 1rem !important }
._padding_md_15rem { padding: 1.5rem !important }
._padding_md_left_15rem { padding-left: 1.5rem !important } ._padding_md_right_15rem { padding-right: 1.5rem !important }
._padding_md_top_15rem { padding-top: 1.5rem !important } ._padding_md_bottom_15rem { padding-bottom: 1.5rem !important }
._padding_md_2rem { padding: 2rem !important }
._padding_md_left_2rem { padding-left: 2rem !important } ._padding_md_right_2rem { padding-right: 2rem !important }
._padding_md_top_2rem { padding-top: 2rem !important } ._padding_md_bottom_2rem { padding-bottom: 2rem !important }
._padding_md_3rem { padding: 3rem !important }
._padding_md_left_3rem { padding-left: 3rem !important } ._padding_md_right_3rem { padding-right: 3rem !important }
._padding_md_top_3rem { padding-top: 3rem !important } ._padding_md_bottom_3rem { padding-bottom: 3rem !important }
._padding_md_6rem { padding: 6rem !important }
._padding_md_left_6rem { padding-left: 6rem !important } ._padding_md_right_6rem { padding-right: 6rem !important }
._padding_md_top_6rem { padding-top: 6rem !important } ._padding_md_bottom_6rem { padding-bottom: 6rem !important }
}
/*** Responsive video wrapper ***/
.video_wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.video_wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/********************************** GRID */
body { margin: 0; padding: 0; }
.page_container {
margin: 0 auto;
overflow: hidden;
}
.container {
display: flex; flex-direction: row; flex-wrap: wrap;
}
.container_no_wrap { flex-wrap: nowrap; }
.container_align_items_center { align-items: center }
.container_text_align_center { text-align: center }
.container_justify_content_space_between { justify-content: space-between }
.container > .column {
flex: 0 0 auto; box-sizing: border-box;
max-width: 100%;
}
.container_gutter_10px { margin-left: -5px; margin-right: -5px; margin-top: -5px; margin-bottom: -5px; }
.container_gutter_10px > .column { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }
.container_gutter_20px { margin-left: -10px; margin-right: -10px; margin-top: -10px; margin-bottom: -10px; }
.container_gutter_20px > .column { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }
.container_gutter_30px { margin-left: -15px; margin-right: -15px; margin-top: -15px; margin-bottom: -15px; }
.container_gutter_30px > .column { padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; }
.container_gutter_1rem { margin-left: -0.5rem; margin-right: -0.5rem; margin-top: -0.5rem; margin-bottom: -0.5rem; }
.container_gutter_1rem > .column { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.container_gutter_2rem { margin-left: -1rem; margin-right: -1rem; margin-top: -1rem; margin-bottom: -1rem; }
.container_gutter_2rem > .column { padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; }
.container_gutter_3rem { margin-left: -1.5rem; margin-right: -1.5rem; margin-top: -1.5rem; margin-bottom: -1.5rem; }
.container_gutter_3rem > .column { padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; padding-bottom: 1.5rem; }
.container_gutter_6rem { margin-left: -3rem; margin-right: -3rem; margin-top: -3rem; margin-bottom: -3rem; }
.container_gutter_6rem > .column { padding-left: 3rem; padding-right: 3rem; padding-top: 3rem; padding-bottom: 3rem; }
.container > .column_auto { flex: 1 1; }
.container > .column_1 { flex: 0 0 8.333%; }
.container > .column_2 { flex: 0 0 16.667%; }
.container > .column_3 { flex: 0 0 25%; }
.container > .column_4 { flex: 0 0 33.333%; }
.container > .column_5 { flex: 0 0 41.667%; }
.container > .column_6 { flex: 0 0 50%; }
.container > .column_7 { flex: 0 0 58.333%; }
.container > .column_8 { flex: 0 0 66.667%; }
.container > .column_9 { flex: 0 0 75%; }
.container > .column_10 { flex: 0 0 83.333%; }
.container > .column_11 { flex: 0 0 91.667%; }
.container > .column_12 { flex: 0 0 100%; }
.column_order_1 { order: 1 } .column_order_2 { order: 2 } .column_order_3 { order: 3 }
/* mobile xs */
@media (max-width: 767px) {
.page_container {
box-sizing: border-box;
width: auto; max-width: 420px; padding-left: 0; padding-right: 0;
}
.page_container_xs_full_width {
width: 100%; max-width: 100%; padding-left: 0; padding-right: 0;
overflow: hidden;
}
.container_xs_no_wrap { flex-wrap: nowrap; }
.container_xs_align_items_center { align-items: center }
.container_xs_text_align_center { text-align: center }
.container_xs_justify_content_space_between { justify-content: space-between }
.container_gutter_xs_10px { margin-left: -5px; margin-right: -5px; margin-top: -5px; margin-bottom: -5px; }
.container_gutter_xs_10px > .column { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }
.container_gutter_xs_20px { margin-left: -10px; margin-right: -10px; margin-top: -10px; margin-bottom: -10px; }
.container_gutter_xs_20px > .column { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }
.container_gutter_xs_30px { margin-left: -15px; margin-right: -15px; margin-top: -15px; margin-bottom: -15px; }
.container_gutter_xs_30px > .column { padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; }
.container_gutter_xs_1rem { margin-left: -0.5rem; margin-right: -0.5rem; margin-top: -0.5rem; margin-bottom: -0.5rem; }
.container_gutter_xs_1rem > .column { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.container_gutter_xs_2rem { margin-left: -1rem; margin-right: -1rem; margin-top: -1rem; margin-bottom: -1rem; }
.container_gutter_xs_2rem > .column { padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; }
.container_gutter_xs_3rem { margin-left: -1.5rem; margin-right: -1.5rem; margin-top: -1.5rem; margin-bottom: -1.5rem; }
.container_gutter_xs_3rem > .column { padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; padding-bottom: 1.5rem; }
.container_gutter_xs_6rem { margin-left: -3rem; margin-right: -3rem; margin-top: -3rem; margin-bottom: -3rem; }
.container_gutter_xs_6rem > .column { padding-left: 3rem; padding-right: 3rem; padding-top: 3rem; padding-bottom: 3rem; }
.container > .column_xs_auto { flex: 1 1; }
.container > .column_xs_1 { flex: 0 0 8.333%; }
.container > .column_xs_2 { flex: 0 0 16.667%; }
.container > .column_xs_3 { flex: 0 0 25%; }
.container > .column_xs_4 { flex: 0 0 33.333%; }
.container > .column_xs_5 { flex: 0 0 41.667%; }
.container > .column_xs_6 { flex: 0 0 50%; }
.container > .column_xs_7 { flex: 0 0 58.333%; }
.container > .column_xs_8 { flex: 0 0 66.667%; }
.container > .column_xs_9 { flex: 0 0 75%; }
.container > .column_xs_10 { flex: 0 0 83.333%; }
.container > .column_xs_11 { flex: 0 0 91.667%; }
.container > .column_xs_12 { flex: 0 0 100%; }
.column_xs_order_1 { order: 1 } .column_xs_order_2 { order: 2 } .column_xs_order_3 { order: 3 }
}
/* tablet sm */
@media (min-width: 768px) and (max-width: 1109px) {
.page_container {
box-sizing: border-box;
width: 768px; max-width: none; padding-left: 0; padding-right: 0;
}
.page_container_sm_full_width {
width: 100%; max-width: 100%; padding-left: 0; padding-right: 0;
overflow: hidden;
}
.container_sm_no_wrap { flex-wrap: nowrap; }
.container_sm_align_items_center { align-items: center }
.container_sm_text_align_center { text-align: center }
.container_sm_justify_content_space_between { justify-content: space-between }
.container_gutter_sm_10px { margin-left: -5px; margin-right: -5px; margin-top: -5px; margin-bottom: -5px; }
.container_gutter_sm_10px > .column { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }
.container_gutter_sm_20px { margin-left: -10px; margin-right: -10px; margin-top: -10px; margin-bottom: -10px; }
.container_gutter_sm_20px > .column { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }
.container_gutter_sm_30px { margin-left: -15px; margin-right: -15px; margin-top: -15px; margin-bottom: -15px; }
.container_gutter_sm_30px > .column { padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; }
.container_gutter_sm_1rem > .column { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.container_gutter_sm_2rem { margin-left: -1rem; margin-right: -1rem; margin-top: -1rem; margin-bottom: -1rem; }
.container_gutter_sm_2rem > .column { padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; }
.container_gutter_sm_3rem { margin-left: -1.5rem; margin-right: -1.5rem; margin-top: -1.5rem; margin-bottom: -1.5rem; }
.container_gutter_sm_3rem > .column { padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; padding-bottom: 1.5rem; }
.container_gutter_sm_6rem { margin-left: -3rem; margin-right: -3rem; margin-top: -3rem; margin-bottom: -3rem; }
.container_gutter_sm_6rem > .column { padding-left: 3rem; padding-right: 3rem; padding-top: 3rem; padding-bottom: 3rem; }
.container > .column_sm_auto { flex: 1 1; }
.container > .column_sm_1 { flex: 0 0 8.333%; }
.container > .column_sm_2 { flex: 0 0 16.667%; }
.container > .column_sm_3 { flex: 0 0 25%; }
.container > .column_sm_4 { flex: 0 0 33.333%; }
.container > .column_sm_5 { flex: 0 0 41.667%; }
.container > .column_sm_6 { flex: 0 0 50%; }
.container > .column_sm_7 { flex: 0 0 58.333%; }
.container > .column_sm_8 { flex: 0 0 66.667%; }
.container > .column_sm_9 { flex: 0 0 75%; }
.container > .column_sm_10 { flex: 0 0 83.333%; }
.container > .column_sm_11 { flex: 0 0 91.667%; }
.container > .column_sm_12 { flex: 0 0 100%; }
.column_sm_order_1 { order: 1 } .column_sm_order_2 { order: 2 } .column_sm_order_3 { order: 3 }
}
/* desktop md lg */
@media (min-width: 1110px) {
.page_container {
box-sizing: border-box;
width: 1110px; max-width: none; padding-left: 30px; padding-right: 30px;
}
.page_container_md_full_width {
width: 100%; max-width: 100%; padding-left: 0; padding-right: 0;
overflow: hidden;
}
.container_md_no_wrap { flex-wrap: nowrap; }
.container_md_align_items_center { align-items: center }
.container_md_text_align_center { text-align: center }
.container_md_justify_content_space_between { justify-content: space-between }
.container_gutter_md_10px { margin-left: -5px; margin-right: -5px; margin-top: -5px; margin-bottom: -5px; }
.container_gutter_md_10px > .column { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }
.container_gutter_md_20px { margin-left: -10px; margin-right: -10px; margin-top: -10px; margin-bottom: -10px; }
.container_gutter_md_20px > .column { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }
.container_gutter_md_30px { margin-left: -15px; margin-right: -15px; margin-top: -15px; margin-bottom: -15px; }
.container_gutter_md_30px > .column { padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; }
.container_gutter_md_1rem > .column { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.container_gutter_md_2rem { margin-left: -1rem; margin-right: -1rem; margin-top: -1rem; margin-bottom: -1rem; }
.container_gutter_md_2rem > .column { padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; padding-bottom: 1rem; }
.container_gutter_md_3rem { margin-left: -1.5rem; margin-right: -1.5rem; margin-top: -1.5rem; margin-bottom: -1.5rem; }
.container_gutter_md_3rem > .column { padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; padding-bottom: 1.5rem; }
.container_gutter_md_6rem { margin-left: -3rem; margin-right: -3rem; margin-top: -3rem; margin-bottom: -3rem; }
.container_gutter_md_6rem > .column { padding-left: 3rem; padding-right: 3rem; padding-top: 3rem; padding-bottom: 3rem; }
.container > .column_md_auto { flex: 1 1; }
.container > .column_md_1 { flex:0 0 8.333%; }
.container > .column_md_2 { flex:0 0 16.667%; }
.container > .column_md_3 { flex:0 0 25%; }
.container > .column_md_4 { flex:0 0 33.333%; }
.container > .column_md_5 { flex:0 0 41.667%; }
.container > .column_md_6 { flex:0 0 50%; }
.container > .column_md_7 { flex:0 0 58.333%; }
.container > .column_md_8 { flex:0 0 66.667%; }
.container > .column_md_9 { flex:0 0 75%; }
.container > .column_md_10 { flex:0 0 83.333%; }
.container > .column_md_11 { flex:0 0 91.667%; }
.container > .column_md_12 { flex:0 0 100%; }
.column_md_order_1 { order: 1 } .column_md_order_2 { order: 2 } .column_md_order_3 { order: 3 }
}
form .container { margin-left: -.5rem; margin-right: -.5rem; }
form .container > .column { padding-left: .5rem; padding-right: .5rem; padding-top: .5rem; padding-bottom: .5rem; }
.column > *:first-child {
margin-top: 0;
}
.column > *:last-child {
margin-bottom: 0;
}
@media( hover: none ) and ( pointer: coarse ) and ( max-width: 1229px ) {
.page_container_touch_full_width {
width: 100%; box-sizing: border-box; overflow: hidden;
max-width: 100%; padding-left: 0; padding-right: 0;
}
._display_none_touch { display: none; }
._display_block_touch { display: block; }
}
/********************************** CONTAINERS */
.container_1 { padding: 1.25rem; }
.container_2 { padding: 1.25rem; }
.container_x_1 { padding-left: 1.25rem; padding-right: 1.25rem; }
.container_x_2 { padding-left: 1.25rem; padding-right: 1.25rem; }
.container_y_1 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.container_y_2 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
@media (max-width: 767px) {
.container_1 { padding: 1.25rem; }
.container_2 { padding: 1.25rem; }
.container_x_1 { padding-left: 1.25rem; padding-right: 1.25rem; }
.container_x_2 { padding-left: 1.25rem; padding-right: 1.25rem; }
.container_y_1 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.container_y_2 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
}
@media (min-width: 768px) and (max-width: 1109px) {
.container_1 { padding: 3rem; }
.container_2 { padding: 6rem; }
.container_x_1 { padding-left: 3rem; padding-right: 3rem; }
.container_x_2 { padding-left: 6rem; padding-right: 6rem; }
.container_y_1 { padding-top: 3rem; padding-bottom: 3rem; }
.container_y_2 { padding-top: 6rem; padding-bottom: 6rem; }
}
.container_xs_1 { padding: 1.25rem; }
.container_xs_2 { padding: 1.25rem; }
.container_x_xs_1 { padding-left: 1.25rem; padding-right: 1.25rem; }
.container_x_xs_2 { padding-left: 1.25rem; padding-right: 1.25rem; }
.container_y_xs_1 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.container_y_xs_2 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.container_sm_1 { padding: 1.25rem; }
.container_sm_2 { padding: 1.25rem; }
.container_x_sm_1 { padding-left: 1.25rem; padding-right: 1.25rem; }
.container_x_sm_2 { padding-left: 1.25rem; padding-right: 1.25rem; }
.container_y_sm_1 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.container_y_sm_2 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.container_md_1 { padding: 3rem; }
.container_md_2 { padding: 6rem; }
.container_x_md_1 { padding-left: 3rem; padding-right: 3rem; }
.container_x_md_2 { padding-left: 6rem; padding-right: 6rem; }
.container_y_md_1 { padding-top: 3rem; padding-bottom: 3rem; }
.container_y_md_2 { padding-top: 6rem; padding-bottom: 6rem; }
.extend_container_x_1 { margin-left: -1.25rem; margin-right: -1.25rem }
/********************************** CSS */
body {
font-family: 'Open Sans', sans-serif;
color: #414141; background-color:#fff;
line-height: 1.7;
}
.text_color {
color: #414141;
}
.small_text {
font-size: .75em;
}
.semibold {
font-weight: 600;
}
h1 {
margin-top: 0;
font-size: 1.825rem;
line-height: 1.5;
}
@media (max-width: 767px) {
h1 {
font-size: 1.825rem;
}
}
h2 {
font-size: 1.5rem;
line-height: 1.5;
}
h3 {
/* font-size: 1.2rem; font-weight: 700; */
/* color: #377dff; */
}
h3._subline {
margin-bottom: 2rem;
text-transform: uppercase;
}
._subline::after {
content: "";
display: block;
margin: .25em 0 0 0;
width: 60px;
height: 3px;
background-color: #154481;
}
h4 {
font-size: 1rem; font-weight: 700;
}
/*
h1._section, h2._section, h3._section {
color: inherit;
}
h1._section::after, h2._section::after, h3._section::after {
content: "";
display: block;
margin: .25rem 0 0 0;
width: 50px; height: 2px;
background-color: #377dff;
}
*/
a {
color: inherit; text-decoration: none;
}
.color {
color: #377dff; font-weight: 700;
}
.underline {
border-bottom: 1px solid;
color: inherit;
}
img {
border-style: none; max-width:100%; height:auto;
}
ul, ol {
margin: 0;
padding: 0 0 0 2em;
}
img.image_border {
padding: 5px;
background-color: #F5F5F5;
}
blockquote {
color:#9e9e9e; font-style:italic;
}
.table_container {
margin-top: 2rem;
margin-bottom: 2rem;
}
table {
border-collapse: collapse;
width:100%;
}
th, td {
border: 1px solid #ccc;
padding: 0.75rem;
vertical-align: top;
text-align: left;
}
th {
font-weight: 700;
text-transform: uppercase;
}
tr:first-child > th, tr:first-child > td {
}
tr {
position: relative;
}
/*
tr::after {
content: "";
display: block;
position: absolute; z-index: -1;
bottom: 0; left: 0;
box-sizing: border-box;
height: 2px; width: 100%;
border-bottom: 2px dotted #424242;
}
*/
hr {
margin: 1em 0;
border:none;
border-top: 1px dotted #E0E0E0;
}
.caption {
font-size:80%;
padding:3px 5px 3px 15px;
}
[class^="bi-"]::before, [class*=" bi-"]::before {
display: block;
}
.material-symbols-outlined, ._icon {
vertical-align: middle;
}
._border_radius {
border-radius: 5px;
}
._border_radius_1rem {
border-radius: 1rem;
overflow: hidden;
}
._figure {
position: relative;
width: 100%;
margin: 2rem 0;
overflow: hidden;
}
._figure_margin_0 { margin: 0 !important; }
._figure_3_1 { padding-bottom: 33.33%; /* 3:1 */ }
._figure_21_9 { padding-bottom: 42.86%; /* 21:9 */ }
._figure_2_1 { padding-bottom: 50%; /* 2:1 */ }
._figure_16_9 { padding-bottom: 56.25%; /* 16:9 */ }
._figure_3_2 { padding-bottom: 66.66%; /* 3:2 */ }
._figure_1_1 { padding-bottom: 100%; /* 1:1 */ }
._figure ._img_container {
display: flex;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
align-items: center; justify-content: center;
}
._figure ._img_container img, ._figure img {
display: block;
}
._figure_21_9 img, ._figure_2_1 img, ._figure_16_9 img {
width: auto; height: auto;
max-width: 100%; max-height: none;
}
._figure_3_2 img, ._figure_1_1 img {
width: auto; height: auto;
max-width: none; max-height: 100%;
}
._figure ._badge {
position: absolute; z-index: 2;
top: 2em; right: 2em;
display: block;
padding: .25em .75em;
font-size: .875em;
font-weight: normal;
text-transform: uppercase;
line-height: normal;
border-radius: 99px;
color: #fff;
background-color: #f44336;
}
@media (max-width: 767px) {
._figure_xs_3_1 { padding-bottom: 33.33%; /* 3:1 */ }
._figure_xs_21_9 { padding-bottom: 42.86%; /* 21:9 */ }
._figure_xs_2_1 { padding-bottom: 50%; /* 2:1 */ }
._figure_xs_16_9 { padding-bottom: 56.25%; /* 16:9 */ }
._figure_xs_3_2 { padding-bottom: 66.66%; /* 3:2 */ }
._figure_xs_1_1 { padding-bottom: 100%; /* 1:1 */ }
._figure_xs_21_9 img, ._figure_xs_2_1 img, ._figure_xs_16_9 img {
width: auto; height: auto;
max-width: 100%; max-height: none;
}
._figure_xs_3_2 img, ._figure_xs_1_1 img {
width: auto; height: auto;
max-width: none; max-height: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
._figure_sm_3_1 { padding-bottom: 33.33%; /* 3:1 */ }
._figure_sm_21_9 { padding-bottom: 42.86%; /* 21:9 */ }
._figure_sm_2_1 { padding-bottom: 50%; /* 2:1 */ }
._figure_sm_16_9 { padding-bottom: 56.25%; /* 16:9 */ }
._figure_sm_3_2 { padding-bottom: 66.66%; /* 3:2 */ }
._figure_sm_1_1 { padding-bottom: 100%; /* 1:1 */ }
._figure_sm_21_9 img, ._figure_sm_2_1 img, ._figure_sm_16_9 img {
width: auto; height: auto;
max-width: 100%; max-height: none;
}
._figure_sm_3_2 img, ._figure_sm_1_1 img {
width: auto; height: auto;
max-width: none; max-height: 100%;
}
}
@media (min-width: 992px) {
._figure_md_3_1 { padding-bottom: 33.33%; /* 3:1 */ }
._figure_md_21_9 { padding-bottom: 42.86%; /* 21:9 */ }
._figure_md_2_1 { padding-bottom: 50%; /* 2:1 */ }
._figure_md_16_9 { padding-bottom: 56.25%; /* 16:9 */ }
._figure_md_3_2 { padding-bottom: 66.66%; /* 3:2 */ }
._figure_md_1_1 { padding-bottom: 100%; /* 1:1 */ }
._figure_md_21_9 img, ._figure_md_2_1 img, ._figure_md_16_9 img {
width: auto; height: auto;
max-width: 100%; max-height: none;
}
._figure_md_3_2 img, ._figure_md_1_1 img {
width: auto; height: auto;
max-width: none; max-height: 100%;
}
}
.section {
margin-bottom: 3rem;
}
.container_path {
margin-top: 1rem;
font-size: .875rem;
}
.path a {
text-decoration: none;
color: inherit;
font-weight: inherit;
border-bottom: 1px solid #1e2022;
}
.path .material-symbols-outlined {
font-size: 1em;
}
.path i:last-child {
margin-right: 0;
}
ul.checklist {
margin: 1.5em 0; padding: 0; list-style-type: none;
}
ul.checklist li {
padding-left: 2.25em;
padding-top: .5em;
}
ul.checklist li:first-child {
padding-top: 0;
}
ul.checklist li::before {
display: block;
float: left;
margin-left: -1.5em;
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-size: 1.65em;
line-height: 1;
content: "check";
vertical-align: middle;
color: #039be5;
}
ul.links {
margin: 1.5em 0; padding: 0; list-style-type: none;
}
ul.links li {
padding-left: 2.25em;
padding-top: .5em;
}
ul.links li:first-child {
padding-top: 0;
}
ul.links li::before {
display: block;
float: left;
margin-left: -1.5em;
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-size: 1.65em;
line-height: 1;
content: "link";
vertical-align: middle;
color: #039be5;
}
ul.links a {
}
/*
.aside ul.checklist ul {
list-style-type: none; margin: 0; padding: 0;
}
.aside ul.checklist li {
padding-left: 2.4em;
padding-top: 0;
padding-bottom: 0;
}
.aside ul.checklist li::before {
display: inline-block;
float: none;
width: 2em;
height: 2em;
margin-right: .4em;
margin-left: -2.4em;
vertical-align: middle;
content: "";
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
background-size: 2em 2em;
background-color: transparent;
color: inherit;
border-radius: 0;
font-size: inherit;
}
.slider ul.checklist ul {
}
.slider ul.checklist li {
}
.slider ul.checklist li::before {
}
*/
/*** Forms ***/
fieldset {
margin: 0; padding: 16px;
border: 1px solid #ddd;
}
legend {
padding:0 10px;
font-weight: 700;
}
.required_info {
margin:0;
font-style:italic;
text-align:right;
}
.input_container {
width:100%; box-sizing:border-box;
padding-top:3px !important; padding-bottom:3px !important;
}
label {
display:block;
font-size: .875rem;
}
input, select, textarea {
display: block;
height: 36px; box-sizing: border-box;
width: 100%;
padding: .5rem;
font-family: inherit;
font-size: 1rem;
line-height: normal;
color: inherit;
border: 1px solid #ddd;
border-radius: 5px;
}
textarea {
height: 8.75rem;
}
input[type="checkbox"], input[type="radio"] {
display: inline;
width: auto; height: auto;
margin: .5em; padding: 0;
}
input[type="submit"], button, .button {
/*
position: relative;
display: inline-block;
height: 36px; box-sizing: border-box;
line-height: 34px;
text-align: center;
padding: 0 1.25em;
font-family: inherit;
font-size: 1rem;
font-weight: 700;
white-space: nowrap;
border: 1px solid;
border-radius: 999px;
color: #fff;
background-color: #14171A;
border-color: #14171A;
cursor: pointer;
*/
position: relative;
display: inline-block;
margin-top: 0.75em;
margin-bottom: 0.75em;
text-align: center;
padding: 0.35em 1.25em;
font-family: inherit;
font-size: 1em;
font-weight: 700;
white-space: nowrap;
border: 1px solid;
border-radius: 999px;
color: #fff;
background-color: #14171A;
border-color: #14171A;
cursor: pointer;
}
.button_icon_left span {
display: inline;
margin-right: 0.20em;
}
.button_icon_right span {
display: inline;
margin-left: 0.20em;
}
.button_outline {
color: inherit;
background-color: transparent;
border-color: #14171A;
}
.icon_button {
display: inline-block;
width: 36px; height: 36px; box-sizing: border-box;
line-height: 34px; text-align: center;
vertical-align: bottom;
border: 1px solid;
font-size: 16px;
background-color: #14171A;
border-color: #14171A;
color: #FFF;
border-radius: 999px;
}
.icon_button_outline {
background-color: transparent; color: inherit;
border: 1px solid #14171A;
}
.material-icons-outlined {
/*
line-height: inherit;
vertical-align: bottom;
font-size: 16px;
*/
line-height: 1;
vertical-align: middle;
font-size: 1.14em;
}
label.error {
color:#BA0C2F;
}
label.error[for="areas_[]"] { /*** Fix ***/
margin-top: 10px; margin-left: 25px;
}
.radio_line_container > span {
display:inline-block;
white-space:nowrap; margin-right:15px;
}
/*** msg ***/
.msg {
position: relative;
margin: 10px 0; padding: 20px 40px 20px 20px;
}
.msg span {
text-shadow: 0px 1px 0px rgba(255,255,255,1);
}
.msg_info {
background-color: #E4EBF1;
}
.msg_success {
background-color: #e6f2e6;
color:#388E3C;
}
.msg_alert {
background-color: #FFE6DF;
color:#D32F2F;
}
.msg:before {
position: absolute;
top:7px; left:15px;
font-size: 20px;
font-family: 'basic_icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.msg_info:before {
content: "\e906";
color: #1976D2;
}
.msg_alert:before {
content: "\e90a";
color: #D32F2F;
}
.msg_success:before {
content: "\e92b";
color: #388E3C;
}
.msg_info a, .msg_alert a, .msg_success a {
color:#424242;
}
.msg_x {
position: relative;
margin: 10px 0; padding: 20px 40px 20px 20px;
}
.msg_x_info {
background-color: #E4EBF1;
}
.msg_x_alert {
background-color: #FFE6DF;
color:#D32F2F;
}
.msg_x_success {
background-color: #e6f2e6;
color:#388E3C;
}
.msg_x a.msg_x_btn {
display:block;
position: absolute;
top: 50%; margin-top: -10px;
right: 20px;
cursor: pointer;
}
.msg_x a.msg_x_btn:before {
content: "\e926";
font-size: 20px;
font-family: 'basic_icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.msg_x_info a, .msg_x_alert a, .msg_x_success a {
color:#424242;
}
.msg_x_info a.msg_x_btn {
color:#1976D2;
}
.msg_x_alert a.msg_x_btn {
color:#D32F2F;
}
.msg_x_success a.msg_x_btn {
color:#388E3C;
}
/*** Tabs ***/
.tabs_container > ul {
margin: 1rem 0; padding: 0;
list-style-type: none;
}
.tabs_container > ul:after {
content:" "; display:block; height:0; clear:both; visibility:hidden;
}
.tabs_container > ul > li {
display: block; float: left;
margin:0;
}
.tabs_container > ul > li.active {
display: block;
}
.tabs_container > ul > li > a {
display: block;
color: inherit !important;
background-color: transparent !important;
border-color: transparent !important;
font-weight: 700;
/*
line-height: 30px;
padding: 0 12px;
font-size: 12px;
text-transform: uppercase; font-weight: 700; text-decoration: none; color: #333;
*/
}
.tabs_container > ul > li:first-child > a {
/* border-left:none; */
}
.tabs_container > ul > li.active > a {
color: #fff !important;
background-color: #14171A !important;
border-color: #14171A;
}
.tabs_container > ul > li > a:hover {
background-color: #f5f5f5;
}
.tabs_container > ul > li.active > a:hover {
cursor: default;
}
/** Acordeon **/
/*** Cards ***/
.card {
display: block; box-sizing: border-box; position: relative;
border-color: #dfdfdf;
/*box-shadow: 0 0 1.25rem rgb(31 45 61 / 6%); */
}
.card ._thumb {
display: block;
}
.card ._thumb ._figure {
margin: 0;
}
.card ._badge {
position: absolute; z-index: 2;
top: 1rem; right: 1.5rem;
height: unset;
line-height: normal;
padding: .5em 1em;
background: #e64a19;
border-radius: 999px;
font-size: .875em; text-transform: uppercase; font-weight: 600;
color: #fff;
}
.card ._text {
padding: 1rem .5rem 0 0;
}
.card ._badge_text {
display: none;
}
.card h5 {
margin: 0;
font-size: 1.17rem;
}
.card h5 a { color: inherit; }
.card ._desc {
margin: .5rem 0 0;
}
.card ._button_container {
}
.card ._button_container .icon_button,
.card ._button_container .more_button,
.card ._button_container .text_button {
display: none;
}
.card.card_no_image {
}
.card_no_image ._thumb {
display: none;
}
.card_no_image ._text {
padding-top: 0;
}
.card.card_angled_image {
}
.card_angled_image ._thumb ._figure {
padding-bottom: 33.33%;
}
.card_angled_image ._figure ._img_container {
display: flex;
position: absolute;
top: -30%;
left: -3%;
bottom: 15%;
right: -3%;
align-items: center;
justify-content: center;
transform: rotate(6deg);
overflow: hidden;
}
.card_angled_image ._figure ._img_container img {
transform: rotate(-6deg);
margin-top: 15%;
}
.card_angled_image ._text {
padding-top: 1rem !important;
}
.card.card_text_fixed_height {
}
.card_text_fixed_height ._text ._fixed_height {
height: 114px;
overflow: hidden;
}
.card.card_button {
}
.card_button ._button_container .more_button {
display: inline-block;
margin-top: 1.5rem;
}
.card.card_text_button {
}
.card_text_button ._button_container .more_button {
display: inline-block;
margin-top: 1.5rem;
height: auto;
padding: 0;
line-height: inherit;
border: none;
background-color: transparent;
color: inherit;
font-weight: 600;
}
.card.card_arrow_button {
}
.card_arrow_button ._button_container .icon_button {
display: inline-block;
margin-top: 1rem;
}
.card.card_arrow {
}
.card_arrow ._button_container .icon_button {
display: inline-block;
margin-top: .5rem;
width: unset;
height: unset;
line-height: inherit;
border: none;
background-color: transparent;
border-color: transparent;
color: inherit;
font-size: 18px;
}
.card_arrow ._button_container .icon_button span {
font-size: inherit;
}
.card.card_line {
border-width: 1px;
border-style: solid;
}
.card_line ._thumb {
margin-top: -1px;
margin-left: -1px;
margin-right: -1px;
}
.card_line ._text {
padding: 1.5rem 1.5rem 2rem;
}
.card_line.card_angled_image ._angled_mask {
}
.card.card_light_background {
background-color: #f5f5f5;
}
.card_light_background ._text {
padding: 1.5rem 1.5rem 2rem;
}
.card_light_background.card_angled_image ._angled_mask {
background-color: #f5f5f5 !important;
}
.card.card_logo {
padding-bottom: 4rem;
background-image: url(../img/aside_sym.svg);
background-size: 104px;
background-repeat: no-repeat;
background-position: right bottom;
overflow: hidden;
/* box-shadow: 0 0 1.25rem rgb(31 45 61 / 5%); */
border-width: 1px;
border-style: solid;
}
.card_logo ._thumb {
display: none;
}
.card_logo ._text {
padding: 1.5rem;
}
.card.card_logo.card_logo_blue_background {
background-color: #004c8c;
border: none;
color: #fff;
}
.card.card_logo_angled_image {
padding-bottom: 2rem;
background-image: url(../img/aside_sym.svg);
background-size: 70px;
background-repeat: no-repeat;
background-position: right bottom;
overflow: hidden;
/* box-shadow: 0 0 1.25rem rgb(31 45 61 / 5%); */
border-width: 1px;
border-style: solid;
}
.card_logo_angled_image ._thumb ._figure {
padding-bottom: 33.33%;
}
.card_logo_angled_image ._figure ._img_container {
display: flex;
position: absolute;
top: -30%;
left: -3%;
bottom: 15%;
right: -3%;
align-items: center;
justify-content: center;
transform: rotate(6deg);
overflow: hidden;
}
.card_logo_angled_image ._figure ._img_container img {
transform: rotate(-6deg);
margin-top: 15%;
}
.card_logo_angled_image ._text {
padding: 1rem 1.5rem 1.5rem;
}
@media (max-width: 767px) {
.card_arrow_xs {
display: flex;
}
.card_arrow_xs ._thumb {
display: block;
flex: 1 0;
}
.card_arrow_xs ._thumb ._badge {
display: none;
}
.card_arrow_xs ._text {
display: block;
flex: 1.40 0;
padding: 0 0 0 1.5rem;
}
.card_arrow_xs ._badge_text {
display: inline-block;
height: unset;
line-height: normal;
padding: 0.25em 0.75em;
background: #e64a19;
border-radius: 999px;
font-size: .75em; text-transform: uppercase; font-weight: 400;
color: #fff;
}
.card_arrow_xs ._text ._fixed_height {
max-height: 96px;
overflow: hidden;
}
.card_arrow_xs ._badge_text ~ ._fixed_height {
max-height: 76px;
}
.card_arrow_xs ._desc {
margin: 0;
}
.card_arrow_xs ._text ._button_container .icon_button {
margin-top: 0;
}
.card_arrow_xs.card_light_background {
background-color: #f5f5f5;
}
.card_arrow_xs.card_light_background ._text {
padding: 1rem 1.5rem 0 1.5rem;
}
.card_arrow_xs.card_light_background.card_angled_image ._angled_mask {
background-color: #f5f5f5 !important;
}
.card_arrow_xs.card_light_background ._text ._fixed_height {
max-height: 76px;
overflow: hidden;
}
.card_arrow_xs.card_light_background ._button_container .more_button {
display: inline-block;
margin-top: 1rem;
height: auto;
padding: 0;
line-height: inherit;
border: none;
background-color: transparent;
color: inherit;
font-weight: 600;
}
.card_arrow_xs.card_logo {
padding-bottom: 0;
padding-right: 140px;
background-image: url(../img/aside_sym.svg);
background-size: 104px;
background-repeat: no-repeat;
background-position: right bottom;
overflow: hidden;
/* box-shadow: 0 0 1.25rem rgb(31 45 61 / 5%); */
border-width: 1px;
border-style: solid;
}
.card_arrow_xs.card_logo ._thumb {
display: none;
}
.card_arrow_xs.card_logo ._text {
padding: 1rem 0 1rem 1.5rem;
}
.card_arrow_xs.card_logo.card_logo_blue_background {
background-color: #004c8c;
border: none;
color: #fff;
}
}
.card_google_review {
padding: 1.5rem;
background-color: #f5f5f5;
}
.card_google_review ._logo {
position: absolute;
top: 0; right: 0;
background-color: #f5f5f5;
border-radius: 999px;
}
.card_google_review ._logo img {
display: block;
}
.card_google_review ._logo {
width: 20px; height: 20px;
margin: 10px; padding: 5px;
}
.card_google_review ._name {
font-weight: 700;
}
.card_google_review ._date {
font-size: .875em;
color: #b0b0b0;
}
.card_google_review ._rating {
color: #ffb300;
}
.card_google_review ._fixed_height {
height: 167px;
overflow: hidden;
}
/*
.aside_box ~ .aside_box {
margin-top: 2rem;
}
*/
._banner_100_container > .page_container > .container > .column {
display: flex;
justify-content: center;
}
._banner_100 {
width: 100%;
position: relative;
margin-top: 3rem;
background-color: #f5f5f5;
color: inherit;
overflow: hidden;
font-size: 1rem;
}
._banner_100 > div {
width: 100%;
padding-bottom: 12.36%;
}
._banner_100 > div > ._main_container {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
._banner_100 ._main_column {
flex: 0 0 auto;
}
._banner_100 ._main_column_text_area {
}
._banner_100 ._text_area_container {
padding-left: 1.5em;
}
._banner_100 ._main_column_column_button {
}
._banner_100 ._button_container {
}
._banner_100 .button {
font-size: 1em !important;
}
._banner_100 ._main_column_column_img {
flex: 0 0 25%;
align-self: stretch;
}
._banner_100 ._img_container {
/*clip-path: circle(109.0% at 0 50%);*/
width: 100%; height: 100%;
position: relative;
}
._banner_100 ._img_container img {
display: block;
position: absolute;
bottom: 0; right: 0;
}
._banner_100 h3 {
margin: 0;
font-size: 1.429em;
}
@media (max-width: 991px) {
._banner_100 {
max-width: 740px;
font-size: .825rem;
}
}
@media (max-width: 767px) {
._banner_100 {
}
._banner_100 > div {
padding-bottom: 50%;
}
._banner_100 > div > ._main_container {
display: block;
}
._banner_100 ._text_area_container {
padding-top: 1.5em;
}
._banner_100 ._main_column_column_button {
}
._banner_100 ._button_container {
padding-top: 1em;
padding-left: 1.5em;
}
._banner_100 ._main_column_column_img {
position: absolute;
bottom: 0;
left: 55%;
right: 0;
}
}
.container_banner_top {
margin-top: 1.5rem;
}
._banner_top {
padding: .5rem 1rem;
background-color: #f5f5f5;
text-align: center;
color: inherit;
font-weight: 600;
}
._banner_top i {
margin: 0 .4em;
font-size: 1.25em;
}
._banner_top_blue {
margin-top: 1.5rem;
/*
background-color: #e3f2fd;
color: #003c8f;
*/
background-color: #E4EBF1;
}
._banner_top_red {
margin-top: 1.5rem;
background-color: #fbe9e7;
color: #870000;
}
._banner_top_green {
margin-top: 1.5rem;
background-color: #e8f5e9;
color: #003300;
}
.aside_box_page_1 {
/* background-color: #f9f8f2; */
background-color: #f5f5f5;
border-radius: 5px;
overflow: hidden;
}
.aside_box_page_1 ._thumb, ._aside_box_page_1 ._thumb img {
display: block;
}
.aside_box_page_1 ._badge {
font-size: .875rem;
}
.aside_box_page_1 h3 {
margin-top: 0;
color: inherit;
}
.aside_box_page_2 {
padding-bottom: 4rem;
background-color: #004c8c;
color: #fff;
background-image: url("../img/aside_sym.svg");
background-size: 104px;
background-repeat: no-repeat;
background-position: right bottom;
border-radius: 5px;
overflow: hidden;
}
.aside_box_page_2 ._badge {
font-size: .875rem;
}
.aside_box_page_2 h3 {
margin-top: 0;
color: inherit;
}
.aside_box_page_2 a {
color: inherit;
font-weight: inherit;
}
.aside_box_page_3 {
padding-bottom: 4rem;
background-image: url("../img/aside_sym.svg");
background-size: 104px;
background-repeat: no-repeat;
background-position: right bottom;
border-radius: 5px;
overflow: hidden;
/* box-shadow: 0 0 1.25rem rgb(31 45 61 / 5%); */
border: 1px solid #dfdfdf;
}
.aside_box_page_3 ._badge {
font-size: .875rem;
}
.aside_box_page_3 h3 {
margin-top: 0;
color: inherit;
}
.aside_box_page_3 a {
color: inherit;
font-weight: inherit;
}
.aside_box_page_4 ._badge {
font-size: .875rem;
}
.aside_box_page_4 h3 {
margin-top: 0;
color: inherit;
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) {
}
/*** Pagination ***/
.pagination .disabled { display:none; }
.pagination {
list-style-type: none;
margin: 1em 0; padding:0;
font-size: 1.2em;
text-align: right;
}
.pagination li {
display:inline-block;
}
.pagination li a {
display: inline-block;
margin: 0 0 0 1px;
min-width: 32px; height: 32px; line-height: 32px; text-align: center;
color: #999;
background-color: #eee;
}
.pagination li.active a {
color: #fff;
background-color: #72c9b6;
}
.pagination li.prev:after, .pagination li.next:before {
display: inline-block;
margin: 0 0.5em;
content: "...";
}
.pagination li.prev a:before, .pagination li.next a:before {
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f104";
}
.pagination li.next a:before {
content: "\f105";
}
.pagination li.prev a span, .pagination li.next a span {
display: none;
}
/*** Aside menu ***/
.aside_menu {
margin: 0; padding: 0;
}
.aside_menu li {
display: block;
padding: .5em;
border-left: 1px solid;
border-bottom: 1px solid;
border-color: inherit;
}
.aside_menu li:first-child {
border-top: 1px solid;
border-color: inherit;
}
.aside_menu li a {
display: block;
padding-left: 1.5em;
font-weight: inherit;
color: inherit;
}
.aside_menu li > a > i {
display: inline-block;
width: 1.5em;
margin-left: -1.5em;
}
.aside_menu li._current {
margin-left: -1em;
border-color: transparent;
background-color: #377dff;
color: #fff;
}
/** wdg **/
.wdg {
}
.wdg h3 {
}
.wdg ._item {
padding-top: 2em;
}
.wdg ._item:first-of-type {
padding-top: 0;
}
.wdg ._section {
margin-top: 0;
margin-bottom: 1em;
text-transform: uppercase;
font-size: 1rem;
}
/*** Wdg Blog ***/
.wdg_blog ._thumbnail {
display: block;
}
.wdg_blog ._thumbnail img {
display: block;
border-radius: 5px;
}
/*** Wdg Testimonials ***/
.wdg_testimonials ._header {
padding-bottom: 1em;
}
.wdg_testimonials ._image {
width: 50px;
height: 50px;
}
.wdg_testimonials ._image img {
display: block;
border-radius: 999px;
}
.wdg_testimonials ._icon_circle {
width: unset;
height: unset;
line-height: inherit;
border: none;
background-color: transparent;
border-color: transparent;
color: inherit;
font-size: 18px;
}
/*** Wdg Twitter ***/
.wdg_twitter {
}
.wdg_twitter ._header {
padding-bottom: 1em;
}
.wdg_twitter ._header ._icon {
height: 50px;
line-height: 50px;
font-size: 2.25em;
color: #469bfc;
}
.wdg_twitter ._text {
overflow-wrap: anywhere;
}
/*** Templates ***/
/*** template 51 ***/
.event_data dl {
margin: 2rem 0;
padding-left: 1.5em;
}
.event_data dt {
margin: 1.25rem 0 0 0;
font-weight: 700;
}
.event_data dt:first-child {
margin: 0;
}
.event_data dt i {
margin-left: -1.5em; margin-right: .5em;
}
.event_data dd {
margin: .25rem 0 1rem 0;
}
/*** header ***/
.container_banner_top {
margin: 0;
background-color: #004c8c;
color: #fff;
}
.container_banner_top ._banner_top {
background-color: inherit;
}
#desktop_header_container {
margin: 0;
}
#desktop_header_container > .page_container {
overflow: visible;
}
#desktop_header_container > .page_container > .container {
justify-content: space-between;
align-items: center;
padding: 1.5rem 3rem;
background-color: #f5f6f7;
font-size: 14px;
}
._logo {
display: block;
}
#desktop_header_container ._logo {
margin-top: -5px !important;
}
._logo img {
display: block;
}
#nav ._level_1 {
justify-content: flex-start !important;
}
#desktop_header_container ._buttons {
display: flex;
align-items: center;
justify-content: flex-end;
}
#desktop_header_container ._buttons a {
display: block;
margin-left: .25em; margin-right: .25em;
color: inherit;
}
#desktop_header_container ._buttons a:first-child {
margin-left: 0;
}
#desktop_header_container ._buttons a:last-child {
margin-right: 0;
}
#desktop_header_container ._buttons a._search {
margin-right: .5em;
}
#desktop_header_container ._buttons a._lang {
}
#desktop_header_container ._buttons a i {
display: block;
}
#desktop_header_container ._buttons a img {
display: block;
}
#desktop_search_form {
position: relative;
}
#desktop_search_form input {
padding-left: 3rem;
padding-right: 1rem;
border-radius: 999px;
border: 1px solid transparent;
background: #fff;
}
#desktop_search_form .material-symbols-outlined {
display: block;
position: absolute;
top: 0; left: .75rem;
line-height: 36px;
font-size: 20px;
}
#desktop_search_form input::-webkit-input-placeholder {
color: inherit;
font-weight: 400;
opacity: 1;
}
#desktop_search_form input::-moz-placeholder {
color: inherit;
font-weight: 400;
opacity: 1;
}
#desktop_search_form input::-ms-input-placeholder {
color: inherit;
font-weight: 400;
opacity: 1;
}
#desktop_search_form input::placeholder {
color: inherit;
font-weight: 400;
opacity: 1;
}
#header ._header_msg_container {
padding: 0.5rem 0;
background-color: #f5f5f5;
text-align: center;
}
#header ._header_msg_container i {
margin: 0 0.4em;
font-size: 1.25em;
}
.container_path {
font-size: .875rem;
}
#mobile_header_container {
margin: 2rem 0 1.5rem 0;
}
#mobile_header_container .container_mobile_nav_button {
margin-top: .5em;
margin-bottom: .5em;
align-items: center;
justify-content: space-between;
}
#mobile_header_container ._buttons {
display: flex;
align-items: center;
justify-content: flex-end;
}
#mobile_header_container ._buttons a {
display: block;
margin-left: .25em; margin-right: .25em;
color: inherit;
}
#mobile_header_container ._buttons a:first-child {
margin-left: 0;
}
#mobile_header_container ._buttons a:last-child {
margin-right: 0;
}
#mobile_header_container ._buttons a._search {
margin-right: .5em;
}
#mobile_header_container ._buttons a._lang {
}
#mobile_header_container ._buttons a i {
display: block;
}
#mobile_header_container ._buttons a img {
display: block;
}
#mobile_nav_container {
margin: 1.5rem 0;
}
/*** Header ddl ***/
.cms_icon_container {
display: flex;
}
a.cms_icon {
display: flex; justify-content: center; align-items: center;
height: 28px; width: 28px;
background-color: transparent;
border-radius: 100%;
font-size: 14px;
}
a.cms_icon + a.cms_icon {
margin-left: 6px;
}
a.cms_icon img {
display: block;
width: 20px; height: 20px;
}
a.cms_icon.cms_icon_facebook {
background-color: #3c5a96;
}
a.cms_icon.cms_icon_twitter {
background-color: #469bfc;
}
a.cms_icon.cms_icon_youtube {
background-color: #ff0000;
}
/*** Footer ***/
.footer_banner {
position: relative;
margin-top: 3rem;
display: flex;
align-items: center;
/* background-image: ""; // PHP */
background-color: #004991;
background-position: center;
background-repeat: no-repeat;
}
.footer_banner ._color {
position: absolute;
z-index: 1;
width: 100%; height: 100%;
background-color: #004c8c;
opacity: .65;
}
.footer_banner ._gradient {
position: absolute;
z-index: 2;
width: 100%; height: 100%;
background: linear-gradient(90deg, rgba(0,76,140,1) 30%, rgba(0,76,140,0) 100%);
}
.footer_banner ._circle {
position: absolute;
z-index: 3;
width: 30px; height: 30px;
background-repeat: no-repeat;
}
.footer_banner ._circle_1 {
top: 5rem; right: 4rem;
background-image: url("/img/circle_1.svg");
}
.footer_banner ._circle_2 {
top: 2rem; right: 24rem;
background-image: url("/img/circle_1.svg");
}
.footer_banner ._circle_3 {
bottom: 2rem; right: 17rem;
background-image: url("/img/circle_2.svg");
}
.footer_banner ._text {
display: flex;
align-items: center;
justify-content: space-between;
z-index: 4;
width: 100%;
max-width: none;
color: #fff;
font-size: 16px;
}
.footer_banner ._text > div {
max-width: 520px;
}
.footer_banner ._title {
margin: 0;
font-size: 1.825rem;
line-height: 1.5;
font-weight: 700;
}
.footer_banner .button {
font-size: 16px;
font-weight: 700;
background-color: #0277bd;
border-color: #0277bd;
}
@media (max-width: 1109px) {
.footer_banner ._text {
display: block;
}
}
.footer_links {
display: flex;
justify-content: space-around;
padding-top: 3rem;
padding-bottom: 3rem;
background: #f5f6f7;
font-size: 14px;
}
.footer_links > div {
box-sizing: border-box;
}
.footer_links ._title {
font-weight: 700;
color: #004991;
}
.footer_links ._menu {
list-style-type: none;
margin: 1em 0 0 0;
padding: 0;
}
.footer_links ._menu li {
margin: .5em 0;
}
.footer_links ._menu a {
font-weight: 400;
color: inherit;
text-decoration: none;
}
.footer_links ._icon {
margin-right: .25em;
}
@media (max-width: 767px) {
.footer_links {
flex-wrap: wrap;
justify-content: flex-start;
padding-left: 2rem;
padding-right: 2rem;
}
.footer_links > div {
flex: none;
margin-top: 1em;
margin-right: 3rem;
}
.footer_links > div:first-child {
flex: 1 1 100%;
margin-top: 0;
margin-right: 0;
}
.footer_links > div:last-child {
margin-right: 0;
}
}
.socket {
margin-bottom: 3rem;
text-align: center;
}
/*** Desktop nav & mobile nav ***/
html, body {
/* overflow-x: hidden; */
}
#mobile_header_container {
display: block;
}
#desktop_header_container {
display: none;
}
@media( min-width: 1110px ) {
#mobile_header_container {
display: none;
}
#desktop_header_container {
display: block;
}
}
/*** Mobile nav ***/
#mobile_nav_button {
display: block;
color: inherit;
}
#mobile_nav_container {
background-color: #fff; /* background color */
color: inherit;
}
#mobile_nav_container > div {
}
#mobile_nav {
}
#mobile_nav ul {
display: block;
margin: 0; padding: 0;
list-style-type: none;
}
#mobile_nav li {
display: block;
margin: 0; padding: 0;
}
#mobile_nav li a {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0; padding: .75rem 0;
/*border-bottom: 1px solid #e0e0e0; */ /* border color */
color: inherit;
}
#mobile_nav li a > span {
display: block;
}
/*
#mobile_nav li a::after {
display: block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-left: .5em;
font-size: .75em;
}
#mobile_nav li a::after {
font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054";
}
*/
#mobile_nav .level_1 li a {
font-weight: 600;
}
#mobile_nav .level_2 li a {
margin-left: 2em;
font-weight: 400;
}
#mobile_nav .level_3 li a {
margin-left: 4em;
font-weight: 400;
}
#mobile_nav li.current {
background-color: #e0e0e0;
}
/*** Desktop nav ***/
#nav_container {
display: inline-block;
}
#nav {
}
#nav a {
font-weight: inherit;
color: inherit;
}
#nav ul {
margin: 0; padding: 0; list-style: none;
}
#nav ._level_1 {
display: flex;
justify-content: center;
position: relative;
}
#nav ._level_1 > li {
flex: 0 1 auto;
display: block;
position: relative;
}
#nav ._level_1 > li > a {
margin-left: .85em;
margin-right: .85em;
white-space: nowrap;
font-weight: normal;
font-weight: 600;
}
#nav ._level_1 > li._has_childs > a {
}
#nav ._level_1 > li._has_childs > a::after {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
font-size: 1em;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
content: "expand_more";
margin-left: .25em;
vertical-align: middle;
}
#nav ._level_1 > li._hover > a,
#nav ._level_1 > li._current_ancestor > a,
#nav ._level_1 > li._current > a {
}
#nav ._drop {
opacity: 0;
pointer-events: none;
position: absolute; z-index: 99;
}
#nav li._hover ._drop {
opacity: 1;
pointer-events: auto;
}
#nav ._drop > div {
margin-top: 1em;
padding: 2em;
background-color: #fff;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
}
#nav ._level_2 {
padding-left: 0;
}
#nav ._level_3 {
padding-left: 1em; /* !! level 3, 4, 5 padding left */
}
#nav ._level_2 > li, #nav ._level_3 > li {
margin-top: .5em;
}
#nav ._level_2 > li:first-child, #nav ._level_3 > li:first-child {
margin-top: 0;
}
#nav ._level_2 > li > a, #nav ._level_3 > li > a {
display: block;
white-space: nowrap;
}
#nav ._level_2 > li._current_ancestor > a,
#nav ._level_3 > li._current_ancestor > a,
#nav ._level_2 > li._current > a,
#nav ._level_3 > li._current > a {
}
/**** revisar ****/
/*
.rotated {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.hidden {
visibility: hidden; opacity: 0;
}
.visible {
visibility: visible; opacity: 1;
}
*/
/*** Custom nav ***/
/*** Icons ***/
/*
.bi_left, .ci_left {
margin-right: .4em;
}
.bi_right, .ci_right {
margin-left: .4em;
}
.ci_container {
display: inline-flex;
align-items: baseline;
}
.ci {
align-self: center;
width: 1em;
height: 1em;
}
.ci > svg {
display: block;
}
*/
/*
.bi_container {
display: inline-flex;
align-items: baseline;
}
.bi_container .bi {
align-self: center;
}
.bi {
width: 1em; height: 1em;
}
.bi_left {
margin-right: .5em;
}
.bi_right {
margin-left: .5em;
}
.bi_custom::before {
display: block;
width: inherit; height: inherit;
content: "";
background-repeat: no-repeat;
background-size: contain;
}
*/
/*
.bi-search::before {
background-image: url("data:image/svg+xml,");
}
.bi-chevron-right::before {
background-image: url("data:image/svg+xml,");
}
.bi-chevron-down::before {
background-image: url("data:image/svg+xml,");
}
.bi-telephone-fill::before {
background-image: url("data:image/svg+xml,");
}
.bi-check::before {
background-image: url("data:image/svg+xml,");
}
*/
/*** Custom icons ***/
/*
.bi-chevron-top::before {
background-image: url("data:image/svg+xml,");
}
.bi-chevron-down::before {
background-image: url("data:image/svg+xml,");
}
.bi-chevron-left::before {
background-image: url("data:image/svg+xml,");
}
.bi-chevron-right::before {
background-image: url("data:image/svg+xml,");
}
.bi-check::before {
background-image: url("data:image/svg+xml,");
}
.bi-whatsapp::before {
background-image: url("data:image/svg+xml,");
}
.bi-twitter::before {
background-image: url("data:image/svg+xml,");
}
.bi-youtube::before {
background-image: url("data:image/svg+xml,");
}
*/