@font-face {
    font-family: cg_bold;
    /*src: url(../../fonts/clash_grotesk/ClashGroteskDisplay-Bold.otf);*/
    /* Original */
    src: url(../../fonts/montserrat/Montserrat-Bold.otf);
}

@font-face {
    font-family: cg_extralight;
    src: url(../../fonts/clash_grotesk/ClashGroteskDisplay-Extralight.otf);
}

@font-face {
    font-family: cg_light;
    /*src: url(../../fonts/clash_grotesk/ClashGroteskDisplay-Light.otf);*/
    /* Original */
    src: url(../../fonts/montserrat/Montserrat-Light.otf);
}

@font-face {
    font-family: cg_medium;
    /*src: url(../../fonts/clash_grotesk/ClashGroteskDisplay-Medium.otf);*/
    /* Original */
    src: url(../../fonts/montserrat/Montserrat-Medium.otf);
}

@font-face {
    font-family: cg_regular;
    /*src: url(../../fonts/clash_grotesk/ClashGroteskDisplay-Regular.otf);*/
    /* Original */
    src: url(../../fonts/Outfit/static/Outfit-Light.ttf);
}

@font-face {
    font-family: cg_semibold;
    /*src: url(../../fonts/clash_grotesk/ClashGroteskDisplay-Semibold.otf);*/
    /* Original */
    src: url(../../fonts/Outfit/static/Outfit-SemiBold.ttf);
}






@font-face {
    font-family: px_light_c;
    src: url(../../fonts/pressio-no-25/px_light_c.otf);
}

@font-face {
    font-family: px_regular_c;
    src: url(../../fonts/pressio-no-25/px_regular_c.otf);
}

@font-face {
    font-family: px_medium_c;
    src: url(../../fonts/pressio-no-25/px_medium_c.otf);
}

@font-face {
    font-family: px_bold_c;
    src: url(../../fonts/pressio-no-25/px_bold_c.otf);
}

@font-face {
    font-family: px_black_c;
    src: url(../../fonts/pressio-no-25/px_black_c.otf);
}

@font-face {
    font-family: p_light_comp;
    src: url(../../fonts/pressio-no-25/p_light_comp.otf);
}

@font-face {
    font-family: p_regular_comp;
    src: url(../../fonts/pressio-no-25/p_regular_comp.otf);
}

@font-face {
    font-family: p_medium_comp;
    src: url(../../fonts/pressio-no-25/p_medium_comp.otf);
}

@font-face {
    font-family: p_bold_comp;
    src: url(../../fonts/pressio-no-25/p_bold_comp.otf);
}

@font-face {
    font-family: p_black_comp;
    src: url(../../fonts/pressio-no-25/p_black_comp.otf);
}

@font-face {
    font-family: p_light_cond;
    src: url(../../fonts/pressio-no-25/p_light_cond.otf);
}

@font-face {
    font-family: p_regular_cond;
    src: url(../../fonts/pressio-no-25/p_regular_cond.otf);
}

@font-face {
    font-family: p_medium_cond;
    src: url(../../fonts/pressio-no-25/p_medium_cond.otf);
}

@font-face {
    font-family: p_bold_cond;
    src: url(../../fonts/pressio-no-25/p_bold_cond.otf);
}

@font-face {
    font-family: p_black_cond;
    src: url(../../fonts/pressio-no-25/p_black_cond.otf);
}

:root {
    /*colors*/
    --grey-topnav: #ebebeb;
    --grey-95: #f7f7f7;
    --grey-90: #e5e5e5;
    --grey-85: #d8d8d8;
    --grey-75: #636363;
    --grey-70: #404040;
    --black-text: #404040;
    --main-green: #12d582;
    --main-yellow: #EDFF00;
    --main-purple: #6124ec;
    --main-red: #fc5151;
    --main-blue: #72f2d6;
    --main-blue-dark: #0061c9;


    /*tipos*/
    --cgel: cg_extralight;
    --cgl: cg_light;
    --cgm: cg_medium;
    --cgsb: cg_semibold;
    --cgb: cg_bold;

    --pxlc: px_light_c;
    --pxrc: px_regular_c;
    --pxmc: px_medium_c;
    --pxboldc: px_bold_c;
    --pxblackc: px_black_c;

    --plcomp: p_light_comp;
    --prcomp: p_regular_comp;
    --pmcomp: p_medium_comp;
    --pboldcomp: p_bold_comp;
    --pblackcomp: p_black_comp;

    --plcond: p_light_cond;
    --prcond: p_regular_cond;
    --pmcond: p_medium_cond;
    --pboldcond: p_bold_cond;
    --pblackcond: p_black_cond;
}

body {
    min-width: 375px;
}

