:root { --nav_bg_color_primary: #0e4c94; --nav_bg_color_secondary: #192946; } :root { --coll_ghost_width: 40rem; --nav_bg_color_top: linear-gradient(to top, var(--nav_bg_color_primary) 34%, var(--nav_bg_color_secondary) 65%) bottom; --nav_bg_color_right: linear-gradient(to right, var(--nav_bg_color_primary) 34%, var(--nav_bg_color_secondary) 65%) left; --nav_bg_color_bottom: linear-gradient(to bottom, var(--nav_bg_color_primary) 34%, var(--nav_bg_color_secondary) 65%) top; --nav_bg_color_left: linear-gradient(to left, var(--nav_bg_color_primary) 34%, var(--nav_bg_color_secondary) 65%) right; --nav_bg_position_top: top; --nav_bg_position_right: right; --nav_bg_position_bottom: bottom; --nav_bg_position_left: left; } @media (max-width: 767.98px) { :root { --coll_ghost_width: 100vw; } } h1, .h1 { font-size: 1.73rem; } @media screen and (min-width: 20em) { h1, .h1 { font-size: calc(1.73rem + 0.77 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: 1.54rem; } @media screen and (min-width: 20em) { h2, .h2 { font-size: calc(1.54rem + 0.46 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: 1.44rem; } @media screen and (min-width: 20em) { h3, .h3 { font-size: calc(1.44rem + 0.31 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: 1.35rem; } @media screen and (min-width: 20em) { h4, .h4 { font-size: calc(1.35rem + 0.15 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } @media screen and (min-width: 20em) { h5, .h5 { font-size: calc(1.25rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { h5, .h5 { font-size: 1.25rem; } } h6, .h6 { font-size: 1rem; } @media screen and (min-width: 20em) { h6, .h6 { font-size: calc(1rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { h6, .h6 { font-size: 1rem; } } p, .p { font-size: 1rem; } @media screen and (min-width: 20em) { p, .p { font-size: calc(1rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { p, .p { font-size: 1rem; } } small, .small { font-size: 0.875rem; } @media screen and (min-width: 20em) { small, .small { font-size: calc(0.875rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { small, .small { font-size: 0.875rem; } } /* ``s must have a placeholder set (even if left as a single blank space [" "]) for the proper animation cycle to happen. */ .modules_partial, .home_partial { /*///// -------------------- @media -------------------- */ /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ } .modules_partial .calendar_module .calendar_Item, .home_partial .calendar_module .calendar_Item, .modules_partial .calendar_row_module .calendar_Item, .home_partial .calendar_row_module .calendar_Item { color: #1A130F; text-decoration: none; background-image: linear-gradient(to right, #192946 50%, transparent 50%); background-size: 200% 3px; background-repeat: no-repeat; background-position: 100% 100%; transition: background-position 0.3s, color 0.3s ease-in-out, opacity 0.3s; text-align: center; } .modules_partial .calendar_module .calendar_Item:hover, .home_partial .calendar_module .calendar_Item:hover, .modules_partial .calendar_row_module .calendar_Item:hover, .home_partial .calendar_row_module .calendar_Item:hover { color: #192946; background-position: 0 100%; opacity: 0.8; cursor: pointer; } .modules_partial, .humanbit_doc, .home_partial { /*///// -------------------- @media -------------------- */ /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ } .modules_partial .calendar_2_module .form-floating > .form-control:focus ~ label, .humanbit_doc .calendar_2_module .form-floating > .form-control:focus ~ label, .home_partial .calendar_2_module .form-floating > .form-control:focus ~ label, .modules_partial .calendar_2_module .form-floating > .form-control:not(:placeholder-shown) ~ label, .humanbit_doc .calendar_2_module .form-floating > .form-control:not(:placeholder-shown) ~ label, .home_partial .calendar_2_module .form-floating > .form-control:not(:placeholder-shown) ~ label, .modules_partial .calendar_2_module .form-floating > .form-select ~ label, .humanbit_doc .calendar_2_module .form-floating > .form-select ~ label, .home_partial .calendar_2_module .form-floating > .form-select ~ label { background-color: #ffffff; padding: 0 0.75rem !important; border: 1px solid #0e4c94; border-radius: 25px; font-size: 10px; } .modules_partial .calendar_2_module .form-control, .humanbit_doc .calendar_2_module .form-control, .home_partial .calendar_2_module .form-control, .modules_partial .calendar_2_module .form-select, .humanbit_doc .calendar_2_module .form-select, .home_partial .calendar_2_module .form-select { height: calc(2.5rem + 2px); display: block; vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid #dde4e9; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .modules_partial .calendar_2_module :focus, .humanbit_doc .calendar_2_module :focus, .home_partial .calendar_2_module :focus { outline: 0; } .modules_partial .calendar_2_module .form-control:focus, .humanbit_doc .calendar_2_module .form-control:focus, .home_partial .calendar_2_module .form-control:focus, .modules_partial .calendar_2_module .form-select:focus, .humanbit_doc .calendar_2_module .form-select:focus, .home_partial .calendar_2_module .form-select:focus { border-color: #1ca8dd; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); outline: 0; } .modules_partial .calendar_2_module .calendar_Item, .humanbit_doc .calendar_2_module .calendar_Item, .home_partial .calendar_2_module .calendar_Item { color: #192946; text-decoration: none; background-image: linear-gradient(to right, #f28f52 50%, #69C914 50%); background-size: 200% 3px; background-repeat: no-repeat; background-position: 100% 100%; transition: background-position 0.3s, color 0.3s ease-in-out, opacity 0.3s; border-bottom: 1px solid #192946; } .modules_partial .calendar_2_module .calendar_Item:hover, .humanbit_doc .calendar_2_module .calendar_Item:hover, .home_partial .calendar_2_module .calendar_Item:hover { color: #f28f52; background-position: 0 100%; opacity: 0.8; cursor: pointer; } .modules_partial .calendar_2_module .calendar_Item:hover, .humanbit_doc .calendar_2_module .calendar_Item:hover, .home_partial .calendar_2_module .calendar_Item:hover { border-bottom: 1px solid transparent; } .modules_partial .calendar_2_module .calendar_Item .calendar_Month, .humanbit_doc .calendar_2_module .calendar_Item .calendar_Month, .home_partial .calendar_2_module .calendar_Item .calendar_Month { font-weight: 600; } .modules_partial .calendar_2_module .calendar_Filter, .humanbit_doc .calendar_2_module .calendar_Filter, .home_partial .calendar_2_module .calendar_Filter { color: #192946; background-color: #ffffff; border: 1px solid #192946; } .modules_partial .calendar_2_module .calendar_Filter:hover, .humanbit_doc .calendar_2_module .calendar_Filter:hover, .home_partial .calendar_2_module .calendar_Filter:hover { color: #192946; background-color: #f28f52; border-color: #f28f52; } .modules_partial, .humanbit_doc, .home_partial { /*///// ==================== @media ==================== */ /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ } .modules_partial .card_horiz_module .card_horiz_btn, .humanbit_doc .card_horiz_module .card_horiz_btn, .home_partial .card_horiz_module .card_horiz_btn { border-color: #f28f52 !important; } .modules_partial .card_horiz_module .card_horiz_btn > *:hover, .humanbit_doc .card_horiz_module .card_horiz_btn > *:hover, .home_partial .card_horiz_module .card_horiz_btn > *:hover { transition: all 0.3s ease-in-out; } .modules_partial .card_horiz_module .card_horiz_btn:hover, .humanbit_doc .card_horiz_module .card_horiz_btn:hover, .home_partial .card_horiz_module .card_horiz_btn:hover { border-color: #f28f52 !important; transition: all 0.3s ease-in-out; background-color: #f28f52; color: #ffffff; } .modules_partial .card_horiz_module .square_data, .humanbit_doc .card_horiz_module .square_data, .home_partial .card_horiz_module .square_data { height: 100px; width: 100px; background-color: #0e4c94; padding-top: 22px; } .modules_partial .card_horiz_module .square_data .date_card_event_home, .humanbit_doc .card_horiz_module .square_data .date_card_event_home, .home_partial .card_horiz_module .square_data .date_card_event_home { color: #f28f52; } .modules_partial .card_horiz_module .date_card_event_home, .humanbit_doc .card_horiz_module .date_card_event_home, .home_partial .card_horiz_module .date_card_event_home { line-height: 1rem; } @media (max-width: 991.98px) { .modules_partial .card_horiz_module .card_horiz_img, .humanbit_doc .card_horiz_module .card_horiz_img, .home_partial .card_horiz_module .card_horiz_img { width: 100%; height: 250px; } } @media (min-width: 768px) and (max-width: 991.98px) { .modules_partial .card_horiz_module .card_horiz_img, .humanbit_doc .card_horiz_module .card_horiz_img, .home_partial .card_horiz_module .card_horiz_img { width: 100%; height: 240px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .modules_partial .card_horiz_module .card_horiz_img, .humanbit_doc .card_horiz_module .card_horiz_img, .home_partial .card_horiz_module .card_horiz_img { width: 250px; height: 250px; } } @media (min-width: 1200px) { .modules_partial .card_horiz_module .card_horiz_img, .humanbit_doc .card_horiz_module .card_horiz_img, .home_partial .card_horiz_module .card_horiz_img { width: 300px; height: 300px; } } .modules_partial, .humanbit_doc, .home_partial { /*///// -------------------- @media -------------------- */ /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ } .modules_partial .card_vert_module .card_vert_container, .humanbit_doc .card_vert_module .card_vert_container, .home_partial .card_vert_module .card_vert_container { background-color: #0e4c94; color: white; } .modules_partial .card_vert_module .card_vert_container a:hover, .humanbit_doc .card_vert_module .card_vert_container a:hover, .home_partial .card_vert_module .card_vert_container a:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.09), 0 6px 40px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.09), 0 6px 40px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.09), 0 6px 40px 0 rgba(0, 0, 0, 0.1); } .modules_partial .card_vert_module a:hover, .humanbit_doc .card_vert_module a:hover, .home_partial .card_vert_module a:hover { opacity: 1; } .modules_partial .card_vert_module .btn_white_blue:hover, .humanbit_doc .card_vert_module .btn_white_blue:hover, .home_partial .card_vert_module .btn_white_blue:hover { background-color: #192946; color: white; } .modules_partial .card_vert_module .btn_white_blue:hover .card_vert_container_shadow_hover, .humanbit_doc .card_vert_module .btn_white_blue:hover .card_vert_container_shadow_hover, .home_partial .card_vert_module .btn_white_blue:hover .card_vert_container_shadow_hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.32), 0 6px 20px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.32), 0 6px 40px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.32), 0 6px 40px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.32), 0 6px 40px 0 rgba(0, 0, 0, 0.15); } .modules_partial .card_vert_module .card_header, .humanbit_doc .card_vert_module .card_header, .home_partial .card_vert_module .card_header { width: 100%; height: 325px; background-repeat: no-repeat; background-size: cover; background-position: center; } .modules_partial .card_vert_module .square_data, .humanbit_doc .card_vert_module .square_data, .home_partial .card_vert_module .square_data { height: 100px; width: 100px; background-color: #0e4c94; padding-top: 10px; } .modules_partial .card_vert_module .square_data time, .humanbit_doc .card_vert_module .square_data time, .home_partial .card_vert_module .square_data time { color: #f28f52; } .modules_partial .card_vert_module time, .humanbit_doc .card_vert_module time, .home_partial .card_vert_module time { color: #ffffff; } .modules_partial .card_vert_module .time_card_vert, .humanbit_doc .card_vert_module .time_card_vert, .home_partial .card_vert_module .time_card_vert { font-weight: 200; } .modules_partial .card_vert_module .date_card_vert, .humanbit_doc .card_vert_module .date_card_vert, .home_partial .card_vert_module .date_card_vert { line-height: 1rem; } .modules_partial .card_vert_module .title_vert_card, .humanbit_doc .card_vert_module .title_vert_card, .home_partial .card_vert_module .title_vert_card { font-weight: 500; color: #ffffff; } .modules_partial .card_vert_module .btn_white_blue, .humanbit_doc .card_vert_module .btn_white_blue, .home_partial .card_vert_module .btn_white_blue { color: #0e4c94; background-color: #ffffff; } .modules_partial .card_vert_module .a_card:hover .btn_white_blue, .humanbit_doc .card_vert_module .a_card:hover .btn_white_blue, .home_partial .card_vert_module .a_card:hover .btn_white_blue { background-color: #f28f52; color: #ffffff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } h1, .h1 { font-size: 1.73rem; } @media screen and (min-width: 20em) { h1, .h1 { font-size: calc(1.73rem + 0.77 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: 1.54rem; } @media screen and (min-width: 20em) { h2, .h2 { font-size: calc(1.54rem + 0.46 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: 1.44rem; } @media screen and (min-width: 20em) { h3, .h3 { font-size: calc(1.44rem + 0.31 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: 1.35rem; } @media screen and (min-width: 20em) { h4, .h4 { font-size: calc(1.35rem + 0.15 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } @media screen and (min-width: 20em) { h5, .h5 { font-size: calc(1.25rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { h5, .h5 { font-size: 1.25rem; } } h6, .h6 { font-size: 1rem; } @media screen and (min-width: 20em) { h6, .h6 { font-size: calc(1rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { h6, .h6 { font-size: 1rem; } } p, .p { font-size: 1rem; } @media screen and (min-width: 20em) { p, .p { font-size: calc(1rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { p, .p { font-size: 1rem; } } small, .small { font-size: 0.875rem; } @media screen and (min-width: 20em) { small, .small { font-size: calc(0.875rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { small, .small { font-size: 0.875rem; } } /* ``s must have a placeholder set (even if left as a single blank space [" "]) for the proper animation cycle to happen. */ .modules_partial, .home_partial { /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ } .modules_partial .hero_html5_module h1, .home_partial .hero_html5_module h1, .modules_partial .hero_html5_module h2, .home_partial .hero_html5_module h2, .modules_partial .hero_html5_module h3, .home_partial .hero_html5_module h3 { color: white; } .modules_partial .hero_html5_module .hero_rmg, .home_partial .hero_html5_module .hero_rmg { height: 100vh; overflow: hidden; } .modules_partial .hero_html5_module .hero_rmg_div, .home_partial .hero_html5_module .hero_rmg_div { height: 100vh; overflow: hidden; position: relative; z-index: 0; right: 0; top: 0; left: 0; } .modules_partial .hero_html5_module video, .home_partial .hero_html5_module video { position: absolute; top: 0px; left: 0px; overflow: hidden; z-index: -998; width: auto !important; height: 150% !important; } .modules_partial .hero_html5_module .box_testo_hero, .home_partial .hero_html5_module .box_testo_hero { height: 100%; } .modules_partial .hero_html5_module .box_testo_hero i, .home_partial .hero_html5_module .box_testo_hero i { color: white; } .modules_partial .hero_html5_module .box_testo_hero, .home_partial .hero_html5_module .box_testo_hero { height: 100%; } .modules_partial .hero_html5_module .text_container, .home_partial .hero_html5_module .text_container { height: fit-content; } .modules_partial, .humanbit_doc, .home_partial { /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ } .modules_partial .hero_html5_2_module h1, .humanbit_doc .hero_html5_2_module h1, .home_partial .hero_html5_2_module h1, .modules_partial .hero_html5_2_module h2, .humanbit_doc .hero_html5_2_module h2, .home_partial .hero_html5_2_module h2, .modules_partial .hero_html5_2_module h3, .humanbit_doc .hero_html5_2_module h3, .home_partial .hero_html5_2_module h3 { color: white !important; } .modules_partial .hero_html5_2_module .h1_container, .humanbit_doc .hero_html5_2_module .h1_container, .home_partial .hero_html5_2_module .h1_container { border-bottom: 1px solid; position: relative; } .modules_partial .hero_html5_2_module .hero_rmg, .humanbit_doc .hero_html5_2_module .hero_rmg, .home_partial .hero_html5_2_module .hero_rmg { height: 100vh; overflow: hidden; } .modules_partial .hero_html5_2_module .hero_rmg_div, .humanbit_doc .hero_html5_2_module .hero_rmg_div, .home_partial .hero_html5_2_module .hero_rmg_div { height: 100vh; overflow: hidden; position: relative; z-index: 0; right: 0; top: 0; left: 0; } .modules_partial .hero_html5_2_module video, .humanbit_doc .hero_html5_2_module video, .home_partial .hero_html5_2_module video { position: absolute; top: 0px; left: 0px; overflow: hidden; z-index: -998; width: auto !important; height: 150% !important; } .modules_partial .hero_html5_2_module .box_testo_hero, .humanbit_doc .hero_html5_2_module .box_testo_hero, .home_partial .hero_html5_2_module .box_testo_hero { height: 100%; } .modules_partial .hero_html5_2_module .box_testo_hero i, .humanbit_doc .hero_html5_2_module .box_testo_hero i, .home_partial .hero_html5_2_module .box_testo_hero i { color: white; } .modules_partial .hero_html5_2_module .text_container, .humanbit_doc .hero_html5_2_module .text_container, .home_partial .hero_html5_2_module .text_container { height: fit-content; } .modules_partial .hero_html5_2_module #video_session_home .gotofarm_button, .humanbit_doc .hero_html5_2_module #video_session_home .gotofarm_button, .home_partial .hero_html5_2_module #video_session_home .gotofarm_button { width: fit-content; } .modules_partial .hero_html5_2_module #video_session_home .gotofarm_button:hover, .humanbit_doc .hero_html5_2_module #video_session_home .gotofarm_button:hover, .home_partial .hero_html5_2_module #video_session_home .gotofarm_button:hover { background-color: #0e4c94; } .modules_partial .hero_html5_2_module #video_session_home .gotofarm_button:hover a, .humanbit_doc .hero_html5_2_module #video_session_home .gotofarm_button:hover a, .home_partial .hero_html5_2_module #video_session_home .gotofarm_button:hover a { color: #69C914; opacity: 1; } .modules_partial .hero_html5_2_module .subscribe_home, .humanbit_doc .hero_html5_2_module .subscribe_home, .home_partial .hero_html5_2_module .subscribe_home { width: 225px; z-index: 12; } .modules_partial .hero_html5_2_module .subscribe_home:hover, .humanbit_doc .hero_html5_2_module .subscribe_home:hover, .home_partial .hero_html5_2_module .subscribe_home:hover { opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; background-color: #192946; cursor: pointer; color: #ffffff; } .modules_partial .hero_html5_2_module .subscribe_home:hover .never_text, .humanbit_doc .hero_html5_2_module .subscribe_home:hover .never_text, .home_partial .hero_html5_2_module .subscribe_home:hover .never_text { opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .modules_partial .hero_html5_2_module .subscribe_home:hover + .subscribe_text, .humanbit_doc .hero_html5_2_module .subscribe_home:hover + .subscribe_text, .home_partial .hero_html5_2_module .subscribe_home:hover + .subscribe_text { opacity: 1 !important; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .modules_partial .hero_html5_2_module .subscription_circle, .humanbit_doc .hero_html5_2_module .subscription_circle, .home_partial .hero_html5_2_module .subscription_circle { opacity: 0 !important; position: absolute; right: 100px; bottom: 1rem; z-index: 10; background-color: #FA7705; color: white; border-radius: 50%; width: 130px; height: 130px; } .modules_partial .hero_html5_2_module .subscription_circle:hover, .humanbit_doc .hero_html5_2_module .subscription_circle:hover, .home_partial .hero_html5_2_module .subscription_circle:hover { opacity: 1; } .modules_partial .hero_html5_2_module .subscription_circle i, .humanbit_doc .hero_html5_2_module .subscription_circle i, .home_partial .hero_html5_2_module .subscription_circle i { font-size: 2rem; } .modules_partial .hero_html5_2_module .container_text_hero, .humanbit_doc .hero_html5_2_module .container_text_hero, .home_partial .hero_html5_2_module .container_text_hero { height: fit-content; } .modules_partial .hero_html5_2_module .hero_rmg, .humanbit_doc .hero_html5_2_module .hero_rmg, .home_partial .hero_html5_2_module .hero_rmg { height: 100vh; overflow: hidden; } .modules_partial .hero_html5_2_module .box_testo_hero, .humanbit_doc .hero_html5_2_module .box_testo_hero, .home_partial .hero_html5_2_module .box_testo_hero { background: linear-gradient(0deg, #00000080, transparent 80%, transparent); } .modules_partial .hero_html5_2_module .hero_rmg_div, .humanbit_doc .hero_html5_2_module .hero_rmg_div, .home_partial .hero_html5_2_module .hero_rmg_div { height: 100vh; overflow: hidden; position: relative; z-index: 0; right: 0; top: 0; left: 0; } .modules_partial .hero_html5_2_module .fa-arrow-right-long::before, .humanbit_doc .hero_html5_2_module .fa-arrow-right-long::before, .home_partial .hero_html5_2_module .fa-arrow-right-long::before { color: #0e4c94; vertical-align: sub; } .modules_partial .hero_html5_2_module .fa-arrow-right-long, .humanbit_doc .hero_html5_2_module .fa-arrow-right-long, .home_partial .hero_html5_2_module .fa-arrow-right-long { float: right; } .footer_partial, .container_humanbit_overflow { /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ } .footer_partial .modal_credits_module, .container_humanbit_overflow .modal_credits_module { font-size: 10rem; } .footer_partial .modal_credits_module #modal_credits, .container_humanbit_overflow .modal_credits_module #modal_credits { text-align: left; font-size: 1.07rem !important; line-height: 1.4; color: #18263C !important; background-color: rgba(255, 255, 255, 0.9); } .footer_partial .modal_credits_module #modal_credits .modal-header, .container_humanbit_overflow .modal_credits_module #modal_credits .modal-header { border-bottom: 3px solid #7cd2f8; background-color: #0e4c94; padding: 1rem; } .footer_partial .modal_credits_module #modal_credits .modal-header h5, .container_humanbit_overflow .modal_credits_module #modal_credits .modal-header h5 { display: block; text-transform: uppercase; margin-top: 0; font-weight: 500; font-size: calc(1.02rem + 0.05 * (100vw - 20em) / 80); } .footer_partial .modal_credits_module #modal_credits .modal-header .btn-close, .container_humanbit_overflow .modal_credits_module #modal_credits .modal-header .btn-close { background-color: #0e4c94 !important; color: white; border: 0; padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; opacity: 1; } .footer_partial .modal_credits_module #modal_credits .modal-header .btn-close:hover, .container_humanbit_overflow .modal_credits_module #modal_credits .modal-header .btn-close:hover { opacity: 0.7; } .footer_partial .modal_credits_module #modal_credits .modal-header i, .container_humanbit_overflow .modal_credits_module #modal_credits .modal-header i { font-size: 20.8px; color: #ffffff; opacity: 1; font-weight: 400; } .footer_partial .modal_credits_module #modal_credits .modal-body, .container_humanbit_overflow .modal_credits_module #modal_credits .modal-body { padding: 1rem; } .footer_partial .modal_credits_module #modal_credits .modal-body h6, .container_humanbit_overflow .modal_credits_module #modal_credits .modal-body h6 { text-decoration: underline; text-underline-offset: 16px; text-decoration-thickness: 1px; text-decoration-color: #7cd2f8; margin-top: 0 !important; margin-bottom: 1.5rem !important; } .footer_partial .modal_credits_module #modal_credits .link_humanbit_logo, .container_humanbit_overflow .modal_credits_module #modal_credits .link_humanbit_logo { width: 100px; } .footer_partial .modal_credits_module #modal_credits .link_humanbit, .container_humanbit_overflow .modal_credits_module #modal_credits .link_humanbit { height: auto; font-weight: 200; line-height: 18.2px; color: #18263C !important; } .footer_partial .modal_credits_module #modal_credits p, .container_humanbit_overflow .modal_credits_module #modal_credits p { margin-top: 0 !important; line-height: 18.2px; font-weight: 300; } .modules_partial, .humanbit_doc, .home_partial { /* ------------------------------------------------------------- */ /* @media */ /* media max width */ /* media between */ /* media min width */ /* HEIGHT */ /* mobile horizontal */ /* ipad pro vertical */ } .modules_partial .slider_hero_module .slider_no_img .slider_no_img_card, .humanbit_doc .slider_hero_module .slider_no_img .slider_no_img_card, .home_partial .slider_hero_module .slider_no_img .slider_no_img_card { height: 400px; background-color: rgba(14, 76, 148, 0.1); } .modules_partial .slider_hero_module .slider_no_img .slider_no_img_card:hover, .humanbit_doc .slider_hero_module .slider_no_img .slider_no_img_card:hover, .home_partial .slider_hero_module .slider_no_img .slider_no_img_card:hover { background-color: rgba(14, 76, 148, 0.2); } .modules_partial .slider_hero_module .slider_no_img .slider_no_img_card:hover .buy_home_courses, .humanbit_doc .slider_hero_module .slider_no_img .slider_no_img_card:hover .buy_home_courses, .home_partial .slider_hero_module .slider_no_img .slider_no_img_card:hover .buy_home_courses { margin-left: 0.5rem; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .modules_partial .slider_hero_module .slider_no_img .slider_no_img_card .buy_home_courses, .humanbit_doc .slider_hero_module .slider_no_img .slider_no_img_card .buy_home_courses, .home_partial .slider_hero_module .slider_no_img .slider_no_img_card .buy_home_courses { background-color: #0e4c94; margin-left: 0rem; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .modules_partial .slider_hero_module .slider_no_img .info-sport, .humanbit_doc .slider_hero_module .slider_no_img .info-sport, .home_partial .slider_hero_module .slider_no_img .info-sport { position: absolute; bottom: 20px; } .modules_partial .slider_hero_module .slider_no_img h4, .humanbit_doc .slider_hero_module .slider_no_img h4, .home_partial .slider_hero_module .slider_no_img h4 { border-bottom: 1px solid; font-weight: 700; color: #0e4c94; } .modules_partial .slider_hero_module .slider_no_img p, .humanbit_doc .slider_hero_module .slider_no_img p, .home_partial .slider_hero_module .slider_no_img p { color: #192946 !important; } .modules_partial .slider_hero_module .slider_no_img .slickdsi-prev, .humanbit_doc .slider_hero_module .slider_no_img .slickdsi-prev, .home_partial .slider_hero_module .slider_no_img .slickdsi-prev, .modules_partial .slider_hero_module .slider_no_img .slickdsi-next, .humanbit_doc .slider_hero_module .slider_no_img .slickdsi-next, .home_partial .slider_hero_module .slider_no_img .slickdsi-next { top: 190px; position: absolute; font-size: 0.9rem; cursor: pointer; line-height: 0.5rem; color: #1A130F !important; border: 0; border-radius: 50%; padding: 20px; background-color: rgba(14, 76, 148, 0.2); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .modules_partial .slider_hero_module .slider_no_img .slickdsi-prev:hover, .humanbit_doc .slider_hero_module .slider_no_img .slickdsi-prev:hover, .home_partial .slider_hero_module .slider_no_img .slickdsi-prev:hover, .modules_partial .slider_hero_module .slider_no_img .slickdsi-next:hover, .humanbit_doc .slider_hero_module .slider_no_img .slickdsi-next:hover, .home_partial .slider_hero_module .slider_no_img .slickdsi-next:hover { background-color: rgba(14, 76, 148, 0.6); } .modules_partial .slider_hero_module .slider_no_img .slickdsi-prev, .humanbit_doc .slider_hero_module .slider_no_img .slickdsi-prev, .home_partial .slider_hero_module .slider_no_img .slickdsi-prev { left: -17px; } .modules_partial .slider_hero_module .slider_no_img .slickdsi-next, .humanbit_doc .slider_hero_module .slider_no_img .slickdsi-next, .home_partial .slider_hero_module .slider_no_img .slickdsi-next { right: -3px; } .modules_partial .slider_hero_module .slider_no_img .slick-slide, .humanbit_doc .slider_hero_module .slider_no_img .slick-slide, .home_partial .slider_hero_module .slider_no_img .slick-slide { padding-left: 10px; padding-right: 10px; } .modules_partial .slider_hero_module .slider_no_img .slider-for, .humanbit_doc .slider_hero_module .slider_no_img .slider-for, .home_partial .slider_hero_module .slider_no_img .slider-for { display: none; } .modules_partial .slider_hero_module .slider_no_img .nomeproductTestata, .humanbit_doc .slider_hero_module .slider_no_img .nomeproductTestata, .home_partial .slider_hero_module .slider_no_img .nomeproductTestata { color: #ffffff; } .modules_partial .slider_hero_module .slider_no_img .text_product, .humanbit_doc .slider_hero_module .slider_no_img .text_product, .home_partial .slider_hero_module .slider_no_img .text_product, .modules_partial .slider_hero_module .slider_no_img .info-sport, .humanbit_doc .slider_hero_module .slider_no_img .info-sport, .home_partial .slider_hero_module .slider_no_img .info-sport { color: #ffffff; } .modules_partial .slider_hero_module .slider_no_img .container_product, .humanbit_doc .slider_hero_module .slider_no_img .container_product, .home_partial .slider_hero_module .slider_no_img .container_product { border-radius: 20px; } .modules_partial .slider_hero_module .slider_img .container_img_product_slider, .humanbit_doc .slider_hero_module .slider_img .container_img_product_slider, .home_partial .slider_hero_module .slider_img .container_img_product_slider { height: 200px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; } .modules_partial .slider_hero_module .slider_img .nomeproductTestata, .humanbit_doc .slider_hero_module .slider_img .nomeproductTestata, .home_partial .slider_hero_module .slider_img .nomeproductTestata { border-bottom: 2px solid; } .modules_partial .slider_hero_module .slider_img .info_sport, .humanbit_doc .slider_hero_module .slider_img .info_sport, .home_partial .slider_hero_module .slider_img .info_sport { position: absolute; bottom: 20px; right: 20px; border: 2px solid; color: #ffffff; font-weight: 600; } .modules_partial .slider_hero_module .slider_img .slickdsi-prev, .humanbit_doc .slider_hero_module .slider_img .slickdsi-prev, .home_partial .slider_hero_module .slider_img .slickdsi-prev, .modules_partial .slider_hero_module .slider_img .slickdsi-next, .humanbit_doc .slider_hero_module .slider_img .slickdsi-next, .home_partial .slider_hero_module .slider_img .slickdsi-next { top: 83px; position: absolute; font-size: 0.9rem; cursor: pointer; line-height: 0.5rem; color: #ffffff !important; border: 0; border-radius: 50%; padding: 20px; background-color: rgba(14, 76, 148, 0.2); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .modules_partial .slider_hero_module .slider_img .slickdsi-prev:hover, .humanbit_doc .slider_hero_module .slider_img .slickdsi-prev:hover, .home_partial .slider_hero_module .slider_img .slickdsi-prev:hover, .modules_partial .slider_hero_module .slider_img .slickdsi-next:hover, .humanbit_doc .slider_hero_module .slider_img .slickdsi-next:hover, .home_partial .slider_hero_module .slider_img .slickdsi-next:hover { color: #ffffff !important; background-color: rgba(14, 76, 148, 0.6); } .modules_partial .slider_hero_module .slider_img .slickdsi-prev, .humanbit_doc .slider_hero_module .slider_img .slickdsi-prev, .home_partial .slider_hero_module .slider_img .slickdsi-prev { left: -17px; } .modules_partial .slider_hero_module .slider_img .slickdsi-next, .humanbit_doc .slider_hero_module .slider_img .slickdsi-next, .home_partial .slider_hero_module .slider_img .slickdsi-next { right: -3px; } .modules_partial .slider_hero_module .slider_img .slider-for, .humanbit_doc .slider_hero_module .slider_img .slider-for, .home_partial .slider_hero_module .slider_img .slider-for { display: none; } .modules_partial .slider_hero_module .slider_img .text_product, .humanbit_doc .slider_hero_module .slider_img .text_product, .home_partial .slider_hero_module .slider_img .text_product, .modules_partial .slider_hero_module .slider_img .info-sport, .humanbit_doc .slider_hero_module .slider_img .info-sport, .home_partial .slider_hero_module .slider_img .info-sport { color: #ffffff; } .modules_partial .slider_hero_module .slider_img .container_product, .humanbit_doc .slider_hero_module .slider_img .container_product, .home_partial .slider_hero_module .slider_img .container_product { border-radius: 20px; } .modules_partial .slider_hero_module .slider_img .complessi_type, .humanbit_doc .slider_hero_module .slider_img .complessi_type, .home_partial .slider_hero_module .slider_img .complessi_type { font-weight: 600; color: #0e4c94; } .modules_partial .slider_hero_module .slider_img .caratteristiche, .humanbit_doc .slider_hero_module .slider_img .caratteristiche, .home_partial .slider_hero_module .slider_img .caratteristiche { color: #f28f52; } .modules_partial .slider_hero_module .slider_img_2 .container_img_product_slider, .humanbit_doc .slider_hero_module .slider_img_2 .container_img_product_slider, .home_partial .slider_hero_module .slider_img_2 .container_img_product_slider { height: 200px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; } .modules_partial .slider_hero_module .slider_img_2 .nomeproductTestata, .humanbit_doc .slider_hero_module .slider_img_2 .nomeproductTestata, .home_partial .slider_hero_module .slider_img_2 .nomeproductTestata { border-bottom: 2px solid; } .modules_partial .slider_hero_module .slider_img_2 .info_sport, .humanbit_doc .slider_hero_module .slider_img_2 .info_sport, .home_partial .slider_hero_module .slider_img_2 .info_sport { position: absolute; bottom: 20px; right: 20px; border: 2px solid; color: #ffffff; font-weight: 600; } .modules_partial .slider_hero_module .slider_img_2 .slickdsi-prev, .humanbit_doc .slider_hero_module .slider_img_2 .slickdsi-prev, .home_partial .slider_hero_module .slider_img_2 .slickdsi-prev, .modules_partial .slider_hero_module .slider_img_2 .slickdsi-next, .humanbit_doc .slider_hero_module .slider_img_2 .slickdsi-next, .home_partial .slider_hero_module .slider_img_2 .slickdsi-next { top: 83px; position: absolute; font-size: 0.9rem; cursor: pointer; line-height: 0.5rem; color: #ffffff !important; border: 0; border-radius: 50%; padding: 20px; background-color: rgba(14, 76, 148, 0.2); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .modules_partial .slider_hero_module .slider_img_2 .slickdsi-prev:hover, .humanbit_doc .slider_hero_module .slider_img_2 .slickdsi-prev:hover, .home_partial .slider_hero_module .slider_img_2 .slickdsi-prev:hover, .modules_partial .slider_hero_module .slider_img_2 .slickdsi-next:hover, .humanbit_doc .slider_hero_module .slider_img_2 .slickdsi-next:hover, .home_partial .slider_hero_module .slider_img_2 .slickdsi-next:hover { color: #ffffff !important; background-color: rgba(14, 76, 148, 0.6); } .modules_partial .slider_hero_module .slider_img_2 .slickdsi-prev, .humanbit_doc .slider_hero_module .slider_img_2 .slickdsi-prev, .home_partial .slider_hero_module .slider_img_2 .slickdsi-prev { left: -17px; } .modules_partial .slider_hero_module .slider_img_2 .slickdsi-next, .humanbit_doc .slider_hero_module .slider_img_2 .slickdsi-next, .home_partial .slider_hero_module .slider_img_2 .slickdsi-next { right: -3px; } .modules_partial .slider_hero_module .slider_img_2 .slider-for, .humanbit_doc .slider_hero_module .slider_img_2 .slider-for, .home_partial .slider_hero_module .slider_img_2 .slider-for { display: none; } .modules_partial .slider_hero_module .slider_img_2 .text_product, .humanbit_doc .slider_hero_module .slider_img_2 .text_product, .home_partial .slider_hero_module .slider_img_2 .text_product, .modules_partial .slider_hero_module .slider_img_2 .info-sport, .humanbit_doc .slider_hero_module .slider_img_2 .info-sport, .home_partial .slider_hero_module .slider_img_2 .info-sport { color: #ffffff; } .modules_partial .slider_hero_module .slider_img_2 .container_product, .humanbit_doc .slider_hero_module .slider_img_2 .container_product, .home_partial .slider_hero_module .slider_img_2 .container_product { border-radius: 20px; } .modules_partial .slider_hero_module .slider_img_2 .complessi_type, .humanbit_doc .slider_hero_module .slider_img_2 .complessi_type, .home_partial .slider_hero_module .slider_img_2 .complessi_type { font-weight: 600; color: #0e4c94; } .modules_partial .slider_hero_module .slider_img_2 .caratteristiche, .humanbit_doc .slider_hero_module .slider_img_2 .caratteristiche, .home_partial .slider_hero_module .slider_img_2 .caratteristiche { color: #f28f52; } .modules_partial, .humanbit_doc, .home_partial { /* ------------------------------------------------------------- */ /* @media */ /* media max width */ /* media between */ /* media min width */ /* HEIGHT */ /* mobile horizontal */ /* ipad pro vertical */ } .modules_partial .slider_hero_2_module .slider_no_img .slider_no_img_card, .humanbit_doc .slider_hero_2_module .slider_no_img .slider_no_img_card, .home_partial .slider_hero_2_module .slider_no_img .slider_no_img_card { height: 400px; background-color: rgba(14, 76, 148, 0.1); } .modules_partial .slider_hero_2_module .slider_no_img .slider_no_img_card:hover, .humanbit_doc .slider_hero_2_module .slider_no_img .slider_no_img_card:hover, .home_partial .slider_hero_2_module .slider_no_img .slider_no_img_card:hover { background-color: rgba(14, 76, 148, 0.2); } .modules_partial .slider_hero_2_module .slider_no_img .slider_no_img_card:hover .buy_home_courses, .humanbit_doc .slider_hero_2_module .slider_no_img .slider_no_img_card:hover .buy_home_courses, .home_partial .slider_hero_2_module .slider_no_img .slider_no_img_card:hover .buy_home_courses { margin-left: 0.5rem; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .modules_partial .slider_hero_2_module .slider_no_img .slider_no_img_card .buy_home_courses, .humanbit_doc .slider_hero_2_module .slider_no_img .slider_no_img_card .buy_home_courses, .home_partial .slider_hero_2_module .slider_no_img .slider_no_img_card .buy_home_courses { background-color: #0e4c94; margin-left: 0rem; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .modules_partial .slider_hero_2_module .slider_no_img .info-sport, .humanbit_doc .slider_hero_2_module .slider_no_img .info-sport, .home_partial .slider_hero_2_module .slider_no_img .info-sport { position: absolute; bottom: 20px; } .modules_partial .slider_hero_2_module .slider_no_img h4, .humanbit_doc .slider_hero_2_module .slider_no_img h4, .home_partial .slider_hero_2_module .slider_no_img h4 { border-bottom: 1px solid; font-weight: 700; color: #0e4c94; } .modules_partial .slider_hero_2_module .slider_no_img p, .humanbit_doc .slider_hero_2_module .slider_no_img p, .home_partial .slider_hero_2_module .slider_no_img p { color: #192946 !important; } .modules_partial .slider_hero_2_module .slider_no_img .slickdsi-prev, .humanbit_doc .slider_hero_2_module .slider_no_img .slickdsi-prev, .home_partial .slider_hero_2_module .slider_no_img .slickdsi-prev, .modules_partial .slider_hero_2_module .slider_no_img .slickdsi-next, .humanbit_doc .slider_hero_2_module .slider_no_img .slickdsi-next, .home_partial .slider_hero_2_module .slider_no_img .slickdsi-next { top: 190px; position: absolute; font-size: 0.9rem; cursor: pointer; line-height: 0.5rem; color: #1A130F !important; border: 0; border-radius: 50%; padding: 20px; background-color: rgba(14, 76, 148, 0.2); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .modules_partial .slider_hero_2_module .slider_no_img .slickdsi-prev:hover, .humanbit_doc .slider_hero_2_module .slider_no_img .slickdsi-prev:hover, .home_partial .slider_hero_2_module .slider_no_img .slickdsi-prev:hover, .modules_partial .slider_hero_2_module .slider_no_img .slickdsi-next:hover, .humanbit_doc .slider_hero_2_module .slider_no_img .slickdsi-next:hover, .home_partial .slider_hero_2_module .slider_no_img .slickdsi-next:hover { background-color: rgba(14, 76, 148, 0.6); } .modules_partial .slider_hero_2_module .slider_no_img .slickdsi-prev, .humanbit_doc .slider_hero_2_module .slider_no_img .slickdsi-prev, .home_partial .slider_hero_2_module .slider_no_img .slickdsi-prev { left: -17px; } .modules_partial .slider_hero_2_module .slider_no_img .slickdsi-next, .humanbit_doc .slider_hero_2_module .slider_no_img .slickdsi-next, .home_partial .slider_hero_2_module .slider_no_img .slickdsi-next { right: -3px; } .modules_partial .slider_hero_2_module .slider_no_img .slick-slide, .humanbit_doc .slider_hero_2_module .slider_no_img .slick-slide, .home_partial .slider_hero_2_module .slider_no_img .slick-slide { padding-left: 10px; padding-right: 10px; } .modules_partial .slider_hero_2_module .slider_no_img .slider-for, .humanbit_doc .slider_hero_2_module .slider_no_img .slider-for, .home_partial .slider_hero_2_module .slider_no_img .slider-for { display: none; } .modules_partial .slider_hero_2_module .slider_no_img .nomeproductTestata, .humanbit_doc .slider_hero_2_module .slider_no_img .nomeproductTestata, .home_partial .slider_hero_2_module .slider_no_img .nomeproductTestata { color: #ffffff; } .modules_partial .slider_hero_2_module .slider_no_img .text_product, .humanbit_doc .slider_hero_2_module .slider_no_img .text_product, .home_partial .slider_hero_2_module .slider_no_img .text_product, .modules_partial .slider_hero_2_module .slider_no_img .info-sport, .humanbit_doc .slider_hero_2_module .slider_no_img .info-sport, .home_partial .slider_hero_2_module .slider_no_img .info-sport { color: #ffffff; } .modules_partial .slider_hero_2_module .slider_no_img .container_product, .humanbit_doc .slider_hero_2_module .slider_no_img .container_product, .home_partial .slider_hero_2_module .slider_no_img .container_product { border-radius: 20px; } .modules_partial .slider_hero_2_module .slider_img .container_img_product_slider, .humanbit_doc .slider_hero_2_module .slider_img .container_img_product_slider, .home_partial .slider_hero_2_module .slider_img .container_img_product_slider { height: 200px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; } .modules_partial .slider_hero_2_module .slider_img .nomeproductTestata, .humanbit_doc .slider_hero_2_module .slider_img .nomeproductTestata, .home_partial .slider_hero_2_module .slider_img .nomeproductTestata { border-bottom: 2px solid; } .modules_partial .slider_hero_2_module .slider_img .info_sport, .humanbit_doc .slider_hero_2_module .slider_img .info_sport, .home_partial .slider_hero_2_module .slider_img .info_sport { position: absolute; bottom: 20px; right: 20px; border: 2px solid; color: #ffffff; font-weight: 600; } .modules_partial .slider_hero_2_module .slider_img .slickdsi-prev, .humanbit_doc .slider_hero_2_module .slider_img .slickdsi-prev, .home_partial .slider_hero_2_module .slider_img .slickdsi-prev, .modules_partial .slider_hero_2_module .slider_img .slickdsi-next, .humanbit_doc .slider_hero_2_module .slider_img .slickdsi-next, .home_partial .slider_hero_2_module .slider_img .slickdsi-next { top: 83px; position: absolute; font-size: 0.9rem; cursor: pointer; line-height: 0.5rem; color: #ffffff !important; border: 0; border-radius: 50%; padding: 20px; background-color: rgba(14, 76, 148, 0.2); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .modules_partial .slider_hero_2_module .slider_img .slickdsi-prev:hover, .humanbit_doc .slider_hero_2_module .slider_img .slickdsi-prev:hover, .home_partial .slider_hero_2_module .slider_img .slickdsi-prev:hover, .modules_partial .slider_hero_2_module .slider_img .slickdsi-next:hover, .humanbit_doc .slider_hero_2_module .slider_img .slickdsi-next:hover, .home_partial .slider_hero_2_module .slider_img .slickdsi-next:hover { color: #ffffff !important; background-color: rgba(14, 76, 148, 0.6); } .modules_partial .slider_hero_2_module .slider_img .slickdsi-prev, .humanbit_doc .slider_hero_2_module .slider_img .slickdsi-prev, .home_partial .slider_hero_2_module .slider_img .slickdsi-prev { left: -17px; } .modules_partial .slider_hero_2_module .slider_img .slickdsi-next, .humanbit_doc .slider_hero_2_module .slider_img .slickdsi-next, .home_partial .slider_hero_2_module .slider_img .slickdsi-next { right: -3px; } .modules_partial .slider_hero_2_module .slider_img .slider-for, .humanbit_doc .slider_hero_2_module .slider_img .slider-for, .home_partial .slider_hero_2_module .slider_img .slider-for { display: none; } .modules_partial .slider_hero_2_module .slider_img .text_product, .humanbit_doc .slider_hero_2_module .slider_img .text_product, .home_partial .slider_hero_2_module .slider_img .text_product, .modules_partial .slider_hero_2_module .slider_img .info-sport, .humanbit_doc .slider_hero_2_module .slider_img .info-sport, .home_partial .slider_hero_2_module .slider_img .info-sport { color: #ffffff; } .modules_partial .slider_hero_2_module .slider_img .container_product, .humanbit_doc .slider_hero_2_module .slider_img .container_product, .home_partial .slider_hero_2_module .slider_img .container_product { border-radius: 20px; } .modules_partial .slider_hero_2_module .slider_img .complessi_type, .humanbit_doc .slider_hero_2_module .slider_img .complessi_type, .home_partial .slider_hero_2_module .slider_img .complessi_type { font-weight: 600; color: #0e4c94; } .modules_partial .slider_hero_2_module .slider_img .caratteristiche, .humanbit_doc .slider_hero_2_module .slider_img .caratteristiche, .home_partial .slider_hero_2_module .slider_img .caratteristiche { color: #f28f52; } .modules_partial .slider_hero_2_module .slider_img_2 .container_img_product_slider, .humanbit_doc .slider_hero_2_module .slider_img_2 .container_img_product_slider, .home_partial .slider_hero_2_module .slider_img_2 .container_img_product_slider { height: 200px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; } .modules_partial .slider_hero_2_module .slider_img_2 .nomeproductTestata, .humanbit_doc .slider_hero_2_module .slider_img_2 .nomeproductTestata, .home_partial .slider_hero_2_module .slider_img_2 .nomeproductTestata { border-bottom: 2px solid; } .modules_partial .slider_hero_2_module .slider_img_2 .info_sport, .humanbit_doc .slider_hero_2_module .slider_img_2 .info_sport, .home_partial .slider_hero_2_module .slider_img_2 .info_sport { position: absolute; bottom: 20px; right: 20px; border: 2px solid; color: #ffffff; font-weight: 600; } .modules_partial .slider_hero_2_module .slider_img_2 .slickdsi-prev, .humanbit_doc .slider_hero_2_module .slider_img_2 .slickdsi-prev, .home_partial .slider_hero_2_module .slider_img_2 .slickdsi-prev, .modules_partial .slider_hero_2_module .slider_img_2 .slickdsi-next, .humanbit_doc .slider_hero_2_module .slider_img_2 .slickdsi-next, .home_partial .slider_hero_2_module .slider_img_2 .slickdsi-next { top: 83px; position: absolute; font-size: 0.9rem; cursor: pointer; line-height: 0.5rem; color: #ffffff !important; border: 0; border-radius: 50%; padding: 20px; background-color: rgba(14, 76, 148, 0.2); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .modules_partial .slider_hero_2_module .slider_img_2 .slickdsi-prev:hover, .humanbit_doc .slider_hero_2_module .slider_img_2 .slickdsi-prev:hover, .home_partial .slider_hero_2_module .slider_img_2 .slickdsi-prev:hover, .modules_partial .slider_hero_2_module .slider_img_2 .slickdsi-next:hover, .humanbit_doc .slider_hero_2_module .slider_img_2 .slickdsi-next:hover, .home_partial .slider_hero_2_module .slider_img_2 .slickdsi-next:hover { color: #ffffff !important; background-color: rgba(14, 76, 148, 0.6); } .modules_partial .slider_hero_2_module .slider_img_2 .slickdsi-prev, .humanbit_doc .slider_hero_2_module .slider_img_2 .slickdsi-prev, .home_partial .slider_hero_2_module .slider_img_2 .slickdsi-prev { left: -17px; } .modules_partial .slider_hero_2_module .slider_img_2 .slickdsi-next, .humanbit_doc .slider_hero_2_module .slider_img_2 .slickdsi-next, .home_partial .slider_hero_2_module .slider_img_2 .slickdsi-next { right: -3px; } .modules_partial .slider_hero_2_module .slider_img_2 .slider-for, .humanbit_doc .slider_hero_2_module .slider_img_2 .slider-for, .home_partial .slider_hero_2_module .slider_img_2 .slider-for { display: none; } .modules_partial .slider_hero_2_module .slider_img_2 .text_product, .humanbit_doc .slider_hero_2_module .slider_img_2 .text_product, .home_partial .slider_hero_2_module .slider_img_2 .text_product, .modules_partial .slider_hero_2_module .slider_img_2 .info-sport, .humanbit_doc .slider_hero_2_module .slider_img_2 .info-sport, .home_partial .slider_hero_2_module .slider_img_2 .info-sport { color: #ffffff; } .modules_partial .slider_hero_2_module .slider_img_2 .container_product, .humanbit_doc .slider_hero_2_module .slider_img_2 .container_product, .home_partial .slider_hero_2_module .slider_img_2 .container_product { border-radius: 20px; } .modules_partial .slider_hero_2_module .slider_img_2 .complessi_type, .humanbit_doc .slider_hero_2_module .slider_img_2 .complessi_type, .home_partial .slider_hero_2_module .slider_img_2 .complessi_type { font-weight: 600; color: #0e4c94; } .modules_partial .slider_hero_2_module .slider_img_2 .caratteristiche, .humanbit_doc .slider_hero_2_module .slider_img_2 .caratteristiche, .home_partial .slider_hero_2_module .slider_img_2 .caratteristiche { color: #f28f52; } .modules_partial, .humanbit_doc, .home_partial { /* ------------------------------------------------------------- */ /* @media */ /* media max width */ /* media between */ /* media min width */ /* HEIGHT */ /* mobile horizontal */ /* ipad pro vertical */ } .modules_partial .fa-chevron-left:before, .humanbit_doc .fa-chevron-left:before, .home_partial .fa-chevron-left:before, .modules_partial .fa-chevron-right:before, .humanbit_doc .fa-chevron-right:before, .home_partial .fa-chevron-right:before { content: ""; } .modules_partial .slider_hero_3_module p, .humanbit_doc .slider_hero_3_module p, .home_partial .slider_hero_3_module p { font-weight: 500; } .modules_partial .slider_hero_3_module .slider_no_img .slider_no_img_card, .humanbit_doc .slider_hero_3_module .slider_no_img .slider_no_img_card, .home_partial .slider_hero_3_module .slider_no_img .slider_no_img_card { height: 400px; background-color: rgba(14, 76, 148, 0.1); } .modules_partial .slider_hero_3_module .slider_no_img .slider_no_img_card:hover, .humanbit_doc .slider_hero_3_module .slider_no_img .slider_no_img_card:hover, .home_partial .slider_hero_3_module .slider_no_img .slider_no_img_card:hover { background-color: rgba(14, 76, 148, 0.2); } .modules_partial .slider_hero_3_module .slider_no_img .slider_no_img_card:hover .buy_home_courses, .humanbit_doc .slider_hero_3_module .slider_no_img .slider_no_img_card:hover .buy_home_courses, .home_partial .slider_hero_3_module .slider_no_img .slider_no_img_card:hover .buy_home_courses { margin-left: 0.5rem; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .modules_partial .slider_hero_3_module .slider_no_img .slider_no_img_card .buy_home_courses, .humanbit_doc .slider_hero_3_module .slider_no_img .slider_no_img_card .buy_home_courses, .home_partial .slider_hero_3_module .slider_no_img .slider_no_img_card .buy_home_courses { background-color: #0e4c94; margin-left: 0rem; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .modules_partial .slider_hero_3_module .slider_no_img .info-sport, .humanbit_doc .slider_hero_3_module .slider_no_img .info-sport, .home_partial .slider_hero_3_module .slider_no_img .info-sport { position: absolute; bottom: 20px; } .modules_partial .slider_hero_3_module .slider_no_img h4, .humanbit_doc .slider_hero_3_module .slider_no_img h4, .home_partial .slider_hero_3_module .slider_no_img h4 { border-bottom: 1px solid; font-weight: 700; color: #0e4c94; } .modules_partial .slider_hero_3_module .slider_no_img p, .humanbit_doc .slider_hero_3_module .slider_no_img p, .home_partial .slider_hero_3_module .slider_no_img p { color: #192946 !important; } .modules_partial .slider_hero_3_module .slider_no_img .slickdsi-prev, .humanbit_doc .slider_hero_3_module .slider_no_img .slickdsi-prev, .home_partial .slider_hero_3_module .slider_no_img .slickdsi-prev, .modules_partial .slider_hero_3_module .slider_no_img .slickdsi-next, .humanbit_doc .slider_hero_3_module .slider_no_img .slickdsi-next, .home_partial .slider_hero_3_module .slider_no_img .slickdsi-next { top: 190px; position: absolute; font-size: 0.9rem; cursor: pointer; line-height: 0.5rem; color: #1A130F !important; border: 0; border-radius: 50%; padding: 20px; background-color: rgba(14, 76, 148, 0.2); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .modules_partial .slider_hero_3_module .slider_no_img .slickdsi-prev:hover, .humanbit_doc .slider_hero_3_module .slider_no_img .slickdsi-prev:hover, .home_partial .slider_hero_3_module .slider_no_img .slickdsi-prev:hover, .modules_partial .slider_hero_3_module .slider_no_img .slickdsi-next:hover, .humanbit_doc .slider_hero_3_module .slider_no_img .slickdsi-next:hover, .home_partial .slider_hero_3_module .slider_no_img .slickdsi-next:hover { background-color: rgba(14, 76, 148, 0.6); } .modules_partial .slider_hero_3_module .slider_no_img .slickdsi-prev, .humanbit_doc .slider_hero_3_module .slider_no_img .slickdsi-prev, .home_partial .slider_hero_3_module .slider_no_img .slickdsi-prev { left: -17px; } .modules_partial .slider_hero_3_module .slider_no_img .slickdsi-next, .humanbit_doc .slider_hero_3_module .slider_no_img .slickdsi-next, .home_partial .slider_hero_3_module .slider_no_img .slickdsi-next { right: -3px; } .modules_partial .slider_hero_3_module .slider_no_img .slick-slide, .humanbit_doc .slider_hero_3_module .slider_no_img .slick-slide, .home_partial .slider_hero_3_module .slider_no_img .slick-slide { padding-left: 10px; padding-right: 10px; } .modules_partial .slider_hero_3_module .slider_no_img .slider-for, .humanbit_doc .slider_hero_3_module .slider_no_img .slider-for, .home_partial .slider_hero_3_module .slider_no_img .slider-for { display: none; } .modules_partial .slider_hero_3_module .slider_no_img .nomeproductTestata, .humanbit_doc .slider_hero_3_module .slider_no_img .nomeproductTestata, .home_partial .slider_hero_3_module .slider_no_img .nomeproductTestata { color: #ffffff; } .modules_partial .slider_hero_3_module .slider_no_img .text_product, .humanbit_doc .slider_hero_3_module .slider_no_img .text_product, .home_partial .slider_hero_3_module .slider_no_img .text_product, .modules_partial .slider_hero_3_module .slider_no_img .info-sport, .humanbit_doc .slider_hero_3_module .slider_no_img .info-sport, .home_partial .slider_hero_3_module .slider_no_img .info-sport { color: #ffffff; } .modules_partial .slider_hero_3_module .slider_no_img .container_product, .humanbit_doc .slider_hero_3_module .slider_no_img .container_product, .home_partial .slider_hero_3_module .slider_no_img .container_product { border-radius: 20px; } .modules_partial .slider_hero_3_module .slider_img .hero_text, .humanbit_doc .slider_hero_3_module .slider_img .hero_text, .home_partial .slider_hero_3_module .slider_img .hero_text { background: linear-gradient(90deg, white 21%, transparent 80%); min-height: inherit; } .modules_partial .slider_hero_3_module .slider_img .hero_text .hero_text_child, .humanbit_doc .slider_hero_3_module .slider_img .hero_text .hero_text_child, .home_partial .slider_hero_3_module .slider_img .hero_text .hero_text_child { min-height: inherit; } .modules_partial .slider_hero_3_module .slider_img .container_img_product_slider, .humanbit_doc .slider_hero_3_module .slider_img .container_img_product_slider, .home_partial .slider_hero_3_module .slider_img .container_img_product_slider { min-height: calc(100vh - 12rem); width: 100%; margin-left: auto; background-size: contain; background-repeat: no-repeat; background-position: right center; position: relative; } .modules_partial .slider_hero_3_module .slider_img .nomeproductTestata, .humanbit_doc .slider_hero_3_module .slider_img .nomeproductTestata, .home_partial .slider_hero_3_module .slider_img .nomeproductTestata { border-bottom: 2px solid; } .modules_partial .slider_hero_3_module .slider_img .info_sport, .humanbit_doc .slider_hero_3_module .slider_img .info_sport, .home_partial .slider_hero_3_module .slider_img .info_sport { position: absolute; bottom: 20px; right: 20px; border: 2px solid; color: #ffffff; font-weight: 600; } .modules_partial .slider_hero_3_module .slider_img .slickdsi-prev, .humanbit_doc .slider_hero_3_module .slider_img .slickdsi-prev, .home_partial .slider_hero_3_module .slider_img .slickdsi-prev, .modules_partial .slider_hero_3_module .slider_img .slickdsi-next, .humanbit_doc .slider_hero_3_module .slider_img .slickdsi-next, .home_partial .slider_hero_3_module .slider_img .slickdsi-next { top: 3rem; bottom: 3rem; position: absolute; width: 50%; opacity: 0.4; border: 0; padding: 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .modules_partial .slider_hero_3_module .slider_img .slickdsi-prev, .humanbit_doc .slider_hero_3_module .slider_img .slickdsi-prev, .home_partial .slider_hero_3_module .slider_img .slickdsi-prev { left: 0; } .modules_partial .slider_hero_3_module .slider_img .slickdsi-prev:hover, .humanbit_doc .slider_hero_3_module .slider_img .slickdsi-prev:hover, .home_partial .slider_hero_3_module .slider_img .slickdsi-prev:hover { cursor: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 448 512"%3e%3cpath d="M448 256C448 264.8 440.6 272 431.4 272H54.11l140.7 149.3c6.157 6.531 5.655 16.66-1.118 22.59C190.5 446.6 186.5 448 182.5 448c-4.505 0-9.009-1.75-12.28-5.25l-165.9-176c-5.752-6.094-5.752-15.41 0-21.5l165.9-176c6.19-6.562 16.69-7 23.45-1.094c6.773 5.938 7.275 16.06 1.118 22.59L54.11 240h377.3C440.6 240 448 247.2 448 256z"/%3e%3c/svg%3e') 84 84, pointer !important; } .modules_partial .slider_hero_3_module .slider_img .slickdsi-next, .humanbit_doc .slider_hero_3_module .slider_img .slickdsi-next, .home_partial .slider_hero_3_module .slider_img .slickdsi-next { right: 0; } .modules_partial .slider_hero_3_module .slider_img .slickdsi-next:hover, .humanbit_doc .slider_hero_3_module .slider_img .slickdsi-next:hover, .home_partial .slider_hero_3_module .slider_img .slickdsi-next:hover { cursor: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 448 512"%3e%3cpath d="M443.7 266.8l-165.9 176C274.5 446.3 269.1 448 265.5 448c-3.986 0-7.988-1.375-11.16-4.156c-6.773-5.938-7.275-16.06-1.118-22.59L393.9 272H16.59c-9.171 0-16.59-7.155-16.59-15.1S7.421 240 16.59 240h377.3l-140.7-149.3c-6.157-6.531-5.655-16.66 1.118-22.59c6.789-5.906 17.27-5.469 23.45 1.094l165.9 176C449.4 251.3 449.4 260.7 443.7 266.8z"/%3e%3c/svg%3e') 84 84, pointer !important; } .modules_partial .slider_hero_3_module .slider_img .slider-for, .humanbit_doc .slider_hero_3_module .slider_img .slider-for, .home_partial .slider_hero_3_module .slider_img .slider-for { display: none; } .modules_partial .slider_hero_3_module .slider_img .text_product, .humanbit_doc .slider_hero_3_module .slider_img .text_product, .home_partial .slider_hero_3_module .slider_img .text_product, .modules_partial .slider_hero_3_module .slider_img .info-sport, .humanbit_doc .slider_hero_3_module .slider_img .info-sport, .home_partial .slider_hero_3_module .slider_img .info-sport { color: #ffffff; } .modules_partial .slider_hero_3_module .slider_img .container_product, .humanbit_doc .slider_hero_3_module .slider_img .container_product, .home_partial .slider_hero_3_module .slider_img .container_product { border-radius: 20px; } .modules_partial .slider_hero_3_module .slider_img .complessi_type, .humanbit_doc .slider_hero_3_module .slider_img .complessi_type, .home_partial .slider_hero_3_module .slider_img .complessi_type { font-weight: 600; color: #0e4c94; } .modules_partial .slider_hero_3_module .slider_img .caratteristiche, .humanbit_doc .slider_hero_3_module .slider_img .caratteristiche, .home_partial .slider_hero_3_module .slider_img .caratteristiche { color: #f28f52; } .modules_partial .slider_hero_3_module .slider_img_2 .container_img_product_slider, .humanbit_doc .slider_hero_3_module .slider_img_2 .container_img_product_slider, .home_partial .slider_hero_3_module .slider_img_2 .container_img_product_slider { height: 200px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; } .modules_partial .slider_hero_3_module .slider_img_2 .nomeproductTestata, .humanbit_doc .slider_hero_3_module .slider_img_2 .nomeproductTestata, .home_partial .slider_hero_3_module .slider_img_2 .nomeproductTestata { border-bottom: 2px solid; } .modules_partial .slider_hero_3_module .slider_img_2 .info_sport, .humanbit_doc .slider_hero_3_module .slider_img_2 .info_sport, .home_partial .slider_hero_3_module .slider_img_2 .info_sport { position: absolute; bottom: 20px; right: 20px; border: 2px solid; color: #ffffff; font-weight: 600; } .modules_partial .slider_hero_3_module .slider_img_2 .slickdsi-prev, .humanbit_doc .slider_hero_3_module .slider_img_2 .slickdsi-prev, .home_partial .slider_hero_3_module .slider_img_2 .slickdsi-prev, .modules_partial .slider_hero_3_module .slider_img_2 .slickdsi-next, .humanbit_doc .slider_hero_3_module .slider_img_2 .slickdsi-next, .home_partial .slider_hero_3_module .slider_img_2 .slickdsi-next { top: 83px; position: absolute; font-size: 0.9rem; cursor: pointer; line-height: 0.5rem; color: #ffffff !important; border: 0; border-radius: 50%; padding: 20px; background-color: rgba(14, 76, 148, 0.2); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .modules_partial .slider_hero_3_module .slider_img_2 .slickdsi-prev:hover, .humanbit_doc .slider_hero_3_module .slider_img_2 .slickdsi-prev:hover, .home_partial .slider_hero_3_module .slider_img_2 .slickdsi-prev:hover, .modules_partial .slider_hero_3_module .slider_img_2 .slickdsi-next:hover, .humanbit_doc .slider_hero_3_module .slider_img_2 .slickdsi-next:hover, .home_partial .slider_hero_3_module .slider_img_2 .slickdsi-next:hover { color: #ffffff !important; background-color: rgba(14, 76, 148, 0.6); } .modules_partial .slider_hero_3_module .slider_img_2 .slickdsi-prev, .humanbit_doc .slider_hero_3_module .slider_img_2 .slickdsi-prev, .home_partial .slider_hero_3_module .slider_img_2 .slickdsi-prev { left: -17px; } .modules_partial .slider_hero_3_module .slider_img_2 .slickdsi-next, .humanbit_doc .slider_hero_3_module .slider_img_2 .slickdsi-next, .home_partial .slider_hero_3_module .slider_img_2 .slickdsi-next { right: -3px; } .modules_partial .slider_hero_3_module .slider_img_2 .slider-for, .humanbit_doc .slider_hero_3_module .slider_img_2 .slider-for, .home_partial .slider_hero_3_module .slider_img_2 .slider-for { display: none; } .modules_partial .slider_hero_3_module .slider_img_2 .text_product, .humanbit_doc .slider_hero_3_module .slider_img_2 .text_product, .home_partial .slider_hero_3_module .slider_img_2 .text_product, .modules_partial .slider_hero_3_module .slider_img_2 .info-sport, .humanbit_doc .slider_hero_3_module .slider_img_2 .info-sport, .home_partial .slider_hero_3_module .slider_img_2 .info-sport { color: #ffffff; } .modules_partial .slider_hero_3_module .slider_img_2 .container_product, .humanbit_doc .slider_hero_3_module .slider_img_2 .container_product, .home_partial .slider_hero_3_module .slider_img_2 .container_product { border-radius: 20px; } .modules_partial .slider_hero_3_module .slider_img_2 .complessi_type, .humanbit_doc .slider_hero_3_module .slider_img_2 .complessi_type, .home_partial .slider_hero_3_module .slider_img_2 .complessi_type { font-weight: 600; color: #0e4c94; } .modules_partial .slider_hero_3_module .slider_img_2 .caratteristiche, .humanbit_doc .slider_hero_3_module .slider_img_2 .caratteristiche, .home_partial .slider_hero_3_module .slider_img_2 .caratteristiche { color: #f28f52; } @media only screen and (max-width: 1199.98px) { .modules_partial .slider_hero_3_module .slider_img .container_img_product_slider, .humanbit_doc .slider_hero_3_module .slider_img .container_img_product_slider, .home_partial .slider_hero_3_module .slider_img .container_img_product_slider { background-size: cover; min-height: unset; max-height: calc(70vh - 12rem); } .modules_partial .slider_hero_3_module .hero_text, .humanbit_doc .slider_hero_3_module .hero_text, .home_partial .slider_hero_3_module .hero_text { background: transparent !important; } } @media only screen and (max-width: 767.98px) { .modules_partial .slider_hero_3_module .container_img_product_slider, .humanbit_doc .slider_hero_3_module .container_img_product_slider, .home_partial .slider_hero_3_module .container_img_product_slider { height: 100vh !important; width: 100%; margin-left: auto; background-size: contain; background-repeat: no-repeat; background-position: right center; position: relative; } } .modules_partial, .humanbit_doc, .home_partial { /*///// -------------------- @media -------------------- */ /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ } .modules_partial .slider_imgs_in_card_module .nomeproductTestata, .humanbit_doc .slider_imgs_in_card_module .nomeproductTestata, .home_partial .slider_imgs_in_card_module .nomeproductTestata { border-bottom: 2px solid; } .modules_partial .slider_imgs_in_card_module .slider_img .container_img_product_slider, .humanbit_doc .slider_imgs_in_card_module .slider_img .container_img_product_slider, .home_partial .slider_imgs_in_card_module .slider_img .container_img_product_slider { height: 250px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; } .modules_partial .slider_imgs_in_card_module .slider_img .link_product:hover, .humanbit_doc .slider_imgs_in_card_module .slider_img .link_product:hover, .home_partial .slider_imgs_in_card_module .slider_img .link_product:hover { opacity: 1 !important; } .modules_partial .slider_imgs_in_card_module .slider_img .link_product:hover .container_product .link_product_container, .humanbit_doc .slider_imgs_in_card_module .slider_img .link_product:hover .container_product .link_product_container, .home_partial .slider_imgs_in_card_module .slider_img .link_product:hover .container_product .link_product_container { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.09), 0 6px 40px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.09), 0 6px 40px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.09), 0 6px 40px 0 rgba(0, 0, 0, 0.1); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .modules_partial .slider_imgs_in_card_module .slider_img .link_product:hover .container_product .link_product_container .info_sport, .humanbit_doc .slider_imgs_in_card_module .slider_img .link_product:hover .container_product .link_product_container .info_sport, .home_partial .slider_imgs_in_card_module .slider_img .link_product:hover .container_product .link_product_container .info_sport { bottom: 40px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .modules_partial .slider_imgs_in_card_module .slider_img .info_sport, .humanbit_doc .slider_imgs_in_card_module .slider_img .info_sport, .home_partial .slider_imgs_in_card_module .slider_img .info_sport { position: absolute; bottom: 20px; right: 20px; border: 2px solid; color: #ffffff; font-size: 0.81rem; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .modules_partial .slider_imgs_in_card_module .slider_img .slickdsi-prev, .humanbit_doc .slider_imgs_in_card_module .slider_img .slickdsi-prev, .home_partial .slider_imgs_in_card_module .slider_img .slickdsi-prev, .modules_partial .slider_imgs_in_card_module .slider_img .slickdsi-next, .humanbit_doc .slider_imgs_in_card_module .slider_img .slickdsi-next, .home_partial .slider_imgs_in_card_module .slider_img .slickdsi-next { top: 83px; position: absolute; font-size: 0.9rem; cursor: pointer; line-height: 0.5rem; color: #1A130F !important; border: 0; border-radius: 50%; padding: 20px; opacity: 0.6; background-color: #ffffff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .modules_partial .slider_imgs_in_card_module .slider_img .slickdsi-prev:hover, .humanbit_doc .slider_imgs_in_card_module .slider_img .slickdsi-prev:hover, .home_partial .slider_imgs_in_card_module .slider_img .slickdsi-prev:hover, .modules_partial .slider_imgs_in_card_module .slider_img .slickdsi-next:hover, .humanbit_doc .slider_imgs_in_card_module .slider_img .slickdsi-next:hover, .home_partial .slider_imgs_in_card_module .slider_img .slickdsi-next:hover { color: #0e4c94 !important; } .modules_partial .slider_imgs_in_card_module .slider_img .slickdsi-prev, .humanbit_doc .slider_imgs_in_card_module .slider_img .slickdsi-prev, .home_partial .slider_imgs_in_card_module .slider_img .slickdsi-prev { left: -17px; } .modules_partial .slider_imgs_in_card_module .slider_img .slickdsi-next, .humanbit_doc .slider_imgs_in_card_module .slider_img .slickdsi-next, .home_partial .slider_imgs_in_card_module .slider_img .slickdsi-next { right: -3px; } .modules_partial .slider_imgs_in_card_module .slider_img .slider-for, .humanbit_doc .slider_imgs_in_card_module .slider_img .slider-for, .home_partial .slider_imgs_in_card_module .slider_img .slider-for { display: none; } .modules_partial .slider_imgs_in_card_module .slider_img .text_product, .humanbit_doc .slider_imgs_in_card_module .slider_img .text_product, .home_partial .slider_imgs_in_card_module .slider_img .text_product, .modules_partial .slider_imgs_in_card_module .slider_img .info-sport, .humanbit_doc .slider_imgs_in_card_module .slider_img .info-sport, .home_partial .slider_imgs_in_card_module .slider_img .info-sport { color: #ffffff; } .modules_partial .slider_imgs_in_card_module .slider_img .container_product, .humanbit_doc .slider_imgs_in_card_module .slider_img .container_product, .home_partial .slider_imgs_in_card_module .slider_img .container_product { border-radius: 20px; } .modules_partial .slider_imgs_in_card_module .slider_img .complessi_type, .humanbit_doc .slider_imgs_in_card_module .slider_img .complessi_type, .home_partial .slider_imgs_in_card_module .slider_img .complessi_type { font-weight: 600; color: #0e4c94; } .modules_partial .slider_imgs_in_card_module .slider_img .caratteristiche, .humanbit_doc .slider_imgs_in_card_module .slider_img .caratteristiche, .home_partial .slider_imgs_in_card_module .slider_img .caratteristiche { color: #69C914; } .modules_partial .slider_imgs_in_card_module h6, .humanbit_doc .slider_imgs_in_card_module h6, .home_partial .slider_imgs_in_card_module h6 { font-weight: 600; color: #ffffff; } .modules_partial .slider_imgs_in_card_module p, .humanbit_doc .slider_imgs_in_card_module p, .home_partial .slider_imgs_in_card_module p { color: #ffffff; } .modules_partial .slider_imgs_in_card_module .small, .humanbit_doc .slider_imgs_in_card_module .small, .home_partial .slider_imgs_in_card_module .small { line-height: 1.3; } .modules_partial .slider_imgs_in_card_module .event_gallery_container, .humanbit_doc .slider_imgs_in_card_module .event_gallery_container, .home_partial .slider_imgs_in_card_module .event_gallery_container { border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .modules_partial .slider_imgs_in_card_module .hero_text h6, .humanbit_doc .slider_imgs_in_card_module .hero_text h6, .home_partial .slider_imgs_in_card_module .hero_text h6, .modules_partial .slider_imgs_in_card_module .hero_text p, .humanbit_doc .slider_imgs_in_card_module .hero_text p, .home_partial .slider_imgs_in_card_module .hero_text p { color: #192946; } .modules_partial .slider_imgs_in_card_module .date_and_icon, .humanbit_doc .slider_imgs_in_card_module .date_and_icon, .home_partial .slider_imgs_in_card_module .date_and_icon { color: #f28f52; } .modules_partial .slider_imgs_in_card_module .date_and_icon time:hover, .humanbit_doc .slider_imgs_in_card_module .date_and_icon time:hover, .home_partial .slider_imgs_in_card_module .date_and_icon time:hover { color: #f28f52; } .modules_partial .slider_imgs_in_card_module .link_modal_event, .humanbit_doc .slider_imgs_in_card_module .link_modal_event, .home_partial .slider_imgs_in_card_module .link_modal_event { position: absolute; bottom: 0; right: 1.5rem; } .modules_partial .slider_imgs_in_card_module .link_modal_event i, .humanbit_doc .slider_imgs_in_card_module .link_modal_event i, .home_partial .slider_imgs_in_card_module .link_modal_event i { font-size: 1.7rem; font-weight: 300; } .modules_partial .slider_imgs_in_card_module .link_modal_event:hover, .humanbit_doc .slider_imgs_in_card_module .link_modal_event:hover, .home_partial .slider_imgs_in_card_module .link_modal_event:hover { color: #0e4c94; opacity: 0.7; } .modules_partial .slider_imgs_in_card_module .slick-prev, .humanbit_doc .slider_imgs_in_card_module .slick-prev, .home_partial .slider_imgs_in_card_module .slick-prev, .modules_partial .slider_imgs_in_card_module .slick-next, .humanbit_doc .slider_imgs_in_card_module .slick-next, .home_partial .slider_imgs_in_card_module .slick-next { background-color: rgba(255, 255, 255, 0.7); z-index: 10; width: 30px; height: 30px; opacity: 0.5; } .modules_partial .slider_imgs_in_card_module .slick-prev:hover, .humanbit_doc .slider_imgs_in_card_module .slick-prev:hover, .home_partial .slider_imgs_in_card_module .slick-prev:hover, .modules_partial .slider_imgs_in_card_module .slick-next:hover, .humanbit_doc .slider_imgs_in_card_module .slick-next:hover, .home_partial .slider_imgs_in_card_module .slick-next:hover { opacity: 1; } .modules_partial .slider_imgs_in_card_module .slick-prev, .humanbit_doc .slider_imgs_in_card_module .slick-prev, .home_partial .slider_imgs_in_card_module .slick-prev { left: 0; } .modules_partial .slider_imgs_in_card_module .slick-next, .humanbit_doc .slider_imgs_in_card_module .slick-next, .home_partial .slider_imgs_in_card_module .slick-next { right: 0; } .modules_partial .slider_imgs_in_card_module .slick-prev:before, .humanbit_doc .slider_imgs_in_card_module .slick-prev:before, .home_partial .slider_imgs_in_card_module .slick-prev:before { content: "<"; font-family: "Poppins", sans-serif; font-size: 1.3rem; line-height: 1.4; color: #0e4c94; } .modules_partial .slider_imgs_in_card_module .slick-next:before, .humanbit_doc .slider_imgs_in_card_module .slick-next:before, .home_partial .slider_imgs_in_card_module .slick-next:before { content: ">"; font-family: "Poppins", sans-serif; font-size: 1.3rem; line-height: 1.4; color: #0e4c94; } .modules_partial, .humanbit_doc, .home_partial { /* ------------------------------------------------------------- */ /* @media */ /* media max width */ /* media between */ /* media min width */ /* HEIGHT */ /* mobile horizontal */ /* ipad pro vertical */ } .modules_partial .slider_selection_module .slider_no_img .slider_no_img_card, .humanbit_doc .slider_selection_module .slider_no_img .slider_no_img_card, .home_partial .slider_selection_module .slider_no_img .slider_no_img_card { height: 400px; background-color: rgba(14, 76, 148, 0.1); } .modules_partial .slider_selection_module .slider_no_img .slider_no_img_card:hover, .humanbit_doc .slider_selection_module .slider_no_img .slider_no_img_card:hover, .home_partial .slider_selection_module .slider_no_img .slider_no_img_card:hover { background-color: rgba(14, 76, 148, 0.2); } .modules_partial .slider_selection_module .slider_no_img .slider_no_img_card:hover .buy_home_courses, .humanbit_doc .slider_selection_module .slider_no_img .slider_no_img_card:hover .buy_home_courses, .home_partial .slider_selection_module .slider_no_img .slider_no_img_card:hover .buy_home_courses { margin-left: 0.5rem; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .modules_partial .slider_selection_module .slider_no_img .slider_no_img_card .buy_home_courses, .humanbit_doc .slider_selection_module .slider_no_img .slider_no_img_card .buy_home_courses, .home_partial .slider_selection_module .slider_no_img .slider_no_img_card .buy_home_courses { background-color: #0e4c94; margin-left: 0rem; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .modules_partial .slider_selection_module .slider_no_img .info-sport, .humanbit_doc .slider_selection_module .slider_no_img .info-sport, .home_partial .slider_selection_module .slider_no_img .info-sport { position: absolute; bottom: 20px; } .modules_partial .slider_selection_module .slider_no_img h4, .humanbit_doc .slider_selection_module .slider_no_img h4, .home_partial .slider_selection_module .slider_no_img h4 { border-bottom: 1px solid; font-weight: 700; color: #0e4c94; } .modules_partial .slider_selection_module .slider_no_img p, .humanbit_doc .slider_selection_module .slider_no_img p, .home_partial .slider_selection_module .slider_no_img p { color: #192946 !important; } .modules_partial .slider_selection_module .slider_no_img .slickdsi-prev, .humanbit_doc .slider_selection_module .slider_no_img .slickdsi-prev, .home_partial .slider_selection_module .slider_no_img .slickdsi-prev, .modules_partial .slider_selection_module .slider_no_img .slickdsi-next, .humanbit_doc .slider_selection_module .slider_no_img .slickdsi-next, .home_partial .slider_selection_module .slider_no_img .slickdsi-next { top: 190px; position: absolute; font-size: 0.9rem; cursor: pointer; line-height: 0.5rem; color: #1A130F !important; border: 0; border-radius: 50%; padding: 20px; background-color: rgba(14, 76, 148, 0.2); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .modules_partial .slider_selection_module .slider_no_img .slickdsi-prev:hover, .humanbit_doc .slider_selection_module .slider_no_img .slickdsi-prev:hover, .home_partial .slider_selection_module .slider_no_img .slickdsi-prev:hover, .modules_partial .slider_selection_module .slider_no_img .slickdsi-next:hover, .humanbit_doc .slider_selection_module .slider_no_img .slickdsi-next:hover, .home_partial .slider_selection_module .slider_no_img .slickdsi-next:hover { background-color: rgba(14, 76, 148, 0.6); } .modules_partial .slider_selection_module .slider_no_img .slickdsi-prev, .humanbit_doc .slider_selection_module .slider_no_img .slickdsi-prev, .home_partial .slider_selection_module .slider_no_img .slickdsi-prev { left: -17px; } .modules_partial .slider_selection_module .slider_no_img .slickdsi-next, .humanbit_doc .slider_selection_module .slider_no_img .slickdsi-next, .home_partial .slider_selection_module .slider_no_img .slickdsi-next { right: -3px; } .modules_partial .slider_selection_module .slider_no_img .slick-slide, .humanbit_doc .slider_selection_module .slider_no_img .slick-slide, .home_partial .slider_selection_module .slider_no_img .slick-slide { padding-left: 10px; padding-right: 10px; } .modules_partial .slider_selection_module .slider_no_img .slider-for, .humanbit_doc .slider_selection_module .slider_no_img .slider-for, .home_partial .slider_selection_module .slider_no_img .slider-for { display: none; } .modules_partial .slider_selection_module .slider_no_img .nomeproductTestata, .humanbit_doc .slider_selection_module .slider_no_img .nomeproductTestata, .home_partial .slider_selection_module .slider_no_img .nomeproductTestata { color: #ffffff; } .modules_partial .slider_selection_module .slider_no_img .text_product, .humanbit_doc .slider_selection_module .slider_no_img .text_product, .home_partial .slider_selection_module .slider_no_img .text_product, .modules_partial .slider_selection_module .slider_no_img .info-sport, .humanbit_doc .slider_selection_module .slider_no_img .info-sport, .home_partial .slider_selection_module .slider_no_img .info-sport { color: #ffffff; } .modules_partial .slider_selection_module .slider_no_img .container_product, .humanbit_doc .slider_selection_module .slider_no_img .container_product, .home_partial .slider_selection_module .slider_no_img .container_product { border-radius: 20px; } .modules_partial .slider_selection_module .slider_img .container_img_product_slider, .humanbit_doc .slider_selection_module .slider_img .container_img_product_slider, .home_partial .slider_selection_module .slider_img .container_img_product_slider { height: 200px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; } .modules_partial .slider_selection_module .slider_img .nomeproductTestata, .humanbit_doc .slider_selection_module .slider_img .nomeproductTestata, .home_partial .slider_selection_module .slider_img .nomeproductTestata { border-bottom: 2px solid; } .modules_partial .slider_selection_module .slider_img .info_sport, .humanbit_doc .slider_selection_module .slider_img .info_sport, .home_partial .slider_selection_module .slider_img .info_sport { position: absolute; bottom: 20px; right: 20px; border: 2px solid; color: #ffffff; font-weight: 600; } .modules_partial .slider_selection_module .slider_img .slickdsi-prev, .humanbit_doc .slider_selection_module .slider_img .slickdsi-prev, .home_partial .slider_selection_module .slider_img .slickdsi-prev, .modules_partial .slider_selection_module .slider_img .slickdsi-next, .humanbit_doc .slider_selection_module .slider_img .slickdsi-next, .home_partial .slider_selection_module .slider_img .slickdsi-next { top: 83px; position: absolute; font-size: 0.9rem; cursor: pointer; line-height: 0.5rem; color: #ffffff !important; border: 0; border-radius: 50%; padding: 20px; background-color: rgba(14, 76, 148, 0.2); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .modules_partial .slider_selection_module .slider_img .slickdsi-prev:hover, .humanbit_doc .slider_selection_module .slider_img .slickdsi-prev:hover, .home_partial .slider_selection_module .slider_img .slickdsi-prev:hover, .modules_partial .slider_selection_module .slider_img .slickdsi-next:hover, .humanbit_doc .slider_selection_module .slider_img .slickdsi-next:hover, .home_partial .slider_selection_module .slider_img .slickdsi-next:hover { color: #ffffff !important; background-color: rgba(14, 76, 148, 0.6); } .modules_partial .slider_selection_module .slider_img .slickdsi-prev, .humanbit_doc .slider_selection_module .slider_img .slickdsi-prev, .home_partial .slider_selection_module .slider_img .slickdsi-prev { left: -17px; } .modules_partial .slider_selection_module .slider_img .slickdsi-next, .humanbit_doc .slider_selection_module .slider_img .slickdsi-next, .home_partial .slider_selection_module .slider_img .slickdsi-next { right: -3px; } .modules_partial .slider_selection_module .slider_img .slider-for, .humanbit_doc .slider_selection_module .slider_img .slider-for, .home_partial .slider_selection_module .slider_img .slider-for { display: none; } .modules_partial .slider_selection_module .slider_img .text_product, .humanbit_doc .slider_selection_module .slider_img .text_product, .home_partial .slider_selection_module .slider_img .text_product, .modules_partial .slider_selection_module .slider_img .info-sport, .humanbit_doc .slider_selection_module .slider_img .info-sport, .home_partial .slider_selection_module .slider_img .info-sport { color: #ffffff; } .modules_partial .slider_selection_module .slider_img .container_product, .humanbit_doc .slider_selection_module .slider_img .container_product, .home_partial .slider_selection_module .slider_img .container_product { border-radius: 20px; } .modules_partial .slider_selection_module .slider_img .complessi_type, .humanbit_doc .slider_selection_module .slider_img .complessi_type, .home_partial .slider_selection_module .slider_img .complessi_type { font-weight: 600; color: #0e4c94; } .modules_partial .slider_selection_module .slider_img .caratteristiche, .humanbit_doc .slider_selection_module .slider_img .caratteristiche, .home_partial .slider_selection_module .slider_img .caratteristiche { color: #f28f52; } .modules_partial .slider_selection_module .slider_img_2 .container_img_product_slider, .humanbit_doc .slider_selection_module .slider_img_2 .container_img_product_slider, .home_partial .slider_selection_module .slider_img_2 .container_img_product_slider { height: 200px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; } .modules_partial .slider_selection_module .slider_img_2 .nomeproductTestata, .humanbit_doc .slider_selection_module .slider_img_2 .nomeproductTestata, .home_partial .slider_selection_module .slider_img_2 .nomeproductTestata { border-bottom: 2px solid; } .modules_partial .slider_selection_module .slider_img_2 .info_sport, .humanbit_doc .slider_selection_module .slider_img_2 .info_sport, .home_partial .slider_selection_module .slider_img_2 .info_sport { position: absolute; bottom: 20px; right: 20px; border: 2px solid; color: #ffffff; font-weight: 600; } .modules_partial .slider_selection_module .slider_img_2 .slickdsi-prev, .humanbit_doc .slider_selection_module .slider_img_2 .slickdsi-prev, .home_partial .slider_selection_module .slider_img_2 .slickdsi-prev, .modules_partial .slider_selection_module .slider_img_2 .slickdsi-next, .humanbit_doc .slider_selection_module .slider_img_2 .slickdsi-next, .home_partial .slider_selection_module .slider_img_2 .slickdsi-next { top: 83px; position: absolute; font-size: 0.9rem; cursor: pointer; line-height: 0.5rem; color: #ffffff !important; border: 0; border-radius: 50%; padding: 20px; background-color: rgba(14, 76, 148, 0.2); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .modules_partial .slider_selection_module .slider_img_2 .slickdsi-prev:hover, .humanbit_doc .slider_selection_module .slider_img_2 .slickdsi-prev:hover, .home_partial .slider_selection_module .slider_img_2 .slickdsi-prev:hover, .modules_partial .slider_selection_module .slider_img_2 .slickdsi-next:hover, .humanbit_doc .slider_selection_module .slider_img_2 .slickdsi-next:hover, .home_partial .slider_selection_module .slider_img_2 .slickdsi-next:hover { color: #ffffff !important; background-color: rgba(14, 76, 148, 0.6); } .modules_partial .slider_selection_module .slider_img_2 .slickdsi-prev, .humanbit_doc .slider_selection_module .slider_img_2 .slickdsi-prev, .home_partial .slider_selection_module .slider_img_2 .slickdsi-prev { left: -17px; } .modules_partial .slider_selection_module .slider_img_2 .slickdsi-next, .humanbit_doc .slider_selection_module .slider_img_2 .slickdsi-next, .home_partial .slider_selection_module .slider_img_2 .slickdsi-next { right: -3px; } .modules_partial .slider_selection_module .slider_img_2 .slider-for, .humanbit_doc .slider_selection_module .slider_img_2 .slider-for, .home_partial .slider_selection_module .slider_img_2 .slider-for { display: none; } .modules_partial .slider_selection_module .slider_img_2 .text_product, .humanbit_doc .slider_selection_module .slider_img_2 .text_product, .home_partial .slider_selection_module .slider_img_2 .text_product, .modules_partial .slider_selection_module .slider_img_2 .info-sport, .humanbit_doc .slider_selection_module .slider_img_2 .info-sport, .home_partial .slider_selection_module .slider_img_2 .info-sport { color: #ffffff; } .modules_partial .slider_selection_module .slider_img_2 .container_product, .humanbit_doc .slider_selection_module .slider_img_2 .container_product, .home_partial .slider_selection_module .slider_img_2 .container_product { border-radius: 20px; } .modules_partial .slider_selection_module .slider_img_2 .complessi_type, .humanbit_doc .slider_selection_module .slider_img_2 .complessi_type, .home_partial .slider_selection_module .slider_img_2 .complessi_type { font-weight: 600; color: #0e4c94; } .modules_partial .slider_selection_module .slider_img_2 .caratteristiche, .humanbit_doc .slider_selection_module .slider_img_2 .caratteristiche, .home_partial .slider_selection_module .slider_img_2 .caratteristiche { color: #f28f52; } .modules_partial, .humanbit_doc, .home_partial { /*///// ==================== @media ==================== */ /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ } .modules_partial .txt_img_row_module .txt_img_row_btn:hover, .humanbit_doc .txt_img_row_module .txt_img_row_btn:hover, .home_partial .txt_img_row_module .txt_img_row_btn:hover { background-color: #f28f52; color: #ffffff; } .modules_partial .txt_img_row_module .box_studio, .humanbit_doc .txt_img_row_module .box_studio, .home_partial .txt_img_row_module .box_studio { background-color: #192946; } .modules_partial .txt_img_row_module .space_home_element:nth-child(odd), .humanbit_doc .txt_img_row_module .space_home_element:nth-child(odd), .home_partial .txt_img_row_module .space_home_element:nth-child(odd) { padding-right: 1.5rem; } .modules_partial .txt_img_row_module .space_home_element:nth-child(even), .humanbit_doc .txt_img_row_module .space_home_element:nth-child(even), .home_partial .txt_img_row_module .space_home_element:nth-child(even) { padding-left: 1.5rem; } .modules_partial .txt_img_row_module .slide_item, .humanbit_doc .txt_img_row_module .slide_item, .home_partial .txt_img_row_module .slide_item { height: 450px; } .modules_partial .txt_img_row_module .slick-next, .humanbit_doc .txt_img_row_module .slick-next, .home_partial .txt_img_row_module .slick-next { right: -0.5rem; } .modules_partial .txt_img_row_module .slick-prev, .humanbit_doc .txt_img_row_module .slick-prev, .home_partial .txt_img_row_module .slick-prev { left: -0.5rem; } .modules_partial .txt_img_row_module .h4, .humanbit_doc .txt_img_row_module .h4, .home_partial .txt_img_row_module .h4 { color: #f28f52; } .modules_partial .txt_img_row_module h6, .humanbit_doc .txt_img_row_module h6, .home_partial .txt_img_row_module h6 { color: #f28f52; } .modules_partial .txt_img_row_module .btn_white_orange, .humanbit_doc .txt_img_row_module .btn_white_orange, .home_partial .txt_img_row_module .btn_white_orange { width: 60%; } .modules_partial .txt_img_row_module .square_data, .humanbit_doc .txt_img_row_module .square_data, .home_partial .txt_img_row_module .square_data { height: 100px; width: 100px; background-color: #0e4c94; padding-top: 22px; } .modules_partial .txt_img_row_module .square_data .date_card_event_home, .humanbit_doc .txt_img_row_module .square_data .date_card_event_home, .home_partial .txt_img_row_module .square_data .date_card_event_home { color: #f28f52; } .modules_partial .txt_img_row_module .space_det_btn, .humanbit_doc .txt_img_row_module .space_det_btn, .home_partial .txt_img_row_module .space_det_btn { padding-bottom: 0.2rem; } @media (max-width: 991.98px) { .modules_partial .txt_img_row_module .space_home_element:nth-child(odd), .humanbit_doc .txt_img_row_module .space_home_element:nth-child(odd), .home_partial .txt_img_row_module .space_home_element:nth-child(odd) { padding-right: 0rem; } .modules_partial .txt_img_row_module .space_home_element:nth-child(even), .humanbit_doc .txt_img_row_module .space_home_element:nth-child(even), .home_partial .txt_img_row_module .space_home_element:nth-child(even) { padding-left: 0rem; } .modules_partial .txt_img_row_module .space_home_text, .humanbit_doc .txt_img_row_module .space_home_text, .home_partial .txt_img_row_module .space_home_text { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } } @media (max-width: 767.98px) { .modules_partial .txt_img_row_module .btn_white_orange, .humanbit_doc .txt_img_row_module .btn_white_orange, .home_partial .txt_img_row_module .btn_white_orange { width: 100%; } .modules_partial .txt_img_row_module .space_det_btn, .humanbit_doc .txt_img_row_module .space_det_btn, .home_partial .txt_img_row_module .space_det_btn { padding-right: 5.5rem; } } @media (min-width: 992px) { .modules_partial .txt_img_row_module .space_home_text:nth-child(odd), .humanbit_doc .txt_img_row_module .space_home_text:nth-child(odd), .home_partial .txt_img_row_module .space_home_text:nth-child(odd) { text-align: right; } .modules_partial .txt_img_row_module .space_home_text:nth-child(even), .humanbit_doc .txt_img_row_module .space_home_text:nth-child(even), .home_partial .txt_img_row_module .space_home_text:nth-child(even) { text-align: left; } } .modules_partial, .home_partial { /*///// ==================== @media ==================== */ /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ } .modules_partial .txt_img_row_vert_module .author_name, .home_partial .txt_img_row_vert_module .author_name { font-size: 1.35rem; word-break: break-word; line-height: 1.6; } @media screen and (min-width: 20em) { .modules_partial .txt_img_row_vert_module .author_name, .home_partial .txt_img_row_vert_module .author_name { font-size: calc(1.35rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .modules_partial .txt_img_row_vert_module .author_name, .home_partial .txt_img_row_vert_module .author_name { font-size: 1.35rem; } } .modules_partial .txt_img_row_vert_module .space_home_row:hover ~ .img-hover-zoom img, .home_partial .txt_img_row_vert_module .space_home_row:hover ~ .img-hover-zoom img { transform: scale(1.1) !important; overflow: hidden !important; } .modules_partial .txt_img_row_vert_module .space_home_row, .home_partial .txt_img_row_vert_module .space_home_row { position: relative; } .modules_partial .txt_img_row_vert_module .space_home_row *, .home_partial .txt_img_row_vert_module .space_home_row * { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .modules_partial .txt_img_row_vert_module .space_home_row figure, .home_partial .txt_img_row_vert_module .space_home_row figure { overflow: visible !important; } .modules_partial .txt_img_row_vert_module .space_home_row h3, .home_partial .txt_img_row_vert_module .space_home_row h3 { color: #1A130F; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .modules_partial .txt_img_row_vert_module .space_home_row:hover *, .home_partial .txt_img_row_vert_module .space_home_row:hover * { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .modules_partial .txt_img_row_vert_module .space_home_row:hover h3, .home_partial .txt_img_row_vert_module .space_home_row:hover h3, .modules_partial .txt_img_row_vert_module .space_home_row:hover .span_link, .home_partial .txt_img_row_vert_module .space_home_row:hover .span_link, .modules_partial .txt_img_row_vert_module .space_home_row:hover i.icon_link, .home_partial .txt_img_row_vert_module .space_home_row:hover i.icon_link { color: #192946; } .modules_partial .txt_img_row_vert_module .space_home_row:hover i.icon_link, .home_partial .txt_img_row_vert_module .space_home_row:hover i.icon_link { font-weight: 300 !important; } .modules_partial .txt_img_row_vert_module .space_home_row:hover .span_link, .home_partial .txt_img_row_vert_module .space_home_row:hover .span_link { font-weight: 500 !important; } .modules_partial .txt_img_row_vert_module .space_home_row:hover figure, .home_partial .txt_img_row_vert_module .space_home_row:hover figure { opacity: 1; } .modules_partial .txt_img_row_vert_module .space_home_row:hover p, .home_partial .txt_img_row_vert_module .space_home_row:hover p, .modules_partial .txt_img_row_vert_module .space_home_row:hover h5, .home_partial .txt_img_row_vert_module .space_home_row:hover h5 { opacity: 0.6; } .modules_partial .txt_img_row_vert_module .space_home_row:hover .line_black, .home_partial .txt_img_row_vert_module .space_home_row:hover .line_black { border-color: #192946; } .modules_partial .txt_img_row_vert_module .space_home_row:hover .span_link, .home_partial .txt_img_row_vert_module .space_home_row:hover .span_link { padding-right: 1.5rem !important; } .modules_partial .txt_img_row_vert_module .space_home_row:hover .figure_absolute, .home_partial .txt_img_row_vert_module .space_home_row:hover .figure_absolute { transform-origin: 50% 50%; animation: jump 0.73s linear alternate 6; } @-webkit-keyframes jump { 0% { transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } 40% { transform: translate3d(0, 10%, 0) scale3d(1, 1.1, 1); } 100% { transform: translate3d(0, 11%, 0) scale3d(1.05, 0.9, 1); } } @-ms-keyframes jump { 0% { transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } 40% { transform: translate3d(0, 10%, 0) scale3d(1, 1.1, 1); } 100% { transform: translate3d(0, 11%, 0) scale3d(1.05, 0.9, 1); } } @keyframes jump { 0% { transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } 40% { transform: translate3d(0, 10%, 0) scale3d(1, 1.1, 1); } 100% { transform: translate3d(0, 11%, 0) scale3d(1.05, 0.9, 1); } } .modules_partial .txt_img_row_vert_module .cont_abst p, .home_partial .txt_img_row_vert_module .cont_abst p { font-size: 1.13rem; word-break: break-word; line-height: 1.6; } @media screen and (min-width: 20em) { .modules_partial .txt_img_row_vert_module .cont_abst p, .home_partial .txt_img_row_vert_module .cont_abst p { font-size: calc(1.13rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .modules_partial .txt_img_row_vert_module .cont_abst p, .home_partial .txt_img_row_vert_module .cont_abst p { font-size: 1.13rem; } } .modules_partial .txt_img_row_vert_module .cont_cat .fill_fx, .home_partial .txt_img_row_vert_module .cont_cat .fill_fx { color: #1A130F; text-decoration: none; background-image: linear-gradient(to right, #192946 50%, #1A130F 50%); background-size: 200% 3px; background-repeat: no-repeat; background-position: 100% 100%; transition: background-position 0.3s, color 0.3s ease-in-out, opacity 0.3s; } .modules_partial .txt_img_row_vert_module .cont_cat .fill_fx:hover, .home_partial .txt_img_row_vert_module .cont_cat .fill_fx:hover { color: #192946; background-position: 0 100%; opacity: 0.8; cursor: pointer; } div.cont_img { background-size: contain; background-repeat: no-repeat; background-position: center top; height: 524px; width: 100%; z-index: -1; } @media (max-width: 991.98px) { div.cont_img { height: 390px; } } @media (min-width: 768px) { .modules_partial .txt_img_row_vert_module .cont_txt:nth-child(odd), .home_partial .txt_img_row_vert_module .cont_txt:nth-child(odd) { text-align: right; } .modules_partial .txt_img_row_vert_module .cont_txt:nth-child(even), .home_partial .txt_img_row_vert_module .cont_txt:nth-child(even) { text-align: left; } .modules_partial .txt_img_row_vert_module .cont_txt_inv:nth-child(odd), .home_partial .txt_img_row_vert_module .cont_txt_inv:nth-child(odd) { text-align: left; } .modules_partial .txt_img_row_vert_module .cont_txt_inv:nth-child(even), .home_partial .txt_img_row_vert_module .cont_txt_inv:nth-child(even) { text-align: right; } } .modules_partial { /*///// ==================== @media ==================== */ /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ } .modules_partial .html_text_editor_1_module { background-color: #edf1f7; width: 100%; } .modules_partial .html_text_editor_1_module * { margin: 0; padding: 0; box-sizing: border-box; } .modules_partial .html_text_editor_1_module .text_editor_container { background-color: #edf1f7; } .modules_partial .html_text_editor_1_module section { height: 500px; } .modules_partial .html_text_editor_1_module .tools { background-color: #edf1f7; width: 100%; border-radius: 4px; padding: 5px; border: 1px solid #0e4c94; color: #0e4c94 !important; font-weight: 200 !important; } .modules_partial .html_text_editor_1_module .tools i { font-weight: 300 !important; } .modules_partial .html_text_editor_1_module .box { display: inline-block; padding: 0 5px; } .modules_partial .html_text_editor_1_module .first { border-right: 2px solid #40576d33; } .modules_partial .html_text_editor_1_module .first input { background-color: #edf1f7 !important; font-weight: 200 !important; } .modules_partial .html_text_editor_1_module input[type=number] { outline: none; border: none; width: 50px; color: #131c35; font-size: 24px; padding: 10px 0px; margin-left: 10px; } .modules_partial .html_text_editor_1_module .second { border-right: 2px solid #40576d33; } .modules_partial .html_text_editor_1_module button { border: none; color: #131c35; font-size: 20px; font-weight: 300; background-color: transparent; padding: 10px 16px; border-radius: 3px; cursor: pointer; user-select: none; } .modules_partial .html_text_editor_1_module button:hover { background-color: #40576d1a; } .modules_partial .html_text_editor_1_module .active { background-color: #73b1e333; color: #5271ff; } .modules_partial .html_text_editor_1_module button.active { background-color: #73b1e333; color: #5271ff; } .modules_partial .html_text_editor_1_module .third { border-right: 2px solid #40576d33; } .modules_partial .html_text_editor_1_module .third button:focus { background-color: #73b1e333; color: #5271ff; } .modules_partial .html_text_editor_1_module input[type=color] { width: 35px; outline: none; border: none; background: none; } .modules_partial .html_text_editor_1_module textarea, .modules_partial .html_text_editor_1_module .text_area { background-color: #edf1f7; width: 100%; height: 400px; padding: 10px; border-radius: 3px; outline: none; border: 1px solid #0e4c94; resize: vertical; } .modules_partial .html_text_editor_2_module { background-color: #edf1f7; height: 100vh; width: 100%; display: flex; justify-content: center; align-items: center; } .modules_partial .html_text_editor_2_module * { margin: 0; padding: 0; box-sizing: border-box; } .modules_partial .html_text_editor_2_module .text_editor_container { background-color: #edf1f7; } .modules_partial .html_text_editor_2_module .active { border: 1px solid #192946; } .modules_partial .html_text_editor_2_module section { height: 500px; } .modules_partial .html_text_editor_2_module .tools { background-color: #edf1f7; width: 100%; border-radius: 4px; padding: 5px; border: 1px solid #0e4c94; color: #0e4c94 !important; font-weight: 200 !important; } .modules_partial .html_text_editor_2_module .tools i { font-weight: 300 !important; } .modules_partial .html_text_editor_2_module .box { display: inline-block; padding: 0 5px; } .modules_partial .html_text_editor_2_module .first { border-right: 2px solid #40576d33; } .modules_partial .html_text_editor_2_module .first input { background-color: #edf1f7 !important; font-weight: 200 !important; } .modules_partial .html_text_editor_2_module input[type=number] { outline: none; border: none; width: 50px; color: #131c35; font-size: 24px; padding: 10px 0px; margin-left: 10px; } .modules_partial .html_text_editor_2_module .second { border-right: 2px solid #40576d33; } .modules_partial .html_text_editor_2_module button { border: none; color: #131c35; font-size: 20px; font-weight: 300; background-color: transparent; padding: 10px 16px; border-radius: 3px; cursor: pointer; user-select: none; } .modules_partial .html_text_editor_2_module button:hover { background-color: #40576d1a; } .modules_partial .html_text_editor_2_module button.active { background-color: #73b1e333; color: #5271ff; } .modules_partial .html_text_editor_2_module .third { border-right: 2px solid #40576d33; } .modules_partial .html_text_editor_2_module .third button:focus { background-color: #73b1e333; color: #5271ff; } .modules_partial .html_text_editor_2_module input[type=color] { width: 35px; outline: none; border: none; background: none; } .modules_partial .html_text_editor_2_module textarea { background-color: #edf1f7; width: 100%; height: 400px; padding: 10px; border-radius: 3px; outline: none; border: 1px solid #0e4c94; resize: vertical; } .modules_partial .html_text_editor_3_module { background-color: #edf1f7; height: 100vh; width: 100%; display: flex; justify-content: center; align-items: center; } .modules_partial .html_text_editor_3_module * { margin: 0; padding: 0; box-sizing: border-box; } .modules_partial .html_text_editor_3_module .text_editor_container { background-color: #edf1f7; } .modules_partial .html_text_editor_3_module .active { border: 1px solid #192946; } .modules_partial .html_text_editor_3_module .editor { border: 1px solid #ccc; padding: 5px; margin-bottom: 10px; } .modules_partial .html_text_editor_3_module .toolbar { margin-bottom: 5px; } .modules_partial .html_text_editor_3_module .toolbar button { margin-right: 5px; } .modules_partial .html_text_editor_3_module .text { width: 100%; height: 200px; padding: 5px; } .modules_partial .html_text_editor_3_module section { height: 500px; } .modules_partial .html_text_editor_3_module .tools { background-color: #edf1f7; width: 100%; border-radius: 4px; padding: 5px; border: 1px solid #0e4c94; color: #0e4c94 !important; font-weight: 200 !important; } .modules_partial .html_text_editor_3_module .tools i { font-weight: 300 !important; } .modules_partial .html_text_editor_3_module .box { display: inline-block; padding: 0 5px; } .modules_partial .html_text_editor_3_module .first { border-right: 2px solid #40576d33; } .modules_partial .html_text_editor_3_module .first input { background-color: #edf1f7 !important; font-weight: 200 !important; } .modules_partial .html_text_editor_3_module input[type=number] { outline: none; border: none; width: 50px; color: #131c35; font-size: 24px; padding: 10px 0px; margin-left: 10px; } .modules_partial .html_text_editor_3_module .second { border-right: 2px solid #40576d33; } .modules_partial .html_text_editor_3_module button { border: none; color: #131c35; font-size: 20px; font-weight: 300; background-color: transparent; padding: 10px 16px; border-radius: 3px; cursor: pointer; user-select: none; } .modules_partial .html_text_editor_3_module button:hover { background-color: #40576d1a; } .modules_partial .html_text_editor_3_module button.active { background-color: #73b1e333; color: #5271ff; } .modules_partial .html_text_editor_3_module .third { border-right: 2px solid #40576d33; } .modules_partial .html_text_editor_3_module .third button:focus { background-color: #73b1e333; color: #5271ff; } .modules_partial .html_text_editor_3_module input[type=color] { width: 35px; outline: none; border: none; background: none; } .modules_partial .html_text_editor_3_module textarea { background-color: #edf1f7; width: 100%; height: 400px; padding: 10px; border-radius: 3px; outline: none; border: 1px solid #0e4c94; resize: vertical; } .modules_partial .html_text_editor_4_module { background-color: #edf1f7; height: 100vh; width: 100%; display: flex; justify-content: center; align-items: center; } .modules_partial .html_text_editor_4_module * { margin: 0; padding: 0; box-sizing: border-box; } .modules_partial .html_text_editor_4_module .text_editor_container { background-color: #edf1f7; } .modules_partial .html_text_editor_4_module .active { border: 1px solid #192946; } .modules_partial .html_text_editor_4_module .editor { border: 1px solid #ccc; padding: 5px; margin-bottom: 10px; } .modules_partial .html_text_editor_4_module .toolbar { margin-bottom: 5px; } .modules_partial .html_text_editor_4_module .toolbar button { margin-right: 5px; } .modules_partial .html_text_editor_4_module .text { width: 100%; height: 200px; padding: 5px; } .modules_partial .html_text_editor_4_module section { height: 500px; } .modules_partial .html_text_editor_4_module .tools { background-color: #edf1f7; width: 100%; border-radius: 4px; padding: 5px; border: 1px solid #0e4c94; color: #0e4c94 !important; font-weight: 200 !important; } .modules_partial .html_text_editor_4_module .tools i { font-weight: 300 !important; } .modules_partial .html_text_editor_4_module .box { display: inline-block; padding: 0 5px; } .modules_partial .html_text_editor_4_module .first { border-right: 2px solid #40576d33; } .modules_partial .html_text_editor_4_module .first input { background-color: #edf1f7 !important; font-weight: 200 !important; } .modules_partial .html_text_editor_4_module input[type=number] { outline: none; border: none; width: 50px; color: #131c35; font-size: 24px; padding: 10px 0px; margin-left: 10px; } .modules_partial .html_text_editor_4_module .second { border-right: 2px solid #40576d33; } .modules_partial .html_text_editor_4_module button { border: none; color: #131c35; font-size: 20px; font-weight: 300; background-color: transparent; padding: 10px 16px; border-radius: 3px; cursor: pointer; user-select: none; } .modules_partial .html_text_editor_4_module button:hover { background-color: #40576d1a; } .modules_partial .html_text_editor_4_module button.active { background-color: #73b1e333; color: #5271ff; } .modules_partial .html_text_editor_4_module .third { border-right: 2px solid #40576d33; } .modules_partial .html_text_editor_4_module .third button:focus { background-color: #73b1e333; color: #5271ff; } .modules_partial .html_text_editor_4_module input[type=color] { width: 35px; outline: none; border: none; background: none; } .modules_partial .html_text_editor_4_module textarea { background-color: #edf1f7; width: 100%; height: 400px; padding: 10px; border-radius: 3px; outline: none; border: 1px solid #0e4c94; resize: vertical; } @media (max-width: 991.98px) { div.cont_img { height: 390px; } } .nav_partial .nav_grow_top { height: 6rem; position: fixed; top: 0; right: 0; left: 0; background-color: var(--nav_bg_color_primary); background-image: none; z-index: 1039; } .nav_partial .nav_grow_top .cont_ghost_bg { height: 6rem; } .nav_partial .nav_grow_top .cont_ghost_bg.nav_ghost_bg { background: var(--nav_bg_color_top); background-size: 300% 300%; } .nav_partial .nav_grow_top .cont_ghost_bg.coll_ghost_bg { width: 100%; max-width: calc(var(--coll_ghost_width) - (100vw - 100%)); background: var(--nav_bg_color_right); background-size: 300% 300%; } .nav_partial .nav_grow_top .menu_navbar { z-index: 1; } .nav_partial .nav_grow_top .menu_navbar .landmark { font-size: 1rem; font-weight: 500; text-transform: uppercase; color: #ffffff; } @media screen and (min-width: 20em) { .nav_partial .nav_grow_top .menu_navbar .landmark { font-size: calc(1rem + 0.125 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_grow_top .menu_navbar .landmark { font-size: 1.125rem; } } .nav_partial .nav_grow_top .menu_navbar .landmark .menu_item:hover { color: #ffffff; background-color: #f28f52; } .nav_partial .nav_grow_top .menu_navbar .landmark .vbar { line-height: 1.7; } .nav_partial .nav_grow_top .menu_navbar .box_left { min-width: 42.5px; } .nav_partial .nav_grow_top .menu_navbar .box_left .navbar-toggler { transition: 0.4s ease-out; } .nav_partial .nav_grow_top .menu_navbar .box_left .navbar-toggler:hover { opacity: 0.8; } .nav_partial .nav_grow_top .menu_navbar .box_left .navbar-toggler:focus { box-shadow: none; } .nav_partial .nav_grow_top .menu_navbar .box_left .navbar-toggler.collapsed { transform: rotate(0deg); } .nav_partial .nav_grow_top .menu_navbar .box_left .navbar-toggler.collapsed:active { transform: rotate(45deg); } .nav_partial .nav_grow_top .menu_navbar .box_left .navbar-toggler:not(.collapsed) { transform: rotate(180deg); } .nav_partial .nav_grow_top .menu_navbar .box_left .navbar-toggler:not(.collapsed):active { transform: rotate(135deg); } .nav_partial .nav_grow_top .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(1) { transform: translate(25%, -75%) rotate(45deg); } .nav_partial .nav_grow_top .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0; } .nav_partial .nav_grow_top .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(3) { transform: translate(25%, -50%) rotate(-45deg); } .nav_partial .nav_grow_top .menu_navbar .box_left .navbar-toggler span { position: relative; left: 0; display: block; width: 17.5px; height: 3px; margin-top: 3px; margin-bottom: 3px; background-color: #ffffff; border-radius: 50rem; opacity: 1; transition: 0.25s ease-out; transform-origin: center left; } .nav_partial .nav_grow_top .menu_navbar .box_left .navbar-toggler span:nth-child(1) { margin-top: 0.3em; } .nav_partial .nav_grow_top .menu_navbar .box_left .navbar-toggler span:nth-child(1) { transform: translate(0%, 0%) rotate(0deg); } .nav_partial .nav_grow_top .menu_navbar .box_left .navbar-toggler span:nth-child(2) { opacity: 1; } .nav_partial .nav_grow_top .menu_navbar .box_left .navbar-toggler span:nth-child(3) { transform: translate(0%, 0%) rotate(0deg); } .nav_partial .nav_grow_top .menu_navbar .figure_logo { max-width: 165px; } .nav_partial .nav_grow_top .menu_navbar .figure_logo img { max-height: 48px; } .nav_partial .nav_grow_top .menu_navbar .nav-link:hover, .nav_partial .nav_grow_top .menu_navbar .nav-link:focus { color: #ffffff; } .nav_partial .nav_grow_top .menu_navbar .menu_link, .nav_partial .nav_grow_top .menu_navbar .menu_steps, .nav_partial .nav_grow_top .menu_navbar .login_modal { font-size: 0.8rem; font-weight: 400; } @media screen and (min-width: 20em) { .nav_partial .nav_grow_top .menu_navbar .menu_link, .nav_partial .nav_grow_top .menu_navbar .menu_steps, .nav_partial .nav_grow_top .menu_navbar .login_modal { font-size: calc(0.8rem + 0.2 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_grow_top .menu_navbar .menu_link, .nav_partial .nav_grow_top .menu_navbar .menu_steps, .nav_partial .nav_grow_top .menu_navbar .login_modal { font-size: 1rem; } } .nav_partial .nav_grow_top .menu_navbar .menu_link:hover, .nav_partial .nav_grow_top .menu_navbar .menu_link:focus, .nav_partial .nav_grow_top .menu_navbar .menu_steps:hover, .nav_partial .nav_grow_top .menu_navbar .menu_steps:focus, .nav_partial .nav_grow_top .menu_navbar .login_modal:hover, .nav_partial .nav_grow_top .menu_navbar .login_modal:focus { background-color: #192946; opacity: 1; } .nav_partial .nav_grow_top .menu_navbar .circle_1 { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; background-color: transparent; border: 2px solid #ffffff; border-radius: 50%; } .nav_partial .nav_grow_top .navbar-collapse { overflow: hidden auto; scrollbar-width: none; } .nav_partial .nav_grow_top .navbar-collapse.menu_collapse { position: fixed; right: 0; bottom: 0; left: 0; max-width: calc(100vw - (100vw - 100%)); max-height: calc(100% - 6rem); transition: height 0.35s ease; } .nav_partial .nav_grow_top .navbar-collapse.menu_collapse.collapsing { width: auto; height: 0; } .nav_partial .nav_grow_top .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 6rem); transition: padding-right 0.35s ease !important; } .nav_partial .nav_grow_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 6rem); } .nav_partial .nav_grow_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing { width: -webkit-fill-available; width: -moz-available; } .nav_partial .nav_grow_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link { width: -webkit-fill-available; width: -moz-available; max-width: unset; color: #ffffff; border-color: #ffffff !important; } .nav_partial .nav_grow_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link:hover, .nav_partial .nav_grow_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link:focus { color: #192946; background-color: #ffffff; border-color: #192946 !important; padding-left: 1rem; opacity: 1; } .nav_partial .nav_grow_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link.active_link { color: #192946; background-color: #ffffff; border-color: #192946 !important; padding-left: 1rem; opacity: 1; } .nav_partial .nav_grow_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link { color: unset; opacity: 1; } .nav_partial .nav_grow_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link:hover, .nav_partial .nav_grow_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link:focus { opacity: 0.8; } .nav_partial .nav_grow_top .navbar-collapse.menu_options { position: fixed; top: 6rem; right: 0; max-width: var(--coll_ghost_width); width: 100%; height: auto; transition: width 0.35s ease; } .nav_partial .nav_grow_top .navbar-collapse.menu_options.collapsing { width: 0; height: auto; } .nav_partial .nav_grow_top .navbar-collapse.menu_options .options_wrapper { min-width: var(--coll_ghost_width); } .nav_partial .nav_grow_top .navbar-collapse.menu_options .options_wrapper .btn_toggler.collapsed .icon_toggler { transform: rotate(180deg); } .nav_partial .nav_grow_top .navbar-collapse.menu_options .options_wrapper .btn_toggler:not(.collapsed) .icon_toggler { transform: rotate(0deg); } .nav_partial .nav_grow_top .navbar-collapse.menu_options .options_wrapper .btn_toggler .icon_toggler { transition: 0.35s ease-out; } .nav_partial .nav_grow_top .navbar-collapse.menu_options .options_wrapper .option_item { font-size: 0.8rem; font-weight: 400; color: #ffffff; padding: 0.3rem 1.7rem; } @media screen and (min-width: 20em) { .nav_partial .nav_grow_top .navbar-collapse.menu_options .options_wrapper .option_item { font-size: calc(0.8rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_grow_top .navbar-collapse.menu_options .options_wrapper .option_item { font-size: 0.8rem; } } .nav_partial .nav_grow_top .navbar-collapse.menu_options .options_wrapper .option_item:hover { background-color: #0e4c94; border: 2px solid #ffffff; } .nav_partial .nav_grow_top .navbar-collapse.menu_options .options_wrapper .option_unsaved { background-color: #0e4c94; border: 2px solid #ffffff; } .nav_partial .nav_grow_top .navbar-collapse.menu_options .options_wrapper .option_unsaved:hover { background-color: #f28f52; border: 2px solid #f28f52; } .nav_partial .nav_grow_top .navbar-collapse::-webkit-scrollbar { display: none; } /*///// ==================== @media ==================== */ /* @media (max-width) */ @media (max-width: 991.98px) { .nav_partial .nav_grow_top.nav_extra { height: 9rem; } .nav_partial .nav_grow_top.nav_extra .cont_ghost_bg { height: 9rem; } .nav_partial .nav_grow_top.nav_extra .navbar-collapse.menu_collapse { max-height: calc(100% - 9rem); } .nav_partial .nav_grow_top.nav_extra .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 9rem); } .nav_partial .nav_grow_top.nav_extra .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 9rem); } .nav_partial .nav_grow_top.nav_extra .navbar-collapse.menu_options { top: 9rem; } } @media (max-width: 767.98px) { .nav_partial .nav_grow_top { height: 5rem; } .nav_partial .nav_grow_top .cont_ghost_bg { height: 5rem; } .nav_partial .nav_grow_top .menu_navbar .figure_logo { max-width: 125px; } .nav_partial .nav_grow_top .menu_navbar .figure_logo img { max-height: 30px; } .nav_partial .nav_grow_top .menu_navbar .circle_1 { width: 30px; height: 30px; } .nav_partial .nav_grow_top .navbar-collapse.menu_collapse { max-height: calc(100% - 5rem); } .nav_partial .nav_grow_top .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 5rem); } .nav_partial .nav_grow_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 5rem); } .nav_partial .nav_grow_top .navbar-collapse.menu_options { top: 5rem; } } /* @media between */ /* @media (min-width) */ /* Mobile landscape */ @media (max-height: 400px) and (orientation: landscape) { .nav_partial .nav_grow_top { height: 4.5rem; } .nav_partial .nav_grow_top .cont_ghost_bg { height: 4.5rem; } .nav_partial .nav_grow_top .navbar-collapse.menu_collapse { max-height: calc(100% - 4.5rem); } .nav_partial .nav_grow_top .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 4.5rem); } .nav_partial .nav_grow_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 4.5rem); } .nav_partial .nav_grow_top .navbar-collapse.menu_options { top: 4.5rem; } } /* iPad Pro portrait */ .nav_partial .nav_grow_right { height: 6rem; position: fixed; top: 0; right: 0; left: 0; background-color: var(--nav_bg_color_primary); background-image: none; z-index: 1039; } .nav_partial .nav_grow_right .cont_ghost_bg { height: 6rem; } .nav_partial .nav_grow_right .cont_ghost_bg.nav_ghost_bg { background: var(--nav_bg_color_right); background-size: 300% 300%; } .nav_partial .nav_grow_right .cont_ghost_bg.coll_ghost_bg { width: 100%; max-width: calc(var(--coll_ghost_width) - (100vw - 100%)); background: var(--nav_bg_color_right); background-size: 300% 300%; } .nav_partial .nav_grow_right .menu_navbar { z-index: 1; } .nav_partial .nav_grow_right .menu_navbar .landmark { font-size: 1rem; font-weight: 500; text-transform: uppercase; color: #ffffff; } @media screen and (min-width: 20em) { .nav_partial .nav_grow_right .menu_navbar .landmark { font-size: calc(1rem + 0.125 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_grow_right .menu_navbar .landmark { font-size: 1.125rem; } } .nav_partial .nav_grow_right .menu_navbar .landmark .menu_item:hover { color: #ffffff; background-color: #f28f52; } .nav_partial .nav_grow_right .menu_navbar .landmark .vbar { line-height: 1.7; } .nav_partial .nav_grow_right .menu_navbar .box_left { min-width: 42.5px; } .nav_partial .nav_grow_right .menu_navbar .box_left .navbar-toggler { transition: 0.4s ease-out; } .nav_partial .nav_grow_right .menu_navbar .box_left .navbar-toggler:hover { opacity: 0.8; } .nav_partial .nav_grow_right .menu_navbar .box_left .navbar-toggler:focus { box-shadow: none; } .nav_partial .nav_grow_right .menu_navbar .box_left .navbar-toggler.collapsed { transform: rotate(0deg); } .nav_partial .nav_grow_right .menu_navbar .box_left .navbar-toggler.collapsed:active { transform: rotate(45deg); } .nav_partial .nav_grow_right .menu_navbar .box_left .navbar-toggler:not(.collapsed) { transform: rotate(180deg); } .nav_partial .nav_grow_right .menu_navbar .box_left .navbar-toggler:not(.collapsed):active { transform: rotate(135deg); } .nav_partial .nav_grow_right .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(1) { transform: translate(25%, -75%) rotate(45deg); } .nav_partial .nav_grow_right .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0; } .nav_partial .nav_grow_right .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(3) { transform: translate(25%, -50%) rotate(-45deg); } .nav_partial .nav_grow_right .menu_navbar .box_left .navbar-toggler span { position: relative; left: 0; display: block; width: 17.5px; height: 3px; margin-top: 3px; margin-bottom: 3px; background-color: #ffffff; border-radius: 50rem; opacity: 1; transition: 0.25s ease-out; transform-origin: center left; } .nav_partial .nav_grow_right .menu_navbar .box_left .navbar-toggler span:nth-child(1) { margin-top: 0.3em; } .nav_partial .nav_grow_right .menu_navbar .box_left .navbar-toggler span:nth-child(1) { transform: translate(0%, 0%) rotate(0deg); } .nav_partial .nav_grow_right .menu_navbar .box_left .navbar-toggler span:nth-child(2) { opacity: 1; } .nav_partial .nav_grow_right .menu_navbar .box_left .navbar-toggler span:nth-child(3) { transform: translate(0%, 0%) rotate(0deg); } .nav_partial .nav_grow_right .menu_navbar .figure_logo { max-width: 165px; } .nav_partial .nav_grow_right .menu_navbar .figure_logo img { max-height: 48px; } .nav_partial .nav_grow_right .menu_navbar .nav-link:hover, .nav_partial .nav_grow_right .menu_navbar .nav-link:focus { color: #ffffff; } .nav_partial .nav_grow_right .menu_navbar .menu_link, .nav_partial .nav_grow_right .menu_navbar .menu_steps, .nav_partial .nav_grow_right .menu_navbar .login_modal { font-size: 0.8rem; font-weight: 400; } @media screen and (min-width: 20em) { .nav_partial .nav_grow_right .menu_navbar .menu_link, .nav_partial .nav_grow_right .menu_navbar .menu_steps, .nav_partial .nav_grow_right .menu_navbar .login_modal { font-size: calc(0.8rem + 0.2 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_grow_right .menu_navbar .menu_link, .nav_partial .nav_grow_right .menu_navbar .menu_steps, .nav_partial .nav_grow_right .menu_navbar .login_modal { font-size: 1rem; } } .nav_partial .nav_grow_right .menu_navbar .menu_link:hover, .nav_partial .nav_grow_right .menu_navbar .menu_link:focus, .nav_partial .nav_grow_right .menu_navbar .menu_steps:hover, .nav_partial .nav_grow_right .menu_navbar .menu_steps:focus, .nav_partial .nav_grow_right .menu_navbar .login_modal:hover, .nav_partial .nav_grow_right .menu_navbar .login_modal:focus { background-color: #192946; opacity: 1; } .nav_partial .nav_grow_right .menu_navbar .circle_1 { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; background-color: transparent; border: 2px solid #ffffff; border-radius: 50%; } .nav_partial .nav_grow_right .navbar-collapse { overflow: hidden auto; scrollbar-width: none; } .nav_partial .nav_grow_right .navbar-collapse.menu_collapse { position: fixed; top: 6rem; bottom: 0; left: 0; max-width: calc(100vw - (100vw - 100%)); max-height: calc(100% - 6rem); transition: width 0.35s ease; } .nav_partial .nav_grow_right .navbar-collapse.menu_collapse.collapsing { width: 0; height: auto; } .nav_partial .nav_grow_right .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 6rem); transition: padding-right 0.35s ease !important; } .nav_partial .nav_grow_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 6rem); } .nav_partial .nav_grow_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing { width: -webkit-fill-available; width: -moz-available; } .nav_partial .nav_grow_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link { width: -webkit-fill-available; width: -moz-available; max-width: unset; color: #ffffff; border-color: #ffffff !important; } .nav_partial .nav_grow_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link:hover, .nav_partial .nav_grow_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link:focus { color: #192946; background-color: #ffffff; border-color: #192946 !important; padding-left: 1rem; opacity: 1; } .nav_partial .nav_grow_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link.active_link { color: #192946; background-color: #ffffff; border-color: #192946 !important; padding-left: 1rem; opacity: 1; } .nav_partial .nav_grow_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link { color: unset; opacity: 1; } .nav_partial .nav_grow_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link:hover, .nav_partial .nav_grow_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link:focus { opacity: 0.8; } .nav_partial .nav_grow_right .navbar-collapse.menu_options { position: fixed; top: 6rem; right: 0; max-width: var(--coll_ghost_width); width: 100%; height: auto; transition: width 0.35s ease; } .nav_partial .nav_grow_right .navbar-collapse.menu_options.collapsing { width: 0; height: auto; } .nav_partial .nav_grow_right .navbar-collapse.menu_options .options_wrapper { min-width: var(--coll_ghost_width); } .nav_partial .nav_grow_right .navbar-collapse.menu_options .options_wrapper .btn_toggler.collapsed .icon_toggler { transform: rotate(180deg); } .nav_partial .nav_grow_right .navbar-collapse.menu_options .options_wrapper .btn_toggler:not(.collapsed) .icon_toggler { transform: rotate(0deg); } .nav_partial .nav_grow_right .navbar-collapse.menu_options .options_wrapper .btn_toggler .icon_toggler { transition: 0.35s ease-out; } .nav_partial .nav_grow_right .navbar-collapse.menu_options .options_wrapper .option_item { font-size: 0.8rem; font-weight: 400; color: #ffffff; padding: 0.3rem 1.7rem; } @media screen and (min-width: 20em) { .nav_partial .nav_grow_right .navbar-collapse.menu_options .options_wrapper .option_item { font-size: calc(0.8rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_grow_right .navbar-collapse.menu_options .options_wrapper .option_item { font-size: 0.8rem; } } .nav_partial .nav_grow_right .navbar-collapse.menu_options .options_wrapper .option_item:hover { background-color: #0e4c94; border: 2px solid #ffffff; } .nav_partial .nav_grow_right .navbar-collapse.menu_options .options_wrapper .option_unsaved { background-color: #0e4c94; border: 2px solid #ffffff; } .nav_partial .nav_grow_right .navbar-collapse.menu_options .options_wrapper .option_unsaved:hover { background-color: #f28f52; border: 2px solid #f28f52; } .nav_partial .nav_grow_right .navbar-collapse::-webkit-scrollbar { display: none; } /*///// ==================== @media ==================== */ /* @media (max-width) */ @media (max-width: 991.98px) { .nav_partial .nav_grow_right.nav_extra { height: 9rem; } .nav_partial .nav_grow_right.nav_extra .cont_ghost_bg { height: 9rem; } .nav_partial .nav_grow_right.nav_extra .navbar-collapse.menu_collapse { top: 9rem; max-height: calc(100% - 9rem); } .nav_partial .nav_grow_right.nav_extra .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 9rem); } .nav_partial .nav_grow_right.nav_extra .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 9rem); } .nav_partial .nav_grow_right.nav_extra .navbar-collapse.menu_options { top: 9rem; } } @media (max-width: 767.98px) { .nav_partial .nav_grow_right { height: 5rem; } .nav_partial .nav_grow_right .cont_ghost_bg { height: 5rem; } .nav_partial .nav_grow_right .menu_navbar .figure_logo { max-width: 125px; } .nav_partial .nav_grow_right .menu_navbar .figure_logo img { max-height: 30px; } .nav_partial .nav_grow_right .menu_navbar .circle_1 { width: 30px; height: 30px; } .nav_partial .nav_grow_right .navbar-collapse.menu_collapse { top: 5rem; max-height: calc(100% - 5rem); } .nav_partial .nav_grow_right .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 5rem); } .nav_partial .nav_grow_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 5rem); } .nav_partial .nav_grow_right .navbar-collapse.menu_options { top: 5rem; } } /* @media between */ /* @media (min-width) */ /* Mobile landscape */ @media (max-height: 400px) and (orientation: landscape) { .nav_partial .nav_grow_right { height: 4.5rem; } .nav_partial .nav_grow_right .cont_ghost_bg { height: 4.5rem; } .nav_partial .nav_grow_right .navbar-collapse.menu_collapse { top: 4.5rem; max-height: calc(100% - 4.5rem); } .nav_partial .nav_grow_right .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 4.5rem); } .nav_partial .nav_grow_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 4.5rem); } .nav_partial .nav_grow_right .navbar-collapse.menu_options { top: 4.5rem; } } /* iPad Pro portrait */ .nav_partial .nav_grow_bottom { height: 6rem; position: fixed; top: 0; right: 0; left: 0; background-color: var(--nav_bg_color_primary); background-image: none; z-index: 1039; } .nav_partial .nav_grow_bottom .cont_ghost_bg { height: 6rem; } .nav_partial .nav_grow_bottom .cont_ghost_bg.nav_ghost_bg { background: var(--nav_bg_color_bottom); background-size: 300% 300%; } .nav_partial .nav_grow_bottom .cont_ghost_bg.coll_ghost_bg { width: 100%; max-width: calc(var(--coll_ghost_width) - (100vw - 100%)); background: var(--nav_bg_color_right); background-size: 300% 300%; } .nav_partial .nav_grow_bottom .menu_navbar { z-index: 1; } .nav_partial .nav_grow_bottom .menu_navbar .landmark { font-size: 1rem; font-weight: 500; text-transform: uppercase; color: #ffffff; } @media screen and (min-width: 20em) { .nav_partial .nav_grow_bottom .menu_navbar .landmark { font-size: calc(1rem + 0.125 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_grow_bottom .menu_navbar .landmark { font-size: 1.125rem; } } .nav_partial .nav_grow_bottom .menu_navbar .landmark .menu_item:hover { color: #ffffff; background-color: #f28f52; } .nav_partial .nav_grow_bottom .menu_navbar .landmark .vbar { line-height: 1.7; } .nav_partial .nav_grow_bottom .menu_navbar .box_left { min-width: 42.5px; } .nav_partial .nav_grow_bottom .menu_navbar .box_left .navbar-toggler { transition: 0.4s ease-out; } .nav_partial .nav_grow_bottom .menu_navbar .box_left .navbar-toggler:hover { opacity: 0.8; } .nav_partial .nav_grow_bottom .menu_navbar .box_left .navbar-toggler:focus { box-shadow: none; } .nav_partial .nav_grow_bottom .menu_navbar .box_left .navbar-toggler.collapsed { transform: rotate(0deg); } .nav_partial .nav_grow_bottom .menu_navbar .box_left .navbar-toggler.collapsed:active { transform: rotate(45deg); } .nav_partial .nav_grow_bottom .menu_navbar .box_left .navbar-toggler:not(.collapsed) { transform: rotate(180deg); } .nav_partial .nav_grow_bottom .menu_navbar .box_left .navbar-toggler:not(.collapsed):active { transform: rotate(135deg); } .nav_partial .nav_grow_bottom .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(1) { transform: translate(25%, -75%) rotate(45deg); } .nav_partial .nav_grow_bottom .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0; } .nav_partial .nav_grow_bottom .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(3) { transform: translate(25%, -50%) rotate(-45deg); } .nav_partial .nav_grow_bottom .menu_navbar .box_left .navbar-toggler span { position: relative; left: 0; display: block; width: 17.5px; height: 3px; margin-top: 3px; margin-bottom: 3px; background-color: #ffffff; border-radius: 50rem; opacity: 1; transition: 0.25s ease-out; transform-origin: center left; } .nav_partial .nav_grow_bottom .menu_navbar .box_left .navbar-toggler span:nth-child(1) { margin-top: 0.3em; } .nav_partial .nav_grow_bottom .menu_navbar .box_left .navbar-toggler span:nth-child(1) { transform: translate(0%, 0%) rotate(0deg); } .nav_partial .nav_grow_bottom .menu_navbar .box_left .navbar-toggler span:nth-child(2) { opacity: 1; } .nav_partial .nav_grow_bottom .menu_navbar .box_left .navbar-toggler span:nth-child(3) { transform: translate(0%, 0%) rotate(0deg); } .nav_partial .nav_grow_bottom .menu_navbar .figure_logo { max-width: 165px; } .nav_partial .nav_grow_bottom .menu_navbar .figure_logo img { max-height: 48px; } .nav_partial .nav_grow_bottom .menu_navbar .nav-link:hover, .nav_partial .nav_grow_bottom .menu_navbar .nav-link:focus { color: #ffffff; } .nav_partial .nav_grow_bottom .menu_navbar .menu_link, .nav_partial .nav_grow_bottom .menu_navbar .menu_steps, .nav_partial .nav_grow_bottom .menu_navbar .login_modal { font-size: 0.8rem; font-weight: 400; } @media screen and (min-width: 20em) { .nav_partial .nav_grow_bottom .menu_navbar .menu_link, .nav_partial .nav_grow_bottom .menu_navbar .menu_steps, .nav_partial .nav_grow_bottom .menu_navbar .login_modal { font-size: calc(0.8rem + 0.2 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_grow_bottom .menu_navbar .menu_link, .nav_partial .nav_grow_bottom .menu_navbar .menu_steps, .nav_partial .nav_grow_bottom .menu_navbar .login_modal { font-size: 1rem; } } .nav_partial .nav_grow_bottom .menu_navbar .menu_link:hover, .nav_partial .nav_grow_bottom .menu_navbar .menu_link:focus, .nav_partial .nav_grow_bottom .menu_navbar .menu_steps:hover, .nav_partial .nav_grow_bottom .menu_navbar .menu_steps:focus, .nav_partial .nav_grow_bottom .menu_navbar .login_modal:hover, .nav_partial .nav_grow_bottom .menu_navbar .login_modal:focus { background-color: #192946; opacity: 1; } .nav_partial .nav_grow_bottom .menu_navbar .circle_1 { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; background-color: transparent; border: 2px solid #ffffff; border-radius: 50%; } .nav_partial .nav_grow_bottom .navbar-collapse { overflow: hidden auto; scrollbar-width: none; } .nav_partial .nav_grow_bottom .navbar-collapse.menu_collapse { position: fixed; top: 6rem; right: 0; bottom: 0; left: 0; max-width: calc(100vw - (100vw - 100%)); max-height: calc(100% - 6rem); transition: height 0.35s ease; } .nav_partial .nav_grow_bottom .navbar-collapse.menu_collapse.collapsing { width: auto; height: 0; } .nav_partial .nav_grow_bottom .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 6rem); transition: padding-right 0.35s ease !important; } .nav_partial .nav_grow_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 6rem); } .nav_partial .nav_grow_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing { width: -webkit-fill-available; width: -moz-available; } .nav_partial .nav_grow_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link { width: -webkit-fill-available; width: -moz-available; max-width: unset; color: #ffffff; border-color: #ffffff !important; } .nav_partial .nav_grow_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link:hover, .nav_partial .nav_grow_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link:focus { color: #192946; background-color: #ffffff; border-color: #192946 !important; padding-left: 1rem; opacity: 1; } .nav_partial .nav_grow_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link.active_link { color: #192946; background-color: #ffffff; border-color: #192946 !important; padding-left: 1rem; opacity: 1; } .nav_partial .nav_grow_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link { color: unset; opacity: 1; } .nav_partial .nav_grow_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link:hover, .nav_partial .nav_grow_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link:focus { opacity: 0.8; } .nav_partial .nav_grow_bottom .navbar-collapse.menu_options { position: fixed; top: 6rem; right: 0; max-width: var(--coll_ghost_width); width: 100%; height: auto; transition: width 0.35s ease; } .nav_partial .nav_grow_bottom .navbar-collapse.menu_options.collapsing { width: 0; height: auto; } .nav_partial .nav_grow_bottom .navbar-collapse.menu_options .options_wrapper { min-width: var(--coll_ghost_width); } .nav_partial .nav_grow_bottom .navbar-collapse.menu_options .options_wrapper .btn_toggler.collapsed .icon_toggler { transform: rotate(180deg); } .nav_partial .nav_grow_bottom .navbar-collapse.menu_options .options_wrapper .btn_toggler:not(.collapsed) .icon_toggler { transform: rotate(0deg); } .nav_partial .nav_grow_bottom .navbar-collapse.menu_options .options_wrapper .btn_toggler .icon_toggler { transition: 0.35s ease-out; } .nav_partial .nav_grow_bottom .navbar-collapse.menu_options .options_wrapper .option_item { font-size: 0.8rem; font-weight: 400; color: #ffffff; padding: 0.3rem 1.7rem; } @media screen and (min-width: 20em) { .nav_partial .nav_grow_bottom .navbar-collapse.menu_options .options_wrapper .option_item { font-size: calc(0.8rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_grow_bottom .navbar-collapse.menu_options .options_wrapper .option_item { font-size: 0.8rem; } } .nav_partial .nav_grow_bottom .navbar-collapse.menu_options .options_wrapper .option_item:hover { background-color: #0e4c94; border: 2px solid #ffffff; } .nav_partial .nav_grow_bottom .navbar-collapse.menu_options .options_wrapper .option_unsaved { background-color: #0e4c94; border: 2px solid #ffffff; } .nav_partial .nav_grow_bottom .navbar-collapse.menu_options .options_wrapper .option_unsaved:hover { background-color: #f28f52; border: 2px solid #f28f52; } .nav_partial .nav_grow_bottom .navbar-collapse::-webkit-scrollbar { display: none; } /*///// ==================== @media ==================== */ /* @media (max-width) */ @media (max-width: 991.98px) { .nav_partial .nav_grow_bottom.nav_extra { height: 9rem; } .nav_partial .nav_grow_bottom.nav_extra .cont_ghost_bg { height: 9rem; } .nav_partial .nav_grow_bottom.nav_extra .navbar-collapse.menu_collapse { top: 9rem; max-height: calc(100% - 9rem); } .nav_partial .nav_grow_bottom.nav_extra .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 9rem); } .nav_partial .nav_grow_bottom.nav_extra .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 9rem); } .nav_partial .nav_grow_bottom.nav_extra .navbar-collapse.menu_options { top: 9rem; } } @media (max-width: 767.98px) { .nav_partial .nav_grow_bottom { height: 5rem; } .nav_partial .nav_grow_bottom .cont_ghost_bg { height: 5rem; } .nav_partial .nav_grow_bottom .menu_navbar .figure_logo { max-width: 125px; } .nav_partial .nav_grow_bottom .menu_navbar .figure_logo img { max-height: 30px; } .nav_partial .nav_grow_bottom .menu_navbar .circle_1 { width: 30px; height: 30px; } .nav_partial .nav_grow_bottom .navbar-collapse.menu_collapse { top: 5rem; max-height: calc(100% - 5rem); } .nav_partial .nav_grow_bottom .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 5rem); } .nav_partial .nav_grow_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 5rem); } .nav_partial .nav_grow_bottom .navbar-collapse.menu_options { top: 5rem; } } /* @media between */ /* @media (min-width) */ /* Mobile landscape */ @media (max-height: 400px) and (orientation: landscape) { .nav_partial .nav_grow_bottom { height: 4.5rem; } .nav_partial .nav_grow_bottom .cont_ghost_bg { height: 4.5rem; } .nav_partial .nav_grow_bottom .navbar-collapse.menu_collapse { top: 4.5rem; max-height: calc(100% - 4.5rem); } .nav_partial .nav_grow_bottom .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 4.5rem); } .nav_partial .nav_grow_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 4.5rem); } .nav_partial .nav_grow_bottom .navbar-collapse.menu_options { top: 4.5rem; } } /* iPad Pro portrait */ .nav_partial .nav_grow_left { height: 6rem; position: fixed; top: 0; right: 0; left: 0; background-color: var(--nav_bg_color_primary); background-image: none; z-index: 1039; } .nav_partial .nav_grow_left .cont_ghost_bg { height: 6rem; } .nav_partial .nav_grow_left .cont_ghost_bg.nav_ghost_bg { background: var(--nav_bg_color_left); background-size: 300% 300%; } .nav_partial .nav_grow_left .cont_ghost_bg.coll_ghost_bg { width: 100%; max-width: calc(var(--coll_ghost_width) - (100vw - 100%)); background: var(--nav_bg_color_right); background-size: 300% 300%; } .nav_partial .nav_grow_left .menu_navbar { z-index: 1; } .nav_partial .nav_grow_left .menu_navbar .landmark { font-size: 1rem; font-weight: 500; text-transform: uppercase; color: #ffffff; } @media screen and (min-width: 20em) { .nav_partial .nav_grow_left .menu_navbar .landmark { font-size: calc(1rem + 0.125 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_grow_left .menu_navbar .landmark { font-size: 1.125rem; } } .nav_partial .nav_grow_left .menu_navbar .landmark .menu_item:hover { color: #ffffff; background-color: #f28f52; } .nav_partial .nav_grow_left .menu_navbar .landmark .vbar { line-height: 1.7; } .nav_partial .nav_grow_left .menu_navbar .box_left { min-width: 42.5px; } .nav_partial .nav_grow_left .menu_navbar .box_left .navbar-toggler { transition: 0.4s ease-out; } .nav_partial .nav_grow_left .menu_navbar .box_left .navbar-toggler:hover { opacity: 0.8; } .nav_partial .nav_grow_left .menu_navbar .box_left .navbar-toggler:focus { box-shadow: none; } .nav_partial .nav_grow_left .menu_navbar .box_left .navbar-toggler.collapsed { transform: rotate(0deg); } .nav_partial .nav_grow_left .menu_navbar .box_left .navbar-toggler.collapsed:active { transform: rotate(45deg); } .nav_partial .nav_grow_left .menu_navbar .box_left .navbar-toggler:not(.collapsed) { transform: rotate(180deg); } .nav_partial .nav_grow_left .menu_navbar .box_left .navbar-toggler:not(.collapsed):active { transform: rotate(135deg); } .nav_partial .nav_grow_left .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(1) { transform: translate(25%, -75%) rotate(45deg); } .nav_partial .nav_grow_left .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0; } .nav_partial .nav_grow_left .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(3) { transform: translate(25%, -50%) rotate(-45deg); } .nav_partial .nav_grow_left .menu_navbar .box_left .navbar-toggler span { position: relative; left: 0; display: block; width: 17.5px; height: 3px; margin-top: 3px; margin-bottom: 3px; background-color: #ffffff; border-radius: 50rem; opacity: 1; transition: 0.25s ease-out; transform-origin: center left; } .nav_partial .nav_grow_left .menu_navbar .box_left .navbar-toggler span:nth-child(1) { margin-top: 0.3em; } .nav_partial .nav_grow_left .menu_navbar .box_left .navbar-toggler span:nth-child(1) { transform: translate(0%, 0%) rotate(0deg); } .nav_partial .nav_grow_left .menu_navbar .box_left .navbar-toggler span:nth-child(2) { opacity: 1; } .nav_partial .nav_grow_left .menu_navbar .box_left .navbar-toggler span:nth-child(3) { transform: translate(0%, 0%) rotate(0deg); } .nav_partial .nav_grow_left .menu_navbar .figure_logo { max-width: 165px; } .nav_partial .nav_grow_left .menu_navbar .figure_logo img { max-height: 48px; } .nav_partial .nav_grow_left .menu_navbar .nav-link:hover, .nav_partial .nav_grow_left .menu_navbar .nav-link:focus { color: #ffffff; } .nav_partial .nav_grow_left .menu_navbar .menu_link, .nav_partial .nav_grow_left .menu_navbar .menu_steps, .nav_partial .nav_grow_left .menu_navbar .login_modal { font-size: 0.8rem; font-weight: 400; } @media screen and (min-width: 20em) { .nav_partial .nav_grow_left .menu_navbar .menu_link, .nav_partial .nav_grow_left .menu_navbar .menu_steps, .nav_partial .nav_grow_left .menu_navbar .login_modal { font-size: calc(0.8rem + 0.2 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_grow_left .menu_navbar .menu_link, .nav_partial .nav_grow_left .menu_navbar .menu_steps, .nav_partial .nav_grow_left .menu_navbar .login_modal { font-size: 1rem; } } .nav_partial .nav_grow_left .menu_navbar .menu_link:hover, .nav_partial .nav_grow_left .menu_navbar .menu_link:focus, .nav_partial .nav_grow_left .menu_navbar .menu_steps:hover, .nav_partial .nav_grow_left .menu_navbar .menu_steps:focus, .nav_partial .nav_grow_left .menu_navbar .login_modal:hover, .nav_partial .nav_grow_left .menu_navbar .login_modal:focus { background-color: #192946; opacity: 1; } .nav_partial .nav_grow_left .menu_navbar .circle_1 { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; background-color: transparent; border: 2px solid #ffffff; border-radius: 50%; } .nav_partial .nav_grow_left .navbar-collapse { overflow: hidden auto; scrollbar-width: none; } .nav_partial .nav_grow_left .navbar-collapse.menu_collapse { position: fixed; top: 6rem; bottom: 0; right: 0; max-width: calc(100vw - (100vw - 100%)); max-height: calc(100% - 6rem); transition: width 0.35s ease; } .nav_partial .nav_grow_left .navbar-collapse.menu_collapse.collapsing { width: 0; height: auto; } .nav_partial .nav_grow_left .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 6rem); transition: padding-right 0.35s ease !important; } .nav_partial .nav_grow_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 6rem); } .nav_partial .nav_grow_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing { width: -webkit-fill-available; width: -moz-available; } .nav_partial .nav_grow_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link { width: -webkit-fill-available; width: -moz-available; max-width: unset; color: #ffffff; border-color: #ffffff !important; } .nav_partial .nav_grow_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link:hover, .nav_partial .nav_grow_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link:focus { color: #192946; background-color: #ffffff; border-color: #192946 !important; padding-left: 1rem; opacity: 1; } .nav_partial .nav_grow_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link.active_link { color: #192946; background-color: #ffffff; border-color: #192946 !important; padding-left: 1rem; opacity: 1; } .nav_partial .nav_grow_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link { color: unset; opacity: 1; } .nav_partial .nav_grow_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link:hover, .nav_partial .nav_grow_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link:focus { opacity: 0.8; } .nav_partial .nav_grow_left .navbar-collapse.menu_options { position: fixed; top: 6rem; right: 0; max-width: var(--coll_ghost_width); width: 100%; height: auto; transition: width 0.35s ease; } .nav_partial .nav_grow_left .navbar-collapse.menu_options.collapsing { width: 0; height: auto; } .nav_partial .nav_grow_left .navbar-collapse.menu_options .options_wrapper { min-width: var(--coll_ghost_width); } .nav_partial .nav_grow_left .navbar-collapse.menu_options .options_wrapper .btn_toggler.collapsed .icon_toggler { transform: rotate(180deg); } .nav_partial .nav_grow_left .navbar-collapse.menu_options .options_wrapper .btn_toggler:not(.collapsed) .icon_toggler { transform: rotate(0deg); } .nav_partial .nav_grow_left .navbar-collapse.menu_options .options_wrapper .btn_toggler .icon_toggler { transition: 0.35s ease-out; } .nav_partial .nav_grow_left .navbar-collapse.menu_options .options_wrapper .option_item { font-size: 0.8rem; font-weight: 400; color: #ffffff; padding: 0.3rem 1.7rem; } @media screen and (min-width: 20em) { .nav_partial .nav_grow_left .navbar-collapse.menu_options .options_wrapper .option_item { font-size: calc(0.8rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_grow_left .navbar-collapse.menu_options .options_wrapper .option_item { font-size: 0.8rem; } } .nav_partial .nav_grow_left .navbar-collapse.menu_options .options_wrapper .option_item:hover { background-color: #0e4c94; border: 2px solid #ffffff; } .nav_partial .nav_grow_left .navbar-collapse.menu_options .options_wrapper .option_unsaved { background-color: #0e4c94; border: 2px solid #ffffff; } .nav_partial .nav_grow_left .navbar-collapse.menu_options .options_wrapper .option_unsaved:hover { background-color: #f28f52; border: 2px solid #f28f52; } .nav_partial .nav_grow_left .navbar-collapse::-webkit-scrollbar { display: none; } /*///// ==================== @media ==================== */ /* @media (max-width) */ @media (max-width: 991.98px) { .nav_partial .nav_grow_left.nav_extra { height: 9rem; } .nav_partial .nav_grow_left.nav_extra .cont_ghost_bg { height: 9rem; } .nav_partial .nav_grow_left.nav_extra .navbar-collapse.menu_collapse { top: 9rem; max-height: calc(100% - 9rem); } .nav_partial .nav_grow_left.nav_extra .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 9rem); } .nav_partial .nav_grow_left.nav_extra .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 9rem); } .nav_partial .nav_grow_left.nav_extra .navbar-collapse.menu_options { top: 9rem; } } @media (max-width: 767.98px) { .nav_partial .nav_grow_left { height: 5rem; } .nav_partial .nav_grow_left .cont_ghost_bg { height: 5rem; } .nav_partial .nav_grow_left .menu_navbar .figure_logo { max-width: 125px; } .nav_partial .nav_grow_left .menu_navbar .figure_logo img { max-height: 30px; } .nav_partial .nav_grow_left .menu_navbar .circle_1 { width: 30px; height: 30px; } .nav_partial .nav_grow_left .navbar-collapse.menu_collapse { top: 5rem; max-height: calc(100% - 5rem); } .nav_partial .nav_grow_left .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 5rem); } .nav_partial .nav_grow_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 5rem); } .nav_partial .nav_grow_left .navbar-collapse.menu_options { top: 5rem; } } /* @media between */ /* @media (min-width) */ /* Mobile landscape */ @media (max-height: 400px) and (orientation: landscape) { .nav_partial .nav_grow_left { height: 4.5rem; } .nav_partial .nav_grow_left .cont_ghost_bg { height: 4.5rem; } .nav_partial .nav_grow_left .navbar-collapse.menu_collapse { top: 4.5rem; max-height: calc(100% - 4.5rem); } .nav_partial .nav_grow_left .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 4.5rem); } .nav_partial .nav_grow_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 4.5rem); } .nav_partial .nav_grow_left .navbar-collapse.menu_options { top: 4.5rem; } } /* iPad Pro portrait */ .nav_partial .nav_slide_top { height: 6rem; position: fixed; top: 0; right: 0; left: 0; background-color: var(--nav_bg_color_primary); background-image: none; z-index: 1039; } .nav_partial .nav_slide_top .cont_ghost_bg { height: 6rem; } .nav_partial .nav_slide_top .cont_ghost_bg.nav_ghost_bg { background: var(--nav_bg_color_top); background-size: 300% 300%; } .nav_partial .nav_slide_top .cont_ghost_bg.coll_ghost_bg { width: 100%; max-width: calc(var(--coll_ghost_width) - (100vw - 100%)); background: var(--nav_bg_color_right); background-size: 300% 300%; } .nav_partial .nav_slide_top .menu_navbar { z-index: 1; } .nav_partial .nav_slide_top .menu_navbar .landmark { font-size: 1rem; font-weight: 500; text-transform: uppercase; color: #ffffff; } @media screen and (min-width: 20em) { .nav_partial .nav_slide_top .menu_navbar .landmark { font-size: calc(1rem + 0.125 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_slide_top .menu_navbar .landmark { font-size: 1.125rem; } } .nav_partial .nav_slide_top .menu_navbar .landmark .menu_item:hover { color: #ffffff; background-color: #f28f52; } .nav_partial .nav_slide_top .menu_navbar .landmark .vbar { line-height: 1.7; } .nav_partial .nav_slide_top .menu_navbar .box_left { min-width: 42.5px; } .nav_partial .nav_slide_top .menu_navbar .box_left .navbar-toggler { transition: 0.4s ease-out; } .nav_partial .nav_slide_top .menu_navbar .box_left .navbar-toggler:hover { opacity: 0.8; } .nav_partial .nav_slide_top .menu_navbar .box_left .navbar-toggler:focus { box-shadow: none; } .nav_partial .nav_slide_top .menu_navbar .box_left .navbar-toggler.collapsed { transform: rotate(0deg); } .nav_partial .nav_slide_top .menu_navbar .box_left .navbar-toggler.collapsed:active { transform: rotate(45deg); } .nav_partial .nav_slide_top .menu_navbar .box_left .navbar-toggler:not(.collapsed) { transform: rotate(180deg); } .nav_partial .nav_slide_top .menu_navbar .box_left .navbar-toggler:not(.collapsed):active { transform: rotate(135deg); } .nav_partial .nav_slide_top .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(1) { transform: translate(25%, -75%) rotate(45deg); } .nav_partial .nav_slide_top .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0; } .nav_partial .nav_slide_top .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(3) { transform: translate(25%, -50%) rotate(-45deg); } .nav_partial .nav_slide_top .menu_navbar .box_left .navbar-toggler span { position: relative; left: 0; display: block; width: 17.5px; height: 3px; margin-top: 3px; margin-bottom: 3px; background-color: #ffffff; border-radius: 50rem; opacity: 1; transition: 0.25s ease-out; transform-origin: center left; } .nav_partial .nav_slide_top .menu_navbar .box_left .navbar-toggler span:nth-child(1) { margin-top: 0.3em; } .nav_partial .nav_slide_top .menu_navbar .box_left .navbar-toggler span:nth-child(1) { transform: translate(0%, 0%) rotate(0deg); } .nav_partial .nav_slide_top .menu_navbar .box_left .navbar-toggler span:nth-child(2) { opacity: 1; } .nav_partial .nav_slide_top .menu_navbar .box_left .navbar-toggler span:nth-child(3) { transform: translate(0%, 0%) rotate(0deg); } .nav_partial .nav_slide_top .menu_navbar .figure_logo { max-width: 165px; } .nav_partial .nav_slide_top .menu_navbar .figure_logo img { max-height: 48px; } .nav_partial .nav_slide_top .menu_navbar .nav-link:hover, .nav_partial .nav_slide_top .menu_navbar .nav-link:focus { color: #ffffff; } .nav_partial .nav_slide_top .menu_navbar .menu_link, .nav_partial .nav_slide_top .menu_navbar .menu_steps, .nav_partial .nav_slide_top .menu_navbar .login_modal { font-size: 0.8rem; font-weight: 400; } @media screen and (min-width: 20em) { .nav_partial .nav_slide_top .menu_navbar .menu_link, .nav_partial .nav_slide_top .menu_navbar .menu_steps, .nav_partial .nav_slide_top .menu_navbar .login_modal { font-size: calc(0.8rem + 0.2 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_slide_top .menu_navbar .menu_link, .nav_partial .nav_slide_top .menu_navbar .menu_steps, .nav_partial .nav_slide_top .menu_navbar .login_modal { font-size: 1rem; } } .nav_partial .nav_slide_top .menu_navbar .menu_link:hover, .nav_partial .nav_slide_top .menu_navbar .menu_link:focus, .nav_partial .nav_slide_top .menu_navbar .menu_steps:hover, .nav_partial .nav_slide_top .menu_navbar .menu_steps:focus, .nav_partial .nav_slide_top .menu_navbar .login_modal:hover, .nav_partial .nav_slide_top .menu_navbar .login_modal:focus { background-color: #192946; opacity: 1; } .nav_partial .nav_slide_top .menu_navbar .circle_1 { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; background-color: transparent; border: 2px solid #ffffff; border-radius: 50%; } .nav_partial .nav_slide_top .navbar-collapse { overflow: hidden auto; scrollbar-width: none; } .nav_partial .nav_slide_top .navbar-collapse.menu_collapse { position: fixed; right: 0; bottom: 0; left: 0; width: calc(100vw - (100vw - 100%)); height: calc(100% - 6rem); transition: transform 0.35s ease; } .nav_partial .nav_slide_top .navbar-collapse.menu_collapse.collapsing { transform: translateY(100%); transition: transform 0.35s ease; } .nav_partial .nav_slide_top .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 6rem); transition: padding-right 0.35s ease !important; } .nav_partial .nav_slide_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 6rem); } .nav_partial .nav_slide_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing { width: -webkit-fill-available; width: -moz-available; } .nav_partial .nav_slide_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link { width: -webkit-fill-available; width: -moz-available; max-width: unset; color: #ffffff; border-color: #ffffff !important; } .nav_partial .nav_slide_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link:hover, .nav_partial .nav_slide_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link:focus { color: #192946; background-color: #ffffff; border-color: #192946 !important; padding-left: 1rem; opacity: 1; } .nav_partial .nav_slide_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link.active_link { color: #192946; background-color: #ffffff; border-color: #192946 !important; padding-left: 1rem; opacity: 1; } .nav_partial .nav_slide_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link { color: unset; opacity: 1; } .nav_partial .nav_slide_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link:hover, .nav_partial .nav_slide_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link:focus { opacity: 0.8; } .nav_partial .nav_slide_top .navbar-collapse.menu_options { position: fixed; top: 6rem; right: 0; max-width: var(--coll_ghost_width); width: 100%; height: auto; transition: transform 0.35s ease; } .nav_partial .nav_slide_top .navbar-collapse.menu_options.collapsing { transform: translateX(100%); transition: transform 0.35s ease; } .nav_partial .nav_slide_top .navbar-collapse.menu_options .options_wrapper { min-width: var(--coll_ghost_width); } .nav_partial .nav_slide_top .navbar-collapse.menu_options .options_wrapper .btn_toggler.collapsed .icon_toggler { transform: rotate(180deg); } .nav_partial .nav_slide_top .navbar-collapse.menu_options .options_wrapper .btn_toggler:not(.collapsed) .icon_toggler { transform: rotate(0deg); } .nav_partial .nav_slide_top .navbar-collapse.menu_options .options_wrapper .btn_toggler .icon_toggler { transition: 0.35s ease-out; } .nav_partial .nav_slide_top .navbar-collapse.menu_options .options_wrapper .option_item { font-size: 0.8rem; font-weight: 400; color: #ffffff; padding: 0.3rem 1.7rem; } @media screen and (min-width: 20em) { .nav_partial .nav_slide_top .navbar-collapse.menu_options .options_wrapper .option_item { font-size: calc(0.8rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_slide_top .navbar-collapse.menu_options .options_wrapper .option_item { font-size: 0.8rem; } } .nav_partial .nav_slide_top .navbar-collapse.menu_options .options_wrapper .option_item:hover { background-color: #0e4c94; border: 2px solid #ffffff; } .nav_partial .nav_slide_top .navbar-collapse.menu_options .options_wrapper .option_unsaved { background-color: #0e4c94; border: 2px solid #ffffff; } .nav_partial .nav_slide_top .navbar-collapse.menu_options .options_wrapper .option_unsaved:hover { background-color: #f28f52; border: 2px solid #f28f52; } .nav_partial .nav_slide_top .navbar-collapse::-webkit-scrollbar { display: none; } /*///// ==================== @media ==================== */ /* @media (max-width) */ @media (max-width: 991.98px) { .nav_partial .nav_slide_top.nav_extra { height: 9rem; } .nav_partial .nav_slide_top.nav_extra .cont_ghost_bg { height: 9rem; } .nav_partial .nav_slide_top.nav_extra .navbar-collapse.menu_collapse { height: calc(100% - 9rem); } .nav_partial .nav_slide_top.nav_extra .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 9rem); } .nav_partial .nav_slide_top.nav_extra .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 9rem); } .nav_partial .nav_slide_top.nav_extra .navbar-collapse.menu_options { top: 9rem; } } @media (max-width: 767.98px) { .nav_partial .nav_slide_top { height: 5rem; } .nav_partial .nav_slide_top .cont_ghost_bg { height: 5rem; } .nav_partial .nav_slide_top .menu_navbar .figure_logo { max-width: 125px; } .nav_partial .nav_slide_top .menu_navbar .figure_logo img { max-height: 30px; } .nav_partial .nav_slide_top .menu_navbar .circle_1 { width: 30px; height: 30px; } .nav_partial .nav_slide_top .navbar-collapse.menu_collapse { height: calc(100% - 5rem); } .nav_partial .nav_slide_top .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 5rem); } .nav_partial .nav_slide_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 5rem); } .nav_partial .nav_slide_top .navbar-collapse.menu_options { top: 5rem; } } /* @media between */ /* @media (min-width) */ /* Mobile landscape */ @media (max-height: 400px) and (orientation: landscape) { .nav_partial .nav_slide_top { height: 4.5rem; } .nav_partial .nav_slide_top .cont_ghost_bg { height: 4.5rem; } .nav_partial .nav_slide_top .navbar-collapse.menu_collapse { height: calc(100% - 4.5rem); } .nav_partial .nav_slide_top .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 4.5rem); } .nav_partial .nav_slide_top .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 4.5rem); } .nav_partial .nav_slide_top .navbar-collapse.menu_options { top: 4.5rem; } } /* iPad Pro portrait */ .nav_partial .nav_slide_right { height: 6rem; position: fixed; top: 0; right: 0; left: 0; background-color: var(--nav_bg_color_primary); background-image: none; z-index: 1039; } .nav_partial .nav_slide_right .cont_ghost_bg { height: 6rem; } .nav_partial .nav_slide_right .cont_ghost_bg.nav_ghost_bg { background: var(--nav_bg_color_right); background-size: 300% 300%; } .nav_partial .nav_slide_right .cont_ghost_bg.coll_ghost_bg { width: 100%; max-width: calc(var(--coll_ghost_width) - (100vw - 100%)); background: var(--nav_bg_color_right); background-size: 300% 300%; } .nav_partial .nav_slide_right .menu_navbar { z-index: 1; } .nav_partial .nav_slide_right .menu_navbar .landmark { font-size: 1rem; font-weight: 500; text-transform: uppercase; color: #ffffff; } @media screen and (min-width: 20em) { .nav_partial .nav_slide_right .menu_navbar .landmark { font-size: calc(1rem + 0.125 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_slide_right .menu_navbar .landmark { font-size: 1.125rem; } } .nav_partial .nav_slide_right .menu_navbar .landmark .menu_item:hover { color: #ffffff; background-color: #f28f52; } .nav_partial .nav_slide_right .menu_navbar .landmark .vbar { line-height: 1.7; } .nav_partial .nav_slide_right .menu_navbar .box_left { min-width: 42.5px; } .nav_partial .nav_slide_right .menu_navbar .box_left .navbar-toggler { transition: 0.4s ease-out; } .nav_partial .nav_slide_right .menu_navbar .box_left .navbar-toggler:hover { opacity: 0.8; } .nav_partial .nav_slide_right .menu_navbar .box_left .navbar-toggler:focus { box-shadow: none; } .nav_partial .nav_slide_right .menu_navbar .box_left .navbar-toggler.collapsed { transform: rotate(0deg); } .nav_partial .nav_slide_right .menu_navbar .box_left .navbar-toggler.collapsed:active { transform: rotate(45deg); } .nav_partial .nav_slide_right .menu_navbar .box_left .navbar-toggler:not(.collapsed) { transform: rotate(180deg); } .nav_partial .nav_slide_right .menu_navbar .box_left .navbar-toggler:not(.collapsed):active { transform: rotate(135deg); } .nav_partial .nav_slide_right .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(1) { transform: translate(25%, -75%) rotate(45deg); } .nav_partial .nav_slide_right .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0; } .nav_partial .nav_slide_right .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(3) { transform: translate(25%, -50%) rotate(-45deg); } .nav_partial .nav_slide_right .menu_navbar .box_left .navbar-toggler span { position: relative; left: 0; display: block; width: 17.5px; height: 3px; margin-top: 3px; margin-bottom: 3px; background-color: #ffffff; border-radius: 50rem; opacity: 1; transition: 0.25s ease-out; transform-origin: center left; } .nav_partial .nav_slide_right .menu_navbar .box_left .navbar-toggler span:nth-child(1) { margin-top: 0.3em; } .nav_partial .nav_slide_right .menu_navbar .box_left .navbar-toggler span:nth-child(1) { transform: translate(0%, 0%) rotate(0deg); } .nav_partial .nav_slide_right .menu_navbar .box_left .navbar-toggler span:nth-child(2) { opacity: 1; } .nav_partial .nav_slide_right .menu_navbar .box_left .navbar-toggler span:nth-child(3) { transform: translate(0%, 0%) rotate(0deg); } .nav_partial .nav_slide_right .menu_navbar .figure_logo { max-width: 165px; } .nav_partial .nav_slide_right .menu_navbar .figure_logo img { max-height: 48px; } .nav_partial .nav_slide_right .menu_navbar .nav-link:hover, .nav_partial .nav_slide_right .menu_navbar .nav-link:focus { color: #ffffff; } .nav_partial .nav_slide_right .menu_navbar .menu_link, .nav_partial .nav_slide_right .menu_navbar .menu_steps, .nav_partial .nav_slide_right .menu_navbar .login_modal { font-size: 0.8rem; font-weight: 400; } @media screen and (min-width: 20em) { .nav_partial .nav_slide_right .menu_navbar .menu_link, .nav_partial .nav_slide_right .menu_navbar .menu_steps, .nav_partial .nav_slide_right .menu_navbar .login_modal { font-size: calc(0.8rem + 0.2 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_slide_right .menu_navbar .menu_link, .nav_partial .nav_slide_right .menu_navbar .menu_steps, .nav_partial .nav_slide_right .menu_navbar .login_modal { font-size: 1rem; } } .nav_partial .nav_slide_right .menu_navbar .menu_link:hover, .nav_partial .nav_slide_right .menu_navbar .menu_link:focus, .nav_partial .nav_slide_right .menu_navbar .menu_steps:hover, .nav_partial .nav_slide_right .menu_navbar .menu_steps:focus, .nav_partial .nav_slide_right .menu_navbar .login_modal:hover, .nav_partial .nav_slide_right .menu_navbar .login_modal:focus { background-color: #192946; opacity: 1; } .nav_partial .nav_slide_right .menu_navbar .circle_1 { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; background-color: transparent; border: 2px solid #ffffff; border-radius: 50%; } .nav_partial .nav_slide_right .navbar-collapse { overflow: hidden auto; scrollbar-width: none; } .nav_partial .nav_slide_right .navbar-collapse.menu_collapse { position: fixed; top: 6rem; bottom: 0; left: 0; width: calc(100vw - (100vw - 100%)); height: calc(100% - 6rem); transition: transform 0.35s ease; } .nav_partial .nav_slide_right .navbar-collapse.menu_collapse.collapsing { transform: translateX(-100%); transition: transform 0.35s ease; } .nav_partial .nav_slide_right .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 6rem); transition: padding-right 0.35s ease !important; } .nav_partial .nav_slide_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 6rem); } .nav_partial .nav_slide_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing { width: -webkit-fill-available; width: -moz-available; } .nav_partial .nav_slide_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link { width: -webkit-fill-available; width: -moz-available; max-width: unset; color: #ffffff; border-color: #ffffff !important; } .nav_partial .nav_slide_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link:hover, .nav_partial .nav_slide_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link:focus { color: #192946; background-color: #ffffff; border-color: #192946 !important; padding-left: 1rem; opacity: 1; } .nav_partial .nav_slide_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link.active_link { color: #192946; background-color: #ffffff; border-color: #192946 !important; padding-left: 1rem; opacity: 1; } .nav_partial .nav_slide_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link { color: unset; opacity: 1; } .nav_partial .nav_slide_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link:hover, .nav_partial .nav_slide_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link:focus { opacity: 0.8; } .nav_partial .nav_slide_right .navbar-collapse.menu_options { position: fixed; top: 6rem; right: 0; max-width: var(--coll_ghost_width); width: 100%; height: auto; transition: transform 0.35s ease; } .nav_partial .nav_slide_right .navbar-collapse.menu_options.collapsing { transform: translateX(100%); transition: transform 0.35s ease; } .nav_partial .nav_slide_right .navbar-collapse.menu_options .options_wrapper { min-width: var(--coll_ghost_width); } .nav_partial .nav_slide_right .navbar-collapse.menu_options .options_wrapper .btn_toggler.collapsed .icon_toggler { transform: rotate(180deg); } .nav_partial .nav_slide_right .navbar-collapse.menu_options .options_wrapper .btn_toggler:not(.collapsed) .icon_toggler { transform: rotate(0deg); } .nav_partial .nav_slide_right .navbar-collapse.menu_options .options_wrapper .btn_toggler .icon_toggler { transition: 0.35s ease-out; } .nav_partial .nav_slide_right .navbar-collapse.menu_options .options_wrapper .option_item { font-size: 0.8rem; font-weight: 400; color: #ffffff; padding: 0.3rem 1.7rem; } @media screen and (min-width: 20em) { .nav_partial .nav_slide_right .navbar-collapse.menu_options .options_wrapper .option_item { font-size: calc(0.8rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_slide_right .navbar-collapse.menu_options .options_wrapper .option_item { font-size: 0.8rem; } } .nav_partial .nav_slide_right .navbar-collapse.menu_options .options_wrapper .option_item:hover { background-color: #0e4c94; border: 2px solid #ffffff; } .nav_partial .nav_slide_right .navbar-collapse.menu_options .options_wrapper .option_unsaved { background-color: #0e4c94; border: 2px solid #ffffff; } .nav_partial .nav_slide_right .navbar-collapse.menu_options .options_wrapper .option_unsaved:hover { background-color: #f28f52; border: 2px solid #f28f52; } .nav_partial .nav_slide_right .navbar-collapse::-webkit-scrollbar { display: none; } /*///// ==================== @media ==================== */ /* @media (max-width) */ @media (max-width: 991.98px) { .nav_partial .nav_slide_right.nav_extra { height: 9rem; } .nav_partial .nav_slide_right.nav_extra .cont_ghost_bg { height: 9rem; } .nav_partial .nav_slide_right.nav_extra .navbar-collapse.menu_collapse { top: 9rem; height: calc(100% - 9rem); } .nav_partial .nav_slide_right.nav_extra .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 9rem); } .nav_partial .nav_slide_right.nav_extra .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 9rem); } .nav_partial .nav_slide_right.nav_extra .navbar-collapse.menu_options { top: 9rem; } } @media (max-width: 767.98px) { .nav_partial .nav_slide_right { height: 5rem; } .nav_partial .nav_slide_right .cont_ghost_bg { height: 5rem; } .nav_partial .nav_slide_right .menu_navbar .figure_logo { max-width: 125px; } .nav_partial .nav_slide_right .menu_navbar .figure_logo img { max-height: 30px; } .nav_partial .nav_slide_right .menu_navbar .circle_1 { width: 30px; height: 30px; } .nav_partial .nav_slide_right .navbar-collapse.menu_collapse { top: 5rem; height: calc(100% - 5rem); } .nav_partial .nav_slide_right .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 5rem); } .nav_partial .nav_slide_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 5rem); } .nav_partial .nav_slide_right .navbar-collapse.menu_options { top: 5rem; } } /* @media between */ /* @media (min-width) */ /* Mobile landscape */ @media (max-height: 400px) and (orientation: landscape) { .nav_partial .nav_slide_right { height: 4.5rem; } .nav_partial .nav_slide_right .cont_ghost_bg { height: 4.5rem; } .nav_partial .nav_slide_right .navbar-collapse.menu_collapse { top: 4.5rem; height: calc(100% - 4.5rem); } .nav_partial .nav_slide_right .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 4.5rem); } .nav_partial .nav_slide_right .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 4.5rem); } .nav_partial .nav_slide_right .navbar-collapse.menu_options { top: 4.5rem; } } /* iPad Pro portrait */ .nav_partial .nav_slide_bottom { height: 6rem; position: fixed; top: 0; right: 0; left: 0; background-color: var(--nav_bg_color_primary); background-image: none; z-index: 1039; } .nav_partial .nav_slide_bottom .cont_ghost_bg { height: 6rem; } .nav_partial .nav_slide_bottom .cont_ghost_bg.nav_ghost_bg { background: var(--nav_bg_color_bottom); background-size: 300% 300%; } .nav_partial .nav_slide_bottom .cont_ghost_bg.coll_ghost_bg { width: 100%; max-width: calc(var(--coll_ghost_width) - (100vw - 100%)); background: var(--nav_bg_color_right); background-size: 300% 300%; } .nav_partial .nav_slide_bottom .menu_navbar { z-index: 1; } .nav_partial .nav_slide_bottom .menu_navbar .landmark { font-size: 1rem; font-weight: 500; text-transform: uppercase; color: #ffffff; } @media screen and (min-width: 20em) { .nav_partial .nav_slide_bottom .menu_navbar .landmark { font-size: calc(1rem + 0.125 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_slide_bottom .menu_navbar .landmark { font-size: 1.125rem; } } .nav_partial .nav_slide_bottom .menu_navbar .landmark .menu_item:hover { color: #ffffff; background-color: #f28f52; } .nav_partial .nav_slide_bottom .menu_navbar .landmark .vbar { line-height: 1.7; } .nav_partial .nav_slide_bottom .menu_navbar .box_left { min-width: 42.5px; } .nav_partial .nav_slide_bottom .menu_navbar .box_left .navbar-toggler { transition: 0.4s ease-out; } .nav_partial .nav_slide_bottom .menu_navbar .box_left .navbar-toggler:hover { opacity: 0.8; } .nav_partial .nav_slide_bottom .menu_navbar .box_left .navbar-toggler:focus { box-shadow: none; } .nav_partial .nav_slide_bottom .menu_navbar .box_left .navbar-toggler.collapsed { transform: rotate(0deg); } .nav_partial .nav_slide_bottom .menu_navbar .box_left .navbar-toggler.collapsed:active { transform: rotate(45deg); } .nav_partial .nav_slide_bottom .menu_navbar .box_left .navbar-toggler:not(.collapsed) { transform: rotate(180deg); } .nav_partial .nav_slide_bottom .menu_navbar .box_left .navbar-toggler:not(.collapsed):active { transform: rotate(135deg); } .nav_partial .nav_slide_bottom .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(1) { transform: translate(25%, -75%) rotate(45deg); } .nav_partial .nav_slide_bottom .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0; } .nav_partial .nav_slide_bottom .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(3) { transform: translate(25%, -50%) rotate(-45deg); } .nav_partial .nav_slide_bottom .menu_navbar .box_left .navbar-toggler span { position: relative; left: 0; display: block; width: 17.5px; height: 3px; margin-top: 3px; margin-bottom: 3px; background-color: #ffffff; border-radius: 50rem; opacity: 1; transition: 0.25s ease-out; transform-origin: center left; } .nav_partial .nav_slide_bottom .menu_navbar .box_left .navbar-toggler span:nth-child(1) { margin-top: 0.3em; } .nav_partial .nav_slide_bottom .menu_navbar .box_left .navbar-toggler span:nth-child(1) { transform: translate(0%, 0%) rotate(0deg); } .nav_partial .nav_slide_bottom .menu_navbar .box_left .navbar-toggler span:nth-child(2) { opacity: 1; } .nav_partial .nav_slide_bottom .menu_navbar .box_left .navbar-toggler span:nth-child(3) { transform: translate(0%, 0%) rotate(0deg); } .nav_partial .nav_slide_bottom .menu_navbar .figure_logo { max-width: 165px; } .nav_partial .nav_slide_bottom .menu_navbar .figure_logo img { max-height: 48px; } .nav_partial .nav_slide_bottom .menu_navbar .nav-link:hover, .nav_partial .nav_slide_bottom .menu_navbar .nav-link:focus { color: #ffffff; } .nav_partial .nav_slide_bottom .menu_navbar .menu_link, .nav_partial .nav_slide_bottom .menu_navbar .menu_steps, .nav_partial .nav_slide_bottom .menu_navbar .login_modal { font-size: 0.8rem; font-weight: 400; } @media screen and (min-width: 20em) { .nav_partial .nav_slide_bottom .menu_navbar .menu_link, .nav_partial .nav_slide_bottom .menu_navbar .menu_steps, .nav_partial .nav_slide_bottom .menu_navbar .login_modal { font-size: calc(0.8rem + 0.2 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_slide_bottom .menu_navbar .menu_link, .nav_partial .nav_slide_bottom .menu_navbar .menu_steps, .nav_partial .nav_slide_bottom .menu_navbar .login_modal { font-size: 1rem; } } .nav_partial .nav_slide_bottom .menu_navbar .menu_link:hover, .nav_partial .nav_slide_bottom .menu_navbar .menu_link:focus, .nav_partial .nav_slide_bottom .menu_navbar .menu_steps:hover, .nav_partial .nav_slide_bottom .menu_navbar .menu_steps:focus, .nav_partial .nav_slide_bottom .menu_navbar .login_modal:hover, .nav_partial .nav_slide_bottom .menu_navbar .login_modal:focus { background-color: #192946; opacity: 1; } .nav_partial .nav_slide_bottom .menu_navbar .circle_1 { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; background-color: transparent; border: 2px solid #ffffff; border-radius: 50%; } .nav_partial .nav_slide_bottom .navbar-collapse { overflow: hidden auto; scrollbar-width: none; } .nav_partial .nav_slide_bottom .navbar-collapse.menu_collapse { position: fixed; top: 6rem; right: 0; bottom: 0; left: 0; width: calc(100vw - (100vw - 100%)); height: calc(100% - 6rem); transition: transform 0.35s ease; } .nav_partial .nav_slide_bottom .navbar-collapse.menu_collapse.collapsing { transform: translateY(calc(-100% - 6rem)); transition: transform 0.35s ease; } .nav_partial .nav_slide_bottom .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 6rem); transition: padding-right 0.35s ease !important; } .nav_partial .nav_slide_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 6rem); } .nav_partial .nav_slide_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing { width: -webkit-fill-available; width: -moz-available; } .nav_partial .nav_slide_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link { width: -webkit-fill-available; width: -moz-available; max-width: unset; color: #ffffff; border-color: #ffffff !important; } .nav_partial .nav_slide_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link:hover, .nav_partial .nav_slide_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link:focus { color: #192946; background-color: #ffffff; border-color: #192946 !important; padding-left: 1rem; opacity: 1; } .nav_partial .nav_slide_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link.active_link { color: #192946; background-color: #ffffff; border-color: #192946 !important; padding-left: 1rem; opacity: 1; } .nav_partial .nav_slide_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link { color: unset; opacity: 1; } .nav_partial .nav_slide_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link:hover, .nav_partial .nav_slide_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link:focus { opacity: 0.8; } .nav_partial .nav_slide_bottom .navbar-collapse.menu_options { position: fixed; top: 6rem; right: 0; max-width: var(--coll_ghost_width); width: 100%; height: auto; transition: transform 0.35s ease; } .nav_partial .nav_slide_bottom .navbar-collapse.menu_options.collapsing { transform: translateX(100%); transition: transform 0.35s ease; } .nav_partial .nav_slide_bottom .navbar-collapse.menu_options .options_wrapper { min-width: var(--coll_ghost_width); } .nav_partial .nav_slide_bottom .navbar-collapse.menu_options .options_wrapper .btn_toggler.collapsed .icon_toggler { transform: rotate(180deg); } .nav_partial .nav_slide_bottom .navbar-collapse.menu_options .options_wrapper .btn_toggler:not(.collapsed) .icon_toggler { transform: rotate(0deg); } .nav_partial .nav_slide_bottom .navbar-collapse.menu_options .options_wrapper .btn_toggler .icon_toggler { transition: 0.35s ease-out; } .nav_partial .nav_slide_bottom .navbar-collapse.menu_options .options_wrapper .option_item { font-size: 0.8rem; font-weight: 400; color: #ffffff; padding: 0.3rem 1.7rem; } @media screen and (min-width: 20em) { .nav_partial .nav_slide_bottom .navbar-collapse.menu_options .options_wrapper .option_item { font-size: calc(0.8rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_slide_bottom .navbar-collapse.menu_options .options_wrapper .option_item { font-size: 0.8rem; } } .nav_partial .nav_slide_bottom .navbar-collapse.menu_options .options_wrapper .option_item:hover { background-color: #0e4c94; border: 2px solid #ffffff; } .nav_partial .nav_slide_bottom .navbar-collapse.menu_options .options_wrapper .option_unsaved { background-color: #0e4c94; border: 2px solid #ffffff; } .nav_partial .nav_slide_bottom .navbar-collapse.menu_options .options_wrapper .option_unsaved:hover { background-color: #f28f52; border: 2px solid #f28f52; } .nav_partial .nav_slide_bottom .navbar-collapse::-webkit-scrollbar { display: none; } /*///// ==================== @media ==================== */ /* @media (max-width) */ @media (max-width: 991.98px) { .nav_partial .nav_slide_bottom.nav_extra { height: 9rem; } .nav_partial .nav_slide_bottom.nav_extra .cont_ghost_bg { height: 9rem; } .nav_partial .nav_slide_bottom.nav_extra .navbar-collapse.menu_collapse { top: 9rem; height: calc(100% - 9rem); } .nav_partial .nav_slide_bottom.nav_extra .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 9rem); } .nav_partial .nav_slide_bottom.nav_extra .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 9rem); } .nav_partial .nav_slide_bottom.nav_extra .navbar-collapse.menu_options { top: 9rem; } } @media (max-width: 767.98px) { .nav_partial .nav_slide_bottom { height: 5rem; } .nav_partial .nav_slide_bottom .cont_ghost_bg { height: 5rem; } .nav_partial .nav_slide_bottom .menu_navbar .figure_logo { max-width: 125px; } .nav_partial .nav_slide_bottom .menu_navbar .figure_logo img { max-height: 30px; } .nav_partial .nav_slide_bottom .menu_navbar .circle_1 { width: 30px; height: 30px; } .nav_partial .nav_slide_bottom .navbar-collapse.menu_collapse { top: 5rem; height: calc(100% - 5rem); } .nav_partial .nav_slide_bottom .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 5rem); } .nav_partial .nav_slide_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 5rem); } .nav_partial .nav_slide_bottom .navbar-collapse.menu_options { top: 5rem; } } /* @media between */ /* @media (min-width) */ /* Mobile landscape */ @media (max-height: 400px) and (orientation: landscape) { .nav_partial .nav_slide_bottom { height: 4.5rem; } .nav_partial .nav_slide_bottom .cont_ghost_bg { height: 4.5rem; } .nav_partial .nav_slide_bottom .navbar-collapse.menu_collapse { top: 4.5rem; height: calc(100% - 4.5rem); } .nav_partial .nav_slide_bottom .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 4.5rem); } .nav_partial .nav_slide_bottom .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 4.5rem); } .nav_partial .nav_slide_bottom .navbar-collapse.menu_options { top: 4.5rem; } } /* iPad Pro portrait */ .nav_partial .nav_slide_left { height: 6rem; position: fixed; top: 0; right: 0; left: 0; background-color: var(--nav_bg_color_primary); background-image: none; z-index: 1039; } .nav_partial .nav_slide_left .cont_ghost_bg { height: 6rem; } .nav_partial .nav_slide_left .cont_ghost_bg.nav_ghost_bg { background: var(--nav_bg_color_left); background-size: 300% 300%; } .nav_partial .nav_slide_left .cont_ghost_bg.coll_ghost_bg { width: 100%; max-width: calc(var(--coll_ghost_width) - (100vw - 100%)); background: var(--nav_bg_color_right); background-size: 300% 300%; } .nav_partial .nav_slide_left .menu_navbar { z-index: 1; } .nav_partial .nav_slide_left .menu_navbar .landmark { font-size: 1rem; font-weight: 500; text-transform: uppercase; color: #ffffff; } @media screen and (min-width: 20em) { .nav_partial .nav_slide_left .menu_navbar .landmark { font-size: calc(1rem + 0.125 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_slide_left .menu_navbar .landmark { font-size: 1.125rem; } } .nav_partial .nav_slide_left .menu_navbar .landmark .menu_item:hover { color: #ffffff; background-color: #f28f52; } .nav_partial .nav_slide_left .menu_navbar .landmark .vbar { line-height: 1.7; } .nav_partial .nav_slide_left .menu_navbar .box_left { min-width: 42.5px; } .nav_partial .nav_slide_left .menu_navbar .box_left .navbar-toggler { transition: 0.4s ease-out; } .nav_partial .nav_slide_left .menu_navbar .box_left .navbar-toggler:hover { opacity: 0.8; } .nav_partial .nav_slide_left .menu_navbar .box_left .navbar-toggler:focus { box-shadow: none; } .nav_partial .nav_slide_left .menu_navbar .box_left .navbar-toggler.collapsed { transform: rotate(0deg); } .nav_partial .nav_slide_left .menu_navbar .box_left .navbar-toggler.collapsed:active { transform: rotate(45deg); } .nav_partial .nav_slide_left .menu_navbar .box_left .navbar-toggler:not(.collapsed) { transform: rotate(180deg); } .nav_partial .nav_slide_left .menu_navbar .box_left .navbar-toggler:not(.collapsed):active { transform: rotate(135deg); } .nav_partial .nav_slide_left .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(1) { transform: translate(25%, -75%) rotate(45deg); } .nav_partial .nav_slide_left .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity: 0; } .nav_partial .nav_slide_left .menu_navbar .box_left .navbar-toggler:not(.collapsed) span:nth-child(3) { transform: translate(25%, -50%) rotate(-45deg); } .nav_partial .nav_slide_left .menu_navbar .box_left .navbar-toggler span { position: relative; left: 0; display: block; width: 17.5px; height: 3px; margin-top: 3px; margin-bottom: 3px; background-color: #ffffff; border-radius: 50rem; opacity: 1; transition: 0.25s ease-out; transform-origin: center left; } .nav_partial .nav_slide_left .menu_navbar .box_left .navbar-toggler span:nth-child(1) { margin-top: 0.3em; } .nav_partial .nav_slide_left .menu_navbar .box_left .navbar-toggler span:nth-child(1) { transform: translate(0%, 0%) rotate(0deg); } .nav_partial .nav_slide_left .menu_navbar .box_left .navbar-toggler span:nth-child(2) { opacity: 1; } .nav_partial .nav_slide_left .menu_navbar .box_left .navbar-toggler span:nth-child(3) { transform: translate(0%, 0%) rotate(0deg); } .nav_partial .nav_slide_left .menu_navbar .figure_logo { max-width: 165px; } .nav_partial .nav_slide_left .menu_navbar .figure_logo img { max-height: 48px; } .nav_partial .nav_slide_left .menu_navbar .nav-link:hover, .nav_partial .nav_slide_left .menu_navbar .nav-link:focus { color: #ffffff; } .nav_partial .nav_slide_left .menu_navbar .menu_link, .nav_partial .nav_slide_left .menu_navbar .menu_steps, .nav_partial .nav_slide_left .menu_navbar .login_modal { font-size: 0.8rem; font-weight: 400; } @media screen and (min-width: 20em) { .nav_partial .nav_slide_left .menu_navbar .menu_link, .nav_partial .nav_slide_left .menu_navbar .menu_steps, .nav_partial .nav_slide_left .menu_navbar .login_modal { font-size: calc(0.8rem + 0.2 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_slide_left .menu_navbar .menu_link, .nav_partial .nav_slide_left .menu_navbar .menu_steps, .nav_partial .nav_slide_left .menu_navbar .login_modal { font-size: 1rem; } } .nav_partial .nav_slide_left .menu_navbar .menu_link:hover, .nav_partial .nav_slide_left .menu_navbar .menu_link:focus, .nav_partial .nav_slide_left .menu_navbar .menu_steps:hover, .nav_partial .nav_slide_left .menu_navbar .menu_steps:focus, .nav_partial .nav_slide_left .menu_navbar .login_modal:hover, .nav_partial .nav_slide_left .menu_navbar .login_modal:focus { background-color: #192946; opacity: 1; } .nav_partial .nav_slide_left .menu_navbar .circle_1 { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; background-color: transparent; border: 2px solid #ffffff; border-radius: 50%; } .nav_partial .nav_slide_left .navbar-collapse { overflow: hidden auto; scrollbar-width: none; } .nav_partial .nav_slide_left .navbar-collapse.menu_collapse { position: fixed; top: 6rem; right: 0; bottom: 0; width: calc(100vw - (100vw - 100%)); height: calc(100% - 6rem); transition: transform 0.35s ease; } .nav_partial .nav_slide_left .navbar-collapse.menu_collapse.collapsing { transform: translateX(100%); transition: transform 0.35s ease; } .nav_partial .nav_slide_left .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 6rem); transition: padding-right 0.35s ease !important; } .nav_partial .nav_slide_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 6rem); } .nav_partial .nav_slide_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing { width: -webkit-fill-available; width: -moz-available; } .nav_partial .nav_slide_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link { width: -webkit-fill-available; width: -moz-available; max-width: unset; color: #ffffff; border-color: #ffffff !important; } .nav_partial .nav_slide_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link:hover, .nav_partial .nav_slide_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link:focus { color: #192946; background-color: #ffffff; border-color: #192946 !important; padding-left: 1rem; opacity: 1; } .nav_partial .nav_slide_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.basic .nav-link.active_link { color: #192946; background-color: #ffffff; border-color: #192946 !important; padding-left: 1rem; opacity: 1; } .nav_partial .nav_slide_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link { color: unset; opacity: 1; } .nav_partial .nav_slide_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link:hover, .nav_partial .nav_slide_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents .container_sizing.sections .nav-link:focus { opacity: 0.8; } .nav_partial .nav_slide_left .navbar-collapse.menu_options { position: fixed; top: 6rem; right: 0; max-width: var(--coll_ghost_width); width: 100%; height: auto; transition: transform 0.35s ease; } .nav_partial .nav_slide_left .navbar-collapse.menu_options.collapsing { transform: translateX(100%); transition: transform 0.35s ease; } .nav_partial .nav_slide_left .navbar-collapse.menu_options .options_wrapper { min-width: var(--coll_ghost_width); } .nav_partial .nav_slide_left .navbar-collapse.menu_options .options_wrapper .btn_toggler.collapsed .icon_toggler { transform: rotate(180deg); } .nav_partial .nav_slide_left .navbar-collapse.menu_options .options_wrapper .btn_toggler:not(.collapsed) .icon_toggler { transform: rotate(0deg); } .nav_partial .nav_slide_left .navbar-collapse.menu_options .options_wrapper .btn_toggler .icon_toggler { transition: 0.35s ease-out; } .nav_partial .nav_slide_left .navbar-collapse.menu_options .options_wrapper .option_item { font-size: 0.8rem; font-weight: 400; color: #ffffff; padding: 0.3rem 1.7rem; } @media screen and (min-width: 20em) { .nav_partial .nav_slide_left .navbar-collapse.menu_options .options_wrapper .option_item { font-size: calc(0.8rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .nav_partial .nav_slide_left .navbar-collapse.menu_options .options_wrapper .option_item { font-size: 0.8rem; } } .nav_partial .nav_slide_left .navbar-collapse.menu_options .options_wrapper .option_item:hover { background-color: #0e4c94; border: 2px solid #ffffff; } .nav_partial .nav_slide_left .navbar-collapse.menu_options .options_wrapper .option_unsaved { background-color: #0e4c94; border: 2px solid #ffffff; } .nav_partial .nav_slide_left .navbar-collapse.menu_options .options_wrapper .option_unsaved:hover { background-color: #f28f52; border: 2px solid #f28f52; } .nav_partial .nav_slide_left .navbar-collapse::-webkit-scrollbar { display: none; } /*///// ==================== @media ==================== */ /* @media (max-width) */ @media (max-width: 991.98px) { .nav_partial .nav_slide_left.nav_extra { height: 9rem; } .nav_partial .nav_slide_left.nav_extra .cont_ghost_bg { height: 9rem; } .nav_partial .nav_slide_left.nav_extra .navbar-collapse.menu_collapse { top: 9rem; height: calc(100% - 9rem); } .nav_partial .nav_slide_left.nav_extra .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 9rem); } .nav_partial .nav_slide_left.nav_extra .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 9rem); } .nav_partial .nav_slide_left.nav_extra .navbar-collapse.menu_options { top: 9rem; } } @media (max-width: 767.98px) { .nav_partial .nav_slide_left { height: 5rem; } .nav_partial .nav_slide_left .cont_ghost_bg { height: 5rem; } .nav_partial .nav_slide_left .menu_navbar .figure_logo { max-width: 125px; } .nav_partial .nav_slide_left .menu_navbar .figure_logo img { max-height: 30px; } .nav_partial .nav_slide_left .menu_navbar .circle_1 { width: 30px; height: 30px; } .nav_partial .nav_slide_left .navbar-collapse.menu_collapse { top: 5rem; height: calc(100% - 5rem); } .nav_partial .nav_slide_left .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 5rem); } .nav_partial .nav_slide_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 5rem); } .nav_partial .nav_slide_left .navbar-collapse.menu_options { top: 5rem; } } /* @media between */ /* @media (min-width) */ /* Mobile landscape */ @media (max-height: 400px) and (orientation: landscape) { .nav_partial .nav_slide_left { height: 4.5rem; } .nav_partial .nav_slide_left .cont_ghost_bg { height: 4.5rem; } .nav_partial .nav_slide_left .navbar-collapse.menu_collapse { top: 4.5rem; height: calc(100% - 4.5rem); } .nav_partial .nav_slide_left .navbar-collapse.menu_collapse .collapse_wrapper { min-height: calc(100vh - 4.5rem); } .nav_partial .nav_slide_left .navbar-collapse.menu_collapse .collapse_wrapper .collapse_contents { min-height: calc(100vh - 4.5rem); } .nav_partial .nav_slide_left .navbar-collapse.menu_options { top: 4.5rem; } } /* iPad Pro portrait */ body { font-family: "Open Sans", sans-serif; font-size: 1rem; line-height: 1.5; font-weight: 400; color: #1A130F; margin: 0; overflow-x: hidden; transition: 0s; } :root { scrollbar-color: #192946 rgba(14, 76, 148, 0.8); scrollbar-width: thin; } ::-webkit-scrollbar { background-color: #0e4c94; width: 8px; } ::-webkit-scrollbar-button { display: none; background-color: #192946; background-repeat: no-repeat; background-position: center; background-size: contain; border-radius: 50rem; } ::-webkit-scrollbar-button:vertical:start { background-image: url("https://upload.wikimedia.org/wikipedia/commons/6/6b/Font_Awesome_5_solid_chevron-up.svg"); background-size: 50%; } ::-webkit-scrollbar-button:vertical:end { background-image: url("https://upload.wikimedia.org/wikipedia/commons/7/73/Font_Awesome_5_solid_chevron-down.svg"); background-size: 50%; } ::-webkit-scrollbar-button:horizontal:start { background-image: url("https://upload.wikimedia.org/wikipedia/commons/b/b8/Font_Awesome_5_solid_chevron-left.svg"); background-size: 35%; } ::-webkit-scrollbar-button:horizontal:end { background-image: url("https://upload.wikimedia.org/wikipedia/commons/9/9d/Font_Awesome_5_solid_chevron-right.svg"); background-size: 35%; } ::-webkit-scrollbar-thumb { background-color: #192946; border-radius: 50rem; } ::-webkit-scrollbar-track-piece { background-color: rgba(14, 76, 148, 0.3); border-radius: 50rem; } ::-webkit-scrollbar-corner { background-color: #0e4c94; } ::-webkit-resizer { background-color: #f28f52; } .modal_full { top: 6rem; height: calc(100vh - 6rem); } ::-moz-selection { color: #ffffff; background-color: #0e4c94; } ::selection { -webkit-text-fill-color: #ffffff; color: #ffffff; background-color: #0e4c94; } .opacity_0 { opacity: 0; } .opacity_1 { opacity: 1; } .open_sans { font-family: "Open Sans", sans-serif; } .oswald { font-family: "Oswald", sans-serif; } h1, .h1 { font-size: 1.73rem; word-break: break-word; line-height: 1.3; } @media screen and (min-width: 20em) { h1, .h1 { font-size: calc(1.73rem + 0.77 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: 1.54rem; word-break: break-word; line-height: 1.3; } @media screen and (min-width: 20em) { h2, .h2 { font-size: calc(1.54rem + 0.46 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: 1.44rem; word-break: break-word; line-height: 1.3; } @media screen and (min-width: 20em) { h3, .h3 { font-size: calc(1.44rem + 0.31 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: 1.35rem; word-break: break-word; line-height: 1.3; } @media screen and (min-width: 20em) { h4, .h4 { font-size: calc(1.35rem + 0.15 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; word-break: break-word; line-height: 1.3; } @media screen and (min-width: 20em) { h5, .h5 { font-size: calc(1.25rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { h5, .h5 { font-size: 1.25rem; } } h6, .h6 { font-size: 1rem; word-break: break-word; line-height: 1.3; } @media screen and (min-width: 20em) { h6, .h6 { font-size: calc(1rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { h6, .h6 { font-size: 1rem; } } p, .p { font-size: 1rem; word-break: break-word; line-height: 1.3; } @media screen and (min-width: 20em) { p, .p { font-size: calc(1rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { p, .p { font-size: 1rem; } } .big { font-size: 1.8rem; font-weight: 300; line-height: 1.3; } @media screen and (min-width: 20em) { .big { font-size: calc(1.8rem + 0.45 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .big { font-size: 2.25rem; } } .medium { font-size: 1.2rem; font-weight: 200; line-height: 1.3; } @media screen and (min-width: 20em) { .medium { font-size: calc(1.2rem + 0.1 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .medium { font-size: 1.3rem; } } small, .small { font-size: 0.875rem; word-break: break-word; line-height: 1.3; } @media screen and (min-width: 20em) { small, .small { font-size: calc(0.875rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { small, .small { font-size: 0.875rem; } } select, select.form-select, input:not([type=checkbox], [type=radio]), .input, label, .label, .form-check-label { font-size: 0.9rem; } @media screen and (min-width: 20em) { select, select.form-select, input:not([type=checkbox], [type=radio]), .input, label, .label, .form-check-label { font-size: calc(0.9rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { select, select.form-select, input:not([type=checkbox], [type=radio]), .input, label, .label, .form-check-label { font-size: 0.9rem; } } input[type=checkbox], input[type=radio] { font-size: inherit; line-height: inherit; } input, .form-check, .form-floating, .form-switch, .input-group, .select-chevron { transition: all 0.15s ease-in-out; } input::after, input > label, input > .btn-check, input > .btn-check-label, input > .form-check-input, input > .form-check-label, input > .form-control, input > .form-select, input > .input-group-text, input > ::after, .form-check::after, .form-check > label, .form-check > .btn-check, .form-check > .btn-check-label, .form-check > .form-check-input, .form-check > .form-check-label, .form-check > .form-control, .form-check > .form-select, .form-check > .input-group-text, .form-check > ::after, .form-floating::after, .form-floating > label, .form-floating > .btn-check, .form-floating > .btn-check-label, .form-floating > .form-check-input, .form-floating > .form-check-label, .form-floating > .form-control, .form-floating > .form-select, .form-floating > .input-group-text, .form-floating > ::after, .form-switch::after, .form-switch > label, .form-switch > .btn-check, .form-switch > .btn-check-label, .form-switch > .form-check-input, .form-switch > .form-check-label, .form-switch > .form-control, .form-switch > .form-select, .form-switch > .input-group-text, .form-switch > ::after, .input-group::after, .input-group > label, .input-group > .btn-check, .input-group > .btn-check-label, .input-group > .form-check-input, .input-group > .form-check-label, .input-group > .form-control, .input-group > .form-select, .input-group > .input-group-text, .input-group > ::after, .select-chevron::after, .select-chevron > label, .select-chevron > .btn-check, .select-chevron > .btn-check-label, .select-chevron > .form-check-input, .select-chevron > .form-check-label, .select-chevron > .form-control, .select-chevron > .form-select, .select-chevron > .input-group-text, .select-chevron > ::after { transition: all 0.15s ease-in-out; } label:hover, .form-check-label:hover, .form-select:hover { cursor: pointer; } label:active, .form-check-label:active, .form-control:active, .form-select:active, .form-check-input:active { cursor: progress; } * > .form-control:not([type=file]), * > .form-select { height: 2.5rem; line-height: 1em; color: #0e4c95; background-color: #edf1f7; border: 1px solid black; border-radius: 0; } * > .form-control:not([type=file]):focus, * > .form-select:focus { color: #edf1f7; background-color: #0e4c95; border: 1px solid black; } * > textarea.form-control { padding: 0.7rem 1.25rem 0.45rem !important; line-height: 1.25 !important; } * > .form-control:not([type=file]), * > .form-control-plaintext { padding: 0 1.25rem; } * > .form-control:not([type=file])::placeholder, * > .form-control-plaintext::placeholder { color: #0e4c95; } * > .form-control:not([type=file]):focus, * > .form-control-plaintext:focus { box-shadow: none; } * > .form-control:not([type=file]):focus::placeholder, * > .form-control-plaintext:focus::placeholder { color: #edf1f7; } * > .form-control:not([type=file]):not(:placeholder-shown), * > .form-control-plaintext:not(:placeholder-shown) { color: #edf1f7; background-color: #0e4c95; border-color: red; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08), 5px 5px 0 #edf1f7; } * > .form-control:not([type=file]):not(:placeholder-shown):not(:focus), * > .form-control-plaintext:not(:placeholder-shown):not(:focus) { color: #0e4c95; background-color: #edf1f7; border: 1px solid black; box-shadow: none; } * > .form-select { padding-top: 0; padding-bottom: 0; padding-left: 1.25rem; line-height: 1.25; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230e4c95' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); } * > .form-select:focus { border-color: red; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08), 5px 5px 0 #edf1f7; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' transform='180' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23edf1f7' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); } * > .form-select:active { border: 1px solid black; box-shadow: none; } * > .form-select option:disabled { color: #0e4c95; background-color: #edf1f7; } * > .form-control:-moz-autofill, * > .form-control:-moz-autofill-preview { filter: none; } * > input.form-control:-webkit-autofill:not([type=file]):not(:placeholder-shown):focus, * > textarea:-webkit-autofill:focus, * > select.form-select:-webkit-autofill:focus { color: #edf1f7; background-color: #0e4c95; -webkit-text-fill-color: #edf1f7; box-shadow: inset 0 0 0 30px #0e4c95, inset 0 1px 2px rgba(0, 0, 0, 0.08), 5px 5px 0 #edf1f7; } * > input.form-control:-webkit-autofill:not([type=file]):not(:placeholder-shown):not(:focus), * > textarea:-webkit-autofill:not(:focus), * > select.form-select:-webkit-autofill:not(:focus) { color: #0e4c95; background-color: #edf1f7; -webkit-text-fill-color: #0e4c95; box-shadow: inset 0 0 0 30px #edf1f7; } * > .form-select:-internal-autofill-selected option { color: #edf1f7; background-color: #0e4c95; } * > .form-control[type=file] { height: 2.5rem; color: #0e4c95; background-color: #edf1f7; border: 1px solid black; border-radius: 0; box-shadow: none; } * > .form-control[type=file]::file-selector-button, * > .form-control[type=file]::-webkit-file-upload-button { color: #edf1f7; background-color: #0e4c95; border-inline-end-width: 1px; } * > .form-control[type=file]:hover:not(:disabled):not([readonly])::file-selector-button, * > .form-control[type=file]:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: rgba(14, 76, 149, 0.8); } * > .form-control[type=file]:focus { color: #edf1f7; background-color: #0e4c95; border-color: red; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08), 5px 5px 0 #edf1f7; } * > .form-control[type=file]:active { box-shadow: none; } * > .form-control[type=file]:not(:disabled):not([readonly]):active { cursor: progress; } * .input-group .input-group-text { color: #0e4c95; background-color: #edf1f7; border: 1px solid black; border-radius: 0; } * .input-group .input-group-text:focus { color: #edf1f7; background-color: #0e4c95; } * .input-group:has(.form-control:not([type=file]:placeholder-shown)) .input-group-text { border-color: red; } * .input-group:has(.form-control:not([type=file], :placeholder-shown, :focus)) .input-group-text { color: #edf1f7; background-color: #0e4c95; } * > input[type=date] { height: 2.5rem; min-width: 175px; color: #0e4c95; background-color: #edf1f7; border: 1px solid black; border-radius: 0; padding: 0 1.25rem; appearance: none; } * > input[type=date]:hover { opacity: 0.8; } * > input[type=date]:active { cursor: progress; } * > input[type=date]:focus { border-color: red; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08), 5px 5px 0 #edf1f7; } * > input[type=date]:focus-visible { outline: none; } * > input[type=date]::-webkit-datetime-edit { padding: 0; } * > input[type=date]::-webkit-datetime-edit-fields-wrapper { background: #edf1f7; } * > input[type=date]::-webkit-datetime-edit-text { color: #0e4c95; padding: 0 0.3em; } * > input[type=date]::-webkit-datetime-edit-minute { color: #0e4c95; } * > input[type=date]::-webkit-datetime-edit-hour-field { color: #0e4c95; } * > input[type=date]::-webkit-datetime-edit-day-field { color: #0e4c95; } * > input[type=date]::-webkit-datetime-edit-month-field { color: #0e4c95; } * > input[type=date]::-webkit-datetime-edit-year-field { color: #0e4c95; } * > input[type=date]::-webkit-inner-spin-button { display: none; } * > input[type=date]::-webkit-calendar-picker-indicator { background-image: url("data:image/svg+xml;utf8,"); filter: saturate(0%) brightness(0%) invert(31.9607843137%) opacity(1); filter: url("data:image/svg+xml;utf8, #recolor"); cursor: pointer; } * > input[type=date]::-webkit-calendar-picker-indicator:active { cursor: progress; } * > input[type=date]::-webkit-datetime-edit:focus, * > input[type=date]::-webkit-datetime-edit-fields-wrapper:focus, * > input[type=date]::-webkit-datetime-edit-text:focus, * > input[type=date]::-webkit-datetime-edit-minute:focus, * > input[type=date]::-webkit-datetime-edit-hour-field:focus, * > input[type=date]::-webkit-datetime-edit-day-field:focus, * > input[type=date]::-webkit-datetime-edit-month-field:focus, * > input[type=date]::-webkit-datetime-edit-year-field:focus, * > input[type=date]::-webkit-inner-spin-button:focus { color: #edf1f7; background-color: #0e4c95; } .form-floating.select-chevron > .form-select { background-image: none; } .form-floating.select-chevron::after { content: ""; position: absolute; right: 1.94rem; top: 50.5%; transform: translateY(-50.5%); border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #0e4c95; pointer-events: none; } .form-floating.select-chevron:focus-within::after { border-top-color: #edf1f7; transform: rotate(180deg); top: 43.75%; } .form-floating > .form-control:not([type=file]), .form-floating > .form-control-plaintext, .form-floating > .form-select { height: 2.5rem; } .form-floating > .form-control:not([type=file])::placeholder, .form-floating > .form-control-plaintext::placeholder, .form-floating > .form-select::placeholder { color: transparent; } .form-floating > .form-control:not([type=file]):focus ~ label, .form-floating > .form-control-plaintext:focus ~ label, .form-floating > .form-select:focus ~ label { min-height: 0; padding: 0.125rem 1.75rem; line-height: 1em; color: #0e4c95; background-color: #edf1f7; border: 1px solid black; border-radius: 20px; box-shadow: none; transform: scale(0.85) translateY(calc(-50% + 0.5px)) translateX(calc(1.25rem + 1px)); } .form-floating > .form-control:not([type=file]), .form-floating > .form-control-plaintext { padding-top: 0.7rem; padding-bottom: 0.45rem; } .form-floating > .form-control:not([type=file]):not(:placeholder-shown), .form-floating > .form-control-plaintext:not(:placeholder-shown) { border-radius: 0; } .form-floating > .form-control:not([type=file]):not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext:not(:placeholder-shown) ~ label { border-color: red; } .form-floating > .form-control:not([type=file]):not(:placeholder-shown):not(:focus), .form-floating > .form-control-plaintext:not(:placeholder-shown):not(:focus) { border: 1px solid black; box-shadow: none; } .form-floating > .form-control:not([type=file]):not(:placeholder-shown):not(:focus) ~ label, .form-floating > .form-control-plaintext:not(:placeholder-shown):not(:focus) ~ label { min-height: 0; padding: 0.125rem 1.75rem; line-height: 1em; color: #edf1f7; background-color: #0e4c95; border: 1px solid black; border-radius: 20px; box-shadow: none; transform: scale(0.85) translateY(calc(-50% + 0.5px)) translateX(calc(1.25rem + 1px)); } .form-floating > .form-select { padding-top: 0.7rem; padding-bottom: 0.45rem; padding-left: 1.25rem; } .form-floating > .form-select:focus { border-color: red; } .form-floating > .form-select:focus ~ label { border-color: red; } .form-floating > .form-select:active { border: 1px solid black; box-shadow: none; } .form-floating > .form-select:active ~ label { color: #0e4c95; background-color: #edf1f7; border: 1px solid black; } .form-floating > .form-select ~ label { min-height: 0; padding: 0.125rem 1.75rem; line-height: 1em; color: #edf1f7; background-color: #0e4c95; border: 1px solid black; border-radius: 20px; box-shadow: none; transform: scale(0.85) translateY(calc(-50% + 0.5px)) translateX(calc(1.25rem + 1px)); } .form-floating > label { min-height: 2.5rem; padding: 0 1.25rem; line-height: calc(2.5rem - 1px); color: #0e4c95; border: 1px solid black; border-color: transparent; transform-origin: calc(1.25rem + 1px) 0; } .form-check:has(.btn-check) { padding-left: 0; } .form-check > .form-check-input { background-color: #edf1f7; border: 1px solid black; } .form-check > .form-check-input:hover:not(:active) { cursor: crosshair; } .form-check > .form-check-input:hover:not(:active):checked { cursor: pointer; } .form-check > .form-check-input[type=checkbox] { background-image: url("data:image/svg+xml,"); border-radius: 0; } .form-check > .form-check-input[type=radio] { background-image: url("data:image/svg+xml,"); } .form-check > .form-check-input:focus { border-color: red !important; box-shadow: none; } .form-check > .form-check-input:checked { background-color: #0e4c95; } .form-check > .form-check-input:checked:focus { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08), 5px 5px 0 #edf1f7; } .form-check > .form-check-input:checked:not(:focus) { border-color: red !important; } .form-check > .form-check-input[type=checkbox]:indeterminate { background-color: #0e4c95; border-color: red !important; } .form-check > .btn-check:not(:checked) ~ .btn-check-label { color: #0e4c95; background-color: #edf1f7; } .form-check > .btn-check:checked ~ .btn-check-label { color: #edf1f7; background-color: #0e4c95; } .form-check > .btn-check ~ .btn-check-label { height: 2.5rem; padding: 0 1.25rem; line-height: 2.5rem; border-radius: 20px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .form-check > .btn-check ~ .btn-check-label:active { opacity: 0.8; } .form-check:active > .form-check-input[type=checkbox], .form-check:active > .form-check-input[type=radio], .form-check:active > .form-check-input[type=radio]:checked:not(:focus) { border-color: red; box-shadow: none; } .form-check:active > .form-check-input[type=checkbox] { border-radius: 50%; } .form-check:active > .form-check-input[type=radio] { border-radius: 0; } .form-check-label { color: #0e4c95; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .form-switch > .form-check-input:hover:not(:active) { cursor: pointer; } .form-switch > .form-check-input:active { border-radius: 25%/50%; } .form-switch:active > .form-check-input[type=checkbox] { border-color: red; border-radius: 25%/50%; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(237, 241, 247, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(237, 241, 247, 0.25); } .form-range::-webkit-slider-thumb { background-color: #edf1f7; } .form-range::-webkit-slider-thumb:active { background-color: #fafbfd; } .form-range::-webkit-slider-runnable-track { border-radius: 0; } .form-range::-moz-range-thumb { background-color: #edf1f7; } .form-range::-moz-range-thumb:active { background-color: #fafbfd; } .form-range::-moz-range-track { border-radius: 0; } @keyframes autofill_in_primary { 0%, 100% { -webkit-text-fill-color: #0e4c95; box-shadow: inset 0 0 0 30px #edf1f7; } } @keyframes autofill_in_secondary { 0%, 100% { -webkit-text-fill-color: #edf1f7; box-shadow: inset 0 0 0 30px #0e4c95; } } @keyframes autofill_noPlace_noFocus_primary { 0% { color: #edf1f7; background-color: #0e4c95; } 100% { color: #0e4c95; background-color: #edf1f7; } } @keyframes autofill_out_primary { 0%, 100% { color: #0e4c95; background-color: #edf1f7; } } @keyframes autofill_out_secondary { 0%, 100% { color: #edf1f7; background-color: #0e4c95; } } .accordion-flush .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,"); } .reg_fill { color: #980539; text-decoration: none; background-image: linear-gradient(to right, #980539 50%, #E6E6E6 50%); background-size: 200% 3px; background-repeat: no-repeat; background-position: 100% 100%; transition: background-position 0.3s, color 0.3s ease-in-out, opacity 0.3s; } .reg_fill:hover { color: #980539; background-position: 0 100%; opacity: 0.8; cursor: pointer; } html { scroll-behavior: smooth; } :target::before { content: ""; display: block; height: 6rem; margin: -6rem 0 0; } @media (max-width: 991.98px) { .container_humanbit_structure.nav_extra :target::before { content: ""; display: block; height: 9rem; margin: -9rem 0 0; } } @media (max-width: 767.98px) { :target::before { content: ""; display: block; height: 5rem; margin: -5rem 0 0; } } @media (max-height: 400px) and (orientation: landscape) { :target::before { content: ""; display: block; height: 4.5rem; margin: -4.5rem 0 0; } } .color_grayer { color: #b3b3b3; } .bg_color_grayer { background-color: #b3b3b3; } .border_color_grayer { border-color: #b3b3b3 !important; } .color_black { color: #1A130F; } .bg_color_black { background-color: #1A130F; } .border_color_black { border-color: #1A130F !important; } .color_white { color: #ffffff; } .bg_color_white { background-color: #ffffff; } .border_color_white { border-color: #ffffff !important; } .color_first { color: #0e4c94; } .bg_color_first { background-color: #0e4c94; } .border_color_first { border-color: #0e4c94 !important; } .color_second { color: #192946; } .bg_color_second { background-color: #192946; } .border_color_second { border-color: #192946 !important; } .color_third { color: #f28f52; } .bg_color_third { background-color: #f28f52; } .border_color_third { border-color: #f28f52 !important; } .color_fourth { color: #69C914; } .bg_color_fourth { background-color: #69C914; } .border_color_fourth { border-color: #69C914 !important; } .color_fifth { color: #ffcc00; } .bg_color_fifth { background-color: #ffcc00; } .border_color_fifth { border-color: #ffcc00 !important; } .color_sixth { color: #980539; } .bg_color_sixth { background-color: #980539; } .border_color_sixth { border-color: #980539 !important; } .color_seventh { color: #D12A6A; } .bg_color_seventh { background-color: #D12A6A; } .border_color_seventh { border-color: #D12A6A !important; } .color_eighth { color: #15A4DA; } .bg_color_eighth { background-color: #15A4DA; } .border_color_eighth { border-color: #15A4DA !important; } .color_ninth { color: #008aaa; } .bg_color_ninth { background-color: #008aaa; } .border_color_ninth { border-color: #008aaa !important; } .color_tenth { color: #0000FF; } .bg_color_tenth { background-color: #0000FF; } .border_color_tenth { border-color: #0000FF !important; } .bg_color_facebook { background-color: #4267B2; } .bg_color_twitter { background-color: #55ACEE; } .bg_color_linkedin { background-color: #0077B5; } .bg_color_email { background-color: #7D7D7D; } .bg_color_whatsapp { background-color: #25D366; } .btn-close { background-image: none; } .btn_reset, .btn_reverse, .btn_color_white, .btn_bg_white, .btn_color_black, .btn_bg_black, .btn_color_first, .btn_bg_first, .btn_color_second, .btn_bg_second, .btn_color_third, .btn_bg_third, .btn_color_fourth, .btn_bg_fourth, .btn_color_fifth, .btn_bg_fifth, .btn_color_sixth, .btn_bg_sixth, .btn_color_seventh, .btn_bg_seventh, .btn_color_eighth, .btn_bg_eighth, .btn_color_ninth, .btn_bg_ninth, .btn_color_tenth, .btn_bg_tenth { height: fit-content; padding: 1rem 1rem; font-family: "IBM Plex Sans", sans-serif; font-size: 0.88rem; line-height: 1.25; text-transform: uppercase; font-weight: 700; text-align: center; vertical-align: middle; border: 2px solid currentcolor; border-radius: 0px; opacity: 1; transition: none; } .btn_reset.btn_big, .btn_reverse.btn_big, .btn_color_white.btn_big, .btn_bg_white.btn_big, .btn_color_black.btn_big, .btn_bg_black.btn_big, .btn_color_first.btn_big, .btn_bg_first.btn_big, .btn_color_second.btn_big, .btn_bg_second.btn_big, .btn_color_third.btn_big, .btn_bg_third.btn_big, .btn_color_fourth.btn_big, .btn_bg_fourth.btn_big, .btn_color_fifth.btn_big, .btn_bg_fifth.btn_big, .btn_color_sixth.btn_big, .btn_bg_sixth.btn_big, .btn_color_seventh.btn_big, .btn_bg_seventh.btn_big, .btn_color_eighth.btn_big, .btn_bg_eighth.btn_big, .btn_color_ninth.btn_big, .btn_bg_ninth.btn_big, .btn_color_tenth.btn_big, .btn_bg_tenth.btn_big { padding: 0.8rem 4.5rem; } .btn_reset.btn_radius, .btn_reverse.btn_radius, .btn_color_white.btn_radius, .btn_bg_white.btn_radius, .btn_color_black.btn_radius, .btn_bg_black.btn_radius, .btn_color_first.btn_radius, .btn_bg_first.btn_radius, .btn_color_second.btn_radius, .btn_bg_second.btn_radius, .btn_color_third.btn_radius, .btn_bg_third.btn_radius, .btn_color_fourth.btn_radius, .btn_bg_fourth.btn_radius, .btn_color_fifth.btn_radius, .btn_bg_fifth.btn_radius, .btn_color_sixth.btn_radius, .btn_bg_sixth.btn_radius, .btn_color_seventh.btn_radius, .btn_bg_seventh.btn_radius, .btn_color_eighth.btn_radius, .btn_bg_eighth.btn_radius, .btn_color_ninth.btn_radius, .btn_bg_ninth.btn_radius, .btn_color_tenth.btn_radius, .btn_bg_tenth.btn_radius { border-radius: 20px; } .btn_reset:active, .btn_reverse:active, .btn_color_white:active, .btn_bg_white:active, .btn_color_black:active, .btn_bg_black:active, .btn_color_first:active, .btn_bg_first:active, .btn_color_second:active, .btn_bg_second:active, .btn_color_third:active, .btn_bg_third:active, .btn_color_fourth:active, .btn_bg_fourth:active, .btn_color_fifth:active, .btn_bg_fifth:active, .btn_color_sixth:active, .btn_bg_sixth:active, .btn_color_seventh:active, .btn_bg_seventh:active, .btn_color_eighth:active, .btn_bg_eighth:active, .btn_color_ninth:active, .btn_bg_ninth:active, .btn_color_tenth:active, .btn_bg_tenth:active { opacity: 0.75; } .btn_reset:hover, .btn_reset:focus, .btn_reverse:hover, .btn_reverse:focus, .btn_color_white:hover, .btn_color_white:focus, .btn_bg_white:hover, .btn_bg_white:focus, .btn_color_black:hover, .btn_color_black:focus, .btn_bg_black:hover, .btn_bg_black:focus, .btn_color_first:hover, .btn_color_first:focus, .btn_bg_first:hover, .btn_bg_first:focus, .btn_color_second:hover, .btn_color_second:focus, .btn_bg_second:hover, .btn_bg_second:focus, .btn_color_third:hover, .btn_color_third:focus, .btn_bg_third:hover, .btn_bg_third:focus, .btn_color_fourth:hover, .btn_color_fourth:focus, .btn_bg_fourth:hover, .btn_bg_fourth:focus, .btn_color_fifth:hover, .btn_color_fifth:focus, .btn_bg_fifth:hover, .btn_bg_fifth:focus, .btn_color_sixth:hover, .btn_color_sixth:focus, .btn_bg_sixth:hover, .btn_bg_sixth:focus, .btn_color_seventh:hover, .btn_color_seventh:focus, .btn_bg_seventh:hover, .btn_bg_seventh:focus, .btn_color_eighth:hover, .btn_color_eighth:focus, .btn_bg_eighth:hover, .btn_bg_eighth:focus, .btn_color_ninth:hover, .btn_color_ninth:focus, .btn_bg_ninth:hover, .btn_bg_ninth:focus, .btn_color_tenth:hover, .btn_color_tenth:focus, .btn_bg_tenth:hover, .btn_bg_tenth:focus { transition: all 0.15s ease-in-out !important; } .btn_reset > *, .btn_reverse > *, .btn_color_white > *, .btn_bg_white > *, .btn_color_black > *, .btn_bg_black > *, .btn_color_first > *, .btn_bg_first > *, .btn_color_second > *, .btn_bg_second > *, .btn_color_third > *, .btn_bg_third > *, .btn_color_fourth > *, .btn_bg_fourth > *, .btn_color_fifth > *, .btn_bg_fifth > *, .btn_color_sixth > *, .btn_bg_sixth > *, .btn_color_seventh > *, .btn_bg_seventh > *, .btn_color_eighth > *, .btn_bg_eighth > *, .btn_color_ninth > *, .btn_bg_ninth > *, .btn_color_tenth > *, .btn_bg_tenth > * { transition: none; } .btn_reset > *:hover, .btn_reset > *:focus, .btn_reverse > *:hover, .btn_reverse > *:focus, .btn_color_white > *:hover, .btn_color_white > *:focus, .btn_bg_white > *:hover, .btn_bg_white > *:focus, .btn_color_black > *:hover, .btn_color_black > *:focus, .btn_bg_black > *:hover, .btn_bg_black > *:focus, .btn_color_first > *:hover, .btn_color_first > *:focus, .btn_bg_first > *:hover, .btn_bg_first > *:focus, .btn_color_second > *:hover, .btn_color_second > *:focus, .btn_bg_second > *:hover, .btn_bg_second > *:focus, .btn_color_third > *:hover, .btn_color_third > *:focus, .btn_bg_third > *:hover, .btn_bg_third > *:focus, .btn_color_fourth > *:hover, .btn_color_fourth > *:focus, .btn_bg_fourth > *:hover, .btn_bg_fourth > *:focus, .btn_color_fifth > *:hover, .btn_color_fifth > *:focus, .btn_bg_fifth > *:hover, .btn_bg_fifth > *:focus, .btn_color_sixth > *:hover, .btn_color_sixth > *:focus, .btn_bg_sixth > *:hover, .btn_bg_sixth > *:focus, .btn_color_seventh > *:hover, .btn_color_seventh > *:focus, .btn_bg_seventh > *:hover, .btn_bg_seventh > *:focus, .btn_color_eighth > *:hover, .btn_color_eighth > *:focus, .btn_bg_eighth > *:hover, .btn_bg_eighth > *:focus, .btn_color_ninth > *:hover, .btn_color_ninth > *:focus, .btn_bg_ninth > *:hover, .btn_bg_ninth > *:focus, .btn_color_tenth > *:hover, .btn_color_tenth > *:focus, .btn_bg_tenth > *:hover, .btn_bg_tenth > *:focus { transition: none; } .btn_reset.btn_hover:hover, .btn_reset.btn_hover:active, .btn_reset.btn_hover:focus-visible, .btn_reverse.btn_hover:hover, .btn_reverse.btn_hover:active, .btn_reverse.btn_hover:focus-visible, .btn_color_white.btn_hover:hover, .btn_color_white.btn_hover:active, .btn_color_white.btn_hover:focus-visible, .btn_bg_white.btn_hover:hover, .btn_bg_white.btn_hover:active, .btn_bg_white.btn_hover:focus-visible, .btn_color_black.btn_hover:hover, .btn_color_black.btn_hover:active, .btn_color_black.btn_hover:focus-visible, .btn_bg_black.btn_hover:hover, .btn_bg_black.btn_hover:active, .btn_bg_black.btn_hover:focus-visible, .btn_color_first.btn_hover:hover, .btn_color_first.btn_hover:active, .btn_color_first.btn_hover:focus-visible, .btn_bg_first.btn_hover:hover, .btn_bg_first.btn_hover:active, .btn_bg_first.btn_hover:focus-visible, .btn_color_second.btn_hover:hover, .btn_color_second.btn_hover:active, .btn_color_second.btn_hover:focus-visible, .btn_bg_second.btn_hover:hover, .btn_bg_second.btn_hover:active, .btn_bg_second.btn_hover:focus-visible, .btn_color_third.btn_hover:hover, .btn_color_third.btn_hover:active, .btn_color_third.btn_hover:focus-visible, .btn_bg_third.btn_hover:hover, .btn_bg_third.btn_hover:active, .btn_bg_third.btn_hover:focus-visible, .btn_color_fourth.btn_hover:hover, .btn_color_fourth.btn_hover:active, .btn_color_fourth.btn_hover:focus-visible, .btn_bg_fourth.btn_hover:hover, .btn_bg_fourth.btn_hover:active, .btn_bg_fourth.btn_hover:focus-visible, .btn_color_fifth.btn_hover:hover, .btn_color_fifth.btn_hover:active, .btn_color_fifth.btn_hover:focus-visible, .btn_bg_fifth.btn_hover:hover, .btn_bg_fifth.btn_hover:active, .btn_bg_fifth.btn_hover:focus-visible, .btn_color_sixth.btn_hover:hover, .btn_color_sixth.btn_hover:active, .btn_color_sixth.btn_hover:focus-visible, .btn_bg_sixth.btn_hover:hover, .btn_bg_sixth.btn_hover:active, .btn_bg_sixth.btn_hover:focus-visible, .btn_color_seventh.btn_hover:hover, .btn_color_seventh.btn_hover:active, .btn_color_seventh.btn_hover:focus-visible, .btn_bg_seventh.btn_hover:hover, .btn_bg_seventh.btn_hover:active, .btn_bg_seventh.btn_hover:focus-visible, .btn_color_eighth.btn_hover:hover, .btn_color_eighth.btn_hover:active, .btn_color_eighth.btn_hover:focus-visible, .btn_bg_eighth.btn_hover:hover, .btn_bg_eighth.btn_hover:active, .btn_bg_eighth.btn_hover:focus-visible, .btn_color_ninth.btn_hover:hover, .btn_color_ninth.btn_hover:active, .btn_color_ninth.btn_hover:focus-visible, .btn_bg_ninth.btn_hover:hover, .btn_bg_ninth.btn_hover:active, .btn_bg_ninth.btn_hover:focus-visible, .btn_color_tenth.btn_hover:hover, .btn_color_tenth.btn_hover:active, .btn_color_tenth.btn_hover:focus-visible, .btn_bg_tenth.btn_hover:hover, .btn_bg_tenth.btn_hover:active, .btn_bg_tenth.btn_hover:focus-visible { color: #ffffff; background-color: #1A130F; border-color: #1A130F; } .btn_reset.btn_reverse:hover, .btn_reset.btn_reverse:focus, .btn_reset.btn_reverse:active, .btn_reverse.btn_reverse:hover, .btn_reverse.btn_reverse:focus, .btn_reverse.btn_reverse:active, .btn_color_white.btn_reverse:hover, .btn_color_white.btn_reverse:focus, .btn_color_white.btn_reverse:active, .btn_bg_white.btn_reverse:hover, .btn_bg_white.btn_reverse:focus, .btn_bg_white.btn_reverse:active, .btn_color_black.btn_reverse:hover, .btn_color_black.btn_reverse:focus, .btn_color_black.btn_reverse:active, .btn_bg_black.btn_reverse:hover, .btn_bg_black.btn_reverse:focus, .btn_bg_black.btn_reverse:active, .btn_color_first.btn_reverse:hover, .btn_color_first.btn_reverse:focus, .btn_color_first.btn_reverse:active, .btn_bg_first.btn_reverse:hover, .btn_bg_first.btn_reverse:focus, .btn_bg_first.btn_reverse:active, .btn_color_second.btn_reverse:hover, .btn_color_second.btn_reverse:focus, .btn_color_second.btn_reverse:active, .btn_bg_second.btn_reverse:hover, .btn_bg_second.btn_reverse:focus, .btn_bg_second.btn_reverse:active, .btn_color_third.btn_reverse:hover, .btn_color_third.btn_reverse:focus, .btn_color_third.btn_reverse:active, .btn_bg_third.btn_reverse:hover, .btn_bg_third.btn_reverse:focus, .btn_bg_third.btn_reverse:active, .btn_color_fourth.btn_reverse:hover, .btn_color_fourth.btn_reverse:focus, .btn_color_fourth.btn_reverse:active, .btn_bg_fourth.btn_reverse:hover, .btn_bg_fourth.btn_reverse:focus, .btn_bg_fourth.btn_reverse:active, .btn_color_fifth.btn_reverse:hover, .btn_color_fifth.btn_reverse:focus, .btn_color_fifth.btn_reverse:active, .btn_bg_fifth.btn_reverse:hover, .btn_bg_fifth.btn_reverse:focus, .btn_bg_fifth.btn_reverse:active, .btn_color_sixth.btn_reverse:hover, .btn_color_sixth.btn_reverse:focus, .btn_color_sixth.btn_reverse:active, .btn_bg_sixth.btn_reverse:hover, .btn_bg_sixth.btn_reverse:focus, .btn_bg_sixth.btn_reverse:active, .btn_color_seventh.btn_reverse:hover, .btn_color_seventh.btn_reverse:focus, .btn_color_seventh.btn_reverse:active, .btn_bg_seventh.btn_reverse:hover, .btn_bg_seventh.btn_reverse:focus, .btn_bg_seventh.btn_reverse:active, .btn_color_eighth.btn_reverse:hover, .btn_color_eighth.btn_reverse:focus, .btn_color_eighth.btn_reverse:active, .btn_bg_eighth.btn_reverse:hover, .btn_bg_eighth.btn_reverse:focus, .btn_bg_eighth.btn_reverse:active, .btn_color_ninth.btn_reverse:hover, .btn_color_ninth.btn_reverse:focus, .btn_color_ninth.btn_reverse:active, .btn_bg_ninth.btn_reverse:hover, .btn_bg_ninth.btn_reverse:focus, .btn_bg_ninth.btn_reverse:active, .btn_color_tenth.btn_reverse:hover, .btn_color_tenth.btn_reverse:focus, .btn_color_tenth.btn_reverse:active, .btn_bg_tenth.btn_reverse:hover, .btn_bg_tenth.btn_reverse:focus, .btn_bg_tenth.btn_reverse:active { color: #ffffff; background-color: transparent; border-color: #ffffff; } .btn_reset { color: #ffffff; background-color: transparent; border-color: transparent; } .btn_reset:hover, .btn_reset:active, .btn_reset:focus-visible { color: #ffffff; background-color: #1A130F; border-color: #1A130F; } .btn_color_black { color: #1A130F; background-color: #ffffff; border-color: #1A130F; } .btn_color_black:hover, .btn_color_black:active, .btn_color_black:focus-visible { color: #ffffff; background-color: #1A130F; border-color: #1A130F; } .btn_bg_black { color: #ffffff; background-color: #1A130F; border-color: #1A130F; } .btn_bg_black:hover, .btn_bg_black:active, .btn_bg_black:focus-visible { color: #1A130F; background-color: #ffffff; border-color: #1A130F; } .btn_color_white { color: #ffffff; background-color: #1A130F; border-color: #1A130F; } .btn_color_white:hover, .btn_color_white:active, .btn_color_white:focus-visible { color: #1A130F; background-color: #ffffff; border-color: #1A130F; } .btn_bg_white { color: #1A130F; background-color: #ffffff; border-color: #1A130F; } .btn_bg_white:hover, .btn_bg_white:active, .btn_bg_white:focus-visible { color: #ffffff; background-color: #1A130F; border-color: #1A130F; } .btn_color_first { color: #0e4c94; background-color: #ffffff; border-color: #0e4c94; } .btn_color_first:hover, .btn_color_first:active, .btn_color_first:focus-visible { color: #ffffff; background-color: #0e4c94; border-color: #0e4c94; } .btn_bg_first { color: #ffffff; background-color: #0e4c94; border-color: #0e4c94; } .btn_bg_first:hover, .btn_bg_first:active, .btn_bg_first:focus-visible { color: #0e4c94; background-color: #ffffff; border-color: #0e4c94; } .btn_color_second { color: #192946; background-color: #ffffff; border-color: #192946; } .btn_color_second:hover, .btn_color_second:active, .btn_color_second:focus-visible { color: #ffffff; background-color: #192946; border-color: #192946; } .btn_bg_second { color: #ffffff; background-color: #192946; border-color: #192946; } .btn_bg_second:hover, .btn_bg_second:active, .btn_bg_second:focus-visible { color: #192946; background-color: #ffffff; border-color: #192946; } .btn_color_third { color: #f28f52; background-color: #ffffff; border-color: #f28f52; } .btn_color_third:hover, .btn_color_third:active, .btn_color_third:focus-visible { color: #ffffff; background-color: #f28f52; border-color: #f28f52; } .btn_bg_third { color: #ffffff; background-color: #f28f52; border-color: #f28f52; } .btn_bg_third:hover, .btn_bg_third:active, .btn_bg_third:focus-visible { color: #f28f52; background-color: #ffffff; border-color: #f28f52; } .btn_color_fourth { color: #69C914; background-color: #ffffff; border-color: #69C914; } .btn_color_fourth:hover, .btn_color_fourth:active, .btn_color_fourth:focus-visible { color: #ffffff; background-color: #69C914; border-color: #69C914; } .btn_bg_fourth { color: #ffffff; background-color: #69C914; border-color: #69C914; } .btn_bg_fourth:hover, .btn_bg_fourth:active, .btn_bg_fourth:focus-visible { color: #69C914; background-color: #ffffff; border-color: #69C914; } .btn_color_fifth { color: #ffcc00; background-color: #ffffff; border-color: #ffcc00; } .btn_color_fifth:hover, .btn_color_fifth:active, .btn_color_fifth:focus-visible { color: #ffffff; background-color: #ffcc00; border-color: #ffcc00; } .btn_bg_fifth { color: #ffffff; background-color: #ffcc00; border-color: #ffcc00; } .btn_bg_fifth:hover, .btn_bg_fifth:active, .btn_bg_fifth:focus-visible { color: #ffcc00; background-color: #ffffff; border-color: #ffcc00; } .btn_color_sixth { color: #980539; background-color: #ffffff; border-color: #980539; } .btn_color_sixth:hover, .btn_color_sixth:active, .btn_color_sixth:focus-visible { color: #ffffff; background-color: #980539; border-color: #980539; } .btn_bg_sixth { color: #ffffff; background-color: #980539; border-color: #980539; } .btn_bg_sixth:hover, .btn_bg_sixth:active, .btn_bg_sixth:focus-visible { color: #980539; background-color: #ffffff; border-color: #980539; } .btn_color_seventh { color: #D12A6A; background-color: #ffffff; border-color: #D12A6A; } .btn_color_seventh:hover, .btn_color_seventh:active, .btn_color_seventh:focus-visible { color: #ffffff; background-color: #D12A6A; border-color: #D12A6A; } .btn_bg_seventh { color: #ffffff; background-color: #D12A6A; border-color: #D12A6A; } .btn_bg_seventh:hover, .btn_bg_seventh:active, .btn_bg_seventh:focus-visible { color: #D12A6A; background-color: #ffffff; border-color: #D12A6A; } .btn_color_eighth { color: #15A4DA; background-color: #ffffff; border-color: #15A4DA; } .btn_color_eighth:hover, .btn_color_eighth:active, .btn_color_eighth:focus-visible { color: #ffffff; background-color: #15A4DA; border-color: #15A4DA; } .btn_bg_eighth { color: #ffffff; background-color: #15A4DA; border-color: #15A4DA; } .btn_bg_eighth:hover, .btn_bg_eighth:active, .btn_bg_eighth:focus-visible { color: #15A4DA; background-color: #ffffff; border-color: #15A4DA; } .btn_color_ninth { color: #008aaa; background-color: #ffffff; border-color: #008aaa; } .btn_color_ninth:hover, .btn_color_ninth:active, .btn_color_ninth:focus-visible { color: #ffffff; background-color: #008aaa; border-color: #008aaa; } .btn_bg_ninth { color: #ffffff; background-color: #008aaa; border-color: #008aaa; } .btn_bg_ninth:hover, .btn_bg_ninth:active, .btn_bg_ninth:focus-visible { color: #008aaa; background-color: #ffffff; border-color: #008aaa; } .btn_color_tenth { color: #0000FF; background-color: #ffffff; border-color: #0000FF; } .btn_color_tenth:hover, .btn_color_tenth:active, .btn_color_tenth:focus-visible { color: #ffffff; background-color: #0000FF; border-color: #0000FF; } .btn_bg_tenth { color: #ffffff; background-color: #0000FF; border-color: #0000FF; } .btn_bg_tenth:hover, .btn_bg_tenth:active, .btn_bg_tenth:focus-visible { color: #0000FF; background-color: #ffffff; border-color: #0000FF; } * { box-sizing: border-box; } *:not(body, button, .fade, .scrollbar_spacing):hover { transition: all 0.3s ease-in-out; } a:hover { opacity: 0.8; } ul { list-style: none; } .container_humanbit_overflow { overflow: hidden; } .container_humanbit_structure { min-height: calc(100vh - 6rem); margin-top: 6rem; } .full_height { min-height: calc(100vh - 6rem); } .container_humanbit_1 { padding-right: 4.5rem; padding-left: 4.5rem; } .container_humanbit_2 { padding-right: 3rem; padding-left: 3rem; } .container_max_width_1 { margin: 0 auto; max-width: 1500px; } .container_max_width_2 { margin: 0 auto; max-width: 920px; } .viewport { transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transform: matrix(1, 0, 0, 1, 0, 100); opacity: 0; } .viewport.viewport_right { transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transform: matrix(1, 0, 0, 1, 200, 0); opacity: 0; } .viewport.viewport_left { transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transform: matrix(1, 0, 0, 1, -200, 0); opacity: 0; } .viewport.viewport_total_left { transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transform: matrix(1, 0, 0, 1, -2000, 0); opacity: 0.5; } .viewport.viewport_total_right { transition: all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out; transform: matrix(1, 0, 0, 1, 2000, 0); opacity: 0.5; } .viewport.viewport_small_y_rotate { transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; transform: matrix(1, 0, 80, 1, 0, 0); opacity: 0; } .viewport.viewport_big_y { transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0; } /*///// ==================== @media ==================== */ /* @media (max-width) */ @media (max-width: 991.98px) { .container_humanbit_structure.nav_extra { min-height: calc(100vh - 9rem); margin-top: 9rem; } .container_humanbit_structure.nav_extra .full_height { min-height: calc(100vh - 9rem); } .container_humanbit_structure.nav_extra .modal_full { top: 9rem; height: calc(100vh - 9rem); } } @media (max-width: 767.98px) { .container_humanbit_structure { min-height: calc(100vh - 5rem); margin-top: 5rem; } .full_height { min-height: calc(100vh - 5rem); } .modal_full { top: 5rem; height: calc(100vh - 5rem); } } @media (max-width: 575.98px) { .container_humanbit_1 { padding-right: 1.5rem; padding-left: 1.5rem; } .container_humanbit_2 { padding-right: 2rem; padding-left: 2rem; } } /* @media between */ /* @media (min-width) */ /* mobile landscape */ @media (max-height: 400px) and (orientation: landscape) { .container_humanbit_structure { min-height: calc(100vh - 4.5rem); margin-top: 4.5rem; } .full_height { min-height: calc(100vh - 4.5rem); } .modal_full { top: 4.5rem; height: calc(100vh - 4.5rem); } } /* iPad Pro portrait */ /*///// ==================== @media ==================== */ /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ /*///// ==================== @media ==================== */ /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ .timeline_partial { font-family: "Montserrat", sans-serif; } .timeline_partial * { outline: none; } .timeline_partial .chat_box_container { position: fixed; bottom: 3rem; right: 3rem; z-index: 15; } .timeline_partial .chat_box_container .chat_box_container_wrap { position: relative; } .timeline_partial .chat_box_container .chat_box_container_wrap .chat_box { position: absolute; visibility: hidden; opacity: 0; bottom: 2rem; right: 2rem; background-color: #DAE6FB; box-shadow: 0px 1px 5px gray; border-radius: 15px 15px 0px 15px; z-index: 15; padding: 1.5rem; transition: visibility 0.2s, opacity 0.2s ease-in-out; -webkit-transition: visibility 0.2s, opacity 0.2s ease-in-out; -moz-transition: visibility 0.2s, opacity 0.2s ease-in-out; -o-transition: visibility 0.2s, opacity 0.2s ease-in-out; } .timeline_partial .chat_box_container .chat_box_container_wrap .chat_box .chat_member img { width: 4rem; border-radius: 50%; border: 3px solid #91B5F3; } .timeline_partial .chat_box_container .chat_box_container_wrap .chat_box .chat_member span { color: black; font-weight: bold; } .timeline_partial .chat_box_container .chat_box_container_wrap .chat_box .header_chat { display: flex; justify-content: space-between; } .timeline_partial .chat_box_container .chat_box_container_wrap .chat_box .header_chat .close_chat { font-size: 1.2rem; line-height: 0; width: 0; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .timeline_partial .chat_box_container .chat_box_container_wrap .chat_box .header_chat .close_chat:hover { opacity: 0.7; } .timeline_partial .chat_box_container .chat_box_container_wrap .chat_box .body_chat { position: relative; border-radius: 5px; box-shadow: 0px 0px 3px 2px lightgray inset; overflow-y: scroll; overflow-x: hidden; -ms-overflow-style: none !important; scrollbar-width: none !important; height: 38rem; width: 38rem; background-color: white; -ms-overflow-style: none; scrollbar-width: none; } .timeline_partial .chat_box_container .chat_box_container_wrap .chat_box .body_chat .no_message { display: none; } .timeline_partial .chat_box_container .chat_box_container_wrap .chat_box .body_chat .chat_message_container { display: flex; position: absolute; bottom: 1.5rem; width: 93%; padding: 1rem; margin-left: 3.5%; border-radius: 15px; border: none; background-color: #DAE6FB; box-shadow: 0px 0px 2px 2px lightgray; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .timeline_partial .chat_box_container .chat_box_container_wrap .chat_box .body_chat .chat_message_container textarea { resize: none; overflow: hidden; border: none; box-sizing: border-box; background: transparent; width: 90%; vertical-align: middle; } .timeline_partial .chat_box_container .chat_box_container_wrap .chat_box .body_chat .send_message_button { margin: auto; bottom: 1rem; right: 1.5rem; position: absolute; font-size: 1.5rem; } .timeline_partial .chat_box_container .chat_box_container_wrap .chat_box .body_chat::-webkit-scrollbar { display: none; } .timeline_partial .chat_box_container .chat_box_container_wrap .chat_button { position: absolute; bottom: 0; right: 0; box-shadow: 0px 0px 4px 1px lightgray; font-size: 2rem; padding: 1.3rem 1.1rem; border-radius: 50%; color: #91B5F3; background-color: #dae6fbc4; box-shadow: 0px 0px 3px 0px gray; z-index: 10; text-shadow: 2px 2px 2px #0B3954; transition: visibility 0.2s, opacity 0.2s ease-in-out; -webkit-transition: visibility 0.2s, opacity 0.2s ease-in-out; -moz-transition: visibility 0.2s, opacity 0.2s ease-in-out; -o-transition: visibility 0.2s, opacity 0.2s ease-in-out; } .timeline_partial .chat_box_container .chat_box_container_wrap .chat_button:hover, .timeline_partial .chat_box_container .chat_box_container_wrap .chat_button:hover { opacity: 0.7; } @keyframes tilt-shaking { 0% { transform: rotate(0deg); } 25% { transform: rotate(5deg); } 50% { transform: rotate(0deg); } 75% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .timeline_partial .chat_box_container .chat_box.active { visibility: visible; opacity: 1; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message { display: block; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf { top: -2rem; font-size: 2rem; position: absolute; filter: blur(1px); } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(odd) { color: #D1603D; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(even) { color: #A44200; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(1) { animation: fluctuate1 30s ease-in-out, leaf-shaking 30s ease-in-out; animation-iteration-count: infinite; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(2) { animation: fluctuate2 14s ease-in-out, leaf-shaking 14s ease-in-out; animation-iteration-count: infinite; animation-delay: 0.5s; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(3) { animation: fluctuate3 21s ease-in-out, leaf-shaking 21s ease-in-out; animation-iteration-count: infinite; animation-delay: 1s; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(4) { animation: fluctuate4 27s ease-in-out, leaf-shaking 27s ease-in-out; animation-iteration-count: infinite; animation-delay: 1s; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(5) { animation: fluctuate1 16s ease-in-out, leaf-shaking 16s ease-in-out; animation-iteration-count: infinite; animation-delay: 0.3s; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(6) { animation: fluctuate2 14s ease-in-out, leaf-shaking 14s ease-in-out; animation-iteration-count: infinite; animation-delay: 3s; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(7) { animation: fluctuate3 9s ease-in-out, leaf-shaking 9s ease-in-out; animation-iteration-count: infinite; animation-delay: 2.4s; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(8) { animation: fluctuate4 15s ease-in-out, leaf-shaking 15s ease-in-out; animation-iteration-count: infinite; animation-delay: 2s; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(9) { animation: fluctuate2 11s ease-in-out, leaf-shaking 11s ease-in-out; animation-iteration-count: infinite; animation-delay: 1.8s; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(10) { animation: fluctuate3 30s ease-in-out, leaf-shaking2 30s ease-in-out; animation-iteration-count: infinite; animation-delay: 2.6s; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(11) { animation: fluctuate1 10s ease-in-out, leaf-shaking 10s ease-in-out; animation-iteration-count: infinite; animation-delay: 2s; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(12) { animation: fluctuate2 24s ease-in-out, leaf-shaking 24s ease-in-out; animation-iteration-count: infinite; animation-delay: 1.5s; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(13) { animation: fluctuate3 11s ease-in-out, leaf-shaking 11s ease-in-out; animation-iteration-count: infinite; animation-delay: 2.4s; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(14) { animation: fluctuate4 17s ease-in-out, leaf-shaking 17s ease-in-out; animation-iteration-count: infinite; animation-delay: 1s; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(15) { animation: fluctuate1 16s ease-in-out, leaf-shaking 16s ease-in-out; animation-iteration-count: infinite; animation-delay: 0.3s; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(16) { animation: fluctuate2 14s ease-in-out, leaf-shaking 14s ease-in-out; animation-iteration-count: infinite; animation-delay: 0.6s; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(17) { animation: fluctuate3 19s ease-in-out, leaf-shaking 19s ease-in-out; animation-iteration-count: infinite; animation-delay: 2.4s; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(18) { animation: fluctuate4 25s ease-in-out, leaf-shaking 25s ease-in-out; animation-iteration-count: infinite; animation-delay: 3s; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(19) { animation: fluctuate2 12s ease-in-out, leaf-shaking 12s ease-in-out; animation-iteration-count: infinite; animation-delay: 0.8s; } .timeline_partial .chat_box_container .chat_box.active .body_chat .no_message .leaf:nth-child(20) { animation: fluctuate3 24s ease-in-out, leaf-shaking2 24s ease-in-out; animation-iteration-count: infinite; animation-delay: 3.6s; } @keyframes leaf-shaking { 0% { transform: rotate(0deg); } 25% { transform: rotate(80deg); } 40% { transform: rotate(45deg); } 55% { transform: rotate(380deg); } 70% { transform: rotate(324deg); } 80% { transform: rotate(376deg); } 100% { transform: rotate(433deg); } } @keyframes leaf-shaking2 { 0% { transform: rotate(45deg); } 25% { transform: rotate(-33deg); } 40% { transform: rotate(27deg); } 55% { transform: rotate(-67deg); } 70% { transform: rotate(-81deg); } 80% { transform: rotate(-72deg); } 100% { transform: rotate(21deg); } } @keyframes fluctuate1 { 0% { top: -2rem; left: 0; } 100% { top: 105rem; left: 105rem; } } @keyframes fluctuate2 { 0% { top: -2rem; left: -10rem; } 100% { top: 70rem; left: 105rem; } } @keyframes fluctuate3 { 0% { top: -2rem; left: 8rem; } 100% { top: 105rem; left: 105rem; } } @keyframes fluctuate4 { 0% { top: -2rem; left: -15rem; } 100% { top: 105rem; left: 36rem; } } .timeline_partial .timelinebit { font-weight: bold; letter-spacing: 0.3rem; font-size: 5rem !important; } .timeline_partial .timelinebit .span_title { color: #FF006E; } .timeline_partial .small_title { font-weight: bold; letter-spacing: 0.1rem; } .timeline_partial .small_title .span_title { color: #FF006E; } .timeline_partial .timelinebit_subtitle { font-weight: 500; } .timeline_partial .email_to { margin-top: -5rem; } .timeline_partial .calendar .d-grid, .timeline_partial .calendar_2 .d-grid { max-width: 1400px; position: relative; } .timeline_partial .calendar h1, .timeline_partial .calendar_2 h1 { font-size: 3.5rem; } .timeline_partial .calendar .btn_calendar, .timeline_partial .calendar_2 .btn_calendar { user-select: none; position: relative; font-size: 1.5rem; width: 100%; color: white; background: #0B3954; text-shadow: 2px 2px 1px #051924; font-family: "Montserrat", sans-serif; border: 1px solid #91B5F3; border-radius: 25px 25px 0px 0px; text-align: center; font-weight: 700; padding: 1rem 1rem; line-height: 2.5rem; } .timeline_partial .calendar .btn_city, .timeline_partial .calendar_2 .btn_city { font-family: "Montserrat", sans-serif; background: #0B3954; text-shadow: 2px 2px 1px #051924; border: 1px solid #91B5F3; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .timeline_partial .calendar .btn_city:hover, .timeline_partial .calendar_2 .btn_city:hover { opacity: 0.8; color: white; } .timeline_partial .calendar .btn_calendar .notifications { color: #DAE6FB; opacity: 1; position: absolute; top: 1.5rem; right: 3rem; transition: visibility 0.2s, opacity 0.2s ease-in-out; -webkit-transition: visibility 0.2s, opacity 0.2s ease-in-out; -moz-transition: visibility 0.2s, opacity 0.2s ease-in-out; -o-transition: visibility 0.2s, opacity 0.2s ease-in-out; } .timeline_partial .calendar .btn_calendar .notifications .notification_number { font-size: 0.7rem; position: absolute; width: 100%; left: 0.9rem; bottom: 1.2rem; user-select: none; z-index: 3; animation: inherit; } .timeline_partial .calendar .btn_calendar .notifications_on { color: #FF006E; opacity: 1; animation: tilt-shaking 1s infinite; } .timeline_partial .calendar .btn_calendar .notifications_on:hover, .timeline_partial .calendar .btn_calendar .notifications:hover { opacity: 0.7; } @keyframes tilt-shaking { 0% { transform: rotate(0deg); } 25% { transform: rotate(5deg); } 50% { transform: rotate(0deg); } 75% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .timeline_partial .calendar .notifications_box { position: absolute; visibility: hidden; opacity: 0; top: 9.9rem; right: 6rem; background-color: white; box-shadow: 0px 1px 5px gray; border-radius: 15px; z-index: 5; padding: 1.5rem; transition: visibility 0.2s, opacity 0.2s ease-in-out; -webkit-transition: visibility 0.2s, opacity 0.2s ease-in-out; -moz-transition: visibility 0.2s, opacity 0.2s ease-in-out; -o-transition: visibility 0.2s, opacity 0.2s ease-in-out; } .timeline_partial .calendar .notifications_box .header_notifications { display: flex; justify-content: space-between; } .timeline_partial .calendar .notifications_box .header_notifications .close_notifications { font-size: 1.2rem; line-height: 0; width: 0; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .timeline_partial .calendar .notifications_box .header_notifications .close_notifications:hover { opacity: 0.7; } .timeline_partial .calendar .notifications_box .filters_notifications .filter { color: gray; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .timeline_partial .calendar .notifications_box .filters_notifications .filter:hover { color: #FF006E; } .timeline_partial .calendar .notifications_box .filters_notifications .filter.active { font-weight: bold; border-bottom: 2px solid #FF006E; color: #FF006E; } .timeline_partial .calendar .notifications_box .body_notifications { overflow-y: scroll; overflow-x: hidden; -ms-overflow-style: none !important; scrollbar-width: none !important; max-height: 30rem; width: 35rem; -ms-overflow-style: none; scrollbar-width: none; } .timeline_partial .calendar .notifications_box .body_notifications .notification_thumb img { width: 4rem; border-radius: 25px; } .timeline_partial .calendar .notifications_box .body_notifications::-webkit-scrollbar { display: none; } .timeline_partial .calendar .notifications_box .notification_container { position: relative; background: #DAE6FB; border-radius: 10px; } .timeline_partial .calendar .notifications_box .notification_container .tag_member { font-weight: bold; } .timeline_partial .calendar .notifications_box .notification_container .read_notification { position: absolute; top: 1rem; right: 1rem; color: #FF006E; font-size: 0.8rem; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .timeline_partial .calendar .notifications_box .notification_container .read_notification:hover { color: #0B3954; } .timeline_partial .calendar .notifications_box .notification_container .date_notification { color: gray; font-weight: bold; } .timeline_partial .calendar .notifications_box::after { content: ""; position: absolute; right: -2rem; top: 3.3rem; border-width: 1rem; border-style: solid; border-color: transparent transparent transparent white; } .timeline_partial .calendar .notifications_box.active { visibility: visible; opacity: 1; } .timeline_partial .calendar .nav_calendar { min-width: 4rem; font-size: 1.5rem; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .timeline_partial .calendar .nav_calendar:hover { font-size: 2rem; } .timeline_partial .calendar .date_grid .btn_date { font-family: "Montserrat", sans-serif; background-color: #DAE6FB; border-radius: 0; border: 1px solid #91B5F3; color: black; width: 100%; height: 125px; font-size: 1.2rem; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .timeline_partial .calendar .date_grid .btn_date:hover { background-color: #91B5F3b5; } .timeline_partial .calendar .date_grid .btn_date.active { background-color: #91B5F3b5 !important; } .timeline_partial .calendar .day_of_week, .timeline_partial .calendar .date_grid { max-width: 100%; display: grid; grid-template-columns: repeat(7, minmax(0, 15%)); align-items: center; overflow: hidden; } .timeline_partial .calendar .date_grid button:first-child { grid-column: 7; } .timeline_partial .calendar .day_of_week { background: #0B3954; } .timeline_partial .calendar .day_of_week .li_date { font-weight: 500; font-size: 1.5rem; text-shadow: 2px 2px 1px #051924; word-break: inherit; border: 1px solid #91B5F3; border-top: none; padding: 2rem; color: white; text-transform: uppercase; } .timeline_partial .calendar_2 .btn_back { color: #0B3954; font-size: 2rem; position: absolute; top: 1.5rem; } .timeline_partial .calendar_2 .fa-ghost { animation: float 3s ease-in-out infinite; font-size: 2rem; } @keyframes float { 0% { transform: translatey(0px); } 50% { transform: translatey(-5px); } 100% { transform: translatey(0px); } } .timeline_partial .calendar_2 .fa-ghost:after { color: #0B3954; } .timeline_partial .calendar_2 .add_project_type { background-color: #edf1f7; border: 1px solid #edf1f7; } .timeline_partial .calendar_2 .form-check > .btn-check:not(:checked) ~ .btn-check-label { color: inherit; background-color: inherit; } .timeline_partial .calendar_2 * > .form-control:focus { background-color: #0B3954; border-color: #0B3954; color: white; } .timeline_partial .calendar_2 .form-floating > label { color: black; } .timeline_partial .calendar_2 .form-floating > .form-select ~ label { color: white !important; background-color: #0B3954; border-color: #0B3954; } .timeline_partial .calendar_2 .form-floating > .form-control:not([type=file]):not(:placeholder-shown):not(:focus) ~ label { color: white !important; background-color: #0B3954; border-color: #0B3954; } .timeline_partial .calendar_2 * > .form-control:not([type=file]):not(:placeholder-shown):not(:focus) { color: black; } .timeline_partial .calendar_2 .form-select { color: black; } .timeline_partial .calendar_2 * > .form-select:focus { background-color: #0B3954; border-color: #0B3954; color: white; } .timeline_partial .calendar_2 .hours_grid { max-width: 100%; display: grid; grid-template-columns: repeat(7, minmax(0, 15%)); align-items: center; overflow: hidden; min-height: 250px; } .timeline_partial .calendar_2 .btn_timeline_role { font-size: 1rem; text-shadow: 1px 1px 1px #051924; font-family: "Montserrat", sans-serif; border: 1px solid #91B5F3; border-radius: 25px 25px 0px 0px; } .timeline_partial .calendar_2 .btn_timeline_role.btn_role_backend { background: #D33E43; border: none; } .timeline_partial .calendar_2 .member-button { filter: grayscale(1); cursor: pointer; position: relative; border-radius: 25px; box-shadow: 0px 1px 5px gray; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .timeline_partial .calendar_2 .member-button img { width: 4rem; border-radius: 25px; } .timeline_partial .calendar_2 .member-button .img_outsiders { font-size: 3rem; } .timeline_partial .calendar_2 .member-button .member-check-icon { color: #FF006E; font-size: 1.5rem; position: absolute; top: 1rem; left: 1rem; } .timeline_partial .calendar_2 .member-button label { font-weight: bold; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .timeline_partial .calendar_2 .member-button:hover { filter: none; box-shadow: 1px 8px 8px gray; } .timeline_partial .calendar_2 .member-button.active { filter: none; } .timeline_partial .calendar_2 .member-button.active label { background-color: inherit; color: inherit; } .timeline_partial .calendar_2 .hours_grid .btn_date, .timeline_partial .calendar_2 .hours_grid_detail .btn_date { font-family: "Montserrat", sans-serif; background-color: #DAE6FB; border-radius: 0; border: 1px solid #91B5F3; color: black; width: 100%; height: 125px; font-size: 1.2rem; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; position: relative; } .timeline_partial .calendar_2 .hours_grid .btn_date .popup_action, .timeline_partial .calendar_2 .hours_grid_detail .btn_date .popup_action { color: #0B3954; text-shadow: 1px 1px 1px #91B5F3; position: absolute; text-align: center; z-index: 2; visibility: hidden; opacity: 0; width: 100%; left: 0; transition: visibility 0s, opacity 0.2s ease-in; -webkit-transition: visibility 0s, opacity 0.2s ease-in; -moz-transition: visibility 0s, opacity 0.2s ease-in; -o-transition: visibility 0s, opacity 0.2s ease-in; } .timeline_partial .calendar_2 .hours_grid .btn_date .popup_action_start_first, .timeline_partial .calendar_2 .hours_grid_detail .btn_date .popup_action_start_first { top: -2rem; } .timeline_partial .calendar_2 .hours_grid .btn_date .popup_action_end_first, .timeline_partial .calendar_2 .hours_grid_detail .btn_date .popup_action_end_first { top: 8rem; } .timeline_partial .calendar_2 .hours_grid .btn_date .popup_action_start_second, .timeline_partial .calendar_2 .hours_grid_detail .btn_date .popup_action_start_second { top: 8rem; } .timeline_partial .calendar_2 .hours_grid .btn_date .popup_action_end_second, .timeline_partial .calendar_2 .hours_grid_detail .btn_date .popup_action_end_second { top: -2rem; } .timeline_partial .calendar_2 .hours_grid .btn_date:hover, .timeline_partial .calendar_2 .hours_grid_detail .btn_date:hover { background-color: #91B5F3b5; } .timeline_partial .calendar_2 .hours_grid .btn_date:hover .popup_action_start_first, .timeline_partial .calendar_2 .hours_grid .btn_date:hover .popup_action_end_first, .timeline_partial .calendar_2 .hours_grid_detail .btn_date:hover .popup_action_start_first, .timeline_partial .calendar_2 .hours_grid_detail .btn_date:hover .popup_action_end_first { visibility: visible; opacity: 1; top: 0rem; -webkit-animation: moveInFirst 0.5s ease-in-out; -moz-animation: moveInFirst 0.5s ease-in-out; -o-animation: moveInFirst 0.5s ease-in-out; animation: moveInFirst 0.5s ease-in-out; } .timeline_partial .calendar_2 .hours_grid .btn_date:hover .popup_action_start_second, .timeline_partial .calendar_2 .hours_grid .btn_date:hover .popup_action_end_second, .timeline_partial .calendar_2 .hours_grid_detail .btn_date:hover .popup_action_start_second, .timeline_partial .calendar_2 .hours_grid_detail .btn_date:hover .popup_action_end_second { visibility: visible; opacity: 1; top: 6rem; -webkit-animation: moveInSecond 0.5s ease-in-out; -moz-animation: moveInSecond 0.5s ease-in-out; -o-animation: moveInSecond 0.5s ease-in-out; animation: moveInSecond 0.5s ease-in-out; } @keyframes moveInFirst { 0% { top: -2rem; } 100% { top: 0rem; } } @keyframes moveInSecond { 0% { top: 8rem; } 100% { top: 6rem; } } .timeline_partial .calendar_2 .hours_grid .btn_date.active, .timeline_partial .calendar_2 .hours_grid_detail .btn_date.active { background-color: #91B5F3b5 !important; } .timeline_partial .calendar_2 .hours_grid .btn_date.active .popup_action_start_first_active, .timeline_partial .calendar_2 .hours_grid .btn_date.active .popup_action_end_first_active, .timeline_partial .calendar_2 .hours_grid_detail .btn_date.active .popup_action_start_first_active, .timeline_partial .calendar_2 .hours_grid_detail .btn_date.active .popup_action_end_first_active { visibility: visible; opacity: 1; top: 0rem; } .timeline_partial .calendar_2 .hours_grid .btn_date.active .popup_action_start_second_active, .timeline_partial .calendar_2 .hours_grid .btn_date.active .popup_action_end_second_active, .timeline_partial .calendar_2 .hours_grid_detail .btn_date.active .popup_action_start_second_active, .timeline_partial .calendar_2 .hours_grid_detail .btn_date.active .popup_action_end_second_active { visibility: visible; opacity: 1; top: 6rem; } .timeline_partial .calendar_2 .hours_grid .btn_date_hour_detail, .timeline_partial .calendar_2 .hours_grid_detail .btn_date_hour_detail { width: 50px; } /*///// ==================== @media ==================== */ /* @media (max-width) */ @media (max-width: 767.98px) { .calendar_partial .calendar .btn_calendar { width: -webkit-fill-available; width: -moz-available; width: fill-available; } .calendar_partial .calendar .day_of_week, .calendar_partial .calendar .date_grid { display: grid; grid-template-columns: repeat(7, 1fr); grid-auto-columns: 1fr; grid-template-rows: 1fr; gap: 30px 0; justify-content: center; align-items: center; } .calendar_partial .calendar .date_grid .btn_date { width: 40px; height: 40px; } .calendar_partial .calendar_2 .btn_calendar, .calendar_partial .calendar_time .btn_calendar { width: 100%; } .calendar_partial .calendar_2 .hours_grid, .calendar_partial .calendar_time .hours_grid { display: grid; grid-template-columns: repeat(3, 136px); grid-auto-columns: 136px; grid-template-rows: 48px; gap: 33px 21px; align-items: center; } } @media (max-width: 575.98px) { .calendar_partial .calendar .btn_calendar { max-width: calc(100% - 11rem); padding: 1rem 1.5rem; } .calendar_partial .calendar .btn_chevron .chevron_calendar { font-size: 1.5rem; width: 54px; height: 54px; line-height: 3.12rem; } .calendar_partial .calendar_2 .hours_grid, .calendar_partial .calendar_time .hours_grid { display: grid; grid-template-columns: repeat(2, 136px); grid-auto-columns: 136px; grid-template-rows: 48px; gap: 33px 21px; align-items: center; } } /* @media between */ @media (min-width: 576px) and (max-width: 767.98px) { .calendar_partial .btn_calendar { max-width: 63%; } } /* @media (min-width) */ @media (min-width: 576px) { .calendar_partial .calendar_button_container { justify-content: unset !important; } } /* mobile landscape */ /* iPad Pro portrait */ /*///// ==================== @media ==================== */ /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ /*///// ==================== @media ==================== */ /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ /*///// ==================== @media ==================== */ /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ .footer_partial .sizing_wrapper { min-height: 0rem; } .footer_partial .sizing_wrapper .footer_fill { color: #f28f52; text-decoration: none; background-image: linear-gradient(to right, #f28f52 50%, #E6E6E6 50%); background-size: 200% 3px; background-repeat: no-repeat; background-position: 100% 100%; transition: background-position 0.3s, color 0.3s ease-in-out, opacity 0.3s; } .footer_partial .sizing_wrapper .footer_fill:hover { color: #f28f52; background-position: 0 100%; opacity: 0.8; cursor: pointer; } .footer_partial .sizing_wrapper .logo_primary, .footer_partial .sizing_wrapper .logo_secondary { max-height: 40px; } .footer_partial .sizing_wrapper .social_icon_spin { transition: 0.3s ease-in-out; } .footer_partial .sizing_wrapper .social_icon_spin:hover { cursor: pointer; opacity: 0.8; transform: rotate(360deg) scale(1.25); } .footer_partial figure:hover { opacity: 0.8; cursor: pointer; } .footer_partial .nav_form div > .form-control, .footer_partial .nav_form div > .form-select { background-color: #192946; -webkit-animation-name: autofill-out-primary-nav; -webkit-animation-duration: 0.15s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; } .footer_partial .nav_form div > .form-control:focus, .footer_partial .nav_form div > .form-select:focus { background-color: #192946; -webkit-animation-name: autofill-out-secondary-nav; -webkit-animation-duration: 0.15s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; } .footer_partial .nav_form div > .form-control:not(:placeholder-shown) { background-color: #192946; } .footer_partial .nav_form div > .form-control:not(:placeholder-shown):not(:focus) { background-color: #192946; -webkit-animation-name: autofill-noPlace_noFocus-primary-nav; -webkit-animation-duration: 0.15s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-fill-mode: both; } @-webkit-keyframes autofill-in-primary-nav { 0%, 100% { -webkit-text-fill-color: #ffffff; -webkit-box-shadow: inset 0 0 0 30px #192946; } } @-webkit-keyframes autofill-in-secondary-nav { 0%, 100% { -webkit-text-fill-color: #ffffff; -webkit-box-shadow: inset 0 0 0 30px #192946; } } @-webkit-keyframes autofill-noPlace_noFocus-primary-nav { 0% { color: #ffffff; background-color: #192946; } 100% { color: #ffffff; background-color: #192946; } } @-webkit-keyframes autofill-out-primary-nav { 0%, 100% { color: #ffffff; background-color: #192946; } } @-webkit-keyframes autofill-out-secondary-nav { 0%, 100% { color: #ffffff; background-color: #192946; } } .footer_partial .nav_form .form-floating > .form-control, .footer_partial .nav_form .form-floating > .form-select { background-color: #192946; } .footer_partial .nav_form .form-floating > .form-control:focus ~ label, .footer_partial .nav_form .form-floating > .form-select:focus ~ label { background-color: #192946; } .footer_partial .nav_form .form-floating > .form-control:not(:placeholder-shown) ~ label { background-color: #192946; } .footer_partial .nav_form .form-floating > .form-control:not(:placeholder-shown):not(:focus) ~ label { background-color: #f28f52; } /*///// ==================== @media ==================== */ /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ .home_partial .modal_slider_image { background-color: #192946; margin-top: 6rem; } .home_partial .modal_slider_image .modal-content { background-color: #192946; } .home_partial .modal_slider_image .container_img_product_slider { height: 500px; background-repeat: no-repeat; background-size: cover; } .home_partial .modal_slider_image button { color: white; background-color: #192946; border: 0; font-size: 1.3rem; padding-right: 0; opacity: 0.7; } .home_partial .modal_slider_image button[aria-label=next] { color: transparent; } .home_partial .modal_slider_image .modal-header, .home_partial .modal_slider_image .modal-footer, .home_partial .modal_slider_image .modal_title_container { background-color: #192946; color: #ffffff; border: 0; opacity: 0.7; } .home_partial .modal_slider_image .slick-prev, .home_partial .modal_slider_image .slick-next { background-color: rgba(255, 255, 255, 0.7); z-index: 10; width: 30px; height: 30px; opacity: 0.5; } .home_partial .modal_slider_image .slick-prev:hover, .home_partial .modal_slider_image .slick-next:hover { opacity: 1; } .home_partial .modal_slider_image .slick-prev { left: 0; } .home_partial .modal_slider_image .slick-next { right: 0; } .home_partial .modal_slider_image .slick-prev:before { content: "<"; font-family: "Poppins", sans-serif; font-size: 1.3rem; line-height: 1.4; color: #0e4c94; } .home_partial .modal_slider_image .slick-next:before { content: ">"; font-family: "Poppins", sans-serif; font-size: 1.3rem; line-height: 1.4; color: #0e4c94; } .home_partial .modal_slider_image .modal_event_title { font-weight: 500; } .home_partial .back_top { width: 45px; height: 45px; position: fixed; top: 90vh; right: 0.5rem; color: #192946; background-color: rgba(242, 143, 82, 0.7); border-radius: 50%; } .home_partial .back_top:hover { background-color: #f28f52 !important; opacity: 1; } /*///// ==================== @media ==================== */ /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ .humanbit_doc .modal_slider_image { background-color: #192946; margin-top: 6rem; } .humanbit_doc .modal_slider_image .modal-content { background-color: #192946; } .humanbit_doc .modal_slider_image .container_img_product_slider { height: 500px; } .humanbit_doc .modal_slider_image button { color: white; background-color: #192946; border: 0; font-size: 1.3rem; padding-right: 0; opacity: 0.7; } .humanbit_doc .modal_slider_image button[aria-label=next] { color: transparent; } .humanbit_doc .modal_slider_image .modal-header, .humanbit_doc .modal_slider_image .modal-footer, .humanbit_doc .modal_slider_image .modal_title_container { background-color: #192946; color: #ffffff; border: 0; opacity: 0.7; } .humanbit_doc .modal_slider_image .slick-prev, .humanbit_doc .modal_slider_image .slick-next { background-color: rgba(255, 255, 255, 0.7); z-index: 10; width: 30px; height: 30px; opacity: 0.5; } .humanbit_doc .modal_slider_image .slick-prev:hover, .humanbit_doc .modal_slider_image .slick-next:hover { opacity: 1; } .humanbit_doc .modal_slider_image .slick-prev { left: 0; } .humanbit_doc .modal_slider_image .slick-next { right: 0; } .humanbit_doc .modal_slider_image .slick-prev:before { content: "<"; font-family: "Poppins", sans-serif; font-size: 1.3rem; line-height: 1.4; color: #0e4c94; } .humanbit_doc .modal_slider_image .slick-next:before { content: ">"; font-family: "Poppins", sans-serif; font-size: 1.3rem; line-height: 1.4; color: #0e4c94; } .humanbit_doc .modal_slider_image .modal_event_title { font-weight: 500; } /*///// ==================== @media ==================== */ /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ .modules_partial .modal_slider_image { background-color: #192946; margin-top: 6rem; } .modules_partial .modal_slider_image .modal-content { background-color: #192946; } .modules_partial .modal_slider_image .container_img_product_slider { height: 500px; background-repeat: no-repeat; background-size: cover; } .modules_partial .modal_slider_image button { color: white; background-color: #192946; border: 0; font-size: 1.3rem; padding-right: 0; opacity: 0.7; } .modules_partial .modal_slider_image button[aria-label=next] { color: transparent; } .modules_partial .modal_slider_image .modal-header, .modules_partial .modal_slider_image .modal-footer, .modules_partial .modal_slider_image .modal_title_container { background-color: #192946; color: #ffffff; border: 0; opacity: 0.7; } .modules_partial .modal_slider_image .slick-prev, .modules_partial .modal_slider_image .slick-next { background-color: rgba(255, 255, 255, 0.7); z-index: 10; width: 30px; height: 30px; opacity: 0.5; } .modules_partial .modal_slider_image .slick-prev:hover, .modules_partial .modal_slider_image .slick-next:hover { opacity: 1; } .modules_partial .modal_slider_image .slick-prev { left: 0; } .modules_partial .modal_slider_image .slick-next { right: 0; } .modules_partial .modal_slider_image .slick-prev:before { content: "<"; font-family: "Poppins", sans-serif; font-size: 1.3rem; line-height: 1.4; color: #0e4c94; } .modules_partial .modal_slider_image .slick-next:before { content: ">"; font-family: "Poppins", sans-serif; font-size: 1.3rem; line-height: 1.4; color: #0e4c94; } .modules_partial .modal_slider_image .modal_event_title { font-weight: 500; } .modules_partial .back_top { width: 45px; height: 45px; position: fixed; top: 90vh; right: 0.5rem; color: #192946; background-color: rgba(242, 143, 82, 0.7); border-radius: 50%; } .modules_partial .back_top:hover { background-color: #f28f52 !important; opacity: 1; } /*///// ==================== @media ==================== */ /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ /*///// ==================== @media ==================== */ /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ /*///// ==================== @media ==================== */ /* @media (max-width) */ /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ .map_partial #search_div { position: fixed; font-weight: 400; bottom: 28px; right: 9rem; width: 700px; text-align: center; min-height: 50px; border-radius: 20px; background-color: #0e4c94; z-index: 999; } .map_partial #search_div h3 { border-bottom: 2px solid #192946; width: fit-content; } .map_partial .help_map_content { position: fixed; font-weight: 400; bottom: 13rem; right: 9rem; width: 700px; text-align: center; min-height: 50px; border-radius: 20px; background-color: rgba(14, 76, 148, 0.9); z-index: 999; } .map_partial .help_map_content h3 { border-bottom: 2px solid #192946; width: fit-content; } .map_partial .help_map_content .fa-xmark:hover { cursor: pointer; opacity: 0.6; } .map_partial .help_map_content i { width: 38px; } .map_partial .help_map_content .select_address { background-image: url("../images/icons/location-pin.png"); background-repeat: no-repeat; background-position: center; } .map_partial .help_map_content .select_zone { background-image: url("../images/icons/group-15.png"); background-repeat: no-repeat; background-position: center; } .map_partial .help_map_content .drow_zone { background-image: url("../images/icons/fancy-pen.png"); background-repeat: no-repeat; background-position: center; } .map_partial .help_map_content .map_bin { background-image: url("../images/icons/trash-can-solid_aw_white.svg"); background-repeat: no-repeat; background-position: center; background-size: 47%; } .map_partial .help_map_container { position: relative; } .map_partial .help_map_container .circle_1 { display: flex !important; justify-content: center; align-items: center; width: 38px !important; height: 38px; background-color: transparent; border: 2px solid #192946; border-radius: 50%; line-height: 1; } .map_partial .help_map_container .circle_1:hover { background-color: #192946; cursor: pointer; } .map_partial .help_map_container i { color: #ffffff; font-weight: 600; } .map_partial img.leaflet-marker-icon { margin-top: -56px !important; } .map_partial .leaflet-edit-resize { width: 27px !important; height: 27px !important; background-image: url("../images/icons/expand-light.svg"); background-repeat: no-repeat; background-position: center; background-size: 35%; position: relative; } .map_partial .leaflet-edit-resize:hover { background-color: #192946 !important; cursor: col-resize; } .map_partial .leaflet-edit-resize:hover .hover_resize { display: block !important; opacity: 1 !important; transition: opacity 2s ease-in-out; -webkit-transition: opacity 2s ease-in-out; -moz-transition: opacity 2s ease-in-out; -o-transition: opacity 2s ease-in-out; } .map_partial .hover_resize { opacity: 0 !important; display: none !important; position: absolute; padding: 0.3rem 0.5rem 0.3rem 0.8rem; height: auto; opacity: 1; background-color: rgba(14, 76, 148, 0.8); width: max-content; border-radius: 4px; font-weight: 500; left: 11px; top: -29px; transition: opacity 2s ease-in-out; -webkit-transition: opacity 2s ease-in-out; -moz-transition: opacity 2s ease-in-out; -o-transition: opacity 2s ease-in-out; } .map_partial .leaflet-edit-move { width: 27px !important; height: 27px !important; background-image: url("../images/icons/arrows-maximize-light.svg"); background-repeat: no-repeat; background-position: center; background-size: 35%; position: relative; } .map_partial .leaflet-edit-move:hover { background-color: #192946 !important; } .map_partial .leaflet-edit-move:hover .hover_move { display: block !important; opacity: 1 !important; transition: opacity 2s ease-in-out; -webkit-transition: opacity 2s ease-in-out; -moz-transition: opacity 2s ease-in-out; -o-transition: opacity 2s ease-in-out; } .map_partial .hover_move { opacity: 0 !important; display: none !important; position: absolute; padding: 0.3rem 0.5rem 0.3rem 0.8rem; height: auto; opacity: 1; background-color: rgba(14, 76, 148, 0.8); width: max-content; border-radius: 4px; font-weight: 500; left: 11px; top: -29px; transition: opacity 2s ease-in-out; -webkit-transition: opacity 2s ease-in-out; -moz-transition: opacity 2s ease-in-out; -o-transition: opacity 2s ease-in-out; } .map_partial .map_bin { background-image: url("../images/icons/trash-can-solid_aw_white.svg"); background-repeat: no-repeat; background-position: center; background-size: 37%; } .map_partial .delete { bottom: 10rem; } .map_partial .openstreetmap_wrapper .map_tools_selected { background-color: #192946 !important; border-color: #192946 !important; } .map_partial input.leaflet-control:nth-of-type(1):focus { background-color: #192946 !important; border-color: #192946 !important; } .map_partial input.leaflet-control:nth-of-type(2):focus { background-color: #192946 !important; border-color: #192946 !important; } .map_partial .leaflet-draw-toolbar.leaflet-draw-toolbar-top a:nth-of-type(1):focus { background-color: #192946 !important; border-color: #192946 !important; } .map_partial .leaflet-left .leaflet-control:not(.leaflet-draw):not(.leaflet-control-zoom):hover { background-color: #192946 !important; opacity: 1; } .map_partial .leaflet-touch .leaflet-bar a:hover { background-color: #192946 !important; opacity: 1; } .map_partial .leaflet-marker-icon { border-radius: 50%; background-color: #17A7C7 !important; border: 1px solid #ffffff; } .map_partial .leaflet-draw-section:last-child { margin-bottom: 10rem; } .map_partial .leaflet-draw-toolbar .leaflet-bar { position: absolute; top: 17rem; } .map_partial .leaflet-draw-draw-polygon.map_tools_selected { background-color: #192946 !important; border-color: #192946 !important; } .map_partial .leaflet-control-zoom { position: absolute !important; right: 0px !important; bottom: 2px; z-index: 999; } .map_partial .leaflet-control-zoom a span { vertical-align: -webkit-baseline-middle; } .map_partial .leaflet-touch .leaflet-bar a { width: 48px; height: 48px; color: #ffffff; border-radius: 50%; } .map_partial .leaflet-touch .leaflet-bar a.leaflet-control-zoom-in, .map_partial .leaflet-touch .leaflet-bar a.leaflet-control-zoom-out { color: #0e4c94; background-color: white !important; border-radius: 50%; } .map_partial .leaflet-touch .leaflet-bar a.leaflet-control-zoom-in:hover, .map_partial .leaflet-touch .leaflet-bar a.leaflet-control-zoom-out:hover { background-color: #f28f52 !important; color: #ffffff; } .map_partial .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 50%; border-top-right-radius: 50%; } .map_partial .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } .map_partial .leaflet-zoom-animated .zone:not(.zone_click) { opacity: 0.5; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .map_partial .leaflet-zoom-animated .zone:hover { opacity: 1; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; cursor: pointer; } .map_partial .leaflet-zoom-animated .zone_click { opacity: 1; } .map_partial .next_button_container .btn_bg_third { width: 100% !important; } .map_partial h1, .map_partial .h1 { font-size: 1.8rem; word-break: break-word; line-height: 1.3; font-weight: 300; } @media screen and (min-width: 20em) { .map_partial h1, .map_partial .h1 { font-size: calc(1.8rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .map_partial h1, .map_partial .h1 { font-size: 1.8rem; } } .map_partial h2, .map_partial .h2 { font-size: 1.54rem; word-break: break-word; line-height: 1.3; } @media screen and (min-width: 20em) { .map_partial h2, .map_partial .h2 { font-size: calc(1.54rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .map_partial h2, .map_partial .h2 { font-size: 1.54rem; } } .map_partial h3, .map_partial .h3 { font-size: 1.15rem; word-break: break-word; line-height: 1.3; font-weight: 500; } @media screen and (min-width: 20em) { .map_partial h3, .map_partial .h3 { font-size: calc(1.15rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .map_partial h3, .map_partial .h3 { font-size: 1.15rem; } } .map_partial h4, .map_partial .h4 { font-size: 1.15rem; word-break: break-word; line-height: 1.3; font-weight: 500; } @media screen and (min-width: 20em) { .map_partial h4, .map_partial .h4 { font-size: calc(1.15rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .map_partial h4, .map_partial .h4 { font-size: 1.15rem; } } .map_partial h5, .map_partial .h5 { font-size: 1.25rem; word-break: break-word; line-height: 1.3; font-weight: 400; } @media screen and (min-width: 20em) { .map_partial h5, .map_partial .h5 { font-size: calc(1.25rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .map_partial h5, .map_partial .h5 { font-size: 1.25rem; } } .map_partial h6, .map_partial .h6 { font-size: 1rem; word-break: break-word; line-height: 1.3; } @media screen and (min-width: 20em) { .map_partial h6, .map_partial .h6 { font-size: calc(1rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .map_partial h6, .map_partial .h6 { font-size: 1rem; } } .map_partial p, .map_partial .p { font-size: 1rem; word-break: break-word; font-weight: 400; line-height: 1.3; } @media screen and (min-width: 20em) { .map_partial p, .map_partial .p { font-size: calc(1rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .map_partial p, .map_partial .p { font-size: 1rem; } } .map_partial .big { font-size: 1.8rem; font-weight: 300; line-height: 1.3; } @media screen and (min-width: 20em) { .map_partial .big { font-size: calc(1.8rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .map_partial .big { font-size: 1.8rem; } } .map_partial .medium { font-size: 1.2rem; font-weight: 200; line-height: 1.3; } @media screen and (min-width: 20em) { .map_partial .medium { font-size: calc(1.2rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .map_partial .medium { font-size: 1.2rem; } } .map_partial small, .map_partial .small { font-size: 0.8rem; word-break: break-word; line-height: 1.4; font-weight: 200; } @media screen and (min-width: 20em) { .map_partial small, .map_partial .small { font-size: calc(0.8rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .map_partial small, .map_partial .small { font-size: 0.8rem; } } .map_partial select, .map_partial select.form-select, .map_partial input:not([type=checkbox]):not([type=radio]), .map_partial .input { font-size: 1.13rem; line-height: 1.3; } @media screen and (min-width: 20em) { .map_partial select, .map_partial select.form-select, .map_partial input:not([type=checkbox]):not([type=radio]), .map_partial .input { font-size: calc(1.13rem + 0 * ((100vw - 20em) / 80)); } } @media screen and (min-width: 100em) { .map_partial select, .map_partial select.form-select, .map_partial input:not([type=checkbox]):not([type=radio]), .map_partial .input { font-size: 1.13rem; } } .map_partial input[type=checkbox], .map_partial input[type=radio] { font-size: inherit; line-height: inherit; } .map_partial .form-control:focus { color: #ffffff; background-color: #69C914; } .map_partial .map_accordion .accordion-button:hover { opacity: 0.8; } .map_partial .map_accordion .accordion-button::after { width: 2.5rem; height: 2.5rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23FFF' fill='%23FFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-position: center; background-size: 1.25rem; border: 2px solid #ffffff; border-radius: 50rem; } .map_partial .map_accordion .accordion-button:not(.collapsed) { color: #192946; background-color: #0e4c94; } .map_partial .map_accordion .accordion-button:not(.collapsed)::after { background-color: #192946; border-color: #192946; transition: 0.13s ease-in-out; } .map_partial .map_accordion .form-check:hover { opacity: 0.8; } .map_partial .map_accordion .form-check:hover > * { color: #192946; } .map_partial input#search_button::placeholder { color: rgba(255, 255, 255, 0.75); } .map_partial .btn_back { bottom: 4.68rem; } .map_partial .pages_dots a { background-color: transparent; } .map_partial .container_ghost { height: 6rem; z-index: 1; } /*///// ==================== @media ==================== */ /* @media (max-width) */ @media (max-width: 991.98px) { .map_partial .map .openstreetmap_iframe { height: calc(100vh - 6rem) !important; } .map_partial .openstreetmap_iframe { position: relative !important; height: calc(100vh - 6rem) !important; } .map_partial .leaflet-bottom { display: none !important; } .map_partial .leaflet-left { /* left: 0; */ right: calc(0vw + 0.5rem); } .map_partial #search_div { bottom: 107px; right: 3px; width: 367px; z-index: 999; } .map_partial .help_map_content { font-weight: 400; top: 8rem; bottom: auto; left: 2%; width: 96%; margin-left: auto; margin-right: auto; background-color: #f28f52; border: 1px solid white; } .map_partial .help_map_content h3 { width: 87%; } .map_partial .help_map_content .fa-xmark { padding-right: 2%; } } @media (max-width: 767.98px) { .map_partial .container_ghost { height: 5rem; } } @media (max-width: 575.98px) { .map_partial .help_map_container .help_map_content { top: 35px; left: 0; right: 0; width: 100%; } } /* @media between */ /* @media (min-width) */ /* mobile landscape */ /* iPad Pro portrait */ /*# sourceMappingURL=style.css.map */