/******General Classes******/
.pos_relative { position: relative; }
.display_none { display: none; }
.display_mobile { display: none; }
.disabled { pointer-events: none; }
.bold { font-weight: 500; }
.clearfix::after, .clearfix::before { content: ""; width: 100%; display: block; clear: both; }
.transition { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; }
.translateY { transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.text_center { text-align: center; }
.text_left { text-align: left; }
.text_right { text-align: right; }
.box_sizing { box-sizing: border-box; }
.padding { padding-left: 10px; padding-right: 10px; }
.padding_t_20 { padding-top: 20px; }

[data-toggleItem] {display:none;}

.field-validation-error { position: absolute; right: 15px; bottom: 3px; color: #fa0404; pointer-events: none; font-size: 10px; z-index: 2; width: auto !important; }
    .input-validation-error.active, .field-validation-error + .like_select { border: 2px solid #fa0404 !important; }
.checkbox_error {position:relative; }
    .checkbox_error .field-validation-error {bottom:-8px; }

.validation_item ~ .lotti_error_arrow { opacity: 0; position: absolute; left: 50px; right: initial !important; top: 10px; transform: rotate(270deg); width: 40px; height: 40px; pointer-events: none; }
input[name="PlateNumber"] ~ .field-validation-error { color: transparent !important; pointer-events: none; width: 100% !important; height: 100%; right: 0; top: 0; bottom: initial; }
.plate { position: absolute; left: 2px; top: 2px; display: flex; justify-content: center; align-items: center; padding: 5px; box-sizing: border-box; background-color: #1d8ce1; box-shadow: 0 3px 6px #00000029; height: calc(100% - 4px); }
    .plate > img { max-height: 100%; max-width: 100%; }

.tbl { display: table; table-layout: fixed; }
    .tbl > * { display: table-cell; }

input, textarea, select { font-family: 'Rubik', sans-serif; outline: 0; }

.image { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 0; }
    .image > img { overflow: hidden; width: 100%; height: 0; opacity: 0; }
.image2 { background-position: center center; background-repeat: no-repeat; background-size: contain; }

.img { position:relative;}
.img > img { position:absolute;right:0;left:0;margin:0 auto;max-width:100%;max-height:100%; top:50%; transform:translateY(-50%);}

.image_conti { text-align:center;}
.image_conti > img {display:inline-block;vertical-align:middle;max-width:100%; }

.bread { display: flex; flex-wrap: wrap; align-items: center; width: 100%; margin: 0; box-sizing: border-box; text-align: right; font-size: 0.9em; color: #313131; background-color: #F9F9F9;padding:5px 30px; margin-bottom:15px;}
    .bread > * { font-weight: 400;margin-left:5px; }
        .bread > *.arrow { padding: 2px; border-color: #313131; }
    .bread a { color: #01B7B8; }
        .bread a:hover, .bread a:focus { text-decoration: underline; }

.socials > ul { display: flex; }
    .socials > ul > li { margin-left: 20px; }
        .socials > ul > li:last-child { margin-left: 0; }
        .socials > ul > li > a { display: block; color: #000000; text-align: center; }
            .socials > ul > li > a > span { font-size: 0.8em; display: block; }
            /*        .socials > li > a > img { width: 32px; display: block; margin: 0 auto 5px auto; }
    .socials > li:last-child > a > img { width: 23px; }*/
            .socials > ul > li > a:hover, .footer_socials .socials > ul > li > a:focus { opacity: 0.8; }

.read_more_conti { font-size: 1.2em; font-weight: 500; }

.link { color: #1694C4; }
.link2 { color: #1694C4; }
.link3 { color: #FEA02F; cursor:pointer;}
    .link:hover, .link:focus, .link3:hover, .link3:focus { text-decoration: underline; }

.video_conti { position: relative; height: 0; padding-bottom: 60%; }
    .video_conti > *, .video_conti > * > * { position: absolute; right: 0; top: 0; width: 100%; height: 100%; }

.inner_text { }
    .inner_text p { font-size: 1.2em; line-height: 120%; }
/******End General Classes******/

/******Headlines******/
.page_headline1 { padding: 9px 0; box-sizing: border-box; border-bottom: 1px solid rgba(23, 23, 23, 0.20);margin:50px 0 12px 0; }
.page_headline1 > * {font-size:1.9em;font-weight:400; }

.headline1 { position: relative;}
    .headline1 > * { position: relative; display: inline-block; font-size: 1.9em; box-sizing: border-box; color: #313131; z-index: 2; font-weight: 400; }
        .headline1 > *.link { color: #01B7B8; margin-right: 20px; }

.headline1_float_link { display:flex;flex-wrap:wrap; justify-content:space-between;}

.headline2 { position: relative; }
    .headline2 > * { position: relative; display: inline-block; font-size: 3em; box-sizing: border-box; color: #313131; z-index: 2; font-weight: 400;box-sizing: border-box; }

.headline3 { position: relative; }
    .headline3 > * { position: relative; display: inline-block; font-size: 2.2em; box-sizing: border-box; color: #212121; z-index: 2; font-weight: 400; }

.headline4 { margin-bottom: 20px; padding: 10px 0; box-sizing: border-box; border-bottom: 1px solid #E3E3E3; border-top: 1px solid #E3E3E3; }
    .headline4 > * { font-size: 1.5em; font-weight: 500; }

.headline5 { font-size: 2.2em; color: #379EF8;}
    .headline5 > * { font-weight: 700; display: inline-block; position: relative; }

.headline6 { font-size: 1.5em; }
    .headline6 > * { font-weight: 500; display: inline-block; position: relative; padding-bottom: 6.5px; }
        .headline6 > *::after { content: ""; position: absolute; right: 0; left: 0; width: 45px; height: 1px; bottom: 0; background-color: #35709D; margin: 0 auto; }

.headline7 { position: relative; }
    .headline7 > * { position: relative; display: inline-block; font-size: 3em; box-sizing: border-box; color: #313131; z-index: 2; font-weight: 700; box-sizing: border-box; }


.inner_headline { text-align: center; font-size: 3em; position: absolute; top: 50%; right: 0; width: 100%; transform: translateY(-50%); }
    .inner_headline > * { display: inline-block; font-weight: 500; }
/******End Headlines******/

/***Arrows****/
.arrow { border: solid black; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; }
.arrow_right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.arrow_left { transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.arrow_up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.arrow_down { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
/***End Arrows****/

/***Quantity****/
.quantity { display: inline-block; margin-bottom: 10px; }
    .quantity > ul { display: flex; border: 1px solid #cecece; width: auto;border-radius:5px;overflow:hidden; }
        .quantity > ul > li { }
            .quantity > ul > li > a { display: flex; justify-content: center; align-items: center; font-size: 1.2em; width: 30px; height: 35px; background-color: #C9C9C921 ;transition:all 0.5s ease-in-out;}
                .quantity > ul > li > a:hover, .quantity > ul > li > a:focus {background-color:#00539B;color:#fff; }
            .quantity > ul > li > div { border-right: 1px solid #cecece; border-left: 1px solid #cecece; width: 40px; height: 100%; display: flex; justify-content: center; align-items: center; }
/***End Quantity****/

/****Loader*****/

.loader { border: 16px solid #f3f3f3; /* Light grey */ border-top: 16px solid #3498db; /* Blue */ border-radius: 50%; width: 120px; height: 120px; animation: spin 2s linear infinite; }

/***Policy****/

.policy { padding-right:10em; display: inline-block; margin-bottom: 10px;  max-width:60%;}
/***End Policy****/

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/****End Loader*****/

@media only screen and (max-width : 1020px) {
    .hide_mobile { display: none !important; }

    .headline1 > * {font-size:1.5em;}
    .headline2 > *, .headline7 > * { min-width: 0; font-size: 2.2em; }
}

@media only screen and (max-width : 768px) {
}

@media only screen and (max-width : 600px) {
}

@media only screen and (max-width : 414px) {
}

/* License fee flow */
.lf-ko-progress { max-width: 520px; margin-left: auto; margin-right: auto; }
.lf-ko-progress__track {
    display: flex; flex-direction: row; align-items: center; justify-content: center;
    list-style: none; padding: 0; margin: 0; gap: 0.35rem;
}
.lf-ko-progress__step {
    display: flex; flex-direction: column; align-items: center; text-align: center;
    flex: 0 0 auto; min-width: 6rem;
}
.lf-ko-progress__circle {
    display: flex; align-items: center; justify-content: center;
    width: 2.25rem; height: 2.25rem; border-radius: 50%; font-weight: 600; font-size: 0.95rem;
    border: 2px solid #c5c5c5; color: #313131; background: #fff; margin-bottom: 6px;
}
.lf-ko-progress__step--current .lf-ko-progress__circle {
    border-color: #01B7B8; color: #fff; background: #01B7B8;
}
.lf-ko-progress__step--done .lf-ko-progress__circle {
    border-color: #01B7B8; color: #fff; background: #01B7B8; font-size: 0.85rem;
}
.lf-ko-progress__step--pending .lf-ko-progress__circle {
    border-color: #ddd; color: #888; background: #fafafa;
}
.lf-ko-progress__label { font-size: 0.9em; color: #313131; line-height: 1.2; }
.lf-ko-progress__connector {
    flex: 1 1 auto; height: 2px; max-width: 4rem; background: #e0e0e0; align-self: flex-start; margin-top: 1.1rem;
}
.lf-ko-progress__connector--done { background: #01B7B8; }
.lf-ko-total { text-align: center; }
.lf-ko-total strong { font-size: 1.35em; display: block; margin-bottom: 6px; }
.lf-ko-total .lf-ko-total__ok { color: #01B7B8; font-weight: 600; }