body {
    background: url(../images/body_bkg.jpg);
}

a, a:focus, a:active {
    outline: none;
}

.navbar.navbar-inverse {
    border-radius: 0;
    min-height: 27px;
    background-color: #333333;
    border: none;
    border-bottom: 1px solid #202020;
}

.navbar-inverse > .container-fluid {
    border-right: 7px solid #cdcc00;
}

.navbar-inverse .navbar-nav > li > a {
    padding: 3px 5px;
    font-size: 11px;
    color: #ffffff;
}

    .navbar-inverse .navbar-nav > li > a:hover {
        text-decoration: underline;
    }

h1 {
    font-family: 'Abel', sans-serif;
    font-weight: normal;
    font-size: 48px;
}

h2 {
    font-family: 'Economica', sans-serif;
    font-weight: normal;
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 20px;
}

    h2.title, .device-result h2.title {
        font-size: 48px;
        margin-top: 70px;
        margin-bottom: 40px;
    }

        h2.title > span.info {
            display: block;
            font-size: 20px;
        }

.device-result h2.title {
    margin-bottom: 10px;
}

h1 > span {
    font-size: 24px;
    padding-left: 12px;
    margin-left: 7px;
    position: relative;
    font-weight: normal;
}

    h1 > span:before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 15px;
        bottom: 7px;
        left: -5px;
    }


    h1 > span.tablet {
        color: #17dab3;
    }

        h1 > span.tablet:before {
            border-bottom: 1px solid #17dab3;
        }

    h1 > span.notebook {
        color: #ff2b50;
    }

        h1 > span.notebook:before {
            border-bottom: 1px solid #ff2b50;
        }

    h1 > span.convertible {
        color: #f19b17;
    }

        h1 > span.convertible:before {
            border-bottom: 1px solid #f19b17;
        }

    h1 > span.allinone {
        color: #ba6fdd;
    }

        h1 > span.allinone:before {
            border-bottom: 1px solid #ba6fdd;
        }

    h1 > span.info {
        padding-left: 0px;
        margin-left: -5px;
        font-family: 'Economica', sans-serif;
    }

.spacer {
    padding: 15px 0;
    width: 100%;
    clear: both;
}

.spacer-2x {
    padding: 25px 0;
    width: 100%;
    clear: both;
}

.spacer-3x {
    padding: 50px 0;
    width: 100%;
    clear: both;
}

.btn-theme, .btn-recommend {
    background: #383838;
    border-radius: 25px;
    color: #ffffff;
    font-weight: bold;
    font-family: 'Economica', sans-serif;
    font-size: 20px;
    padding: 5px 25px;
}

    .btn-theme:hover, .btn-theme:active, .btn-theme:focus, .btn-recommend:hover, .btn-recommend:active, .btn-recommend:focus {
        color: #ffffff;
    }

    .btn-theme > span, .btn-recommend > span {
        position: relative;
        margin-right: 25px;
    }

        .btn-theme > span:after, .btn-recommend > span:after {
            background: url(../images/btn_arrow.png) no-repeat;
            content: "";
            width: 18px;
            height: 18px;
            display: inline-block;
            position: absolute;
            right: -25px;
            margin-top: 6px;
        }

.list-outside {
    padding-left: 15px;
}

    .list-outside li {
        padding-bottom: 20px;
    }

.page {
    position: relative;
}

.types .page {
    background: url(../images/diagonals.png) no-repeat;
    background-position: 100% 0%;
}

.types .main {
    background: url(../images/light.png) no-repeat;
    background-position: 100% 200px;
}

.page-content {
    max-width: 1300px;
    position: relative;
}

.sidebar-container {
    position: relative;
}

.content {
    position: relative;
    color: #ffffff;
    font-family: 'Abel', sans-serif;
    font-size: 16px;
}

.sidebar, .content {
    margin-top: 5px;
}

