@import url(Site.css);

.checkbox-text, .tooltipsel {
    top: 0;
    position: relative
}

.btn1, .checkbox-text, .form-group, .tooltipsel {
    position: relative
}

@font-face {
    font-family: futura_ltregular;
    src: url(../../../fonts/FuturaLT/futuralt-webfont.eot);
    src: url(../../../fonts/FuturaLT/futuralt-webfont.eot?#iefix) format('embedded-opentype'),url(../../../fonts/FuturaLT/futuralt-webfont.woff2) format('woff2'),url(../../../fonts/FuturaLT/futuralt-webfont.woff) format('woff'),url(../../../fonts/FuturaLT/futuralt-webfont.ttf) format('truetype'),url(../../../fonts/FuturaLT/futuralt-webfont.svg#futura_ltregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: futura_ltbold;
    src: url(../../../fonts/FuturaLTBold/futuralt-bold-webfont.eot);
    src: url(../../../fonts/FuturaLTBold/futuralt-bold-webfont.eot?#iefix) format('embedded-opentype'),url(../../../fonts/FuturaLTBold/futuralt-bold-webfont.woff2) format('woff2'),url(../../../fonts/FuturaLTBold/futuralt-bold-webfont.woff) format('woff'),url(../../../fonts/FuturaLTBold/futuralt-bold-webfont.ttf) format('truetype'),url(../../../fonts/FuturaLTBold/futuralt-bold-webfont.svg#futura_ltbold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: futura_ltheavy;
    src: url(../../../fonts/FuturaLTHeavy/futuralt-heavy-webfont.eot);
    src: url(../../../fonts/FuturaLTHeavy/futuralt-heavy-webfont.eot?#iefix) format('embedded-opentype'),url(../../../fonts/FuturaLTHeavy/futuralt-heavy-webfont.woff2) format('woff2'),url(../../../fonts/FuturaLTHeavy/futuralt-heavy-webfont.woff) format('woff'),url(../../../fonts/FuturaLTHeavy/futuralt-heavy-webfont.ttf) format('truetype'),url(../../../fonts/FuturaLTHeavy/futuralt-heavy-webfont.svg#futura_ltheavy) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: droid_sansregular;
    src: url(../../../fonts/DroidSans/droidsans-webfont.eot);
    src: url(../../../fonts/DroidSans/droidsans-webfont.eot?#iefix) format('embedded-opentype'),url(../../../fonts/DroidSans/droidsans-webfont.woff2) format('woff2'),url(../../../fonts/DroidSans/droidsans-webfont.woff) format('woff'),url(../../../fonts/DroidSans/droidsans-webfont.ttf) format('truetype'),url(../../../fonts/DroidSans/droidsans-webfont.svg#droid_sansregular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: droid_sansbold;
    src: url(../../../fonts/DroidSansBold/droidsans-bold-webfont.eot);
    src: url(../../../fonts/DroidSansBold/droidsans-bold-webfont.eot?#iefix) format('embedded-opentype'),url(../../../fonts/DroidSansBold/droidsans-bold-webfont.woff2) format('woff2'),url(../../../fonts/DroidSansBold/droidsans-bold-webfont.woff) format('woff'),url(../../../fonts/DroidSansBold/droidsans-bold-webfont.ttf) format('truetype'),url(../../../fonts/DroidSansBold/droidsans-bold-webfont.svg#droid_sansbold) format('svg');
    font-weight: 400;
    font-style: normal
}

body {
    color: #999;
    font-family: futura_ltregular;
    background-image: none;
}

.clear {
    clear: both;
    width: 100%;
    float: none;
    display: block
}

.container-fluid {
    max-width: 1110px;
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px
}

    .container-fluid.two {
        max-width: 1170px
    }

a, button {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    cursor: pointer
}

.form-control {
    border: 2px solid #a0a0a0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-family: droid_sansregular;
    overflow: hidden;
    font-size: 12px
}

.checkbox-text, .tooltip-inner {
    font-family: futura_ltheavy
}

.form-control:focus {
    border-color: #1bde8d !important
}

.form-control[type=radio], input.square, input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    width: 24px;
    height: 24px;
    border: 2px solid #a0a0a0
}

.select1, input.circle {
    -webkit-appearance: none
}

input.circle {
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    width: 16px;
    height: 16px;
    border: 3px solid #fff;
    border-radius: 20px;
    box-shadow: 0 0 0 2px #a0a0a0
}

    input.circle:checked {
        background-color: #23a176
    }

input.square, input[type=checkbox] {
    display: table;
    margin: 0 10px 0 0
}

    input.circle:focus, input.square:focus, input[type=checkbox]:focus {
        outline: 0
    }

.btn1, .btn1:hover {
    outline: #c8352c solid 1px
}

.checkbox-container {
    display: block;
    float: left;
    margin-bottom: 10px
}

.btn1, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    text-transform: uppercase;
    margin: 0 auto;
    text-shadow: -2px -1px 1px rgba(183,39,31,1)
}

.checkbox-text {
    color: #555
}

.tooltipsel:before {
    background: #23a176;
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 3px 6px
}

.tooltip.top .tooltip-arrow {
    border-top-color: #4c2c89
}

.tooltip-inner {
    background: #4c2c89;
    border-radius: 0
}

.tooltip.in {
    opacity: 1
}

.form-control[type=radio]:checked:before, input.square:checked:before, input[type=checkbox]:checked:before {
    content: '\f00c';
    font: normal normal normal 14px/1 FontAwesome;
    width: 100%;
    display: table-cell;
    height: 100%;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    color: #23a176
}

.btn1, .btn1:focus {
    color: #fff
}

.btn1 {
    padding: 15px;
    background-color: #ff362b;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #ff9f99;
    border-bottom: none;
    -webkit-box-shadow: 3px 3px 0 0 rgba(218,218,218,1);
    -moz-box-shadow: 3px 3px 0 0 rgba(218,218,218,1);
    box-shadow: 3px 3px 0 0 rgba(218,218,218,1);
    display: block;
    max-width: 155px;
    font-family: futura_ltbold;
    font-size: 18px
}

    .btn1.car:before, .btn1.home:before, .btn1.vidaDeudor:before {
        content: "";
        background-image: url(../../../Content/Images/icon-sprite.png);
        position: absolute;
    }

    .btn1.car, .btn1.home, .btn1.vidaDeudor {
        padding: 16px 87px 16px 23px;
        display: block;
    }

    .btn1:hover {
        background-color: #ab140b;
        color: #fff;
        text-decoration: none
    }

    .btn1.car {
        max-width: 219px
    }

        .btn1.car:before {
            display: block;
            width: 57px;
            height: 35px;
            right: 7%;
            top: 23%
        }

    .btn1.home {
        max-width: 219px
    }

    .btn1.motorbike, .btn1.soat {
        padding: 16px 84px 16px 20px;
        max-width: 219px
    }

    .btn1.home:before {
        background-position: -63px 0;
        display: block;
        width: 43px;
        height: 38px;
        right: 12%;
        top: 18%
    }
    .btn1.vidaDeudor {
        max-width: 220px
    }

    .btn1.vidaDeudor:before {
        background-position: -239px 3px;
        display: block;
        width: 45px;
        height: 45px;
        right: 10%;
        top: 6%;
    }

    .btn1.motorbike:before, .btn1.soat:before {
        content: "";
        background-image: url(../../../Content/Images/icon-sprite.png);
        display: block;
        position: absolute;
        right: 8%
    }

    .btn1.motorbike {
        display: block
    }

        .btn1.motorbike:before {
            background-position: -112px 0;
            width: 55px;
            height: 38px;
            top: 18%
        }

    .btn1.soat {
        display: block
    }

        .btn1.soat:before {
            background-position: -175px 0;
            width: 63px;
            height: 19px;
            top: 32%
        }

.button-points .btn1:after, .button-points .btn1:before {
    content: '';
    position: absolute;
    top: 48%;
    max-width: 400px;
    height: 3px;
    width: 300%;
    background: url(../../../Content/Images/icon-sprite.png) 0 -997px
}

.discount-box {
    display: flex;
    justify-content: center;
    color: black;
    border-top: 1px solid #aeaeae;
    padding: 5px 0 5px 0;
}

    .discount-box b.purple {
        color: #4e2ba4;
    }
@-moz-document url-prefix() {
    .btn1, .btn1:hover {
        outline: 0
    }

    .custom-serv-banner, .us-banner {
        clear: both
    }
}

.button-points .btn1:before {
    right: 110%
}

.button-points .btn1:after {
    left: 110%
}

.select1 {
    width: 100%;
    border: 2px solid #b4b4b4;
    font-family: droid_sansregular;
    color: #acacac;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    height: 46px;
    background: 0 0;
    position: relative;
    z-index: 1;
    cursor: pointer
}

.select-style {
    position: relative;
    background: #fff
}

    .k-dropdown:after, .select-style:after {
        content: '';
        width: 42px;
        height: 42px;
        background-image: url(../../../Content/Images/icon-sprite.png);
        display: block;
        background-position: 0 -534px;
        position: absolute
    }

    .select-style:after {
        right: 2px;
        top: 2px
    }

.select1 option {
    border-bottom: 1px #000 solid;
    padding: 15px
}

.k-dropdown:after {
    right: 0;
    top: 0
}

.k-autocomplete .k-input, .k-datepicker .k-state-default .k-input, .k-dropdown .k-input {
    height: 100%;
    box-sizing: border-box
}

.k-datepicker .k-state-default, .k-dropdown .k-state-default, .k-dropdown .k-state-disabled {
    height: 100%;
    box-sizing: border-box;
    padding: 0;
    display: table;
    width: 100%;
    border: none
}

.k-dropdown .k-input {
    padding: 0;
    vertical-align: middle;
    display: table-cell
}

.k-list-optionlabel, .k-list-optionlabel.k-state-selected.k-state-focused, .k-widget.k-tooltip-validation .k-warning {
    display: none
}

.k-datepicker .k-state-default .k-input {
    padding: 0
}

.k-picker-wrap.k-state-default > .k-select {
    padding: 5px 0;
    box-sizing: border-box
}

.k-state-hover > * > .k-i-calendar {
    background-position: -32px -176px
}

.k-invalid {
    border-color: #ff4f11 !important
}

#QuoteForm_City_Valid, #QuoteForm_Mark_Valid, #QuoteForm_Model_Valid, #QuoteForm_Reference_Valid, .k-widget.k-tooltip-validation {
    background: 0 0;
    color: #ff4f11;
    border-color: transparent;
    position: absolute;
    right: 0;
    bottom: -23px;
    font-family: futura_ltheavy;
    padding: 0;
    font-size: 13px;
    z-index: 1000
}

.k-picker-wrap .k-widget.k-tooltip-validation {
    right: inherit;
    left: 15px;
    bottom: -31px
}

.k-widget.k-tooltip-validation:before {
    content: '*'
}

.k-list > .k-state-selected.k-state-focused {
    background: 0 0;
    border: none;
    text-decoration: underline;
    padding: 1px 5px
}

.k-popup .k-list .k-state-hover {
    background: 0 0;
    text-decoration: underline;
    color: #23a176;
    border-top: none;
    padding: 1px 5px
}

.k-popup .k-list .k-item {
    border: 1px solid #c4c5c5;
    border-top: none
}

.k-popup.k-calendar-container, .k-popup.k-list-container {
    border: none !important;
    padding: 0 !important
}

.ui-widget-content {
    font-family: futura_ltregular;
    color: #999
}

    .ui-widget-content label {
        font-weight: 400
    }

.ui-widget-overlay {
    background: rgba(229,229,229,.9);
    opacity: .9;
    filter: Alpha(Opacity=90)
}

.insurance-logos, .insurance-logos:before, .quote-form .car-info, .quote-form .car-info:after, .quote-form .car-info:before, .quote-info:after, .quote-info:before, .steps-bottom-line.soat:before, .steps-bottom-line:before, .vehicle-info-container, .vehicle-info-container:after {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 )
}

.ui-dialog {
    z-index: 1002 !important;
    border: 1px solid #b1b1b1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    left: 50% !important;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    padding: 0 0 30px;
    width: 100% !important;
    max-width: 450px !important
}

    .ui-dialog.big-dialog {
        max-width: 880px !important
    }

    .ui-dialog .ui-dialog-content {
        padding: 0 70px
    }

    .ui-dialog .ui-dialog-buttonpane {
        border: none
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: none
        }

            .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
                position: relative;
                padding: 15px;
                background-color: #ff362b;
                color: #fff;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                outline: #c8352c solid 1px;
                border: 1px solid #ff9f99;
                border-bottom: none;
                -webkit-box-shadow: 3px 3px 0 0 rgba(218,218,218,1);
                -moz-box-shadow: 3px 3px 0 0 rgba(218,218,218,1);
                box-shadow: 3px 3px 0 0 rgba(218,218,218,1);
                display: block;
                max-width: 186px;
                font-family: futura_ltheavy;
                font-size: 16px
            }

    .ui-dialog .ui-dialog-titlebar-close {
        width: 79px;
        height: 24px;
        background: url(../../../Content/Images/icon-sprite.png) 0 -967px;
        border: none;
        right: 3%
    }

        .ui-dialog .ui-dialog-titlebar-close:focus {
            border: none;
            outline: 0
        }

.ui-draggable .ui-dialog-titlebar {
    margin-bottom: 15px;
    cursor: initial
}

.ui-dialog ul {
    list-style-type: none;
    padding: 0
}

.ui-dialog li.fox {
    display: none
}

.ui-dialog .form-group label {
    display: block;
    font-size: 18px;
    color: #555
}

.ui-dialog .form-control {
    height: 46px;
    box-sizing: border-box;
    width: 100%
}

.ui-dialog-titlebar {
    border: none;
    background: 0 0
}

.ui-dialog .dialog-info .title {
    font-family: futura_ltheavy;
    color: #683cbe;
    text-align: center;
    display: block;
    font-size: 18px
}

.ui-dialog .dialog-info .title2 {
    color: #555;
    font-family: futura_ltheavy;
    font-size: 18px;
    margin-left: 12px;
    position: relative;
    top: 3px
}

.ui-dialog.big-dialog .dialog-info .title2 {
    font-size: 25px;
    margin-left: 15%;
    margin-bottom: 50px
}

.ui-dialog .dialog-info .coverage-title {
    font-family: futura_ltheavy;
    color: #683cbe;
    font-weight: 400;
    border-bottom: 2px #c8c9c9 solid;
    padding-bottom: 5px
}

.ui-dialog .dialog-info .subtitle {
    text-align: center;
    color: #999;
    display: block;
    margin-top: 10px
}

.ui-dialog .dialog-info ul {
    list-style-type: disc;
    color: #1bde8d;
    margin-top: 20px
}

    .filter-box ul, .form-steps ul, .insurance-list-info .insurance-info ul, .new-quote-msg .next-steps, .quote-form ul, .quote-results, .quote-results ul, .ui-dialog .dialog-info ul.no-type, footer .bottom-links ul {
        list-style-type: none
    }

        .ui-dialog .dialog-info ul.no-type li span.list, .ui-dialog .dialog-info ul.no-type li span.list2 {
            display: block;
            float: left;
            width: 50%;
            font-family: futura_ltregular;
            font-size: 12px;
            line-height: 1em
        }

        .ui-dialog .dialog-info ul.no-type li span.list2 {
            text-align: right
        }

    .ui-dialog .dialog-info ul li {
        margin-bottom: 15px
    }

        .ui-dialog .dialog-info ul li span {
            display: block;
            color: #555;
            font-family: futura_ltheavy
        }

        .ui-dialog .dialog-info ul li label {
            display: block;
            color: #999
        }

.ui-dialog .dialog-info .example label, .ui-dialog .dialog-info .pay .title {
    color: #555;
    font-family: futura_ltheavy
}

.ui-dialog .dialog-info .example {
    background: #f4f4f4;
    padding: 10px 20px
}

.ui-dialog.big-dialog .dialog-info ul.no-type {
    display: block;
    float: left;
    width: 30%;
    margin: 0 1%
}

.ui-dialog .dialog-info .pay {
    clear: both;
    margin-top: 20px
}

    .ui-dialog .dialog-info .pay .title {
        text-align: center
    }

    .ui-dialog .dialog-info .pay .description {
        text-align: center;
        font-size: 16px;
        margin: 10px 0 35px;
        display: block
    }

    .ui-dialog .dialog-info .pay .btn1 {
        color: #fff;
        max-width: 270px;
        text-align: center
    }

.ui-dialog .top-image {
    width: 79px;
    height: 75px;
    display: block;
    margin: 0 auto 10px;
    overflow: hidden
}

    .ui-dialog .top-image img {
        position: relative;
        left: -136px;
        top: -522px
    }

.dialog-info.loading .title {
    margin: 20px 0;
    display: block
}

.ui-dialog .fox, .ui-dialog .right-info {
    display: block;
    float: left;
    width: 50%
}

    .ui-dialog .fox img {
        width: 100%;
        max-width: 277px;
        margin: 0 auto;
        position: relative;
        left: -30px
    }

.ui-dialog .quote-other {
    color: #555;
    font-family: futura_ltheavy;
    display: block;
    text-align: center;
    font-size: 30px;
    line-height: 1em;
    margin-bottom: 30px
}

.header .navbar-brand {
    margin-right: 80px;
    padding-left: 0
}

.header .navbar-header, .header .navbar-nav {
    z-index: 1001;
    position: relative
}

.header .navbar {
    background: #683cbe;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    margin-bottom: 0;
    z-index: initial
}

    .header .navbar .navbar-nav li a {
        color: #fff;
        padding: 40px 15px;
        font-family: futura_ltheavy;
        font-size: 17px
    }

        .header .navbar .navbar-nav li a:hover, .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:focus, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .open > a, .header .navbar-default .navbar-nav > .open > a:focus, .header .navbar-default .navbar-nav > .open > a:hover {
            background: 0 0;
            color: #af94e4
        }

.header .dropdown-menu {
    background: #fff;
    padding: 0;
    border: none;
    min-width: 149px;
    -webkit-box-shadow: 3px 3px 0 0 rgba(218,218,218,1);
    -moz-box-shadow: 3px 3px 0 0 rgba(218,218,218,1);
    box-shadow: 3px 3px 0 0 rgba(218,218,218,1);
    top: 70%;
    right: 10%;
    left: initial;
    border-radius: 0
}

    .header .dropdown-menu:before {
        content: "";
        position: absolute;
        top: -4px;
        right: 8px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 4px 4px;
        border-color: transparent transparent #fff
    }

footer .top-info, footer .top-info .container-fluid .row {
    position: relative
}

.header li.dropdown a i:before {
    background: #8359d7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0 3px
}

.header .navbar .navbar-nav .dropdown-menu li {
    border-bottom: 1px #dcdcdc solid
}

    .header .navbar .navbar-nav .dropdown-menu li a {
        padding: 10px 0 10px 15px;
        color: #683cbe
    }

        .header .navbar .navbar-nav .dropdown-menu li a span {
            color: #1bde8d
        }

        .header .navbar .navbar-nav .dropdown-menu li a:hover {
            background: #eee
        }

.header .top-menu-info {
    background: #5d33ae;
    text-align: right;
    padding: 10px 0;
    font-family: futura_ltheavy;
    font-size: 12px
}

    .header .top-menu-info .text2 {
        display: none
    }

    .header .top-menu-info span {
        color: #af94e4
    }

    .header .top-menu-info a {
        color: #fff
    }

.header #browserCompatibility {
    background: #fff1a8;
    text-align: center;
    font-weight: 400;
    color: #000;
    padding: 8px;
    width: 100%
}

