@font-face {
    font-family: 'robotomenu';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  .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;margin-top:38px;margin-left:52px;}
  .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:auto;max-width:100%;width:600px;margin-left:-600px;background:#fff;border-right:2px solid #000;height:100vh;padding:70px 0 20px 20px;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;}
  .menu li div{padding-left:10px;}
  .menu li a{ font-family:'robotomenu';padding:6px 0px;float:left;display:block;font-size:16px;color:#000;text-decoration:none;text-transform:uppercase}
  .menu li a:hover{color:#000;position:relative;}
  
  .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;}
  .menu li a:hover::before, .menu li.current > a: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;margin-left: -14px;
      position: absolute;
  }
  .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;}
  .menu .sub-menu{display:none;}
  #block_top_menu .sub-menu{display:none;}
  .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.cestospongotodo,
  .menu li a.vinílicasprimavera-verano,
  .menu li a.todoslosproductos,.menu li a.navidad,.menu li a.especialhalloween,.menu li a.terraza, .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;}
	  .menu li a.descuentazos,.menu li a.taraditas{
		  
		        text-transform: uppercase;
      font-weight: 400;
      float: left;
      padding-top: 6px;
      padding-bottom: 10px;
      color: #000;
      font-family: 'Roboto';
      
	  }
  
  /*.suelosvinílicos{position:relative;}
  .suelosvinílicos:before{content:"";background:url('/themes/leo_cool_stuff/assets/img/r1.svg') no-repeat;width:40px;height:40px;position:absolute;top:0;left:-25px;color:#000;animation: blinker 1s linear infinite;}
  .suelosvinílicos:after{content:"";background:url('/themes/leo_cool_stuff/assets/img/r2.svg') no-repeat;width:40px;height:40px;position:absolute;top:0;right:-42px;color:#000;animation: blinker 1s linear infinite;}
  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }*/
  
  /*.plantasartificiales:before{content:"";background:url('/themes/leo_cool_stuff/assets/img/r1.svg') no-repeat;width:40px;height:40px;position:absolute;top:0;left:-25px;color:#000;animation: blinker 1s linear infinite;}
  .plantasartificiales:after{content:"";background:url('/themes/leo_cool_stuff/assets/img/r2.svg') no-repeat;width:40px;height:40px;position:absolute;top:0;right:-42px;color:#000;animation: blinker 1s linear infinite;}
  @keyframes blinker {
    50% {
      opacity: 0;
    }
  */
  .vinílicasprimavera-verano{position:relative;padding-right:42px!important}
  /*.vinilosparacristales{position:relative;padding-right:42px!important}*/
  .especialnavidad{position:relative;padding-right:83px!important}
  /*.vinilosparacristales:after{
       content: "";
      background: url(/themes/leo_cool_stuff/assets/img/agotado-temporalmente.svg) no-repeat;
     width: 165px;
      height: 41px;
      position: absolute;
      top: -5px;
      right: -129px;
      color: #000;
      animation: blinker 1s linear infinite;
  }*/
   .liquidaciónexclusiva{font-weight:700;position:relative;padding-right:42px!important;font-size:18px!important;font-family:'Roboto'!important;color:#d55a3a!important}
   
  .liquidaciónexclusiva:after{       content: "";
    background: url(/themes/leo_cool_stuff/assets/img/hastafinexistencias.svg) no-repeat;
    width: 140px;
    height: 40px;
    position: absolute;
    top: -2px;
    right: -110px;
    color: #000;
    animation: blinker 1s 
linear infinite;
    background-size: 116px;
  }
   .arcos¡enliquidacin{font-weight:700;position:relative;padding-right:42px!important;font-size:18px!important;font-family:'Roboto'!important;}
  .arcos¡enliquidacin:after{    content: "";
      background: url(/themes/leo_cool_stuff/assets/img/enliquidacion.svg) no-repeat;
      width: 140px;
      height: 40px;
      position: absolute;
      top: -2px;
      right: -100px;
      color: #000;
      animation: blinker 1s linear infinite;
  }  
   .maxirolls{font-weight:700;position:relative;padding-right:42px!important;font-size:18px!important;font-family:'Roboto'!important;}
  .maxirolls:after{    content: "";
      background: url(/themes/leo_cool_stuff/assets/img/enliquidacion.svg) no-repeat;
      width: 140px;
      height: 40px;
      position: absolute;
      top: -2px;
      right: -100px;
      color: #000;
      animation: blinker 1s linear infinite;
  }
  
  .especialnavidad:after{    content: "";
      background: url(/themes/leo_cool_stuff/assets/img/hohoho.svg) no-repeat;
      width: 83px;
      height: 40px;
      position: absolute;
      top: 6px;
      right: 0px;
      color: #000;
      animation: blinker 1s linear infinite;
  }
  .viniloshalfpainted:after{
	   content: "";
      background: url(/themes/leo_cool_stuff/assets/img/new.svg) no-repeat;
      width: 33px;
      height: 40px;
      position: absolute;
      top: 6px;
      right: 0px;
      color: #000;
      animation: blinker 1s linear infinite;
	 
  }
  .viniloshalfpainted{position:relative;padding-right:42px!important}
  
  .msgmenu{color:#d55a3a;padding-left:26px;font-size:26px;} 
  .sub-menu .msgmenu{display:none;}
  
  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }
  @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;}
	  .msgmenu{font-size:20px;}
  }
  @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;}
	  
	  .arcos¡enliquidacin:after, .cestospongotodo:after,  .maxirolls:after{width:140px;top:-2px;right:-100px;}
	  .menu li a{font-size:15px;}
	  .arcos¡enliquidacin,.cestospongotodo,.maxirolls{font-size:15px!important;}
  }
  @media screen and (max-width:351px){
      .btnmenu2{right:10px;}
  }