* {
    scroll-behavior: smooth;
    font-family: var(--cgl);
    color: var(--grey-70);
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: initial;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p,
.p {
    margin: 0;
    padding: 0;
}

a,
a:hover,
a:focus {
    color: var(--black-text);
}

.help_nav a:focus {
    color: var(--main-yellow);
}

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

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul li {
    display: inline-block;
}

label {
    margin: 0;
}

select,
input:not([type="radio"], [type="checkbox"], [type="submit"]),
textarea {
    box-shadow: none;
    border-radius: 0;
    border: none;
    outline: none;
    appearance: none;
}

select:not(.finance_chart select) {
    padding: 7px;
    border: 1px solid var(--main-green);
}

textarea {
    padding: 0.2rem 1rem;
    width: 100%;
    resize: none;
    background-color: var(--grey-topnav);
    border: none;
    cursor: unset;
}

main {
    width: 100%;
}

.invisible {
    visibility: hidden;
}

.button_g95 {
    background-color: var(--grey-95);
}

.button_g90 {
    background-color: var(--grey-90);
}

.button_g85 {
    background-color: var(--grey-85);
}

.button_2 {
    text-align: center;
    padding: calc(.3vw + 10px);
    flex-basis: 100%;
}

.button_50 {
    flex-basis: 50%;
}

.little_subtitle {
    text-transform: uppercase;
}

.green_title_regular,
.green_title_medium,
.green_minititle_light,
.green_minititle_regular,
.green_minititle_medium,
.green_minititle_bold {
    color: var(--main-green) !important;
    display: block;
    transition: .3s;
}

.green_color {
    color: var(--main-green) !important;
}

.yellow_color {
    color: var(--main-yellow) !important;
}

.white_color {
    color: var(--white) !important;
}

.purple_title_bold {
    color: var(--main-purple) !important;
    display: block;
    transition: .3s;
    font-family: var(--cgm) !important;
    font-size: calc(.7vw + 17px) !important;
    line-height: calc(.6vw + 1.1rem);
}

.purple_title_regular {
    color: var(--main-purple) !important;
    display: block;
    transition: .3s;
    font-family: var(--cgl) !important;
    font-size: calc(.5vw + 13px) !important;
    line-height: calc(.6vw + 1.1rem);
}

.purple_title_medium {
    color: var(--main-purple) !important;
    display: block;
    transition: .3s;
    font-family: var(--cgm) !important;
    font-size: calc(.5vw + 17px) !important;
    line-height: calc(.6vw + 1.1rem);
}

.black_minititle_medium,
.black_title_big,
.black_extraminititle_medium,
.black_extraminititle_bold,
.black_minititle_bold,
.black_title_medium {
    color: var(--grey-70) !important;
    display: block;
    transition: .3s;
}

.white_minititle_medium {
    color: white !important;
}

.black_title_big {
    font-size: calc(2vw + 23pt);
    font-family: var(--cgb) !important;
}

.black_minititle {
    font-size: calc(1.1vw + 12pt);
}

.black_title_medium {
    font-family: var(--cgm) !important;
    font-size: calc(.9vw + 15pt) !important;
    line-height: calc(.6vw + 1.1rem);
}

.black_extraminititle_medium {
    font-family: var(--cgm) !important;
    font-size: calc(.1vw + .5rem) !important;
}

.black_extraminititle_bold {
    font-family: var(--cgm) !important;
    font-size: calc(.65vw + 10px) !important;
}

.black_minititle_bold {
    font-family: var(--cgb) !important;
    font-size: calc(.7vw + 10pt) !important;
}

.white_minititle_bold {
    font-family: var(--cgm) !important;
    font-size: calc(.3vw + .7rem) !important;
    color: white !important;
    display: block;
    transition: .3s;
}

.white_minititle_regular {
    font-family: var(--cgl) !important;
    font-size: calc(.3vw + .7rem) !important;
    color: white !important;
    display: block;
    transition: .3s;
}

.white_title_medium {
    font-family: var(--cgm) !important;
    font-size: calc(.5vw + 13px) !important;
    line-height: calc(.6vw + 1.1rem);
    color: white !important;
}

.white_title_regular {
    font-family: var(--cgl) !important;
    font-size: calc(.9vw + 14.5pt) !important;
    line-height: normal;
    color: white !important;
    text-align: center;
}

.green_title_regular {
    font-family: var(--cgl) !important;
    font-size: 1.4rem !important;

}

.green_title_medium {
    font-family: var(--cgm) !important;
    font-size: calc(2vw + 13px) !important;
}

.green_minititle_bold {
    font-family: var(--cgm) !important;
    font-size: calc(.3vw + 10pt) !important;
}

.green_minititle_regular {
    font-family: var(--cgl) !important;
    font-size: calc(.3vw + .7rem) !important;
}

.minititle_regular {
    font-family: var(--cgl) !important;
    font-size: calc(.3vw + .85rem) !important;
}

.green_minititle_medium,
.black_minititle_medium,
.white_minititle_medium {
    font-family: var(--cgm) !important;
    font-size: calc(.25vw + .9rem) !important;
}

.green_minititle_light {
    font-family: var(--cgl) !important;
    font-size: 1.4rem !important;
}

.h1 {
    font-family: var(--cgb);
    font-size: calc(1.8vw + 16pt);
    text-align: center;
}

.h1_big_margin {
    margin-bottom: calc(2vw + 18px);
}

.h2 {
    font-family: var(--cgb);
    font-size: calc(1.8vw + 14pt);
}

.title_centered {
    text-align: center !important;
}

.bold_family {
    font-family: var(--cgb) !important;
}

.ipad_text_centered {
    text-align: center !important;
}

.little_margin {
    margin: 0 auto calc(2vw + 20px);
}

.medium_margin {
    margin: 0 auto calc(2vw + 40px);
}

.margin_title_top_text {
    margin-top: 30px;
}

.margin_title_text {
    margin-bottom: 20px;
}

p {
    font-size: calc(0.3vw + 10pt);
    font-family: var(--cgl);
}

.p_v1 {
    font-family: var(--cgl);
    line-height: 1.5;
    font-size: calc(11px + .8vw);
}

hr {
    margin: 0 auto;
    border: none;
}

.hr_separator {
    max-width: 100%;
    width: 200px;
    height: 7px;
    margin: 0 auto calc(0.3vw + 17px) auto;
    background-color: var(--main-yellow);
}

.ipad_separator {
    display: none;
}

.ipad_item {
    display: none;
}

sup {
    font-family: var(--cgl);
    font-size: .7rem;
}

.green_link,
.black_link,
.yellow_link {
    font-family: var(--cgl);
    font-size: 1.2rem;
    transition: .3s;
    color: white;
}

.green_link {
    background-color: var(--main-green);
}

.black_link {
    background-color: var(--black-text);
}

.yellow_link {
    background-color: var(--main-yellow);
}

.green_border {
    border-color: var(--main-green) !important;
}

.fit_centered_btn {
    font-size: calc(.3vw + .9rem) !important;
    max-width: 250px;
    margin: 0 auto;
    display: block !important;
}

.grotesk_bold {
    font-family: var(--cgb) !important;
}

.grotesk_semi_bold {
    font-family: var(--cgm) !important;
}

.grotesk_medium {
    font-family: var(--cgm) !important;
}

.grotesk_regular {
    font-family: var(--cgl) !important;
}

.screen_height {
    height: 100vh;
}

.pointer_active {
    display: flex;
    align-items: center;
    position: relative;
}

.pointer_active,
.pointer_active * {
    cursor: auto !important;
}

.pointer_active_icon {
    height: 10px;
}

.pointer_active_icon img {
    margin-left: calc(-1vw - 5px);
    width: 12px;
    height: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.line_through {
    text-decoration: line-through;
}

.next_to_title_icon {
    display: none !important;
}

.hover_opacity {
    opacity: .7;
}

.bold,
strong {
    font-family: var(--cgb);
}

.unselectable {
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
}

.inline-title::after {
    content: "\a";
    white-space: pre;
}

.grayscale_1 {
    filter: grayscale(1);
}

.no-bg {
    background-color: unset;
}

.totally_centered {
    display: flex;
    align-items: center;
    justify-content: center;
}

.br-d-sm {
    margin-bottom: 12px;
}

/* Loader page -------------------------------------------------------------------------------------------------------*/

.loader-page {
    position: fixed;
    z-index: 9999999999;
    background: rgba(255, 255, 255, 0.5);
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
}

.loader-page::after {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-sizing: border-box;
    transform: rotate(0deg);
    border: 6px solid var(--main-yellow);
    border-color: var(--main-yellow) transparent var(--main-yellow) transparent;
    animation: rotarload 1.2s linear infinite;
}

@keyframes rotarload {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}


/* General hover -----------------------------------------------------------------------------------------------------*/

.hover:hover {
    cursor: pointer;
}

.cards_hover:hover .green_link {
    background-color: var(--grey-70);
}

.no_hover:hover,
.no_hover * {
    cursor: auto !important;
}

.green_minititle_regular.hover:hover,
.green_title_regular.hover:hover,
.green_minititle_light.hover:hover,
.green_minititle_bold.hover:hover,
.green_minititle_medium.hover:hover,
.white_minititle_bold.hover:hover {
    color: var(--grey-70) !important;
}

.hover:hover .black_minititle_medium,
.black_minititle_medium.hover:hover,
.hover:hover .black_minititle_medium *,
.black_minititle_medium.hover:hover *,
.hover:hover .white_minititle_medium {
    color: var(--main-yellow) !important;
}

/* Anchor problems ---------------------------------------------------------------------------------------------------*/


.a_less {
    margin-top: -100px;
}

.a_plus {
    padding-top: 100px
}


/* Custom icons ------------------------------------------------------------------------------------------------------*/

.custom_icon_xs {
    max-width: 12px !important;
    max-height: 12px !important;
}

.custom_icon_s {
    max-width: 22px !important;
    max-height: 22px !important;
}

.custom_icon_sm {
    max-width: 33px !important;
    max-height: 33px !important;
}

.custom_icon_m {
    max-width: 45px !important;
    max-height: 45px !important;
}

.custom_icon_l {
    max-width: 60px !important;
    max-height: 60px !important;
}

.custom_icon_xs,
.custom_icon_s,
.custom_icon_sm,
.custom_icon_m {
    object-fit: contain !important;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.color_yellow {
    color: var(--main-yellow);
}

.fill_yellow {
    fill: var(--main-yellow);
}

.fill_green {
    fill: var(--main-green);
}

.fill_black_text,
.fill_black {
    fill: var(--grey-70);
}


.fill_grey_95 {
    fill: var(--grey-95);
}

.fill_grey_85 {
    fill: var(--grey-85);
}

.fill_white {
    fill: white;
}

.fill_red {
    fill: var(--main-red);
}

.rotate_180 {
    transform: rotate(180deg);
    transform-origin: center;
}

.rotate_90 {
    transform: rotate(90deg);
    transform-origin: center;
}

.rotate_270 {
    transform: rotate(270deg);
    transform-origin: center;
}

.separator_icon_s {
    margin: 0 auto 50px;
    height: 35px;
    display: block !important;
}

.dark_background_hover:hover {
    background-color: var(--grey-70);
}

.privacy_submit_container input[type=checkbox] {
    margin-top: auto;
    margin-bottom: auto;
    width: 30px;
    height: 30px;
}

input,
::placeholder,
textarea {
    font-family: var(--cgl);
    font-size: calc(.3vw + .7rem);
}

input[type=submit],
button[type=submit] {
    font-size: calc(.5vw + 8pt);
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    font-family: var(--cgl) !important;
    font-size: calc(.3vw + .7rem) !important;
    background-color: white !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -webkit-text-fill-color: var(--grey-70) !important;
    filter: none;
}

::placeholder {
    color: var(--main-green) !important;
}

input::placeholder {
    color: transparent !important;
}

.select_container {
    position: relative;
    width: 100%;
}

.auth_form:not(#update_password) .form_row input:not([type=radio], [type=checkbox]) {
    color: var(--grey-70);
    flex-grow: 2;
    margin-left: 15px;
    opacity: .7;
}

select:hover,
input:hover,
form label:hover {
    cursor: pointer;
}

.dark_input,
.dark_input::placeholder {
    color: white !important;
}

.z_index_baix {
    z-index: 1 !important;
}

.center_nav .secondary_heading {
    font-size: 7pt;
}

.button {
    border-radius: 4px;
    text-align: center;
    padding: 15px 20px;
    width: 100%;
    transition: .3s;
    outline: none;
    border: none;
    display: inline-block;
}

.button,
.button span {
    color: white;
}

.width_fit_content {
    width: max-content !important;
}

.form_button {
    margin-top: calc(1vw + 10px);
}

.green_color {
    color: var(--main-green) !important;
}

.red_color {
    color: var(--main-red) !important;
}

.black_color {
    color: var(--grey-70) !important;
}

.white_color {
    color: white !important;
}

.grey_85_background {
    background-color: var(--grey-85) !important;
}

.grey_90_background {
    background-color: var(--grey-90) !important;
}

.grey_95_background {
    background-color: var(--grey-95) !important;
}

.grey_70_background {
    background-color: var(--grey-70);
}

.grey_75_background {
    background-color: var(--grey-75);
}

.grey_75_background *,
.grey_70_background * {
    color: white;
}

.grey_background {
    background-color: var(--grey-topnav);
}

.green_background {
    background-color: var(--main-green) !important;
}

.green_background.hover:not(.disabled):hover {
    background-color: var(--grey-70) !important;
    color: white !important;
}

.purple_background {
    background-color: var(--main-purple) !important;
}

.yellow_background {
    background-color: var(--main-yellow) !important;
}

.red_background {
    background-color: var(--main-red) !important;
}

.black_background {
    background-color: var(--grey-70) !important;
}

.blue_background {
    background-color: var(--main-blue) !important;
}

a.purple_background.hover:hover,
a.purple_background.hover:focus {
    color: rgba(255, 255, 255, .7);
}

.transform_y_open {
    transform: scaleY(1);
    transform-origin: top;
}

.transform_y_close {
    transform: scaleY(0);
    transform-origin: top;
}

.all_caps {
    text-transform: uppercase;
}

.banner {
    width: 100%;
}

.clear {
    clear: both;
}

.empty_background_big_padding_top {
    padding: calc(2vw + 20px) 15px 40px;
}

.empty_background_medium_padding_top {
    padding: calc(2vw + 65px) 15px 0;
}

.empty_background_medium_padding {
    padding: calc(1vw + 40px) 15px calc(1vw + 85px);
}

.empty_background_big_padding {
    padding: calc(1vw + 65px) 0 calc(1vw + 75px);
}

.full_background_medium_padding {
    padding: calc(1vw + 50px) 0 calc(1vw + 55px) !important;
}

.container_basic_data {
    max-width: 100%;
    width: 430px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}

.welcome-container {
    margin-left: auto;
    margin-right: auto;
    padding: calc(2vw + 37px) 0 calc(1vw + 45px);
    max-width: 100%;
}

.welcome-container>.row {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.error {
    color: var(--main-red);
}

.label_required {
    display: inline-block;
    color: var(--black-text);
    margin-left: 3px;
}

.label_optional {
    opacity: .3;
    text-transform: lowercase;
    margin-left: 7px;
}

.text-danger {
    margin-bottom: 15px;
    display: inline-block;
    font-size: 8pt;
}

.border_green {
    border-color: var(--main-green) !important;
}

.split_two {
    display: flex;
    flex-direction: column;
}


/* Appear on scroll */

.overflow::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.overflow::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: var(--grey-85);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}


/*.before_scroll{
    opacity: 0;
    transform: translateY(20px);
    transition: ease-in-out .5s;
}*/


.after_scroll {
    opacity: 1;
    transform: translateY(0);
}

/* Card item ---------------------------------------------------------------------------------------------------------*/

.card_item {
    padding: 0 0 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    height: 100%;
}

.card_item * {
    text-align: center;
}

.card_item p.black_title_medium {
    margin: 20px auto 10px;
}


.inner_content .col-md-4:last-child .card_item,
.inner_content_f .col-md-4:last-child .card_item {
    margin-bottom: 0;
}

.card_item img {
    width: 300px;
    max-width: 100%;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

.card_item p:not(.black_title_big) {
    font-family: var(--cgl);
    color: var(--grey-70);
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    margin-bottom: 25px;
    text-align: center;
}

/* Inner left nav ----------------------------------------------------------------------------------------------------*/

.inner_left_nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    width: 100%;
}

.inner_left_nav h4,
.inner_left_nav p.h4 {
    position: relative;
    margin-bottom: calc(.6vw + 10px);
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.inner_left_nav_info_content>div:not(:first-child) {
    display: none
}

.inner_left_nav.horizontal {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
    flex-wrap: wrap;
    align-items: baseline;
}

.inner_left_nav.horizontal>* {
    margin-right: 15px;
}

.hover_iln:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -5px;
    background-color: var(--grey-85);
    visibility: hidden;
    transform-origin: left;
    transform: scaleX(0);
    transition: .3s ease;
}

.hover_iln:hover:before,
.hover_iln:focus:before {
    visibility: visible;
    transform: scaleX(1);
    cursor: pointer;
}

.focus_iln:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -5px;
    left: 0;
    background-color: var(--grey-85);
    visibility: visible;
}

.focus_iln {
    color: var(--grey-70);
}

.hover_iln:hover:before {
    opacity: .75;
}

.hover_iln,
.focus_iln {
    transition: .3s;
}

.logout_button::before,
.logout_button::after {
    display: none;
}

/* hover */

.cards_hover {
    transition: .3s;
}

.cards_hover:not(.hover_inverse):hover,
.cards_hover.hover_inverse {
    /*box-shadow: 0 0 30px rgba(0,0,0,.1);*/
}

.cards_hover.hover_inverse:hover {
    box-shadow: none;
}

.disabled,
.disabled:focus,
.disabled:hover {
    background-color: var(--grey-85) !important;
    cursor: not-allowed !important;
}

.disabled,
.disabled:focus,
.disabled:hover,
.disabled span {
    color: white !important;
}




/* Brands tags ----------------------------------------------------------------------------------------------------*/


.tag_col {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

.tag_col .sbt_text h3,
.tag_col .sbt_text .h3 {
    padding-top: 0;
}

.tag_col .sbt_arrow {
    width: 50px;
}


/* Welcome Banner ----------------------------------------------------------------------------------------------------*/

.desktop_element {
    display: none !important;
}

.mobile_element {
    display: block !important;
}

.welcome_banner {
    display: flex;
    flex-direction: column;
}

.welcome_banner .banner_buttons {
    justify-content: center;
    margin-top: 35px;
    margin-bottom: 0;
}

.welcome_banner .banner_buttons .button_2,
.banner_btn,
.yellow_btn {
    border-radius: 25px;
    flex-basis: 70%;
    text-transform: uppercase;
    max-width: 400px;
}

.banner_btn,
.yellow_btn {
    color: var(--black-text);
    width: 250px;
    max-width: 100%;
    margin: 15px auto 0 auto;
    padding: 12px 15px;
    text-align: center;
    display: block;
}

.yellow_btn {
    background-color: var(--main-yellow);
}

.welcome_banner_top,
.welcome_banner_bottom {
    display: flex;
    flex-direction: column;
}

.welcome_banner_top {
    flex-grow: 2;
    flex-direction: column-reverse;
}

.banner_ocasionista img {
    width: 130px;
    display: block;
    max-width: 100%;
}

.inner_banner_ocasionista {
    max-width: 350px;
    margin: 0 auto;
    width: 100%;
}

.banner_ocasionista {
    height: 100%;
    width: 100%;
    display: none;
    align-items: center;
    justify-content: flex-start;
    background-color: var(--grey-70);
    padding: 0 calc(1vw + 10px);
}

.welcome_banner_content {
    display: flex;
    flex-direction: column;
}

.row_logo {
    align-items: stretch !important;
    padding: 0 calc(1rem + 10px);
    margin: 0 auto;
}

.row_logo>* {
    flex: 0 0 60%;
    max-width: 60%;
}

.row_logo>.logo_col:first-child {
    flex: 0 0 40%;
    max-width: 40%;
}

.row_logo img {
    max-width: 100%;
}

img.nextmoto_logo {
    height: 90%;
}

.banner_h1 {
    font-family: var(--cgb);
    font-size: calc(15px + .5vw) !important;
    line-height: calc(12px + .5vw) !important;
}

.banner_h2 {
    font-family: var(--cgb);
    font-size: 2.5rem;
    color: white;
    text-transform: uppercase;
    line-height: .9;
}

.banner_subtitle {
    font-size: calc(0.8vw + 15px);
}

.banner_h2>span {
    font-family: var(--cgm);
    font-size: 1.3rem;
    display: block;
    margin-top: 20px;
    text-transform: lowercase;
}

.banner_text {
    padding: 60px calc(1vw + 10px) 50px;
    background-color: var(--grey-70);
    flex-grow: 2;
}

.banner_text>*,
.td_banner>* {
    text-align: center;
}

.banner_text .banner_h2 {
    margin-bottom: calc(.5vw + 5px);
}

.banner_buttons {
    display: flex;
}

.banner_ocasionista {
    display: none;
}

.welcome_banner_right {
    background-color: var(--grey-70);
}

.welcome_banner_right * {
    color: white;
}

.welcome_banner_right .button_2 {
    color: var(--grey-70);
}

.banner_image_container {
    background-color: white;
    border-radius: 0 0 120px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.banner_image_container .banner_background_image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    height: auto;
    width: 100%;
    min-height: 250px;
}

.bd_image.big {
    min-height: 350px;
}

.banner_image_max_width {
    max-width: 65%;
    text-align: center;
}

p.banner_image_max_width {
    max-width: 80%;
}

.welcome_padding_image {
    object-fit: contain !important;
}

.banner_image_text {
    display: flex;
    padding: 29px;
    justify-content: space-evenly;
}

.banner_image_text_item {
    display: flex;
    align-items: center;
}

.banner_image_text_item a {
    display: flex;
    align-items: center;
}

.banner_image_text_item a>p {
    display: none;
    margin: 0 0 0 calc(.5vw + 10px);
    align-items: baseline;
}

.banner_image_text_item img {
    width: 30px;
}

.banner_image_text_item span {
    transition: .3s;
}

/* ------------------------------------------ Center nav ------------------------------------------ */

.center_nav {
    display: flex;
    justify-content: space-around;
    position: relative;
}

.center_nav h4 {
    position: relative;
    width: 30%;
    padding: 15px 0;
    text-align: center;
    transition: .3s;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}

.center_nav h4:not(.hover3, .focus3) {
    border: 2px solid var(--gris-clar);
}

.center_nav h4.focus2 {
    border-radius: 7px 7px 0 0;
    border-bottom: 2px solid var(--verd-filtre);
}

.center_nav h4.hover2 {
    border-radius: 7px;
    background-color: var(--gris-clar);
}

.center_nav h4.hover2:hover,
h4.hover2:focus {
    color: var(--verd-p);
    cursor: pointer;
}

.center_nav h4.focus3 {
    background-color: var(--verd-filtre);
    color: var(--verd-p);
}

.center_nav h4.hover3,
h4.focus3 {
    border-bottom: 3px solid var(--verd-filtre);
    padding-bottom: 12px;
}

.center_nav h4.hover3:hover,
h4.hover3:focus {
    color: var(--verd-p);
    cursor: pointer;
}


/* Products (finder and fav products) --------------------------------------------------------------------------------*/

.img_fluid {
    max-width: 100%;
    height: 200px;
    object-fit: cover;
}

.img_fluid.reserved,
.img_fluid.sold {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--cgm);
    font-size: calc(20px + 1vw);
    line-height: calc(70px + 1vw);
    text-transform: uppercase;
}

.img_fluid.reserved {
    background-color: rgba(255, 255, 255, .8);
}

.img_fluid.sold {
    background-color: rgba(18, 213, 130, .6);
}

.card_image {
    position: relative;
}

.result_container * {
    display: block;
}

.result_left {
    width: 70%;
}

.result_right {
    width: 30%;
    hyphens: none;
    text-align: center;
}

.result_right .finance_result {
    display: inline;
    font-size: calc(.3vw + .9rem) !important;
}

#results {
    width: 100%;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.result_container .img_fluid {
    height: auto;
    width: 100%;
    object-fit: cover;
}

.result_container {
    position: relative;
    box-shadow: 6px 6px 8px #cccccc, -6px -6px 7px #fefefe;
    background-color: white;
    margin-bottom: 30px;
    transition: .3s ease;
}

.result_container .result {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.result_container.banner img {
    width: 100%;
    height: 100%;
    object-fit: revert;
    object-position: top;
}

.result_container.hover:hover,
.result_container.hover:focus {
    cursor: pointer;
    box-shadow: none;
}

.result_container.hover:visited .result_price {
    background-color: var(--main-yellow);
}

.result_container .info {
    display: flex;
    justify-content: space-between;
    flex-grow: 2;
    height: max-content;
    min-height: 100px;
    background-color: var(--grey-topnav);
    padding-top: 7px;
    padding-bottom: 7px;
}

.result_container .watermark {
    position: absolute;
}

.watermark img {
    transition: width .3s;
}

.result_container .watermark:not(.km0) {
    background-color: white;
    top: 0;
    right: 0;
    padding: 5px 7px 0 7px;
}

.result_container .watermark:not(.km0)>img {
    width: 70px;
    height: auto;
}

.result_container .km0>img {
    width: 55px;
}

.km0 {
    background-color: transparent;
    right: 3px;
    top: 19px;
    width: fit-content;
}

.result_container .left {
    flex-grow: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*height: fit-content;*/
    height: 100%;
    transition: height .3s;
}

.result_container .left small {
    font-size: 1rem;
}

.result_container .right {
    flex-grow: 1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    border-left: 1px solid var(--grey-70);
    width: fit-content;
}

.result_container .right p,
.result_container .right small {
    font-size: 1.25rem;
    text-align: center;
    line-height: 1rem;
}

.result_container .right p {
    font-family: var(--cgl);
    margin-bottom: 10px;
}

.result_container .right small span {
    font-size: .8rem;
    text-transform: lowercase;
    display: inline;
    margin-left: 1.2px;
}

.result_top {
    display: flex;
    background-color: var(--grey-70);
    align-items: center;
    justify-content: space-between;
    transition: .3s;
    height: 50px;
    padding: 12px 10px;
}

.result_top p {
    font-family: var(--cgm);
    font-size: 1.75rem;
}

.result_price {
    font-family: var(--cgm);
    font-size: 1.75rem;
    height: auto;
    min-height: 57px;
    max-height: 70px;
    display: flex;
    align-items: center;
    transition: .3s;
}

.result_container .left,
.result_container .right {
    padding: 12px 20px;
    height: 100%;
}

.result_price .result_left {
    padding: 0 20px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.result_top p {
    background-color: var(--grey-70);
    color: white;
    font-size: calc(0.8vw + 15);
}

span.result_top>p {
    font-size: calc(0.8vw + 15);
}

.result_price .result_right {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-transform: lowercase;
}

.result_price {
    text-transform: uppercase;
}

span.result_price>span.result_left {
    padding-top: 0;
}

.result_total .result_left,
.result_total .result_right {
    padding: 10px 20px;
    width: auto;
}

.result_total .result_right {
    padding: 0;
    width: fit-content;
}

.result_right p.minititle_regular {
    width: 100%;
}

.result_total {
    justify-content: space-between;
}

.result_container .fav_icons {
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--grey-70);
}

.result_container .fav_icons i {
    font-size: 1.25rem;
}

.result_right.result_right_financing {
    justify-content: center;
}

.result_right.result_right_financing p {
    margin-bottom: 20px;
}

.result_price_financing.result_price {
    height: auto;
    padding: 10px 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.result_price {
    background-color: var(--main-yellow);
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: space-between;

}

.no_discount_price {
    font-size: calc(9px + 0.5vw);
    /*text-decoration: line-through;*/
}

.result_price_financing.result_price .result_left {
    padding: 0 20px;
}

.result_price .result_left * {
    display: inline;
}

.result_price .result_left p {
    font-family: var(--cgb);
    font-size: 1.75rem;
}

.result_left>p.version {
    font-size: 1.2rem;
}

.result_price>span.result_left {
    align-items: center;
}

.turn_up {
    background-color: var(--grey-70);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 3.2% auto;
    cursor: pointer;

    position: -webkit-sticky;
    position: sticky;
    bottom: 20px;
    border-radius: 50%;
}

.turn_up:hover {
    background-color: var(--main-purple);
}

.turn_up:hover>i {
    color: var(--white);
}

.turn_up>i {
    color: var(--main-yellow);
    font-size: 20pt;
}


/* ---------------------------------------------- Fav icons ------------------------------------------------*/

.fav_icons i {
    color: var(--main-green);
    transition: .3s;
}

.fav_icons i:hover,
.fav_icons i:focus {
    color: var(--main-red);
}

.fav.dislike {
    color: var(--main-red);
}

.fav.dislike:hover {
    color: rgba(252, 81, 81, .4);
}


/* Top info nav ----------------------------------------------------------------------------------------------------- */

.top_info_nav {
    /*position: sticky;*/
    width: 100%;
    z-index: 9999999;
    background-color: var(--grey-topnav);
    height: 50px;
    display: none;
    top: 0;
}

.scroll_info .scroll_info_container {
    display: block;
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: -4px;
    left: 0;
    background-color: var(--main-yellow);
    transform: scaleX(0);
    transform-origin: left;
}

.top_info_nav.top_info_nav_down {
    background-color: white;
}

/*

.top_info_nav > span{
    position:absolute;
    left:15px;
    display: none;
    height:100%;
    padding: 0 3px;
}

.top_info_nav i{
    font-size: 12pt;
    color: var(--gris-80);
}

*/


.top_info_nav ul {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;

    /* Only if ^ top button */
    /* padding-left:50px; */
}

.top_info_nav a:hover,
.top_info_nav :focus {
    border-bottom-color: var(--black-text);
}

.top_info_nav a {
    margin: 0 calc(10px + .4vw);
    padding: 0 3px;
    font-size: 1.1rem;
    display: block;
}

.top_info_nav a,
.top_info_nav span {
    text-align: center;
    color: var(--grey-70);
    border-bottom: 2px solid transparent;
    margin-top: 2px;
}

/* Sliders ---------------------------------------------------------------------------------------------------------- */

.ui-slider {
    height: 5px;
    border-radius: 4px;
    border: none;
    background-color: var(--main-yellow);
}

.ui-slider-handle {
    height: 16px !important;
    width: 16px !important;
    border-radius: 100% !important;
    border: 2px solid var(--main-yellow) !important;
    background-color: var(--main-yellow) !important;
    top: -6px !important;
    margin-left: -.3em !important;
}

.ui-slider-handle:hover,
.ui-slider-handle:focus,
.ui-slider-handle:focus-visible {
    outline: none;
    cursor: pointer;
}

.paying_content .ui-slider-range.ui-corner-all.ui-widget-header {
    background-color: white;
}

.ui-slider-range.ui-corner-all.ui-widget-header {
    background-color: var(--main-yellow) !important;
}

.ui-widget.ui-widget-content {
    border: none;
    margin-top: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-radius: 0;
}

/* range sliders */

.filter_container .ui-slider-range.ui-corner-all.ui-widget-header {
    background-color: var(--main-yellow) !important;
}

.filter_container .ui-slider {
    background-color: var(--main-yellow);
}

/* Social nav --------------------------------------------------------------------------------------------------------*/

.social_nav {
    background-color: var(--grey-70);
    padding: 40px 0;
}

.social_nav ul {
    display: flex;
    justify-content: center;
}

.social_nav a {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 7px;
}

.social_nav span {
    font-family: var(--cgm);
    font-size: 7rem;
    line-height: 7rem;
}

.social_nav_img {
    width: 54px;
    height: 54px;
}

.social_nav span,
.social_nav svg {
    transition: .3s;
}

.social_nav p {
    font-family: var(--cgl);
    font-size: 1rem;
    transition: .3s;
}

.social_nav a:hover * {
    color: var(--main-green);
}

.social_nav a:hover svg {
    fill: var(--main-green);
}

.f_logo_container,
.f_logo_container>span {
    height: 100%;
}

.f_logo_container>span {
    vertical-align: middle;
    display: inline-flex;
}

.f_logo_container svg {
    margin-top: auto;
    margin-bottom: auto;
    transform: scale(1.6);
    fill: var(--grey-70);
}

/* Finance chart ---------------------------------------------------------------------------------------------------- */

.finance_input_value {
    display: flex;
    position: relative;
    justify-content: flex-end;
}

ul.styled_ul li {
    position: relative;
    padding-left: 30px;
    margin: calc(4px + .1vw) 0;
    display: flex;
    align-items: center;
}

ul.styled_ul:not(.no_decoration) li::before {
    align-items: center;
    background-color: var(--black-text);
    border-radius: 100%;
    content: "\f00c";
    color: var(--main-yellow);
    display: inline-flex;

    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: small;
    font-style: normal;
    font-variant: normal;

    height: 20px;
    justify-content: center;
    left: 0;
    line-height: 1;
    padding: 3px;
    position: absolute;
    text-rendering: auto;
    width: 20px;
    margin-bottom: 1px;
}

#product_value {
    width: 150px;
}

.finance_input_title {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.finance_input_title_sb {
    justify-content: space-between !important;
}

.finance_input_value small {
    display: flex;
    align-items: center;
    width: max-content;
    white-space: nowrap;
}

.finance_input_group {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.finance_input_group>*,
.financing_slider {
    width: 100%;
    margin: 10px 0 0 0;
}

.finance_input_group>*:first-child {
    max-width: 252px;
    padding-right: 15px;
}

.finance_input_group .black_extraminititle_bold {
    word-spacing: 0.6vw;
    margin-bottom: 6px;
    font-family: var(--cgl) !important;
}

.finance_chart h4 {
    text-transform: uppercase;
}

#paying_text {
    margin: 20px 0;
}

.finance_chart .form_row {
    padding: 10px 15px;
    margin: 0;
}

.finance_chart .form_row input,
.finance_chart .form_row select,
.input_values input,
select {
    color: var(--black-text);
    margin: 0 15px 0 0;
    border-bottom: 1px solid var(--black-text);
    background-color: transparent;
    width: 100%;
    text-align: right;
    text-align-last: right;
}

.finance_chart .form_row input,
.finance_chart .form_row select,
.input_values input {
    font-size: calc(1.8vw + 10pt);
    line-height: calc(2vw + 10px);
    padding: 0 calc(20px + .5vw) 0 0;
}

.finance_chart .form_row input {
    padding-right: 7px;
    width: 100px;
}

.paying_info {
    margin-bottom: 60px;
}

.finance_select_group {
    position: relative;
}

.select_arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: unset;
    right: 45px;
}

.finance_chart .form_row input {
    width: inherit;
    padding-right: 0;
    text-align-last: center;
}

.finance_chart .form_row select {
    text-align-last: center;
    padding-right: 0;
}

/* Container ---------------------------------------------------------------------------------------------------------*/

#outer-container {
    background-color: var(--grey-90);
    min-height: 100vh;
}

#inner-container {
    width: 100%;
    margin: 0 auto;
    background-color: white;
    height: 100%;
    /*box-shadow:  12px 12px 18px #cccccc, -12px -12px 18px #fefefe;*/
    box-shadow: 12px 12px 18px #cccccc;
}

.medium_form_container {
    max-width: 100%;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}


/* Sota nav ----------------------------------------------------------------------------------------------------------*/

#sota_nav {
    padding-top: 84px;
    min-height: 100vh;
    /*max-width: 1200px;*/
    margin-left: auto;
    margin-right: auto;
}