footer .top-info {
    background: #4e2ba4;
    padding: 63px 0;
    font-size: 16px;
    margin-top: 90px
}

    footer .top-info .box {
        border-right: 2px #5d39b4 solid;
        min-height: 182px
    }

        footer .top-info .box.customer {
            border-right: none
        }

        footer .top-info .box .box-title {
            display: block;
            color: #af94e4;
            font-family: futura_ltbold;
            font-size: 23px
        }

        footer .top-info .box a {
            color: #fff;
            text-decoration: underline;
            display: block;
            margin-bottom: 7px;
            font-family: futura_ltheavy;
            font-size: 14px
        }

            footer .top-info .box a:hover {
                text-decoration: none;
                color: #af94e4
            }

        footer .top-info .box span {
            display: block;
            color: #9a90ea;
            margin-bottom: 7px
        }

        footer .top-info .box .oneline {
            display: inline-block;
            color: #9a90ea;
            text-decoration: none;
            font-family: futura_ltregular;
            font-size: 16px
        }

        footer .top-info .box .call-btn {
            display: none
        }

    footer .top-info .follow .logo {
        max-width: 150px;
        display: block;
        margin: 20px 0 14px
    }

    footer .top-info .follow .follow-text {
        color: #7b59ce;
        font-family: futura_ltheavy;
        font-size: 18px
    }

.home-banner .right-info .top-text, .policy-steps .big-title, .policy-steps .steps .step .number, .policy-steps .steps .step .title, .testimonial-box .box .profile-name {
    font-family: futura_ltbold
}

footer .top-info .follow a {
    margin: 0 4px
}

footer .top-info .follow a, footer .top-info .follow span {
    display: inline-block
}

    footer .top-info .follow a i:before {
        color: #fff;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        width: 30px;
        height: 30px;
        display: inline-block;
        text-align: center;
        padding: 8px;
        -webkit-transition: all .35s ease-in-out;
        -moz-transition: all .35s ease-in-out;
        -o-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out
    }

    footer .top-info .follow a i.fa-facebook:before {
        background: #4267b2
    }

    footer .top-info .follow a i.fa-twitter:before {
        background: #54aced
    }

    footer .top-info .follow a i.fa-facebook:hover:before {
        background: #1b2f59
    }

    footer .top-info .follow a i.fa-twitter:hover:before {
        background: #1c669d
    }


    footer .top-info .follow a i.fa-instagram:before {
        background: #D22F8A
    }

    footer .top-info .follow a i.fa-instagram:hover:before {
        background: #1c669d
    }



.quote-results .table-item ul li.insuranceVD span {
    font-size: 16px;
}



footer .bottom-links {
    background: #683cbe;
    padding: 8px 0
}

    footer .bottom-links ul {
        display: block;
        text-align: center;
        margin-bottom: 0
    }

    footer .bottom-links li {
        display: inline-block
    }

    footer .bottom-links a {
        color: #9a90ea;
        padding: 0 30px;
        border-right: 1px #9a90ea solid
    }

        footer .bottom-links a:hover {
            text-decoration: none;
            color: #fff
        }

    footer .bottom-links img {
        padding: 0 30px
    }

footer .rights {
    color: #fff;
    background: #00dd96;
    text-align: center;
    padding: 5px
}

footer .top-info .container-fluid .row .footer-fox {
    position: absolute;
    right: -80px;
    top: 3px
}

.home-banner {
    position: relative;
    clear: both
}

    .home-banner .fox-image, .home-banner .right-info {
        margin-top: -25px
    }

        .home-banner .fox-image img {
            z-index: 1000;
            position: relative
        }

        .home-banner .right-info .top-text {
            text-align: center;
            font-size: 19px;
            line-height: 2em;
            padding-top: 68px;
            margin-bottom: 25px
        }

            .home-banner .right-info .top-text .title {
                color: #1bde8d;
                font-size: 1.8em
            }

            .home-banner .right-info .top-text h1.title {
                margin: 0
            }

            .home-banner .right-info .top-text .title span {
                display: block;
                font-size: .75em
            }

                .home-banner .right-info .top-text .title span:after, .home-banner .right-info .top-text .title span:before {
                    content: "";
                    position: relative;
                    width: 77px;
                    height: 3px;
                    background: #1bde8d;
                    top: 50%;
                    vertical-align: middle;
                    display: inline-block
                }

                .home-banner .right-info .top-text .title span:before {
                    right: 13px
                }

                .home-banner .right-info .top-text .title span:after {
                    left: 13px
                }

            .home-banner .right-info .top-text .discount {
                color: #23a176;
                font-size: 3.5em;
                line-height: 1em
            }

        .home-banner .right-info form input {
            height: 57px
        }

        .home-banner .right-info .bottom-link {
            text-decoration: underline;
            color: #23a176
        }

            .home-banner .right-info .bottom-link:hover {
                text-decoration: none
            }

        .home-banner .right-info form {
            max-width: 475px;
            display: block;
            margin: 0 auto
        }

            .home-banner .right-info form .form-group {
                margin-bottom: 5px
            }

            .home-banner .right-info form .k-widget.k-tooltip-validation {
                bottom: inherit;
                top: -20px;
                left: 0;
                right: inherit
            }

            .home-banner .right-info form > div {
                padding: 0
            }

.insurance-logos, .quote-form .car-info, .vehicle-info-container {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U5ZTdlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,rgba(255,255,255,1) 0,rgba(233,231,237,1) 50%,rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,1)),color-stop(50%,rgba(233,231,237,1)),color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,1) 0,rgba(233,231,237,1) 50%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,1) 0,rgba(233,231,237,1) 50%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left,rgba(255,255,255,1) 0,rgba(233,231,237,1) 50%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,rgba(255,255,255,1) 0,rgba(233,231,237,1) 50%,rgba(255,255,255,1) 100%)
}

    .insurance-logos:before, .quote-form .car-info:after, .quote-form .car-info:before, .quote-info:after, .quote-info:before, .steps-bottom-line:before {
        content: "";
        width: 100%;
        height: 1px;
        display: block;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(left,rgba(255,255,255,1) 0,rgba(209,209,209,1) 50%,rgba(255,255,255,1) 100%);
        background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,1)),color-stop(50%,rgba(209,209,209,1)),color-stop(100%,rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left,rgba(255,255,255,1) 0,rgba(209,209,209,1) 50%,rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(left,rgba(255,255,255,1) 0,rgba(209,209,209,1) 50%,rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(left,rgba(255,255,255,1) 0,rgba(209,209,209,1) 50%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to right,rgba(255,255,255,1) 0,rgba(209,209,209,1) 50%,rgba(255,255,255,1) 100%)
    }

.quote-info:before {
    position: relative;
    top: -10px
}

.quote-info:after {
    position: relative;
    bottom: -10px
}

.insurance-logos {
    text-align: center
}

    .insurance-logos .container-fluid {
        padding: 37px 0
    }

        .insurance-logos .container-fluid.soat-gris {
            padding: 25px 0
        }

    .insurance-logos .logo {
        overflow: hidden;
        height: 48px;
        width: 110px;
        padding: 0;
        margin: 0 auto
    }

        .insurance-logos .logo img {
            position: relative
        }

        .insurance-logos .logo.allianz img {
            left: -110px
        }

        .insurance-logos .logo.liberty img {
            left: -220px
        }

        .insurance-logos .logo.equidad img {
            left: -330px
        }

        .insurance-logos .logo.generali img {
            left: -440px
        }

        .insurance-logos .logo.mapfre img {
            left: -550px
        }

        .insurance-logos .logo.aig img {
            left: -660px
        }

        .insurance-logos .logo.asc img {
            left: -770px
        }

    .insurance-logos .logo-content {
        width: 9.5%;
        display: inline-block;
        max-width: 110px;
        color: #555
    }

.policy-steps {
    color: #999;
    padding: 63px 0 70px;
    overflow: hidden
}

    .policy-steps .big-title {
        font-size: 38px;
        margin: 0 0 10px
    }

        .policy-steps .big-title span, .policy-steps .title span {
            color: #683cbe
        }

    .policy-steps .steps {
        margin-top: 40px;
        margin-bottom: 14px
    }

        .policy-steps .steps .step {
            font-size: 16px
        }

            .policy-steps .steps .step img, .policy-steps .steps .step span {
                display: block
            }

            .policy-steps .steps .step .image-step {
                width: 132px;
                height: 72px;
                display: block;
                margin: 0 auto 15px;
                overflow: hidden
            }

                .policy-steps .steps .step .image-step img {
                    position: relative;
                    top: -41px
                }

            .policy-steps .steps .step.two .image-step img {
                left: -132px
            }

            .policy-steps .steps .step.three .image-step img {
                left: -264px
            }

            .policy-steps .steps .step.four .image-step img {
                left: -396px
            }

            .policy-steps .steps .step .number {
                font-size: 2em;
                position: relative
            }

                .policy-steps .steps .step .number:after, .policy-steps .steps .step .number:before {
                    content: "";
                    position: relative;
                    width: 52px;
                    height: 3px;
                    background: #cecece;
                    top: 50%;
                    vertical-align: middle;
                    display: inline-block
                }

                .policy-steps .steps .step .number:before {
                    right: 20px
                }

                .policy-steps .steps .step .number:after {
                    left: 20px
                }

            .policy-steps .steps .step .title {
                font-size: 1.8em;
                margin: 0;
                line-height: 1.4
            }

            .policy-steps .steps .step .description {
                font-size: 16px;
                padding: 0 50px;
                margin-top: 5px
            }

.testimonial-box {
    background: #ececec;
    padding: 78px 0 88px
}

    .testimonial-box .box {
        padding: 40px 30px
    }

    .testimonial-box .green-box {
        background: #1bde8d;
        color: #fff
    }

        .testimonial-box .green-box .btn1 {
            -webkit-box-shadow: 3px 3px 0 0 rgba(27,190,122,1);
            -moz-box-shadow: 3px 3px 0 0 rgba(27,190,122,1);
            box-shadow: 3px 3px 0 0 rgba(27,190,122,1)
        }

    .testimonial-box .box .sentence {
        max-height: 112px;
        overflow: hidden;
        margin-bottom: 22px;
        font-size: 14px
    }

    .testimonial-box .box .profile-name {
        max-width: 160px;
        color: #555;
        margin-right: 16px;
        margin-top: 15px;
        font-size: 17px
    }

    .testimonial-box .box:nth-child(3) .profile-name {
        margin-right: 0;
        margin-left: 16px
    }

    .testimonial-box .box .profile-image {
        width: 72px;
        height: 72px;
        overflow: hidden;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        background: #555
    }

        .testimonial-box .box .profile-image img {
            width: 100%
        }

    .testimonial-box .green-box .profile-name {
        margin: 0 auto 25px;
        max-width: none;
        color: #23a176;
        font-family: futura_ltregular;
        font-size: 22px
    }

    .quote-now-links .left-text .top-line, .testimonial-box .green-box {
        font-family: futura_ltbold
    }

.quote-now-links {
    border-bottom: 2px #efefef solid;
    margin: 40px 0 73px;
    padding-bottom: 38px
}

    .quote-now-links .left-text .top-line {
        font-size: 50px
    }

        .quote-now-links .left-text .top-line span {
            color: #683cbe
        }

    .quote-now-links .left-text .bottom-line {
        color: #d1cdcd;
        font-size: 30px
    }

    .quote-now-links .links .link {
        display: block;
        font-size: 15px;
        font-family: futura_ltheavy;
        text-decoration: none
    }

        .quote-now-links .links .link .image-link {
            width: 93px;
            height: 93px;
            overflow: hidden;
            margin: 0 auto 10px;
            display: block
        }

            .quote-now-links .links .link .image-link > img {
                position: relative;
                top: -120px;
                -webkit-transition: all .35s ease-in-out;
                -moz-transition: all .35s ease-in-out;
                -o-transition: all .35s ease-in-out;
                transition: all .35s ease-in-out
            }

        .quote-now-links .links .link:hover .image-link > img {
            top: -213px
        }

        .quote-now-links .links .link .image-link.car > img {
            left: -9px
        }

        .quote-now-links .links .link .image-link.home > img {
            left: -102px
        }

        .quote-now-links .links .link .image-link.motorbike > img {
            left: -195px
        }

        .quote-now-links .links .link .image-link.soat > img {
            left: -288px
        }

        .quote-now-links .links .link .image-link.life > img {
            left: -380px
        }

        .quote-now-links .links .link span {
            color: #1bde8d
        }

            .home-bottom-info .title span, .quote-now-links .links .link span span {
                color: #683cbe
            }

.home-bottom-info {
    margin-bottom: 97px
}

    .home-bottom-info .title {
        font-family: futura_ltbold;
        font-size: 40px;
        line-height: 1em;
        margin-bottom: 23px
    }

    .home-bottom-info .left-info {
        padding: 0
    }

    .home-bottom-info .blog-boxes .box {
        font-size: 18px;
        box-sizing: border-box
    }

        .home-bottom-info .blog-boxes .box:nth-child(1) {
            padding-right: 7px;
            padding-left: 0
        }

        .home-bottom-info .blog-boxes .box:nth-child(2) {
            padding-left: 7px;
            padding-right: 0
        }

        .home-bottom-info .blog-boxes .box .content {
            background: #683cbe;
            height: 206px;
            padding: 30px 0 39px
        }

        .home-bottom-info .blog-boxes .box .image {
            width: 97px;
            height: 97px;
            overflow: hidden;
            margin: 0 auto
        }

            .home-bottom-info .blog-boxes .box .image img {
                position: relative;
                top: -312px
            }

            .home-bottom-info .blog-boxes .box .image.one img {
                left: -9px
            }

            .home-bottom-info .blog-boxes .box .image.two img {
                left: -106px
            }

        .home-bottom-info .blog-boxes .box a {
            color: #ae98da
        }

    .home-bottom-info .directory {
        background: #1bde8d;
        margin-top: 14px;
        color: #fff;
        padding: 28px 0
    }

        .home-bottom-info .directory .info {
            padding-left: 10px
        }

        .home-bottom-info .directory .image {
            width: 102px;
            overflow: hidden;
            height: 112px;
            margin-top: 10px
        }

            .home-bottom-info .directory .image img {
                position: relative;
                top: -317px;
                left: -211px
            }

        .home-bottom-info .directory .title {
            display: block;
            font-size: 25px
        }

        .home-bottom-info .directory .description {
            font-size: 17px
        }

        .home-bottom-info .directory .btn1 {
            background: #683cbe;
            -webkit-box-shadow: 3px 3px 0 0 rgba(20,166,106,1);
            -moz-box-shadow: 3px 3px 0 0 rgba(20,166,106,1);
            box-shadow: 3px 3px 0 0 rgba(20,166,106,1);
            max-width: 231px;
            outline: 0;
            border: none;
            text-transform: inherit;
            text-align: center;
            margin: 17px 0 0;
            padding: 11px;
            text-shadow: none
        }

            .home-bottom-info .directory .btn1:hover {
                background: #391878
            }

    .home-bottom-info .right-text {
        font-family: droid_sansregular;
        padding-left: 26px
    }

        .home-bottom-info .right-text ul {
            padding-left: 23px;
            padding-right: 85px;
            font-size: 17px
        }

            .home-bottom-info .right-text ul li {
                list-style-type: none;
                position: relative;
                margin-bottom: 26px;
                padding-left: 15px
            }

                .home-bottom-info .right-text ul li:before {
                    content: "•";
                    color: #1bde8d;
                    font-size: 25px;
                    position: absolute;
                    left: -17px;
                    top: 0;
                    line-height: 1em
                }

.whitetext {
    color: #fff !important
}

.bg-banner-landing {
    background: url(../../../Content/Images/banner-car-landing-desktop.jpg) 65% 0;
    background-size: cover
}

.bg-banner-landing-Allianz {
    background: url(../../../Content/Images/Allianz_Busqo_Landing_d.jpg) 65% 0;
    background-size: cover
}

.bg-banner-landing-Sura {
    background: url(../../../Content/Images/Sura_Busqo_Landing_d.jpg) 65% 0;
    background-size: cover
}

.bg-banner-landing-Equidad {
    background: url(../../../Content/Images/Equidad_Busqo_Landing_d.jpg) 65% 0;
    background-size: cover
}


.bg-banner-landing-Sura {
    background: url(../../../Content/Images/Sura_Busqo_Landing_d.jpg) 65% 0;
    background-size: cover
}

.bg-banner-landing-Equidad {
    background: url(../../../Content/Images/Equidad_Busqo_Landing_d.jpg) 65% 0;
    background-size: cover
}

.bg-banner-landing-Chevrolet {
    background: url(../../../Content/Images/Chevrolet_Busqo_Landing_d.jpg) 65% 0;
    background-size: cover
}

.bg-banner-landing-Renault {
    background: url(../../../Content/Images/Renault_Busqo_Landing_d.jpg) 65% 0;
    background-size: cover
}

.bg-banner-landing-Toyota {
    background: url(../../../Content/Images/Toyota_Busqo_Landing_d.jpg) 65% 0;
    background-size: cover
}

.bg-banner-landing-Kia {
    background: url(../../../Content/Images/Kia_Busqo_Landing_d.jpg) 65% 0;
    background-size: cover
}

.bg-banner-landing-Liberty {
    background: url(../../../Content/Images/Liberty_Busqo_Landing_d.jpg) 65% 0;
    background-size: cover
}

.bg-banner-landing-Axa {
    background: url(../../../Content/Images/Axa_Busqo_Landing_d.jpg) 65% 0;
    background-size: cover
}

.bg-banner-landing-Bolivar {
    background: url(../../../Content/Images/Bolivar_Busqo_Landing_d.jpg) 65% 0;
    background-size: cover
}

.bg-banner-landing-Hdi {
    background: url(../../../Content/Images/Hdi_Busqo_Landing_d.jpg) 65% 0;
    background-size: cover
}

.bg-banner-landing-Previsora {
    background: url(../../../Content/Images/Previsora_Busqo_Landing_d.jpg) 65% 0;
    background-size: cover
}

.bg-banner-landing-Sbs {
    background: url(../../../Content/Images/Sbs_Busqo_Landing_d.jpg) 65% 0;
    background-size: cover
}

.bg-banner-landing-Mapfre {
    background: url(../../../Content/Images/Mapfre_Busqo_Landing_d.jpg) 65% 0;
    background-size: cover
}

.bg-banner-landing-kushki {
    background: url(../../../Content/Images/kushki_Busqo_Landing_d.jpg) 65% 0;
    background-size: cover
}

.landing-banner {
    padding-top: 60px;
    padding-bottom: 60px
}
.landing-banner.lb-vidaDeudor {
    padding-top: 35px;
    padding-bottom: 60px
}

    .landing-banner .text {
        font-family: futura_ltbold;
        text-align: center
    }

.bg-banner-landing.soat .landing-banner .text {
    padding-left: 95px
}
span.font-light strong {
    font-weight: inherit !important;
}

.landing-banner .text p, .linetwo, .lineone {
    color: #53deb1;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.1em
}

.landing-banner.blue .text p, h1 {
    font-size: 25px
}

.landing-banner .text .lineone {
    font-size: 27px
}

.landing-banner .text .discount {
    font-size: 40px
}

.landing-banner .text .linetwo {
    font-size: 24px
}

.landing-banner.blue .text .lineone {
    font-size: 30px;
    margin-top: 20px
}

.landing-banner.blue .text .linetwo {
    font-size: 25px
}

.landing-banner.blue .text .linethree {
    font-size: 18px;
    font-family: futura_ltregular;
    margin-top: 70px
}

.coverage .payment-method .title, .coverage .title, .partnerships .title, .slogan .title {
    font-family: futura_ltbold
}

.insurance-logos .logo-content.busqo {
    border-right: solid 1px #ccc;
    max-width: none
}

.landing-banner .text span {
    color: #2b9874;
    line-height: 1.1em;
    display: block
}

.landing-banner.blue .text span {
    color: #fff;
    font-size: 43px
}

.landing-banner #QuotePlate_Form {
    max-width: 376px
}

    .landing-banner #QuotePlate_Form input {
        height: 64px;
        max-width: 219px
    }

    .landing-banner #QuotePlate_Form a {
        display: block;
        vertical-align: top
    }

    .landing-banner #QuotePlate_Form .btn1.car {
        margin: 0
    }

    .landing-banner #QuotePlate_Form a.bottom-link {
        color: #23a176;
        text-decoration: underline;
        margin-top: 5px
    }

        .landing-banner #QuotePlate_Form a.bottom-link:hover {
            text-decoration: none
        }

.landing-banner .k-widget.k-tooltip-validation {
    bottom: inherit;
    top: -20px;
    left: 0;
    right: inherit
}