.sidebar {
    position: fixed;
    z-index: 999;
    left: 5%;
}

    .sidebar .logo > a {
        max-height: 75px;
        max-width: 100%;
        width: 100%;
        height: 74px;
        display: block;
        padding: 0;
        line-height: 74px;
    }

        .sidebar .logo > a > img {
            display: inline-block;
        }

    .sidebar .sidebar-nav {
        margin-top: 60px;
        color: #ffffff;
        font-family: 'Abel', sans-serif;
    }

        .sidebar .sidebar-nav > ul {
            margin: 0;
            padding: 0;
        }

        .sidebar .sidebar-nav li ul {
            margin: 10px 0;
        }

        .sidebar .sidebar-nav li li {
            list-style-type: none;
            font-size: 16px;
        }

            .sidebar .sidebar-nav li li:before {
                font-size: 10px;
                display: block;
                float: left;
                content: '\2022';
                margin-right: 5px;
                margin-top: 4px;
            }

        .sidebar .sidebar-nav > ul > li {
            list-style: none;
            margin-top: 15px;
        }

            .sidebar .sidebar-nav > ul > li.sidebar-toggle > a:before, .sidebar .sidebar-nav > ul > li > a:before {
                background: url(../images/nav_bullets.png) no-repeat;
                background-position: 0 -15px;
                width: 16px;
                height: 15px;
                display: inline-block;
                content: "";
                margin-right: 10px;
                margin-bottom: 0;
            }

            .sidebar .sidebar-nav > ul > li > a:before {
                background: none;
            }

            .sidebar .sidebar-nav > ul > li.sidebar-toggle > a.collapsed:before {
                background: url(../images/nav_bullets.png) no-repeat;
                background-position: 0 0;
            }

        .sidebar .sidebar-nav li a {
            color: #ffffff;
            text-decoration: none;
        }

            .sidebar .sidebar-nav li a:hover {
                text-decoration: underline;
            }

        .sidebar .sidebar-nav > ul > li > a {
            text-transform: uppercase;
            font-size: 18px;
        }

.recommend {
    border: 1px solid #494949;
    float: left;
    padding: 8px 15px 12px;
    border-radius: 10px;
    background-color: #bdd500;
    color: #fff;
    position: relative;
    max-width: 310px;
    margin-top: 60px;
    width: 100%;
}

    .recommend a.info {
        font-family: 'Economica', sans-serif;
        font-size: 18px;
        position: relative;
        padding-left: 60px;
        display: block;
        color: #353535;
        text-decoration: none;
    }

        .recommend a.info:before {
            background: url(../images/recomendador.png) no-repeat;
            content: "";
            width: 48px;
            height: 55px;
            display: block;
            position: absolute;
            left: 0;
            top: 5px;
        }

        .recommend a.info > span {
            display: inline-block;
            color: #ffffff;
        }

            .recommend a.info > span:after {
                background: url(../images/r_arrow.png) no-repeat;
                content: "";
                width: 15px;
                height: 15px;
                display: inline-block;
                float: right;
                margin-left: 5px;
                margin-top: 5px;
            }

.carousel-fade .carousel-inner > .item {
    left: 0 !important;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    overflow: hidden;
}

.right.carousel-control, .left.carousel-control {
    filter: none;
}

#home-carousel .item .carousel-caption a {
    font-family: 'Economica', sans-serif;
    font-size: 32px;
    color: #ffffff;
}

    #home-carousel .item .carousel-caption a:hover {
        text-decoration: none;
    }

    #home-carousel .item .carousel-caption a > span {
        color: #cdcc00;
    }

#home-carousel .item .carousel-caption.tablet {
    top: 60%;
    left: auto;
    right: 0%;
}

#home-carousel .item .carousel-caption.notebook {
    top: 35%;
    left: 5%;
    right: auto;
}

#home-carousel .item .carousel-caption.convertible, #home-carousel .item .carousel-caption.allinone {
    top: 40%;
    left: auto;
    right: 0%;
}

.home-carousel-indicators {
    margin-right: 50px;
}

    .home-carousel-indicators li, .home-carousel-indicators li:hover {
        float: left;
        list-style: none;
        cursor: pointer;
        margin: 20px 10px 0;
        width: 33px;
        height: 32px;
        display: block;
    }

        .home-carousel-indicators li:before {
            background-image: url(../images/home_bullets.png);
            width: 27px;
            height: 32px;
            display: block;
            float: left;
            content: "";
        }

        .home-carousel-indicators li.tablet:before {
            background-position: 0 0;
        }

        .home-carousel-indicators li.tablet.active:before, .home-carousel-indicators li.tablet:hover:before {
            background-position: 0 -40px;
        }

        .home-carousel-indicators li.notebook:before {
            background-position: -47px 0;
            width: 33px;
        }

        .home-carousel-indicators li.notebook.active:before, .home-carousel-indicators li.notebook:hover:before {
            background-position: -47px -40px;
        }

        .home-carousel-indicators li.convertible:before {
            background-position: -100px 0;
            width: 31px;
        }

        .home-carousel-indicators li.convertible.active:before, .home-carousel-indicators li.convertible:hover:before {
            background-position: -100px -40px;
        }

        .home-carousel-indicators li.allinone:before {
            background-position: -148px 0;
            width: 33px;
        }

        .home-carousel-indicators li.allinone.active:before, .home-carousel-indicators li.allinone:hover:before {
            background-position: -148px -40px;
        }

