/*White Label Color Customizing Changes seguros_wl*/

.seguros_wl .progress-bar .is-active * {
    color: #e65800 !important;
    border-color: #e65800 !important;
}

.seguros_wl .select_box {
    border-radius: 10px;
}

.seguros_wl .progress-bar__circle {
    border-radius: 20px 20px 0px 20px;
}

.seguros_wl .progress-bar__indicator {
    background-color: #e65800 !important;
}

.seguros_wl .select_box:hover, .seguros_wl .select_box.active {
    background-color: #e65800 !important;
    border-color: #e65800 !important;
}

.seguros_wl .icon-info:before, .seguros_wl .icon-car2:before, .seguros_wl .icon-phone:before, .seguros_wl .icon-female:before, .seguros_wl .icon-pickup:before, .seguros_wl .icon-bike:before, .seguros_wl .icon-male:before, .seguros_wl .icon-man:before, .seguros_wl .icon-openmails:before {
    color: #e65800 !important;
}

.seguros_wl .PartnerLogos div label:hover, .seguros_wl .PartnerLogos div label.active {
    border-color: #e65800 !important;
}

.seguros_wl .SelectedLabel__list--year label:hover, .seguros_wl .SelectedLabel__list--year label.active {
    border-color: #e65800 !important;
    color: #e65800 !important;
}

.seguros_wl .SelectedLabel__list div > label:hover, .seguros_wl .SelectedLabel__list div > label.active {
    background-color: #ffe8e5 !important;
    cursor: pointer !important;
}

.seguros_wl .SelectedLabel__list__row:hover, .seguros_wl SelectedLabel__list__row.active, .seguros_wl .SelectedVehical__row:hover, .seguros_wl .SelectedVehical__row.active {
    cursor: pointer;
    background-color: #ffe8e5 !important;
}

.seguros_wl .checkboxes a {
    color: #e65800 !important;
}

.seguros_wl input[type=checkbox]:not(old):checked + label span:after, .seguros_wl input[type=radio]:not(old):checked + label span:after {
    background: #e65800 !important;
}

.seguros_wl .select_box:hover.pickup i::before, .seguros_wl .select_box.active.pickup i::before, .seguros_wl .select_box:hover.moto i::before, .seguros_wl .select_box.active.moto i::before {
    color: #fff !important;
}

.seguros_wl .select_box:hover.autosysuv i::before, .seguros_wl .select_box.active.autosysuv i::before {
    color: #fff !important;
}

.seguros_wl .select_box:hover.conductor i, .seguros_wl.select_box.active.conductor i, .seguros_wl .select_box.active.conductor i:before {
    color: #fff !important;
}

.seguros_wl .select_box:hover.conductora i, .seguros_wl .select_box.active.conductora i, .seguros_wl .select_box.active.conductora i:before {
    color: #fff !important;
}

.seguros_wl .select_box.selectPrivateLogo:hover, .seguros_wl .select_box.selectPrivateLogo.active {
    background-color: #fff !important;
    border-color: none !important;
}

.seguros_wl .select_box .private-logo {
    background: url('../../images/whitelabel/seguros/private-driver-icon-wl.png') center 0px no-repeat;
}

.seguros_wl .select_box:hover .private-logo, .seguros_wl .select_box.active .private-logo {
    background-position: center -122px;
}

.seguros_wl .scroll-top {
    border: 1px solid #e65800 !important;
    bottom: 85px !important;
}

.seguros_wl .icon-scroll-top-arrow:before {
    color: #e65800 !important;
}

.seguros_wl .section-wise h2 {
    color: #e65800;
}

.seguros_wl .icon-call_me_back:before {
    color: #e65800;
}

.seguros_wl .mainHeader__callmeback .button__blue {
    background-color: #e65800;
}

.seguros_wl .otraslist .row .alphabet label a:visited, .seguros_wl .otraslist .row .alphabet label a:link, .seguros_wl .otraslist .row .alphabet label a:active {
    color: #e65800;
}