.slogan {
    margin-bottom: 30px
}

    .slogan .title {
        font-size: 33px
    }

        .slogan .title span {
            color: #683cbe
        }

    .slogan .description {
        padding: 0 15%;
        font-size: 25px
    }

.coverage {
    background: #f5f5f5;
    padding: 50px 30px 25px
}

    .coverage .title {
        font-size: 23px;
        margin-bottom: 35px
    }

        .coverage .title span {
            color: #555
        }

    .coverage .cov-box .image {
        width: 73px;
        height: 73px;
        overflow: hidden;
        margin: 0 auto 10px
    }

        .coverage .cov-box .image img {
            position: relative;
            top: -433px
        }

        .coverage .cov-box .image.two img {
            left: -73px
        }

        .coverage .cov-box .image.three img {
            left: -146px
        }

        .coverage .cov-box .image.four img {
            left: -219px
        }

        .coverage .cov-box .image.five img {
            left: -292px
        }

        .coverage .cov-box .image.six img {
            left: -365px
        }

    .coverage .cov-box .text {
        color: #555;
        font-size: 15px;
        min-height: 48px;
        margin-bottom: 30px
    }

    .coverage .payment-method {
        background: #fff;
        padding: 30px 0
    }

        .coverage .payment-method .title {
            color: #683cbe
        }

        .coverage .payment-method .method .method-title {
            font-family: futura_ltbold;
            color: #555;
            font-size: 19px;
            margin-bottom: 0
        }

        .coverage .payment-method .method .method-description {
            padding: 0 10%;
            font-size: 16px;
            display: block
        }

        .coverage .payment-method .method:nth-child(1) {
            border-right: 1px #999 solid
        }

.partnerships .title {
    color: #683cbe;
    font-size: 25px
}

.partnerships span {
    font-size: 18px;
    margin-bottom: 25px;
    display: block;
    padding: 0 10.5%
}

.partnerships .btn1 {
    max-width: 275px;
    text-align: center
}

.bg-banner-landing.home .landing-banner .btn1, .bg-banner-landing.soat .landing-banner .btn1 {
    margin: 50px 0 0
}

.bg-banner-landing.soat .landing-banner .btn1 {
    margin-top: 25px
}

.bg-banner-landing.motorbike .landing-banner .btn1 {
    margin: 0
}

.bg-banner-landing.vidaDeudor {
    background: url(../../../Content/Images/Banner-vidadeudor-desktop.png) 65% 0;
    background-size: cover;
    background-position:bottom right;
    min-height: 290px;
}
bg-banner-landing-mobile{
    display:none;
}

.row-in-grid {
    display: inline-grid;
    grid-gap: 20px;
}




.bg-banner-landing.home {
    background: url(../../../Content/Images/banner-home-landing-desktop.jpg) 65% 0;
    background-size: cover
}

.bg-banner-landing.motorbike {
    background: url(../../../Content/Images/banner-motorbike-landing-desktop.jpg) 70% 0;
    background-size: cover
}

.bg-banner-landing.soat {
    background: url(../../../Content/Images/banner-soat-landing-desktop.png) 65% 0;
    background-size: cover
}

    .bg-banner-landing.soat.blue {
        background: url(../../../Content/Images/bg-soat-azul.jpg)
    }

.bg-banner-landing.home .landing-banner, .bg-banner-landing.motorbike .landing-banner {
    margin-left: 60px
}

.bg-banner-landing.soat.blue .landing-banner {
    padding-top: 22px;
    padding-bottom: 0
}

.bg-banner-landing.new-soat {
    background-image: url(../../../Content/Images/banner-soat-landing-desktop2.png);
    background-position: 37% 0
}

.bg-banner-landing.new-soatLeal {
    background-image: url(../../../Content/Images/banner-soat-landing-desktopLeal.jpg);
    background-position: 37% 0
}

.bg-banner-landing.new-soat .landing-banner .text {
    text-align: left
}

    .bg-banner-landing.new-soat .landing-banner .text .title {
        font-size: 65px;
        color: #23a176;
        line-height: 1.3em
    }

        .bg-banner-landing.new-soat .landing-banner .text .title span {
            font-size: .95em;
            color: #1bde8d
        }

    .bg-banner-landing.new-soat .landing-banner .text .description {
        font-size: 20px;
        color: #666
    }

.SOATStart_Form {
    border: 1px solid #d7d7d7;
    padding: 35px 25px 25px 35px;
    position: relative
}

    .SOATStart_Form .form-control {
        height: 45px;
        box-sizing: border-box
    }

    .SOATStart_Form > div {
        display: inline-block;
        margin-left: 10px;
        vertical-align: top
    }

        .SOATStart_Form > div.Vtype-options {
            width: 82%
        }

        .SOATStart_Form > div.v_type, .SOATStart_Form > div:first-child {
            margin-left: 0
        }

        .SOATStart_Form > div .k-widget.k-tooltip-validation {
            text-align: right;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 100%;
            overflow: hidden
        }

        .SOATStart_Form > div.button {
            vertical-align: bottom
        }

            .SOATStart_Form > div.button a {
                padding-top: 10px;
                padding-bottom: 9px
            }

                .SOATStart_Form > div.button a:before {
                    top: 17%;
                    zoom: .85
                }

        .SOATStart_Form > div.checkbox-container {
            display: block;
            float: none;
            text-align: right;
            margin-top: 28px
        }

            .SOATStart_Form > div.checkbox-container input {
                width: 18px;
                height: 18px;
                display: inline-block;
                vertical-align: middle
            }

            .SOATStart_Form > div.checkbox-container .text {
                display: inline-block;
                vertical-align: middle
            }

            .SOATStart_Form > div.checkbox-container a {
                color: #23a176;
                text-decoration: underline
            }

            .SOATStart_Form > div.checkbox-container .k-widget.k-tooltip-validation {
                right: auto;
                left: 0;
                text-align: left
            }

    .SOATStart_Form .form-group label {
        display: block;
        font-family: futura_ltregular;
        font-weight: 400;
        font-size: 18px;
        color: #555
    }

    .SOATStart_Form .form-group .SOATStart_Form_Plate {
        width: 131px
    }

    .SOATStart_Form .form-group .SOATStart_Form_Phone {
        width: 174px
    }

    .SOATStart_Form .form-group .SOATStart_Form_TypeDocument {
        width: 92px
    }

    .SOATStart_Form .form-group .SOATStart_Form_Document {
        width: 148px
    }

    .SOATStart_Form .form-group .SOATStart_Form_Email {
        width: 274px
    }

    .SOATStart_Form .no-vehicle-info {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        background-color: #683cbe;
        color: #fff;
        text-align: center;
        font-size: 16px;
        padding-top: 6px;
        padding-bottom: 6px;
        margin-bottom: 35px;
        margin-left: 0
    }

        .SOATStart_Form .no-vehicle-info span {
            color: #c8adfd
        }

        .SOATStart_Form .no-vehicle-info:before {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 8px 8px 0;
            border-color: #683cbe transparent transparent;
            position: absolute;
            left: 50%;
            bottom: -8px;
            transform: translateX(-50%)
        }

    .SOATStart_Form .form-group .SOATVehicleType_Form_VehicleType {
        width: 179px;
        overflow: visible
    }

        .SOATStart_Form .form-group .SOATVehicleType_Form_VehicleType .k-dropdown-wrap {
            display: block;
            padding: 10px 0;
            overflow: hidden
        }

    .SOATStart_Form.VehicleType .v_model.empty, .SOATStart_Form.VehicleType .v_subtype.empty {
        display: none
    }

    .SOATStart_Form .form-group.SOATVehicleType_Form_Model .btn-group .btn, .SOATStart_Form .form-group.SOATVehicleType_Form_Subtype .btn-group .btn {
        height: 45px;
        border: 1px solid #23a176;
        border-radius: 0;
        color: #23a176;
        background-color: #fff;
        font-size: 15px;
        padding: 11px 17px;
        margin-left: 3px
    }

        .SOATStart_Form .form-group.SOATVehicleType_Form_Model .btn-group .btn:first-child, .SOATStart_Form .form-group.SOATVehicleType_Form_Subtype .btn-group .btn:first-child {
            margin-left: 0
        }

        .SOATStart_Form .form-group.SOATVehicleType_Form_Model .btn-group .btn.active, .SOATStart_Form .form-group.SOATVehicleType_Form_Subtype .btn-group .btn.active {
            border: 1px solid #23a176;
            border-radius: 0;
            color: #fff;
            background-color: #23a176;
            box-shadow: none
        }

        .SOATStart_Form .form-group.SOATVehicleType_Form_Subtype .btn-group .btn .tb {
            display: table;
            height: 100%;
            width: 100%
        }

            .SOATStart_Form .form-group.SOATVehicleType_Form_Subtype .btn-group .btn .tb .inn {
                display: table-cell;
                vertical-align: middle;
                width: 90%
            }

    .SOATStart_Form.VehicleType {
        padding-top: 55px;
        margin-left: -15px;
        margin-right: -15px;
        position: relative
    }

        .SOATStart_Form.VehicleType > div:first-child .k-widget.k-tooltip-validation {
            bottom: -23px
        }

    .SOATStart_Form > div.back {
        margin-top: 20px;
        display: block
    }

        .SOATStart_Form > div.back a {
            font-size: 15px;
            color: #23a176;
            text-decoration: underline
        }

    .SOATStart_Form > div.Vtype-options > div {
        display: inline-block;
        vertical-align: middle
    }

    .SOATStart_Form.VehicleType > div.Vtype-options .button {
        vertical-align: bottom
    }

        .SOATStart_Form.VehicleType > div.Vtype-options .button label {
            display: block;
            font-family: futura_ltregular;
            font-weight: 400;
            font-size: 18px;
            color: #555
        }

        .SOATStart_Form.VehicleType > div.Vtype-options .button a {
            padding-top: 10px;
            padding-bottom: 9px
        }

            .SOATStart_Form.VehicleType > div.Vtype-options .button a:before {
                top: 17%;
                zoom: .85
            }

.policy-steps.soat {
    max-width: 900px;
    margin: 0 auto
}

    .policy-steps.soat .steps .step.two img {
        left: -398px
    }

    .policy-steps.soat .steps .step.three img {
        left: -649px
    }

    .policy-steps.soat .steps .step.three .title br {
        display: block
    }

.home-bottom-info.soat {
    max-width: 860px;
    margin: 0 auto 60px
}

    .home-bottom-info.soat .right-text {
        position: relative
    }

        .home-bottom-info.soat .right-text:before {
            content: '';
            position: absolute;
            width: 1px;
            height: 100%;
            border-left: 1px #c2c2c2 dotted;
            top: 0;
            right: 50px
        }

        .home-bottom-info.soat .right-text .title {
            font-size: 36px
        }

        .home-bottom-info.soat .right-text ul {
            padding-left: 28px;
            font-size: 16px;
            font-family: futura_ltregular
        }

            .home-bottom-info.soat .right-text ul li b {
                display: block;
                font-family: futura_ltbold;
                font-size: 19px;
                line-height: 1.2em;
                margin-bottom: 5px
            }

    .home-bottom-info.soat .questions .question {
        margin-bottom: 30px;
        padding-left: 20px
    }

        .home-bottom-info.soat .questions .question .title {
            font-size: 36px
        }

            .home-bottom-info.soat .questions .question .title span {
                color: #683cbe
            }

        .home-bottom-info.soat .questions .question .description {
            font-size: 16px
        }

.form-steps.soat ul li .image {
    margin-right: 5px;
    vertical-align: middle
}

.form-steps.soat ul li .arrow, .form-steps.soat ul li span {
    vertical-align: middle
}

.form-steps.soat ul li.check .image img, .form-steps.soat ul li.get .image img, .form-steps.soat ul li.pay .image img, .form-steps.soat ul li.quote .image img {
    top: -1006px
}

.form-steps.soat ul li.quote .image {
    width: 38px
}

.form-steps.soat ul li.check .image {
    width: 31px
}

.form-steps.soat ul li.pay .image {
    width: 29px
}

.form-steps.soat ul li.get .image {
    width: 34px
}

.form-steps.soat ul li.quote .image img {
    left: 0
}

.form-steps.soat ul li.check .image img {
    left: -46px
}

.form-steps.soat ul li.pay .image img {
    left: -86px
}

.form-steps.soat ul li.get .image img {
    left: -125px
}

.form-steps.soat ul li.check.active .image img, .form-steps.soat ul li.get.active .image img, .form-steps.soat ul li.pay.active .image img, .form-steps.soat ul li.quote.active .image img {
    top: -1040px
}

.policy-steps.soat .small-text {
    color: #555;
    font-family: futura_ltbold;
    font-size: 20px
}

    .policy-steps.soat .small-text br {
        display: none
    }

.policy-steps.soat .link {
    margin-top: 35px
}

    .policy-steps.soat .link a {
        display: block;
        text-align: center;
        font-size: 18px;
        color: #23a176
    }

.policy-steps.soat.success.button-points {
    padding-top: 0
}

.policy-steps.soat.success {
    padding-top: 55px
}

    .policy-steps.soat.success .image {
        width: 40px;
        height: 33px;
        overflow: hidden;
        margin: 0 auto 20px
    }

        .policy-steps.soat.success .image img {
            position: relative;
            top: -1007px;
            left: -187px
        }

    .policy-steps.soat.success.button-points .big-title {
        font-size: 28px
    }

    .policy-steps.soat.success .steps .step .image-step {
        height: 62px
    }

        .policy-steps.soat.success .steps .step .image-step img {
            top: -1076px
        }

    .policy-steps.soat.success .steps .step.one .image-step {
        width: 55px
    }

        .policy-steps.soat.success .steps .step.one .image-step img {
            left: 0
        }

    .policy-steps.soat.success .steps .step.two .image-step {
        width: 57px
    }

        .policy-steps.soat.success .steps .step.two .image-step img {
            left: -267px
        }

    .policy-steps.soat.success .steps .step.three .image-step {
        width: 53px
    }

        .policy-steps.soat.success .steps .step.three .image-step img {
            left: -121px
        }

.policy-steps.soat.error {
    padding-top: 43px
}

    .policy-steps.soat.error .image {
        width: 9px;
        height: 48px;
        overflow: hidden;
        margin: 0 auto 20px
    }

        .policy-steps.soat.error .image img {
            position: relative;
            top: -1007px;
            left: -254px
        }

.form-steps.soat {
    margin: 35px 0
}

