.img-thumbnail { border-radius: 0 }
code { border-radius: 0 }
pre { border-radius: 0 }
.form-control { border-radius: 0; box-shadow: none; webkit-box-shadow: none }
.form-control:focus {
    border-color: gray;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.admin-menu {
    _height: 220px;
    width: 554px;
    color: white;
}
.admin-menu li{
    display: inline-block;
    width: 260px;
    color: white;
}
.admin-menu li a{
    display: inline-block;
    width: 260px;
    color: white;
}
.admin-menu li a i{
    color:green;
    margin-right: 5px;
}
.admin-menu li a:hover > i{
    color:white;
}
.phonecss{
    overflow: auto;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.Hname{
   font-family: roboto;
}
.Hname h3{
    line-height: 1;
    font-weight: 300;
    font-style: italic;
    font-size: 20px;
}
.Hname h1 b{
    line-height: 0;
    font-size: 36px;
    padding-right: 20px;
}
.Hname h1 {
    font-size: 16px;
    text-transform: uppercase;
}
.Hname h5 b{
    line-height: 0;
}
.btn_despliegue{
    margin-top: 45px;
} 

#list button{
    background: #008001;
    border: 0;
    padding: 5px 10px;
    border-radius: 3px;
    color: white;
    box-shadow: #008001 0px 0px 3px;
}

.buscarCliente{
    width: 80%;
    margin: 10px auto;    
    padding: 0px 20px 30px 20px;
    background: #66bc5414;
    display: flow-root;
    border: 2px solid green;
}
.buscarCliente span{
    width: 100% !important;    
}
.buscarCliente label{
    font-weight: bold !important;
    margin-top: 19px;
}
.selectize-input {
    padding: 1px 7px!important;
    height: 36px!important;
    text-align: left;
}
.new_valor_cristal{
    float: right;
    text-align: center;
    padding: 10px 20px;
    background: white;
    border: 1px solid lightblue;
    border-radius: 5px;
    font-weight: bold;
    font-size: 16px;
}
.selectize-input>* {
    padding-top: 6px;
}
.new_valor_cristal{
    float: right;
    text-align: right;
    padding: 10px 20px;
    background: white;
    border: 1px solid lightblue;
    border-radius: 5px;
    font-weight: bold;
}
.btn-grad {background-image: linear-gradient(to right, #1D976C 0%, #93F9B9  51%, #1D976C  100%)}
.btn-grad {
margin: 10px;
padding: 15px 45px;
text-align: center;
text-transform: uppercase;
transition: 0.5s;
background-size: 200% auto;
color: white;            
box-shadow: 0 0 20px #eee;
border-radius: 10px;
display: block;
border: 0px;
border: 2px solid #53d453;
    width: 95%;
}
.btn-grad:hover {
background-position: right center; /* change the direction of the change here */
color: #fff;
text-decoration: none;
}
.no-padding-menu{
    padding: 0px;
}        
.btn_top{
    text-align: center;
    background: green;
    border-radius: 5px;
    color: white !important;
    padding: 11px;
    margin: 28px 47px
}
.btn_top a{
    color: white;
}
.operativo_dias{
color: #65bc54;
text-align: center;
    text-transform: uppercase;
    line-height: 1;
}
.operativo_dias h4{
padding: 0px;
    margin: 0px;
    font-size: 38px;
    color: #322b80;
    font-weight: bold;
}
.p_dd{
    font-size: 100px;
    font-weight: bolder;
    margin: 0;
    padding: 0;
}
.p_dia{
    font-size: 353px;
    line-height: 1;
    font-weight: bold;
    margin: -53px 0;
}
.p_mes{
    font-size: 67px;
    font-weight: bold;
    padding-left: 10px;
}
.p_ano{
    font-size: 92px;
    font-weight: bold;
    padding-left: 10px;
}
.p_suc{
        font-size: 38px;
    font-weight: bold;
    padding-left: 10px;
    color: #929292;
    margin-bottom: 17px;
}
.checkbox_suc:checked ~ .boton_selectdias {
    color: white;
    background: black; 
}
.filtros_mobile{
    column-count: 1;
}
.form_reserva div{
    margin: 5px 0px;
}
.form_reserva label{
    margin-bottom: 0px;
}
.form_reserva input{
   width: 100%!important;
}
.form_reserva2 input{
   
}
.boton_selectdias{
       width: 23%;
    display: inline-block;
    border: 1px solid black;
    margin: 3px 1px;
    text-align: center;
    padding: 3px 0px;
    cursor: pointer;
}
.contiuar {
    background: black;
    color: white;
    padding: 13px;
    width: 100%;
    margin-top: 20px;
    border: 0px
}
.contiuar:hover {
    background: gray;
}
.continuar a{
    color: white!important;
}
.boton_selectdias:hover{
    color: white;
    background: black;
}
.remove{
    color: black;
    background: white;
}
.detalle-reserva{
    border: 1px solid black;
    padding: 10px;
    margin-top: 30px;
}
.detalle-reserva label{
    border-bottom: 1px solid black;
    margin-bottom: 11px;
}
 .drop-down select {   
 display: none;    
 }      
 .drop-down .select-list {   
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin-top: 49px;
    padding: 0;
    background-color: white;
    color: black !important;
    border: solid gray .5px;
    /* padding: 0 50px; */
    width: 100%;
}
.wtsp{
    bottom: 69px;
    right: 8px;
    z-index: 99;
    background: #65bc54;
    position: fixed;
    color: gray !important;
    font-weight: bold;
    padding: 8px;
    border-radius: 48%;
}
.wtsp_txt{
    bottom: 77px;
    right: 76px;
    z-index: 99;
    position: fixed;
    color: gray !important;
    font-size: initial;
}
.wtsp a{
    color: white
}
.forma_l li{
    list-style: none;
}
 .drop-down .select-list li {   
 display: none;
    cursor: pointer;   
 }    
 .drop-down .select-list li span {  
       display: inline-block;
    min-height: 40px;
    /* min-width: 223px; */
    width: 91%;
    padding: 5px 15px 5px 35px;
    background-color: white;
    background-repeat: no-repeat;
    font-size: 16px;
    text-align: left;
    color: black;
    opacity: 0.7;
    box-sizing: border-box;
    background-size: 71px;
    background-position: right;
 }     
 .drop-down .select-list li span:hover,  
 .drop-down .select-list li span:focus {     
 opacity: 1;     
 }
.flotante img{
    position: fixed;
    width: 163px;
}
.collapse-desktop {
    display: initial;
}
.lentemedidas img{
    _position: absolute;
}
.forma_lente img{
    float: right;
    width: 60px;
    margin-right: 25%;
}
.top_banner{
    color: white;
    text-align: center;
    background-color: green;
    padding: 6px 0;
    margin-bottom: 10px;
    font-weight: lighter;
    font-size: 13px;
}
.medida_a{
    position: absolute;
    right: 205px;
    top: 228px;
}
.listado_lentes{
    height: 350px;
}
.medida_b{
    position: absolute;
    right: 24px;
    top: 100px;
}
.medida_c{
    position: absolute;
    right: 207px;
    top: 60px;
}
.medida_d{
    position: absolute;
    left: 83px;
    top: 265px;
}
.medida_e{
    position: absolute;
    right: 280px;
    top: 273px;
}
.medida_f{
    position: absolute;
    right: 24px;
    top: 100px;
}
.medida_g{
    position: absolute;
    right: 283px;
    top: 220px;
}
.medida_h{
    position: absolute;
    left: 83px;
    top: 265px;
}
.flotante{
    
    padding: 20px;
    position: fixed;
    top: 70px;
    right: -650px;
    background-color: green; 
    color: white !important;
    z-index: 99;
    animation-name: flotante;
    animation-duration: 7s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-delay: 2s;
    border-radius: 5px 0px 0px 5px;
    }
    .flotante a{
    color: white !important; 
}
@keyframes flotante {
    0%   { right:-650px }
    10% { right:0px }
    90% { right:0px }
    100% { right:-650px; }
}
.separa_titulo iframe{
 height:400px;
    
}
.trespadding{
    padding: 5px 0 !important;
}
.trespadding .col-md-3, .col-md-2, .col-md-1{
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
.fecha_operativo{
    position: absolute;top:78px;right: 75px;font-size: 17px;
}
.fecha_operativo b{
    color: green
}
.separa_titulo {
    border-bottom: 1px solid darkgray;
    text-align: center;
    height: 10px;
    margin: 30px 0;
    display: inline-block;
}
.separa_titulo span {
    margin-bottom: -86px;
    background: white;
    padding: 0 25px;
    text-transform: uppercase;
    color: darkgray;
    font-weight: 400;
}
.rrss img {
    max-width: 61px;
}
.rrss {
    border-left: 2px solid white;
    padding-left: 30px;
}
.top_menu{
    margin-top: 38px;
    color: #7ba329 !important;
    font-weight: bold;
}
.top_menu img{
    color: #7ba329;
    margin-left: 5px;
}
.top_menu strong{
    padding:0 20px;
}
dl li{
    list-style: none;
    margin-left: 10px;
    display: flow-root;
}
.logo{
        text-align: center !important;
    
    }
.separa{
    margin: 30px 0px;
}
.logo img {
    max-height: 100px;
    _margin: 12px 0;
}
.boton_lux{
    color: white;
    background: #648c00;
    padding: 10px 20px;
    border: 0px;
    text-align: center;
    vertical-align: middle;
    width: 100% !important;
    float: none;
    margin: 0 auto;
    margin-top: 20px;
}
.boton_lux a{
    color: white;
    background: purple;
    padding: 10px 20px;
    border: 0px;
    text-align: center;
    vertical-align: middle;
    width: 100% !important;
    float: none;
    margin: 0 auto;
    margin-top: 20px;
}
.boton_lux:hover{
    background-color: #abce00;
}
.boton_lux_admin{
    padding: 10px 20px;
    border: 0px;
    text-align: center;
    vertical-align: middle;
    width: 100% !important;
    float: none;
    margin: 0 auto;
    margin-top: 20px;
    background-color: deepskyblue;
    color: white;
    border-radius: 5px;
}
.boton_lux_admin a{
    color: white;
    background: purple;
    padding: 10px 20px;
    border: 0px;
    text-align: center;
    vertical-align: middle;
    width: 100% !important;
    float: none;
    margin: 0 auto;
    margin-top: 20px;
}
.boton_lux_admin:hover{
    background-color: #0095c7;
}
.input-sm { border-radius: 0 }
.input-lg { border-radius: 0 }
.btn { border-radius: 0 }
.btn-lg { border-radius: 0 }
.btn-sm,
.btn-xs { border-radius: 0 }
.dropdown-menu {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}
.term b{
    line-height: 4;
}
.price{
    text-decoration: line-through;
    font-size: .9em;
    color: #ff5656;
}
.priceb{
    text-decoration: line-through;
    font-size: 0.5em;
    color: gray;
}
.btn_a{
    _background-color: #7da6f1;
    _height: 350px;
    _border-radius: 16px;
    position: relative;
    text-align: center;
    margin-bottom: 62px;
    _border-radius: 10px 10px 0 0;
    _padding: 100px 20;
}
.btn_a:hover > .btn_inter{
    transition: .5s;
    background-color: #ea8524;
}
.btn_inter{
    width: 90%;
    background-color: purple;
    height: 74px;
    padding-top: 10px;
    text-align: center;
    color: white;
    position: absolute;
    bottom: -38px;
    left: 18px;
    border-radius: 5px;
    font-size: 18px;
    line-height: 1.1;
    transition: .5s;
}
.btn_inter strong{
    font-size: 30px;
}
.btn-group-xs > .btn { border-radius: 0 }
.btn-group-sm > .btn { border-radius: 0 }
.btn-group-lg > .btn { border-radius: 0 }
.btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 0 }
.btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 0 }
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn { border-radius: 0 }
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-lg > .input-group-btn > .btn { border-radius: 0 }
.input-group-addon { border-radius: 0 }
.input-group-addon.input-sm { border-radius: 0 }
.input-group-addon.input-lg { border-radius: 0 }
.nav-tabs > li > a { border-radius: 0 }
.nav-pills > li > a { border-radius: 0 }
@media (min-width: 1000px) {
    .navbar { border-radius: 0 }
}
.navbar-toggle { border-radius: 0 }
.navbar-toggle .icon-bar { border-radius: 0 }
.breadcrumb { border-radius: 0 }
.pagination { border-radius: 0 }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.pager li > a,
.pager li > span { border-radius: 0 }
.label { border-radius: 0 }
.badge { border-radius: 0 }
.container .jumbotron { border-radius: 0 }
.thumbnail { border-radius: 0 ;text-transform: uppercase;text-align: center;
    overflow: hidden;
    }
.thumbnail p{
    font-size: 13px;
}
.alert { border-radius: 0 }
.progress {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}
.progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none
}
.list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}
.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}
.list-group-sub .list-group-item:focus {
    background: transparent;!important
}
.panel {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}
.panel-heading {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}
.panel-footer {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}
.panel-group .panel { border-radius: 0 }
.well {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    _margin-top: 2%;
}
.well-lg { border-radius: 0 }
.well-sm { border-radius: 0 }
.close { text-shadow: none }
.modal-content {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}
@media screen and (min-width: 1000px) {
    .modal-content {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}
.tooltip-inner { border-radius: 0 }
.popover {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}
.popover-title { border-radius: 0 }
.carousel-control { text-shadow: none }
.carousel-indicators li { border-radius: 0 }
.carousel-caption { text-shadow: none }
.btn:active,.btn:focus,a:active,a:focus{outline: 0}
.no-border-right{border-right: 0!important}
.no-border-left{border-left: 0!important}
.no-padding{padding: 0!important}
.hero-spacer {margin-top: 50px}
.hero-feature{margin-bottom: 30px}
select{border:1px solid #ddd;padding:3px}
.green{ color: green }
.red{ color: red }
@font-face {
   font-family: 'Roboto', sans-serif;
}
@font-face {
   font-family: 'Roboto', sans-serif;
}
@font-face {
   font-family: 'Roboto', sans-serif;
}
body{
    font-family: 'Roboto', sans-serif;
    color:#333;
    _background: #f1f1f1
}
.main-container{
    padding-top: 20px;
    _background: #fff;
    /*box-shadow: 0 0 7px #384248*/
}
header{
    _padding-top: 10px;
    _background: #f1f1f1;
}
header .well{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding: 0;
    padding-top: 0;
    border: 0;
    background: transparent;
}
header .logo{
    padding: 0;
}
header .logo a{
    color: #333;
    font-size: 35px;
font-family: 'Roboto', sans-serif;
}
header .logo a span{
    color: #428bca;
}
header .logo a:hover{
    text-decoration: none;
}
.slider{
    margin: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
}
ul.bxslider {
    list-style: none;
}
.bx-wrapper {
    _box-shadow: 0 0 0 1px #ddd
}
.bx-wrapper img {
    width: 100%;
}
.bx-viewport {
    height: 440px !important;
}
.input-search{
    position: relative;
    z-index: 1;
}
.btn-group-cart,.btn-group-cart .btn{
    width: 100%;
    margin-top: 4%;
}
.btn-group-cart .btn{
    text-align: center;
}
.btn-group-cart .dropdown-menu{
    z-index: 1001;
    left: inherit;
    right: 0;
}
.btn-group-cart .icon-cart{
    margin-right: 5px;
}
ul.cart-content{
    min-width: 250px;
}
ul.cart-content b{
    font-weight: normal;
    display: block;
    font-family: 'Roboto', sans-serif;
    /*font-size: 16px;*/
    color: #428BCA;
}
.link-p{
    display: block;
    min-height: 250px;
    height: auto;
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.first-p{
    min-height: 169px;
}
.def-img{
    position: inherit!important;
    width: auto!important;
    height: inherit!important;
    max-width: inherit!important;
    max-height: inherit!important;
    left: inherit!important;
    top: inherit!important;
}
.prod-caption{
    _background: #fbfbfb;
    _border-top: 1px solid #ddd;
    _color: #a7a7a7;
    margin-top: 5%;
}
.prod-caption:hover{
}
.despacho p{
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.prod-caption h4{
    font-size: 17px;
    overflow: hidden;
    
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100%;
    padding-bottom: 5%;
    border-bottom: 2px solid green;
}
span.title{
    display: block;
    font-size: 20px;
    /* background-image: url(../images/bk_btn.jpg); */
    /* background-position: left bottom; */
    /* background-repeat: no-repeat; */
    padding-bottom: 8px;
    /* margin-bottom: 20px; */
    font-size: 14px;
    font-weight: 900;
    color: white;
    background-color: #abce00;
    text-transform: uppercase;
    width: fit-content;
    padding: 6px 20px;
    border-radius: 29px;
    margin-left: 25px;
    margin-top: -14px;
    position: relative;
    z-index: 1;
}
footer{
    color: white;
    background: #323232;
    _margin-top: 5%;
}
footer h4{
        /* background-image: url(../images/bk_btn.jpg); */
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-top: 16px;
    /* padding-bottom: 10px; */
    font-size: 19px;
}
footer .column ul{
    font-size: 13px;
    list-style: none;
    padding: 0;
    line-height: 22px;
}
footer .column ul a{
    color: black;
}
footer .copyright{
    padding: 10px;
    color: #ccc;
    background: #263238
}
.ico_top img {
    max-width: 34px;
    max-height: 25px;
}
.navbar{
    _background: #384248;
    _margin-bottom: 0;
    _border-color: #384248
}
@media (min-width: 1000px) {
    .navbar-nav > li > a {
        _padding-top: 17px;
        _padding-bottom: 17px;
    }
    
}
@media (max-width: 1000px) {
    .navbar-nav > li > a {
        _padding-top: 17px;
        _padding-bottom: 17px;
    }
    .btn_top {
        padding: 11px;
        margin: 0px;
    }
    .container>.navbar-header {
        margin-right: 0px; 
        margin-left: 0px;
    }
    .container>.navbar-collapse, .container>.navbar-header {
        margin-right: 0;
        margin-left: 0px;
    }
    
}
.navbar li a{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: white !important;
    -ms-transition: all 100ms ease-in-out 0s ;
    -moz-transition: all 100ms ease-in-out 0s ;
    -webkit-transition: all 100ms ease-in-out 0s ;
    -o-transition: all 100ms ease-in-out 0s ;
    transition: all 100ms ease-in-out 0s ;
    font-weight: 600;
}
.navbar li a:hover, .navbar li a.active{
    background-color: #648C01 !important;
    color:white !important;
    text-decoration: none;
}
.navbar li.nav-dropdown .caret{
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.sub_titulo {
    text-align: center;
    font-size: 34px;
    color: #7ac700;
    border: 2px solid #7ac700;
    padding: 6px;
    border-radius: 20px;
    font-weight: 400;
    margin-bottom: 28px;
}
.titulo{
    font-size: 90px;
    text-transform: uppercase;
    color: #7ac700;
    text-align: center;
    font-weight: 900;
        padding-bottom: 46px;
    line-height: initial;
}
.letras{
    font-size: 23px;
    line-height: normal;
    color: gray;
}
.titulo span{
    color: gray;
    font-size: 18px;
    font-weight: 100;
    text-transform: none;
}
.titulo strong{
    color: gray;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
}
@media (min-width: 1000px) {
    .navbar li.nav-dropdown ul li a{
        font-family: Arial;
        font-size: 15px;
        color: black!important;
        text-transform: inherit;
        padding: 10px;
    }
    .navbar li.nav-dropdown ul li a:hover{
        background-color:#648c01 !important;
        color: white !important;
    }
}
.thumbnail{
     transition: 1s;
     border-radius: 45px;
     background-color: transparent;
}
.thumbnail:hover{
    _border: 1px solid #648c00;
   
}
.catalogue-pagination{
    margin: 0;
    margin-bottom: 40px;
}
.catalogue-pagination li.disabled:hover a{
    cursor: default;
}
.catalogue-pagination li a{
    -ms-transition: all 100ms ease-in-out 0s ;
    -moz-transition: all 100ms ease-in-out 0s ;
    -webkit-transition: all 100ms ease-in-out 0s ;
    -o-transition: all 100ms ease-in-out 0s ;
    transition: all 100ms ease-in-out 0s ;
    padding: 6px 10px;
}
.back-top{
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 57px;
    /* background: #384248; */
    color: black;
    height: 58px;
}
.back-top:hover, .back-top:focus, .back-top:active{
    color: #fff;
}
.back-top:hover{
    -ms-transition: all 100ms ease-in-out 0s ;
    -moz-transition: all 100ms ease-in-out 0s ;
    -webkit-transition: all 100ms ease-in-out 0s ;
    -o-transition: all 100ms ease-in-out 0s ;
    transition: all 100ms ease-in-out 0s ;
    background: #263238;
}
.tbl-cart thead{
    background: #f8f8f8
}
.tbl-cart .td-qty{
    white-space: normal !important;
    width: 130px;
}
.btns-cart .btn{
    margin-right: 3px;
    margin-bottom: 1px;
}
.tbl-checkout tbody tr td:nth-child(odd){
    background: #f8f8f8;
}
.input-qty-detail .bootstrap-touchspin{
    float: left;
    margin-right: 5px;
    width: 130px;
}
.product-thumb-image{ padding: 2px }
.product-main-image, .product-thumb-image .thumbnail{ margin-bottom: 0 }
.product-main-image{ cursor: zoom-in; cursor: -webkit-zoom-in; cursor: -moz-zoom-in }
.product-main-image-container{ position: relative }
.product-loader{
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 1;
    width: 60px;
    height: 9px
}
.product-short-detail label{ font-weight: normal }
.product-short-detail .col-xs-8:before{
    margin-right: 3px;
}
.the-list{
    float: left;
    margin: 18px 0;
    width: 100%
}
.the-list h3{ margin: 0 }
.the-list select{
    display: inline;
    width: auto
}
.input-qty-detail .bootstrap-touchspin{
    float: left;
    margin-right: 5px;
    margin-bottom: 1px;
    width: 130px;
    margin-left: 1;
}
.add-to-detail a{
    color: #333;
    font-size: 12px
}
.product-detail-tab .nav-tabs a:focus, .product-detail-tab .nav-tabs a:active{ outline: 0 }
.product-detail-tab .well{
    border-top: 0;
    background: #fff
}
.product-detail-tab .well span{
    font-family:'Roboto', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #333 !important;
    font-weight: 400 !important;
    background-color:white !important;
}
#detail table tr td:first-child, .comparison tbody tr td:first-child, .compare-product{ background: #f8f8f8 }
.comparison{ text-align: center }
.comparison tbody tr td:first-child{ text-align: left }
.product-rating {
    margin-top: 5px;
    color: #FFCC00;
    font-size: 12px
}
.media a.pull-left:hover{ text-decoration: none }
#review .media{ padding-bottom: 10px }
.tbl-cart .td-qty{ width: 130px }
.tbl-cart label{ font-weight: inherit }
.tbl-cart thead{ background: #f8f8f8 }
.login-form { max-width: 380px; margin-top: 10px }
.login-form .panel{
    border: 1px solid #ddd;
    background-color: #fff;
}
.btn-login-social{ width: 30px }
@media (min-width: 992px) {
    .product-detail{ float: right }
}
@media (max-width: 1200px) {
    .medida_a{
    position: absolute;
    right: 122px;
    top: 184px;
}
.medida_b{
   position: absolute;
    right: 1px;
    top: 84px;
}
.medida_c{
position: absolute;
    right: 143px;
    top: 76px;
}
.medida_d{
position: absolute;
    left: 91px;
    top: 74px;
}
}
@media (max-width: 992px) {
    .medida_a{
position: absolute;
    right: 169px;
    top: 253px;
}
.medida_b{
    position: absolute;
    right: 16px;
    top: 112px;
}
.medida_c{
position: absolute;
       right: 195px;
    top: 109px;
}
.medida_d{
position: absolute;
    left: 124px;
    top: 102px;
}
}
@media (max-width: 1000px) {
    .nopadding{padding:0px !important;}
    .lentemedidas{
        font-size: 12px
    }
    .medida_a{
        position: absolute;
        left: 58%;
        top: 69%;
        width: fit-content;
}
.medida_b{
    position: absolute;
    right: 0.5%;
    top: 30%;
}
.medida_c{
    position: absolute;
    right: 31.5%;
    top: 18%;
}
.medida_d{
    position: absolute;
    left: 10%;
    top: 79%;
}
.medida_e{
    position: absolute;
    right: 168px;
    top: 173px;
}
.medida_f{
    position: absolute;
    right: 24px;
    top: 100px;
}
.medida_g{
    position: absolute;
    right: 170px;
    top: 138px;
}
.medida_h{
    position: absolute;
    left: 83px;
    top: 265px;
}

}


.white-container {
    position: relative;
    padding: 15px;
    background-color: #fff;
}
.list-group-submenu {
    margin-left:20px;
}
.panel-cat {
    border: 0;
    text-transform: uppercase;
}
.panel-cat > a {
    background: #f5f5f5
}
.panel-cat i.fa-caret-down {
    margin-left: 10px
}
.panel-cat .list-group-sub > a {
    padding-left: 25px
}
.panel-cat .list-group-sub a:last-child {
    border-bottom: 0
}
.panel-cat .list-group-sub:last-child a:last-child {
    border-bottom: 1px solid #ddd
}
.blog-list{ margin-bottom: 20px }
.blog-list h4{ margin-top: 0 }
.blog-info {
    margin-bottom: 10px;
    font-size: 12px
}
.blog-info, .blog-info a { color: #cfcfcf }
.blog-info i { margin-left: 10px }
.blog-info i:first-child { margin-left: 0 }
/*@media (max-width: 1000px){
    .thumbnail img{ width: 100% }
}*/
.blog-list-group-item {
    padding-left: 10px;
    border: 0;
    border-bottom: 1px dotted #ccc;
    background: transparent
}
.blog-list-group-item a{ color: inherit }
.blog-detail .thumbnail img{ width: 100% }
.line-top{
    background-image: url(../images/border-page.png);
    height: 5px;
    width: 100%;
}
@media (max-width: 1000px){
    .marcas { 
    width: 49% !important;
    display: inline-block !important;
    padding: 0 7px;
    vertical-align: middle;
   
     }
}
.marcas{
    width: 24.5%;
    display: inline-block !important;
    padding: 0 7px;
    vertical-align: middle;
    background-color: transparent;
}
.marcas img{
    width: 65%;
}
.sale_cont #sale{
        width: 25%;
    height: 66px;
    background-image: url(../images/sale.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 9px;
    right: -8px;
    background-size: 100%;
    color: white;
    font-weight: 900;
    line-height: 2.1;
    text-transform: capitalize;
    font-size: 23px;
    z-index: 5;
    text-align: center;
}
#sale {     
    width: 40%;
    height: 76px;
    background-image: url(../images/sale.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 9px;
    right: -5px;
    background-size: 100%;
    color: white;
    font-weight: 900;
    line-height: 2.1;
    text-transform: capitalize;
    font-size: 115%;
    z-index: 5;
}
@media (max-width: 1000px){
    #sale { 
    width: 50%;
    height: 60px;
    background-image: url(../images/sale.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 6px;
    right: -5px;
    background-size: 100%;
    color: white;
    font-weight: 900;
    line-height: 2.1;
    text-transform: capitalize;
    font-size: 88%;
     }
     .prod-caption h4{ 
        font-size: 13px;
     }
     .logo2 img{
        width: 100%;
     }
     .forma_lente img{
    float: right;
    width: 54px;
    margin-right: 0%;
}
}
.img_gale{
}
.img_gale img{  
}
#zoom{
    transition: transform 2s;   
    transform: scale(1);
}
#row:hover #zoom{
    transition: transform 2s;   
    transform: scale(1.2);
    z-index: -1;
}
.btnoptico{
    background-image: url(../images/optico1.jpg);
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    transition: .5s;
    background-size: cover;
    background-position: center ;
}
.btn_a:hover > .btnoptico{
    transition: .5s;
    background-image: url(../images/optico2.jpg);
    width: 100%;
    height: 370px;
}
.btnsol{
    background-image: url(../images/lentesol1.jpg);
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    transition: .5s;
    background-size: cover;
    background-position: center ;
    
}
.btn_a:hover > .btnsol{
    transition: .5s;
    background-image: url(../images/lentesol2.jpg);
    width: 100%;
    height: 370px;
    background-repeat: no-repeat;
}
.btncontacto{
    background-image: url(../images/contacto1.jpg);
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    transition: .5s;
    background-size: cover;
    background-position: center ;
}
.btn_a:hover > .btncontacto{
    transition: .5s;
    background-image: url(../images/contacto2.jpg);
    width: 100%;
    height: 370px;
}
.btnaccesorio{
    background-image: url(../images/accesorio1.jpg);
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    transition: .5s;
    background-size: cover;
    background-position: center ;
}
.btn_a:hover > .btnaccesorio{
    transition: .5s;
    background-image: url(../images/accesorio2.jpg);
    width: 100%;
    height: 370px;
}
/*IPAD*/
@media (max-width: 1000px ) {
   dl {
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%;
    display: inline-grid;
}
}
/* Celular */
@media (max-width: 600px ) {

    .admin-menu {
        height: auto;
        width: auto;
    }
    .admin-menu li{
        display: block;
        width: auto;
    }

.btn_despliegue{
    margin-top: 0px;
}


.no-padding-menu{
    padding: 0px 15px;
} 
.btn_top{
    margin: 0px;
}
.btn_top a:hover{
    color: #abce00 !important;
}
.operativo_dias{
color: #65bc54;
text-align: center;
    text-transform: uppercase;
    line-height: 1;
}
.operativo_dias h4{
    font-size: 30px;
}
.p_dd{
    font-size: 85px;
}
.p_dia{
    font-size: 293px;
    line-height: 1;
    font-weight: bold;
    margin: -43px 0;
    letter-spacing: -14px;
}
.p_mes{
    font-size: 51px;
}
.p_ano{
    font-size: 30px;
}
.p_suc{
        font-size: 30px;
    font-weight: bold;
}

.filtros_mobile{
    column-count: 2;
}
.xsnopadding .col-xs-4{
    padding: 2px!important;
}
    .listado_lentes{
    height: 260px;
}
.sale_cont #sale {
    width: 29%;
    height: 96px;
    background-image: url(../images/sale.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 43px;
    right: -8px;
    background-size: 100%;
    color: white;
    font-weight: 900;
    line-height: 2.1;
    text-transform: capitalize;
    font-size: 14px;
    z-index: 5;
    text-align: center;
}
.forma_l{
    height: 82px;
}
.drop-down .select-list li span {
    display: inline-block;
    min-height: 35px;
    /* min-width: 223px; */
    width: 100%;
    padding: 5px 9px 5px 10px;
    background-color: white;
    background-position: right;
    background-repeat: no-repeat;
    font-size: 16px;
    text-align: left;
    color: black;
    opacity: 0.7;
    box-sizing: border-box;
    background-size: 71px;
}
.collapse-desktop {
    display: none;
}
  .well_mobile{
    margin-top: 23px;
  }
  .fecha_operativo{
    position: absolute;
    top: 45px;
    right: 0px;
    font-size: 12px;
    background: white;
    padding: 0px 39px;
}
  .table-mobile td {
    width: 100%;
    display: list-item;
  }
  .menu_mobile{
    font-size: 9px;
    text-align: center;
  }
  .main-container{
    padding-top: 0px !important;
  }
  .btn_inter{
    left: 9px;
  }
  .top_menu {
    margin-top: 8px;
    color: #7ba329 !important;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
}
.menu .col-xs-4{
    padding-right: 5px;
    padding-left: 5px;
}
.bx-viewport {
    height: 165px !important;
}
.titulo{
    font-size: 35px;
}
.titulo span {
  
    font-size: 14px;
}
.titulo strong {
  
    font-size: 14px;
  
}
.sub_titulo {
   
    font-size: 13px;
   
}
.letras {
    font-size: 12px;
}
.rrss{
    text-align: center;
    border-left: 0px;
    margin-bottom: 20px;
    padding-left: 0px;
}
.rrss img{
    width: 40px;
}
.col-xs-6 {
    padding: 5px;
}
.col-xs-12 {
    padding: 10px;
}
.espacio_mobile{
    padding-top: 30px;
}

}

/*reservas*/
.border_line{
    border: 1px solid gray;
    padding: 5px!important;
    border-radius: 5px;
}
.no-margin div{
    margin: 0px!important;
}
.reservas a:focus{
    color: white!important;
}
.reservas table{
    font-size: 12px;
}
.reservas textarea{
    width: 100%!important;
    height: 90px;
}
.paciente {
    color: black;
    font-weight: bold;
    cursor: pointer;
}
.reservas span.title{
    display: block;
    font-size: 20px;
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 11px;
    font-weight: initial;
    color: white; 
    background-color: #0070bf;
    text-transform: uppercase;
    width: auto;
    padding: 6px 20px;
    border-radius: 0;
    margin-left: 0;
    margin-top: 0;
    position: relative;
    z-index: 1;
    text-align: center;
} 
.no-padding-div div{
    padding: 1;
}
.reservas thead{
    background:#0070bf;
}
.form_paciente input, select{
    width: 100% !important;
}
.form_paciente div{
    margin: 5px 0;
}
.reservas input[type=checkbox]{
  height: 32px!important;
    width: 20px!important;
}
.menu_reservas{
    background: #0070bf;
    margin-bottom: 13px;
}
.menu_reservas i{
    margin-left: 10px;
    font-size: 23px;
}
.menu_reservas a{
    color: white; 
}
.reservas .boton_lux{
    background-color: #11426d;
}
.reservas .boton_lux:hover{
    color: white;
    background-color: #0070bf;
}
.reservas_btn_menu{
    display: inline-block;
    padding: 6px;
    padding: 6px 20px;
}
.reservas_btn_menu:hover{
    background-color: #11426d;
}
.selected{
    background-color: #11426d;
    color: white;
}
/*reservas*/
.segundaIMG .verImagen{
    display: none !important; 
}
.segundaIMG .verImagen2{
    display: none !important; 
}
.segundaIMG:hover > .verImagen{
    display: block !important;
    width: 100%;
    transform: scaleX(-1);
}
.segundaIMG:hover > .verImagen2{
    display: block !important;
    width: 100%;
}
.segundaIMG:hover > .hoverImagen{
    display: none !important;
    width: 100%;
}