/* Ads nav ----------------------------------------------------------------------------------------------------------*/

.ad_nav_container {
    background-color: var(--main-purple);
    /*display: flex;*/
    display: none;
    align-items: center;
    justify-content: center;
    height: 40px;
}

.ad_nav_element {
    width: 100%;
    display: none;
    position: absolute;
}

.ad_nav_container>.ad_nav_element:first-child {
    display: block;
}

.ad_nav_element>* {
    color: var(--grey-85);
    font-size: 10pt;
    text-align: center;
}

.ad_nav_title {
    display: block;
}

.ad_nav_title {
    font-family: var(--cgm);
}

.ad_nav_description {
    display: none;
}


/* Help nav ----------------------------------------------------------------------------------------------------------*/

.help_nav_container {
    background-color: var(--grey-70);
    height: fit-content;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999998;
    width: 100%;
    display: none;
    border-bottom: 5px solid var(--white);
}

.help_nav {
    height: 50px;
    align-items: center;
}

.help_nav *,
.help_nav a:hover {
    color: var(--white);
}


.help_nav>ul {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.help_nav .dropdown-content ul {
    display: flex;
    flex-direction: column;
}

.hn_li_left {
    margin-left: 1.3%;
    margin-right: 1.3%;
}

.help_call {
    display: none;
}

.help_call img {
    width: 25px;
    height: auto !important;
}

.help_call_number {
    display: none;
}

.burger_nav .help_call {
    margin-left: auto;
    margin-right: 20px;
}

.burger_nav .custom_icon_s {
    position: absolute;
    right: 20px;
}

.help_nav a {
    font-family: var(--cgl);
    font-size: 1rem;
    display: inline-block;
}

.nav_focus a,
.nav_focus span {
    transition: .3s;
}

/* Hover on link */
li.nav_focus>a:hover,
li.nav_focus>a:hover span {
    color: inherit;
}

.help_nav .dropdown {
    position: relative;
    display: flex;
    height: 100%;
}

.help_nav .dropdown>*:first-child {
    align-self: center;
}

li.help_nav_more.pl-0 {
    max-width: 150px;
}

.help_nav_more {
    padding-left: 15px;
    /*flex-grow: 2;*/
    /*margin-right: auto;*/
    transition: .3s;
}

.help_nav_more.hover:hover svg {
    fill: var(--main-green);
}

.dropdown-content {
    display: none;
    position: absolute;
    left: 0;
    background-color: var(--grey-75);
    box-shadow: 0 7px 11px -5px rgba(0, 0, 0, 0.2);
    padding: 10px 0;
    width: 230px;

    max-height: 80svh;
    overflow-y: auto;

    /* Style scroll */
    &::-webkit-scrollbar {
        width: 8px;
    }

    &::-webkit-scrollbar-thumb {
        background-color: var(--grey-70);
        border-radius: 15px;
    }

    &::-webkit-scrollbar-track {
        background-color: var(--grey-75);
    }
}

.dropdown-content .pointer_active,
.dropdown-content .dropdown-focus {
    display: flex;
    position: relative;
}

.dropdown-content.overflow {
    max-height: 80vh;
    overflow-y: scroll;
}

.help_nav .pointer_active .grotesk_medium {
    margin-right: 4px;
}


.dropdown-content a {
    padding: 10px 26px 10px 40px;
    color: white;
    width: 100%;
}

.pointer_active a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    font-family: var(--cgb);
}