.steps-bottom-line.soat:before {
    height: 2px;
    background: #fff;
    background: -moz-linear-gradient(left,#fff 0,#d1d1d1 20%,#d1d1d1 80%,#fff 100%);
    background: -webkit-linear-gradient(left,#fff 0,#d1d1d1 20%,#d1d1d1 80%,#fff 100%);
    background: linear-gradient(to right,#fff 0,#d1d1d1 20%,#d1d1d1 80%,#fff 100%)
}

.form-bottom-info.soat {
    padding: 32px 0
}

    .form-bottom-info.soat .left-info {
        color: #52987e;
        border-right: none
    }

        .form-bottom-info.soat .left-info h3 {
            font-family: futura_ltbold;
            font-size: 30px;
            margin-top: 12px
        }

        .form-bottom-info.soat .left-info p {
            display: inline-block;
            vertical-align: top;
            font-size: 23px
        }

        .form-bottom-info.soat .left-info .image {
            display: inline-block;
            vertical-align: top;
            margin-left: 40px;
            width: 60px;
            height: 56px;
            overflow: hidden;
            position: relative;
            top: 5px
        }

            .form-bottom-info.soat .left-info .image img {
                position: relative;
                left: -186px;
                top: -1076px
            }

    .form-bottom-info.soat .right-info {
        border-left: 3px #a5e2ca solid
    }

        .form-bottom-info.soat .right-info p {
            font-family: futura_ltbold;
            font-size: 19px;
            margin-top: 3px
        }

        .form-bottom-info.soat .right-info ul {
            padding-left: 20px;
            font-size: 16px;
            margin-bottom: 18px
        }

        .form-bottom-info.soat .right-info a {
            margin: 0;
            font-size: 16px;
            max-width: 147px;
            text-align: center;
            padding: 12px
        }

.form-bottom-info.summary {
    color: #00997e;
    margin-bottom: 45px
}

    .form-bottom-info.summary .left-info {
        text-align: right
    }

        .form-bottom-info.summary .left-info .title {
            font-family: futura_ltbold;
            margin-bottom: 23px
        }

        .form-bottom-info.summary .left-info .image {
            margin: 0 0 0 auto;
            width: 66px;
            height: 52px
        }

            .form-bottom-info.summary .left-info .image img {
                left: -110px;
                top: -1199px
            }

    .form-bottom-info.summary .right-info ol {
        max-width: 85%;
        line-height: 1.2em
    }

        .form-bottom-info.summary .right-info ol li {
            font-family: futura_ltbold;
            font-size: 18px
        }

            .form-bottom-info.summary .right-info ol li span {
                font-family: futura_ltregular;
                font-size: 16px;
                padding-left: 10px;
                display: inline-block;
                vertical-align: top
            }

.expiration-info {
    margin-top: 75px
}

    .expiration-info .user {
        font-family: futura_ltbold;
        font-size: 36px
    }

        .expiration-info .user .name {
            color: #4e2ba4
        }

        .expiration-info .user .continue {
            display: block;
            font-size: 19px;
            color: #555;
            margin-top: 4px
        }

    .expiration-info hr {
        display: block;
        margin: 36px auto 28px;
        height: 1px;
        border: none;
        background-color: #ccc;
        max-width: 140px
    }

    .expiration-info .bottom-info .first-date {
        font-size: 20px;
        font-family: futura_ltregular;
        margin-bottom: 40px
    }

        .expiration-info .bottom-info .first-date br, .expiration-info .bottom-info .second-date br {
            display: none
        }

        .expiration-info .bottom-info .first-date span {
            font-family: futura_ltbold;
            color: #4e2ba4
        }

    .expiration-info .bottom-info .second-date {
        font-size: 18px;
        color: #555;
        font-family: futura_ltbold;
        margin-bottom: 40px
    }

        .expiration-info .bottom-info .second-date span {
            color: #999;
            font-family: futura_ltregular;
            display: block
        }

.form-top-text, .preview-soat .preview-title, .summary-container b, .vehicle_info .value, .vehicle_info b {
    font-family: futura_ltbold
}

.expiration-info .bottom-info .reminder {
    color: #555;
    padding: 13px 45px;
    font-size: 18px;
    background-color: #ede9f6;
    max-width: 447px;
    margin: 0 auto
}

.expiration-info .bottom-info a {
    font-size: 18px;
    color: #23a176;
    display: block;
    margin: 20px 0 45px
}

.vehicle-info-container {
    margin-bottom: 45px;
    position: relative
}

    .vehicle-info-container:after {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 1px;
        background: #fff;
        background: -moz-linear-gradient(left,#fff 0,#d1d1d1 20%,#d1d1d1 80%,#fff 100%);
        background: -webkit-linear-gradient(left,#fff 0,#d1d1d1 20%,#d1d1d1 80%,#fff 100%);
        background: linear-gradient(to right,#fff 0,#d1d1d1 20%,#d1d1d1 80%,#fff 100%)
    }

.vehicle_info {
    font-size: 14px;
    text-align: center;
    padding: 15px 0
}

    .vehicle_info > div {
        display: inline-block;
        vertical-align: top;
        position: relative;
        padding: 0 25px 0 17px;
        text-align: left
    }

        .summary-container .purple-box .edit-link, .vehicle_info > div:first-child {
            text-align: right
        }

        .vehicle_info > div.line {
            max-width: 160px
        }

        .vehicle_info > div:last-child:after {
            display: none
        }

        .vehicle_info > div:after {
            content: '';
            width: 1px;
            height: 50px;
            background-color: #aeaeae;
            position: absolute;
            right: -2px;
            top: 0
        }

        .vehicle_info > div.preview a:before {
            content: '';
            width: 24px;
            height: 24px;
            display: block;
            margin: 0 auto;
            background-image: url(../../Images/icon-sprite.png);
            background-position: -116px -1156px
        }

    .vehicle_info b {
        color: #555;
        display: block
    }

    .vehicle_info .your-vehicle {
        font-size: 25px;
        line-height: 1em
    }

    .vehicle_info .value {
        font-size: 17px;
        color: #4e2ba4
    }

    .vehicle_info a {
        color: #23a176;
        text-decoration: underline;
        float: right
    }

.form-top-text {
    font-size: 25px;
    color: #4e2ba4;
    line-height: 1.2em
}

.form-top-description {
    font-size: 18px;
    margin-top: 24px
}

    .form-top-description.revert-margin {
        margin-top: 0
    }

    .form-top-description .alert {
        display: block;
        color: #ff6c13;
        font-size: .83em;
        padding: 0;
        margin: 19px 0 0;
        line-height: 1em;
        position: relative
    }

        .form-top-description .alert .alert-img {
            width: 25px;
            height: 25px;
            display: inline-block;
            vertical-align: middle;
            overflow: hidden;
            position: relative;
            top: -3px;
            left: -3px
        }

            .form-top-description .alert .alert-img img {
                position: relative;
                top: -1155px;
                left: -73px
            }

.summary-container {
    margin-bottom: 70px
}

    .summary-container b {
        font-weight: 400
    }

    .summary-container .box-title {
        font-size: 18px;
        color: #555
    }

        .summary-container .box-title span {
            font-size: 16px;
            color: #4e2ba4;
            border-bottom: 1px #4e2ba4 solid;
            padding-bottom: 3px;
            position: relative;
            top: -3px;
            left: 14px
        }

            .summary-container .box-title span i {
                font-style: normal;
                color: #555
            }

    .summary-container .purple-box {
        border: 1px solid #4e2ba4;
        padding: 32px 27px 27px;
        max-width: 381px;
        margin-top: 18px;
        font-size: 16px;
        position: relative
    }

        .summary-container .purple-box .hand {
            width: 60px;
            height: 60px;
            overflow: hidden;
            position: absolute;
            right: -13px;
            top: -27px
        }

            .summary-container .purple-box .hand img {
                display: block;
                position: relative;
                top: -1195px;
                left: 0
            }

        .summary-container .purple-box b {
            color: #4e2ba4;
            font-size: 17px;
            margin-bottom: 5px;
            display: block
        }

        .summary-container .purple-box span {
            color: #666
        }

        .summary-container .purple-box .info2 {
            margin: 20px 0
        }

        .summary-container .purple-box .edit-link a {
            color: #00be90;
            text-decoration: underline;
            display: inline-block;
            vertical-align: middle
        }

        .summary-container .purple-box .edit-link .image {
            width: 22px;
            height: 20px;
            overflow: hidden;
            display: inline-block;
            vertical-align: middle;
            position: relative;
            top: -3.5px
        }

            .summary-container .purple-box .edit-link .image img {
                display: block;
                position: relative;
                top: -1215px;
                left: -74px
            }

    .summary-container .left > div {
        margin-left: 17%
    }

    .summary-container .right {
        font-size: 16px
    }

        .summary-container .right .renov-date {
            margin-top: 30px;
            margin-bottom: 55px
        }

            .summary-container .right .renov-date .image {
                width: 45px;
                height: 43px;
                display: inline-block;
                vertical-align: middle;
                overflow: hidden;
                margin-right: 8px
            }

                .summary-container .right .renov-date .image img {
                    position: relative;
                    top: -1143px;
                    left: 0
                }

            .summary-container .right .renov-date .form-control.k-widget {
                display: inline-block;
                vertical-align: middle;
                height: 44px
            }

                .summary-container .right .renov-date .form-control.k-widget input {
                    font-size: 14px;
                    color: #333;
                    padding: 10px 0
                }

                    .summary-container .right .renov-date .form-control.k-widget input::-webkit-input-placeholder {
                        color: #333
                    }

                    .summary-container .right .renov-date .form-control.k-widget input::-moz-placeholder {
                        color: #333
                    }

                    .summary-container .right .renov-date .form-control.k-widget input:-ms-input-placeholder {
                        color: #333
                    }

                    .summary-container .right .renov-date .form-control.k-widget input:-moz-placeholder {
                        color: #333
                    }

            .summary-container .right .renov-date .choose {
                display: inline-block;
                vertical-align: middle;
                margin-left: 15px
            }

        .summary-container .right label {
            font-weight: 400;
            display: block;
            color: #555
        }

        .summary-container .right .city .edit-link .image {
            width: 22px;
            height: 20px;
            overflow: hidden;
            display: inline-block;
            vertical-align: middle;
            position: relative;
            top: -3.5px
        }

            .summary-container .right .city .edit-link .image img {
                display: block;
                position: relative;
                top: -1215px;
                left: -74px
            }

        .summary-container .right .address, .summary-container .right .city {
            max-width: 257px;
            margin-bottom: 23px
        }

            .summary-container .right .city .form-control {
                height: 44px;
                font-size: 16px;
                border-color: #b4b4b4;
                box-sizing: border-box;
                width: 100%
            }

            .summary-container .right .address .form-control {
                height: 44px;
                font-size: 16px
            }

        .summary-container .right .btn1 {
            max-width: 228px;
            text-align: center;
            margin: 0;
            display: inline-block;
            vertical-align: middle
        }

        .summary-container .right .payu {
            display: inline-block;
            vertical-align: middle;
            margin-left: 14px
        }

.ui-dialog[aria-describedby=PreviewSOAT] {
    max-width: 950px !important;
    margin-left: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%)
}

    .ui-dialog[aria-describedby=PreviewSOAT] .ui-dialog-content {
        padding: 0 6px
    }

.ui-dialog[aria-describedby=SOAT_LoadingProcess] {
    max-width: 300px !important
}

    .ui-dialog[aria-describedby=SOAT_LoadingProcess] .fox {
        display: none
    }

    .ui-dialog[aria-describedby=SOAT_LoadingProcess] .right-info {
        width: 100%
    }

.ui-dialog[aria-describedby=SOAT_NewQuote] .ui-dialog-buttonpane .ui-dialog-buttonset button {
    padding: 8px 10px
}

.preview-soat {
    display: block;
    position: relative
}

    .preview-soat .preview-title {
        font-size: 27px;
        color: #999;
        position: relative;
        display: inline-block
    }

        .preview-soat .preview-title span {
            color: #4e2ba4
        }

        .preview-soat .preview-title:after, .preview-soat .preview-title:before {
            content: '';
            position: absolute;
            top: 50%;
            width: 56px;
            height: 3px;
            background-color: #cecece
        }

.contact .info p, .us-banner .fox {
    position: relative
}

.preview-soat .preview-title:before {
    left: -70px
}

.preview-soat .preview-title:after {
    right: -70px
}

.preview-soat #PreviewSOAT_Loading {
    max-width: 70px;
    margin: 10px auto 0;
    display: block
}

.preview-soat #PreviewSOAT_Img {
    width: 100%
}

.soatDatePicker .k-datepicker .k-select {
    display: none
}

#SOATEditInfo_Form_ToShippingAddress:before {
    font-size: 18px
}

#SOATEditInfo_Form .form-control .k-input {
    padding: 10px 0
}

.terms-policy-page {
    padding: 20px 0;
    font-size: 14px;
    font-family: droid_sansregular
}

    .terms-policy-page .title {
        font-family: futura_ltheavy;
        font-size: 25px;
        color: #683cbe;
        margin: 15px 0
    }

    .terms-policy-page .text-content strong {
        font-family: futura_ltheavy;
        font-size: 15px
    }

.busquo-info .who-is .title, .contact .info p span, .contact .title, .us-banner .title {
    font-family: futura_ltbold
}

.terms-policy-page a {
    color: #683cbe
}

.terms-policy-page ol, .terms-policy-page ul {
    margin-bottom: 10px;
    padding-left: 20px
}

.us-banner {
    margin-top: -45px
}

    .us-banner .fox {
        z-index: 1000
    }

    .us-banner .title {
        font-size: 41px;
        color: #1bde8d;
        padding-top: 120px
    }

        .us-banner .title span {
            color: #23a176;
            display: block;
            font-size: 1.14em;
            line-height: 1em
        }

.busquo-info {
    margin: 50px 0 74px
}

    .busquo-info .who-is .title {
        font-size: 35px;
        margin-bottom: 30px
    }

        .busquo-info .who-is .title span {
            color: #683cbe
        }

    .busquo-info .who-is .text {
        font-size: 16px;
        padding-right: 50px
    }

.custom-serv-banner, .us-banner {
    clear: both\9
}

.home-banner .fox-image, .home-banner .right-info {
    margin-top: 0\9
}

    .home-banner .fox-image img, .k-tooltip-validation.k-widget {
        z-index: 999\9
    }

select::-ms-expand {
    display: none
}

@media all and (-ms-high-contrast:none) {
    .custom-serv-banner, .us-banner, ::-ms-backdrop {
        clear: both
    }

    .home-banner .fox-image, .home-banner .right-info {
        margin-top: 0
    }

        .home-banner .fox-image img, .k-tooltip-validation.k-widget {
            z-index: 999
        }

    .quote-results .table-item ul li.coverage ul {
        min-height: initial
    }
}

.contact .title {
    color: #683cbe;
    font-size: 25px
}

.contact .info {
    font-size: 16px;
    padding-left: 36px
}

    .contact .info p:before {
        content: "";
        width: 24px;
        height: 24px;
        display: inline-block;
        background-image: url(../../../Content/Images/icon-sprite.png);
        background-position: 0 -506px;
        position: absolute;
        top: -2px;
        left: -40px
    }

    .contact .info p.city:before {
        background-position: 0 -508px
    }

    .contact .info p.hour:before {
        background-position: -24px -508px
    }

    .contact .info p.office:before {
        background-position: -48px -508px
    }

    .contact .info p span {
        color: #555;
        font-size: 1.1em
    }

    .contact .info p a {
        color: inherit
    }

.custom-serv-banner {
    margin-top: -18px;
    display: inline
}

    .custom-serv-banner .fox {
        position: relative;
        z-index: 1000
    }

    .custom-serv-banner .title {
        font-family: futura_ltheavy;
        font-size: 35px;
        margin-top: 90px;
        margin-left: -15px
    }

        .custom-serv-banner .title span {
            color: #683cbe
        }

.insurance-list-info {
    background: #f6f6f6;
    padding: 38px 26px 38px 33px;
    margin-top: 30px;
}

    .insurance-list-info .title {
        font-family: futura_ltbold;
        color: #683cbe;
        font-size: 25px
    }

    .insurance-list-info .choose-ins {
        margin: 37px 0 30px
    }

        .insurance-list-info .choose-ins .which-is {
            font-size: 18px;
            color: #555;
            padding-top: 10px
        }

        .insurance-list-info .choose-ins .list .select-style {
            max-width: 272px
        }

    .insurance-list-info .insurance-info ul li > img {
        position: relative
    }

    .insurance-list-info .insurance-info ul li span {
        display: block;
        font-family: futura_ltheavy;
        color: #555
    }

    .insurance-list-info .insurance-info ul li a {
        display: block;
        color: #999
    }

    .insurance-list-info .insurance-info ul li.image {
        position: relative;
        overflow: hidden;
        max-width: 130px;
        padding: 0
    }

    .insurance-list-info .insurance-info #InsuranceInfo_AIG ul li.image img, .insurance-list-info .insurance-info #InsuranceInfo_Allianz ul li.image img, .insurance-list-info .insurance-info #InsuranceInfo_Equidad ul li.image img, .insurance-list-info .insurance-info #InsuranceInfo_Generali ul li.image img, .insurance-list-info .insurance-info #InsuranceInfo_Mapfre ul li.image img, .insurance-list-info .insurance-info #InsuranceInfo_Previsora ul li.image img, .insurance-list-info .insurance-info #InsuranceInfo_Solidaria ul li.image img, .insurance-list-info .insurance-info #InsuranceInfo_Sura ul li.image img {
        left: 0
    }

.faq-glossary {
    padding: 30px
}

.faq .title, .glossary .title {
    font-family: futura_ltbold;
    color: #683cbe;
    font-size: 26px
}

.faq .select-question {
    background: #f6f6f6;
    margin: 17px 0 40px;
    padding: 33px 0
}

    .faq .select-question .want-to-know {
        font-size: 18px;
        color: #555;
        padding-top: 10px
    }

    .faq .select-question .select-style {
        max-width: 272px
    }

.faq .ui-accordion {
    font-family: futura_ltregular
}

    .faq .ui-accordion .ui-accordion-header {
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border-bottom: 1px #00dd96 solid;
        background: 0 0;
        color: #555;
        padding: 0 40px 20px 0;
        font-size: 18px;
        position: relative;
        margin-top: 20px
    }

        .faq .ui-accordion .ui-accordion-header .ui-icon {
            position: absolute;
            right: 0;
            top: 0;
            left: auto;
            bottom: auto;
            background-image: url(../../../Content/Images/icon-sprite.png);
            background-position: -30px -581px;
            width: 30px;
            height: 30px;
            margin-top: 0
        }

        .faq .ui-accordion .ui-accordion-header.ui-state-active .ui-icon {
            background-position: 0 -581px
        }

        .faq .ui-accordion .ui-accordion-header:focus {
            outline: 0
        }

    .faq .ui-accordion .ui-accordion-content {
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        color: #999;
        padding: 10px 0 20px
    }

.glossary input.form-control {
    border: 2px solid #a0a0a0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-family: droid_sansregular;
    overflow: hidden
}

.glossary .form-group {
    margin-bottom: 0
}

.glossary .k-autocomplete.k-state-default {
    width: 100%;
    height: 46px
}

.glossary #Glossary_Result {
    background: #f6f6f6;
    font-size: 15px
}

    .glossary #Glossary_Result span {
        padding: 15px;
        display: block
    }

.quote-form .left-text label {
    display: block;
    font-family: futura_ltheavy;
    font-weight: 400;
    color: #555;
    font-size: 18px
}

.quote-form .left-text span {
    display: block;
    padding-left: 37%;
    color: #999 !important;
    font-size: 14px !important
}

.quote-form ul {
    padding-top: 50px
}

    .quote-form ul.no-padd-top {
        padding-top: 0
    }

    .quote-form ul li {
        margin-bottom: 25px
    }

        .quote-form ul li.nomarg {
            margin-bottom: 0
        }

        .quote-form ul li a {
            font-family: futura_ltheavy;
            color: #c9c1d8
        }

            .quote-form ul li a.green {
                color: #23a176;
                text-decoration: underline;
                font-family: futura_ltregular;
                font-size: 17px
            }

        .quote-form ul li.gender label, .quote-form ul li.typehouse span, .quote-form ul li.typeservice span {
            display: block;
            font-size: 18px;
            color: #555;
            font-weight: 400
        }

        .quote-form ul li.gender a, .quote-form ul li.persontype a, .quote-form ul li.typehouse a, .quote-form ul li.typeservice a {
            display: inline-block;
            text-align: center;
            margin-top: 20px
        }

        .quote-form ul li.persontype a {
            margin-top: 0
        }

            .quote-form ul li.gender a:focus, .quote-form ul li.gender a:hover, .quote-form ul li.persontype a:focus, .quote-form ul li.persontype a:hover, .quote-form ul li.typehouse a:focus, .quote-form ul li.typehouse a:hover, .quote-form ul li.typeservice a:focus, .quote-form ul li.typeservice a:hover {
                text-decoration: none
            }

            .quote-form ul li.gender a .image, .quote-form ul li.persontype a .image, .quote-form ul li.typehouse a .image, .quote-form ul li.typeservice a .image {
                width: 52px;
                height: 52px;
                overflow: hidden;
                margin: 0 auto;
                display: block
            }

                .quote-form ul li.typeservice a .image img {
                    position: relative;
                    top: -617px
                }

                .quote-form ul li.persontype a .image img {
                    position: relative;
                    top: -669px
                }

                .quote-form ul li.gender a .image img {
                    position: relative;
                    top: -721px
                }

                .quote-form ul li.typehouse a .image img {
                    position: relative;
                    top: -617px
                }

            .quote-form ul li.persontype a.person2 {
                margin-right: 10px
            }

        .quote-form ul li.typehouse a.house, .quote-form ul li.typeservice a.particular {
            margin-right: 15px
        }

        .quote-form ul li.gender a.female {
            margin-right: 5px
        }

        .quote-form ul li.gender a.female, .quote-form ul li.gender a.male {
            margin-top: 5px
        }

        .quote-form ul li.typeservice a.particular.selected .image img {
            left: -52px
        }

        .quote-form ul li.typeservice a.public .image img {
            left: -104px
        }

        .quote-form ul li.typeservice a.public.selected .image img {
            left: -156px
        }

        .quote-form ul li.persontype a.person2.selected .image img {
            left: -52px
        }

        .quote-form ul li.persontype a.company2 .image img {
            left: -104px
        }

        .quote-form ul li.persontype a.company2.selected .image img {
            left: -156px
        }

        .quote-form ul li.gender a.female.selected .image img {
            left: -52px
        }

        .quote-form ul li.gender a.male .image img {
            left: -104px
        }

        .quote-form ul li.gender a.male.selected .image img {
            left: -156px
        }

        .quote-form ul li.typehouse a.house .image img {
            left: -221px
        }

        .quote-form ul li.typehouse a.house.selected .image img {
            left: -273px
        }

        .quote-form ul li.typehouse a.apartment .image img {
            left: -325px
        }

        .quote-form ul li.typehouse a.apartment.selected .image img {
            left: -377px
        }

        .quote-form ul li.gender a.selected, .quote-form ul li.persontype a.selected, .quote-form ul li.typehouse a.selected, .quote-form ul li.typeservice a.selected {
            color: #683cbe
        }

        .quote-form ul li.gender a .notext {
            text-indent: -9999px;
            display: block
        }

        .quote-form ul li .fasecolda-box {
            background: #f3f3f3;
            max-width: 255px;
            padding: 10px;
            margin-top: 15px
        }

            .quote-form ul li .fasecolda-box span {
                font-family: futura_ltheavy;
                color: #555;
                font-size: 22px;
                line-height: 1em
            }

.quote-form .form-group label, .quote-form label {
    color: #555;
    font-weight: 400;
    font-size: 18px;
    display: block
}

.quote-form .purple-date {
    color: #4e2ba4;
    font-family: futura_ltbold;
    font-size: 18px
}

.quote-form .form-group .block {
    display: block
}

.quote-form .form-group {
    max-width: 350px
}

    .quote-form .form-group.ss {
        max-width: 254px
    }

    .quote-form .form-group .radio-input, .quote-form .form-group .radio-text {
        margin-top: 15px !important
    }

    .quote-form .form-group .num-id {
        margin-top: 5px !important
    }

    .quote-form .form-group > .form-control {
        border-color: #b4b4b4;
        height: 46px;
        display: block;
        width: 100%;
        box-sizing: border-box
    }

        .quote-form .form-group > .form-control.k-dropdown {
            overflow: visible
        }

        .quote-form .form-group > .form-control[type=radio] {
            width: 24px;
            height: 24px;
            display: table;
            float: left;
            margin: 0
        }

        .quote-form .form-group > .form-control.num-id {
            display: inline-block;
            max-width: 200px;
            float: right
        }

        .quote-form .form-group > .form-control.k-datepicker {
            max-width: 160px
        }

            .quote-form .form-group > .form-control.k-datepicker.inline {
                display: inline-block;
                vertical-align: middle
            }

    .quote-form .form-group > .radio-text {
        display: block;
        float: left;
        padding-top: 3px;
        margin: 0 18px 0 7px;
        color: #555
    }

    .quote-form .form-group .btn-group {
        margin-bottom: 9px
    }

        .quote-form .form-group .btn-group .btn {
            width: 71px;
            border-radius: 0;
            color: #b4b4b4;
            background-color: #fff;
            font-family: droid_sansregular;
            font-size: 16px;
            border-color: #b4b4b4;
            border-width: 2px;
            line-height: 1em;
            padding: 12px 0
        }

            .quote-form .form-group .btn-group .btn.active {
                background-color: #23a176;
                color: #fff;
                -webkit-box-shadow: none;
                box-shadow: none
            }

    .quote-form .form-group .inline-checkbox {
        margin-top: 5px
    }

        .quote-form .form-group .inline-checkbox input {
            display: inline-block;
            vertical-align: middle;
            margin-right: 1px
        }

        .quote-form .form-group .inline-checkbox span {
            display: inline-block;
            vertical-align: middle
        }