.seguros_wl .ContactForm h1 {
    color: #e65800;
}

.seguros_wl .card-box .skip, .aseguromiauto_wl .contactFormHeader .skip {
    background: #e65800;
}

.seguros_wl .loader-bg .loader-box .loader {
    border-top: 5px solid #e65800;
}

@media (max-width: 767px) {
    .seguros_wl .mainHeader__callmeback .button__blue.conbut {
        background-color: transparent;
        color: #e65800;
    }

    .seguros_wl .scroll-top {
        opacity:1;
    }
}

.seguros_wl .otraslist .alp_dets label:hover, .seguros_wl .otraslist .alp_dets label.active {
    background-color: #ffe8e5;
    border: 1px solid #ffe8e5;
}

.seguros_wl .otraslist .alp_dets .alpha-search:hover {
    background-color: #fff;
    border: none;
}

.seguros_wl .dialog {
    position: absolute;
}

@media (max-width: 414px) {
    .seguros_wl #EmailAddress .mainCj__Question {
        margin-top: 5px;
    }
}


@media (max-width: 414px) {
    .seguros_wl .input_button .checkboxes .optionText p {
        font-size: 10px;
        line-height: 1.2em;
    }
}

.seguros_wl .section-wise .postalCode__details {
    width: 330px;
}

.container {
    max-width: 1175px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 0 15px
}

.seguros_wl header {
    padding: 15px 0;
    border-bottom: 5px solid #f15b06
}

    .seguros_wl header .container {
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }

@media(max-width: 767px) {
    .seguros_wl .logoHeader {
        width: 100%;
        text-align: center
    }
}

.seguros_wl .logoHeader img {
    max-width: 312px;
    height:auto;
}

@media(max-width: 767px) {
    .seguros_wl .logoHeader img {
        max-width: 200px
    }
}

.menuHeader ul {
    display: flex;
    flex-direction: row
}

    .menuHeader ul li a {
        text-transform: uppercase;
        margin: 0px 20px;
        color: #9c9c9c;
        font-weight: normal;
        font-size: 15px;
        transition: 0.3s ease all;
        -webkit-transition: 0.3s ease all;
        -moz-transition: 0.3s ease all;
        -ms-transition: 0.3s ease all;
        -o-transition: 0.3s ease all;
        text-decoration: none;
    }

        .menuHeader ul li a i {
            display: none
        }

        .menuHeader ul li a:hover, .menuHeader ul li a.active {
            color: #f15b06
        }

@media (max-width: 767px) {
    .menuToggle {
        width: 28px;
        height: 22px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
        position: relative;
        z-index: 10
    }

        .menuToggle span {
            width: 28px;
            height: 3px;
            background: #f1671c;
            display: block;
            transition: 0.3s ease all;
            -webkit-transition: 0.3s ease all;
            -moz-transition: 0.3s ease all;
            -ms-transition: 0.3s ease all;
            -o-transition: 0.3s ease all;
            position: relative
        }

            .menuToggle span:nth-child(2) {
                width: 22px
            }
}

@media (min-width: 768px) {
    .menuToggle {
        display: none
    }
}

