html,
body{
    /*height: 100%;*/
}
/**submenú de cabecera**/
#header.submenu_open .main_bar .main_menu .sub_menu{
    z-index: 9999;
}
/**hacemos que prevalezca por encima el submenú de cabecera**/
.bike-configurator .top-text,
.content-detallebici,
.back-menu__ico{
    z-index: 2;
}
/**hacemos más estrecho el footer**/
#footer .footer_bottom{
    padding-top: 5px;
    padding-bottom: 5px;
}
/**main**/
#main,
#content.fullWidth{
    min-height: calc(100vh - 155px) !important; /*se pisa min-height para que el contenido llegue hasta el 100% de la pantalla*/
}
/**footer**/
footer#footer{
    bottom: 0 !important; /*le quitamos el -44px que tiene en línea*/
}
#footer .footer_bottom .menu-bottom li{
    margin-bottom: 0;
}
/**ocultamos bloque anterior de menú, texto votar**/
.bike-configurator .options,
.votacionbike-headerdown{
    visibility: hidden;
    text-indent: -9999em;
    display: none;
}
/**contenedor general: bici y menú**/
.bike-configurator{
    height: calc(100vh - 4.5rem); /*altura del header*/
    padding: 0;
    margin:  0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-color: #f7f7f7;
}
/**parte izquierda: bici**/
.bike-viewer{
    -webkit-flex-basis: calc(100% - 290px);
    -moz-flex-basis: calc(100% - 290px);
    -ms-flex-basis: calc(100% - 290px);
    -o-flex-basis: calc(100% - 290px);
    flex-basis: calc(100% - 290px);
    height: 80%;
    background-image: none !important;
}
.bike-configurator .bike-viewer .bike-part{
    height: 100%;
}
.content-detallebici{
   width: 50%;
    margin-top: 2%;
}
/*texto título bici*/
.bike-configurator .top-text{
    width: calc(100% - 438px);
}
.bike-configurator #product_top{
    max-width: 185px;
    margin: 2% 0 0 1%; /*40px*/
    text-align: center;
}
.bike-configurator #product_top .title_container h1.title{
    width: 100%;
    font-size: 1.1em;
    color: #8d8d8d;
    text-align: center;
}
.bike-configurator #product_top .title_container img.category2_logo{
    width: 100%;
    max-width: 185px;
    height: auto;
    display: block;
    margin-bottom: 2%;
}
/*listado actions*/
.open-actions,
.actions{
    width: 40px;
    left: 20px;
}
#right_cart .actions{
    left: 0;
}
.open-actions,
.action-button{
    height: 40px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
}
.open-actions span,
.action-button,
.action-button__icon{
    line-height: 40px;
    font-size: 23px;
}
.action-button{
    color: #000;
}
.open-actions:hover,
.action-button:hover{
    background-color: #cd202c;
    color: #fff;
}
.open-actions{
    position: absolute;
    bottom: 6%;
    z-index: 1;
    color: #cd202c;
    text-align: center;
    cursor: pointer;
}
.actions{
    display: none;
    position: absolute;
    top: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    bottom: calc(6% + 42px);
    z-index: 3;
    text-align: center;
}
#right_cart .actions{
    display: block;
}
.action-button{
    width: 100%;
    margin-bottom: 2px;
    display: block;
}
.action-button__name{
    display: none;
}
.action-button--whatsapp{
    background-color: #25D366;
}
.action-button .fa-whatsapp{
    color: #fff;
}
/*parte compra de bici*/
.block-buy--unique{
    width: 98%;
    max-width: 260px;
    margin: 0 auto;
    position: absolute;
    bottom: 6%;
    left: 50%;
    margin-left: -260px;
    /*-wekbit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);*/
}
.bike-configurator .bike-configurator__price{
    margin-bottom: 5px;
    font-size: 1.3em;
    font-weight: 800;
    text-align: center;
}
/**parte derecha: menú bhunique**/
.menu-bhunique{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 290px;
    height: 100%;
    position: relative;
    text-align: center;
    background-color: #fff;
    border-left: 1px solid #d9d9d9;
}
/*lista*/
.menu-bhunique__list,
.options-menu{
    height: calc(100vh - 230px);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
}
.options-menu{
    width: calc(100% - 55px);
}
/*listado iconos acceso directo*/
.direct-access-menu {
    display: none;
    overflow: hidden;
    width: 55px;
    position: absolute;
    right: 0;
    top: 56px;
    padding: 20px 0;
    height: calc(100vh - 220px);
}
.direct-access-container {
    height: 100%;
    overflow: hidden;
}
.direct-access-list {
    z-index: 1;
}
.direct-access__item{
    position: relative;
    margin-bottom: 5px;
    border-left: 3px solid #999;
    text-align: right;
}
.direct-access__item.active-item{
    border-left-color: #cd202c;
    background-color: #666;
}
.comment-img{
    visibility: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 55px;
    z-index: 2;
    background-color: #f7f7f7;
    font-size: .8em;
    font-weight: 600;
    color: #000;
    text-align: center;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
.direct-access__item:hover .comment-img{
    visibility: visible;
    left: 0;
}
.comment-img span{
    display: block;
}
.direct-access__item a{
    display: block;
    padding: 10px 0;
    overflow: hidden;
}
.direct-access__item img{
    margin: 0 auto;
    max-width: 36px;
    display: block;
    /*float: right;*/
}
.direct-access__item img.negativo{
    display: none;
}
.direct-access__item.active-item img.negativo{
    display: block;
}
.direct-access__item.active-item img:not(.negativo){
    display: none;
}
/*flechita scroll de acceso directo*/
.arrow-scroll-down {
    display: none;
    width: 55px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #cd202c;
    cursor: pointer;
    font-size: 1em;
    font-weight: 600;
    color: #fff;
}
.arrow-scroll-up {
    display: none;
    width: 55px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #cd202c;
    cursor: pointer;
    font-size: 1em;
    font-weight: 600;
    color: #fff;
}
/*scroll*/
.menu-bhunique__list .mCSB_inside > .mCSB_container,
.mCSB_inside > .mCSB_container{
    margin-right: 0;
}
.mCSB_scrollTools{
    left: 0;
}
.mCSB_scrollTools .mCSB_draggerRail,
.mCSB_scrollTools .mCSB_dragger.actions,
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 6px;
    border-radius: 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
    width: 6px;
    border: 0;
    background-color: #f7f7f7;
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background-color: #b3b3b3;
}
.modal-content .mCSB_scrollTools,
.direct-access-list .mCSB_scrollTools{
    left: auto;
    right: 0;
}
.modal-content .mCSB_scrollTools .mCSB_draggerRail,
.modal-content .mCSB_scrollTools .mCSB_dragger.actions,
.modal-content .mCSB_scrollTools,
.modal-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.direct-access-list .mCSB_scrollTools .mCSB_draggerRail,
.direct-access-list .mCSB_scrollTools .mCSB_dragger.actions,
.direct-access-list .mCSB_scrollTools,
.direct-access-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 2px;
    background-color: rgba(0, 0, 0, .9);
}
.modal-content .mCSB_scrollTools .mCSB_draggerRail,
.direct-access-list .mCSB_scrollTools .mCSB_draggerRail{
    width: 2px;
    background-color: rgba(0, 0, 0, .7);
}
/*elementos de la lista*/
.bhunique-list-item{
    border-bottom: 1px solid #d9d9d9;
}
/*.bhunique-list-item:hover{
    background-color: #eee;
}*/
.bhunique-list-item:hover img{
    background-color: #fff;
}
.bhunique-list-item .js-categoria-select,
.options-menu span{
    width: 100%;
    display: block;
    padding: 0;
    text-decoration: none;
    text-transform: capitalize;
    cursor: pointer;
}
.bhunique-list-item .js-categoria-select figure,
.options-menu .js-select-option figure{
    min-width: 173px;
    margin: 0 10px;
    padding: 15px 0;
    position: relative;
}
/*.options-menu .js-select-option figure{
    max-width: 210px;
}*/
.options-menu li:hover{
    background-color: #eee;
}
.options-menu .js-select-option.option-active figure::before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 15px;
    left: 6px;
    border-top: 60px solid #c50f0e;
    border-right: 60px solid transparent;
}
.options-menu .js-select-option.option-active figure::after{
    font-family: FontAwesome;
    content: '\f00c';
    position: absolute;
    top: 25px;
    left: 12px;
    font-size: 1.5em;
    font-weight: 100;
    color: #fff;
}
.bhunique-list-item .js-categoria-select figure img,
.options-menu .js-select-option figure img{
    max-width: 100px;
    height: auto;
    display: block;
    margin: 0 auto;
    font-size: .75em;
}
.bhunique-list-item .js-categoria-select figure img{
   max-width: 80px;
}
.options-menu .js-select-option figure img{
    max-width: 100%;
}
.options-menu .js-select-option figure img{
    margin-left: auto;
    margin-right: auto;
   /* padding: 40px;*/
    border: 1px solid #d9d9d9;
}
/*textos bajo ítems (figcaption)*/
.img-text--options {
    width: 100%;
    max-width: 200px;
    margin: 8px auto 4px auto;
    font-size: 1em;
}
.img-text__top{
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
.accesorie-name{
    width: calc(100% - 14px);
    text-align: left;
}
.ico-info{
    width: 10px;
    cursor: pointer;
}
.img-text__bottom{
    margin-top: 4px;
    overflow: hidden;
}
.img-text__price{
    width: 80px;
    float: right;
    text-align: right;
    font-size: .9em;
    font-weight: 600;
    color: #cd202c;
}
.wrapper-prox{
    width: calc(100% - 82px);
    float: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    text-align: left;
}
.texto-prox,
.date-prox{
    font-size: .8em;
}
.date-prox{
    margin-left: 3px;
}
/*ventana modal info*/
.reveal-modal.full{
    border: 0;
}
.info-accesories-modal{
    visibility: hidden;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    font-size: .82em;
    background-color: rgba(255, 255, 255, .9);
}
.modal-visible{
    visibility: visible;
}
.close-modal{
    width: 100%;
    height: 20px;
    text-align: right;
    font-size: 1.6em;
}
.modal-content{
    height: 100%;
    padding: 4px 0;
    overflow-y: auto;
    text-align: center;
}
/*personaliza nombre*/
.bg-opacity-personalize{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(255, 255, 255, .9);
    display: none;
}
.dropdowns-options.js-personaliza-nombre{
    width: calc(290px - 55px);
    height: calc(100% - 44px);
    position: absolute;
    top: 76px;
    right: 55px;
    z-index: 1;
}
.dropdowns-options__col{
    width: 100%;
    display: block;
    margin-bottom: 20px;
}
.dropdowns-options__col:first-child{
    margin-right: 0;
}
.dropdowns-options__col label,
.textcolor__title{
    font-family: 'Roboto', sans-serif;
    font-size: .95em;
    font-weight: 400;
    text-transform: uppercase;
}
.dropdowns-options__col select,
.dropdowns-options__col input{
    height: 3em;
    margin-top: 4px;
    padding: 0 7px;
}
/**personalizar texto bici**/
.img-nombrebici{
    width: 85%;
    max-width: 1072px;
    height: 100%;
    /*max-height: 634px;*/
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: auto;
    z-index: 3;
    overflow: hidden;
}
.img-nombrebici__shadow{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.img-nombrebici img,
.img-nombrebici__shadow img{
    max-width: 100%;
    height: auto;
    display: block;
}
.js-texto-personalizado {
    width: 242px;
    height: auto;
    max-height: 50px;
    top: 0;
    left: 56%;
    margin-top: 24%;
    margin-left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.js-texto-personalizado span {
    /* -webkit-transform: rotate(-11deg); */
    /* -moz-transform: rotate(-11deg); */
    /* -ms-transform: rotate(-11deg); */
    /* -o-transform: rotate(-11deg); */
    transform: rotate(-11deg);
    font-size: 1.2em !important;
    display: block;
    transform-origin: 0 0;
}
.zoom-view{
    width: 98%;
    max-width: 500px;
    height: 100%;
    max-height: 500px;
}
.mbhu_medidas_fixed.open{
    width: 76px;
    top: 75px;
    left: calc(100% - 76px);
    z-index: 99;
    padding: 0;
    border: 1px solid #d9d9d9;
    box-shadow: none;
}
.mbhu_medidas_fixed.colores-block.open{
    border: 0;
}
.mbhu_medidas_fixed.open .title.title-medidas{
    visibility: hidden;
    text-indent: -9999em;
    display: none;
}
.mbhu_medidas_fixed.open .colors .color{
   /* max-width: 76px;*/
    height: 46px;
    margin-bottom: 0;
}
.mbhu_medidas_fixed.open .colors a.color-medida{
    border: 0 !important; /*se pisa otro valor que tiene important*/
    border-bottom: 1px solid #d9d9d9 !important;
}
.mbhu_medidas_fixed.open .colors a.color-medida span{
    line-height: 46px;
    font-size: 1.05em;
    font-weight: 800;
    color: #000;
}
.mbhu_medidas_fixed.open .colors .color.medida.option-active span{
    line-height: 46px;
}
.mbhu_medidas_fixed.open .colors a.color-medida:last-child{
    border-bottom: 0 !important;
}
.colors-wrapper{
    margin-top: 15px;
    /*text-align: left;*/
}
.color-name{
    max-width: 50px;
    margin: 0 auto;
    text-align: left;
}
.color-name__pantone,
.color-name__color{
    font-size: .66em;
    font-weight: 600;
    line-height: 12px;
    text-transform: capitalize;
}
.color-name__color{
    font-weight: 300;
}
/*capa de opciones al clickear un elemento de menú*/
.options-menu{
    display: none;
}
.options-menu-header{
    height: 76px;
    border-bottom: 1px solid #d9d9d9;
}
.back-menu__text{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    height: 100%;
    padding-left: 6px;
    text-transform: uppercase;
}
.back-menu__text p{
    margin-left: 6px;
    font-size: 1.2em;
    font-weight: 800;
}
.back-menu__ico{
    display: none;
    width: 76px;
    height: 76px;
    position: absolute;
    top: 0;
    right: 290px;
    background-color: #fff;
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    cursor: pointer;
}
.back-menu__ico:hover{
    background-color: #d9d9d9;
}
.back-menu__ico:hover .ico-return,
.ico-return:hover{
    color: #666;
}
.ico-return{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.5em;
    font-weight: 100;
}
/*bloque colores*/
.color-options--mob{
    visibility: hidden;
    text-indent: -999em;
    display: none;
}
.colors-options{
    display: none;
    width: 76px;
    position: absolute;
    top: 76px;
    right: 290px;
    background-color: #fff;
}
.colors-options__item{
    padding: 0 2px;
    height: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    border: 1px solid #d9d9d9;
    border-top: 0;
    border-right: 0;
    font-size: .85em;
    font-weight: 600;
    line-height: 110%;
    text-align: center;
    cursor: pointer;
}
.colors-options__item.active-color, .colors-options__item-random:hover{
   /*border-left-color: #cd202c;*/
    background-color: #cd202c;
    color:#ffffff;
}
.colors-options__item-random{
    background: linear-gradient(to bottom, #F93822, #006098);
    color: #fff;
}
.colors-options__item-random:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
/*.colors-options__item.active-color,
.colors-options__item:hover{
    background-color: #eee;
    color: #666;
}*/
.colors-block .colors_title{
    display: none;
    margin-top: 10px;
}
.colors-block .title-colors{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #d9d9d9;
    visibility: hidden;
    text-indent: -999em;
    display: none;
}
.colors-block .colors-type{
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9;
}
.colors-block .colors-type a.color-medida{
    width: auto !important;
    -webkit-flex: 0 1 50%;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    -o-flex: 0 1 50%;
    flex: 0 1 50%;
    height: 100%;
    line-height: 40px;
    padding: 0;
    margin-right: 0 !important;
    display: block;
    border: 0 !important;
    border-right: 1px solid #d9d9d9 !important;
}
.colors-block .colors-type a.color-medida:first-child{
    border-left: 1px solid #d9d9d9 !important;
}
.colors-block .colors-type a.color-medida.option-active{
    background-color: rgb(202, 51, 58) ;
    color: #fff;
}
.colors-block .colors-type a.color-medida span{
    padding: 0 12px;
    line-height: 40px;
    display: block;
    font-size: .88em;
}
.colors-block .colors_group{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.colors-block .colors_group a.color{
    width: calc(33.3333% - 0px);
    /*display: inline-block;
    vertical-align: top;
    float: left;*/
    margin-bottom: 4px;
    margin-top: 4px;
}
.colors-block .custombikes-color-cuadro{
    background-size: contain;
    width: 50px;
    height: 50px;
    display: inline-block;
    border: 1px solid #eee;
}
.colors-block .colors_group a.color.option-active .custombikes-color-cuadro{
   outline: 3px solid #cd202c;
}
.colors-block .colors_group span{
    display: inline-block;
    font-size: .8em;
    font-weight: 600;
}
/**bloque compra bh unique, dentro de parte derecha**/
.buy-block{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0;
    visibility: hidden;
    text-indent: -999em;
    display: none;
}
.buy-block__prize{
    margin-bottom: 5px;
    font-size: 1.1rem;
    font-weight: 600;
}
.buy-block__btn{
    width: 100%;
    height: 45px;
    line-height: 45px;
    display: block;
    margin: 0 auto;
    padding: 0;
    background-color: #cd202c;
    border: 1px solid #cd202c;
    border-radius: 1px;
    font-size: .8rem;
    font-weight: 400;
    text-transform: uppercase;
}
.buy-block__btn:hover,
.buy-block__btn:focus{
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
}
/* Ocultar colores de dentro*/
.js-select-option .js-colors_container{
    display:none;
}
/*iconos + en detalle bici*/
.content-detallebici{
    width: 50%;
}
/**popup tallas**/
section.popup-modal .closereveal{
    left: auto;
    right: 0;
}
#cb-popup-comprar{
    position: fixed !important;
    top: 0 !important;
    /*padding-top: 0 !important;*/
}
section.popup-modal > .row{
    width: 98%;
    max-width: 540px !important;
    height: 100%;
}
section#cb-popup-tallas.popup-modal > .row{
    max-width: 1000px !important;
    overflow-y: auto;
    padding: 55px 0 50px 0;
}
section.popup-modal > .row .columns{
    height: 100%;
}
.cb-popup-content{
    height: 100%;
   display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
section#cb-popup-tallas.popup-modal > .row .cb-popup-content{
    display: block;
    margin-top: 2rem;
}
section#cb-popup-tallas.popup-modal > .row  .mCSB_scrollTools{
    left: auto;
    right: 0;
}
.cb-popup__text{
    margin-bottom: 0;
    font-size: 1.3em;
}
#cb-popup-comprar .tallas .talla-texto{
    top: -35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
section.popup-modal p,
section.popup-modal span{
    font-size: 1.1em;
}
#cb-popup-comprar .tallas .talla-texto__prox{
    font-size: .8em;
}
section.popup-modal .cb-popup__text{
    font-size: 1.5rem !important; /*hay quer pisar otro important*/
    /*text-transform: lowercase;*/
    margin-bottom: 20px;
}
section.popup-modal .cb-popup__text--second{
    display: block;
    margin-top: 10px;
    font-size: 16px !important;
    color: #999;
}
section.popup-modal .cb-popup-content .js-customize-buymessage .bikeFittingDiv .intro{
    text-transform: none;
    font-size: 16px;
}
p.popup-talla-title{
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 1.2rem !important;
}
/*#cb-popup-tallas{
    padding-top: 2% !important;
}*/
#cb-popup-tallas a{
    margin-right: 8px;
}
#cb-popup-tallas a:last-child{
    margin-right: 0;
}
#cb-popup-tallas .tallas {
    width: 98%;
    max-width: 640px;
    border-bottom: 1px solid #fff;
    margin-bottom: 55px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
    position: relative;
}
#cb-popup-tallas .tallas .talla{
    width: 60px;
    height: 60px;
    border: 2px solid #000;
    background-color: transparent;
    color: #000;
    font-weight: bold;
    line-height: 60px;
    text-align: center;
    position: relative;
    display: inline-block;
    transition: 300ms;
    cursor: pointer;
    /*margin-top: 20px;*/
    margin-right: 5%;
    margin-bottom: 20px;
}