.quote-form .checkbox-content .checkbox-text {
    position: relative;
    top: 0;
    font-size: 18px;
    width: 51%;
    display: block;
    font-family: futura_ltregular;
    float: left
}

    .quote-form .checkbox-content .checkbox-text a {
        font-family: futura_ltregular;
        color: #23a176;
        text-decoration: underline
    }

        .quote-form .checkbox-content .checkbox-text a:hover {
            text-decoration: none
        }

.quote-form .checkbox-content .k-widget.k-tooltip-validation {
    right: inherit;
    left: 0;
    bottom: -40px
}

.quote-form .btn1 {
    margin: 50px auto
}

    .quote-form .btn1.soat_form {
        margin: 50px 0;
        background-color: #23a176;
        color: #fff;
        max-width: 161px;
        text-align: center;
        outline-color: #71a98c;
        text-shadow: -2px -1px 1px #1a7757;
        border-color: #c9b3a6
    }

.quote-form #QuoteForm_Status {
    color: #ff4f11;
    margin-top: 60px;
    text-transform: uppercase;
    font-family: futura_ltheavy;
    font-size: 18px
}

.quote-form .form-group .calendar-image {
    width: 45px;
    height: 43px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    margin-right: 8px
}

    .quote-form .form-group .calendar-image img {
        position: relative;
        top: -1143px;
        left: 0
    }

.quote-form .form-group.left-error .k-widget.k-tooltip-validation {
    right: auto;
    left: 57px
}

.quote-form textarea.form-control {
    height: 75px !important;
    resize: none
}

.quote-form .car-info .container-fluid {
    position: relative
}

.quote-form .car-info .vehicle-fox {
    max-width: 165px;
    position: absolute;
    left: -50px;
    bottom: 0
}

.quote-form .car-info ul {
    text-align: center;
    padding: 15px 0 10px;
    margin-bottom: 0
}

    .quote-form .car-info ul li {
        display: inline-block;
        border-right: 1px #aeaeae solid;
        padding: 0 30px 0 16px;
        vertical-align: top;
        margin-bottom: 0;
        min-height: 70px
    }

        .quote-form .car-info ul li:last-child {
            border-right: none
        }

        .quote-form .car-info ul li.reference {
            max-width: 205px
        }

        .quote-form .car-info ul li.plate {
            max-width: 106px
        }

        .quote-form .car-info ul li .fasecolda label, .quote-form .car-info ul li.fasecolda label {
            display: inline-block
        }

        .quote-form .car-info ul li label {
            font-family: futura_ltheavy;
            font-size: 14px
        }

        .quote-form .car-info ul li.your label {
            font-size: 25px
        }

        .quote-form .car-info ul li a, .quote-form .car-info ul li span {
            color: #7c7b7b;
            display: block;
            font-size: 14px
        }

        .form-steps .mobile-steps, .quote-form .car-info ul li .show-tab {
            display: none
        }

        .quote-form .car-info ul li a {
            text-decoration: underline;
            font-family: futura_ltregular;
            color: #23a176
        }

            .quote-form .car-info ul li a:hover {
                text-decoration: none
            }

        .quote-form .car-info ul li label, .quote-form .car-info ul li span {
            text-align: left
        }

        .quote-form .car-info ul li span, .quote-form .car-info ul li.plate input {
            font-size: 12px
        }

        .quote-form .car-info ul li.your a, .quote-form .car-info ul li.your label {
            text-align: right
        }

        .quote-form .car-info ul li.plate input {
            width: 100%;
            border: none;
            background: 0 0;
            color: #7c7b7b
        }

.form-steps {
    margin: 30px 0
}

    .form-steps .mobile-steps img {
        display: block;
        margin: 0 auto;
        max-width: 299px;
        width: 98%
    }

    .form-steps ul {
        text-align: center;
        font-family: futura_ltbold;
        font-size: 14px;
        padding: 0
    }

        .form-steps ul li {
            display: inline-block
        }

            .form-steps ul li .image {
                overflow: hidden;
                height: 28px;
                display: inline-block;
                margin-right: 10px
            }

            .form-steps ul li .arrow {
                width: 12px;
                height: 21px;
                overflow: hidden;
                display: inline-block;
                margin: 0 18px
            }

                .form-steps ul li .arrow img {
                    position: relative;
                    top: -775px;
                    left: -104px
                }

            .form-steps ul li i {
                color: #47e7b3;
                padding: 0 18px;
                font-size: 35px
            }

            .form-steps ul li .image img {
                position: relative;
                top: -803px
            }

            .form-steps ul li.active .image img {
                top: -775px
            }

            .form-steps ul li.one .image {
                width: 38px
            }

            .form-steps ul li.two .image {
                width: 47px
            }

            .form-steps ul li.three .image {
                width: 19px
            }

            .form-steps ul li.two .image img {
                left: -38px
            }

            .form-steps ul li.three .image img {
                left: -85px
            }

            .form-steps ul li span {
                color: #c4c5c5;
                vertical-align: super
            }

            .form-steps ul li.active span {
                color: #555
            }

.steps-bottom-line {
    height: 2px
}

.form-bottom-info {
    background: #baf5dd;
    max-width: 917px;
    color: #52987e;
    padding: 20px 0;
    margin: 0 auto 68px
}

    .form-bottom-info .image {
        width: 79px;
        height: 81px;
        overflow: hidden
    }

        .form-bottom-info .image img {
            position: relative;
            left: -328px;
            top: -333px
        }

    .form-bottom-info .title {
        font-family: futura_ltheavy;
        font-size: 33px;
        line-height: 1.2em;
        padding-left: 10px
    }

    .form-bottom-info ol {
        font-family: futura_ltheavy;
        font-size: 16px
    }

        .form-bottom-info ol li {
            margin-bottom: 10px
        }

            .form-bottom-info ol li span {
                font-family: futura_ltregular
            }

    .form-bottom-info .left-info {
        padding-right: 45px;
        border-right: 3px #a5e2ca solid
    }

    .form-bottom-info .right-info {
        padding-left: 40px
    }

.house-location {
    margin-bottom: 20px
}

    .house-location .checkbox-container, .house-location .checkbox-text {
        display: block;
        float: left
    }

        .house-location .checkbox-container.lm {
            margin-left: 20px
        }

.social-group {
    display: block;
    float: left;
    font-family: futura_ltheavy;
    margin-right: 24px
}

    .social-group input, .social-group span {
        display: block;
        text-align: center;
        color: #555
    }

    .social-group span {
        margin-top: 5px
    }