.social {
    position: fixed;
    top: 10%;
    right: 2%;
}

    .social ul li {
        list-style: none;
        padding: 5px 0;
    }

        .social ul li a {
            background-image: url(../images/micrositio-social.png);
            width: 20px;
            height: 20px;
            display: block;
            text-decoration: none;
        }

            .social ul li a.facebook {
                background-position: 0 0;
            }

            .social ul li a.twitter {
                background-position: 0 -29px;
            }

            .social ul li a.tumblr {
                background-position: 0 -57px;
            }

            .social ul li a.pinterest {
                background-position: 0 -86px;
            }

            .social ul li a.googleplus {
                background-position: 0 -114px;
            }

.showcase {
    position: relative;
}

    .showcase a {
        position: absolute;
        bottom: 10%;
        right: 0%;
    }

.table.convertible > tbody > tr > td {
    border-color: #4c4c4c;
    padding: 20px 15px;
    text-align: center;
    font-family: 'Abel', sans-serif;
}

    .table.convertible > tbody > tr > td > p {
        color: #d5d5d5;
    }

    .table.convertible > tbody > tr > td > img {
        min-height: 100px;
        margin: 0 auto;
    }

.features ul, .features li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: 'Abel', sans-serif;
}

.features li {
    margin-top: 40px;
    padding-right: 15px;
}

    .features li:before {
        width: 66px;
        height: 66px;
        display: inline-block;
        content: "";
        float: left;
        margin-top: -15px;
        margin-right: 20px;
    }

.features .tablet li:before {
    background-image: url(../images/tablet_bullets.png);
}

.features .tablet li.touch:before {
    background-position: 0 0;
}

.features .tablet li.fast:before {
    background-position: 0 -96px;
}

.features .tablet li.graphics:before {
    background-position: 0 -192px;
}

.features .tablet li.multitask:before {
    background-position: 0 -290px;
}

.features .tablet li.battery:before {
    background-position: 0 -386px;
}

.features .notebook li:before {
    background-image: url(../images/notebook_bullets_V2.png);
}

.features .notebook li.portable:before {
    background-position: 0 0;
}

.features .notebook li.powerful:before {
    background-position: 0 -96px;
}
.features .notebook li.face:before {
    background-position: 0 -393px;
}
.features .notebook li.light:before {
    background-position: 0 -500px;
}

.features .notebook li.graphics:before {
    background-position: 0 -194px;
}

.features .notebook li.fast:before {
    background-position: 0 -290px;
}

.features .convertible li:before {
    background-image: url(../images/convertible_bullets_V2.png);
}

.features .convertible li.screen:before {
    background-position: 0 0;
}

.features .convertible li.thin:before {
    background-position: 0 -98px;
}

.features .convertible li.keyboard:before {
    background-position: 0 -194px;
}

.features .convertible li.touch:before {
    background-position: 0 -292px;
}
.features .convertible li.bateria:before {
    background-position: 0 -471px;
}
.features .convertible li.dosenuno:before {
    background-position: 0 -936px;
}

.features .allinone li:before {
    background-image: url(../images/all_in_one_bullets.png);
}

.features .allinone li.screen:before {
    background-position: 0 0;
}

.features .allinone li.mobility:before {
    background-position: 0 -96px;
}

.features .allinone li.fast:before {
    background-position: 0 -192px;
}

.features .allinone li.great:before {
    background-position: 0 -290px;
}

.features .allinone li.powerful:before {
    background-position: 0 -386px;
}

.features .allinone li.media:before {
    background-position: 0 -482px;
}

