.navbar {
    margin-bottom: 0!important
}
.jumbotron {
    margin: 0!important;
    color: #FFF!important;
    background: url(../images/back-home.png) center bottom no-repeat;
    text-align: center!important;
    padding: 40px 0!important
}
.quote-form {
    margin: -6px 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}
span.field-inline-text {
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 200
}
.field-inline {
    opacity: 1;
    -webkit-transition: opacity .4s, top .4s;
    transition: opacity .4s, top .4s;
    position: relative;
    top: 0;
    visibility: visible;
    display: inline
}
.quote-form .field-inline-text-container--show {
    display: inline;
    line-height: 20px
}
.quote-form .field-inline .field--want {
    width: 200px;
    text-align: center
}
.login-search .quote-form .field-inline .field--want {
    text-align: justify
}
.quote-form .field--error input,
.quote-form input.field--error {
    border-bottom: 1px solid #FFA000;
    color: #000;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 200
}
.dark-3,
.yellow-3 {
    color: #fff;
    text-decoration: none!important;
    display: block
}
.quote-form .field-inline input,
.quote-form .form-field input {
    -webkit-transition: border-bottom-width .2s false, border-bottom-color .2s false;
    transition: border-bottom-width .2s, border-bottom-color .2s;
    border-bottom: 1px dotted #000
}
.container-fluid,
.container-fluid .col-md-3 {
    padding: 0
}
.yellow-1,
.yellow-2 {
    background: url(../images/001-07.png) left bottom no-repeat, #ffc100;
    background: url(../images/001-07.png) left bottom no-repeat, -moz-linear-gradient(-45deg, #ffc100 0, #ff9300 70%, #fff 70%, #fff 73%, #fff 100%);
    background: url(../images/001-07.png) left bottom no-repeat, -webkit-linear-gradient(-45deg, #ffc100 0, #ff9300 70%, #fff 70%, #fff 73%, #fff 100%);
    background: url(../images/001-07.png) left bottom no-repeat, linear-gradient(135deg, #ffc100 0, #ff9300 70%, #fff 70%, #fff 73%, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffc100', endColorstr='#ffffff', GradientType=1)
}
.yellow-3 {
    background: url(../images/003-01.png) left top no-repeat, #ffc100;
    background: url(../images/003-01.png) left top no-repeat, -moz-linear-gradient(-45deg, #ffc100 0, #ff9300 100%);
    background: url(../images/003-01.png) left top no-repeat, -webkit-linear-gradient(-45deg, #ffc100 0, #ff9300 100%);
    background: url(../images/003-01.png) left top no-repeat, linear-gradient(135deg, #ffc100 0, #ff9300 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffc100', endColorstr='#ff9300', GradientType=1)
}
.dark,
.dark-2 {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#ffffff', GradientType=1)
}
.dark {
    background: url(../images/001-08.png) left bottom no-repeat, #212121;
    background: url(../images/001-08.png) left bottom no-repeat, -moz-linear-gradient(-45deg, rgba(33, 33, 33, 1) 1%, rgba(0, 0, 0, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%);
    background: url(../images/001-08.png) left bottom no-repeat, -webkit-linear-gradient(-45deg, rgba(33, 33, 33, 1) 1%, rgba(0, 0, 0, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%);
    background: url(../images/001-08.png) left bottom no-repeat, linear-gradient(120deg, rgba(33, 33, 33, 1) 1%, rgba(0, 0, 0, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%)
}
.dark-2 {
    background: url(../images/001-06.png) left bottom no-repeat, #212121;
    background: url(../images/001-06.png) left bottom no-repeat, -moz-linear-gradient(-45deg, rgba(33, 33, 33, 1) 1%, rgba(0, 0, 0, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%);
    background: url(../images/001-06.png) left bottom no-repeat, -webkit-linear-gradient(-45deg, rgba(33, 33, 33, 1) 1%, rgba(0, 0, 0, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%);
    background: url(../images/001-06.png) left bottom no-repeat, linear-gradient(120deg, rgba(33, 33, 33, 1) 1%, rgba(0, 0, 0, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%)
}
.dark-3 {
    background: url(../images/002-06.png) left top no-repeat, #000333;
    background: url(../images/002-06.png) left top no-repeat, -moz-linear-gradient(-45deg, #000333 0, #000 100%);
    background: url(../images/002-06.png) left top no-repeat, -webkit-linear-gradient(-45deg, #000333 0, #000 100%);
    background: url(../images/002-06.png) left top no-repeat, linear-gradient(135deg, #000333 0, #000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000333', endColorstr='#000000', GradientType=1)
}
.yellow-1.card-desk,
.yellow-2.card-desk {
    background: url(../images/002-07.png) left top no-repeat, #ffc100;
    background: url(../images/002-07.png) left top no-repeat, -moz-linear-gradient(-45deg, #ffc100 0, #ff9300 80%, #fff 80%, #fff 100%);
    background: url(../images/002-07.png) left top no-repeat, -webkit-linear-gradient(-45deg, #ffc100 0, #ff9300 80%, #fff 80%, #fff 100%);
    background: url(../images/002-07.png) left top no-repeat, linear-gradient(135deg, #ffc100 0, #ff9300 80%, #fff 80%, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffc100', endColorstr='#ffffff', GradientType=1)
}
.yellow-3.card-desk {
    background: url(../images/003-03.png) left top no-repeat, #ffc100;
    background: url(../images/003-03.png) left top no-repeat, -moz-linear-gradient(-45deg, #ffc100 0, #ff9300 100%);
    background: url(../images/003-03.png) left top no-repeat, -webkit-linear-gradient(-45deg, #ffc100 0, #ff9300 100%);
    background: url(../images/003-03.png) left top no-repeat, linear-gradient(135deg, #ffc100 0, #ff9300 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffc100', endColorstr='#ff9300', GradientType=1)
}
.dark-2.card-desk,
.dark.card-desk {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#ffffff', GradientType=1)
}
.dark.card-desk {
    background: url(../images/002-08.png) left top no-repeat, #212121;
    background: url(../images/002-08.png) left top no-repeat, -moz-linear-gradient(-45deg, rgba(33, 33, 33, 1) 0, rgba(0, 0, 0, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%);
    background: url(../images/002-08.png) left top no-repeat, -webkit-linear-gradient(-45deg, rgba(33, 33, 33, 1) 0, rgba(0, 0, 0, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%);
    background: url(../images/002-08.png) left top no-repeat, linear-gradient(135deg, rgba(33, 33, 33, 1) 0, rgba(0, 0, 0, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 100%)
}
.dark-2.card-desk {
    background: url(../images/002-06.png) left top no-repeat, #212121;
    background: url(../images/002-06.png) left top no-repeat, -moz-linear-gradient(-45deg, rgba(33, 33, 33, 1) 1%, rgba(0, 0, 0, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%);
    background: url(../images/002-06.png) left top no-repeat, -webkit-linear-gradient(-45deg, rgba(33, 33, 33, 1) 1%, rgba(0, 0, 0, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%);
    background: url(../images/002-06.png) left top no-repeat, linear-gradient(120deg, rgba(33, 33, 33, 1) 1%, rgba(0, 0, 0, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%)
}
.dark-3.card-desk {
    background: url(../images/004-01.png) left top no-repeat, #000333;
    background: url(../images/004-01.png) left top no-repeat, -moz-linear-gradient(-45deg, #000333 0, #000 100%);
    background: url(../images/004-01.png) left top no-repeat, -webkit-linear-gradient(-45deg, #000333 0, #000 100%);
    background: url(../images/004-01.png) left top no-repeat, linear-gradient(135deg, #000333 0, #000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000333', endColorstr='#000000', GradientType=1)
}
.dark-3 .chevere,
.yellow-3 .chevere {
    color: #fff!important;
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 60px
}
.dark-3 h3,
.yellow-3 h3 {
    font-size: 36px
}
.card-panel {
    margin: 0!important
}
.card-panel span {
    color: #FFF;
    display: block;
    margin-left: 40px
}
.card-panel a.btn-floating {
    position: absolute;
    right: 15px;
    top: 35px
}
.btn-down {
    transform: rotate(90deg)
}
.card-panel .btn-floating i {
    color: #212121!important;
    font-size: 24px!important
}
.card-panel h3 {
    font-size: 30px;
    margin-bottom: 0
}
.card-reveal {
    transition: box-shadow .25s;
    padding: 6px;
    margin: 0rem 0 1rem;
    border-radius: 2px;
    background-color: transparent;
    position: absolute;
    width: 100%;
    top: 141px;
    z-index: 1
}
.card-reveal-lista {
    transition: box-shadow .25s;
    padding: 6px;
    margin: 0rem 0 1rem;
    border-radius: 2px;
    background-color: transparent;
    position: absolute;
    width: 100%;
    top: 141px;
    z-index: 1
}
.card-desk {
    height: 300px;
    padding-top: 215px!important
}
.card-desk span {
    margin-left: 0
}
.card-desk a.btn-floating {
    top: 240px
}
.porcent span {
    color: #FFF;
    display: block;
    float: left;
    height: 20px;
    padding: 6px 10px;
    margin-right: 6px;
    margin-bottom: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}
.porcent .aptos {
    background: #FFA000;
    width: 65%
}
.porcent .casas {
    background: #FFA000;
    width: 45%
}
.porcent .otras {
    background: #FFA000;
    width: 15%
}
.porcent a.black-text {
    margin-top: -20px
}
.card-block,
.card-block-dark,
.card-block-yellow {
    padding: 10px 0;
    margin: 1px 0!important
}
.card-block-dark {
    background: #212121;
    background: -moz-linear-gradient(-45deg, rgba(33, 33, 33, .4) 1%, rgba(0, 0, 0, .4) 56%, rgba(0, 0, 0, 1) 56%, rgba(255, 255, 255, 1) 56%);
    background: -webkit-linear-gradient(-45deg, rgba(33, 33, 33, .4) 1%, rgba(0, 0, 0, .4) 56%, rgba(0, 0, 0, 1) 56%, rgba(255, 255, 255, 1) 56%);
    background: linear-gradient(120deg, rgba(33, 33, 33, .4) 1%, rgba(0, 0, 0, .4) 56%, rgba(0, 0, 0, 1) 56%, rgba(255, 255, 255, 1) 56%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#ffffff', GradientType=1)
}
img.chart {
    padding: 10px;
    text-align: center;
    width: 100%
}
.card .btn {
    float: right;
    background: #000;
    color: #FFF
}
footersdf {
    background: #212121;
    background: -moz-linear-gradient(-45deg, rgba(33, 33, 33, 1) 1%, rgba(0, 0, 0, 1) 99%);
    background: -webkit-linear-gradient(-45deg, rgba(33, 33, 33, 1) 1%, rgba(0, 0, 0, 1) 99%);
    background: linear-gradient(135deg, rgba(33, 33, 33, 1) 1%, rgba(0, 0, 0, 1) 99%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#000000', GradientType=1);
    padding: 35px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    margin-top: 50px
}
.fixed-btn {
    position: fixed;
    right: 45px;
    bottom: 45px;
    z-index: 2
}
.modal-content {
    padding: 0!important;
    background: 0 0!important;
    border: none!important;
    border-radius: 0!important;
    box-shadow: none!important;
    outline: 0!important
}
.modal-header {
    border: none!important
}
.close {
    color: #FFF!important;
    opacity: .8!important
}
@media (max-width: 991px) {
    .yellow-1.card-desk,
    .yellow-2.card-desk {
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffc107', endColorstr='#ffffff', GradientType=1)!important
    }
    .card-desk {
        height: 100px;
        padding-top: 20px!important
    }
    .card-desk span {
        margin-left: 80px
    }
    .card-desk a.btn-floating {
        top: 35px;
        right: 25px
    }
    .yellow-1.card-desk {
        background: url(../images/001-07.png) left bottom no-repeat, #ffc107!important;
        background: url(../images/001-07.png) left bottom no-repeat, -moz-linear-gradient(-45deg, rgba(255, 193, 7, 1) 1%, rgba(255, 147, 30, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%)!important;
        background: url(../images/001-07.png) left bottom no-repeat, -webkit-linear-gradient(-45deg, rgba(255, 193, 7, 1) 1%, rgba(255, 147, 30, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%)!important;
        background: url(../images/001-07.png) left bottom no-repeat, linear-gradient(120deg, rgba(255, 193, 7, 1) 1%, rgba(255, 147, 30, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%)!important
    }
    .yellow-2.card-desk {
        background: url(../images/003-02.png) left bottom no-repeat, #ffc107!important;
        background: url(../images/003-02.png) left bottom no-repeat, -moz-linear-gradient(-45deg, rgba(255, 193, 7, 1) 1%, rgba(255, 147, 30, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%)!important;
        background: url(../images/003-02.png) left bottom no-repeat, -webkit-linear-gradient(-45deg, rgba(255, 193, 7, 1) 1%, rgba(255, 147, 30, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%)!important;
        background: url(../images/003-02.png) left bottom no-repeat, linear-gradient(120deg, rgba(255, 193, 7, 1) 1%, rgba(255, 147, 30, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%)!important
    }
    .dark-2.card-desk,
    .dark.card-desk {
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#ffffff', GradientType=1)!important
    }
    .dark.card-desk {
        background: url(../images/001-08.png) left bottom no-repeat, #212121!important;
        background: url(../images/001-08.png) left bottom no-repeat, -moz-linear-gradient(-45deg, rgba(33, 33, 33, 1) 1%, rgba(0, 0, 0, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%)!important;
        background: url(../images/001-08.png) left bottom no-repeat, -webkit-linear-gradient(-45deg, rgba(33, 33, 33, 1) 1%, rgba(0, 0, 0, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%)!important;
        background: url(../images/001-08.png) left bottom no-repeat, linear-gradient(120deg, rgba(33, 33, 33, 1) 1%, rgba(0, 0, 0, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%)!important
    }
    .dark-2.card-desk {
        background: url(../images/001-06.png) left bottom no-repeat, #212121!important;
        background: url(../images/001-06.png) left bottom no-repeat, -moz-linear-gradient(-45deg, rgba(33, 33, 33, 1) 1%, rgba(0, 0, 0, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%)!important;
        background: url(../images/001-06.png) left bottom no-repeat, -webkit-linear-gradient(-45deg, rgba(33, 33, 33, 1) 1%, rgba(0, 0, 0, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%)!important;
        background: url(../images/001-06.png) left bottom no-repeat, linear-gradient(120deg, rgba(33, 33, 33, 1) 1%, rgba(0, 0, 0, 1) 78%, rgba(255, 255, 255, 1) 78%, rgba(255, 255, 255, 1) 78%)!important
    }
}
@media (max-width: 480px) {
    .jumbotron {
        background: url(../images/back-phone.png) center bottom no-repeat rgba(4, 0, 0, .6)
    }
    .container-fluid {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .card-panel a.btn-floating {
        right: 35px;
        top: 35px
    }
    .card-block,
    .card-block-dark,
    .card-block-yellow {
        height: 280px
    }
    .card-reveal {
        top: 155px;
        left: 10px;
    }
    .card-reveal-lista {
        top: 250px;
        left: 0px;
    }
}
@media (max-width: 320px) {
    .jumbotron {
        background: url(../images/back-phone.png) center bottom no-repeat rgba(4, 0, 0, .6)
    }
    .card-desk span {
        margin-left: 80px
    }
    .container-fluid {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .card-panel a.btn-floating {
        right: 24px;
        top: 30px
    }
    .card-panel span {
        margin-left: 40px
    }
    .card-block,
    .card-block-dark,
    .card-block-yellow {
        height: 210px
    }
    footer {
        position: relative
    }
    .fixed-btn {
        display: none
    }
}