@keyframes loading-anim {
    from {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.loading {
    display: block;
    text-align: center;
    margin-bottom: 50px
}

    .loading img {
        display: inline-block;
        width: 60px
    }

    .loading .text {
        display: inline-block;
        font-size: 16px;
        margin-left: 10px
    }

.quote-info .assesor label, .quote-info .vehicle .found {
    font-family: futura_ltheavy;
    font-size: 13px
}

.quote-info {
    color: #555
}

    .quote-info .vehicle {
        display: table;
        min-height: 48px
    }

        .quote-info .vehicle .found {
            max-width: 170px;
            margin-right: 15px
        }

        .quote-info .vehicle .car-info, .quote-info .vehicle .found {
            display: table-cell;
            vertical-align: middle;
            padding-left: 15px
        }

            .quote-info .vehicle .car-info .value {
                margin-top: 5px;
                font-weight: 400
            }

                .quote-info .vehicle .car-info .value i {
                    font-style: normal
                }

    .quote-info .assesor {
        display: table
    }

        .quote-info .assesor label {
            color: #555;
            padding-right: 15px
        }

        .quote-info .assesor .image {
            width: 48px;
            height: 48px;
            overflow: hidden;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px
        }

            .quote-info .assesor .image img {
                width: 100%
            }

        .quote-info .assesor .image, .quote-info .assesor .name, .quote-info .assesor label {
            display: table-cell;
            vertical-align: middle
        }

            .quote-info .assesor .image.mobile {
                display: none
            }

        .quote-info .assesor .name {
            padding-left: 5px
        }

            .quote-info .assesor .name a {
                color: #555;
                display: block
            }

        .filter-box .mobile-filter, .quote-info .assesor .mobile-call {
            display: none
        }

.filter-box {
    margin-top: 60px
}

    .filter-box .form-control {
        height: 39px;
        box-sizing: border-box;
        width: 100%
    }

    .filter-box .form-group label {
        color: #555;
        font-family: futura_ltregular;
        font-weight: 400
    }

    .filter-box ul {
        padding-left: 0
    }

        .filter-box ul li .filter-fox {
            position: relative;
            margin-top: -80px;
            width: 246px;
            top: 19px
        }

    .filter-box .k-dropdown:after {
        width: 45px;
        height: 35px;
        background-position: -43px -534px
    }

.quote-results, .quote-results ul {
    padding: 0;
    display: table;
    width: 100%;
    table-layout: fixed
}

    .quote-results .table-header {
        color: #fff;
        padding: 0;
        display: table;
        width: 100%
    }

        .quote-results .table-header.fixed {
            position: fixed;
            top: 0;
            z-index: 1;
            max-width: 1110px
        }

        .quote-results .table-header li {
            display: table-cell;
            width: 20%;
            text-align: center;
            vertical-align: middle;
            border-right: 1px #9374d0 solid;
            position: relative;
            padding: 12px 0 15px;
            background: #683cbe;
            font-family: futura_ltheavy
        }

            .quote-results .table-header li:last-child {
                border-right: none
            }

            .quote-results .table-header li:before {
                content: "";
                display: block;
                position: absolute;
                left: 50%;
                bottom: -10px;
                margin-left: -10px;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 10px 10px 0;
                border-color: #683cbe transparent transparent
            }

            .quote-results .table-header li.sinister div {
                display: block;
                float: left;
                width: 50%;
                font-family: futura_ltregular
            }

    .new-quote-msg .home-link, .new-quote-msg .title span, .new-quote-msg .warning-info span, .quote-results .table-item ul li .number, .quote-results .table-item ul li.sinister span.block, .renew-quote .title, .results-bottom-info .title, .warning-info .title {
        font-family: futura_ltheavy
    }

    .quote-results .table-header li.sinister div:nth-child(2) {
        border-right: 1px #9374d0 solid
    }

    .quote-results .table-header label {
        font-weight: 400
    }

    .quote-results li:nth-child(2) ul li {
        padding-top: 20px
    }

    .quote-results .table-item-selected {
        border: 1px solid #683cbe
    }

    .quote-results .table-item ul li {
        display: table-cell;
        width: 20%;
        vertical-align: middle;
        border: 1px solid #c7c8c8;
        padding: 10px 10px 13px;
        border-left: none;
        border-top: none;
        background: 0 0
    }

        .quote-results .table-item ul li:first-child {
            border-left: 1px #c7c8c8 solid
        }

    .quote-results .table-item ul {
        min-height: 141px
    }

        .quote-results .table-item ul li.sinister div {
            display: block;
            float: left;
            width: 50%
        }

        .quote-results .table-item ul li.insurance img {
            display: block;
            margin: 10px auto 0;
            width: 100%;
            max-width: 95px
        }

        .quote-results .table-item ul li.sinister div:last-child {
            /*border-left: 1px #c7c8c8 solid;*/
            padding-left: 15px
        }

        .quote-results .table-item ul li.insurance span {
            text-align: center;
            display: block;
            font-family: futura_ltheavy;
            font-size: 12px
        }

    .quote-results .table-item a {
        color: #23a176;
        text-decoration: underline
    }

        .quote-results .table-item a.btn1 {
            max-width: 100px;
            color: #fff;
            text-decoration: none;
            text-transform: initial;
            padding: 2px 18px;
            font-size: 13px;
            text-align: center
        }

        .quote-results .table-item a:hover {
            text-decoration: none
        }

    .quote-results .table-item ul li label {
        font-weight: 400
    }

    .quote-results .table-item ul li .block {
        display: block
    }

    .quote-results .table-item ul li .inlineblock {
        display: inline-block
    }

    .quote-results .table-item ul li .number {
        color: #555
    }

    .quote-results .table-item ul li.cost .number {
        position: relative;
        top: 0;
        margin-right: 10px;
        min-width: 91px;
        text-align: right
    }

    .quote-results .table-item ul li.cost .number.vd {
        font-size: 16px;
    }

    .quote-results .table-item .mobile-actions {
        display: none
    }

    .quote-results .table-header .insurance, .quote-results .table-item ul li.insurance {
        width: 10.6%
    }

    .quote-results .table-header .damage, .quote-results .table-item ul li.damage {
        width: 13.3%
    }

    .quote-results .table-header .sinister, .quote-results .table-item ul li.sinister {
        width: 18%
    }

    .quote-results .table-header .coverage, .quote-results .table-item ul li.coverage {
        width: 23.4%
    }

    .quote-results .table-header .cost, .quote-results .table-item ul li.cost {
        width: 23.4%
    }

    .quote-results .table-item ul li.coverage ul {
        min-height: inherit;
        display: inline-block;
        vertical-align: middle;
        max-width: 70%;
        height: 28px;
        overflow: hidden
    }
    .quote-results .table-item ul li.coverage ul.block-icons {
        height: 49px;
    }

        .quote-results .table-item ul li.coverage ul li {
            border: none;
            display: block;
            float: left;
            width: 20%;
            padding: 0
        }
            .quote-results .table-item ul li.coverage ul li.block-item-icon {
                width: 27%;
            }

            .quote-results .table-item ul li.coverage ul li img {
                max-width: 28px;
                display: block;
                margin: 0 auto;
                width: 100%;
                -webkit-filter: grayscale(100%);
                -moz-filter: grayscale(100%);
                -ms-filter: grayscale(100%);
                -o-filter: grayscale(100%);
                filter: grayscale(100%);
                filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
                filter: gray;
                -webkit-transition: all .35s ease-in-out;
                -moz-transition: all .35s ease-in-out;
                -o-transition: all .35s ease-in-out;
                transition: all .35s ease-in-out
            }
            .quote-results .table-item ul li.coverage ul li img {
                max-width: 43px;
                
            }

                .quote-results .table-item ul li.coverage ul li img:hover {
                    -webkit-filter: grayscale(0);
                    filter: grayscale(0)
                }

.results-bottom-info {
    margin: 50px 0 40px
}

    .results-bottom-info .title {
        font-size: 28px;
        margin-bottom: 35px;
        padding: 0 25%
    }

    .results-bottom-info .email {
        border-right: 1px #c4c5c5 solid
    }

    .results-bottom-info .assesor, .results-bottom-info .email {
        color: #555
    }

        .results-bottom-info .assesor .image, .results-bottom-info .email .image {
            width: 54px;
            height: 39px;
            margin: 0 auto;
            overflow: hidden
        }

.new-quote-msg, .warning-info {
    margin-left: 15px;
    margin-right: 15px
}

.results-bottom-info .assesor .image img, .results-bottom-info .email .image img {
    position: relative;
    top: -833px
}

.results-bottom-info .assesor .image img {
    left: -54px
}

.results-bottom-info .description {
    font-size: 20px;
    margin-top: 15px;
    padding: 0 20%
}

.warning-info {
    background: #baf5dd;
    color: #52987e;
    font-size: 16px;
    padding: 30px 0 15px;
    margin-bottom: 45px
}

    .warning-info .left {
        border-right: 1px #78bea4 solid;
        padding: 0 10% 0 13%
    }

    .warning-info .right {
        padding: 0 19% 0 4%
    }

    .warning-info .title {
        font-size: 24px
    }

        .warning-info .title span {
            color: #2c604d
        }

.invalid-quoute {
    position: fixed;
    z-index: 9999;
    text-align: center;
    width: 100%;
    padding: 12px;
    top: 0;
    animation: colorchangeIquote 2s;
    -webkit-animation: colorchangeIquote 2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

    .invalid-quoute form {
        float: right
    }

@keyframes colorchangeIquote {
    100% {
        background: #e28c8c
    }
}

@-webkit-keyframes colorchangeIquote {
    100% {
        background: #e28c8c
    }
}

.new-quote-msg {
    position: relative
}

    .new-quote-msg .title {
        font-size: 30px;
        margin-top: 50px
    }

        .new-quote-msg .title span {
            color: #555;
            display: block
        }

    .new-quote-msg .next-steps {
        padding: 0;
        max-width: 550px;
        margin: 45px auto 35px
    }

        .new-quote-msg .next-steps li {
            color: #555
        }

            .new-quote-msg .next-steps li .image {
                display: inline-block;
                width: 51px;
                height: 34px;
                overflow: hidden
            }

                .new-quote-msg .next-steps li .image img {
                    position: relative;
                    top: -877px
                }

                .new-quote-msg .next-steps li .image.two img {
                    left: -51px
                }

                .new-quote-msg .next-steps li .image.three img {
                    left: -102px
                }

                .new-quote-msg .next-steps li .image.four img {
                    left: -153px
                }

            .new-quote-msg .next-steps li p {
                display: inline-block;
                margin-left: 25px;
                width: 83%;
                font-size: 18px;
                margin-bottom: 25px;
                vertical-align: top
            }

    .new-quote-msg .home-link {
        color: #23a176;
        text-decoration: underline;
        display: block;
        text-align: center;
        margin-top: 12px
    }

        .new-quote-msg .home-link:hover {
            text-decoration: none
        }

    .new-quote-msg .btn1 {
        max-width: 270px;
        text-align: center;
        font-size: 18px
    }

    .new-quote-msg .warning-info {
        margin: 70px 0 15px
    }

        .new-quote-msg .warning-info span {
            font-size: 24px;
            color: #2c604d
        }

        .new-quote-msg .warning-info ul {
            padding-right: 20%
        }

            .new-quote-msg .warning-info ul li {
                margin-bottom: 10px
            }

    .new-quote-msg .left-fox {
        position: absolute;
        top: -100px;
        left: 0
    }

.renew-quote {
    margin: 70px 15px 100px
}

    .renew-quote .title {
        color: #5e3eba;
        font-size: 40px
    }

    .renew-quote .subtitle {
        color: #7d7d7d;
        font-size: 28px;
        margin: 40px 0
    }

    .renew-quote .description .image {
        width: 35px;
        height: 46px;
        overflow: hidden;
        display: inline-block
    }

        .renew-quote .description .image img {
            top: -915px;
            left: 0;
            position: relative
        }

    .renew-quote .description p {
        display: inline-block;
        font-size: 20px;
        max-width: 375px;
        text-align: left;
        margin-left: 15px;
        vertical-align: top
    }

.slider {
    box-shadow: 0 0 0 -5px rgba(0,0,0,.125);
    margin: auto;
    overflow: hidden;
    position: relative;
    display: flex;
    min-width: inherit
}

    .slider::after, .slider::before {
        content: "";
        height: 110px;
        position: absolute;
        width: 200px;
        z-index: 2
    }

    .slider::after {
        right: 0;
        top: 0;
        transform: rotateZ(180deg)
    }

    .slider::before {
        left: 0;
        top: 0
    }

    .slider .slide-track {
        animation: scrollLogos 40s linear infinite;
        display: flex;
        width: calc(110px * 20)
    }
/* LINEA 4597 */
.TitleBannerLeal {
    text-align: left;
    color: #23a176;
    line-height: 1.3em;
    font-size: 65px;
}

.DescriptionBannerLeal {
    text-align: left;
    color: #666;
    font-size: 20px;
}


.TitleBannerAlfred{
    text-align: left;
    color: #23a176;
    line-height: 1.3em;
    font-size: 65px;
}

.DescriptionBannerAlfred{
    color: #53deb1;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.1em;
    text-align: left;
    font-size: 0.5em;
    width: 60%
}

.TitleBannerMovin {
    text-align: left;
    color: #23a176;
    line-height: 1.3em;
    font-size: 65px;
}

.DescriptionBannerMovin {
    text-align: left;
    color: #666;
    font-size: 20px;
}

@media (max-width:1286px) {
    footer .top-info .container-fluid .row .footer-fox {
        right: 0;
        top: 93px;
        max-width: 160px
    }

    .landing-banner .text .lineone {
        font-size: 20px
    }
}

@media (max-width:1127px) {
    .home-banner .right-info .top-text {
        font-size: 16px
    }

        .home-banner .right-info .top-text .title span:after, .home-banner .right-info .top-text .title span:before {
            width: 57px
        }

    .home-banner .right-info form input {
        max-width: 190px;
        font-size: 12px;
        margin: 0 auto
    }

    .home-banner .btn1.car {
        max-width: 189px;
        padding: 16px 57px 16px 13px
    }

        .home-banner .btn1.car:before {
            right: 3%
        }

    .home-banner .right-info .bottom-link {
        padding-left: 3%
    }

    .landing-banner .text .lineone {
        font-size: 20px
    }
}

@media (max-width:1120px) {
    .landing-banner .text .lineone {
        font-size: 20px
    }

    .landing-banner .text .discount {
        font-size: 38px
    }

    .landing-banner .text .linetwo {
        font-size: 20px
    }
}

@media (max-width:1112px) {
    .coverage .cov-box .text {
        font-size: 13px
    }
}

@media (max-width:1080px) {
    footer .top-info .follow .follow-text {
        display: block
    }
}

@media screen and (min-width:1061px) and (max-width:1183px) {
    .SOATStart_Form .form-group .SOATStart_Form_Plate {
        width: 111px
    }

    .SOATStart_Form .form-group .SOATStart_Form_Phone {
        width: 144px
    }

    .SOATStart_Form .form-group .SOATStart_Form_Email {
        width: 214px
    }
    /* LINEA 4693 */
    .TitleBannerLeal {
        text-align: left;
        color: #23a176;
        line-height: 1.3em;
        font-size: 60px;
    }

    .DescriptionBannerLeal {
        text-align: left;
        color: #666;
        font-size: 18px;
    }
    
    .TitleBannerAlfred{
    text-align: left;
    color: #23a176;
    line-height: 1.3em;
    font-size: 60px;
}

.DescriptionBannerAlfred{
    color: #53deb1;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.1em;
    text-align: left;
    font-size: 18px;
    width: 60%
}

    bg-banner-landing.new-soatLeal {
        background-position: 50% 0;
    }

    .TitleBannerMovin {
        text-align: left;
        color: #23a176;
        line-height: 1.3em;
        font-size: 60px;
    }

    .DescriptionBannerMovin {
        text-align: left;
        color: #666;
        font-size: 18px;
    }

    bg-banner-landing.new-soatMovin {
        background-position: 50% 0;
    }

    .SOATStart_Form > div.button a {
        max-width: 179px
    }

    .SOATStart_Form > div.Vtype-options {
        width: 80%
    }

    .SOATStart_Form .form-group.SOATVehicleType_Form_Model .btn-group .btn, .SOATStart_Form .form-group.SOATVehicleType_Form_Subtype .btn-group .btn {
        padding: 11px 5px
    }
}

@media (max-width:1060px) {
    .new-quote-msg .left-fox {
        max-width: 230px;
        top: -132px
    }

    .bg-banner-landing.new-soat {
        background-image: url(../../../Content/Images/banner-soat-landing-tablet2.png)
    }

    .soat-form-container {
        padding: 0
    }

    .SOATStart_Form {
        margin: 0;
        padding-bottom: 95px
    }

        .SOATStart_Form > div {
            width: 49.6%;
            margin-left: 0;
            margin-bottom: 35px
        }

            .SOATStart_Form > div .form-group {
                display: block
            }

        .SOATStart_Form .form-group .SOATStart_Form_Document, .SOATStart_Form .form-group .SOATStart_Form_Email, .SOATStart_Form .form-group .SOATStart_Form_Phone, .SOATStart_Form .form-group .SOATStart_Form_Plate {
            width: 100%
        }

        .SOATStart_Form .form-group .SOATStart_Form_TypeDocument {
            width: 31%
        }

        .SOATStart_Form .form-group .SOATStart_Form_Document {
            width: 69%;
            margin-left: -6px
        }

        .SOATStart_Form > div.checkbox-container {
            width: 100%;
            text-align: left;
            margin: 0
        }

        .SOATStart_Form > div.button {
            position: absolute;
            bottom: 25px;
            left: 0;
            width: 100%;
            margin-bottom: 0
        }

        .SOATStart_Form > div:first-child .k-widget.k-tooltip-validation {
            bottom: -23px
        }

        .SOATStart_Form > div.button a {
            font-size: 18px
        }

    .home-bottom-info.soat .right-text:before {
        right: 15px
    }

    .policy-steps.soat {
        padding-top: 57px
    }

    .SOATStart_Form.VehicleType {
        margin-left: 0;
        margin-right: 0;
        padding: 43px 4.8% 71px
    }

    .SOATStart_Form .no-vehicle-info {
        width: 91%;
        left: 4.5%;
        top: -40px
    }

        .SOATStart_Form .no-vehicle-info span {
            display: block
        }

    .SOATStart_Form > div:nth-child(1), .SOATStart_Form > div:nth-child(3) {
        padding-right: 0
    }

    .SOATStart_Form > div:nth-child(2), .SOATStart_Form > div:nth-child(4) {
        padding-left: 0
    }

    .SOATStart_Form .form-group .SOATVehicleType_Form_VehicleType {
        width: 100%
    }

    .SOATStart_Form .form-group.SOATVehicleType_Form_Model .btn-group .btn, .SOATStart_Form .form-group.SOATVehicleType_Form_Subtype .btn-group .btn {
        white-space: normal;
        padding: 7.5px;
        font-size: 13px;
        line-height: 1em;
        position: relative
    }

    .SOATStart_Form.VehicleType > div.v_type {
        width: 24.1%
    }

    .SOATStart_Form.VehicleType > div.v_model {
        width: 28.05%;
        margin-left: 1.5%
    }

    .SOATStart_Form.VehicleType > div.v_subtype {
        width: 41.8%;
        margin-left: 3.3%
    }

    .SOATStart_Form .form-group.SOATVehicleType_Form_Model .btn-group .btn:last-child {
        margin-left: 4.8%
    }

    .SOATStart_Form .form-group.SOATVehicleType_Form_Subtype .btn-group .btn {
        margin-right: 4%;
        margin-left: 0
    }

        .SOATStart_Form .form-group.SOATVehicleType_Form_Subtype .btn-group .btn:last-child {
            margin-right: 0;
            margin-left: 0
        }

    .SOATStart_Form .form-group.SOATVehicleType_Form_Model .btn-group .btn {
        width: 47.5%
    }

    .SOATStart_Form .form-group.SOATVehicleType_Form_Subtype .btn-group .btn {
        width: 30.5%;
        padding: 7.5px 3px
    }

    .SOATStart_Form .form-group.SOATVehicleType_Form_Subtype .btn-group.two .btn {
        width: 40.5%
    }

    .SOATStart_Form > div.back {
        margin-bottom: 0;
        width: 36.7%;
        text-align: right
    }

    .SOATStart_Form.VehicleType > div.button {
        width: auto;
        left: 40%
    }

    .SOATStart_Form > div.Vtype-options {
        width: 75%
    }

    .SOATStart_Form.VehicleType > div.Vtype-options .button {
        position: absolute;
        bottom: 25px;
        left: 47%
    }

        .SOATStart_Form.VehicleType > div.Vtype-options .button a {
            font-size: 18px
        }

    .SOATStart_Form > div.back {
        position: absolute;
        bottom: 35px;
        left: 7%
    }

    .form-bottom-info.soat .left-info {
        padding-right: 15px
    }

    .form-bottom-info.soat {
        margin-bottom: 23px
    }

    .policy-steps.soat.error {
        padding-top: 25px;
        padding-bottom: 50px
    }

    .vehicle-info-container {
        background: #f3f3f3
    }

    .vehicle_info > div {
        padding: 0 15px
    }

    .summary-container {
        margin-bottom: 30px
    }

        .summary-container .left > div {
            margin-left: 2%
        }

        .summary-container .box-title span {
            top: 0;
            left: 0;
            display: block;
            margin-top: 10px;
            max-width: 305px
        }

        .summary-container .right .renov-date .choose {
            display: block;
            margin: 15px 0 30px
        }

    .form-bottom-info.summary {
        margin-bottom: 15px
    }

        .form-bottom-info.summary .right-info {
            padding-left: 10px
        }

            .form-bottom-info.summary .right-info ol {
                max-width: none
            }
}

@media (max-width:991px) {
    .navbar-brand {
        padding: 10px
    }

    .header .navbar .navbar-nav li a {
        padding: 35px 15px
    }

    .header .top-menu-info {
        padding-right: 30px
    }

    .header .navbar-brand {
        padding-left: 15px;
        margin-right: 0
    }

    .btn1 {
        font-size: 14px
    }

        .btn1.car {
            max-width: 188px
        }

            .btn1.car:before {
                top: 13%
            }

        .btn1.car, .btn1.home {
            padding: 11px 84px 11px 20px
        }

            .btn1.home:before {
                top: 8%
            }

        .btn1.soat:before {
            top: 30%
        }

    footer .top-info .box .oneline {
        display: block
    }

    footer .top-info .box span.oneline {
        margin-bottom: 0
    }

    footer .bottom-links a {
        padding: 0 12px;
        font-size: 12px
    }

    footer .top-info .follow a i:before {
        width: 23px;
        height: 23px;
        padding: 5px
    }

    footer .top-info .follow a {
        margin: 0 2px
    }

    footer .top-info {
        padding: 50px 0 30px
    }

        footer .top-info .container-fluid .row .footer-fox {
            top: inherit;
            bottom: -40px;
            right: 30px;
            max-width: 136px
        }

    .partnerships {
        text-align: left;
        padding-left: 32px
    }

        .partnerships span {
            padding: 0
        }

    .quote-now-links .left-text .top-line {
        font-size: 32px;
        text-align: left
    }

    .quote-now-links .left-text .bottom-line {
        text-align: left;
        font-size: 22px
    }

    .us-banner {
        margin-top: -15px
    }

        .us-banner .title {
            font-size: 30px;
            padding-top: 60px;
            padding-left: 15px
        }

        .us-banner .fox {
            max-width: 180px
        }

    .policy-steps .steps .step .description {
        padding: 0 30px
    }

    .home-banner {
        margin-top: 15px
    }

        .home-banner .right-info .top-text {
            padding-top: 25px;
            font-size: 15px
        }

        .home-banner .right-info form input {
            height: 46px;
            width: 90%
        }

        .home-banner .btn1.car {
            padding: 13px 57px 13px 13px;
            max-width: 179px
        }

        .home-banner .fox-image img {
            max-width: 370px
        }

    .home-bottom-info .blog-boxes .box .content {
        text-align: center;
        height: auto
    }

    .home-bottom-info .blog-boxes .box .image {
        margin-bottom: 10px
    }

    .home-bottom-info .right-text ul {
        padding-left: 20px;
        padding-right: 20px
    }

        .home-bottom-info .right-text ul li {
            padding-left: 0
        }

    .home-bottom-info .left-info {
        padding: 0 15px
    }

    .home-bottom-info .directory .title {
        font-size: 2.4vw;
        margin-bottom: 5px
    }

    .home-bottom-info .title {
        font-size: 3.5vw
    }

    .bg-banner-landing {
        background: url(../../../Content/Images/banner-car-landing-tablet.png) 95% 0;
        background-size: cover
    }

    bg-banner-landing-Allianz {
        background: url(../../../Content/Images/Allianz_Busqo_Landing_mobile.jpg) 95% 0;
        background-size: cover
    }

    bg-banner-landing-Sura {
        background: url(../../../Content/Images/Sura_Busqo_Landing_mobile.jpg) 95% 0;
        background-size: cover
    }

    bg-banner-landing-Equidad {
        background: url(../../../Content/Images/Equidad_Busqo_Landing_mobile.jpg) 95% 0;
        background-size: cover
    }

    bg-banner-landing-Chevrolet {
        background: url(../../../Content/Images/Chevrolet_Busqo_Landing_m.jpg) 95% 0;
        background-size: cover
    }

    bg-banner-landing-Renault {
        background: url(../../../Content/Images/Renault_Busqo_Landing_m.jpg) 95% 0;
        background-size: cover
    }

    bg-banner-landing-Toyota {
        background: url(../../../Content/Images/Toyota_Busqo_Landing_m.jpg) 95% 0;
        background-size: cover
    }

    bg-banner-landing-Kia {
        background: url(../../../Content/Images/Kia_Busqo_Landing_m.jpg) 95% 0;
        background-size: cover
    }

    bg-banner-landing-kushki {
        background: url(../../../Content/Images/kushki_Busqo_Landing_m.jpg) 95% 0;
        background-size: cover
    }

    bg-banner-landing-Liberty {
        background: url(../../../Content/Images/Liberty_Busqo_Landing_m.jpg) 95% 0;
        background-size: cover
    }

    bg-banner-landing-Axa {
        background: url(../../../Content/Images/Axa_Busqo_Landing_m.jpg) 95% 0;
        background-size: cover
    }

    bg-banner-landing-Bolivar {
        background: url(../../../Content/Images/Bolivar_Busqo_Landing_m.jpg) 95% 0;
        background-size: cover
    }

    bg-banner-landing-Hdi {
        background: url(../../../Content/Images/Hdi_Busqo_Landing_m.jpg) 95% 0;
        background-size: cover
    }

    bg-banner-landing-Previsora {
        background: url(../../../Content/Images/Previsora_Busqo_Landing_m.jpg) 95% 0;
        background-size: cover
    }

    bg-banner-landing-Sbs {
        background: url(../../../Content/Images/Sbs_Busqo_Landing_m.jpg) 95% 0;
        background-size: cover
    }

    bg-banner-landing-Mapfre {
        background: url(../../../Content/Images/Mapfre_Busqo_Landing_m.jpg) 95% 0;
        background-size: cover
    }

    .bg-banner-landing.soat .landing-banner .text {
        padding-left: initial;
        text-align: center
    }

    .landing-banner .text {
        margin-bottom: 15px;
        text-align: left
    }

        .landing-banner .text .lineone {
            font-size: 25px
        }

        .landing-banner .text .discount {
            font-size: 60px
        }

        .landing-banner .text .linetwo {
            font-size: 20px
        }

    .landing-banner #QuotePlate_Form input {
        max-width: 186px;
        height: 42px;
        font-size: 12px;
        padding: 6px 8px
    }

    .landing-banner #QuotePlate_Form a.bottom-link {
        float: none;
        position: absolute;
        top: -64px;
        left: 214px
    }

    .landing-banner #QuotePlate_Form .btn1.car, .landing-banner #QuotePlate_Form .btn1.motorbike, .landing-banner .btn1.home, .landing-banner .btn1.soat {
        display: initial;
        display: inline-block
    }

    .landing-banner .k-widget.k-tooltip-validation {
        top: -16px
    }

    .bg-banner-landing.home .landing-banner .btn1 {
        margin: 0
    }

    .bg-banner-landing.soat .landing-banner .btn1 {
        margin: 0 0 0 167px
    }

    .coverage .cov-box .text {
        font-size: 15px
    }

    .quote-form .checkbox-content .checkbox-text {
        width: 72%
    }

    .quote-form .car-info ul li .show-tab {
        display: block;
        margin-top: 10px
    }

    .quote-form .car-info ul li.no-show-tab {
        display: none !important
    }

    .quote-form .car-info ul li {
        min-height: 110px
    }

        .quote-form .car-info ul li.model {
            border-right: none
        }

    .results-bottom-info .description, .results-bottom-info .title {
        padding: 0 10%
    }

    .warning-info .title {
        font-size: 20px
    }

    .warning-info .left {
        padding: 0 6% 0 9%
    }

    .warning-info .right {
        padding: 0 12% 0 4%
    }

    .quote-info .vehicle .car-info, .quote-info .vehicle .found {
        max-width: none;
        text-align: left;
        display: block
    }

        .quote-info .vehicle .car-info .value {
            display: block
        }

    .filter-box ul li.fox, .quote-results .table-item ul li .btn1 {
        display: none
    }

    .filter-box ul {
        padding: 0 15px
    }

    .quote-results {
        padding: 0 30px
    }

        .quote-results .table-item ul li.cost .number {
            display: block;
            text-align: center;
            font-size: 15px
        }

        .quote-results .table-item .mobile-actions {
            display: block;
            border: 1px solid #c7c8c8;
            border-top: none;
            margin-bottom: 8px
        }

            .quote-results .table-item .mobile-actions a {
                width: 50%;
                display: block;
                float: left;
                text-align: center;
                max-width: none;
                padding: 2px 18px
            }

                .quote-results .table-item .mobile-actions a.see-details {
                    background: #ececec;
                    color: #23a176;
                    text-decoration: underline
                }

                .quote-results .table-item .mobile-actions a.btn1 {
                    -webkit-box-shadow: none;
                    box-shadow: none
                }

        .quote-results .table-item ul li {
            border-top: 1px #c7c8c8 solid
        }

        .quote-results .table-header li, .quote-results .table-item ul li {
            font-size: 12px
        }

            .quote-results .table-item ul li.insurance span {
                font-size: 10px
            }
            

            .quote-results .table-item ul li.coverage ul {
                height: 22px;
                max-width: 68%
            }

                .quote-results .table-item ul li.coverage ul li img {
                    max-width: 23px
                }

        .quote-results .table-header.fixed {
            width: 96%
        }

    .new-quote-msg .warning-info ul {
        padding-right: 5%
    }

    .quote-form .car-info .vehicle-fox {
        max-width: 110px;
        left: -20px
    }

    .ui-dialog.big-dialog {
        max-width: none !important;
        width: 96% !important
    }

        .ui-dialog.big-dialog .dialog-info ul.no-type {
            width: 47%
        }

    .custom-serv-banner .title {
        margin-left: 10px;
        font-size: 25px
    }

    .custom-serv-banner {
        margin-top: -11px
    }

        .custom-serv-banner .fox {
            max-width: 136px;
            margin-left: 30px
        }

    .faq .select-question .want-to-know, .insurance-list-info .choose-ins .which-is {
        text-align: left;
        margin-bottom: 5px
    }

    .insurance-list-info .insurance-info ul li {
        float: right;
        clear: right
    }

        .insurance-list-info .insurance-info ul li.image {
            float: left
        }

    .insurance-list-info .insurance-info ul {
        padding: 0
    }
}

@media (max-width:926px) {
    .insurance-logos .logo-content {
        display: inline-block;
        width: 25%;
        max-width: none
    }
}