.convertible-desc {
}

    .convertible-desc .desc {
        border-radius: 5px;
        border: 1px solid #444;
        padding-top: 25px;
        padding-bottom: 30px;
    }

        .convertible-desc .desc > p {
            padding-bottom: 20px;
        }

    .convertible-desc .chars {
        background: #111111;
        margin-top: 25px;
        padding-bottom: 20px;
        border: 1px solid #111111;
        border-radius: 5px;
    }

        .convertible-desc .chars ul {
            margin: 20px 0 0 0;
            padding: 20px 0 0 0;
        }

        .convertible-desc .chars li {
            list-style: none;
            padding-bottom: 15px;
            display: block;
            clear: both;
        }

            .convertible-desc .chars li:before {
                background: url(../images/char_bullerts.png) no-repeat;
                width: 47px;
                height: 47px;
                display: block;
                content: "";
                float: left;
                margin-top: -6px;
                margin-right: 10px;
                margin-bottom: 20px;
            }

            .convertible-desc .chars li.screen:before {
                background-position: 0 0;
            }

            .convertible-desc .chars li.transform:before {
                background-position: 0 -60px;
            }

            .convertible-desc .chars li.storage:before {
                background-position: 0 -126px;
            }

            .convertible-desc .chars li.sound:before {
                background-position: 0 -196px;
            }

        .convertible-desc .chars .btn-theme {
            padding: 5px 15px;
            margin-top: 10px;
            width: 100%;
        }

#carousel-convertible-intel,
#carousel-intel-smart,
#carousel-componentes-processor {
    padding-top: 40px;
    padding-bottom: 40px;
}

    #carousel-convertible-intel .carousel-control,
    #carousel-intel-smart .carousel-control,
    #carousel-componentes-processor .carousel-control {
        background: none !important;
        opacity: 1;
    }

    #carousel-intel-smart .carousel-control,
    #carousel-componentes-processor .carousel-control {
        width: 15px;
    }

        #carousel-convertible-intel .carousel-control .glyphicon-chevron-left,
        #carousel-convertible-intel .carousel-control .glyphicon-chevron-right,
        #carousel-intel-smart .carousel-control .glyphicon-chevron-left,
        #carousel-intel-smart .carousel-control .glyphicon-chevron-right,
        #carousel-componentes-processor .carousel-control .glyphicon-chevron-left,
        #carousel-componentes-processor .carousel-control .glyphicon-chevron-right {
            font-family: FontAwesome;
        }

            #carousel-convertible-intel .carousel-control .glyphicon-chevron-left:before,
            #carousel-intel-smart .carousel-control .glyphicon-chevron-left:before,
            #carousel-componentes-processor .carousel-control .glyphicon-chevron-left:before {
                content: "\f104";
            }

            #carousel-convertible-intel .carousel-control .glyphicon-chevron-right:before,
            #carousel-intel-smart .carousel-control .glyphicon-chevron-right:before,
            #carousel-componentes-processor .carousel-control .glyphicon-chevron-right:before {
                content: "\f105";
            }

    #carousel-convertible-intel .item {
        max-height: 500px;
    }

        #carousel-convertible-intel .item > img {
            max-width: 650px;
            margin: 0 auto;
            width: 100%;
        }

    #carousel-intel-smart .item,
    #carousel-intel-smart .item .desc {
        min-height: 146px;
        max-height: 146px;
        overflow: hidden;
    }

    #carousel-componentes-processor .item {
        min-height: 341px;
        max-height: 341px;
        overflow: hidden;
    }
    #carousel-componentes-processor .item{
        text-align: center;
    }
        #carousel-componentes-processor .item .desc h3 {
            margin-top: 10px;
        }

        #carousel-componentes-processor .item .img {
            position: relative;
        }

            #carousel-componentes-processor .item .img > img {
                margin: 0 auto;
            }

            #carousel-componentes-processor .item .img:after {
                box-shadow: 0px 5px 35px 15px #000;
                content: "";
                position: absolute;
                width: 50%;
                height: 50%;
                left: 25%;
                top: 25%;
                border-radius: 100%;
                z-index: -1;
            }

    #carousel-intel-smart .item > .slide {
        width: 691px;
        margin: 0 auto;
        float: none;
    }

    #carousel-intel-smart .item .desc {
        background: #000;
        width: 430px;
        overflow: hidden;
        display: inline-block;
        line-height: 186px;
    }

    #carousel-intel-smart .item .desc, #carousel-intel-smart .item .img {
        padding: 0;
        float: left;
        margin: 0;
    }

    #carousel-intel-smart .item .img {
        width: 231px;
        overflow: hidden;
    }

    #carousel-intel-smart .item .desc p {
        padding: 0 25px;
        font-size: 24px;
        font-family: 'Abel', sans-serif;
        line-height: normal;
        display: inline-block;
    }

    #carousel-intel-smart .carousel-indicators,
    #carousel-componentes-processor .carousel-indicators {
        bottom: -20px;
    }

        #carousel-convertible-intel .carousel-indicators li, #carousel-convertible-intel .carousel-indicators li.active,
        #carousel-intel-smart .carousel-indicators li, #carousel-intel-smart .carousel-indicators li.active,
        #carousel-componentes-processor .carousel-indicators li, #carousel-componentes-processor .carousel-indicators li.active {
            height: 15px;
            width: 15px;
            border: 1px solid #555555;
            background-color: #1d1d1d;
            margin: 1px;
        }

            #carousel-convertible-intel .carousel-indicators li.active,
            #carousel-intel-smart .carousel-indicators li.active,
            #carousel-componentes-processor .carousel-indicators li.active {
                border-color: #ffffff;
            }

    #carousel-intel-smart .shadow {
        background: url(../images/intel_smart_shadow.png) no-repeat center center;
        position: absolute;
        bottom: 15px;
        left: 5%;
        width: 90%;
        display: inline-block;
        content: "";
        height: 64px;
        z-index: -1;
    }

