/*
 * Cliente: GreatOptic
 * Fecha: junio 2018
 * Autor: innovacreaciones.es
 */

body { position:relative;}

.nav-item {border-right:solid 1px #dee2e6; font-size:0.9rem}
.nav-item:last-child { border-right:none}

.navbar-nav .nav-item > .nav-link.active  {background-color:#dee2e6;}

.tit_menu { border-bottom:dashed 1px #ddd;color:#7f7f7f}
.list-menu { list-style: none; padding-left:30px; }
.list-menu li {margin-left: 0;padding-left:0}
.list-menu li:before {content: url('../img/arrow_right.svg');  position:absolute;width:7px; left:25px;}

.megamenu > * { font-size:0.8rem;}

.banner { position: relative}
.banner h1 { position:absolute; top:0;text-shadow: 2px 2px 3px #000;-webkit-text-stroke: 1px #000;color: #fff;text-transform: uppercase;font-weight: 800; }
.banner h2 { position:absolute; bottom:0;   text-shadow: 2px 2px 3px #000;-webkit-text-stroke: 1px #000;color: #fff;text-transform: uppercase;font-weight: 800;}

.banner .info { background-color:rgba(0, 0, 0, 0.3);position:absolute; bottom:1.5rem; width:100%;}

.search_home { background:url(../img/home_bg_buscador.jpg) no-repeat center right; background-size:cover}

#busqueda {display:none}

.ayuda { cursor:help;border-bottom:dotted 1px #8a8a8a; display:inline-block}
.breadcrumb{ font-size:0.8rem;}
.cesta { position:relative}
.cesta .items { position:absolute;background-color:#3ca82b; color:#fff; border-radius:8px; padding:2px 5px; font-size:8px; right:-2px; top:2px}

.filt .active {background-color:#efefef; padding:0 5px}

.cristales_incluidos { position:relative;margin-bottom:-30px; z-index:9}
.cristales_incluidos p { line-height: 20px}

a.graduacion .border:hover, a.graduacion.active .border, a.grad_but.active .border, .active .border  {border-color:#000!important;background-color:#eff4eb}

@media screen and (min-width: 1025px) {
    .logo {width:70%}
}
/* especifico para movil */
@media screen and (max-width: 39.9375em) {
    .search_home h1 { font-size:18px;}
    .search_home h2 { font-size:16px;}
    .nav-item { border-right:none}
    .cesta .items { right:-2px; top:-4px}
    .navbar-brand, .pie .border-right { border-right:none!important}
    .banner h1 { font-size:1.8rem}
    .banner h2 { font-size:1.2rem}
    /*filtros para movil*/
    #filtros { width:100%;height:100%;position:absolute; top:0; left:0; background-color:#fff;z-index:9;display:none; }
    #filtros .border-right { border:none!important}
    #filtros .sticky-top{ position:relative}
    
    .pag_gafa h1 { font-size:18px!important}
    
    .cristales_incluidos p{font-size:14px}
    .cristales_incluidos .size24{font-size:20px}
}

.listado-marcas { height:260px; overflow-y: scroll;}
.gafa_listado { position:relative}
.gafa_listado .colores { position:absolute; width:150%; right:0; z-index:1021; background-color:#FFF; height:auto; border:solid 1px #cdcdcd; display:none}


.link_no_underline:hover { text-decoration:none}
.help {    
       -moz-text-decoration-line: underline;
       -moz-text-decoration-style: dashed;
       -moz-text-decoration-color: #CCC;    
    -webkit-text-decoration-line: underline;
    -webkit-text-decoration-style: dashed;
    -webkit-text-decoration-color: #CCC;
}.help { 
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-decoration-color: #CCC;
}

.pagos_accordion .card-header:hover { background-color:rgba(0, 0, 0, 0.1)}

.text-light-2 {color:#b2b2b2}
a.text-light-2:hover { color:#c9c9c9;}
.bg-dark-2 { background-color:#000}

ul.striped > li {background-color: #f6f7f9 ;padding:2px 5px;margin-bottom: 3px }
ul.striped > li:nth-of-type(odd) {background-color: #ecedef ; }

.size10 { font-size:10px;}
.size12 { font-size:12px;}
.size14 { font-size:14px;}
.size16 { font-size:16px;}
.size18 { font-size:18px;}
.size20 { font-size:20px;}
.size24 { font-size:24px;}
.size28 { font-size:28px;}
.size36 { font-size:36px;}
.size48 { font-size:48px;}

.lh_normal { line-height: normal;}

.cc-message { margin:1rem!important; font-size:9px!important;line-height:normal!important}
@media screen and (max-width: 39.9375em) {
    
    .precio .size36 { font-size:28px}
    .precio .size28 { font-size:20px}
    .border-xs-right-0 { border-right:none!important}
}

.modal-content img {max-width: 100%;height: auto;}