@media (max-width:917px) {
    .form-bottom-info {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (max-width:910px) {
    .quote-now-links .links .link .image-link {
        width: 83px;
        height: 83px
    }

        .quote-now-links .links .link .image-link > img {
            zoom: .9
        }

    .quote-now-links .links .link {
        font-size: 12px
    }

    .landing-banner.blue .text .linethree {
        font-size: 12px;
        font-family: futura_ltregular;
        margin-top: 14px
    }
}

@media (max-width:880px) {
    .new-quote-msg .left-fox {
        display: none
    }
    /* LINEA 5443 */
    .TitleBannerLeal {
        text-align: left;
        color: #23a176;
        line-height: 1.3em;
        font-size: 50px;
    }

    .DescriptionBannerLeal {
        text-align: left;
        color: #666;
        font-size: 17px;
    }
    
    .TitleBannerAlfred{
    text-align: left;
    color: #23a176;
    line-height: 1.3em;
    font-size: 50px;
}

.DescriptionBannerAlfred{
    color: #53deb1;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.1em;
    text-align: left;
    font-size: 17px;
    width: 60%
}

    bg-banner-landing.new-soatLeal {
        background-position: 50% 0;
        height: 280px;
    }

    .TitleBannerMovin {
        text-align: left;
        color: #23a176;
        line-height: 1.3em;
        font-size: 50px;
    }

    .DescriptionBannerMovin {
        text-align: left;
        color: #666;
        font-size: 17px;
    }

    bg-banner-landing.new-soatMovin {
        background-position: 50% 0;
        height: 280px;
    }
}

@media (max-width:767px) {
    .bg-banner-landing.soat.blue {
        background: url(../../../Content/Images/bg-soat-azul-grande.jpg)
    }

        .bg-banner-landing.soat.blue .landing-banner {
            padding-top: 5px
        }

    .insurance-logos .soat-gris .logo-content {
        border-right: none
    }

    .text-right-xs {
        text-align: right
    }

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

    .header .top-menu-info {
        padding: 5px
    }

        .header .top-menu-info .text1 {
            display: none
        }

        .header .top-menu-info .text2 {
            display: block;
            text-align: left;
            font-size: 12px
        }

            .header .top-menu-info .text2 span {
                display: block;
                float: left
            }

            .header .top-menu-info .text2 a {
                background: #835ad3;
                padding: 5px 10px;
                display: block;
                float: right;
                margin: 4px
            }

    .header .navbar-default .navbar-brand {
        margin-left: 30px;
        padding: 10px
    }

        .header .navbar-default .navbar-brand img {
            height: 42px
        }

    .header .navbar-default .navbar-toggle {
        float: left;
        border: none;
        margin: 0;
        padding: 13px 19px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

        .header .navbar-default .navbar-toggle:focus:before {
            content: "";
            border-style: solid;
            border-width: 7px;
            border-color: #482195 transparent transparent;
            position: absolute;
            margin-left: -10px;
            left: 50%;
            bottom: -14px;
            z-index: 1
        }

        .header .navbar-default .navbar-toggle:focus, .header .navbar-default .navbar-toggle:hover {
            background: #482195;
            outline: 0
        }

        .header .navbar-default .navbar-toggle .sr-only {
            color: #1bde8d;
            position: relative;
            font-size: 12px
        }

        .header .navbar-default .navbar-toggle .icon-bar {
            background-color: #1bde8d;
            width: 33px;
            height: 3px;
            border-radius: 5px
        }

    .header .navbar-default .navbar-collapse {
        padding: 0
    }

        .header .navbar-default .navbar-collapse .navbar-nav {
            margin: 0
        }

            .header .navbar-default .navbar-collapse .navbar-nav li a {
                border-bottom: 1px #bfbebe solid
            }

                .header .navbar-default .navbar-collapse .navbar-nav li a:hover, .header .navbar-default .navbar-collapse .navbar-nav li.active a {
                    background: #e1e1e1;
                    color: #929292
                }

                    .header .navbar-default .navbar-collapse .navbar-nav li.active a:before {
                        content: "\2022";
                        position: relative;
                        left: -10px;
                        color: #1bde8d
                    }

    .header .navbar-default .navbar-nav > .open > a {
        background: #f5f5f5;
        color: #929292
    }

        .header .navbar .navbar-nav li a, .header .navbar-default .navbar-nav > .open > a:focus {
            background: #f5f5f5;
            color: #929292;
            padding: 12px 20px
        }

    .header .navbar-nav > li > .dropdown-menu {
        display: block;
        width: 100%;
        position: relative;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        float: none;
        top: 0;
        right: 0
    }

    .header .navbar .navbar-nav .dropdown-menu li a:before, .header li.dropdown a i:before {
        display: none
    }

    .header .navbar .navbar-nav .dropdown-menu li a {
        padding: 10px 45px;
        border-bottom: none
    }

    .header .navbar .navbar-nav .dropdown-menu li:last-child a {
        border-bottom: 1px #bfbebe solid
    }

    footer .top-info {
        padding: 30px 0
    }

        footer .top-info .box {
            padding-left: 30px;
            padding-right: 30px;
            min-height: initial
        }

        footer .top-info .follow {
            margin-bottom: 25px
        }

            footer .top-info .follow .logo {
                max-width: 120px;
                float: left;
                margin: 0
            }

            footer .top-info .follow a.facebook {
                clear: right
            }

            footer .top-info .follow span {
                display: block;
                margin-bottom: 0;
                margin-top: 8px
            }

    footer .bottom-links ul {
        text-align: left
    }

    footer .bottom-links li {
        display: block;
        width: 50%;
        box-sizing: border-box;
        float: left;
        text-align: center
    }

        footer .bottom-links li.geotrust-logo {
            display: none
        }

    footer .bottom-links a {
        border-right: none;
        padding: 0;
        font-size: 11px
    }

    footer .top-info .box .oneline {
        display: inline-block
    }

    footer .top-info .box .call-btn {
        display: inline-block;
        text-decoration: none;
        margin-left: 8px;
        background: #29ae93;
        color: #4e2ba4;
        text-transform: uppercase;
        padding: 0 5px;
        border-radius: 5px
    }

    footer .follow-nets {
        float: right;
        padding-right: 0;
        right: -30px
    }

    .home-banner .right-info form .k-widget.k-tooltip-validation, .landing-banner .k-widget.k-tooltip-validation {
        left: 0;
        right: 0
    }

    footer .top-info .follow .follow-text {
        font-size: 15px;
        margin-bottom: 7px
    }

    footer .top-info .logo {
        padding-left: 0
    }

    footer .rights {
        font-size: 10px
    }
    .bg-banner-landing-customAlfred{
        background: url(../../../Content/Images/Alfred-Banner-fondoMobile.png)!important;
         background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }
     .logo-bannerAlfred-mobile{
        background: url(../../../Content/Images/Alfred-Banner-LogoMobile.png);
         background-size: cover;
         margin: 0px auto 20px auto;
         width: 177px;
         height: 72px
    }
    .TitleBannerAlfred{
    text-align: center;
    color: #23a176;
    line-height: 1.3em;
    font-size: 0.5em;
}

.DescriptionBannerAlfred{
    color: #53deb1;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.1em;
    text-align: center;
    font-size: 20px;
    width: 100%
}

    .us-banner {
        margin-top: 0
    }

        .us-banner .title {
            float: none !important;
            text-align: center;
            padding: 35px 0;
            font-size: 25px;
            font-size: 5vw
        }

    .busquo-info .who-is .title {
        font-size: 25px
    }

    .busquo-info .who-is .text {
        padding-right: 0
    }

    .contact .title {
        margin-top: 40px
    }

    .insurance-logos {
        background: #f7f7f7;
        border-top: 1px #d4d4d4 solid;
        border-bottom: 1px #d4d4d4 solid
    }

        .insurance-logos:before {
            background: 0 0
        }

    .policy-steps .big-title {
        font-size: 8vw
    }

    .policy-steps .steps .step {
        padding: 10px 0 15px
    }

        .policy-steps .steps .step.one, .policy-steps .steps .step.three {
            border-right: 1px #eaeaea solid
        }

        .policy-steps .steps .step.one, .policy-steps .steps .step.two {
            border-bottom: 1px #eaeaea solid
        }

        .policy-steps .steps .step .number:after, .policy-steps .steps .step .number:before {
            display: none
        }

        .policy-steps .steps .step .number, .policy-steps .steps .step .title {
            display: inline-block;
            font-size: 1.2em
        }

        .policy-steps .steps .step .description {
            padding: 0 10px;
            font-size: 2.7vw
        }

    .slogan .title {
        font-size: 8.9vw;
        line-height: 1.2em
    }

    .slogan .description {
        padding: 0 15px;
        font-size: 4.7vw
    }

    .quote-now-links .links .link .image-link > img {
        zoom: 1
    }

    .quote-now-links .links .link {
        font-size: 15px
    }

    .coverage {
        padding: 20px 15px
    }

        .coverage .title {
            font-size: 6vw
        }

    .partnerships {
        text-align: center;
        padding: 40px 15px 0
    }

        .partnerships .btn1 {
            margin-bottom: 60px
        }

    .testimonial-box {
        padding: 0 15px;
        background: 0 0
    }

        .testimonial-box .box {
            display: none
        }

            .testimonial-box .box.green-box {
                display: block
            }

            .testimonial-box .box .sentence {
                margin: 0 auto
            }

    .quote-now-links {
        padding: 0 15px;
        border-bottom: none
    }

        .quote-now-links .left-text {
            border-bottom: 1px #efefef solid;
            margin-bottom: 20px
        }

            .quote-now-links .left-text .top-line {
                text-align: center;
                font-size: 7vw
            }

            .quote-now-links .left-text .bottom-line {
                text-align: center;
                font-size: 5.1vw;
                line-height: 1em;
                padding: 0 10%
            }

        .quote-now-links .links .link .image-link {
            width: 93px;
            height: 93px;
            margin-top: 10px
        }

    .home-banner {
        padding-bottom: 25px
    }

        .home-banner .right-info .bottom-link {
            padding-left: 0;
            display: block;
            text-align: center;
            margin-top: 10px
        }

    .home-bottom-info {
        margin-bottom: 20px
    }

        .home-bottom-info .directory {
            padding: 25px 0
        }

            .home-bottom-info .directory .btn1 {
                margin: 20px auto 0;
                font-size: 5vw;
                width: 100%;
                max-width: none
            }

            .home-bottom-info .directory .description {
                display: block;
                text-align: center
            }

        .home-bottom-info .right-text ul li:before {
            display: none
        }

        .home-bottom-info .right-text ul li {
            text-align: center;
            border-bottom: 1px #c8c8c8 solid;
            padding-bottom: 8px;
            margin-bottom: 8px
        }

        .home-bottom-info .right-text {
            background: #f9f9f9;
            margin-top: 32px;
            padding: 34px 15px
        }

            .home-bottom-info .blog-boxes .box:nth-child(1), .home-bottom-info .right-text ul {
                padding-right: 0
            }

        .home-bottom-info .title {
            text-align: center;
            font-size: 7vw
        }

        .home-bottom-info .directory .title {
            font-size: 5.5vw
        }

        .home-bottom-info .right-text .title {
            line-height: 1.2em
        }

        .home-bottom-info .directory .info {
            padding-left: 0
        }

    .bg-banner-landing, .bg-banner-landing-Allianz, .bg-banner-landing-Sura, .bg-banner-landing-Equidad, .bg-banner-landing-Chevrolet, .bg-banner-landing-Axa, .bg-banner-landing-Bolivar, .bg-banner-landing-Hdi, .bg-banner-landing-Mapfre, .bg-banner-landing-Liberty, .bg-banner-landing-Previsora, .bg-banner-landing-Sbs, .bg-banner-landing-Renault, .bg-banner-landing-Toyota, .bg-banner-landing-Kia, .bg-banner-landing-kushki, .bg-banner-landing.home, .bg-banner-landing.motorbike, .bg-banner-landing.soat {
        background: 0 0
    }

        .bg-banner-landing.new-soat {
            background-image: url(../../../Content/Images/banner-soat-landing-mobile2.png);
            background-repeat: no-repeat;
            background-position: 100% 0
        }

            .bg-banner-landing.new-soat .landing-banner {
                padding-top: 10px;
                padding-bottom: 10px
            }

                .bg-banner-landing.new-soat .landing-banner .text {
                    margin-bottom: 0
                }

                    .bg-banner-landing.new-soat .landing-banner .text .title {
                        font-size: 8vw
                    }

                        .bg-banner-landing.new-soat .landing-banner .text .title span {
                            display: inline
                        }

                    .bg-banner-landing.new-soat .landing-banner .text .description {
                        font-size: 4vw;
                        color: #666;
                        max-width: 70%
                    }

        .bg-banner-landing.home .landing-banner, .bg-banner-landing.motorbike .landing-banner {
            margin-left: 0
        }

        .bg-banner-landing.soat .landing-banner .btn1, .landing-banner #QuotePlate_Form input {
            margin: 0 auto
        }

        .bg-banner-landing.soat .landing-banner .text {
            padding-left: 15px
        }

    .landing-banner {
        text-align: center;
        padding-top: 40px;
        padding-bottom: 40px
    }

        .landing-banner #QuotePlate_Form {
            max-width: none
        }

            .landing-banner #QuotePlate_Form a.bottom-link {
                position: relative;
                top: 0;
                left: 0;
                margin-top: 10px;
                display: block
            }

        .landing-banner .text {
            text-align: center
        }

            .landing-banner .text .lineone {
                font-size: 6vw
            }

            .landing-banner .text .discount {
                font-size: 14vw
            }

            .landing-banner .text .linetwo {
                font-size: 4.7vw
            }

    .quote-form .car-info .vehicle-fox {
        display: none
    }

    .quote-form ul {
        padding: 0
    }

    .quote-form .left-text {
        text-align: left
    }

        .quote-form .left-text span {
            padding-left: 0;
            margin-top: 8px;
            margin-bottom: 20px
        }

        .quote-form .left-text label {
            border-bottom: 2px #bebebe solid
        }

    .quote-form .form-group {
        max-width: none
    }

    .quote-form ul li.gender a, .quote-form ul li.persontype a, .quote-form ul li.typeservice a {
        width: 49%;
        margin-right: 0 !important
    }

    .quote-form .form-group > .form-control.num-id {
        float: none;
        display: block;
        max-width: none;
        margin-top: 50px !important
    }

    .quote-form .checkbox-content .checkbox-text {
        width: 70%
    }

    .quote-form .checkbox-content .k-widget.k-tooltip-validation {
        left: 15px;
        bottom: -72px
    }

    .quote-form #QuoteForm_Status {
        text-align: center
    }

    .quote-form .car-info ul li .show-tab {
        display: none;
        margin-top: 10px
    }

    .quote-form .car-info ul li.no-show-tab {
        display: inline-block !important
    }

    .quote-form .car-info ul li.fasecolda, .quote-form .car-info ul li.model, .quote-form .car-info ul li.noshowtab, .quote-form .car-info ul li.plate, .quote-form .car-info ul li.reference {
        width: 49%;
        max-width: none
    }

    .quote-form .car-info ul li.your {
        width: 100%
    }

        .quote-form .car-info ul, .quote-form .car-info ul li.your a, .quote-form .car-info ul li.your label {
            text-align: left
        }

            .quote-form .car-info ul li {
                min-height: initial;
                border-right: none;
                margin-bottom: 15px
            }

    .form-steps ul {
        font-size: 0;
        display: none
    }

    .form-steps .mobile-steps {
        display: block
    }

    .form-steps ul li .arrow, .form-steps ul li .image, .quote-results .table-header .coverage, .quote-results .table-header .sinister, .quote-results .table-item ul li.coverage, .quote-results .table-item ul li.sinister {
        display: none
    }

    .form-steps ul li {
        padding: 10px;
        border-top: 2px #c4c5c5 solid;
        border-bottom: 2px #c4c5c5 solid;
        font-size: 14px;
        position: relative;
        border-right: 2px #c4c5c5 solid
    }

        .form-steps ul li.active {
            background: #40e6b0
        }

        .form-steps ul li:first-child {
            border-left: 2px #c4c5c5 solid;
            -webkit-border-top-left-radius: 3px;
            -webkit-border-bottom-left-radius: 3px;
            -moz-border-radius-topleft: 3px;
            -moz-border-radius-bottomleft: 3px;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px
        }

    .form-bottom-info .title {
        text-align: center;
        font-size: 6vw;
        padding-left: 0
    }

    .form-bottom-info .left-info {
        padding-right: 15px;
        border: none
    }

    .form-bottom-info ol {
        padding-left: 0
    }

    .results-bottom-info .title {
        padding: 4%;
        font-size: 20px
    }

    .warning-info .left, .warning-info .right {
        padding: 22px 10px;
        text-align: center
    }

    .results-bottom-info .description {
        font-size: 16px;
        line-height: 1em
    }

    .warning-info .title {
        font-size: 18px
    }

    .warning-info .left {
        border-right: none;
        border-bottom: 1px #78bea4 solid
    }

    .quote-results .table-header .cost, .quote-results .table-header .damage, .quote-results .table-header .insurance, .quote-results .table-item ul li.cost, .quote-results .table-item ul li.damage, .quote-results .table-item ul li.insurance {
        width: 33.33%
    }

    .quote-info .assesor {
        background: #f3f3f3;
        padding: 10px 15px
    }

        .quote-info .assesor .name, .quote-info .assesor label {
            padding-left: 58px;
            display: block
        }

        .quote-info .assesor label {
            text-align: left
        }

        .quote-info .assesor .image {
            display: none
        }

            .quote-info .assesor .image.mobile {
                display: block;
                position: absolute
            }

        .quote-info .assesor .mobile-call {
            display: block;
            background: #835ad3;
            padding: 2px 10px;
            color: #fff;
            max-width: 60px;
            text-align: center;
            font-family: futura_ltheavy;
            position: absolute;
            top: 20px;
            right: 20px
        }

    .filter-box ul {
        padding: 0
    }

    .quote-results {
        padding: 0 15px
    }

    .loading img {
        display: block;
        margin: 10px auto;
        display: none\9
    }

    .loading .ie-logo {
        display: block\9
    }

    .new-quote-msg .title {
        font-size: 20px
    }

        .new-quote-msg .title span {
            margin-top: 17px;
            font-size: 1.2em
        }

    .new-quote-msg .next-steps li p {
        margin-left: 11px;
        width: 73%;
        font-size: 15px
    }

    .new-quote-msg .warning-info span {
        display: block;
        text-align: center;
        font-size: 20px
    }

    .new-quote-msg .warning-info ul {
        list-style-type: none;
        padding: 0;
        text-align: center
    }

        .new-quote-msg .warning-info ul li {
            margin: 10px 0;
            padding: 10px 0
        }

            .new-quote-msg .warning-info ul li:first-child {
                border-bottom: 1px #74baa0 solid;
                padding-bottom: 20px
            }

    .renew-quote .title {
        font-size: 28px
    }

    .renew-quote .subtitle {
        font-size: 23px;
        line-height: 1em
    }

    .renew-quote .description p {
        font-size: 16px;
        max-width: 80%
    }

    .filter-box .mobile-filter {
        background: #23a176;
        color: #fff;
        max-width: 207px;
        display: block;
        font-family: futura_ltheavy;
        padding: 10px;
        margin: 20px auto;
        text-align: center;
        font-size: 16px
    }

        .filter-box .mobile-filter a:hover {
            text-decoration: none
        }

        .filter-box .mobile-filter i {
            margin-right: 10px
        }

    .filter-box ul {
        display: none
    }

    .ui-dialog.big-dialog .dialog-info ul.no-type {
        width: 100%
    }

    .ui-dialog.big-dialog .dialog-info .title2 {
        margin: 25px 0;
        display: block
    }

    .custom-serv-banner {
        margin-top: 0
    }

        .custom-serv-banner .title {
            display: block;
            text-align: center;
            width: 100%;
            margin-top: 30px
        }

            .custom-serv-banner .title span {
                display: block
            }

    .contact {
        padding: 0 15px
    }

    .soat-form-container {
        padding-left: 15px;
        padding-right: 15px
    }

    .SOATStart_Form {
        padding: 13px 17px 75px
    }

        .SOATStart_Form > div {
            margin-bottom: 7px
        }

            .SOATStart_Form > div:nth-child(1) {
                width: 38%;
                padding: 0;
                margin-right: 3%
            }

            .SOATStart_Form > div:nth-child(2) {
                width: 59%;
                padding: 0;
                margin-left: -5px
            }

            .SOATStart_Form > div:nth-child(3) {
                width: 100%;
                padding-right: 0
            }

            .SOATStart_Form > div:nth-child(4) {
                width: 100%;
                padding-left: 0
            }

            .SOATStart_Form > div.button .form-group {
                margin-bottom: 0
            }

        .SOATStart_Form .form-group .SOATStart_Form_TypeDocument {
            width: 38%;
            display: inline-block;
            margin-right: 3%
        }

        .SOATStart_Form .form-group .SOATStart_Form_Document {
            width: 59%;
            margin-left: -5px;
            display: inline-block
        }

        .SOATStart_Form > div.checkbox-container {
            margin-top: 0
        }

            .SOATStart_Form > div.checkbox-container .text {
                width: 85%
            }

            .SOATStart_Form > div.checkbox-container input {
                vertical-align: top;
                margin-top: 4px
            }

    .policy-steps.soat {
        padding-top: 36px;
        padding-bottom: 0
    }

        .policy-steps.soat .steps {
            max-width: 270px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 0
        }

            .policy-steps.soat .steps .step {
                text-align: left
            }

                .policy-steps.soat .steps .step.one, .policy-steps.soat .steps .step.two {
                    border-bottom: none
                }

                .policy-steps.soat .steps .step.one, .policy-steps.soat .steps .step.three {
                    border-right: none
                }

                .policy-steps.soat .steps .step .image-step {
                    display: inline-block;
                    zoom: .7;
                    margin-right: 10px
                }

                .policy-steps.soat .steps .step.three .image-step {
                    margin-top: 25px
                }

                .policy-steps.soat .steps .step .step-text {
                    display: inline-block;
                    vertical-align: top;
                    max-width: 58%
                }

                .policy-steps.soat .steps .step.three .number, .policy-steps.soat .steps .step.three .title {
                    display: inline
                }

                    .SOATStart_Form.VehicleType .form-group .btn-group, .policy-steps.soat .steps .step.three .title br {
                        display: block
                    }

                .policy-steps.soat .steps .step .description {
                    padding: 0;
                    font-size: 15px
                }

    .home-bottom-info.soat .right-text {
        padding-top: 0;
        padding-left: 26px;
        padding-right: 26px
    }

        .home-bottom-info.soat .right-text .title {
            text-align: left
        }

        .home-bottom-info.soat .right-text ul {
            padding-left: 20px;
            max-width: 90%
        }

            .home-bottom-info.soat .right-text ul li {
                text-align: left;
                border-bottom: none;
                margin-bottom: 13px
            }

                .home-bottom-info.soat .right-text ul li:before {
                    display: block;
                    font-size: 14px;
                    top: 4px
                }

        .home-bottom-info.soat .right-text:before {
            top: auto;
            bottom: 28px;
            right: auto;
            left: 50%;
            transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            width: 78.25%;
            height: 1px;
            border-left: none;
            border-top: 1px #c2c2c2 dotted
        }

    .home-bottom-info.soat .questions .question .title {
        text-align: left;
        font-size: 29px
    }

    .home-bottom-info.soat .questions .question .description {
        padding-right: 20px
    }

    .SOATStart_Form.VehicleType {
        padding: 81px 25px 25px
    }

    .SOATStart_Form .no-vehicle-info {
        width: 100%;
        left: 0;
        top: 0;
        font-size: 12px;
        line-height: 1.2em;
        padding-top: 12px;
        padding-bottom: 12px
    }

    .SOATStart_Form.VehicleType > div.v_model, .SOATStart_Form.VehicleType > div.v_subtype, .SOATStart_Form.VehicleType > div.v_type {
        width: 100%;
        margin-left: 0
    }

    .SOATStart_Form.VehicleType > div.v_model {
        margin-bottom: 25px
    }

    .SOATStart_Form .form-group.SOATVehicleType_Form_Model .btn-group .btn:last-child {
        margin-left: 4%
    }

    .SOATStart_Form .form-group.SOATVehicleType_Form_Model .btn-group .btn {
        width: 48%;
        font-size: 14px
    }

    .SOATStart_Form .form-group.SOATVehicleType_Form_Subtype .btn-group .btn {
        margin-right: 4.2%;
        width: 30.5%;
        font-size: 13px;
        padding: 8.5px
    }

    .SOATStart_Form .form-group.SOATVehicleType_Form_Subtype .btn-group.two .btn {
        width: 47.9%
    }

    .SOATStart_Form > div.back {
        width: 100%;
        text-align: center;
        margin-top: 0;
        position: relative;
        bottom: 0;
        left: 0
    }

    .form-bottom-info.soat .left-info, .form-bottom-info.summary .left-info .title, .vehicle_info > div:first-child {
        text-align: left
    }

    .SOATStart_Form > div.Vtype-options > div {
        width: 100%;
        margin-bottom: 15px
    }

    .SOATStart_Form.VehicleType > div.Vtype-options .button {
        margin-top: 10px;
        position: relative;
        bottom: 0;
        left: 0
    }

    .SOATStart_Form.VehicleType > div.button {
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        bottom: 65px
    }

    .SOATStart_Form.VehicleType > div.Vtype-options .button label {
        display: none
    }

    .form-steps.soat ul, .policy-steps.soat .small-text br {
        display: block
    }

    .SOATStart_Form.VehicleType .v_type .form-group label, .SOATStart_Form.VehicleType > div.Vtype-options > div .form-group label {
        font-size: 15px
    }

    .SOATStart_Form.VehicleType > div.Vtype-options .button a {
        font-size: 18px
    }

    .form-steps.soat {
        margin: 20px 0 35px
    }

        .form-steps.soat ul li {
            border-right: none;
            position: relative
        }

            .form-steps.soat ul li:after, .form-steps.soat ul li:before {
                content: '';
                display: block;
                position: absolute;
                left: 100%;
                width: 0;
                height: 0;
                border-style: solid
            }

            .form-steps.soat ul li:after {
                top: 0;
                border-color: transparent transparent transparent #fff;
                border-width: 16px 15px 19px 9px;
                left: 99%
            }

            .form-steps.soat ul li:before {
                top: -2px;
                border-color: transparent transparent transparent #c4c5c5;
                border-width: 18px 18px 20px 10px
            }

            .form-steps.soat ul li.active:after {
                border-color: transparent transparent transparent #40e6b0
            }

    .policy-steps.soat.success {
        padding-top: 0
    }

    .policy-steps.soat .small-text {
        font-size: 17px;
        max-width: 270px;
        margin: 0 auto
    }

    .policy-steps.soat.success.button-points {
        padding-top: 60px
    }

    .policy-steps.soat.success .steps .step.one .image-step {
        margin-top: -6px
    }

    .policy-steps.soat.success .steps .step.two .image-step {
        margin-top: -2px
    }

    .policy-steps.soat.success .steps .step .image-step {
        margin-top: 0;
        margin-right: 25px
    }

    .policy-steps.soat.success .steps .step .description, .policy-steps.soat.success .steps .step .number {
        display: inline;
        font-size: 18px
    }

    .policy-steps.soat.success .steps .step .step-text {
        max-width: 70%
    }

    .form-bottom-info.soat {
        margin-top: 40px;
        margin-bottom: 17px
    }

        .form-bottom-info.soat .left-info h3 {
            font-size: 21px
        }

        .form-bottom-info.soat .left-info p {
            font-size: 19px
        }

        .form-bottom-info.soat .left-info .image {
            display: none
        }

        .form-bottom-info.soat .right-info {
            border-left: none;
            padding-left: 15px
        }

            .form-bottom-info.soat .right-info p {
                font-size: 18px
            }

            .form-bottom-info.soat .right-info a {
                margin: 0 auto
            }

    .policy-steps.soat.error {
        padding-bottom: 0;
        padding-top: 0
    }

    .expiration-info {
        margin: 5px -10px 0
    }

        .expiration-info .user {
            font-size: 27px
        }

            .expiration-info .user .continue {
                font-size: 16px
            }

        .expiration-info hr {
            margin: 23px auto 17px
        }

        .expiration-info .bottom-info .first-date {
            font-size: 18px
        }

            .expiration-info .bottom-info .first-date br, .expiration-info .bottom-info .second-date br {
                display: block
            }

        .expiration-info .bottom-info .second-date {
            font-size: 16px
        }

        .expiration-info .bottom-info .reminder {
            padding: 13px 15px;
            font-size: 16px;
            max-width: 270px
        }

        .expiration-info .bottom-info a {
            margin-bottom: 0
        }

    .SOATStart_Form.VehicleType > div.Vtype-options .button label .quote-form .btn1.soat_form {
        margin: 50px auto
    }

    .form-top-text {
        max-width: 210px;
        margin: 0 auto;
        font-size: 15px
    }

    .form-top-description {
        margin-bottom: 45px;
        font-size: 16px
    }

        .form-top-description.revert-margin {
            margin-top: -20px;
            margin-bottom: 14px
        }

        .form-top-description .alert {
            padding: 0 22px;
            margin: 19px auto 0;
            max-width: 524px
        }

            .form-top-description .alert .alert-img {
                position: absolute;
                left: -5px;
                top: 50%;
                transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -webkit-transform: translateY(-50%)
            }

    .vehicle-info-container {
        margin: 0 15px 40px
    }

        .vehicle-info-container:after {
            display: none
        }

    .vehicle_info {
        background-color: #f3f3f3;
        padding: 15px
    }

        .vehicle_info > div {
            padding: 0;
            width: 50%;
            display: block;
            float: left
        }

            .vehicle_info > div:first-child {
                display: block;
                width: 100%;
                margin-bottom: 12px
            }

                .vehicle_info > div:first-child b {
                    display: initial;
                    text-align: left;
                    margin-right: 27%
                }

            .vehicle_info > div:nth-child(2), .vehicle_info > div:nth-child(3) {
                margin-bottom: 10px
            }

            .vehicle_info > div:after {
                display: none
            }

            .vehicle_info > div.model {
                clear: left
            }

        .vehicle_info .your-vehicle {
            font-size: 20px
        }

    .summary-container {
        margin-bottom: 12px
    }

        .summary-container .left {
            float: none
        }

            .summary-container .left > div {
                margin-left: auto;
                margin-right: auto;
                max-width: 381px
            }

        .summary-container .purple-box {
            margin-bottom: 40px
        }

            .summary-container .purple-box .hand {
                zoom: .8
            }

        .summary-container .right {
            max-width: 87%;
            margin: 0 auto;
            float: none
        }

            .summary-container .right .payu {
                display: block;
                margin: 15px auto 0
            }

            .summary-container .right .btn1 {
                display: block;
                margin: 0 auto;
                max-width: none
            }

            .summary-container .right .address, .summary-container .right .city {
                max-width: none
            }

    .form-bottom-info.summary .left-info .image, .form-bottom-info.summary .left-info .title br {
        display: none
    }

    .form-bottom-info.summary .right-info ol {
        padding-left: 30px
    }

        .form-bottom-info.summary .right-info ol li span {
            font-size: 15px
        }

    .quote-form .form-group > .form-control.k-datepicker {
        max-width: 92%
    }

    .quote-form .btn1.soat_form {
        margin: 50px auto
    }

    .ui-dialog[aria-describedby=SOAT_LoadingProcess] {
        left: 50% !important;
        transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(-50%);
        margin: 0
    }

    .summary-container .right .renov-date .form-control.k-widget {
        width: 86%
    }

    .SOATStart_Form .form-group.SOATVehicleType_Form_Model .btn-group .btn span, .SOATStart_Form .form-group.SOATVehicleType_Form_Subtype .btn-group .btn span {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }

    #SOATEditInfo_Form .form-control .k-input {
        height: 42px
    }

    .slider {
        max-width: 94%
    }
}