.dropdown-focus:hover a,
.dropdown-focus:focus a {
    font-family: var(--cgm);
    letter-spacing: -.375px;
}

/* Modal (1) ---------------------------------------------------------------------------------------------------------*/


.jquery-modal {
    z-index: 9999999999 !important;
    background-color: rgba(255, 255, 255, .75) !important;
}

.std_modal_background {
    backdrop-filter: brightness(0.5);
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.modal {
    padding: 0 !important;
    box-shadow: 0 0 10px var(--verd-f) !important;
    max-width: none;
    border-radius: 0;
}

.modal p {
    margin-bottom: calc(1vw + 10px);
}

.modal img {
    width: 100% !important;
    height: 100% !important;
    object-fit: scale-down !important;
}

.modal a.close-modal {
    top: calc(2vw + 15px) !important;
    right: calc(2vw + 10px) !important;
    width: calc(2vw + 30px) !important;
    height: calc(2vw + 30px) !important;
}

/* Financing modal -------------------------------------------------------------------------------------------------- */


#financingModal {
    overflow-y: scroll;
}

#financingModal .modal-header {
    border: none;
}


#financingModal .banner_buttons p {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(9% + 10pt);
}

#financingModal .financing_need_title_container>p {
    margin-bottom: 0;
    margin-top: 1.2rem;
}

