@font-face {
    font-family: 'Qubo-Bold';
    src: url("../fonts/Qubo/Qubo-Bold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Qubo-Black';
    src: url("../fonts/Qubo/Qubo-Black.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Qubo-BlackItalic';
    src: url("../fonts/Qubo/Qubo-BlackItalic.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Qubo-BoldItalic';
    src: url("../fonts/Qubo/Qubo-BoldItalic.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Qubo-ExtraBold';
    src: url("../fonts/Qubo/Qubo-ExtraBold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Qubo-ExtraBoldItalic';
    src: url("../fonts/Qubo/Qubo-ExtraBoldItalic.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Qubo-ExtraLight';
    src: url("../fonts/Qubo/Qubo-ExtraLight.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Qubo-Italic';
    src: url("../fonts/Qubo/Qubo-Italic.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Qubo-Light';
    src: url("../fonts/Qubo/Qubo-Light.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Qubo-LightItalic';
    src: url("../fonts/Qubo/Qubo-LightItalic.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Qubo-Mediumt';
    src: url("../fonts/Qubo/Qubo-Medium.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Qubo-MediumItalic';
    src: url("../fonts/Qubo/Qubo-MediumItalic.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Qubo-Regular';
    src: url("../fonts/Qubo/Qubo-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Arimo';
    src: url('../fonts/Arimo-Bold.woff2') format('woff2'), url('./fonts/Arimo-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arimo';
    src: url('../fonts/Arimo-BoldItalic.woff2') format('woff2'), url('./fonts/Arimo-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arimo';
    src: url('../fonts/Arimo-Italic.woff2') format('woff2'), url('./fonts/Arimo-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arimo';
    src: url('../fonts/Arimo-Medium.woff2') format('woff2'), url('./fonts/Arimo-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arimo';
    src: url('../fonts/Arimo-MediumItalic.woff2') format('woff2'), url('./fonts/Arimo-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Arimo';
    src: url('../fonts/Arimo-Regular.woff2') format('woff2'), url('./fonts/Arimo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arimo';
    src: url('../fonts/Arimo-SemiBold.woff2') format('woff2'), url('./fonts/Arimo-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arimo';
    src: url('../fonts/Arimo-SemiBoldItalic.woff2') format('woff2'), url('./fonts/Arimo-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

body {
    background: #fff;
    font-family: 'Qubo-Regular', "Arimo", sans-serif;
}

header {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #767674;
    height: 118px;
    position: relative;
    z-index: 999;
}

    header .Wielton-logo {
        float: left;
        display: inline-block;
        width: auto;
        position: relative;
        width: 240px;
        top: 50%;
        left: 20px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

        header .Wielton-logo img {
            width: 180px;
            height: 39px;
        }

    header .country:before {
        width: 1px;
        height: 18px;
        content: " ";
        background-color: #e2e2e2;
        display: inline-block;
        float: left;
        margin-top: 10px;
        position: relative;
        left: -18px;
        height: 21px;
    }

    header .Wielton-country {
        display: inline-block;
        color: #747472;
        font-size: 22px;
        font-family: Qubo-Light;
        line-height: 40px;
        margin-top: 40px;
    }

        header .Wielton-country:before {
            width: 1px;
            height: 18px;
            content: " ";
            background-color: #e2e2e2;
            display: inline-block;
            float: left;
            margin-top: 10px;
            position: relative;
            left: -18px;
            height: 21px;
        }

    header .Scania-icon {
        float: right;
        display: inline-block;
        width: auto;
        position: absolute;
        top: 38%;
        right: 30px;
        width: 48px;
        height: 45px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

strong {
    font-family: 'Qubo-Bold', "Arimo", sans-serif;
    color: #041e42;
}

.Scania-search {
    float: left;
    width: 100%;
}

    .Scania-search h2 {
        color: #041e42;
        font-size: 34px;
        font-family: 'Qubo-Bold', "Arimo", sans-serif;
        margin-top: 20px;
        margin-bottom: 0px;
    }

.checker {
    margin-right: 15px !important;
}

.social {
    background: url("../img/social-sprite.png");
    width: 35px;
    height: 35px;
}

.social--facebook {
    background-position: -42px 0px;
    display: inline-block;
    margin-right: 5px;
    cursor: pointer;
}

.social--youtube {
    background-position: 0px 0px;
    display: inline-block;
    margin-right: 5px;
}

.social--twitter {
    background-position: -88px 0px;
    display: inline-block;
}

.share-link {
    display: block;
    position: absolute;
    z-index: 998;
    /*top:145px;*/
    right: 0;
}

.form-area-border {
    display: inline;
    border: 2px solid #000f09;
    align-items: center;
    justify-content: center;
    width: 50vw;
}

.share-link a {
    display: block;
    width: 25px;
    height: 25px;
    padding: 14px;
    padding-left: 13px;
    margin: 0;
    background: #041e42;
    font-size: 21px;
    color: #fff;
    text-decoration: none;
    position: absolute;
    right: 26px;
    text-align: center;
    top: 26px;
}

    .share-link a:hover {
        cursor: pointer;
        background: #fff;
        color: #041e42;
    }

.share-link .toggle-socials {
    display: none;
    width: 265px;
    position: absolute;
    right: 79px;
    left: auto;
    top: 26px;
}

    .share-link .toggle-socials > a {
        float: left;
        position: static;
        border-right: 1px solid #0c5bc9;
    }

.share-link.selected > a:first-child:not(:last-child) {
    background: #fff;
    color: #041e42;
}

.terms-condition {
    display: none;
}

.active-terms {
    display: block;
}

footer {
    background: #000;
    height: auto;
    padding: 40px 30px;
}

.Wielton-footer {
    background: #000f09 !important;
    height: auto !important;
    padding: 40px 30px;
    zoom: 1;
}

.Wielton-footer {
    zoom: 1;
}

    .Wielton-footer:before,
    .Wielton-footer:after {
        content: "";
        display: table;
    }

    .Wielton-footer:after {
        clear: both;
    }

footer .Wielton-logo-footer {
    width: auto;
    height: auto;
    float: right;
    display: inline-block;
}

    footer .Wielton-logo-footer img {
        width: 169px;
        height: 100%;
    }

footer .Wielton-icons {
    display: block;
    width: auto;
    height: auto;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

    footer .Wielton-icons a {
        color: #fff;
        margin-right: 1em;
        text-align: center;
    }

        footer .Wielton-icons a i {
            border: 2px solid #fff;
            -webkit-border-radius: 45px;
            border-radius: 45px;
            font-size: 26px;
            height: 25px;
            padding: 9px;
            width: 25px;
        }

            footer .Wielton-icons a i:hover {
                background: #fff;
                color: #000;
            }

footer .Wielton-logo-footer {
    width: auto;
    height: auto;
    float: right;
    display: inline-block;
}

footer .footer--line {
    width: 100%;
    float: left;
}

footer .footer--links {
    width: 100%;
    display: block;
    float: left;
}

    footer .footer--links .links {
        margin-top: 20px;
        text-align: center;
    }

        footer .footer--links .links ul {
            list-style: none;
            padding: 0;
        }

            footer .footer--links .links ul li {
                display: inline-block;
                margin-right: 10px;
            }

                footer .footer--links .links ul li a {
                    text-decoration: none;
                    color: #fff;
                    font-size: 14px;
                    font-weight: bold;
                }

                    footer .footer--links .links ul li a:hover {
                        cursor: pointer;
                        text-decoration: underline;
                    }

.copy {
    color: #acabac;
    font-size: 12px;
    margin-top: 30px;
    padding-top: 10px;
    text-align: center;
}

h3 {
    color: #041e42;
    font-family: 'Qubo-Bold', "Arimo", sans-serif;
    transition: all .2s ease-out;
    transition-delay: .4s;
}

.text-content h1 {
    color: #041e42;
    font-size: 43px;
    font-family: 'Qubo-Bold', "Arimo", sans-serif;
    margin-top: 65px;
    text-align: center;
}

.form-p-margin {
    margin-top: 25px;
    text-align: center;
    color: #777;
    font-size: 20px;
    font-family: 'Qubo-Regular', "Arimo", sans-serif;
}

.text-content p {
    color: #777;
    font-size: 20px;
    font-family: 'Qubo-Regular', "Arimo", sans-serif;
    text-align: center;
}

    .text-content p.small-text {
        font-size: 13px;
    }

    .text-content p strong {
        font-family: 'Qubo-Bold', "Arimo", sans-serif;
        color: #777;
    }

.clearfix {
    zoom: 1;
}

    .clearfix:before,
    .clearfix:after {
        content: "";
        display: table;
    }

    .clearfix:after {
        clear: both;
    }

.image-content {
    width: 100%;
    position: relative;
}

    .image-content img {
        width: 100%;
    }

    .image-content .home-link {
        position: absolute;
        left: -10px;
        top: 0;
        bottom: auto;
        right: auto;
        width: 55px;
        height: 55px;
        background: url("../img/home.png");
    }

a.hrefs {
    display: block;
    margin: auto;
    color: #fff !important;
}

    a.hrefs:hover {
        color: #041e42 !important;
    }

.form-content-area {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
}

.main-content-area {
    width: 1170px;
    margin: auto;
    background: #fff;
    margin-bottom: 50px;
}

form {
    /*float: left;*/
}

.fixsize {
    height: 110px;
}

.model {
    width: 49% !important;
    float: left;
    margin-right: 2% !important;
}

    .model:last-child {
        width: 9.8% !important;
        margin-right: 0 !important;
        margin-top: 47px !important;
    }

        .model:last-child .form-btn {
            width: 100%;
            padding: 10px 0px 10px 0px;
        }

    .model label {
        color: #041e42 !important;
        font-size: 18px !important;
    }

    .model .selectric-wrapper {
        width: 100% !important;
    }

.form-area {
    font-family: "Arimo", sans-serif;
    width: 100%;
    zoom: 1;
    float: left;
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.form-area--fields {
    width: 100%;
    display: block;
    float: left;
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
}

.form-area--fields_input {
    font-family: "Qubo-Regular", Arimo, sans-serif !important;
    width: 30%;
    float: left;
    position: relative;
    font-size: 14px;
    margin-right: 5%;
}

    .form-area--fields_input input {
        background: #fbfbfb;
        border: 1px solid #ccced5;
        width: 100%;
        font-size: 14px;
        color: #041e42;
        font-family: 'Qubo-Bold', "Arimo", sans-serif;
        text-indent: 10px;
        height: 36px;
        float: left;
    }

        .form-area--fields_input input.selectbase {
            background: #fbfbfb;
            border-top: 1px solid #ccced5;
            border-right: 1px solid #ccced5;
            border-bottom: 1px solid #ccced5;
            border-left: 1px solid #ccced5;
            width: 100%;
            font-size: 14px;
            color: #041e42;
            font-family: 'Qubo-Bold', "Arimo", sans-serif;
            text-indent: 10px;
            height: 36px;
            float: left;
        }

        .form-area--fields_input input::-webkit-input-placeholder {
            color: #d6d5d4;
            font-family: 'Qubo-Italic', "Arimo", sans-serif;
        }

        .form-area--fields_input input:-webkit-input-placeholder {
            color: #d6d5d4;
            font-family: 'Qubo-Italic', "Arimo", sans-serif;
        }

        .form-area--fields_input input:-moz-placeholder {
            color: #d6d5d4;
            font-family: 'Qubo-Italic', "Arimo", sans-serif;
        }

        .form-area--fields_input input::-moz-placeholder {
            color: #d6d5d4;
            font-family: 'Qubo-Italic', "Arimo", sans-serif;
        }

        .form-area--fields_input input:-ms-input-placeholder {
            color: #d6d5d4;
            font-family: 'Qubo-Italic', "Arimo", sans-serif;
        }

        .form-area--fields_input input::-ms-input-placeholder {
            color: #d6d5d4;
            font-family: 'Qubo-Italic', "Arimo", sans-serif;
        }

    .form-area--fields_input label {
        display: block;
        text-transform: uppercase;
        width: 100%;
        float: left;
        font-family: 'Qubo-Bold', "Arimo", sans-serif;
        color: #777;
        font-size: 15px;
        margin-bottom: 15px;
    }

        .form-area--fields_input label.error, .market label.error, .cond label.error {
            display: inline-block;
            position: absolute;
            bottom: -20px;
            left: 0;
            color: #efc14a;
            font-family: 'Qubo-Italic', "Arimo", sans-serif;
            font-size: 12px;
            margin-bottom: 0px;
            margin-top: 10px;
        }

.market label.error, .cond label.error {
    width: 430px;
    text-align: left;
    display: block;
    text-transform: uppercase;
}

.form-area--fields_input input.error {
    border: 1px solid #efc14a;
}

.form-area--fields_input_multiple {
    width: 100%;
    float: left;
}

    .form-area--fields_input_multiple select {
        width: 26%;
        height: 40px;
        float: left;
        padding: 15px 0px 10px 9px;
        color: #041e42;
        font-weight: 600;
        font-size: 14px;
        background: #fbfbfb;
        border: 1px solid #ccced5;
    }

    .form-area--fields_input_multiple input {
        width: 66%;
        float: left;
    }

        .form-area--fields_input_multiple input.selectbase {
            width: 66%;
            float: left;
        }

.form-area--fields_select {
    /* width: 65.5%; */
    display: block;
}

    .form-area--fields_select select {
        font-family: "Qubo-Regular", Arimo, sans-serif;
        width: 100%;
        padding-left: 9px;
        color: #041e42;
        font-weight: 600;
        height: 40px;
        font-size: 14px;
        background: #fbfbfb;
        border: 1px solid #ccced5;
    }

    .form-area--fields_select label {
        display: block;
        text-transform: uppercase;
        width: 100%;
        float: left;
        font-family: 'Qubo-Bold', "Arimo", sans-serif;
        color: #777;
        font-size: 15px;
        margin-bottom: 15px;
    }

.form-area--fields_checkbox {
    margin: 18px 0px;
}

.form-area--fields_checkbox_element {
    margin-bottom: 25px;
    font-size: 14px;
    color: #777;
    font-family: 'Qubo-Regular', "Arimo", sans-serif;
}

    .form-area--fields_checkbox_element span {
        display: inline-block;
        width: 80%;
        vertical-align: middle;
    }

    .form-area--fields_checkbox_element a {
        text-decoration: underline;
        color: #e2b43b;
        font-family: 'Qubo-Bold', "Arimo", sans-serif;
    }

        .form-area--fields_checkbox_element a:hover,
        .form-area--fields_checkbox_element a:focus,
        .form-area--fields_checkbox_element a:active {
            color: #e2b43b;
        }

.form-area--fields_terms {
    width: 94% !important;
    /*height: 290px;*/
    background: #fff;
    border: 1px solid #ccced5;
    padding: 20px;
    float: left;
    display: none;
    margin-bottom: 30px;
    position: relative;
}

.show-field {
    display: block;
}

.form-area--fields_terms > strong {
    display: block;
    padding-bottom: 10px;
}

.form-area--fields_terms--scroll {
    padding-bottom: 20px;
}

    .form-area--fields_terms--scroll > p {
        color: #777;
        font-size: 13px;
        line-height: 20px;
        width: 95%;
        font-family: 'Qubo-Regular', "Arimo", sans-serif;
    }

.terms-text {
    color: #777;
    font-family: 'Qubo-ExtraBold', "Arimo", sans-serif;
    margin-top: 30px;
    display: block;
    float: left;
    margin-bottom: 5px;
    width: 100%;
}

.link {
    display: block;
    float: left;
    margin-top: 5px;
    width: 100%;
}

    .link a {
        text-decoration: underline;
        display: block;
        margin-bottom: 20px;
        font-family: 'Qubo-ExtraBold', "Arimo", sans-serif;
        float: left;
        color: #efc14a;
    }

        .link a:hover,
        .link a:focus,
        .link a:active {
            color: #efc14a;
        }

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background: #e2b43b;
}

#terms-scroll, #kosullar {
    float: left;
    position: relative;
}

.form-btn {
    background: #000f09;
    font-size: 14px;
    padding: 20px 0px 20px 0px;
    text-align: center;
    font-family: 'Qubo-Bold', "Arimo", sans-serif;
    width: 30%;
    border: 1px solid #03132a;
    margin-top: 20px;
    color: #fff;
    outline: none;
}

    .form-btn:focus {
        outline: none;
    }

label {
    margin-top: 30px;
}

.form--messages_success {
    width: 94%;
    height: auto;
    display: block;
    background: #fff;
    border: 1px solid #ccced5;
    padding: 20px;
    float: left;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    padding-bottom: 35px;
}

    .form--messages_success p {
        width: 80%;
        margin: auto;
        font-size: 15px;
        color: #777;
        line-height: 20px;
        font-family: 'Qubo-Regular','Arimo';
    }

.form--messages_fail {
    width: 94%;
    display: block;
    height: auto;
    background: #fff;
    border: 1px solid #ccced5;
    padding: 20px;
    float: left;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}

    .form--messages_fail p {
        width: 80%;
        margin: auto;
        font-size: 15px;
        line-height: 20px;
        color: #777;
        font-family: 'Qubo-Regular','Arimo';
    }

    .form--messages_fail a {
        text-decoration: none;
        color: #222;
    }

        .form--messages_fail a:hover {
            text-decoration: none;
            color: #222;
        }

    .form--messages_fail .form-btn {
        margin-top: 20px;
    }
/* Select Box Styles */
/* .form-area--fields_input .selectric-wrapper { */
/* width: 32%; */
/* } */
.selectric-wrapper {
    position: relative;
    cursor: pointer;
    float: left;
    width: 100%;
}

.selectric-hover, .selectric {
    border-color: #ccced5 !important;
}

.selectric-open .selectric {
    border-color: #ccced5 !important;
}

.selectric-wrapper.selectric-open .select-arrow-image {
    width: 40px;
    height: 40px;
    background: url("../img/arrow-down-open.png") no-repeat;
    right: 0;
    top: -1px;
}

.selectric-responsive {
    width: 100%;
}

.selectric {
    border-left: 1px solid #ccced5;
    border-top: 1px solid #ccced5;
    border-right: 1px solid #ccced5;
    ;
    border-bottom: 1px solid #ccced5;
    background: #fbfbfb;
    position: relative;
    /* Your Arrow Imag*/
}

    .selectric .label {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        margin: 0 38px 0 10px;
        font-size: 14px;
        line-height: 38px;
        color: #000000;
        height: 38px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-align: left;
        font-family: 'Qubo-Bold', "Arimo", sans-serif;
    }

    .selectric .button {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 38px;
        height: 38px;
        color: #bbb;
        text-align: center;
        font: 20px Lucida Sans Unicode, Arial Unicode MS, Arial;
    }

        .selectric .button:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-top-color: #bbb;
            border-bottom: none;
        }

    .selectric .select-arrow-image {
        display: block;
        position: absolute;
        right: 14px;
        top: 15px;
        width: 13px;
        height: 8px;
        background: url("../img/arrow-down.png") no-repeat;
    }

    .selectric .select-arrow-image-mini {
        display: block;
        position: absolute;
        right: 14px;
        top: 15px;
        width: 13px;
        height: 8px;
        background: url("../img/arrow-down.png") no-repeat;
    }

.selectric-hover,
.selectric {
    border-color: #b0b3be;
}

    .selectric-hover .button,
    .selectric .button {
        color: #a2a2a2;
    }

        .selectric-hover .button:after,
        .selectric .button:after {
            border-top-color: #a2a2a2;
        }

.selectric-open {
    z-index: 9999;
}

    .selectric-open .selectric {
        border-color: #b0b3be;
    }

    .selectric-open .selectric-items {
        display: block;
    }

.selectric-disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

    .selectric-hide-select select {
        position: absolute;
        left: -100%;
        display: none;
    }

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    background: none;
}

.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fbfbfb;
    border: 1px solid #b0b3be;
    z-index: -1;
    -webkit-box-shadow: 0 0 10px -6px;
    box-shadow: 0 0 10px -6px;
    font-family: 'Qubo-Regular', "Arimo", sans-serif;
}

    .selectric-items .selectric-scroll {
        height: 100%;
        overflow: auto;
    }

        .selectric-items .selectric-scroll ul {
            list-style: none;
        }

            .selectric-items .selectric-scroll ul li:before {
                background: none;
                width: 0;
                height: 0;
            }

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%;
}

.selectric-items ul,
.selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
}

.selectric-items li {
    display: block;
    padding: 10px;
    color: #000;
    cursor: pointer;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}

    .selectric-items li.selected {
        color: #efc14a;
    }

    .selectric-items li:hover {
        color: #efc14a;
    }

.selectric-items .disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    cursor: default !important;
    background: none !important;
    color: #666;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    color: #444;
}

.selectric-items .selectric-group.disabled li {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.selectric-items .selectric-group li {
    padding-left: 25px;
}

.search-result-screen {
    float: left;
    width: 100%;
    padding: 20px 0px;
    font-family: 'Qubo-Regular', "Arimo", sans-serif;
    color: #777;
}

    .search-result-screen ul {
        list-style: none;
        width: 100%;
        float: left;
        padding: 0;
    }

        .search-result-screen ul li {
            display: inline-block;
            width: 44.333%;
            /*height:350px;*/
            padding: 25px;
            margin-bottom: 5px;
            border-right: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            background: #fbfbfb;
        }

            .search-result-screen ul li h3 {
                margin-top: 0;
                margin-bottom: 10px
            }

    .search-result-screen .detail {
        width: 100%;
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .search-result-screen .detail h4 {
            color: #333;
            margin-top: 0;
            margin-bottom: 10px;
        }

        .search-result-screen .detail .firm-info {
            float: left;
            width: 100%;
            margin: 5px 0px;
        }

            .search-result-screen .detail .firm-info > span:first-child {
                width: 40%;
                position: relative;
                display: inline-block;
                font-family: 'Qubo-Bold', "Arimo", sans-serif;
                color: #777;
                font-size: 14px;
            }

                .search-result-screen .detail .firm-info > span:first-child:after {
                    content: ":";
                    position: absolute;
                    right: 0;
                    top: 0;
                }

            .search-result-screen .detail .firm-info > span:last-child {
                font-family: 'Qubo-Regular', "Arimo", sans-serif;
                font-size: 14px;
                margin-left: 10px
            }

    .search-result-screen ul li:last-child {
        margin-bottom: 0px;
    }

    .search-result-screen .firm-map, .search-result-screen .firm-web {
        margin-top: 5px;
    }

        .search-result-screen .firm-map a, .search-result-screen .firm-web a {
            text-decoration: underline;
            color: #333;
            display: inline-block;
            font-family: 'Qubo-Bold', "Arimo", sans-serif;
            font-size: 13px;
        }

        .search-result-screen .firm-map i, .search-result-screen .firm-web i {
            vertical-align: middle;
            display: inline-block;
            margin-right: 10px;
            font-size: 1.4em;
            width: 5%;
        }

/* Responsive */
@media only screen and (max-width: 1200px) {
    .main-content-area {
        width: 100%;
        margin: 0;
    }

    .form-area--fields_select {
        width: 100%;
    }

    .model {
        width: 43% !important;
        float: left;
        margin-right: 2% !important;
    }

        .model:last-child {
            width: 9.8% !important;
            margin-right: 0 !important;
            margin-top: 47px !important;
        }

            .model:last-child .form-btn {
                width: 100%;
                padding: 10px 0px 10px 0px;
            }

    .form-area--fields_terms,
    .form--messages_success,
    .form--messages_fail {
        width: 95.8% !important;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .search-result-screen ul li {
        width: calc(100% - 25px);
        width: -webkit-calc(100% - 25px);
        padding-right: 0px;
    }

    .model {
        width: 50% !important;
        float: left;
        margin-right: 2% !important;
    }

        .model:last-child {
            width: 9.8% !important;
            margin-right: 0 !important;
            margin-top: 47px !important;
        }

            .model:last-child .form-btn {
                width: 100%;
                padding: 10px 0px 10px 0px;
            }

    .fixsize {
        height: auto;
    }

    body {
        display: block;
    }

    .form-area--fields_select {
        width: 100%;
    }

    .form-area--fields_input {
        width: 30%;
    }

    .form-area--fields_terms,
    .form--messages_success,
    .form--messages_fail {
        width: 94.4% !important;
    }
    /*  header .Wielton-logo {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    position: static;
    margin-top: 35px;
    margin-left: 15px;
    width: auto !important;
  }
  header .Scania-icon {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    position: static;
    margin-top: 15px;
    margin-right: 15px;
  }*/
    .form-area-border {
        width: 75vw;
    }
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
    .search-result-screen ul li {
        width: calc(100% - 25px);
        width: -webkit-calc(100% - 25px);
        padding-right: 0px;
    }

    .search-result-screen .detail .firm-info > span:first-child {
        width: 50%;
    }

    .model {
        width: 100% !important;
    }

        .model:last-child {
            width: 100% !important;
            margin-top: 0 !important;
        }

            .model:last-child .form-btn {
                width: 100%;
                padding: 20px 0px;
            }

    .form-area--fields_input_multiple input {
        width: 67%;
    }

    .fixsize {
        height: auto;
    }

    .form-area--fields_terms,
    .form--messages_success,
    .form--messages_fail {
        width: 90.5% !important;
    }

    .form-btn {
        width: 100%;
    }

    .main-content-area {
        width: 100%;
    }

    .form-area--fields_input {
        width: 100%;
    }

    .form-area--fields_input_multiple {
        width: 100%;
    }

    .form-area--fields_select {
        width: 100%;
    }

    .footer--line {
        text-align: center;
    }

    .Wielton-icons {
        float: none !important;
        width: 100% !important;
    }

    .Wielton-logo-footer {
        float: none !important;
        margin-top: 20px;
    }

    .share-link {
        display: none
    }

    .text-content h1 {
        font-size: 32px;
    }

    .links ul {
        text-align: center;
    }

    .form-area-border {
        width: 75vw;
    }
}

@media only screen and (max-width: 479px) {
    .search-result-screen ul li {
        width: calc(100% - 25px);
        width: -webkit-calc(100% - 25px);
        padding-right: 0px;
    }

    .search-result-screen .detail .firm-info > span:first-child {
        width: 50%;
    }

    .text-content h1 {
        font-size: 32px;
    }

    .model label {
        font-size: 16px !important;
    }

    .Scania-search h2 {
        font-size: 22px;
    }

    .share-link {
        display: none;
    }

    .fixsize {
        height: auto;
    }

    .form-area--fields_terms,
    .form--messages_success,
    .form--messages_fail {
        width: 100% !important;
    }

    .form-btn {
        width: 100%;
    }

    .form-area--fields_input {
        width: 100%;
    }

    .model {
        width: 100% !important;
        margin-right: 0px !important;
    }

        .model:last-child {
            width: 100% !important;
            margin-top: 10px !important;
        }

            .model:last-child .form-btn {
                padding: 20px 0px;
            }

    .share-link a {
        width: 15px;
        height: 15px;
        padding-bottom: 22px;
        padding-left: 16px;
        padding-right: 20px;
    }

    .share-link .toggle-socials {
        right: 77px;
    }

    footer .Wielton-icons {
        float: none;
        width: 100%;
    }

    footer .Wielton-logo-footer {
        width: 100%;
        text-align: center;
    }

    header .Wielton-icons {
        width: 100%;
    }

    header {
        position: static;
        width: 100%;
        text-align: center;
    }

    .Wielton-logo {
        margin-top: 61px;
    }

    header .country {
        display: none;
    }

    header .Scania-icon {
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
        position: static;
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

        header .Scania-icon img {
            width: 48px;
            height: 45px;
            margin: auto;
        }

    .form-area-border {
        width: 90vw;
    }
}

@media only screen and (min-width: 1024px) {
    footer .Wielton-logo-footer {
        display: inline;
        float: none;
    }

        footer .Wielton-logo-footer img {
            float: right;
            margin-top: -4%;
        }
}

@media only screen and (min-width: 1024px) {
    footer .Wielton-logo-footer {
        display: inline;
        float: none;
    }

        footer .Wielton-logo-footer img {
            float: right;
            margin-top: -4%;
        }
}

.Scania-yellow {
    color: #fff200;
}

.Wielton-contact {
    color: #fff;
    font-weight: bold;
}

sub {
    font-family: 'Qubo-Regular', "Arimo", sans-serif;
    color: #777;
}

.form-area-center {
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}


.big-checkbox {
    transform: scale(2);
    align-self: start;
    margin: 10px;
}

.form-area-checkbox-title {
    font-weight: bold;
    text-align: start;
    margin-left: 60px;
    margin-bottom: 20px;
    font-family: Qubo-Bold,Arimo;
}

.blue-link {
    color: #253963 !important
}

.fixsize {
    height: 220px;
}

@media only screen and (min-width: 1200px) {
    .image-mobile {
        display: none !important;
    }
}


@media only screen and (max-width: 1200px) {
    .form-area--fields_select {
        width: 30%;
    }

    .main-content-area {
        margin-bottom: 80px;
    }
}

@media only screen and (max-width: 479px) {
    .fixsize {
        height: 500px;
    }

    .form-area--fields_select {
        width: 70%;
    }

    .image-area {
        display: none !important;
    }

    .image-mobile {
        display: block;
        flex-direction: column;
    }

    .main-content-area {
        margin-bottom: 80px;
    }

    header .Wielton-logo {
        float: left;
        display: inline-block;
        width: auto;
        position: relative;
        width: 225px;
        top: 1%;
        margin-top: 75px;
        left: 20px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

        header .Wielton-logo img {
            width: 180px;
            height: 39px;
        }

    header .country {
        display: inline-block;
        color: #747472;
        font-size: 18px;
        font-family: 'Qubo-Regular', "Arimo", sans-serif;
        line-height: 46px;
        margin-top: 22px;
    }

    .text-weilton {
        color: #fc0;
    }

    header .Wielton-country {
        display: inline-block;
        color: #747472;
        font-size: 22px;
        font-family: Qubo-Light;
        line-height: 40px;
        margin-top: 55px;
    }
}

.option {
}

.selectric-wrapper {
    position: relative;
    cursor: pointer;
    float: left;
    width: 100%;
}

    .selectric-wrapper .select-arrow-image-mini {
        display: block;
        position: absolute;
        right: 14px;
        top: 15px;
        width: 13px;
        height: 8px;
        background: url("../img/arrow-down.png") no-repeat;
    }

.text-center {
    font-family: 'Qubo-Regular', "Arimo", sans-serif;
}

.span-center {
    text-align: start;
    margin-left: 60px;
}

.span-left {
    text-align: left;
}

.height-20 {
    height: 20px;
}

.phone-area {
    height: 60px;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: right;
    color: white;
}

.phone-icon {
    margin-right: 10px;
    font-size: 16px;
}

.phone-number {
    margin-right: 33%;
    font-size: 18px;
}

img.card-img-top {
    background-color: red;
}

h3.card-title.scania-blue.text-left {
    font-family: Qubo-Bold, "Arimo", sans-serif;
    color: #000f09 !important;
}

p.card-text.text-family {
    font-size: 14px;
    font-family: Qubo-Regular, "Arimo", sans-serif;
}

.card {
    background-color: #f5f5f5 !important;
    padding: 10px 20px 1px 20px !important;
}

.row.footer__bar-row {
    align-items: center;
    margin: auto;
    height: 71.67px;
}

.col-md-2.col-sm-3.col-xs-12.footer__logo {
    margin-top: 13px;
}

.footer__p {
    text-align: center;
    margin-top: 23px;
    font-size: 22px;
    line-height: 22px;
    font-family: Qubo-Regular;
    color: #fff;
}

.footer__logo img {
    max-width: 100%;
    height: 77%;
}

.footer__social {
    background-color: #000f09;
}

.footer__socials {
    align-items: center;
    margin-top: 24px;
}

.text-weilton {
    color: #fc0;
    font-family: Qubo-Regular;
}


.mt-65 {
    margin-top: 65px;
}

.mb-50 {
    margin-bottom: 50px;
}

.image-area-gap {
    display: flex;
    gap: 10px;
}

.h-20 {
    height: 20px;
}

.span-align {
    text-align: start;
    margin-left: 60px
}

.boxs-cb {
    box-sizing: content-box;
}

.error {
    display: inline-block;
    position: absolute;
    bottom: -20px;
    left: 0;
    color: #efc14a;
    font-family: 'Qubo-Italic', "Arimo", sans-serif;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 10px;
}

.fixsize {
    height: 220px;
}

@media only screen and (max-width: 1200px) {
    .form-area--fields_select {
        width: 30%;
    }
}

@media only screen and (max-width: 479px) {
    .fixsize {
        height: 500px;
    }

    .form-area--fields_select {
        width: 70%;
    }
}

span.text-left {
    text-align: left;
}

.mg10-textcenter {
    margin-top: 10px;
    text-align: center;
}

p.mg10-textcenter {
    margin-top: 10px;
    text-align: center;
}

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

.font-size45 {
    font-size: 45px;
}

.mg-20 {
    margin-top: 20px;
}

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

h1.qubo-bold {
    font-family: 'Qubo-Bold', "Arimo", sans-serif !important;
    margin-bottom: 30px;
}

.links {
    font-family: 'Qubo-Bold', "Arimo", sans-serif !important;
}

.fa-facebook {
    color: black !important;
}

.fa-linkedin {
    color: black !important;
}

.fa-youtube {
    color: black !important;
}

.fa-instagram {
    color: black !important;
}

.fa-size {
    padding: 10px;
    font-size: 16px !important;
    text-align: center;
    text-decoration: none;
    padding-block: inherit;
}

h2.form-text {
    margin-bottom: 30px;
    color: #000;
    font-size: 25px;
    font-family: 'Qubo-Bold', "Arimo", sans-serif !important;
    margin-top: 65px;
    text-align: center;
}

.wl-icons-size {
    width: 24px;
    height: 24px;
}

.kvkk-container {
    text-align: center;
    margin-top: 50px;
    padding: 0 14%;
}

p.float-left {
    text-align: left;
    color: #041e42;
    font-size: 18px;
    font-family: 'Qubo-Bold', "Arimo", sans-serif;
}

p.float-left-16 {
    text-align: left;
    color: #041e42;
    font-size: 18px;
    font-family: 'Qubo-Bold', "Arimo", sans-serif;
}

p.kvkk-p {
    color: #777;
    font-size: 20px;
    font-family: 'Qubo-Regular', "Arimo", sans-serif;
    text-align: left;
}

p.kvkk-p-fl {
    color: #777;
    font-size: 20px;
    font-family: 'Qubo-Regular', "Arimo", sans-serif;
    text-align: left;
}

.kvkk-header {
    color: #041e42;
    font-family: 'Qubo-Bold', "Arimo", sans-serif;
    text-align: center;
    font-size: 42px;
}

@media only screen and (max-width: 768px) {
    .kvkk-container {
        padding: 1rem !important;
    }

    p.float-left {
        font-size: 12px !important;
    }

    p.float-left-16 {
        font-size: 16px !important;
    }

    p.kvkk-p {
        font-size: 14px !important;
    }

    p.kvkk-p-fl {
        font-size: 16px !important;
    }

    .kvkk-header {
        font-size: 20px !important;
    }
}

span.blue-color {
    color: #041e42;
}

.ft-16 {
    font-size: 16px !important;
}
.underline {
    border-bottom: outset;
    border-color: black;
    border-bottom-width: thin;
}

p.kvkk-info {
    color: #777;
    font-size: 16px;
    font-family: 'Qubo-Regular', Arimo, sans-serif;
    text-align: center;
    align-content: center;
}

td.mx-w300 {
    max-width: 300px;
    font-size: 14px !important;
}

td.align-center {
    align-content: center !important;
}

th.align-center {
    align-content: center !important;
}

tr.bg-cd {
    background-color: rgba(0, 0, 0, 0.05);
    width: 100%;
    text-align: left;
}

span.dark-blue {
    color: #041e42;
    font-weight: bold;
}
.cs-pointer {
    cursor: pointer !important;
}