.BotonBeneficiosCovid {
    display: flex;
    padding: 10px;
    background-color: #f6f6f6
}

.TextoBeneficios {
    width: 55%
}


.SerCli {
    background-color: #1bde8d !important;
}


.TiSerCli {
    color: #ffffff !important;
    font-size: 27px
}


.PSerCli {
    color: #ffffff !important;
    font-size: 16px
}

.btn-Covid {
    margin-top: 30px;
}


.btnCVD {
    font-size: 17px;
    padding: 7px 18px;
    background-color: #5E3EBA;
    box-shadow: 9px 7px 8px 0px rgba(161,161,161,1);
    color: #ffffff;
    border: 2px solid #5E3EBA
}


    .btnCVD:hover {
        font-size: 17px;
        padding: 7px 18px;
        background-color: #ffffff;
        box-shadow: 9px 7px 8px 0px rgba(161,161,161,1);
        color: #5E3EBA;
        text-decoration: none;
        border: 2px solid #5E3EBA;
    }


.contenedor-icono-VidaDeudor {
    width: 80%;
    max-width: 1500px;
    display: flex;
    flex-direction: column;
    margin-inline: auto;
    margin-top: 50px;
}

    .contenedor-icono-VidaDeudor h2 {
        font-size: 2em;
        color: #5e3eba;
        text-align: center;
        font-weight:bold;
    }

.icono-VidaDeudor {
    width: 100%;
    display: flex;
    align-items: center;
    margin: auto;
    padding: 6% 0;
    justify-content: center;
}

.img-icono-VidaDeudor {
    width: 20%;
    padding: 0 5%;
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap
}

    .img-icono-VidaDeudor img {
        width: 60%;
        padding: 0 0 5% 0
    }


.contenedor-icono-VidaDeudor h3 {
    font-size: 2em;
    color: #5EBF6B;
    text-align: center;
    padding: 0 0 2% 0;
    font-weight: bold;
}

.contenedor-icono-VidaDeudor p {
    font-size: 1.4em;
    color: #333333;
    text-align: center
}


@media (max-width:766px) {
    .quote-form .form-group > .form-control.k-datepicker {
        max-width: 90%
    }
    .icono-VidaDeudor {
        display: grid;
        grid-template-columns: repeat(2, 50%);

    }
        .icono-VidaDeudor .img-icono-VidaDeudor {
            width: 100%;
        }

}

@media (max-width:500px) {
    .summary-container .right .renov-date .form-control.k-widget {
        width: 73%
    }

    .summary-container .box-title span {
        font-size: 13px
    }
}

@media (max-width:470px) {
    .quote-results .table-item ul li.cost {
        padding: 0
    }

        .quote-results .table-item ul li.cost .number {
            font-size: 10px;
            top: 0;
            margin-right: 0
        }

    .ui-dialog {
        left: 0 !important;
        margin: 0 2%;
        width: 96% !important;
        transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0)
    }

        .ui-dialog .ui-dialog-content {
            padding: 0 15px
        }

        .ui-dialog .dialog-info ul {
            list-style-type: none
        }

        .ui-dialog .fox {
            display: none
        }

        .ui-dialog .right-info {
            width: 100%
        }
}

@media (max-width:460px) {
    .insurance-logos .container-fluid {
        padding: 15px 0
    }

    .insurance-logos .logo-content {
        width: 50%;
        margin: 5px 0
    }

    .insurance-logos .soat-gris .logo-content {
        float: left
    }
}

@media (max-width:424px) {
    .quote-form .checkbox-content .k-widget.k-tooltip-validation {
        bottom: -92px
    }
}

@media (max-width:380px) {
    .home-banner .right-info .top-text {
        font-size: 12px
    }

        .home-banner .right-info .top-text .title span:after, .home-banner .right-info .top-text .title span:before {
            width: 37px
        }
}

@media (max-width:355px) {
    .form-steps ul li {
        font-size: 10px
    }

    .ui-dialog .fox img {
        top: 30px
    }
}

@media (max-width:287px) {
    .quote-results .table-item .mobile-actions a.see-details {
        min-height: 41px;
        padding-top: 10px
    }

    .quote-info .assesor .mobile-call {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 auto
    }
    /* LINEA 7028 */
    .TitleBannerLeal {
        text-align: left;
        color: #23a176;
        line-height: 1.3em;
        font-size: 40px;
    }

    .DescriptionBannerLeal {
        text-align: left;
        color: #666;
        font-size: 16px;
    }

    bg-banner-landing.new-soatLeal {
        background-position: 50% 0;
        height: 280px;
    }

    .TitleBannerMovin {
        text-align: left;
        color: #23a176;
        line-height: 1.3em;
        font-size: 40px;
    }

    .DescriptionBannerMovin {
        text-align: left;
        color: #666;
        font-size: 16px;
    }

    bg-banner-landing.new-soatMovin {
        background-position: 50% 0;
        height: 280px;
    }
}

@media (max-width:900px) {
    .quote-results .table-header.fixed {
        width: 93.4%
    }
}

@media (max-width:800px) {
    .quote-results .table-header.fixed {
        width: 92.4%
    }
}

@media (max-width:767px) {
    .quote-results .table-header.fixed {
        width: 96%
    }

    #QuoteSoat_Sura {
        margin-left: -19px
    }

    .logo-content.text {
        display: none
    }
    /* LINEA 7040 */
    .TitleBannerLeal {
        text-align: left;
        color: #23a176;
        line-height: 1.3em;
        font-size: 35px;
    }

    .DescriptionBannerLeal {
        text-align: left;
        color: #666;
        font-size: 14px;
    }

    bg-banner-landing.new-soatLeal {
        background-position: 50% 0;
        background-color: white;
    }

    .TitleBannerMovin {
        text-align: left;
        color: #23a176;
        line-height: 1.3em;
        font-size: 35px;
    }

    .DescriptionBannerMovin {
        text-align: left;
        color: #666;
        font-size: 14px;
    }

    bg-banner-landing.new-soatMovin {
        background-position: 50% 0;
        background-color: white;
    }
}

@media (max-width:680px) {
    .quote-results .table-header.fixed {
        width: 95.4%
    }
}

@media (max-width:600px) {
    .quote-form .form-group > .form-control.k-datepicker {
        max-width: 79%
    }

    .quote-results .table-header.fixed {
        width: 95%
    }
}

@media (max-width:500px) {
    .quote-results .table-header.fixed {
        width: 94%
    }
    .bg-banner-landing.vidaDeudor {
        background: url(../../../Content/Images/Banner-vidadeudor-mobile.png);
        background-position: left;
    }

    .bg-banner-landing-mobile {
        display: block;
        min-height: 290px;
        background: url(../../../Content/Images/Banner-vidadeudor-mobile2.png);
        background-size: 100% auto;
        background-position: bottom;
        background-repeat: space;
    }

    .cov-box {
        float: right;
    }
}

@media (max-width:400px) {
    .quote-results .table-header.fixed {
        width: 92%
    }
    
}

@media (max-width:350px) {
    .quote-results .table-header.fixed {
        width: 91%
    }
}

@media (max-width:300px) {
    .quote-results .table-header.fixed {
        width: 90%
    }
}

@media (min-width:380px) {
    .summary-container .right {
        max-width: 470px
    }

        .soatDatePicker #SOATEditInfo_Form_RenewalDate, .summary-container .right .renov-date .form-control.k-widget {
            display: inline-block
        }
}

@media (min-width:1061px) {
    .summary-container .right {
        max-width: initial
    }
}

@media (min-width:356px) {
    .form-steps.soat ul li:before {
        top: -3px;
        border-width: 22px 24px 25px 10px
    }

    .form-steps.soat ul li:after {
        border-width: 19px 16px 22px 9px
    }
}

@keyframes scrollLogos {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(calc(-110px * 10))
    }
}
/*Estilos para pagina de gracias NPS*/

main {
    width: 83%;
    margin: auto;
}

.gracias {
    width: 31%;
    margin: 13% 0 0 25%;
    display: inline;
}


@font-face {
    font-family: FuturaMedium;
    src: url(https://s3.amazonaws.com/img.busqo.com/Mailing/Fonts/Futura-Medium-01.ttf);
}

.onetext {
    font-size: 157%;
    font-family: FuturaMedium;
    color: #755ad5;
    line-height: 110%;
    letter-spacing: -1.8px;
    margin: -1.5% 0 0 33%;
}

.zorro {
    width: 19%;
    float: right;
    margin-top: -23%;
    margin-right: 22%;
    display: inline-block;
}

.vineta {
    width: 3.3%;
    margin: 12% 0 0 26%;
}


.textfooter {
    font-family: FuturaMedium;
    color: #755ad5;
    font-size: 82%;
    margin-top: -9%;
    margin-left: 27.3%;
    display: inline-block;
}



    .textfooter a {
        text-decoration: none;
        color: #482fa0;
    }

/* tamaño tablet*/

@media (max-width: 991px) {

    .gracias {
        width: 51%;
    }

    .onetext {
        margin-left: 35%;
    }

    .zorro {
        display: none;
    }

    .vineta {
        width: 6%;
    }

    .textfooter {
        font-size: 9.5pt;
        margin-left: 27%;
    }
}

@media (max-width: 470px) {

    .onetext {
        margin-left: 20%;
    }

    .textfooter {
        margin-top: 1%;
        text-align: center;
        margin-left: 7%;
    }

    .vineta {
        margin-left: 47%;
        margin-top: 18%;
        width: 9%;
    }
}

.box-center{
    width:100%;
    display:flex;
    justify-content:center;
}