#financingModal .modal-body {
    padding: 2rem 1rem 3rem;
}


/* Contact modal ---------------------------------------------------------------------------------------------------- */


#contactModal {
    overflow-y: scroll;
}

#contactModal .modal-header {
    flex-wrap: wrap;
}

#contactModal .modal-content {
    padding: calc(1vw + 15px) 0.2rem;
    transition: padding .3s;
}

#contactModal .modal-dialog {
    transition: max-width .3s;
}

/* Alert Validation ------------------------------------------------------------------------------------------------- */


#validation_message {
    margin-bottom: calc(1vw + 18px);
}

#validation_message i {
    margin-right: 7px;
    color: var(--main-red);
}

#validation_message>p {
    margin-bottom: 15px;
    display: inline-block;
}



/* Alert modal ------------------------------------------------------------------------------------------------------ */

.alert_modal.modal {
    background-color: var(--black-text) !important;
    padding: calc(4vw + 15px) calc(2vw + 10px) !important;
    max-width: 90vw !important;
    position: relative !important;
    height: auto !important;
}

.alert_modal.modal *:not(.black_text) {
    color: white !important;
}

.black_text {
    color: var(--black-text) !important;
}

.alert_modal.modal form input {
    color: var(--grey-70) !important;
}

.alert_modal.modal h1 {
    margin-bottom: calc(1vw + 10px);
}

.alert_modal.modal .button {
    color: var(--black-text);
    display: inline-block;
    background-color: transparent;
    border: 3px solid white;
    transition: .3s;
}

.alert_modal.modal .button:hover {
    color: var(--black-text) !important;
    background-color: white !important;
}

.modal_inner_container {
    margin: 0 auto;
    max-width: 400px;
}

.modal_inner_container * {
    color: white;
}

.forms_modal .modal_inner_container {
    margin: 0 auto;
    max-width: none;
}

.alert_modal .close-modal {
    background-image: url(../../icon/white_close.svg) !important;
}

.alert_modal.red_button:hover {
    cursor: pointer;
}

/* Forms modal ------------------------------------------------------------------------------------------------------ */

.alert_modal.forms_modal {
    max-width: 750px !important;
    max-height: 95vh !important;
    width: auto !important;
    height: auto !important
}



/* Burger nav --------------------------------------------------------------------------------------------------------*/

.burger_nav_outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999999999;
}

.burger_nav {
    height: 84px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--grey-70);
}

.burger_nav img {
    height: 30px;
}

.bottom_burger_nav img {
    margin-bottom: 20px;
}

.middle_burger_nav {
    background-color: var(--grey-95);
    padding: 50px;
}

.bottom_burger_nav {
    background-color: var(--grey-70);
    display: flex;
    padding: 50px 0 25px;
    flex-direction: column;
    align-items: center;
}

/* Dropdown menu */

.open_menu .dropdown_menu a {
    font-family: var(--cgl);
    font-size: .98rem;
    display: inline-block;
    width: 100%;
}

.open_menu .dropdown_menu span {
    font-size: .97rem;
    font-family: var(--cgl);
}

.faq .dropdown_title {
    margin: 0;
    padding-right: 25px;
    position: relative;
}