@media (max-width: 767px) {
    .menuToggle {
        width: 28px;
        height: 22px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
        position: relative;
        z-index: 10
    }

        .menuToggle span {
            width: 28px;
            height: 3px;
            background: #f1671c;
            display: block;
            transition: 0.3s ease all;
            -webkit-transition: 0.3s ease all;
            -moz-transition: 0.3s ease all;
            -ms-transition: 0.3s ease all;
            -o-transition: 0.3s ease all;
            position: relative
        }

            .menuToggle span:nth-child(2) {
                width: 22px
            }

    body .menuHeader {
        display: flex;
        position: fixed;
        background: #f26523;
        z-index: 9;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        transition: 0.3s ease width, 0.3s ease all;
        -webkit-transition: 0.3s ease width, 0.3s ease all;
        -moz-transition: 0.3s ease width, 0.3s ease all;
        -ms-transition: 0.3s ease width, 0.3s ease all;
        -o-transition: 0.3s ease width, 0.3s ease all;
        width: 28px;
        height: 22px;
        overflow: hidden;
        top: 15px;
        right: 15px;
        left: auto;
        opacity: 0;
        visibility: hidden
    }

    body.menuActive {
        overflow: hidden
    }

    .menuActive .menuToggle {
        position: fixed;
        right: 15px
    }

        .menuActive .menuToggle span {
            background: #fff
        }

            .menuActive .menuToggle span:first-child {
                transform: rotate(45deg);
                top: 10px;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg)
            }

            .menuActive .menuToggle span:last-child {
                transform: rotate(-45deg);
                top: -9px;
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                -o-transform: rotate(-45deg)
            }

            .menuActive .menuToggle span:nth-child(2) {
                opacity: 0;
                visibility: hidden
            }

    .menuActive .menuHeader {
        opacity: 1;
        visibility: visible;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        overflow: auto;
        padding-top: 80px
    }

    .menuHeader ul {
        display: flex;
        flex-direction: column;
        position: relative;
        top: -22px;
        transition: 0.5s ease all;
        -webkit-transition: 0.5s ease all;
        -moz-transition: 0.5s ease all;
        -ms-transition: 0.5s ease all;
        -o-transition: 0.5s ease all;
        opacity: 0;
        width: 100%;
        padding: 0px
    }

        .menuHeader ul li {
            margin: 0px;
            border-top: 1px solid #ff8850;
            padding: 15px 10px
        }

            .menuHeader ul li:hover {
                background: #ff6821
            }

            .menuHeader ul li:last-child {
                border-bottom: 1px solid #ff8850
            }

            .menuHeader ul li a {
                color: #fff;
                margin: 0;
                letter-spacing: 1px;
                font-size: 16px;
                display: flex;
                width: 100%;
                justify-content: space-between;
                align-items: center
            }

                .menuHeader ul li a i {
                    font-size: 30px;
                    display: block
                }

                .menuHeader ul li a:hover, .menuHeader ul li a.active {
                    color: #ffffff
                }

        .menuHeader ul.slideDownAnimation {
            top: 0;
            opacity: 1
        }
}

.footer__wapper {
    width: 100%;
    height: auto;
    background: #fff;
    border-top: 1px solid #ebebeb;
    clear: both;
    padding: 0px 10px;
    position: relative;
    flex-shrink: 0;
}

    .footer__wapper .row.wlFooterCenter {
        justify-content: center;
    }

    .footer__wapper .row {
        display: flex;
        display: -ms-flexbox;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        padding: 10px 0px;
    }

        .footer__wapper .row.wlFooterCenter img {
            width: 200px;
        }

.footer__wapper--menu {
    background: #f7f7f7;
    border-top: 1px solid #e6e6e6;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.footer-menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 23px 0;
    list-style: none;
}

    .footer-menu li {
        margin: 0 5px;
        font-size: 16px;
    }

        .footer-menu li a {
            color: #444;
            text-decoration:none;
        }

            .footer-menu li a:hover {
                color: #e65800;
            }

.header_container {
    background: #ffffff;
}

.menu-item-one:after {
    content: '|';
    position: relative;
    left: 5px;
}

@media (max-width: 767px) {
    .footer-menu {
        flex-direction: column;
        padding: 10px 0;
        text-align: center;
    }

        .footer-menu li {
            padding: 5px 0px;
        }
}
.seguros_wl .row.mainCjSection.survayQuestion {
    margin-top: 20px;
}

.seguros_wl .section-wise .mainCj__Question h2 {
    color: #545454 !important;
}

.seguros_wl .section-wise h3 {
    color: #E65800 !important;
}