.cp-container {
    min-height: 150px;
}

.component-desc {
    border-left: 8px solid #ffffff;
    min-height: 100px;
    background: #404040;
}

    .component-desc .title {
        padding: 0;
    }

    .component-desc .desc {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .component-desc:after {
        background: url(../images/componentes_desc_shadow.png) no-repeat center center;
        position: absolute;
        bottom: -20px;
        left: 0;
        width: 100%;
        display: inline-block;
        content: "";
        height: 40px;
        z-index: -1;
    }

    .component-desc h2 {
        margin-top: 20px;
        margin-left: 10px;
        position: relative;
    }

        .component-desc h2:before {
            content: "";
            border: 8px solid #ffffff;
            border-top-color: transparent;
            border-bottom-color: transparent;
            border-right-color: transparent;
            position: absolute;
            top: 10px;
            left: -10px;
        }

.table.table-componentes-processor {
    font-family: 'Abel', sans-serif;
    position: relative;
}

    .table.table-componentes-processor:after {
        box-shadow: 0px 5px 25px 10px #000;
        content: "";
        position: absolute;
        width: 90%;
        height: 50%;
        left: 5%;
        bottom: 0%;
        border-radius: 100%;
        z-index: -1;
    }

    .table.table-componentes-processor > thead > tr > th {
        background: #1a6198;
        padding: 20px;
        border-bottom: 0;
        width: 33.33%;
    }

    .table.table-componentes-processor > tbody > tr > td {
        border-top: 0;
        padding: 20px;
    }

    .table.table-componentes-processor > thead > tr > th.th-even {
        background: #004f8c;
    }

    .table.table-componentes-processor > thead > tr > th.first {
        border-top-left-radius: 10px;
    }

    .table.table-componentes-processor > thead > tr > th.last {
        border-top-right-radius: 10px;
    }

    .table.table-componentes-processor > tbody > tr.tr-odd > td {
        background: #454545;
    }

    .table.table-componentes-processor > tbody > tr.tr-even > td {
        background: #585858;
    }

    .table.table-componentes-processor > tbody > tr.tr-odd > td.td-even {
        background: #404040;
    }

    .table.table-componentes-processor > tbody > tr.tr-even > td.td-even {
        background: #535353;
    }

.storage-types {
    margin-top: 20px;
}

    .storage-types .type {
        background: #00508d;
        background-image: linear-gradient(#00508d, #008fbb);
        border-radius: 5px;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 20px;
    }

        .storage-types .type h3 {
            margin: 0;
            width: 100%;
            border-bottom: 2px groove rgba(60, 208, 254, 0.60);
            padding-bottom: 4px;
            margin-bottom: 4px;
        }

        .storage-types .type:after {
            background: url(../images/storage_type_shadow.png) no-repeat center center;
            position: absolute;
            bottom: -10px;
            width: 100%;
            left: 0;
            display: inline-block;
            content: "";
            height: 23px;
            z-index: -1;
        }

.accessories .item {
    padding-top: 20px;
    padding-bottom: 20px;
    border: 3px groove #333;
    border-radius: 20px;
}

    .accessories .item.first {
        border: none;
    }

    .accessories .item.odd {
        border-top: none;
        border-bottom: none;
        border-left: none;
    }

    .accessories .item.even {
        border-right: 50px solid transparent;
    }

    .accessories .item .btn-theme {
        padding: 0 15px;
        margin-top: 20px;
    }

.recommend-device {
    position: relative;
    /*background: #1f1f1f;
    border: 1px solid #484848;*/
    height: 220px;
}

    .recommend-device .title > h2 {
        margin-top: 10px;
    }

    .recommend-device .step > small {
        padding-top: 20px;
        display: block;
    }

    .recommend-device .btn-recommend {
        position: absolute;
        bottom: 20px;
        right: 0;
        z-index: 100;
        width: 180px;
    }

        .recommend-device .btn-recommend.tablet {
            background: #17dab3;
        }

        .recommend-device .btn-recommend.notebook {
            background: #ff2b50;
        }

        .recommend-device .btn-recommend.convertible {
            background: #ba6fdd;
        }

        .recommend-device .btn-recommend.allinone {
            background: #f19b17;
        }

    .recommend-device .devices ul {
        margin: 0;
        padding: 15px;
    }

    .recommend-device .devices li {
        list-style: none;
        margin-top: 20px;
        height: 150px;
        line-height: 320px;
        padding: 0;
        display: block;
    }

        .recommend-device .devices li > a {
            display: block;
            text-align: center;
            height: 180px;
            padding: 0;
            width: 140px;
            color: #ffffff;
            text-decoration: none;
            position: relative;
        }

            .recommend-device .devices li > a:before {
                background-image: url(../images/recommend_devices.png);
                width: 130px;
                height: 130px;
                display: block;
                position: absolute;
                left: 5px;
                top: 5px;
                content: "";
                z-index: 2;
            }


            .recommend-device .devices li > a:after {
                background: #1f1f1f;
                border-radius: 5px;
                border: 1px solid #484848;
                width: 140px;
                height: 140px;
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                content: "";
                z-index: 1;
            }

            .recommend-device .devices li > a.tablet:before {
                background-position: 0 0;
            }

            .recommend-device .devices li > a.notebook:before {
                background-position: -172px 0;
            }

            .recommend-device .devices li > a.convertible:before {
                background-position: -516px 0;
            }

            .recommend-device .devices li > a.allinone:before {
                background-position: -344px 0;
            }

            .recommend-device .devices li > a.tablet:hover:after, .recommend-device .devices li > a.tablet.active:after {
                background: #17dab3;
                border-color: #17dab3;
            }

            .recommend-device .devices li > a.notebook:hover:after, .recommend-device .devices li > a.notebook.active:after {
                background: #ff2b50;
                border-color: #ff2b50;
            }

            .recommend-device .devices li > a.convertible:hover:after, .recommend-device .devices li > a.convertible.active:after {
                background: #ba6fdd;
                border-color: #ba6fdd;
            }

            .recommend-device .devices li > a.allinone:hover:after, .recommend-device .devices li > a.allinone.active:after {
                background: #f19b17;
                border-color: #f19b17;
            }

    .recommend-device .device-features ul {
        margin: 0;
        padding: 10px 0;
        list-style: none;
        background: #333333;
        border: 1px solid #484848;
        border-radius: 5px;
    }

    .recommend-device .device-features li {
        margin: 5px 0;
		cursor:pointer;
    }

        .recommend-device .device-features li > a {
            position: relative;
            display: block;
            height: 55px;
            overflow: hidden;
            border-radius: 5px;
            padding-left: 65px;
            line-height: 55px;
            color: #fff;
            text-decoration: none;
        }

    .recommend-device .device-features.tablet li > a.active:after, .recommend-device .device-features.tablet li > a:hover:after, .recommend-device .device-features.tablet li > a:focus:after, .recommend-device .device-features.tablet li > a:active:after {
        border-color: #058a6f;
        background: #058a6f;
    }

    .recommend-device .device-features.tablet li > a.active, .recommend-device .device-features.tablet li > a:hover, .recommend-device .device-features.tablet li > a:focus, .recommend-device .device-features.tablet li > a:active {
        background: #17dab3;
    }

    .recommend-device .device-features.notebook li > a.active:after, .recommend-device .device-features.notebook li > a:hover:after, .recommend-device .device-features.notebook li > a:focus:after, .recommend-device .device-features.notebook li > a:active:after {
        border-color: #c50f2f;
        background: #c50f2f;
    }

    .recommend-device .device-features.notebook li > a.active, .recommend-device .device-features.notebook li > a:hover, .recommend-device .device-features.notebook li > a:focus, .recommend-device .device-features.notebook li > a:active {
        background: #ff2b50;
    }

    .recommend-device .device-features.convertible li > a.active:after, .recommend-device .device-features.convertible li > a:hover:after, .recommend-device .device-features.convertible li > a:focus:after, .recommend-device .device-features.convertible li > a:active:after {
        border-color: #9048b2;
        background: #9048b2;
    }

    .recommend-device .device-features.convertible li > a.active, .recommend-device .device-features.convertible li > a:hover, .recommend-device .device-features.convertible li > a:focus, .recommend-device .device-features.convertible li > a:active {
        background: #ba6fdd;
    }

    .recommend-device .device-features.allinone li > a.active:after, .recommend-device .device-features.allinone li > a:hover:after, .recommend-device .device-features.allinone li > a:focus:after, .recommend-device .device-features.allinone li > a:active:after {
        border-color: #c17501;
        background: #c17501;
    }

    .recommend-device .device-features.allinone li > a.active, .recommend-device .device-features.allinone li > a:hover, .recommend-device .device-features.allinone li > a:focus, .recommend-device .device-features.allinone li > a:active {
        background: #f19b17;
    }

    .recommend-device .device-features li > a:before {
        background-image: url(../images/device_features_icons.png);
        width: 45px;
        height: 45px;
        display: block;
        position: absolute;
        content: "";
        left: 5px;
        top: 5px;
        z-index: 2;
    }

    .recommend-device .device-features li > a:after {
        border: 1px solid #484848;
        background: #242424;
        border-radius: 5px;
        width: 55px;
        height: 55px;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        z-index: 1;
    }

    .recommend-device .device-features li > a.email:before {
        background-position: 0 0;
    }

    .recommend-device .device-features li > a.email.active:before, .recommend-device .device-features li > a.email:hover:before, .recommend-device .device-features li > a.email:focus:before, .recommend-device .device-features li > a.email:active:before {
        background-position: 0 -45px;
    }

    .recommend-device .device-features li > a.photos:before {
        background-position: -45px 0;
    }

    .recommend-device .device-features li > a.photos.active:before, .recommend-device .device-features li > a.photos:hover:before, .recommend-device .device-features li > a.photos:focus:before, .recommend-device .device-features li > a.photos:active:before {
        background-position: -45px -45px;
    }

    .recommend-device .device-features li > a.cart:before {
        background-position: -90px 0;
    }

    .recommend-device .device-features li > a.photos.active:before, .recommend-device .device-features li > a.photos:hover:before, .recommend-device .device-features li > a.photos:focus:before, .recommend-device .device-features li > a.photos:active:before {
        background-position: -90px -45px;
    }

    .recommend-device .device-features li > a.board:before {
        background-position: -135px 0;
    }

    .recommend-device .device-features li > a.board.active:before, .recommend-device .device-features li > a.board:hover:before, .recommend-device .device-features li > a.board:focus:before, .recommend-device .device-features li > a.board:active:before {
        background-position: -135px -45px;
    }

    .recommend-device .device-features li > a.connect:before {
        background-position: -180px 0;
    }

    .recommend-device .device-features li > a.connect.active:before, .recommend-device .device-features li > a.connect:hover:before, .recommend-device .device-features li > a.connect:focus:before, .recommend-device .device-features li > a.connect:active:before {
        background-position: -180px -45px;
    }

    .recommend-device .device-features li > a.headphones:before {
        background-position: -225px 0;
    }

    .recommend-device .device-features li > a.headphones.active:before, .recommend-device .device-features li > a.headphones:hover:before, .recommend-device .device-features li > a.headphones:focus:before, .recommend-device .device-features li > a.headphones:active:before {
        background-position: -225px -45px;
    }

    .recommend-device .device-features li > a.window:before {
        background-position: -270px 0;
    }

    .recommend-device .device-features li > a.window.active:before, .recommend-device .device-features li > a.window:hover:before, .recommend-device .device-features li > a.window:focus:before, .recommend-device .device-features li > a.window:active:before {
        background-position: -270px -45px;
    }

    .recommend-device .device-features li > a.film:before {
        background-position: -315px 0;
    }

    .recommend-device .device-features li > a.film.active:before, .recommend-device .device-features li > a.film:hover:before, .recommend-device .device-features li > a.film:focus:before, .recommend-device .device-features li > a.film:active:before {
        background-position: -315px -45px;
    }

    .recommend-device .device-features li > a.cup:before {
        background-position: -360px 0;
    }

    .recommend-device .device-features li > a.cup.active:before, .recommend-device .device-features li > a.cup:hover:before, .recommend-device .device-features li > a.cup:focus:before, .recommend-device .device-features li > a.cup:active:before {
        background-position: -360px -45px;
    }

    .recommend-device .device-features li > a.pie:before {
        background-position: -405px 0;
    }

    .recommend-device .device-features li > a.pie.active:before, .recommend-device .device-features li > a.pie:hover:before, .recommend-device .device-features li > a.pie:focus:before, .recommend-device .device-features li > a.pie:active:before {
        background-position: -405px -45px;
    }

    .recommend-device .device-features li > a.edit:before {
        background-position: -450px 0;
    }

    .recommend-device .device-features li > a.edit.active:before, .recommend-device .device-features li > a.edit:hover:before, .recommend-device .device-features li > a.edit:focus:before, .recommend-device .device-features li > a.edit:active:before {
        background-position: -450px -45px;
    }

    .recommend-device .device-features li > a.video:before {
        background-position: -495px 0;
    }

    .recommend-device .device-features li > a.video.active:before, .recommend-device .device-features li > a.video:hover:before, .recommend-device .device-features li > a.video:focus:before, .recommend-device .device-features li > a.video:active:before {
        background-position: -495px -45px;
    }

    .recommend-device .device-features li > a.mic:before {
        background-position: -540px 0;
    }

    .recommend-device .device-features li > a.mic.active:before, .recommend-device .device-features li > a.mic:hover:before, .recommend-device .device-features li > a.mic:focus:before, .recommend-device .device-features li > a.mic:active:before {
        background-position: -540px -45px;
    }

    .recommend-device .device-features li > a.doodle:before {
        background-position: -585px 0;
    }

    .recommend-device .device-features li > a.doodle.active:before, .recommend-device .device-features li > a.doodle:hover:before, .recommend-device .device-features li > a.doodle:focus:before, .recommend-device .device-features li > a.doodle:active:before {
        background-position: -585px -45px;
    }

    .recommend-device .device-features li > a.transform:before {
        background-position: -630px 0;
    }

    .recommend-device .device-features li > a.transform.active:before, .recommend-device .device-features li > a.transform:hover:before, .recommend-device .device-features li > a.transform:focus:before, .recommend-device .device-features li > a.transform:active:before {
        background-position: -630px -45px;
    }

    .recommend-device .device-features li > a.mouse:before {
        background-position: -675px 0;
    }

    .recommend-device .device-features li > a.mouse.active:before, .recommend-device .device-features li > a.mouse:hover:before, .recommend-device .device-features li > a.mouse:focus:before, .recommend-device .device-features li > a.mouse:active:before {
        background-position: -675px -45px;
    }

.device-result {
    position: relative;
}

    .device-result .result-info, .device-result .recommend-device {
        position: relative;
        z-index: 2;
    }

    .device-result .recommend-device {
        top: -50px;
        z-index: -1;
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .device-result h2.title {
        margin-top: 10px;
        margin-left: 105px;
        line-height: 130px;
    }

        .device-result h2.title:before {
            background-image: url(../images/recommend_devices.png);
            width: 130px;
            height: 130px;
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            content: "";
            z-index: 2;
        }

    .device-result h2.tablet:before {
        background-position: 0 0;
        top: 5px;
    }

    .device-result h2.notebook:before {
        background-position: -172px 0;
        top: 15px;
    }

    .device-result h2.convertible:before {
        background-position: -516px 0;
        top: 10px;
    }

    .device-result h2.allinone:before {
        background-position: -344px 0;
        top: 5px;
    }

    .device-result .recommend-device h3 {
        margin-top: 10px;
    }

    .device-result .btn-theme {
        position: absolute;
        padding: 0px 15px;
        bottom: 35px;
        right: 43%;
        z-index: 1000;
    }

.footer {
    background: url(../images/falabella_logo.jpg) no-repeat;
    background-position: right center;
    min-height: 73px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.litetooltip-hotspot-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    margin: 0 auto;
}

.litetooltip-hotspot-container {
    position: relative;
    height: 0px;
}

    .litetooltip-hotspot-container img {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 2;
    }

    .litetooltip-hotspot-container .hotspot {
        position: absolute;
        z-index: 3;
        cursor: pointer;
        background: url(../images/spacer.png) !important;
        border: none !important;
    }

        .litetooltip-hotspot-container .hotspot .data-container {
            display: none;
        }

    .litetooltip-hotspot-container img {
        max-width: 100%;
    }