.faq .dropdown_title::after {
    background-image: url("../../icon/expand_more_black_24dp.svg");
    background-repeat: no-repeat;
    background-position: center;
    height: 15px;
    width: 15px;
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.faq.faq_active .dropdown_title::after {
    background-image: url("../../icon/expand_more_black_90_24dp.svg");
}

.open_menu .dropdown_content {
    max-height: 30vh;
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

.open_menu .dropdown_content,
.faq .dropdown_content {
    margin-top: 20px;
    display: none;
}

.open_menu .dropdown_content li {
    line-height: 2rem;
}

.faq .dropdown_content p {
    margin: 0;
    padding-bottom: calc(2vw + 10px);
}

.open_menu .dropdown_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.open_menu .dropdown_title * {
    display: inline-block;
}

.open_menu .dropdown_title svg {
    margin-right: 7px;
}

.open_menu .dropdown_title_left {
    display: flex;
    align-items: center;
    width: 100%;
}

.open_menu .dropdown_menu {
    padding-top: 10px;
    border-top: 1px solid var(--grey-70);
}

.faq {
    border-bottom: 1px solid var(--grey-85);
    padding: 20px
}

.open_menu .dropdown_menu:not(:first-child) {
    margin: 20px 0 0;
}

.open_menu .dropdown_menu li {
    display: block;
}

.open_menu .copyright {
    font-family: var(--cgl);
    font-size: .6rem;
    color: white;
}

.top_burger_nav {
    flex-grow: 2;
    display: flex;
}

.top_burger_right {
    background-color: var(--grey-70);
    position: relative;
    min-width: 120px;
}

.top_burger_right svg {
    float: right;
    margin: 20px;
    opacity: .8;
    transition: .3s;
}

.top_burger_right svg {
    opacity: 1;
}

.top_burger_left {
    position: relative;
    flex-grow: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.top_burger_left svg,
.top_burger_left img {
    height: 50px;
    margin: 55px;
}

.burger_what_to_do_nav {
    height: 220px;
    padding: 50px 15px 40px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.burger_what_to_do_nav a {
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-family: var(--cgl);
}

.burger_what_to_do_nav a.pointer_active {
    font-family: var(--cgb);
}

/* Open menu */

.burger_nav .open_menu {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: white;
    z-index: 9999999999;
    flex-direction: column;
    overflow: scroll;
}

/* Faqs --------------------------------------------------------------------------------------------------------------*/

.faqs_container_button {
    margin-top: calc(2vw + 15px);
    text-align: center;
}

.contact_faqs_title {
    margin-bottom: 15px;
}

.faq_content,
.about_us_content {
    display: none !important;
}

/* Footer ------------------------------------------------------------------------------------------------------------*/

footer {
    background-color: var(--grey-70);
    padding: 0 0 calc(2.5vw + 25px) 0;
}

footer li.nav_focus>a:hover,
footer li.nav_focus>a:hover span,
footer a:hover,
footer a:focus {
    color: var(--main-yellow);
}

footer .copyright {
    color: white;
    font-size: .8rem;
}


.masonry {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

footer .item.footer_column {
    flex-basis: 20%;
    display: flex;
    margin: 0 calc(1.5vw + 3px);
    align-items: flex-start;
    padding: 0 0 20px 0;
    justify-content: space-between;
}

footer .item.footer_column ul {
    flex-shrink: 1;
}

footer *,
footer li>a {
    color: var(--white);
    font-size: 12pt;
    font-family: var(--cgl);
}

footer img {
    width: 75%;
    max-width: 260px;
    display: block;
    margin: 0 auto 10%;
}

.footer_title {
    font-size: .97rem;
    line-height: 1.2;
    font-family: var(--cgb);
    margin: 0 0 calc(.5vw + 2px) 0;
    color: var(--main-yellow);
}

.f_title_link {
    cursor: pointer !important;
    transition: color .3s;
}

.f_title_link:hover {
    color: var(--main-yellow);
}

.footer_text li {
    margin-bottom: calc(.5vw + 2px);
    line-height: 1.2;
    display: block;
}

.footer_content {
    display: flex;
    width: 100%;
}

footer .pointer_active {
    padding: 0 5px 0 calc(1vw + 5px);
    display: flex;
    position: relative;
}

footer .dropdown-focus a {
    color: var(--main-green);
}

.footer_ipad {
    display: none;
}

.footer_mobile {
    display: flex;
    flex-direction: column;
}

footer .open_menu .middle_burger_nav {
    background-color: var(--grey-70);
    text-align: center;
    margin-bottom: 25px;
}

footer .open_menu .middle_burger_nav>* {
    display: block;
    font-size: calc(1.5vw + 20px);
    color: var(--main-yellow);
    font-family: var(--cgm);
    margin-bottom: 7px;
}

footer .open_menu .middle_burger_nav>*:hover {
    color: white;
}

.footer_bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(2vw + 20px);
}

.footer_bottom img,
.footer_bottom a {
    max-width: 90%;
    width: auto;
}

.footer_bottom img {
    margin-bottom: 0;
    padding-bottom: 20px;
}

.footer_bottom a {
    border-bottom: 1px solid var(--main-yellow);
    margin-bottom: 20px;
}

.f_support {
    margin-bottom: 40px;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
}

.f_support img {
    display: inline;
    padding: 0;
    margin: -2px 0 0 0;
    height: 12px;
}

/*.f_cities{
    display: none!important;
}*/

/* Forms -------------------------------------------------------------------------------------------------------------*/

/* Firefox */
form input[type=number] {
    -moz-appearance: textfield;
}

form small {
    display: block;
    text-align: right;
    margin-top: 1px;
    margin-left: auto;
    width: max-content;
    padding: 2px 0;
    color: var(--main-red);
}

/* Auth Forms --------------------------------------------------------------------------------------------------------*/

.modal.forms_modal {
    max-width: 680px;
    width: 100%;
    box-sizing: border-box !important;
}

.form_row_main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form_row_main:not(.no_wrap) {
    /*flex-wrap: wrap;*/
}

.form_row_main.flex-column {
    align-items: flex-start;
}

.form_row_main,
.align_center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.align_center--home {
    @media (max-width: 768px) {
        align-items: center !important;
    }
}

.align_center--home .logo_col {
    @media (max-width: 768px) {
        flex: 0 0 50%;
    }
}

.align_center--home .nextmoto_logo {
    @media (max-width: 768px) {
        width: 100%;
        height: auto;
    }
}

.form_row_main.flex-column {
    align-items: flex-start;
}

.form_row_main.flex-column>label {
    margin-bottom: 10px;
}

.form_row_main input:not([type=checkbox], [type=radio]) {
    text-align: left;
    width: 100% !important;
    flex-grow: 2;
    padding: 0.2rem 1rem;
    outline: none !important;
    background-color: var(--grey-topnav);
    transition: outline-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-size: 12pt;
    min-height: 32px;
    cursor: unset;
}

.form_row_main input:not([type=checkbox]):focus,
textarea:focus {
    box-shadow: 0 0 0 0.2rem rgb(237 255 0 / 37.5%);
    outline-color: transparent;
}

input[type="checkbox" i]:focus-visible {
    outline: none;
}


.form_row_main label,
.form_row_main .label {
    flex-shrink: 1;
    margin-bottom: 0;
    max-width: 100%;
    width: 150px;
    font-family: var(--cgl) !important;
    margin-right: 10px;
}

.form_row {
    margin: 0 0 3px;
    padding: 3px 0.5px 0 0.5px;
    transition: .3s;
}

.form_row.form_row_border_bottom {
    border-top: 0;
}

.auth_form .form_group {
    margin-bottom: 50px;
}

.form_text {
    font-size: calc(.8vw + 9pt);
}

.form_text a {
    padding-left: 10px;
    display: inline-block;
}

.privacy_submit_container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: calc(2vw + 10px);
}

.privacy_label {
    margin-left: 7px;
    color: var(--black-text) !important;
}

.privacy_label a {
    color: var(--black-text) !important;
    border-bottom: 1px solid var(--main-purple);
    text-transform: lowercase;
}

.privacy_label,
.privacy_label a {
    font-size: calc(.3vw + 9pt) !important;
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
}

.privacy_label a {
    display: inline-block;
}

.alert.alert-success {
    font-family: var(--cgm) !important;
    margin-top: 15px !important;
    border: 0 !important;
}

.alert-success .fa {
    color: var(--black-text) !important;
}

/* Cities partial ----------------------------------------------------------------------------------------------------*/

.cities_container>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.cities_container li {
    margin-bottom: 7px;
}

.cities_container li>a,
.cities_container li>a::after {
    padding-left: 10px;
}

.cities_container li>a {
    color: var(--grey-70);
}

.cities_container li>a::after {
    content: "|";
    color: var(--main-green);
    display: inline-block;
}

.cities_container li:last-child>a::after {
    display: none;
}

.cities_container li>a::after:hover {
    text-decoration: none;
}

.cities_container li>a:hover {
    text-decoration: underline;
}






/* Test Drive partial ------------------------------------------------------------------------------------------------*/

.td_outer_container {
    padding: 30px calc(1vw + 10px) 20px;
    background-image: url("../../img/testDrive.png");
    background-repeat: no-repeat;
    background-position: 0 top;
    background-size: cover;
}

.td_outer_container>.hr_separator {
    display: none;
}

.td_row {
    margin-bottom: 7px;
}

.col_td_blank {
    flex: 0 0 35%;
    max-width: 35%;
}

.col_td_title {
    flex: 0 0 65%;
    max-width: 65%;
}

.col_td_title .hr_separator {
    margin-bottom: 7px;
    margin-left: -5px;
}

.col_td_title>* {
    text-align: left;
}

.col_td_title .banner_btn {
    display: none;
}

.td_banner .row_logo {
    justify-content: center;
}

.td_banner .banner_buttons {
    justify-content: center;
    margin-top: 30px;
}

.td_banner .nextmoto_logo {
    height: auto;
    width: 200px;
}


/* Actions partial ---------------------------------------------------------------------------------------------------*/

.action {
    display: flex;
    flex-direction: column;
    margin-bottom: 35px;
}

.action>p {
    display: flex;
    justify-content: center;
    padding: 10px 25px;
    background-color: var(--main-green);
    color: white !important;
}

.action:hover>p,
.action:focus>p {
    color: white !important;
    background-color: var(--main-green);
}

.action_card_top {
    display: flex;
    padding: 35px 25px 10px;
    background-color: white;
}

.action_card_top>svg {
    min-width: 100px;
}

.action_icon {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.action_icon img {
    max-height: 55px;
    max-width: 55px;
    object-fit: contain;
    padding-right: 15px;
}

.action_text {
    flex-shrink: 100;
    display: flex;
    flex-direction: column;
    flex-grow: 2;
}

.action h4,
.action .h2 {
    margin-bottom: 8px;
}

.action_text p,
.action_text .p {
    font-family: var(--cgl);
    margin-bottom: 10px;
    font-size: 1.1rem;
    flex-grow: 2;
}




/* Media queries -----------------------------------------------------------------------------------------------------*/

/*Very Small Devices*/
@media (min-width: 300px) {

    /* Burger nav */

    .burger_nav img {
        display: block;
    }

    /* Brands tags */

    .tag_col {
        flex: 0 0 50%;
        max-width: 50%;
    }

    /* Footer */

    footer .middle_burger_nav {
        padding: 0 10px;
    }
}

@media (max-width: 370px) {

    /* Finder results */

    span.result_price>span.result_left {
        flex-wrap: wrap;
        text-align: center;
    }

    span.result_price>span.result_left>* {
        width: 100%;
    }
}

@media (min-width: 447px) {

    /* Contact modal */

    #contactModal .modal-content {
        padding-left: 1.1rem;
        padding-right: 1.1rem;
    }

    /* Brands tags */

    .tag_col {
        padding-left: 15px;
        padding-right: 15px;
    }

    .tag_col .sbt_text h3,
    .tag_col .sbt_text .h3 {
        padding-right: 30px;
        padding-left: 30px;
    }

    .tag_col .sbt_arrow {
        width: 80px;
    }

}

@media (min-width: 500px) {

    /* Navbar ads */
    .ad_nav_container {
        height: 40px;
    }

    .ad_nav_element {
        width: fit-content;
    }

    .ad_nav_title {
        display: inline;
    }

    /* Sota nav */
    #sota_nav {
        padding-top: 84px;
    }


    /* Finder results */

    span.result_top>p {
        font-size: 18pt;
    }

}

@media (min-width: 544px) {


    /* Inputs */

    .result_container .img_fluid {
        height: 200px;
    }

    .privacy_submit_container input[type=checkbox] {
        width: 22px;
        height: 22px;
    }
}

/* Small Devices */
@media (min-width: 576px) {

    /* TestDrive */

    .col_td_title {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col_td_title br {
        display: none;
    }

    .col_td_blank {
        flex: 0 0 25%;
        max-width: 25%;
    }

    /* Welcome */

    .welcome-container {
        max-width: unset;
    }

    /* End page nav */
    /*
    .end_page_nav ul{
        height: 100px
    }

    .end_page_nav li{
        margin: 0 20px;
    }

    .end_page_nav span {
        font-size:9pt;
    }*/

    /* Contact modal */

    #contactModal {
        padding: 20px !important;
    }

    #contactModal .modal-dialog {
        max-width: 800px;
    }

    #contactModal form {
        flex-wrap: wrap;
    }

    #contactModal form {
        display: flex;
    }

    #contactModal .form_row {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #contactModal .modal-body {
        padding-left: 0;
        padding-right: 0;
    }

    /* Financing modal */

    #financingModal .modal-dialog {
        max-width: calc(100vw - 3rem);
    }

    #financingModal .banner_buttons p {
        font-size: calc(9% + 13pt);
    }

    /* Financing */

    .finance_chart .form_row input,
    .finance_chart .form_row select,
    #product_value {
        width: 180px;
    }

    /* ProductCard */

    .result_container .km0>img {
        width: 76px;
    }

    /* Footer */

    footer .middle_burger_nav {
        padding: 50px 20px;
    }
}