#cb-popup-tallas .tallas .disabled{
    pointer-events: none;
    height: 60px;
    display: inline-block;
}

#cb-popup-tallas .tallas .disabled .talla{
    border-color: gray;
    background: gray;
    opacity: 0.3;
    cursor:inherit;
}

#cb-popup-tallas .tallas .talla:last-child{
    margin-right: 0;
}
#cb-popup-tallas .tallas .talla .nombre{
    color: black;
    font-weight: bold;
    font-size: 24px;
}
#cb-popup-tallas .tallas .talla:hover{
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}
#cb-popup-tallas .tallas .talla.active{
    background-color: #000;
    color: #fff;
}
#cb-popup-tallas .tallas .talla.active .nombre,
#cb-popup-tallas .tallas .talla:hover .nombre{
    color: #fff;
}
#cb-popup-tallas .tallas .talla-texto{
    width: 60px;
    position: absolute;
    top: -40px;
    font-size: 12px;
    line-height: 100%;
}
#cb-popup-tallas .tallas .talla-texto__prox{
    font-size: 10px;
    display: block;
    line-height: 100%;
}
/**desplegable popup 'mándanos tu bh personalizada**/
.dropdown-bh-personalizada{
    display: none;
    overflow-y: auto;
}
/*barra scroll para -webkit-: -moz- y -ms- va por jquery: mcustomscrollbar*/
.dropdown-bh-personalizada::-webkit-scrollbar-track{
  background-color: #f7f7f7;
}
.dropdown-bh-personalizada::-webkit-scrollbar{
    width: 5px;
    background-color: #999;
}
.dropdown-bh-personalizada::-webkit-scrollbar-thumb{
    background-color: #999;
}
section#cb-popup-tallas.popup-modal.width-dropdown > .row .cb-popup-content{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    margin-top: 0;
}
.width-dropdown .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden,
.width-dropdown .cb-popup-content{
    height: 100%;
}
.width-dropdown .mCSB_container{
    height: auto !important;
}
/*.width-dropdown  .mCustomScrollBox{
    height: auto;
}*/
.click-dropdown-personalizada.close-dropdown{
    height: auto;
}
.click-dropdown-personalizada::after,
.click-dropdown-personalizada.close-dropdown::after{
    font-family: FontAwesome;
    font-size: 4rem;
    cursor: pointer;
}
.click-dropdown-personalizada::after{
    content: '\f107';
    animation: parpadeo 1s;
    -webkit-animation: parpadeo 1s;
    -moz-animation: parpadeo 1s;
    -o-animation: parpadeo 1s;
     animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
}
.click-dropdown-personalizada.close-dropdown::after{
    content: '\f106';
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
    margin-bottom: 2.5rem;
    color: #cd202c;
}
@keyframes parpadeo {
    0% {color: #fff}
    100%{color: #cd202c}
}
@-webkit-keyframes parpadeo {
    0% {color: #fff}
    100%{color: #cd202c}
}
@-moz-keyframes parpadeo {
    0% {color: #fff}
    100%{color: #cd202c}
}
@-o-keyframes parpadeo {
    0% {color: #fff}
    100%{color: #cd202c}
}
#cb-popup-tallas .click-dropdown-head .tallas{
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 20px;
}
/** bloques nuevos portada bh unique**/
.create-experience{
    padding: 13.55% 0; /*258px*/
    text-align: center;
}
.create-experience a{
    text-decoration: none;
}
/*bloque listado bicis*/
.create-experience--lists{
    /*padding-bottom: calc(13.55% - 90px);*/
    padding-bottom: calc(7.55% - 90px);
}
.create-experience__title{
    width: 98%;
    margin-top: -8.75%; /* -168px*/
    margin-bottom: 4.9%; /*94px*/
    margin-left: auto;
    margin-right: auto;
}
.create-experience__title h3{
    margin-bottom: 0.78%; /*15px*/
    font-size: 2.6em;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 110%;
}
.create-experience__title h3 span{
    font-style: italic;
    font-weight: 800;
}
.create-experience__title h4{
    font-size: 1em;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 110%;
    color: #b7b7b7;
}
.create-experience__content{
    width: 98%;
    margin: 0 auto;
}
.create-experience__nav,
.create-experience__items{
    width: 100%;
    list-style-type: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.create-experience__nav{
    margin-bottom: 6.4%; /*120px*/
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
.create-experience__nav li a{
    padding: 0 3.1em; /*60px*/
    font-size: 1.3em;
    font-weight: 500;
    text-transform: uppercase;
    color: #b7b7b7;
}
.create-experience__nav li a:hover{
    color: #000;
}
.create-experience__nav li a.experience-active-item{
    color: #000;
}
/*info create experience*/
.create-experience__info {
    width: 89%;
    max-width: 795px;
    margin: -6.5% auto 2.5% auto;
    padding: 2%;
    /* background-color: #eee; */
}
.experience-info-title {
    margin-bottom: 10px;
    padding-bottom: 10px;
    /* font-family: "Roboto Condensed Bold", sans-serif; */
    font-size: 0.8rem;
    text-transform: uppercase;
    line-height: 120%;
    border-bottom: 1px solid #ccc;
}
.experience-info-text {
    font-family: "Roboto", sans-serif;
    font-size: 0.75rem;
    line-height: 120%;
    color: #b7b7b7;
}
/*fin info create experience*/
.create-experience__items{
    max-width: 1200px;
}
.create-experience__items li{
    width: 42%;
    margin: 4% 4% 90px 4%;
    /*margin-bottom: 8%;*/
}
.create-experience__items li a{
    width: 100%;
    height: 100%;
    display: block;
}
.create-experience__items li a figure img{
    max-width: 100%;
    height: auto;
    display: block;
}
.create-experience__items li figcaption{
    margin-top: 4%;
    font-size: 1.3em;
    font-weight: 300;
}
.create-experience__items li figcaption span{
    font-weight: 600;
}
.bg-entrar{
    background-repeat: no-repeat;
}
.btn-enter{
    position:relative;
}
.btn-enter::before{
    content:'';
    width: 100%;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btn-enter:hover::before{
    height: 1.7em;
}
.btn-enter:hover,
.btn-enter:focus{
    background-color: transparent;
    color: #fff;
}
/*vídeo bg bhunique*/
.bhunique-video{
   width: 100%;
   min-width: 100%;
   height: 100%;
   min-height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   padding-bottom: 56.25%;
   overflow: hidden;
   background-color: #000;
}
.bhunique-video video,
.bhunique-video iframe,
.bhunique-video object,
.bhunique-video embed{
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/*intentar pisar estilos de Vimeo*/
.player .controls,
.player.no-playbar:not(.mobile):not(.player-outroVisible) .controls{
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
}
.player .vp-player-layout{
    width: 100% !important;
    min-width: 100%;
    height: 100% !important;
    min-height: 100%;
    bottom: 0 !important;
    right: 0 !important;
    top: 0 !important;
    left: 0 !important;
}
/**portada landing bhunique**/
.entrar{
    width: 100%;
    height: 100%;
    min-height: 100vh;
    display: block;
    padding:  0;
    margin: 0;
}
/*que no afecte el min-height al botón entrar*/
#header .top_bar .user_container .dropdown button.entrar{
    min-height: 10px;
}
.entrar article{
    width: 50%;
    height: auto;
    padding: 0;
}
.entrar article.entrar__title{
    max-width: 220px;
    display: inline-block;
    vertical-align: top;
    margin-top: calc(3% + 70px);
    margin-left: 3%;
}
#content .entrar__title h1{
    max-width: 100%;
    margin-bottom: 10px;
}
#content .entrar__title h1 img{
    max-width: 100%;
    height: auto;
    display: block;
}
#content .entrar__title h1,
#content .entrar__title h2{
    font-size: 2.5em;
}
.entrar article.entrar__access{
    position: absolute;
    right: 3%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.home .create-experience--lists{
    padding-bottom: calc(7.55% - 90px);
}
/**media queries**/
@media screen and (max-width: 61.875em){ /*hasta 990px*/
    /**header**/
    #header{
        border-bottom: 4px solid #d9d9d9;
    }
    .main_bar{
        display: block
    }
    #header .top_bar .right{
        top: 50%;
    }
    #header .top_bar .bh_volver{
        position: absolute;
        top: 2px;
        right: 136px;
        border: 0;
    }
    /* fin header */
    .colors-options{
        visibility: hidden;
        text-indent: -999em;
        display: none;
    }
    .color-options--mob{
        /*visibility: visible;*/
        text-indent: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        top: 0;
        right: auto;
        left: 56px;
    }
    .colors-options__item{
        width: 25%;
        max-width: 80px;
        height: 35px;
       /* border-top: 1px solid #eee;*/
    }
    .colors-options__item:last-child{
        border-right: 1px solid #d9d9d9;
    }
    .colors-block .colors_group{
        display: block
    }
    .colors-block .colors_group a.color{
        width: calc(33.3333% - 3px);
        display: inline-block;
        vertical-align: top;
        margin-bottom: 4px;
        margin-top: 4px;
    }
    /**contenedor general**/
    .bike-configurator{
        height: auto;
        /*min-height: calc(100vh - 140px);*/
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        /*margin-top: 51px;*/
        margin-top: 0;
    }
    /**parte izquierda**/
    .bike-viewer{
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-basis: 100%;
        -o-flex-basis: 100%;
        flex-basis: 100%;
        width: 100%;
        min-height: 48vh;
        padding-top: 0;
    }
    /*título*/
    .bike-configurator #product_top{
        margin-left: 0;
    }
    .bike-configurator .top-text{
        width: 60%;
        margin-top: 2%;
        margin-left: 0;
        text-align: left;
    }
    .bike-configurator #product_top .title_container h1.title{
        margin: 0;
        font-size: .9em;
    }
    .bike-configurator #product_top .title_container:before{
        display: inline-block;
        vertical-align: middle;
    }
    .bike-configurator #product_top .title_container:after{
        display: block;
    }
    /*iconos acceso directo*/
    .direct-access-menu{
        visibility: hidden;
        text-indent: -9999em;
        display: none !important; /*se pisa display block en línea de js*/
    }
    /*listado actions*/
    .open-actions,
    .actions{
        width: 40px;
        left: calc(100% - 45px);
        bottom: 54%;
        margin-bottom: -76px;
    }
     .actions{
        bottom: 58%;
    }
    .open-actions span,
    .bike-viewer .action-button,
    .bike-viewer .action-button__icon{
        font-size: 16px;
    }
    /*listado iconos acceso directo*/
    .direct-access-list{
        visibility: hidden;
        text-indent: -999em;
        display: none;
    }
    /**parte derecha. menú**/
    .menu-bhunique{
        min-width: 100%;
        height: auto;
        min-height: 42vh;
        border-left: 0;
        background-color: #fff;
    }
    /*lista*/
    .menu-bhunique__list,
    .options-menu{
        height: auto;
    }
    .bhunique-list-item{
        border-bottom: 0;
    }
   .menu-bhunique__list .mCSB_inside > .mCSB_container,
   .options-menu .mCSB_inside > .mCSB_container{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        overflow-y: hidden;
        overflow-x: auto;
    }
   /*barra de scroll en móviles y tablets*/
    .menu-bhunique__list .mCSB_inside > .mCSB_container::-webkit-scrollbar,
    .options-menu .mCSB_inside > .mCSB_container::-webkit-scrollbar{
        height: 3px;
    }
    .menu-bhunique__list .mCSB_inside > .mCSB_container::-webkit-scrollbar-track,
    .options-menu .mCSB_inside > .mCSB_container::-webkit-scrollbar-track{
        background-color: #d9d9d9;
    }
    .menu-bhunique__list .mCSB_inside > .mCSB_container::-webkit-scrollbar-thumb,
    .options-menu .mCSB_inside > .mCSB_container::-webkit-scrollbar-thumb{
        background-color: rgba(0, 0, 0, 0.2);
    }
    .menu-bhunique__list .mCSB_inside > .mCSB_container::-webkit-scrollbar-button,
    .options-menu .mCSB_inside > .mCSB_container::-webkit-scrollbar-button{
        background-color: transparent;
    }
    .texto-prox{
        visibility: hidden;
        text-indent: -9999em;
        display: none;
    }
    .date-prox{
        margin-left: 0;
    }
    .accesorie-name{
        padding: 0;
        font-size: .8em;
    }
    .img-text__price{
        font-size: .8em;
    }
    .img-text__right{
        width: 36%;
    }
    /*medidas*/
    .mbhu_medidas_fixed.open{
        width: calc(100% - 56px);
        max-width: 100%;
        max-height: 39px;
        overflow-x: auto;
        top: 100%;
        bottom: auto;
        left: auto;
        right: 0;
        z-index: 9;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        /*-webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        -o-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;*/
        background-color: #fff;
    }
    /*.colors_container{
        min-width: 100%;
        overflow-x: auto;
    }*/
    .mbhu_medidas_fixed.open .colors{
        min-width: 242px;
        height: 33px;
        overflow-x: auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .mbhu_medidas_fixed.open .colors .color{
        height: 100%;
        float: none;
    }
    .mbhu_medidas_fixed.open .colors a.color-medida span,
    .mbhu_medidas_fixed.open .colors .color.medida.option-active span{
        font-size: .9em;
        line-height: 35px;
    }
    .mbhu_medidas_fixed.open,
    .mbhu_medidas_fixed.open .colors a.color-medida{
        border-bottom: 0 !important;
    }
    .mbhu_medidas_fixed.open .colors a.color-medida {
        width: auto !important;
        min-width: 62px;
        -webkit-flex: 0 1 50%;
        -moz-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        -o-flex: 0 1 50%;
        flex: 0 1 50%;
        margin-right: 0 !important;
        border-left: 1px solid #eee !important;
    }
    .mbhu_medidas_fixed.open .colors a.color-medida span{
        padding: 0 6px;
    }
    /*volver atrás*/
    .options-menu-header{
        height: 35px;
    }
    .options-menu .js-select-option figure{
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .options-menu .js-select-option.option-active figure::before{
        top: 8px;
        left: 2px;
    }
    .options-menu .js-select-option.option-active figure::after{
        top: 19px;
        left: 10px;
    }
    .back-menu__ico{
        width: 50px;
        height: 35px;
        top: 0;
        right: calc(100% - 50px);
        border: 1px solid #d9d9d9;
        border-left: 0;
    }
    .back-menu__text{
        width: calc(100% - 50px);
        display: inline-block;
        vertical-align: middle;
        margin-left: 50px;
        text-align: left;
    }
    .back-menu__text p{
        line-height: 35px;
    }
    .info-accesories-modal{
        width: 100%;
        height: 100%;
        max-height: 268px;
        position: fixed;
        top: auto;
        bottom: 188px;
        left: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        font-size: .92em;
    }
    .options-menu .info-accesories-modal .mCSB_inside > .mCSB_container{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .close-modal{
        padding: 10px;
    }
    .modal-content{
        height: auto;
        padding: 26px 13px;
        text-align: center;
    }
    .modal-content p{
        line-height: 140%;
    }
    .dropdowns-options.js-personaliza-nombre{
        width: 98%;
        height: auto;
        top: auto;
        right: auto;
        bottom: 100px;
    }
    .dropdowns-options__col{
        width: 100%;
        max-width: 460px;
        float: none;
        margin-bottom: 8px;
        margin-left: auto;
        margin-right: auto;
    }
    .dropdowns-options__col--input{
        margin-top: 0;
    }
    .dropdowns-options__col:first-child{
        margin-left: auto;
        margin-right: auto;
    }
    .dropdowns-options__col label,
    .textcolor__title{
        font-size: .85em;
    }
    /*.img-nombrebici{
        width: 95%;
    }*/
    /**bloque colores**/
    .options-menu.js-categoria-XAONLYCOLORS{
        width: 100%;
    }
    .colors-block{
        width: 100%;
        overflow: hidden;
    }
    .colors-block .colors-type{
        width: 50px;
        height: 100%;
        float: left;
        display: block;
        border-bottom: 0;
    }
    .colors-block .colors-type a.color-medida{
        width: 100% !important;
        height: 40px;
        border-bottom: 1px solid #d9d9d9 !important;
    }
    .colors-block .colors-type a.color-medida span{
        line-height: 40px;
        padding: 0;
    }
    .colors-block .colors-wrapper{
        width: calc(100% - 60px);
        margin-left: 60px;
        padding-bottom: 15px;
        overflow-x: auto;
    }
    .colors-block .colors-wrapper__block{
       min-width: 950px;
    }
    .colors-block .colors_group a.color{
        width: 50px;
        height: auto;
        margin: 15px 8px 0 7px;
    }
    .colors-block .colors_group{
        text-align: left;
    }
    .colors-block .colors_group span{
        text-align: center;
    }
    /**bloque compra**/
    .buy-block,
    .block-buy--unique{
        width: 98%;
        max-width: 260px;
        position: relative;
        left: 0;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        bottom: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .buy-block{
        visibility: visible;
        text-indent: 0;
        display: block;
       /* margin-top: 2%;*/
        width: 100%;
        max-width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        text-align: center;
    }
    .block-buy--unique{
        margin-top: -46px;
        visibility: hidden;
        text-indent: -999em;
        display: none;
    }
    .buy-block__btn{
        max-width: 100%;
        height: 8.3vh;
        max-height: 55px;
        font-family: 'Roboto Condensed', sans-serif;
        line-height: 55px;
        font-size: 1.2em;
        font-weight: 700;
    }
    .buy-block__prize{
        display: inline-block;
        /* margin-bottom: 5px;*/
        margin-right: 20px;
        font-size: 1.2em;
        font-weight: 300;
        text-align: center;
    }
    /**ocultamos footer**/
    #footer{
        display: none;
    }
    /*iconos + detalle bici*/
    .content-detallebici{
        width: 70%;
    }
    .js-detalle-bici{
        padding: 4.5%;
    }
    /**bloque listado bicis create experience**/
    .entrar{
        height: calc(100vh - 55px);
        margin-top: 55px;
    }
    /*ocultamos flecha scroll iconos acceso directo*/
    .arrow-scroll{
        visibility: hidden;
        text-indent: -999em;
        display: none;
    }
    .bg-entrar{
        background-image: url(../img/bg-enter-med.jpg);
    }
    .create-experience__nav li a{
        padding-left: 2em;
        padding-right: 2em;
    }
    .create-experience__items li figcaption{
        font-size: 1.1em;
    }
    .bhunique-video{
        visibility: hidden;
        text-indent: -999em;
        display: none;
    }
    /**portada landing bhunique**/
    .entrar article.entrar__title{
        width: 98%;
        max-width: 520px;
        display: block;
        margin: 10% auto;
    }
    .entrar article.entrar__access{
        width: 98%;
        position: relative;
        top: 0;
        right: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        display: block;
        margin: 6% auto 3% auto;
    }
    .create-experience__info{
        padding: 4%;
    }
}
@media screen and (max-width: 47.938em) {  /*hasta 767px*/
    .bg-entrar{
        background-image: url(../img/bg-enter-small.jpg);
    }
    .bike-viewer{
        min-height: 42vh;
    }
    .bike-configurator .bike-viewer .bike-part{
        height: 95%;
    }
    .ico-return{
        font-size: 1.2em;
    }
    .back-menu__text{
        font-size: .9em;
    }
    .back-menu__text img{
        max-width: 30px;
    }
    .back-menu__text p{
        margin-left: 3px;
        font-size: .9em;
    }
    .img-text--options{
        margin: 2px auto;
        font-size: .85em;
    }
    /*.menu-bhunique__list,*/
    .options-menu{
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .bhunique-list-item{
        max-width: 120px;
    }
    .bhunique-list-item .js-categoria-select figure,
    .options-menu .js-select-option figure{
        min-width: 90px;
        padding: 8px 0;
    }
    .options-menu .js-select-option figure{
        padding: 2px 0;
    }
    .options-menu .js-select-option.option-active figure::before{
        border-top-width: 40px;
        border-right-width: 40px;
        top: 3px;
        left: 0;
    }
    .options-menu .js-select-option.option-active figure::after{
        top: 7px;
        left: 5px;
        font-size: 1em;
    }
    .bhunique-list-item .js-categoria-select figure img{
        max-width: 70px;
    }
    .accesorie-name,
    .img-text__price{
        font-size: .8em;
        line-height: 130%;
    }
    .img-text--options{
        margin-bottom: 0;
    }
    .wrapper-prox{
        font-size: .68em;
    }
    .img-text__top{
        align-items: initial;
    }
    .texto-prox,
    .date-prox{
        font-size: 1em;
    }
    .img-text__bottom{
        margin-top: 0;
    }
    /*medidas*/
    .mbhu_medidas_fixed.open {
        width: calc(100% - 50px);
        max-width: 246px;
    }
    .mbhu_medidas_fixed.open .colors a.color-medida span,
    .mbhu_medidas_fixed.open .colors .color.medida.option-active span{
        font-size: .75em;
    }
    /*título*/
    .bike-configurator #product_top{
        margin-top: 0;
    }
    .bike-configurator .top-text{
        max-width: 90px;
        margin-left: 0;
    }
    .bike-configurator #product_top .title_container h1.title,
    .bike-configurator #product_top .title_container:before{
        font-size: 23px;
    }
    .bike-configurator #product_top .title_container:after{
        /*content: url(../img/unique-logo-mob.png);*/
    }
    .js-detalle-bici:before{
        font-size: 70%;
    }
    .bike-configurator #product_top{
        max-width: 100px;
        margin: 3% 0 0 0; /*40px*/
    }
    .bike-configurator #product_top .title_container h1.title{
        font-size: .55em;
    }
    /*colores*/
    .colors-block .colors-wrapper{
        margin-top: 0;
        padding-bottom: 6px;
    }
    .colors-block .colors-type{
        margin-top: 5px;
    }
    .colors-block .colors_group{
        margin-bottom: 0;
        margin-top: 0;
    }
    .colors-block .colors_group a.color{
        margin: 7px 4px 1px 4px;
    }
    .colors-options{
        width: calc(100% - 50px);
        left: 50px;
    }
    .colors-options__item{
        font-size: .8em;
        line-height: 14px;
    }
    .colors-block .custombikes-color-cuadro{
        width: 40px;
        height: 40px;
    }
    .color-name__pantone,
    .color-name__color{
        font-size: .6em;
    }
    /*action social*/
    .open-actions,
    .actions{
        width: 26px;
        margin-bottom: 0;
    }
    .open-actions,
    .action-button{
        height: 26px;
    }
    .actions{
        margin-bottom: 5px;
        z-index: 9999;
    }
    #right_cart .actions{
        margin-bottom: 0;
    }
    .open-actions span,
    .action-button,
    .action-button__icon{
        line-height: 26px;
        font-size: 14px;
    }
    .open-actions{
        bottom: 48%;
    }
    .actions{
        bottom: 51.5%;
    }
    /*bloque comprar*/
    .bike-configurator .bike-configurator__price{
        font-size: 1.05em;
    }
    /*personalizar nombre*/
    .dropdowns-options.js-personaliza-nombre{
       bottom: 60px;
    }
    .dropdowns-options__col{
        margin-bottom: 4px;
    }
    .dropdowns-options__col select,
    .dropdowns-options__col input{
        height: 1.5em;
        margin-top: 2px;
    }
    .dropdowns-options__col label,
    .textcolor__title{
        font-size: .8em;
    }
    /*personalizar nombre*/
    .js-texto-personalizado span{
        font-size: .85em !important;
    }
    /*ventada modal info*/
    .info-accesories-modal{
        max-height: 195px;
    }
    .modal-content{
        padding: 13px 7px;
    }
    .info-accesories-modal.modal-visible .close-modal{
        height: auto;
    }
    .info-accesories-modal.modal-visible .close-modal span.fa-times{
        max-width: 100%;
    }
    /**ventana modal fondo negro*/
    /*#cb-popup-tallas .columns{
        padding-left: 0;
        padding-right: 0;
    }*/
    #cb-popup-tallas .bikeFittingDiv{
        margin-top: 10px;
    }
    #cb-popup-tallas .bikeFittingDiv .fields div label{
        width: 80px;
    }
    #cb-popup-tallas .bikeFittingDiv .image{
        display: block;
    }
    .cb-popup-content .fa-shopping-cart{
        font-size: 48px;
    }
    .cb-popup__text,
    .cb-popup__button,
    #cb-popup-comprar .tallas .talla .nombre{
        font-size: 18px !important;
    }
    #cb-popup-comprar .tallas .talla{
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
    #cb-popup-tallas .tallas .talla{
        width: 50px;
        height: 50px;
        line-height: 50px;
        /*margin-top: 10px;*/
        margin-bottom: 10px;
    }
    #cb-popup-tallas .tallas .disabled{
        height: 50px;
    }
    #cb-popup-tallas .tallas .talla .nombre{
        font-size: 20px;
    }
    section.popup-modal > .components-list{
        width: 98%;
       height: 100%;
        overflow-y: auto;
    }
    .components-list .cb-popup-content{
        display: block;
        height: 100%;
        min-height: 100vh;
    }
    .components-list #js-componentes-seleccionados .components-list{
        margin-right: 0;
    }
    .components-list .cb-popup__text--top div{
        width: auto !important;
        display: inline-block;
    }
    #cb-popup-comprar .components-list .cb-popup__text--top div.tallas{
        display: block;
    }
    #cb-popup-comprar .tallas .talla-texto{
        top: -30px;
    }
    .components-list #js-componentes-seleccionados .box-generica{
        padding: 10px 0;
    }
    section.popup-modal > .components-list .js-customize-buymessage{
        margin-top: 0
    }
    .components-list a.cb-button{
        margin-bottom: 4rem;
    }
    .home section.popup-modal .cb-popup__text{
        font-size: .95rem !important;
    }
    p.popup-talla-title{
        font-size: 1.1rem !important;
    }
    /*bloque compra*/
    .buy-block__prize{
        margin-bottom: 3px;
        font-size: 1em;
    }
    /**bloque listado bicis create experience**/
    .create-experience__title h3{
        font-size: 1.6em;
    }
    .create-experience__title h4{
        font-size: .8em;
    }
    .create-experience__nav{
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
    }
    .create-experience__nav li{
        width: calc(50% - 10px);
        max-width: 160px;
        margin-bottom: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }
    .create-experience__nav li a{
        display: block;
        padding: 10px 5px;
        font-size: .95em;
        background-color: #eee;
    }
    .create-experience__nav li a::before{
        font-family: FontAwesome;
        content: '\f0d0';
        margin-right: 8px;
    }
    .create-experience__nav li a.experience-active-item{
        background-color: #666;
        color: #fff;
    }
    .create-experience__items{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .create-experience__items li{
        width: 100%;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 45px;
    }
    .btn-enter{
        font-size: 1.8em;
    }
    .js-texto-personalizado{
        margin-top: 22.5%;
    }
    /*info create experience*/
    .create-experience__info{
        width: 98%;
    }
    .experience-info-title{;
        font-size:0.85rem;
    }
    .experience-info-text{
        font-size: 0.75rem;
    }
}
@media screen and (max-width: 21.875em){ /*hasta 350px, para móviles muy pequeños*/
    .bike-configurator .top-text{
        max-width: 75px;
    }
    .buy-block__btn{
        height: 45px;
        line-height: 45px;
    }
    .buy-block__prize{
        font-size: .88em;
    }
    .create-experience__nav li{
        max-width: 140px;
    }
    .mbhu_medidas_fixed.open{
        max-width: 180px;
    }
}
@media screen and (max-width: 61.875em) and (orientation: landscape){ /*hasta 990px y orientación horizontal*/
    .bike-configurator{
        height: 100%;
    }
    .bike-viewer{
        min-height: 100vh;
    }
    .buy-block{
        max-width: 320px;
        position: relative;
        margin: 15px auto;
    }
    .buy-block__btn{
        height: 40px;
        line-height: 40px;
        font-size: .95em;
    }
    .entrar, .choose-bh{
        height: auto;
        min-height: 100vh;
    }
}
@media screen and (min-width: 48.000em) and (max-height: 48.000em){ /*para scroll de iconos acceso directo - desde 768px de ancho y hasta 768px altura*/
    .arrow-scroll-up{
        display: none;
    }
    .arrow-scroll-down{
        display: block;
    }
}
@media screen and (min-width: 48.000em) and (max-width: 64.000em) and (orientation: landscape){ /*entre 768px y 1024 px y orientación horizontal*/
    .bhunique-video{
        visibility: hidden;
        text-indent: -999em;
        display: none;
    }
}
@media screen and (min-width: 93.750em){ /* a partir de 1500px*/
    section#cb-popup-tallas.popup-modal > .row .cb-popup-content{
        margin-top: 1rem;
    }
}