body{font-family:'Poppins';}
.nav1-menulogo{display:flex;align-items:center;padding-top:5px;height:43px;}
.logomini{margin-left:20px;}
#index .logomini{display:none;}
 .container {
        width:1556px;
        max-width: 100%
    }
.carousel .carousel-inner{max-height:694px;height:auto;}
#wrapper{background:#fff;}
#header{box-shadow:none;-webkit-box-shadow:none;}
.header-nav{position:fixed;width:100%;background:#fff;top:0;z-index:900;}
.header-top{margin-top:50px;}
.cristalopaco{    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
 
    z-index: 901;
    display: none;
}
#header .header-nav .blockcart{position:relative;margin:0;padding:6px 0;width:26px;margin-left:10px;} 
#header .header-nav .blockcart .cart-products-count{    position: absolute;
    color: #fff;
    background: #000;
    border-radius: 100%;
    padding: 2px;
    width: 15px;
    height: 15px;
    display: flex
;
    align-items: center;
    justify-content: center;
    top: 21px;
    font-size: 10px;
    left: 5.5px;} 
#header .header-nav .blockcart svg{width:24px;}
#header .header-nav .cart-preview.active{background:#fff;}
#header .header-nav .user-info{margin:11px 0 0 10px;}
#search_widget{overflow:visible;}
#search_widget form{    display: flex;    align-items: center;    padding-top: 5px;justify-content:flex-end;}
#search_widget form input{background:#fff;padding:10px 20px;width:105px;}
#search_widget form input:focus{width:250px;}
#search_widget form input::placeholder {
  color: #000;
  opacity: 1;
}
#search_widget form input:focus::placeholder {
  color: #000;
  opacity: 0.5;
}

#header .header-nav .blockcart{background:#fff;}
.blur{filter:blur(4px);}