@media (min-width: 650px) {

    /* Product results (finder and fav products) */

    #results {
        padding: 0 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .result_container {
        margin: 0 1.6% 3.2%;
        width: 46.8%;
    }

    .result_container.sbrc {
        margin: 0 0 30px;
        width: 100%;
    }

    .result_container .result {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {

    .result_container>a.result>span.info {
        width: 100%;
    }

    .result_left,
    .result_right {
        width: 100%;
    }

    span.result_price>span.result_right {
        padding-left: 0;
        padding-right: 0;
    }

    span.result_price>span.result_left {
        width: fit-content;
        padding-left: 0;
        padding-right: 0;
        display: flex;
        justify-content: center;
        padding-bottom: 0;
        align-items: center;
    }

    .result_container>a.result>span.info>div.left {
        display: block;
        width: 100%;
    }

    .result_container .right p,
    .result_container .right small {
        text-align: left;
    }

    span.result_price {
        padding-right: 15px;
        padding-left: 15px;
        flex-direction: row;
    }

    span.result_price>span.result_left>p {
        font-size: 1.75rem;
    }

    p.img_fluid.reserved {
        font-size: 24pt;
    }

    span.result_left>p.version {
        font-size: 1.3rem;
    }

    span.result_top>p {
        width: 100%;
        text-align: left;
    }
}

/* Tablet and up */
@media (min-width: 768px) {

    .ipad_item {
        display: block;
    }

    .black_title_big {
        font-size: 28pt;
    }

    .hr_separator {
        margin-bottom: 15px;
        width: 260px;
    }

    .welcome-container {
        max-width: 100%;
        padding: calc(2vw + 37px) 15px 30px;
    }

    .desktop_element {
        display: block !important;
    }

    .mobile_element {
        display: none !important;
    }

    .h1 {
        text-align: center;
    }

    .welcome_sota_nav {
        padding: 0 !important;
    }

    .p_v1 {
        font-family: var(--cgl);
        font-size: calc(12px + .5vw);
    }

    .next_to_title_icon {
        display: block !important;
        position: absolute;
        left: 60px;
        top: 0;
        height: 45px !important;
    }

    .split_two {
        flex-direction: row;
        justify-content: space-between;
    }

    .split_two>* {
        flex-basis: 48%;
    }

    .lg_split_two {
        flex-direction: column;
    }

    .lg_split_two>* {
        flex-basis: 100%;
    }

    .green_title_medium {
        font-size: calc(1vw + 13px) !important;
    }

    .card_item {
        padding: 0 20px 40px;
    }

    .br-d-sm {
        display: none;
    }

    /* Sota nav */
    #sota_nav {
        padding-top: 0;
    }

    /* Help nav */

    .hn_logo img {
        width: 150px;
        height: auto;
    }


    /* Banners */

    .row_logo {
        padding-left: 0;
        padding-right: 0;
        margin-top: auto;
    }

    .welcome_banner .banner_buttons {
        margin-top: auto;
        margin-bottom: 0;
    }

    .welcome_banner_left img.nextmoto_logo {
        width: 400px;
    }

    .welcome_banner .banner_buttons .button_2 {
        flex-basis: 100%;
        margin-left: 0;
        margin-right: auto;
        max-width: 350px;
    }

    .banner_image_container .banner_background_image {
        background-size: contain;
    }

    .bd_image.big {
        height: 350px;
    }

    .banner_image_text>p:not(.bigger_subtitle) {
        font-size: .85rem;
    }

    /* Modal */

    .alert_modal {
        width: calc(33vh + 200px) !important;
        max-width: none !important;
    }

    /* Result container (finder and product favs) */

    #results .result_container.sbrc {
        margin: 0 1.6% 3.2%;
        width: 46.8%;
    }

    .result_container.hover:hover .result_price {
        background-color: var(--black-text);
    }

    .result_container.hover:hover .result_price * {
        color: var(--white);
    }

    .result_container .right {
        flex-direction: column;
        justify-content: space-evenly;
    }

    .result_container .left {
        min-height: 100px;
    }

    .result_top {
        padding: 12px 20px;
    }

    span.result_top>p {
        font-size: 1.75rem;
    }

    .result_right {
        width: fit-content;
        padding: 0 10px;
    }

    .result_price .result_right {
        width: fit-content;
        padding: 0 10px;
    }

    .result_price .result_left {
        padding-bottom: 0;
        flex-direction: column;
    }

    .result_container .img_fluid {
        max-height: 200px;
    }

    .result_container .info {
        min-height: 83px;
    }

    .result_container .watermark:not(.km0)>img {
        width: 100px;
    }

    .result_container .km0 img {
        width: 80px;
    }

    .km0 {
        top: 23px;
    }

    .result_price {
        padding: 10px 20px;
    }

    /* Navbar ads */

    .ad_nav_element>* {
        font-size: calc(11pt + 2px);
        display: inline;
        width: fit-content;
    }

    /* Top navs */

    .help_nav_container {
        display: flex;
        flex-wrap: wrap;
        position: sticky;
        top: 0;
    }

    .help_nav_container .container {
        max-width: none;
        padding-left: 5px;
        padding-right: 5px;
    }

    /* Faqs */

    .faqs_container a {
        text-align: left;
    }

    .burger_nav_outer {
        display: none;
    }

    /* Top info nav */

    .top_info_nav {
        display: block;
    }

    /* Actions partial */

    .action {
        margin-bottom: 0;
    }

    .actions_partial {
        display: flex;
        justify-content: center;
    }

    .actions_partial a {
        margin: 0 2vw;
    }

    .action>p {
        padding: 10px 25px;
        background-color: white;
        color: var(--main-green) !important;
    }

    .action_card_top {
        flex-direction: column;
        align-items: center;
        width: 265px;
        height: 100%;
        justify-content: center;
        padding: 40px 25px 20px;
    }

    .action_icon img {
        padding: 0;
        max-width: 75px;
        max-height: 75px;
    }

    .action_text {
        align-items: center;
    }

    .action_text * {
        text-align: center;
    }

    .action_text h4 {
        margin-bottom: 10px;
    }

    .action_icon img {
        margin-bottom: 20px;
    }

    /* Welcome banner */

    .welcome_banner {
        /*min-height: calc(100vh - 50px);
        max-height: 350px;*/
    }

    .welcome_banner_content {
        flex-grow: 2;
    }

    .banner_ocasionista {
        display: flex;
        background-color: var(--grey-75);
    }

    .welcome_banner_left {
        flex-basis: 35%;
        display: flex;
        flex-direction: column;
    }

    .welcome_banner_right {
        flex-basis: 65%;
        display: flex;
        flex-direction: column;
    }

    .welcome_banner .banner_buttons .button_2 {
        margin-top: 0;
    }

    .welcome_banner_top,
    .welcome_banner_bottom {
        flex-direction: row;
    }

    .banner_image_container {
        flex-grow: 2;
        padding: 0;
        border-radius: 0 0 200px 0;
    }

    .welcome_banner_left .row_logo>.logo_col:first-child {
        display: none;
    }

    .welcome_banner_left .row_logo>.logo_col:last-child {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .welcome_banner_left img.nextmoto_logo {
        height: auto;
    }

    .banner_image_container .banner_background_image {
        border-radius: 0 0 200px 0;
    }

    .banner_image_text {
        margin-bottom: 0;
        padding: 50px 50px 40px 50px;
        height: 100%;
        justify-content: flex-start;
        align-items: center;
    }

    .banner_image_text a>p {
        min-width: 50px;
        display: flex;
        flex-wrap: wrap;
        font-size: calc(.7vw + 7px);
    }

    .banner_image_text_item {
        margin-right: calc(2vw + 10px);
    }

    .banner_text {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /* Test drive */

    .td_outer_container {
        background-image: url("../../img/testDrive_big.png");
        background-size: cover;
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .td_outer_container>.hr_separator {
        display: block;
        margin-bottom: calc(1.8vw + 14pt);
    }

    .td_banner .banner_buttons {
        display: none;
    }

    .col_td_title .banner_btn {
        display: flex;
        margin-top: 3px;
        justify-content: center;
        width: 250px;
        margin-left: 0;
    }

    .col_td_blank {
        display: none;
    }

    .td_row>* {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .td_row {
        width: 450px;
    }

    .td_container {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    .td_banner .nextmoto_logo {
        width: 300px;
    }

    .td_container>* {
        padding: 0 30px;
    }

    .col_td_title .hr_separator {
        display: none;
    }

    .col_td_title br {
        display: inline;
    }

    .col_td_title .h1 {
        text-align: left;
    }

    /* Finance calculator */

    .finance_input_group {
        flex-direction: row;
    }

    .finance_input_group>* {
        width: 48%;
    }

    .finance_input_group>*,
    .financing_slider {
        margin: 0;
    }

    .finance_input_value span {
        max-width: 60px;
        width: 100%;
    }



    /* Modal */
    .modal {
        /*
        max-height: calc(100vh - 50px)!important;
        max-width: calc(100vw - 50px)!important;

         */
        border-radius: 7px !important;
    }

    /* Finance calculator */

    .turn_up {
        width: 62px;
        height: 62px;
    }

    .turn_up>i {
        font-size: 25pt;
    }

    .finance_chart .form_row input,
    .finance_chart .form_row select {
        width: 200px;
    }

    #product_value {
        width: 100%;
    }

    /* Contact Modal */

    #contactModal .modal-content {
        padding-left: calc(1vw + 22px);
        padding-right: calc(1vw + 22px);
    }

    /* Financing modal */

    #financingModal .modal-dialog {
        max-width: 90vw;
    }

    #financingModal .modal-content {
        padding-left: calc(1vw + 22px);
        padding-right: calc(1vw + 22px);
    }

    #financingModal .financing_need_title_container>p {
        margin-bottom: 0;
    }

    #financingModal .banner_buttons p {
        display: flex;
    }

    #financingModal .modal-body {
        padding-bottom: 5rem;
    }

    #financingModal .finance_input_value {
        margin-bottom: 15px;
    }

    /* Brands tags */

    .tag_col {
        flex: 25%;
        max-width: 25%;
    }

    /* Footer */

    footer .container {
        max-width: 100%;
    }

    /* Financing product recap */

    .result_price_financing.result_price>* {
        display: flex;
        width: 50%;
        margin: 0;
    }

    footer .middle_burger_nav {
        padding: 50px 30px;
    }

}

@media (min-width: 768px) and (orientation: portrait) {
    .paying_info {
        margin-bottom: 40px;
    }

}

@media (min-width: 960px) {

    /* Brands tags */

    .tag_col {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

}

/* Low laptop screen / iPad Pro*/
@media (min-width: 992px) {

    .ipad_separator {
        display: block;
    }

    .black_title_medium {
        font-size: calc(.6vw + 0.9rem) !important;
    }

    .h1 {
        font-size: calc(1.5vw + 14pt);
    }

    /* Nav */
    .help_call_number {
        display: inline;
    }

    .hn_logo {
        margin-right: auto;
    }

    .hn_logo img {
        width: auto;
        height: 30px;
    }

    .help_nav_more {
        margin-left: auto;
    }

    /* Banners */

    .bd_image.big {
        height: 400px;
    }

    /* TestDrive banner */

    .col_td_title .banner_btn {
        width: 300px;
    }

    .td_row {
        width: 480px;
    }

    .td_outer_container {
        padding-bottom: 80px;
    }

    /* Forms */

    .form_text {
        font-size: 14pt;
    }

    .ipad_text_centered {
        text-align: left !important;
    }

    .help_nav_container .container {
        max-width: 960px;
    }

    .privacy_label,
    .privacy_label a {
        font-size: calc(.45vw + 5.5pt) !important;
    }

    /* Product results (finder and product favs) */

    #results .result_container {
        width: 30%;
    }

    .result_price>span.result_left {
        width: fit-content;
    }

    .result_price .result_left p {
        font-size: 1.3rem;
    }

    /* Cities partial */

    .cities_container {
        margin-top: calc(1vw + 12px);
    }

    .cities_container li>a {
        font-size: calc(.3vw + 1rem);
    }

    /* Contact modal */

    #contactModal .modal-dialog {
        max-width: 850px;
    }

    /* Financing modal */

    #financingModal .modal-dialog {
        max-width: 850px;
    }

    #financingModal .h1 {
        font-size: 30pt;
        text-align: center !important;
    }

    /* Financing */

    .finance_input_group>*:first-child {
        max-width: unset;
        width: 90%;
    }

    /* Results */

    .result_container .right p,
    .result_container .right small {
        font-size: 1.1rem;
    }

    /* footer */

    .footer_ipad {
        display: flex;
    }

    .footer_mobile {
        display: none;
    }

    footer .item {
        margin-bottom: 20px;
    }

    footer label {
        margin-bottom: 10px;
    }

    footer img {
        margin-bottom: 20px;
        width: 180px;
        max-width: fit-content;
    }

    /* Inner left nav */

    .inner_left_nav {
        justify-content: flex-start;
    }

    footer .footer_column.item {
        display: block;
    }

    footer .footer_column.item>.pointer_active {
        margin-bottom: 15px;
    }

    footer .footer_column.item>ul {
        text-align: left;
    }

    .contact_help_location span {
        margin-bottom: calc(0.5vw + 2px);
        line-height: 1.2;
        display: block;
    }

    /* Center nav */

    .center_nav {
        margin-bottom: 15px;
    }
}

/* iPad Pro only portrait*/
@media (min-width: 992px) and (orientation: portrait) {}

/* iPad Pro only portrait*/
@media (min-width: 992px) and (orientation: landscape) {

    .inner_left_nav.horizontal {
        flex-direction: column;
        margin-bottom: 0;
    }

    .only_nav {
        padding-top: 20vh;
    }

    .lg_split_two {
        flex-direction: row;
        justify-content: space-between;
    }

    .lg_split_two>* {
        flex-basis: 48%;
    }
}

/* Medium laptop screen */
@media (min-width: 1200px) {

    .container_basic_data {
        width: fit-content;
    }

    .lg_split_two>* {
        flex-basis: 45%;
    }

    .welcome-container {
        max-width: 1700px;
    }

    .wider_container {
        max-width: calc(70% + 75px);
    }

    .help_nav_container .container {
        max-width: calc(82% + 45px);
    }

    /* Product results (finder and product favs) */

    .result_container {
        box-shadow: 10px 10px 14px #cccccc, -10px -10px 14px #fefefe;
    }

    .result_price .result_left p {
        font-size: 1.45rem;
    }

    /* Banners */

    .bd_image.big {
        height: 500px;
    }

    .banner_image_text {
        max-width: 992px;
        margin-left: auto;
        margin-right: auto;
    }

    /* Top navs */

    /* TestDrive */

    .td_container {
        width: 90%;
        margin: 0 auto;
    }

    /* Footer */

    footer .container {
        max-width: 1800px;
        width: 90%;
    }

    .masonry_logo {
        margin-right: 160px;
    }

    .footer_text li {
        margin-bottom: 7px;
    }

    .footer_title {
        margin: 0;
    }


}

@media (min-width: 1300px) {
    /* Footer */

    footer .item.footer_column {
        flex-basis: 16%;
    }

}

/* Very High laptop screen */
@media (min-width: 1400px) {

    /* Nav */
    .help_nav_container .container {
        max-width: 1400px;
    }

    .hn_li_left {
        margin-left: 20px;
    }

    /* Banner */

    .banner_h2 {
        font-size: calc(3vw + 10px);
    }

    /* Finance */

    .finance_chart .form_row input,
    .finance_chart .form_row select {
        width: 230px;
    }

    /* Product results (finder and product favs) */

    #results .result_container {
        width: 21.8%;
    }

    #results .result_container.sbrc {
        width: 30%;
    }

    .result_container .left {
        width: 60%;
    }

    #results .result_container .right {
        padding: 12px 20px;
    }

    .result_price {
        padding-left: 5px;
        padding-right: 5px;
    }

    span.result_right>p.minititle_regular {
        font-size: calc(.3vw + .7rem) !important;
    }

    /* footer */

    .footer_text li {
        margin-bottom: 9px;
    }
}

@media screen and (min-width:1560px) {

    /** Footer **/

    footer .footer_column.item>.pointer_active {
        margin-bottom: unset;
    }

    footer .footer_column.item>ul {
        text-align: unset;
    }

    footer .item.footer_column {
        margin: 0 calc(0.45vw + 3px);
    }
}

/* Very High laptop screen */
@media (min-width: 1600px) {

    /* Banners */

    .bd_image.big {
        height: 500px;
    }


    /* Finance */

    .finance_chart .form_row input,
    .finance_chart .form_row select,
    .input_values input {
        font-size: calc(1.1vw + 9pt);
    }

    /* Footer */

    .masonry {
        flex-wrap: unset;
    }
}

@media (min-width: 1980px) {

    /* Banners */

    .bd_image.big {
        height: 600px;
    }

}



/* Max querys */

@media (max-width: 992px) {

    /* Products cards */

    span.result_right>small.black_extraminititle_bold {
        font-size: calc(.25vw + 12px) !important;
    }

    span.result_right>p.minititle_regular {
        font-size: calc(.3vw + .85rem) !important;
    }
}