/* Menu */
  .btnmenu{   cursor:pointer; padding: 0px;    width: 40px;    height: 35px;       border-radius: 0px;    -webkit-appearance: button;  appearance: button; -moz-appearance: button;  font-size: 30px;    line-height: 1;    background: transparent no-repeat center center;     background-size: 24px 24px;        color: #000;    border: none;position:relative;z-index:103;outline:none!important;}
  .btnmenuclose{top:30px;right:21px;float:right;font-size:30px;  cursor:pointer; padding: 6px;    width: 40px;    height: 35px;    border: none;    border-radius: 0px;     -webkit-appearance: button;  appearance: button; -moz-appearance: button;  font-family:'Roboto'; font-size: 30px;    line-height: 1;    background: transparent no-repeat center center;    background-size: 24px 24px;      color: #000;   position:absolute;z-index:103;outline:none!important;font-weight:700;}
  .menu{position:fixed;top:0;left:0px;max-width:100%;width:600px;margin-left:-600px;background:#fff;border-right:1px solid #efefef;height:100vh;padding:20vh 55px 20px 55px;z-index:1000;color:#000;}
  .tapa{    width: 400px;    height: 120vh;    position: fixed;    margin-left: -400px;    top: 0;    background: #fff;    z-index: 1000;}
  .menu li{width:100%;float:left;padding-left:25px;margin-bottom:20px;}
  .menu ul li ul{margin-top:62px;} 
  .menu li ul li{width:100%;float:left;margin-bottom:20px;}
  .menu li ul li a{ font-family:'Poppins';padding:6px 0px;float:left;display:block;font-size:21px;color:#000;text-decoration:none;}
  .menu li div{padding-left:10px;}
  .menu li a{ font-family:'Poppins';padding:6px 0px;float:left;display:block;font-size:21px;color:#000;text-decoration:none;}
  #header .menu li a:hover{font-weight:700;color:#000;}
  
  .menu li div a{font-size:16px;}
  .menu > ul{float:left;width:100%;padding-bottom:120px;padding-right:20px;height:100%;overflow-x:hidden;}
  
  .menu  span.tmenu{font-size:18px;text-transform:uppercase;font-weight:700;float:left;padding-top:6px;padding-bottom:10px;color:#000;font-family:'Roboto'; font-weight:700;}
  .menu li.current > a{font-weight:700;}
 
  .rayita{float:left;width:100%;    border-top: 1px solid #fff;margin-top:8px;margin-bottom:8px;}
  #menu-sin-margin{background:#fff!important;position:absolute;right:0;}
  
  .padreconhijos{position:relative;}
  .padreconhijos .abrirmenu{  cursor:pointer;  position: absolute;    right: 5px;    top: 0;    font-size: 30px;    margin-top: -6px;font-weight:700;}
  .padreconhijos .cerrarmenu{cursor:pointer; display:none;    position: absolute;    right: 3px;    top: 0;   font-size: 30px;
      margin-top: -6px;}
  .padreconhijos .sub-menu{width:100%;}
  #block_top_menu{
      position: fixed;
      top: 0;
      right: 0;
      width: 1920px;
      margin-right: -1920px;
      background: #fff;
      border-left: 2px solid #000;
      height: 100vh;
      padding: 40px 0 120px 40px;
      z-index: 1000;
      color: #000;
      max-width:100%;overflow-x: hidden;
      
  }
  .btnmenu2{display:none;background:#fff;border:none;outline:none!important;border-radius:0;width:33px;position:absolute;right:15px;top:19px;cursor:pointer;padding:0;z-index:105;}
  .btnmenu2:hover{opacity:0.7;display:none;}
  .btnmenu2 svg{width:33px;height:33px;fill:#fff000;
      width: 29px;
      height: 34px;fill:#000;
  }
  .btnmenuclose2{top: 30px;
      left: 20px;
      float: right;
      font-size: 30px;
      cursor: pointer;
      padding: 6px;
      width: 40px;
      height: 35px;
      border: none;
      border-radius: 0px;
      -webkit-appearance: button;  appearance: button; -moz-appearance: button;
      font-family: 'Roboto';
      font-size: 30px;
      line-height: 1;
      background: transparent no-repeat center center;
      background-size: 24px 24px;
      color: #000;
      position: absolute;
      z-index: 103;
      outline: none!important;
      font-weight: 700;}
  .sf-menu2 li > ul > li > a{    font-size: 20px;
      line-height:1.5;
      font-weight: 400;
      float: left;
      padding-top: 6px;
      padding-bottom: 10px;
      color: #222221;
      font-family: 'Roboto';
      padding-right:5px;}
  .sf-menu2 .sub-menu a{font-weight:400;font-size:16px;}
  .sf-menu2 > li > ul > li:first-child{border-top:1px solid #efefef;}
  .sf-menu2 li a.necesitasayuda,.sf-menu2 li a.tienesdudas{font-size:28px;font-family:'Roboto Slab';text-decoration:underline;margin-bottom:20px;}
  
  .tmenu2{ font-size: 22px;
      text-transform:uppercase;
      font-weight: 700;
      float: left;
      padding-top: 6px;
      padding-bottom: 10px;
      color: #000;
      font-family: 'Roboto';
      font-weight: 700;display:block;width:100%;clear:both;margin-top:20px;}
  #block_top_menu .padreconhijos{width:100%;float:left;line-height:1;border-bottom:1px solid #efefef;margin:5px 0;padding:0 45px 0 25px;}
  #block_top_menu li{width:100%;clear:both;}
  #block_top_menu .sub-menu{padding-left:20px;}
  #block_top_menu .sfHoverForce > a{text-decoration:underline;color:#000;}
  #block_top_menu  .sub-menu li{width:100%;clear:both;}
  .sf-menu2 > li > ul{padding-left:20px;padding-right:40px;}
  .sf-menu2 .padreconhijos .abrirmenu{ top:7px;width:100%;text-align:right;right:25px;}
  .sf-menu2 .padreconhijos .cerrarmenu{top:7px;width:100%;text-align:right;right:25px;}
  .sf-menu2 .padreconhijos.abiertoo .abrirmenu{display:none;}
  .sf-menu2 .padreconhijos.abiertoo .cerrarmenu{display:block; color:#000}
  .sf-menu2 .padreconhijos.abiertoo > a{color:#000;}
  .fondofooter{background:#3f3f3f;}
  .sf-menu2 > li > a{  font-size: 20px;    line-height:1.5;    font-weight: 400;    float: left;    padding:0;    color: #222221;    font-family: 'Roboto';    font-weight: 400;padding-left: 44px;    padding-right: 40px;}
  .sf-menu2{    max-width:100%;      margin-top: 60px;}
  .menu li a.vinílicasprimavera-verano,
  .menu li a.todoslosproductos,.menu li a.navidad,.menu li a.especialhalloween,.menu li a.taraditas,.menu li a.terraza, .menu li a.descuentazos,.menu li a.pidemuestras,.menu li a.promoexpress,.menu li a.novedades{font-size: 18px;
      text-transform: uppercase;
      font-weight: 700;
      float: left;
      padding-top: 6px;
      padding-bottom: 10px;
      color: #000;
      font-family: 'Roboto';
      font-weight: 700;}
  

@media screen and (max-width:1170px){
  .btnmenu{margin-top:23px;}
}
@media (max-width:900px){
  .btnmenu2{top:14px;}
  .btnmenu2 svg{width:19px;}
          .btnmenuclose ,.btnmenu{border-radius:0;width:35px;height:33px;border:none;font-size:23px;}
      .btnmenu{margin-top:15px;margin-left:46px;}
      .btnmenu svg{width:25px;}
      .btnmenuclose{top:15px;}
      .btnmenuclose svg{width:20px;height:20px;}
      .btnmenuclose2 svg{width:20px;height:20px;}
}
@media (max-width:850px){
      .btnmenu{margin-left:22px;}
  
}
  
@media screen and (max-width: 628px){
      .btnmenu2{top:6px;}
      .sf-menu2 li > ul > li > a{font-size:16px;}
      .sf-menu2 li > a{font-size:16px;}
      .sf-menu2 li a.necesitasayuda, .sf-menu2 li a.tienesdudas{font-size:22px;}
      #block_top_menu{padding-left:0;}
      .btnmenu,.btnmenuclose{font-size:26px;}
      .btnmenuclose {    top: 6px;    right: 5px;}
}
  
      
@media screen and (max-width:520px){
      .menu{padding-left:0;}
      .menu li a:hover::before,
      .menu li.current a:before{display:none;}
      .menu li.current{position:relative;}
      .menu li.current:before{ content: "\f105";
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size:19px;position:absolute;top:50%;left:12px;margin-top:-10px;}
      .menu li.current a{margin-left:0;}
      .menu li a:hover{margin-left:0;}
}
@media screen and (max-width:480px){
      
      .sf-menu2 > li > a{padding-left:24px;padding-right:20px;}
      #block_top_menu .padreconhijos{padding: 0 25px 0 16px;}
      .sf-menu2 > li > ul{padding-left:20px;padding-right:20px;}
      .menu li a{padding:9px 0px;}
      .sf-menu2 .padreconhijos .abrirmenu,
      .sf-menu2 .padreconhijos .cerrarmenu{right:5px;}
}
@media screen and (max-width:351px){
      .btnmenu2{right:10px;}
}