body{ font-family: 'Lato', sans-serif; font-weight: 400; color: #494949; padding-top: 75px; } /* Molla Mills CSS */ @media screen and (min-width:768px){ .m-md-0{margin:0!important} .mt-md-0,.my-md-0{margin-top:0!important} .mr-md-0,.mx-md-0{margin-right:0!important} .mb-md-0,.my-md-0{margin-bottom:0!important} .ml-md-0,.mx-md-0{margin-left:0!important} .m-md-1{margin:.25rem!important} .mt-md-1,.my-md-1{margin-top:.25rem!important} .mr-md-1,.mx-md-1{margin-right:.25rem!important} .mb-md-1,.my-md-1{margin-bottom:.25rem!important} .ml-md-1,.mx-md-1{margin-left:.25rem!important} .m-md-2{margin:.5rem!important} .mt-md-2,.my-md-2{margin-top:.5rem!important} .mr-md-2,.mx-md-2{margin-right:.5rem!important} .mb-md-2,.my-md-2{margin-bottom:.5rem!important} .ml-md-2,.mx-md-2{margin-left:.5rem!important} .m-md-3{margin:1rem!important} .mt-md-3,.my-md-3{margin-top:1rem!important} .mr-md-3,.mx-md-3{margin-right:1rem!important} .mb-md-3,.my-md-3{margin-bottom:1rem!important} .ml-md-3,.mx-md-3{margin-left:1rem!important} .m-md-4{margin:1.5rem!important} .mt-md-4,.my-md-4{margin-top:1.5rem!important} .mr-md-4,.mx-md-4{margin-right:1.5rem!important} .mb-md-4,.my-md-4{margin-bottom:1.5rem!important} .ml-md-4,.mx-md-4{margin-left:1.5rem!important} .m-md-5{margin:3rem!important} .mt-md-5,.my-md-5{margin-top:3rem!important} .mr-md-5,.mx-md-5{margin-right:3rem!important} .mb-md-5,.my-md-5{margin-bottom:3rem!important} .ml-md-5,.mx-md-5{margin-left:3rem!important} } @media screen and (min-width:576px){ .m-sm-0{margin:0!important} .mt-sm-0,.my-sm-0{margin-top:0!important} .mr-sm-0,.mx-sm-0{margin-right:0!important} .mb-sm-0,.my-sm-0{margin-bottom:0!important} .ml-sm-0,.mx-sm-0{margin-left:0!important} .m-sm-1{margin:.25rem!important} .mt-sm-1,.my-sm-1{margin-top:.25rem!important} .mr-sm-1,.mx-sm-1{margin-right:.25rem!important} .mb-sm-1,.my-sm-1{margin-bottom:.25rem!important} .ml-sm-1,.mx-sm-1{margin-left:.25rem!important} .m-sm-2{margin:.5rem!important} .mt-sm-2,.my-sm-2{margin-top:.5rem!important} .mr-sm-2,.mx-sm-2{margin-right:.5rem!important} .mb-sm-2,.my-sm-2{margin-bottom:.5rem!important} .ml-sm-2,.mx-sm-2{margin-left:.5rem!important} .m-sm-3{margin:1rem!important} .mt-sm-3,.my-sm-3{margin-top:1rem!important} .mr-sm-3,.mx-sm-3{margin-right:1rem!important} .mb-sm-3,.my-sm-3{margin-bottom:1rem!important} .ml-sm-3,.mx-sm-3{margin-left:1rem!important} .m-sm-4{margin:1.5rem!important} .mt-sm-4,.my-sm-4{margin-top:1.5rem!important} .mr-sm-4,.mx-sm-4{margin-right:1.5rem!important} .mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important} .ml-sm-4,.mx-sm-4{margin-left:1.5rem!important} .m-sm-5{margin:3rem!important} .mt-sm-5,.my-sm-5{margin-top:3rem!important} .mr-sm-5,.mx-sm-5{margin-right:3rem!important} .mb-sm-5,.my-sm-5{margin-bottom:3rem!important} .ml-sm-5,.mx-sm-5{margin-left:3rem!important} } @media screen and (min-width:992px){ .m-lg-0{margin:0!important} .mt-lg-0,.my-lg-0{margin-top:0!important} .mr-lg-0,.mx-lg-0{margin-right:0!important} .mb-lg-0,.my-lg-0{margin-bottom:0!important} .ml-lg-0,.mx-lg-0{margin-left:0!important} .m-lg-1{margin:.25rem!important} .mt-lg-1,.my-lg-1{margin-top:.25rem!important} .mr-lg-1,.mx-lg-1{margin-right:.25rem!important} .mb-lg-1,.my-lg-1{margin-bottom:.25rem!important} .ml-lg-1,.mx-lg-1{margin-left:.25rem!important} .m-lg-2{margin:.5rem!important} .mt-lg-2,.my-lg-2{margin-top:.5rem!important} .mr-lg-2,.mx-lg-2{margin-right:.5rem!important} .mb-lg-2,.my-lg-2{margin-bottom:.5rem!important} .ml-lg-2,.mx-lg-2{margin-left:.5rem!important} .m-lg-3{margin:1rem!important} .mt-lg-3,.my-lg-3{margin-top:1rem!important} .mr-lg-3,.mx-lg-3{margin-right:1rem!important} .mb-lg-3,.my-lg-3{margin-bottom:1rem!important} .ml-lg-3,.mx-lg-3{margin-left:1rem!important} .m-lg-4{margin:1.5rem!important} .mt-lg-4,.my-lg-4{margin-top:1.5rem!important} .mr-lg-4,.mx-lg-4{margin-right:1.5rem!important} .mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important} .ml-lg-4,.mx-lg-4{margin-left:1.5rem!important} .m-lg-5{margin:3rem!important} .mt-lg-5,.my-lg-5{margin-top:3rem!important} .mr-lg-5,.mx-lg-5{margin-right:3rem!important} .mb-lg-5,.my-lg-5{margin-bottom:3rem!important} .ml-lg-5,.mx-lg-5{margin-left:3rem!important} } #contenedor-molamills { padding: 0px; } #contenedor-molamills .bg-dark { background-color: #343a40!important; } #contenedor-molamills .container-fluid { padding-right: 0px; padding-left: 0px; } #contenedor-molamills .col-lg-1, #contenedor-molamills .col-lg-10, #contenedor-molamills .col-lg-11, #contenedor-molamills .col-lg-12, #contenedor-molamills .col-lg-2, #contenedor-molamills .col-lg-3, #contenedor-molamills .col-lg-4, #contenedor-molamills .col-lg-5, #contenedor-molamills .col-lg-6, #contenedor-molamills .col-lg-7, #contenedor-molamills .col-lg-8, #contenedor-molamills .col-lg-9, #contenedor-molamills .col-md-1, #contenedor-molamills .col-md-10, #contenedor-molamills .col-md-11, #contenedor-molamills .col-md-12, #contenedor-molamills .col-md-2, #contenedor-molamills .col-md-3, #contenedor-molamills .col-md-4, #contenedor-molamills .col-md-5, #contenedor-molamills .col-md-6, #contenedor-molamills .col-md-7, #contenedor-molamills .col-md-8, #contenedor-molamills .col-md-9, #contenedor-molamills .col-sm-1, #contenedor-molamills .col-sm-10, #contenedor-molamills .col-sm-11, #contenedor-molamills .col-sm-12, #contenedor-molamills .col-sm-2, #contenedor-molamills .col-sm-3, #contenedor-molamills .col-sm-4, #contenedor-molamills .col-sm-5, #contenedor-molamills .col-sm-6, #contenedor-molamills .col-sm-7, #contenedor-molamills .col-sm-8, #contenedor-molamills .col-sm-9, #contenedor-molamills .col-xs-1, #contenedor-molamills .col-xs-10, #contenedor-molamills .col-xs-11, #contenedor-molamills .col-xs-12, #contenedor-molamills .col-xs-2, #contenedor-molamills .col-xs-3, #contenedor-molamills .col-xs-4, #contenedor-molamills .col-xs-5, #contenedor-molamills .col-xs-6, #contenedor-molamills .col-xs-7, #contenedor-molamills .col-xs-8, #contenedor-molamills .col-xs-9 { position: relative; min-height: 1px; padding-right: 0px; padding-left: 0px; } #contenedor-molamills.container-fluid .jumbotron { padding-right: 0px; padding-left: 0px; border-radius: 0px !important; padding-top: 0; padding-bottom: 0; } #contenedor-molamills.container-fluid .jumbotron img { width: 100%; } @media screen and (min-width: 1366px) and (max-width: 1480px){ #contenedor-molamills.container-fluid .jumbotron.header { /* background: url("https://www.katia.com/imgs/molla-mills/mm-header-bg.jpg"); */ background-origin: border-box; background-size: cover; /* height: 380px; */ padding: 0px; background-repeat: no-repeat; background-position-x: center; } #contenedor-molamills.container-fluid .jumbotron.footer { /* background: url("https://www.katia.com/imgs/molla-mills/mm-footer-bg.jpg"); background-origin: border-box; background-size: cover; height: 288px; */ padding: 0px; /* background-repeat: no-repeat; background-position-x: center; */ margin-bottom: 0px; } } @media screen and (min-device-width: 300px) and (max-device-width: 639px){ #contenedor-molamills.container-fluid .jumbotron.header { /* background: url("https://www.katia.com/imgs/molla-mills/mm-header-bg-xs.jpg"); background-origin: border-box; background-size: cover; height: 320px; */ padding: 0px; /* background-repeat: no-repeat; background-position-x: center; */ } #contenedor-molamills .col-xs-12 { width: 100% !important; } #contenedor-molamills.container-fluid .jumbotron.footer { background: url("https://www.katia.com/imgs/molla-mills/mm-footer-bg-xs.jpg"); background-origin: border-box; background-size: cover; height: 320px; padding: 0px; background-repeat: no-repeat; background-position-x: right; margin-bottom: 0px; } #contenedor-molamills .makevolution-hidden-tab { display: block !important; } #contenedor-molamills .makevolution-hidden-tab h2 { margin-top: 35% !important; } #contenedor-molamills .makevolution-hidden-tab { background: rgba(0,0,0, 0.35) !important; } } @media screen and (min-width: 640px) and (max-width: 812px){ #contenedor-molamills.container-fluid .jumbotron.header { /* background: url("https://www.katia.com/imgs/molla-mills/mm-header-bg-s.jpg"); background-origin: border-box; background-size: cover; height: 305px; */ padding: 0px; /* background-repeat: no-repeat; background-position-x: center; */ } #contenedor-molamills .col-xs-12 { width: 100% !important; } #contenedor-molamills.container-fluid .jumbotron.footer { /* background: url(https://www.katia.com/imgs/molla-mills/mm-footer-bg-s.jpg); background-origin: border-box; background-size: cover; height: 305px; */ padding: 0px; /* background-repeat: no-repeat; background-position-x: center; */ margin-bottom: 0px; } #contenedor-molamills .makevolution-hidden-tab { display: block !important; } #contenedor-molamills .makevolution-hidden-tab h2 { margin-top: 40% !important; } #contenedor-molamills .makevolution-hidden-tab { background: rgba(0,0,0, 0.35) !important; } } @media screen and (min-width: 1481px){ #contenedor-molamills.container-fluid .jumbotron.header { /* background: url("https://www.katia.com/imgs/molla-mills/mm-header-bg.jpg"); */ background-origin: border-box; background-size: cover; /* height: 560px; */ padding: 0px; /* background-repeat: no-repeat; background-position-x: center; */ } #contenedor-molamills.container-fluid .jumbotron.footer { /* background: url("https://www.katia.com/imgs/molla-mills/mm-footer-bg.jpg"); background-origin: border-box; background-size: cover; height: 390px; */ padding: 0px; /* background-repeat: no-repeat; background-position-x: center; */ margin-bottom: 0px; } #contenedor-molamills.container-fluid .jumbotron.footer { /* background: url("https://www.katia.com/imgs/molla-mills/mm-footer-bg.jpg"); background-origin: border-box; background-size: cover; height: 400px; */ padding: 0px; /* background-repeat: no-repeat; background-position-x: center; */ margin-bottom: 0px; } } @media screen and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332){ #contenedor-molamills .makevolution-hidden-tab { display: block !important; } #contenedor-molamills .makevolution-hidden-tab { background: rgba(0,0,0, 0.35) !important; } } @media screen and (min-width: 813px) and (max-width: 1365px){ #contenedor-molamills.container-fluid .jumbotron.header { /* background: url(https://www.katia.com/imgs/molla-mills/mm-header-bg-m.jpg); height: 320px; background-size: cover; background-position-x: center; */ } #contenedor-molamills.container-fluid .jumbotron.footer { /* background: url("https://www.katia.com/imgs/molla-mills/mm-footer-bg-m.jpg"); background-origin: border-box; background-size: cover; height: 265px; */ padding: 0px; /* background-repeat: no-repeat; background-position-x: center; */ margin-bottom: 0px; } } #contenedor-molamills .cont-breadcrumb { padding-top: 30px !important; padding-left: 15px; padding-right: 15px; } #contenedor-molamills container-makevolution-cart { width: 100% !important; padding: 0px !important; } #contenedor-molamills .modelorel-content-makevolution .btn.button-mke { color: white !important; font-size: 20px !important; text-transform: uppercase; background: none !important; padding: 10px 45px 10px 45px; border: 1px solid white; border-radius: 0px !important; margin-top: 0px; font-family: 'Lato', sans-serif; letter-spacing: 1.5px; font-weight: 100; background: rgba(0,0,0, 0.20) !important; } #contenedor-molamills .modelorel-content-makevolution .btn.button-mke:hover{ background:#E30613 !important; } #contenedor-molamills .modelorel-content-makevolution .btn.button-mke:before { content:"+"; margin-right: 10px; font-size: 20px; line-height: 25px; } #contenedor-molamills .modelorel-content-makevolution .btn-box-makevolution { color: white !important; font-size: 16px !important; text-transform: uppercase; background: none !important; padding: auto; border-radius: 0px !important; font-family: 'Lato', sans-serif; letter-spacing: 1.5px; font-weight: 100; position: absolute; margin-left: auto; margin-right: auto; /* left: 20%; right: 20%; */ bottom: 20%; width: 100%; } #contenedor-molamills .makevolution-imgs.img-responsive.center-block { border-top-left-radius: 0px; border-top-right-radius: 0px; top: 0px; padding: 0px !important; width: 100%; } #contenedor-molamills .modelorel-wrapper { margin-left: 0px; margin-top: 0px; text-align: left; display: inline-block; height: auto; position: relative; vertical-align: top; } #contenedor-molamills .container-makevolution-cart .col-sm-6 { width: 33.333333%; } #contenedor-molamills .modelorel-content-makevolution a { z-index: 9; cursor: pointer; width: 100%; display: inline-block; height: 100%; font-weight: lighter; text-decoration: none; } #contenedor-molamills .container-makevolution-cart .col-6 { width: 50%; float: left; margin-left: 0px; margin-top: 0px; } @media screen and (min-width: 768px){ #contenedor-molamills .container-makevolution-cart .col-sm-3 { width: 25%; } } #contenedor-molamills .mt-0 { margin-top: 0 !important; } #contenedor-molamills .mt-1 { margin-top: 0.25rem !important; } #contenedor-molamills .mt-2 { margin-top: 1.50rem !important; } #contenedor-molamills .mt-3 { margin-top: 2.50rem !important; } #contenedor-molamills .text-dark { color: #343a40!important; } #contenedor-molamills .bg-light { background-color: #f8f9fa!important; } #contenedor-molamills .mb-0 { margin-bottom: 0 !important; } #contenedor-molamills .modelorel-content-makevolution { display: flex; padding: 0; position: relative; overflow: hidden; } #contenedor-molamills .animate { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); overflow: hidden; transition: all 6s !important; } #contenedor-molamills .animateOff { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); overflow: hidden; transition: all 6s !important; } #contenedor-molamills .mb-4 { margin-bottom: 7.5rem !important; display: block; } #contenedor-molamills .mt-4 { margin-top: 7.5rem !important; display: block; } #contenedor-molamills .mr-2 { margin-right: 0.5rem; display: block; } #contenedor-molamills .mr-3 { margin-right: 1rem; display: block; } #contenedor-molamills .mr-4 { margin-right: 1.5rem; display: block; } #contenedor-molamills .mr-5 { margin-right: 3rem; display: block; } #contenedor-molamills .ml-2 { margin-left: 0.5rem; display: block; } #contenedor-molamills .ml-3 { margin-left: 1rem; display: block; } #contenedor-molamills .ml-4 { margin-left: 1.5rem; display: block; } #contenedor-molamills .ml-5 { margin-left: 3rem; display: block; } #contenedor-molamills .ml-auto, .mx-auto { margin-left: auto!important; display: block; } #contenedor-molamills .mr-auto, .mx-auto { margin-right: auto!important; display: block; } #contenedor-molamills .float-right { float: right!important; display: block; } #contenedor-molamills .float-left { float: left!important; display: block; } #contenedor-molamills .makevolution-hidden-tab { background:rgba(0,0,0, 0.55); } #contenedor-molamills .makevolution-hidden-tab h2 { color: white !important; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: lighter !important; letter-spacing: 4.5px; width: 95%; margin-left: auto; margin-right: auto; margin-top: 45%; } #contenedor-molamills .makevolution-hidden-tab { width: 100%; height: 100%; position: absolute; /*padding-top: 35%;*/ z-index: 20; cursor: pointer; } #contenedor-molamills .makevolution-hidden-tab .similar-model-description{ color: white !important; font-size: 14px !important; text-transform: uppercase; } #contenedor-molamills .makevolution-hidden-tab .btn-box-makevolution { color: white !important; font-size: 16px !important; text-transform: uppercase; background: none !important; padding: 1px 35px 5px 35px; border: 1px solid white; border-radius: 0px !important; margin-top: 20px; font-family: 'Lato', sans-serif; letter-spacing: 1.5px; font-weight: 100; } #contenedor-molamills .makevolution-hidden-tab .btn-box-makevolution:hover{ background: #E30613 !important; } #contenedor-molamills .makevolution-hidden-tab a:hover{ color: white; } #contenedor-molamills .makevolution-hidden-tab .btn-box-makevolution:before { content:"+"; margin-right: 10px; font-size: 20px; line-height: 25px; } #contenedor-molamills .align-items-center { -ms-flex-align: center!important; align-items: center!important; } #contenedor-molamills blockquote { border-left: none; } #contenedor-molamills img.img-fluid.img-fluid.float-center { width: auto; max-width: 100%; } #contenedor-molamills .float-center { margin-left: auto!important; margin-right: auto!important; text-align: center; display: block; } #contenedor-molamills .ml-3, #contenedor-molamills .mx-3 { margin-left: 1rem!important; } #contenedor-molamills .ml-3, #contenedor-molamills .mx-3 { margin-left: 1rem!important; } /* Mola Mills Ends */ /* Burguer menu Movile Nav */ .menu-wrapper .menu-cont .menu-cont-mobile .nav-menuN>li>a { display: block; clear: both; padding: 10px 20px 10px 25px; font-size: 17px; font-weight: 900; -webkit-font-smoothing: antialiased; color: #4e4e4e !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li>a { border-bottom: solid 1px #ccc; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li .touchfilter { border-bottom: solid 1px #ccc; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li { border-bottom: none !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3 .sub-menuN>ul>li { border-bottom: solid 1px #ccc; } .txt-menu { padding: 12px 16px 0px !important; font-size: 16px; } .menu-wrapper .menu-cont .menu-cont-mobile li.confilter a.menusupmb:after { content: ""; position: initial; bottom: 19px; width: 9px; height: 9px; border-top: 2px solid #8b8d92; border-right: 2px solid #8b8d92; transform: rotate(45deg); float: right; margin-top: 7px; margin-right: 18px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2>li>a { font-weight: bold !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li>a { font-weight: bold !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li .touchfilter { font-weight: bold !important; } .menu-wrapper .menu-cont .menu-cont-mobile li.menufiltre.confilter a:after { content: ""; position: initial; right: 34px; bottom: 19px; width: 9px; height: 9px; border-top: 2px solid #8b8d92; border-right: 2px solid #8b8d92; transform: rotate(45deg); float: right; margin-top: 7px; margin-right: 8px; } .menu-wrapper .menu-cont .menu-cont-mobile li.confilter,.menu-wrapper .menu-cont .menu-cont-mobile li.toptitle { text-indent: 0px; } .menu-wrapper .menu-cont .menu-cont-mobile li.confilter li a.menusuplanastitle:after { content: ""; position: initial; right: 34px; top: 19px; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(225deg); float: left; margin-top: 7px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2>li a.menusuplanastitle{ background: #E13D43; color:white !important; text-align:center; font-weight: lighter; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li a.menusuplanastitle{ background: #E13D43; color:white !important; text-align:center; font-weight: lighter; } #lanas-content-div, #telas-content-div, #modelos-content-div, #revistas-content-div, #patrones-content-div, #fabrics-content-div{ display: block; position: absolute; left: 100%; right: -100%; top: 65px; bottom: 0; border-left: 1px solid #d6d6d7; z-index: 1; transition: left .6s,right .6s; background: #fff; } #lanas-content-div.activate, #telas-content-div.activate, #modelos-content-div.activate, #revistas-content-div.activate, #patrones-content-div.activate, #fabrics-content-div.activate{ left: 0px; right: 0px; width: 100%; z-index: 9999; display: block; visibility: visible; } .menu-wrapper .nav-menu2 .menufiltre .sub-menuN>ul>li>a { display: block; /* padding: 10px 10px 10px 10px; */ padding: 8px 20px 8px 25px !important; font-weight: lighter; color: #a7a7a7; } .menu-wrapper .nav-menu3 .menufiltre .sub-menuN>ul>li>a { display: block; /* padding: 10px 10px 10px 10px; */ padding: 8px 20px 8px 25px !important; font-weight: lighter; color: #a7a7a7; text-indent: 15px; } .menu-wrapper .nav-menu3 .menufiltre .sub-menuN>ul>li>div>input { display: block; /* padding: 10px 10px 10px 10px; */ padding: 8px 20px 8px 25px !important; font-weight: lighter; color: #a7a7a7; } .menu-wrapper .nav-menu3 .menufiltre .sub-menuN>ul.list-unstyled>label { display: block; /* padding: 10px 10px 10px 10px; */ padding: 8px 12px 8px 25px !important; font-weight: lighter; color: #a7a7a7; border-bottom: solid 1px #ccc; } .menu-wrapper .nav-menu2 .menufiltre{ border-bottom: solid 1px #ccc; } .menu-wrapper .nav-menu3 .menufiltre{ border-bottom: solid 1px #ccc; } .menu-wrapper .nav-menu2 .menufiltre .sub-menuN { position: relative; left: 0; background-color: #FFF; width: 100%; min-height: 100%; height: 100%; display: block; } .menu-wrapper .nav-menu3 .menufiltre .sub-menuN { position: relative; left: 0; background-color: #FFF; width: 100%; min-height: 100%; height: 100%; display: block; } /*.menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2>li>a .arrow-next-level { max-width: 15px; transform: rotate(-90deg); margin-right: 4px; }*/ .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li>a.collap .arrow-next-level { max-width: 15px; transform: rotate(-90deg); margin-right: 4px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li>a .arrow-next-level { -webkit-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); transform: rotateZ(90deg); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li .touchfilter.collap .arrow-next-level { max-width: 15px; transform: rotate(90deg); margin-right: 4px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li> .touchfilter .arrow-next-level { -webkit-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); transform: rotateZ(90deg); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2>li>a { padding: 10px 20px 10px 12px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li>a { padding: 10px 20px 10px 12px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li .touchfilter { padding: 10px 20px 10px 12px; } /* END OF BURGUER MENU */ @media screen and (max-width: 992px) and (min-width: 300px) { .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu .filtretriat { font-weight: bold !important; padding-bottom: 12px !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li { border-bottom: none !important; } .cont-selected-filters.clearfix { display: inline-flex; height: -webkit-fill-available; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; position: absolute; left: -14px; right: 0; padding-left: -17px !important; margin-top: -15px; padding-bottom: 42px; background: transparent; height: 88px; } li.menufiltre div.sub-menuN input[type=checkbox] { visibility: hidden; display: none; &: checked + label {; left: 54px; &: after {; background: $activeColor; }: ; }: ; } li.menufiltre div.sub-menuN label input:checked + span:after { content: ''; height: 25px; width: 25px; float: right; margin-right: 6px; margin-top: 0px; background: url(https://www.katia.com/imgs/sel_click.svg); background-repeat: no-repeat; background-size: cover; } li.menufiltre div.sub-menuN label span:after { margin-top: 6px; margin-bottom: 6px; } li.menufiltre div.sub-menuN label span:after { content: ''; height: 25px; width: 25px; float: right; margin-right: 6px; margin-top: 0px; background: url(https://www.katia.com/imgs/sel_default.svg); background-repeat: no-repeat; background-size: cover; } .button-filt-mob { position: fixed; bottom: 0; padding: 0px; display: inline-flex; width: 100%; background: #ffffff; height: 54px; border-top: solid 1px #f7f7f7; z-index: 9999; } .button-filt-mob a:after{ display: none; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menuN>li>a { display: block; clear: both; padding: 10px 20px 10px 25px; font-size: 17px; font-weight: 900; -webkit-font-smoothing: antialiased; color: #4e4e4e !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li>a { border-bottom: solid 1px #ccc; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li .touchfilter { border-bottom: solid 1px #ccc; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li { border-bottom: none !important; } [data-id="SUB_PAT_LAN"] { border-top: solid 3px #E13D43; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3 .sub-menuN>ul>li { border-bottom: solid 1px #ccc; } [data-text="FILTROS"], [data-text="FILTRES"], [data-text="FILTER"] , [data-text="FILTRI"], [data-text="FILTERS"] { color: white !important; display: -webkit-inline-box; } .menu-wrapper .menu-cont .menu-cont-mobile .list-unstyled.nav-menu.menusupfiltres{ background: #E13D43 !important; } .menu-wrapper .menu-cont .menu-cont-mobile .list-unstyled.nav-menu.menusupfiltres .filtretriat2 { color: white !important; text-align: left; font-weight: lighter; text-transform: uppercase; text-indent: 6px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu .filtretriat { color: white !important; font-size: 12px !important; text-indent: 12px !important; top: 0px; vertical-align: top; margin-top: -3px !important; } .menu-wrapper .menu-cont .menu-cont-mobile ul.list-unstyled.nav-menu.menusupfiltres .txt-menu .icon-close-menu-mobile { right: 10px !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu .filtretriat2:before { content: "> "; } .txt-menu { padding: 12px 16px 0px !important; font-size: 16px; } .menu-wrapper .menu-cont .menu-cont-mobile li.confilter a.menusupmb:after { content: ""; position: initial; bottom: 19px; width: 9px; height: 9px; border-top: 2px solid #8b8d92; border-right: 2px solid #8b8d92; transform: rotate(45deg); float: right; margin-top: 7px; margin-right: 18px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2>li>a { font-weight: bold !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li>a { font-weight: bold !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li .touchfilter { font-weight: bold !important; } .menu-wrapper .menu-cont .menu-cont-mobile li.menufiltre.confilter a:after { content: ""; position: initial; right: 34px; bottom: 19px; width: 9px; height: 9px; border-top: 2px solid #8b8d92; border-right: 2px solid #8b8d92; transform: rotate(45deg); float: right; margin-top: 7px; margin-right: 8px; } .menu-wrapper .menu-cont .menu-cont-mobile li.confilter li a.menusuplanastitle:after { content: ""; position: initial; right: 34px; top: 19px; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(225deg); float: left; margin-top: 7px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2>li a.menusuplanastitle{ background: #E13D43; color:white !important; text-align:center; font-weight: lighter; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li a.menusuplanastitle{ background: #E13D43; color:white !important; text-align:center; font-weight: lighter; } .menu-wrapper .nav-menu2 .menufiltre .sub-menuN>ul>li>a { display: block; /* padding: 10px 10px 10px 10px; */ padding: 8px 20px 8px 25px !important; font-weight: lighter; color: #a7a7a7; } .menu-wrapper .nav-menu3 .menufiltre .sub-menuN>ul>li>a { display: block; /* padding: 10px 10px 10px 10px; */ padding: 8px 20px 8px 25px !important; font-weight: 700 !important; color: #494949 !important; text-indent: 0px !important; } .menu-wrapper .nav-menu3 .menufiltre .sub-menuN>ul>li>div>input { display: block; /* padding: 10px 10px 10px 10px; */ padding: 8px 20px 8px 25px !important; font-weight: lighter; color: #a7a7a7; } .menu-cont-mobile .nav-menu ul.wrapper-submenu-link-filt { overflow: overlay; top: 0px; width: 100%; margin-bottom: 80px !important; padding-bottom: 80px !important; height: 98%; } @-moz-document url-prefix() { .menu-cont-mobile .nav-menu ul.wrapper-submenu-link-filt { overflow: scroll; top: 0px; width: 100%; margin-bottom: 150px !important; padding-bottom: 150px !important; height: 85%; } .menu-cont-mobile .cont-menu-filtro { overflow: scroll; top: 60px; width: 100%; margin-bottom: 50px !important; padding-bottom: 50px !important; height: 82%; position: fixed; } } .menu-cont-mobile .nav-menu ul.top-title-cat { margin-bottom: 0px !important; padding-bottom: 0px !important; } .menu-cont-mobile .nav-menu ul.list-unstyled.nav-menu3 { /* margin-bottom: 20px; padding-bottom: 4px;*/ margin-bottom: 3px; padding-bottom: 10px; } .menu-cont-mobile .nav-menu .sub-menuN ul.list-unstyled { margin-bottom: 0px; padding-bottom: 0px; height: 100%; text-indent: 45px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li .touchfilter.submenuFilt { text-indent: 20px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li .touchfilter.first-filt { text-indent: 10px; } .menu-wrapper .cont-menu-filtro .nav-menu3 .menufiltre .sub-menuN.first-filt>ul.list-unstyled>label { padding: 8px 12px 8px 30px !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li .touchfilter.subapartado { text-indent: 10px !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3 .sub-menuN .menufiltre.confilter a{ text-indent: 15px !important; } .touchfilter.collap.subapartado_PAT_TEL { /* margin-bottom: 29px; */ } .menu-wrapper .nav-menu3 .menufiltre .sub-menuN>ul.list-unstyled>label { display: block; /* padding: 10px 10px 10px 10px; */ padding: 8px 12px 8px 2px !important; font-weight: lighter; color: #a7a7a7; border-bottom: solid 1px #ccc; } .menu-wrapper .nav-menu3 .menufiltre .sub-menuN > ul.list-unstyled > label:last-child { margin-bottom: 0px; } .menu-wrapper .nav-menu2 .menufiltre{ border-bottom: solid 1px #ccc; } .menu-cont-mobile .cont-menu-mob .list-unstyled.nav-menu2.menu-home { margin-bottom: 0px !important; } .menu-wrapper .nav-menu3 .menufiltre{ border-bottom: solid 1px #ccc; } .menu-wrapper .nav-menu4 .menufiltre{ border-bottom: none; } .menu-wrapper .nav-menu2 .menufiltre .sub-menuN { position: relative; left: 0; background-color: #FFF; width: 100%; min-height: 100%; height: 100%; display: block; } .menu-wrapper .nav-menu3 .menufiltre .sub-menuN { position: relative; left: 0; background-color: #FFF; width: 100%; min-height: 100%; height: 100%; display: block; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2>li>a .arrow-next-level { max-width: 15px; transform: rotate(-90deg); margin-right: 4px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li>a .arrow-next-level { max-width: 15px; transform: rotate(-90deg); margin-right: 4px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li .touchfilter .arrow-next-level { max-width: 15px; transform: rotate(-90deg); margin-right: 4px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2>li>a { padding: 10px 20px 10px 12px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li>a { padding: 10px 20px 10px 12px; display: inline-block; width: 100%; text-indent: 15px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li .touchfilter { padding: 10px 20px 10px 12px; background: white; } .menu-cont-mobile .nav-menu .sub-menuN.subapartado2_PAT_LAN ul.list-unstyled { margin-bottom: 0px; padding-bottom: 0px; height: 100%; } .movile-menu-opened .menu-cont-mobile .menufiltre .sub-menuN .destacado-cont.text-center, .movile-menu-opened .menu-cont-mobile .confilter .nav-menu3 .destacado-cont.text-center { padding: 4px 45px 10px 45px; } .movile-menu-opened .menu-cont-mobile .menufiltre .sub-menuN .destacado-cont img, .movile-menu-opened .menu-cont-mobile .confilter .nav-menu3 .destacado-cont img { border-radius: 0px !important; } .movile-menu-opened .menu-cont-mobile .menufiltre .sub-menuN .destacado-cont H4, .movile-menu-opened .menu-cont-mobile .confilter .nav-menu3 .destacado-cont H4 { text-align: center !important; text-indent: 0px !important; font-size: 14px !important; margin-bottom: 2px !important; margin-top: 2px !important; } .movile-menu-opened .menu-cont-mobile .menufiltre .sub-menuN .destacado-cont p, .movile-menu-opened .menu-cont-mobile .confilter .nav-menu3 .destacado-cont p { text-indent: 0px !important; } .movile-menu-opened .menu-cont-mobile .menufiltre .sub-menuN .destacado-cont .btn-box.box-pink, .movile-menu-opened .menu-cont-mobile .confilter .nav-menu3 .destacado-cont .btn-box.box-pink { width: 100% !important; margin-left: auto !important; margin-right: auto !important; background: none; color: #474747; border: none; text-align: center; padding: 0px; text-decoration: underline; text-indent: 0px; font-size: 14px; } .movile-menu-opened .menu-cont-mobile ul.menu-top-mov { width: 64%; float: right; margin-right: 25px; } } @media screen and (min-width: 813px) { .cat_button-1ZpJB.btnmenumobile { display: none !important; visibility: hidden !important; } .z-button { display: none !important; visibility: hidden !important; } } @media screen and (max-width: 812px) and (min-width: 720px) { .movile-menu-opened .menu-cont-mobile .menufiltre .sub-menuN .destacado-cont.text-center, .movile-menu-opened .menu-cont-mobile .confilter .nav-menu3 .destacado-cont.text-center { padding: 4px 250px 10px 250px !important; } } @media screen and (max-width: 812px) and (min-width: 300px) { .lock-scroll { overflow: hidden; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu .filtretriat { font-weight: bold !important; padding-bottom: 12px !important; } .h1lanas, .h1modelos, .h1revistas, #contenedor-agujas H1 { margin-left: 0px !important; width: 100%; margin-bottom: 15px !important; margin-top: -15px !important; } .cont-selected-filters.clearfix { display: inline-flex; height: -webkit-fill-available; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; position: absolute; left: -14px; right: 0; padding-left: -17px !important; margin-top: -15px; padding-bottom: 42px; background: transparent; height: 88px; } .stickmodelos2 .resultsearch { z-index: 9999; text-align:left !important; position:relative; top: 35px; line-height: normal; } .stickmodelos2 { top: 74px !important; width: 100% !important; } .is-fixed { position: fixed !important; width: 88% !important; } .cat_button-ZUIXY { height: 40px; overflow: hidden; background: #fff; contain: content; margin-bottom: 12px; border-radius: 0px; font-size: 16px; } .z-button:focus, .z-button__content, .z-button_content { position: relative; } .cat_icon-1xn-O { display: inline-block; position: absolute; top: 3px; right: 0; margin-right: 6px; } .cat_text-2Z_wC { display: block; text-align: left; font-size: 16px; text-transform: capitalize; } .cat_buttonText-1Nl-2 { transition: opacity .2s linear; will-change: opacity; opacity: 1; text-transform: uppercase; } .z-button--tertiary:before, .z-button-tertiary:before { background-color: #1a1a1a; } .z-button--tertiary, .z-button-tertiary { -webkit-transition: color .3s ease 0s; transition: color .3s ease 0s; border: 2px solid #1a1a1a; color: #1a1a1a; } .container .row div.col-md-9 { width: 100%; padding-left: 14px; padding-right: 0px; } .z-button--secondary, .z-button--tertiary, .z-button-secondary, .z-button-tertiary { padding: 8px 14px; } .z-button { box-sizing: border-box; min-height: 50px; outline: 0; padding: 10px 16px; position: relative; width: 70%; border: 1px solid #1a1a1a !important; font-family: Lato,Arial,Arial Unicode MS,Helvetica,DejaVu Sans,Lucida Sans Unicode,sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .5px; line-height: 18px; overflow: hidden; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle; background-color: transparent; cursor: pointer; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } li.menufiltre div.sub-menuN input[type=checkbox] { visibility: hidden; display: none; &: checked + label {; left: 54px; &: after {; background: $activeColor; }: ; }: ; } li.menufiltre div.sub-menuN label input:checked + span:after { content: ''; height: 25px; width: 25px; float: right; margin-right: 6px; margin-top: 0px; background: url(https://www.katia.com/imgs/sel_click.svg); background-repeat: no-repeat; background-size: cover; } li.menufiltre div.sub-menuN label span:after { margin-top: 6px; margin-bottom: 6px; } li.menufiltre div.sub-menuN label span:after { content: ''; height: 25px; width: 25px; float: right; margin-right: 6px; margin-top: 0px; background: url(https://www.katia.com/imgs/sel_default.svg); background-repeat: no-repeat; background-size: cover; } .button-filt-mob { position: fixed; bottom: 0; padding: 0px; display: inline-flex; width: 100%; background: #ffffff; height: 54px; border-top: solid 1px #f7f7f7; z-index: 9999; } .button-filt-mob a:after{ display: none; } .bitty-filt-mob { position: fixed; bottom: 0; padding: 0px; display: inline-flex; width: 100%; background: #ffffff; height: 54px; border-top: solid 1px #f7f7f7; z-index: 1; overflow: visible; visibility: visible; list-style: unset; } .bitty-filt-mob a:after{ display: none; } /* Botones Filtro arreglados para firefox y resto de navegadores*/ .confilter .activate .applyFilterMobileNav, .cont-menu-filtro .applyFilterMobileNav { left:0 !important; bottom: 0px !important; width: 48% !important; float: left !important; position: fixed !important; display: inline-block !important; height: 36px !important; box-sizing: border-box !important; outline: 0 !important; padding: 10px 2px !important; border: 2px solid #1a1a1a !important; font-family: Arial,Arial Unicode MS,Helvetica,DejaVu Sans,Lucida Sans Unicode,sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .5px !important; line-height: 15px !important; /* overflow: visible; */ text-align: center !important; text-decoration: none !important; text-transform: uppercase !important; vertical-align: middle !important; background-color: white !important; cursor: pointer !important; /* touch-action: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; -webkit-tap-highlight-color: transparent !important; -webkit-touch-callout: none !important; */ margin: 5px !important; border-radius: 4px !important; margin-bottom: 8px !important; z-index: 9999 !important; -webkit-appearance: initial !important; visibility: visible !important; } .applyFilterMobileNav:hover, .applyFilterMobileNav:focus { /* background: #8bc34a; color:white; border: 2px solid #5e8433; */ font-weight: 800; } .confilter .applyFilterMobileNav{ display:none; } .confilter .resetFilterMobileNav{ display:none; } .confilter .activate .resetFilterMobileNav, .cont-menu-filtro .resetFilterMobileNav { right: 0 !important; bottom: 0px !important; width: 48% !important; float: left !important; position: fixed !important; display: inline-block !important; height: 36px !important; box-sizing: border-box !important; outline: 0 !important; padding: 10px 10px !important; border: 2px solid #1a1a1a !important; font-family: Arial,Arial Unicode MS,Helvetica,DejaVu Sans,Lucida Sans Unicode,sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .5px !important; line-height: 15px !important; /* overflow: hidden;*/ text-align: center !important; text-decoration: none !important; text-transform: uppercase !important; vertical-align: middle !important; background: white !important; cursor: pointer !important; /* touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; */ margin: 5px !important; border-radius: 4px !important; margin-bottom: 8px !important; z-index: 9999 !important; -webkit-appearance: initial !important; } .resetFilterMobileNav:hover, .resetFilterMobileNav:focus { /*background: #E13D43; color:white; border: 2px solid #a92d32;*/ font-weight: 800; } /* FIN DE BOTONES */ /* .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li>a.collap .arrow-next-level { -webkit-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); transform: rotateZ(90deg); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li> .touchfilter.collap .arrow-next-level { -webkit-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); transform: rotateZ(90deg); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } */ /* Burguer menu Movile Nav */ .menu-wrapper .menu-cont .menu-cont-mobile .nav-menuN>li>a { display: block; clear: both; padding: 10px 20px 10px 25px; font-size: 17px; font-weight: 900; -webkit-font-smoothing: antialiased; color: #4e4e4e !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li>a { border-bottom: solid 1px #ccc; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li .touchfilter { border-bottom: solid 1px #ccc; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li { border-bottom: none !important; } [data-id="SUB_PAT_LAN"] { border-top: solid 3px #E13D43; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3 .sub-menuN>ul>li { border-bottom: solid 1px #ccc; } [data-text="FILTROS"], [data-text="FILTRES"], [data-text="FILTER"] , [data-text="FILTRI"], [data-text="FILTERS"] { color: white !important; display: -webkit-inline-box; } .menu-wrapper .menu-cont .menu-cont-mobile .list-unstyled.nav-menu.menusupfiltres{ background: #E13D43 !important; } .menu-wrapper .menu-cont .menu-cont-mobile .list-unstyled.nav-menu.menusupfiltres .filtretriat2 { color: white !important; text-align: left; font-weight: lighter; text-transform: uppercase; text-indent: 6px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu .filtretriat { color: white !important; font-size: 12px !important; text-indent: 12px !important; top: 0px; vertical-align: top; margin-top: -3px !important; } .menu-wrapper .menu-cont .menu-cont-mobile ul.list-unstyled.nav-menu.menusupfiltres .txt-menu .icon-close-menu-mobile { right: 10px !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu .filtretriat2:before { content: "> "; } .txt-menu { padding: 12px 16px 0px !important; font-size: 16px; } .menu-wrapper .menu-cont .menu-cont-mobile li.confilter a.menusupmb:after { content: ""; position: initial; bottom: 19px; width: 9px; height: 9px; border-top: 2px solid #8b8d92; border-right: 2px solid #8b8d92; transform: rotate(45deg); float: right; margin-top: 7px; margin-right: 18px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2>li>a { font-weight: bold !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li>a { font-weight: bold !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li .touchfilter { font-weight: bold !important; } .menu-wrapper .menu-cont .menu-cont-mobile li.menufiltre.confilter a:after { content: ""; position: initial; right: 34px; bottom: 19px; width: 9px; height: 9px; border-top: 2px solid #8b8d92; border-right: 2px solid #8b8d92; transform: rotate(45deg); float: right; margin-top: 7px; margin-right: 8px; } .menu-wrapper .menu-cont .menu-cont-mobile li.confilter li a.menusuplanastitle:after { content: ""; position: initial; right: 34px; top: 19px; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(225deg); float: left; margin-top: 7px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2>li a.menusuplanastitle{ background: #E13D43; color:white !important; text-align:center; font-weight: lighter; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li a.menusuplanastitle{ background: #E13D43; color:white !important; text-align:center; font-weight: lighter; } #lanas-content-div, #telas-content-div, #modelos-content-div, #revistas-content-div, #patrones-content-div, #fabrics-content-div { display: block; position: absolute; left: 100%; right: -100%; top: 65px; bottom: 0; border-left: 1px solid #d6d6d7; z-index: 1; transition: left .6s,right .6s; background: #fff; } #lanas-content-div.activate, #telas-content-div.activate, #modelos-content-div.activate, #revistas-content-div.activate, #patrones-content-div.activate, #fabrics-content-div.activate { left: 0px; right: 0px; width: 100%; z-index: 9999; /*overflow: overlay;*/ } .menu-wrapper .nav-menu2 .menufiltre .sub-menuN>ul>li>a { display: block; /* padding: 10px 10px 10px 10px; */ padding: 8px 20px 8px 25px !important; font-weight: lighter; color: #a7a7a7; } .menu-wrapper .nav-menu3 .menufiltre .sub-menuN>ul>li>a { display: block; /* padding: 10px 10px 10px 10px; */ padding: 8px 20px 8px 25px !important; font-weight: 700 !important; color: #494949 !important; text-indent: 0px !important; } .menu-wrapper .nav-menu3 .menufiltre .sub-menuN>ul>li>div>input { display: block; /* padding: 10px 10px 10px 10px; */ padding: 8px 20px 8px 25px !important; font-weight: lighter; color: #a7a7a7; } .menu-cont-mobile .nav-menu ul.wrapper-submenu-link-filt { overflow: overlay; top: 0px; width: 100%; margin-bottom: 80px !important; padding-bottom: 80px !important; height: 98%; } @-moz-document url-prefix() { .menu-cont-mobile .nav-menu ul.wrapper-submenu-link-filt { overflow: scroll; top: 0px; width: 100%; margin-bottom: 150px !important; padding-bottom: 150px !important; height: 85%; } .menu-cont-mobile .cont-menu-filtro { overflow: scroll; top: 60px; width: 100%; margin-bottom: 50px !important; padding-bottom: 50px !important; height: 82%; position: fixed; } } .menu-cont-mobile .nav-menu ul.top-title-cat { margin-bottom: 0px !important; padding-bottom: 0px !important; } .menu-cont-mobile .nav-menu ul.list-unstyled.nav-menu3 { /* margin-bottom: 20px; padding-bottom: 4px;*/ margin-bottom: 3px; padding-bottom: 10px; } .menu-cont-mobile .nav-menu .sub-menuN ul.list-unstyled { margin-bottom: 0px; padding-bottom: 0px; height: 100%; text-indent: 45px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li .touchfilter.submenuFilt { text-indent: 20px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li .touchfilter.first-filt { text-indent: 10px; } .menu-wrapper .cont-menu-filtro .nav-menu3 .menufiltre .sub-menuN.first-filt>ul.list-unstyled>label { padding: 8px 12px 8px 30px !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li .touchfilter.subapartado { text-indent: 10px !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3 .sub-menuN .menufiltre.confilter a{ text-indent: 15px !important; } .touchfilter.collap.subapartado_PAT_TEL { /* margin-bottom: 29px; */ } .menu-wrapper .nav-menu3 .menufiltre .sub-menuN>ul.list-unstyled>label { display: block; /* padding: 10px 10px 10px 10px; */ padding: 8px 12px 8px 2px !important; font-weight: lighter; color: #a7a7a7; border-bottom: solid 1px #ccc; } .menu-wrapper .nav-menu3 .menufiltre .sub-menuN > ul.list-unstyled > label:last-child { margin-bottom: 0px; } .menu-wrapper .nav-menu2 .menufiltre{ border-bottom: solid 1px #ccc; } .menu-cont-mobile .cont-menu-mob .list-unstyled.nav-menu2.menu-home { margin-bottom: 0px !important; } .menu-wrapper .nav-menu3 .menufiltre{ border-bottom: solid 1px #ccc; } .menu-wrapper .nav-menu4 .menufiltre{ border-bottom: none; } .menu-wrapper .nav-menu2 .menufiltre .sub-menuN { position: relative; left: 0; background-color: #FFF; width: 100%; min-height: 100%; height: 100%; display: block; } .menu-wrapper .nav-menu3 .menufiltre .sub-menuN { position: relative; left: 0; background-color: #FFF; width: 100%; min-height: 100%; height: 100%; display: block; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2>li>a .arrow-next-level { max-width: 15px; transform: rotate(-90deg); margin-right: 4px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li>a .arrow-next-level { max-width: 15px; transform: rotate(-90deg); margin-right: 4px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li .touchfilter .arrow-next-level { max-width: 15px; transform: rotate(-90deg); margin-right: 4px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2>li>a { padding: 10px 20px 10px 12px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li>a { padding: 10px 20px 10px 12px; display: inline-block; width: 100%; text-indent: 15px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu3>li .touchfilter { padding: 10px 20px 10px 12px; background: white; } .menu-cont-mobile .nav-menu .sub-menuN.subapartado2_PAT_LAN ul.list-unstyled { margin-bottom: 0px; padding-bottom: 0px; height: 100%; } .movile-menu-opened .menu-cont-mobile .menufiltre .sub-menuN .destacado-cont.text-center, .movile-menu-opened .menu-cont-mobile .confilter .nav-menu3 .destacado-cont.text-center { padding: 4px 45px 10px 45px; } .movile-menu-opened .menu-cont-mobile .menufiltre .sub-menuN .destacado-cont img, .movile-menu-opened .menu-cont-mobile .confilter .nav-menu3 .destacado-cont img { border-radius: 0px !important; } .movile-menu-opened .menu-cont-mobile .menufiltre .sub-menuN .destacado-cont H4, .movile-menu-opened .menu-cont-mobile .confilter .nav-menu3 .destacado-cont H4 { text-align: center !important; text-indent: 0px !important; font-size: 14px !important; margin-bottom: 2px !important; margin-top: 2px !important; } .movile-menu-opened .menu-cont-mobile .menufiltre .sub-menuN .destacado-cont p, .movile-menu-opened .menu-cont-mobile .confilter .nav-menu3 .destacado-cont p { text-indent: 0px !important; } .movile-menu-opened .menu-cont-mobile .menufiltre .sub-menuN .destacado-cont .btn-box.box-pink, .movile-menu-opened .menu-cont-mobile .confilter .nav-menu3 .destacado-cont .btn-box.box-pink { width: 100% !important; margin-left: auto !important; margin-right: auto !important; background: none; color: #474747; border: none; text-align: center; padding: 0px; text-decoration: underline; text-indent: 0px; font-size: 14px; } .movile-menu-opened .menu-cont-mobile ul.menu-top-mov { width: 64%; float: right; margin-right: 25px; } /* END OF BURGUER MENU */ } .colors-cont .stock-color-lana { border-radius: 0px; width: 100%; height: 35px; position: relative; background-color: rgba(255, 255, 255, 0.9); color: #474747; font-size: 9px; text-align: center; float: right; display: inline-table; z-index: 2; top: 56px; margin-top: -35px; font-weight: bold; vertical-align: middle; } .colors-cont .stock-color-lana p { margin-top: auto; margin-bottom: auto; height: 35px; display: table-cell; vertical-align: middle; text-transform: lowercase; } .colors-cont .stock-color-lana p::first-letter { text-transform: capitalize; } @media screen and (min-device-width:300px) and (max-device-width: 640px) { .colors-cont .stock-color-lana { border-radius: 0px; width: 100%; height: 35px; position: relative; background-color: rgba(255, 255, 255, 0.9); color: #474747; font-size: 9px; text-align: center; float: right; display: inline-table; z-index: 2; top: 56px; margin-top: -35px; font-weight: bold; vertical-align: middle; } .colors-cont .stock-color-lana p { margin-top: auto; margin-bottom: auto; height: 40px; display: table-cell; vertical-align: middle; text-transform: lowercase; } .colors-cont .stock-color-lana p::first-letter { text-transform: capitalize; } } .wrapperzoom { position:relative; } .quantity-and-price-cont .column-oferta { bottom: 0; margin-top: auto; margin-bottom: 12px; vertical-align: text-bottom; } #contenedor-revistas .btndetall2 { width: 100% !important; } @media screen and (max-width: 812px){ #info .info-cont-right .quantity-and-price-cont .col-md-3.text-center{ width: 100% !important; } #contenedor-revistas .gif-revista { /* width: 35px !important; */ width: 55px !important; height: 55px !important; float: right !important; position: relative !important; right: 1px !important; top: 0px !important; } } #contenedor-revistas .gif-revista{ /*width: 65px !important; height: auto;*/ width: 50px; height: 50px; float: right; position: relative; right: 8px; display: none; } #contenedor-revistas .obrirevista{ /*width: 70px; float: right; text-align: right; position: absolute; right: 25px;*/ width: 15px; float: right; position: absolute; top: -100px; } #contenedor-revistas .obrirevista_ext{ width: 15px; float: right; position: absolute; top: -100px; } #contenedor-revistas .revistas-wrapper .lana-content .price-cont { width: 100%; } #info .info-cont-right .quantity-and-price-cont .img-responsive { margin-left: auto; margin-right: auto; } .table .discount { width: 45% !important; } .table .discount , .table-katia .discount, .contenedorwishlist .lana-wrapper .lana-content .discount, .cont-list-catalog-lanas .lana-content .discount { text-decoration: line-through; color: #a7a7a7; width: 100%; float: initial; font-size: 14px; line-height: 20px; text-align: center; margin-right: 5px; } #contenedor-wishlist .price-cont:empty{ display: none; } .table-katia .discount, .table-katia .offer, .contenedorwishlist .lana-wrapper .lana-content .offer, .contenedorwishlist .lana-wrapper .lana-content .discount{ width: 40% !important; } .table-katia .discount, .table-katia .offer, .contenedorwishlist .lana-wrapper .lana-content .offer, .contenedorwishlist .lana-wrapper .lana-content .discount { top: 0px; margin-top: -3px; position: relative; margin-bottom: 40px; } /* .table .offer { color: #E30613 !important; } */ .table-katia .offer, .contenedorwishlist .lana-wrapper .lana-content .offer, .cont-list-catalog-lanas .lana-content .offer { color: #E30613 !important; width: 30%; /*float: left;*/ text-align: left; font-size: 14px; line-height: 20px; } .discount-img { border-radius: 150px; width: 90px; height: 90px; position: absolute; background-color: #E30613; color: white; font-size: 36px; font-weight: lighter; line-height:90px; text-align: center; float: right; right: 20px; top: 20px; } .swiper-wrapper .discount-img { border-radius: 150px; width: 50px; height: 50px; position: relative; background-color: #E30613; color: white; font-size: 20px; font-weight: lighter; line-height: 49px; text-align: center; float: right; right: 10px; top: 60px; display: block; margin-top: -50px; } .lana-wrapper .discount-img { border-radius: 150px; width: 60px; height: 60px; position: absolute; background-color: #E30613; color: white; font-size: 25px; font-weight: lighter; line-height: 60px; text-align: center; float: right; right: 10px; display: block; margin-top: -4%; z-index: 2; } .select-colors-cont .descuento-color { border-radius: 150px; width: 30px; height: 30px; position: relative; background-color: #E30613; color: white; font-size: 12px; line-height: 30px; text-align: center; float: right; display: block; z-index: 2; top: 22px; margin-top: -30px; font-weight: bold; } .container.cont-detail-product.cont-detail-lana .quantity-and-price-cont .row .col-md-3.col-xs-3 .col-amount.text-center { display: flex; } .quantity-and-price-cont .column-oferta .col-amount.text-center { display: inline-flex; } .col-amount .discount{ text-decoration: line-through; color: #a7a7a7; float: left; font-size: 1.5em; line-height: 2em; text-align: center !important; margin-right: 20px; } .col-amount .total-amount.offer{ color: #E30613; float: left; text-align: center !important; } @media screen and (min-width: 1411px) and (max-width: 1610px){ .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .menu-top-btn { padding: 18px 6px 16px 6px !important; font-size: 16px !important; } .menu-cont .menu-cont-bottom .cont-menu-list { width: 57% !important; } .menu-cont .menu-cont-bottom .cont-logo { width: 18% !important; padding: 22px 0px 8px 15px !important; } } @media screen and (min-width: 1280px){ #contenedor-academy .row.academia_modelo_v, #contenedor-academy .row.academia_modelo_h { margin-right: 0px !important; margin-left: 0px !important; } } @media screen and (min-width: 1280px) and (max-width: 1410px){ .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .menu-top-btn { padding: 18px 5px 22px 2px!important; font-size: 14px !important; } .menu-cont .menu-cont-bottom .cont-menu-list { width: 66% !important; } .menu-cont .menu-cont-bottom .cont-logo { width: 15% !important; padding: 20px 10px 15px 0px !important; } } @media screen and (min-width: 992px) and (max-width: 1024px){ .menu-cont .menu-cont-bottom .cont-menu-list { width: 60% !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .menu-top-btn { padding: 12px 6px 12px 6px !important; font-size: 10px !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu>li { margin: 0; padding-right:0px; padding-left: 0px; } .menu-cont .menu-cont-bottom .cont-logo { width: 18% !important; padding: 25px 15px 15px 15px !important; } } } @media screen and (min-width: 1280px) and (max-width: 1366px){ .menu-cont .menu-cont-bottom .cont-menu-list ul.list-inline>li { padding-right: 4px !important; padding-left: 4px !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu>li { margin: 0; padding-right:0px; padding-left: 0px; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .menu-top-btn { font-size: 15px !important; } } @media screen and (min-width: 1025px) and (max-width: 1091px){ /*.menu-cont .menu-cont-bottom .cont-menu-list { width: 71% !important; }*/ .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .menu-top-btn { font-size: 12px !important; } } @media screen and (min-width: 1092px) and (max-width: 1143px){ .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .menu-top-btn { font-size: 13px !important; } } @media screen and (min-width: 1144px) and (max-width: 1203px){ .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .menu-top-btn { font-size: 14px !important; } } @media screen and (min-width: 1204px) and (max-width: 1279px){ .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .menu-top-btn { font-size: 15px !important; } } @media screen and (min-width: 1062px) and (max-width: 1279px){ .menu-cont .menu-cont-bottom .cont-menu-list { width: 62% !important; } } @media screen and (min-width: 1025px) and (max-width: 1279px){ .menu-cont .menu-cont-bottom .cont-menu-list { width: 62% !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .menu-top-btn { padding: 12px 5px 16px 5px !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu>li { margin: 0; padding-right:0px; padding-left: 0px; } .menu-cont .menu-cont-bottom .cont-logo { width: 15% !important; padding: 20px 10px 15px 0px !important; } } #contenedor-top .container.cont-detail-product.cont-detail-lana .row{ margin-right: 0px !important; margin-left: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } @supports (-ms-ime-align: auto) { .item--primary-arrow .up { margin-top: 5px; } .menu-cont-bottom-sub .cont-search .search-form { padding: 0 30px 0 30px; } #llistat-tendes .t5.guardaclickmapa { background: url(../imgs/Navigate.svg); background-repeat: no-repeat; background-size: 70%; background-position-x: center; background-position-y: center; } } .item--primary-arrow { float: right !important; z-index: 99; border-radius: 100px; background: rgb(255, 252, 245, 0.6); border: 1px dotted #dedede; width: 45px; height: 45px; position: sticky; bottom: 8%; right: 1%; display: none; } .item--primary-arrow a { width: 45px; height: 45px; position: absolute; margin-top: 14%; text-align: center; margin-left: -2%; z-index: 99; } .item--primary-arrow .up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .item--primary-arrow i { border: solid black; border-width: 0 8px 8px 0; display: inline-flex; padding: 8px; } .col-filtros-modelos{ display: inline-block; width: 20%; margin-left: 0px; padding-left: 10px; padding-right: 20px; } .row-filtros-modelos { display: flex; margin-left: 0px; margin-right: 0px; } .row-filtros-modelos .col-md-9 .row { margin-left: 15px; margin-right: 15px; } #contenedor-patrones .row-filtros-modelos .cont-breadcrumb .row { margin-left: -15px !important; } #contenedor-telas .row-filtros-modelos .cont-breadcrumb .row { margin-left: 15px !important; } .stickmodelos1 { margin-top: 3px; position: -webkit-sticky; position: sticky; top: 170px; max-height: 98vh; overflow-y: auto; } .btnzoomlana { background-color: white; background-image: url(https://www.katia.com/imgs/Lupa.svg); width: 50px; height: 50px; z-index: 8; position: absolute; right: 0%; bottom: 0%; opacity: 0.7; padding: 8%; border-radius: 100%; border: 0px dotted #a7a7a7; background-repeat: no-repeat; background-origin: padding-box; background-position: center; background-size: 70%; } .btnzoommodelo { background-color: white; background-image: url(https://www.katia.com/imgs/Lupa.svg); width: 50px; height: 50px; z-index: 8; position: absolute; right: 1%; bottom: 6%; opacity: 0.7; padding: 7%; border-radius: 100%; border: 0px dotted #a7a7a7; background-repeat: no-repeat; background-origin: padding-box; background-position: center; background-size: 90%; } .btnzoompatron { background-color: white; background-image: url(https://www.katia.com/imgs/Lupa.svg); width: 50px; height: 50px; z-index: 8; position: absolute; right: 1%; bottom: 1%; opacity: 0.7; padding: 7%; border-radius: 100%; border: 0px dotted #a7a7a7; background-repeat: no-repeat; background-origin: padding-box; background-position: center; background-size: 90%; } .btnzoomtela { background-color: white; background-image: url(https://www.katia.com/imgs/Lupa.svg); width: 50px; height: 50px; z-index: 8; position: absolute; right: 1%; bottom: 1%; opacity: 0.7; padding: 7%; border-radius: 100%; border: 0px dotted #a7a7a7; background-repeat: no-repeat; background-origin: padding-box; background-position: center; background-size: 90%; } .modal-header-lanas .close { width: 100% !important; text-align: right !important; padding: 0 15px !important; font-size: 36px !important; } .modal-header-lanas { padding: 0 !important; border-bottom: 1px solid #e5e5e5 !important; } .modal-body-lanas { padding: 0px !important; display: -webkit-box; overflow: auto; height: 550px !important; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; width: 100%; } .modal-body-lanas #imgmodalzoom { position:absolute; left: -50% !important; top: -50% !important; } .modal-body-lanas #imgmodalzoom-patron { position:absolute; -ms-transform: translate(-15%, -10%); transform: translate(-15%, -10%); -ms-transform: translate(-15%, -10%); -webkit-transform: translate(-15%, -10%); } .modal-body-lanas #imgmodalzoom-modelo { position:absolute; -ms-transform: translate(-25%, -10%); transform: translate(-25%, -10%); -ms-transform: translate(-25%, -10%); -webkit-transform: translate(-25%, -10%); } /**** .modal-body-lanas { padding: 0px !important; display: -webkit-box; overflow: auto; max-height: 550px !important; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .modal-body-lanas #imgmodalzoom { -ms-transform: translate(-15%, -10%); transform: translate(-15%, -10%); -ms-transform: translate(-15%, -10%); -webkit-transform: translate(-15%, -10%); } ****/ #close-floating-panel.arrowdown:before{ content: "\25bc"; font-size: 18px; font-weight: bolder; color: #494949; text-align:-webkit-center; letter-spacing: 1.8px; line-height:25px; width: 35px; } #close-floating-panel.arrowdown.up{ transform: rotate(180deg); bottom: -25px; } #close-floating-panel { z-index: 99; position: absolute; display:none; height: 35px; width: 35px; border-radius: 6px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; bottom: ; cursor: pointer; background: rgb(255, 252, 245, 1); background-color: rgb(255, 252, 245); border: 1px dotted #dedede; text-align:-webkit-center; margin-left: 90%; margin-right: 10%; text-align:center; float: center; bottom: 114px } .tiendask_sliderdown { max-height: 0; display: none; } .tiendask_sliderup { overflow-y: hidden; max-height: 500px; /* approximate max height */ transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .cont-resum-items .btnpatron { width: 100%; } .container-tiendas-k .row { margin-left: 0px !important; margin-right: 0px !important; } .container-tiendas-k .col-lg-12{ padding-left: 0px !important; padding-right: 0px !important; } @media screen and (min-width:300px) and (max-width: 640px) { .col-amount .discount { /* width: 50% !important; */ line-height: 3em !important; text-align: center !important; font-size: 1em !important; } .col-amount .total-amount.offer { /* width: 40% !important; */ text-align: center !important; font-size: 2em; line-height: 1em; } .cont-resum-items .item-quantity .offer { margin-bottom: 12px !important; width: 50% !important; } .cont-resum-items .item-quantity .discount { width: 30% !important; } .cont-resum-items .item-quantity .cont-price-by-count .calculated-price { margin-bottom: 12px !important; } .cont-resum-items .item-quantity .btn-box.btn-buy.colores{ margin-top: 0px !important; } .cont-resum-items .item-quantity .cont-price-by-count .cont-button-units{ margin-top: 0px !important; } .cont-detail .cont-resum-items .item-cont .item-quantity .cont-price-by-count { margin-bottom:0px !important; } .cont-resum-items .item-quantity .pull-right{ width: 100% !important; display: inline-flex !important; /*margin-top: 12px !important;*/ margin-bottom: 12px !important; } } @media screen and (min-width: 1024px) { .table-katia .itemcantidadx { width: 220px !important; } } @media screen and (max-width: 1280px) { .table-katia .itemtotal { width: 70px !important; } } @media screen and (min-width:300px) and (max-width: 760px) { .container.adjust-est .row .col-md-12{ padding-right: 0px; padding-left: 0px; } .linkcolorido { font-size: 13px !important; width: 100%; display: block; text-align: center; } .table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th { font-size: 14px; } .table-katia tbody tr td { font-size: 12px !important; } .cuenta-perfil .col-md-6 img{ width: 100% !important; } #search-map .btn.btn-box.btn-tiendas { width: 100% !important; margin-top: 0px !important; top: 6px !important; } #search-map .form-group { width: 100% !important; } #close-floating-panel.arrowdown.up{ transform: rotate(180deg); bottom: -26px } #close-floating-panel { bottom: 222px; margin-left: 86% !important; margin-right: 14% !important; display: none !important; } #floating-panel { margin-bottom: 24px !important; } #floating-panel .row { margin-left: 0px !important; margin-right: 0px !important } } @media screen and (min-device-width:300px) and (max-device-width: 812px) { .llistatrelacionats .row.filallistats { margin-left: 8px !important; margin-right: 8px !important; display: block !important; } .llistatrelacionats .row.filallistats .modelorel-wrapper { margin-bottom: 32px !important; width: 95% !important; } } .llistatrelacionats .row.filallistats { margin-left: 25px; margin-right: 25px; display: inline-flex; width: 97%; } .llistatrelacionats .row.filallistats .modelorel-wrapper { margin: 8px; width: 32.2%; } .llistatrelacionats .row.filallistats .modelorel-wrapper img { border-radius: 0px; } .llistatrelacionats .row.filallistats .modelorel-wrapper .similar-model-description { margin: 4px 0; font-size: 1.5em; text-align: center; margin-left: 1.5em; margin-right: 1.5em; margin-top: 16px; } .cont-resum-items .btnpatron .btn.btn-box.box-pink.afegircarrito{ width: 100% !important; } .cont-resum-detail .agujasmodelo .info-cont-right .txt_normal div { float: left !important; } .cont-resum-detail .agujasmodelo a { text-decoration: underline !important; color: #5bc0de; } .cont-resum-detail .agujasmodelo a:hover { text-decoration: underline; color: #E30613; } .cont-resum-detail .agujasmodelo .info-cont-right .txt_normal b { text-indent: 5px; } .cont-resum-detail .pdfmodelo .row .agujasmodelo.telainsert { margin-left: 4%; margin-right: 4%; } .cont-resum-detail .pdfmodelo .row { border: 1px dotted #a7a7a7; margin-bottom: 30px; padding-bottom: 20px; border-radius: 6px; padding-top: 20px; background: #fffcf5; } .cont-resum-detail .pdfmodelo .row.pdfgratis { border: none !important; margin-bottom: none !important; padding-bottom: none !important; border-radius: none !important; padding-top: none !important; background: none !important; } .container.cont-detail .cont-select-tallas { margin-top: 16px; } .cont-resum-detail .pdfmodelo H4 { margin-top: 0px !important; line-height: 30px; } .cont-resum-detail .nivelmodelo .difficult-level-cont.clearfix span{ line-height: 26px; } .cont-resum-detail .quantity-and-price-cont .btn-box.box-pink { margin-top: 8%; } .cont-resum-detail .txt_normal { margin-bottom: 0px !important; } .cont-resum-detail .info-cont-right hr { margin-bottom: 8px !important; margin-top: 8px !important; } .cont-resum-detail .quantity-and-price-cont .col-md-6.text-center{ float: right; } .cont-resum-detail .pdfmodelo .pdfgratis { margin-bottom: 20px; } .cont-resum-detail .pdfmodelo .pdfgratis a { border: 1px dotted #E30613; border-radius: 4px; background: #E30613 !important; color: white; width:100% !important; padding: 9px 20px !important; font-weight: lighter; font-size: 14px; text-transform: uppercase; } .cont-resum-detail .pdfmodelo .pdfgratis a:hover { border: 1px solid #E30613; margin-bottom: 30px; padding: 9px 20px !important; border-radius: 4px; background-color: #FFF !important; color: #E30613 !important; text-decoration: none; } .prettydropdown.marcafiltro > ul { font-weight: bolder; border: 1px solid #ddd; border-width: 0 0 2px; border-color: #5cb85c; } .loader, .loader:before, .loader:after { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; } .loader { color: #E30613; font-size: 10px; margin: 80px auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; /* margin-top: 18%; */ } .loader:before, .loader:after { content: ''; position: absolute; top: 0; } .loader:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader:after { left: 3.5em; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } .cont-mi-cuenta table table { border: 1px dotted #eee; /* margin: 10px !important; */ } .cont-mi-cuenta .cont_subseccion .ewGrid { margin: 0 !important; } .cont-mi-cuenta table table .ewTableHeaderBtn{ border: none !important } .cont-proceso-compra #fpago .table td img { width: auto; max-height: 26px; max-width: 90px; } #contenedor-academy #video { width: 100% !important; } .cont-proceso-compra #fpago .table td { vertical-align: unset; } .cont-gracias-end-compra .wrapper-thanks #customButton { border: solid 1px #E30613; background-color: #E30613; } .cont-gracias-end-compra .wrapper-thanks #customButton:hover { border: solid 1px #777777; background-color: #494949; } .cont-proceso-compra #fpago #btnpago{ border: solid 1px #E30613; background-color: #E30613; width: 100%; } .cont-proceso-compra #fpago #btnpago:hover { border: solid 1px #777777; background-color: #494949; } .cont-proceso-compra #btnpago2 { border: solid 1px #E30613; background-color: #E30613; width: 100%; } .cont-proceso-compra #btnpago2:hover { border: solid 1px #777777; background-color: #494949; } .cont-proceso-compra .col-md-6 .col-md-12 .col-xs-6 .btn-box.box-black { width: 100%; border: solid 1px #E30613 !important; background-color: #E30613 !important; margin: 0px !important; } .cont-proceso-compra .col-md-6 .col-md-12 .col-xs-6 .btn-box.box-black:hover { width: 100% !important; border: solid 1px #777777 !important; background-color: #494949 !important; } .cont-proceso-compra .col-md-6 .col-md-12 .col-xs-6 { width: 100% !important; padding-left: 0px; margin-left: 0px !important; margin-bottom: 10px; padding-right: 0px; } #formdadesadreca #btndadesadreca { color: #000 !important; background-color: #FFF !important; border: solid 1px #000 !important; text-align: center !important; padding: 10px 20px !important; border-radius: 4px !important; margin-bottom: 12px; } #formdadesadreca #btndadesadreca:hover { color: #FFF !important; border: solid 1px #E30613 !important; background-color: #E30613 !important; } .cont-mi-cuenta table tr { font-size: 12px; text-align: left !important; } .cont-mi-cuenta table td { text-align: -webkit-left !important; word-wrap: break-word; font-size: 12px; } .cont-mi-cuenta table tr td a { /* width:100%; display:block; */ } .cont-mi-cuenta table tr td a img { transform: scale(1.3); margin-left: 4px; } /*IE10+*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #contenedor-lanas .tonolana-listado { display: block !important; } #contenedor-lanas .codigolana-listado { float: left !important; display: block !important; } #contenedor-lanas .codigolana-listado-temp.oton { float: left !important; display: block !important; } #contenedor-lanas .codigolana-listado-temp.vera { float: left !important; display: block !important; } } /*IE6,7,9,10*/ @media screen and (min-width: 640px), screen\9 { #contenedor-lanas .tonolana-listado { display: block !important; } #contenedor-lanas .codigolana-listado { float: left !important; display: block !important; } #contenedor-lanas .codigolana-listado-temp.oton { float: left !important; display: block !important; } #contenedor-lanas .codigolana-listado-temp.vera { float: left !important; display: block !important; } } .cont-mi-cuenta table td table td { /* padding-left: 8px; padding-top: 6px; */ } .cont-mi-cuenta table .boto_temporada{ font-weight: bolder; font-size: 16px } .cont-mi-cuenta table .volver { border: 1px dotted #a7a7a7; border-radius: 4px; padding-left: 16px; padding-right: 16px; padding-top: 4px; padding-bottom: 4px; color: #494949; font-size: 16px; } .cont-mi-cuenta table .volver:hover { border: 1px dotted #E30613; border-radius: 4px; padding-left: 16px; padding-right: 16px; padding-top: 4px; padding-bottom: 4px; color: white !important; background: #E30613; text-decoration: none; } .cont-mi-cuenta table input[type=submit] { border-radius: 4px; margin-right: 8px; margin-bottom: 8px; background: white; border: 1px dotted #a7a7a7; color: #494949; width: 100% !important; } .cont-mi-cuenta table input[type=submit]:hover { border-radius: 4px; margin-right: 8px; margin-bottom: 8px; background: #E30613; border: 1px dotted #E30613; color: white; } .cont-mi-cuenta table input { border-radius: 4px; border: 1px dotted #a7a7a7 !important; } .cont-mi-cuenta table select { width: 100% !important; border-radius: 4px; border: 1px dotted #a7a7a7 !important; } .cont-mi-cuenta table form{ margin-right: 6px; } .cont-mi-cuenta table form a{ border-radius: 4px !important; background-color: #E30613 !important; } .cont-mi-cuenta table td { text-align: center !important; } .cont-mi-cuenta table td table td { text-align: left !important; padding: 4px 5px; width: -webkit-fill-available; } #search-map .form-group { margin-bottom: 15px; width: 44%; float: left; margin-right: 11px; } #search-map .btn.btn-box.btn-tiendas{ /*display: block;*/ position: relative; margin-top: auto; margin-bottom: auto; top: 24px; width: 10%; background: white; color: #494949; } /*#search-map .btn.btn-box.btn-tiendas:hover{ border: 1px solid #00b4b0; background: #00b4b0; color: #000000; filter: invert(1); text-rendering: optimizeLegibility; }*/ #search-map .btn.btn-box.btn-tiendas img{ margin-right: 6px; } #payments .row .col-md-3 img { border-radius: 4px; border: 1px dotted #a7a7a7; padding-left: 4px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; background: white; max-height: 45px; max-width: 100px; margin-right: 8px; margin-bottom: 8px; } #payments .row .col-md-6 img { border-radius: 4px; border: 1px dotted #a7a7a7; padding-left: 6px; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; background: white; max-height: 34px; width: auto; margin-right: 8px; margin-bottom: 8px; } .container .pull-right .btn-box { margin-bottom: 36px !important; margin-top: 20px !important; } .breadcrumb-compra .pull-right .box-black { border: solid 1px #E30613 !important; background-color: #E30613 !important; } .breadcrumb-compra .pull-right .box-black:hover { border: solid 1px #777777 !important; background-color: #494949 !important; } .container .col-md-12 .pull-right .box-black { border: solid 1px #E30613 !important; background-color: #E30613 !important; } .container .col-md-12 .pull-right .box-black:hover { border: solid 1px #777777 !important; background-color: #494949 !important; } .cont-mi-cuenta .row { margin-bottom: 20px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } .site-wrapper{ -webkit-transition: all .2 ease; -o-transition: all .2 ease; transition: all .2 ease; } .site-wrapper.blurred{ -webkit-filter: blur(3px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); } #contenedor-search { margin-bottom: 22px; } #contenedor-lanas { margin-bottom: 22px; } #contenedor-telas { margin-bottom: 22px; } #contenedor-modelos { margin-bottom: 22px; } #contenedor-revistas{ margin-bottom: 22px; } #contenedor-search .name-lana { margin-bottom: 20px; min-height: 40px; } .cont-proceso-compra .wrapper-thanks h4 { line-height: 30px; font-size: 24px; color: #494949; } /*.cont-gracias-end-compra .wrapper-thanks #iralpago { color: #494949; border: dotted 1px #a7a7a7; background-color: white;*/ /* font-weight: 300; */ /*font-size: 20px; }*/ /*.cont-gracias-end-compra .wrapper-thanks #iralpago:hover { color: white; border: dotted 1px #E30613; background-color: #E30613;*/ /* font-weight: 300; */ /* font-size: 20px; }*/ .cont-gracias-end-compra .wrapper-thanks #iralpago { border: solid 1px #E30613; background-color: #E30613; } .cont-gracias-end-compra .wrapper-thanks #iralpago:hover { border: solid 1px #777777; background-color: #494949; } h1, h2, h3, h4{ font-weight: 700; color: #494949; } /*GENERAL*/ .llistatrelacionats .modelorel-content .similar-model-description{ margin: 0 0 8px; text-transform: uppercase; margin-top: 12px; } .cont-proceso-compra .container .col-md-12 h3 { padding: 20px 10% 20px 10% !important; } .cont-proceso-compra .container .row .col-md-12.text-center .text-grey .bannenvio { font-size: 18px; line-height: normal; display: table; width: 88%; text-align: left; float: left; } .cont-proceso-compra .container .row .col-md-12.text-center img { margin-right: 12px; float: LEFT; margin-left: 1%; } a{ color: #000; } a:hover{ color: #E30613; } .btn-heart{ padding: 0px 8px !important; border-radius: 0px; text-align: center; border: 1px solid #A7A7A7 !important; width:54px; height: 42px; margin-left: 4px } .btn-heart .glyphicon-heart{ font-size: 32px; margin-left: -2px; margin-top: 2px; } #buscafiltro .enviarfiltre { color: #494949; border: 2px solid #494949; font-weight: bold; font-size: 16px !important; padding: 5px 20px; } #buscafiltro .enviarfiltre:hover { color: #fff; border: 2px solid #E30613; font-weight: bold; font-size: 16px !important; padding: 5px 20px; } #buscafiltro .enviarfiltre img { display:none; } .btn-box{ color: #000; background-color: #FFF; border: solid 1px #000; text-align: center; padding: 9px 12px; border-radius: 0px; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; text-transform: uppercase; } .limpia-filt { font-size: 18px; margin-right: 10px; line-height: 21px; vertical-align: text-bottom; font-weight: regular; transform: scaleX(1.3); float: left; } #buscafiltro .cont-hide-menu a { color: #E30613; } #buscafiltro .cont-hide-menu a:hover { color: white; border-top-right-radius: 4px; border-top-left-radius: 4px; } #buscafiltro .cont-hide-menu .btn-box { border-bottom: solid 4px #E30613; border-radius: 0px; padding-top: 7px; font-weight: bolder; border-top: none; border-left: none; border-right: none; } .btn-box.box-large{ width: 100%; display: block; } .btn-box:hover, .btn-box:focus{ color: #FFF; border: solid 1px #E30613; background-color: #E30613; } .box-subs{ border: solid 1px #000; text-align: center; padding: 10px 16px; transition: all .2s ease; } .box-subs{ border-top-right-radius: 6px; width: 33%; border-bottom-right-radius: 6px; padding-top: 10px; padding-bottom: 10px; background: #eee; color: #949494; border: 1px solid #949494; } .box-subs:hover, .box-subs:focus{ background: #E30613; color: #fff; border: 1px solid #E30613; } .btn-box.box-pink{ color: #FFF; background-color: #E30613; border: solid 1px #E30613; border-radius: 0px; } .btn-box.box-pink:hover, .btn-box.box-pink:focus{ color: #E30613; background-color: #FFF; } .btn-box.box-grey{ color: #bebebe; border: solid 1px #bebebe; /*font-weight: 300;*/ } .btn-box.box-grey:hover, .btn-box.box-grey:focus{ color: #FFF; border: solid 1px #E30613; background-color: #E30613; /*border: solid 1px #E30613;*/ } .btn-box.box-black{ color: #FFF; border: solid 1px #000; background-color: #000; /*font-weight: 300;*/ } .btn-box.box-black:hover, .btn-box.box-black:focus{ color: #FFF; border: solid 1px #E30613; background-color: #E30613; /*border: solid 1px #E30613;*/ } .btn-box.box-full-grey{ color: #000; border: solid 1px #e7e7e7; background-color: #e7e7e7 /*font-weight: 300;*/ } .btn-box.box-full-grey:hover, .btn-box.box-full-grey:focus{ color: #FFF; border: solid 1px #E30613; background-color: #E30613; /*border: solid 1px #E30613;*/ } .btn-box.box-unfilled{ background-color: black; border-right: none; color: #fff; float: right; text-align: center; border-left: none; border-top: none; border-bottom: none; border-radius: 0; width: 100%; letter-spacing: 0.30em !important; text-transform: UPPERCASE; font-size: 50px; font-weight: lighter; padding: 20px 35px; } .btn-box.box-unfilled:hover, .btn-box.box-unfilled:focus{ color: #FFF; border: solid 1px #E30613; background-color: #E30613; border-radius: 4px; } .cont-promo-lanas .col-promo.col-promo-lanas-concept .btn-box.box-unfilled{ color: #000 !important; background-color: #FFF !important; border: solid 1px #000 !important; text-align: center !important; padding: 9px 12px !important; border-radius: 4px !important; -webkit-transition: all .2s ease !important; -o-transition: all .2s ease !important; transition: all .2s ease !important; float: unset !important; width: 100%; letter-spacing: unset !important; text-transform: unset !important; font-size: 24px !important; padding: unset !important; font-weight: lighter !important; } .cont-promo-lanas .col-promo.col-promo-lanas-concept .btn-box.box-unfilled:hover, .cont-promo-lanas .col-promo.col-promo-lanas-concept .btn-box.box-unfilled:focus { color: #FFF !important; border: solid 1px #E30613 !important; background-color: #E30613 !important; /*border: solid 1px #E30613;*/ } .cont-promo-lanas .container-fluid .col-promo.col-promo-lanas-concept .text-pink { /*color: #E30613; text-align: unset !important; margin-bottom: 10px !important; margin-top: 10px !important; font-size: 18px !important;*/ text-align: left !important; margin-bottom: 22px !important; margin-top: 22px !important; font-size: 2.3em !important; color: #494949; } .cont-promo-lanas .container-fluid .col-promo.col-promo-lanas-concept .text-pink:hover { color: #E30613; } /*.caption { background: linear-gradient(rgba(255,255,255,0.95), rgba(255,255,255,0.45) ) !important; }*/ label.errorfield { background-color: #E30613; color: white !important; border-radius: 4px; border: thin dotted #a7a7a7; padding: 4px 25px; margin-top: 4px } input.errorfield { background-color: #FFFFE0; } .btn-cart.box-cart:hover, .btn-cart.box-cart:focus { color: #fff !important; background-color: #E30613 !important; border-radius: 0px !important; } .btn-cart.box-cart { background-color: white; color: #777; border-top: solid 1px #E30613; border-bottom: solid 1px #E30613; border-right: none; border-left: none; border-radius: 0px; width: 80%; text-align: center; } .btn-large{ min-width: 200px; } .btn-filtre{ width: 100%; max-width: 210px; height: 38px; } .btn-del-cart{ border: solid 1px #a7a7a7; } .text-white{ color: #FFF; } .text-grey{ color: #9a9a9a; } .text-pink{ color: #E30613; } .font-thin{ font-weight: 100; } .font-bold{ font-weight: 700; } .bg-grey .container-tabs-info .tab-pane.fade.active.in .row .col-md-4 a { line-height: 45px !important; } .bg-grey .container-tabs-info .tab-pane.fade.active.in #info .row .col-md-4 a { line-height: 20px !important; } .bg-grey .container-tabs-info #info .row .col-md-4 a { line-height: 20px !important; } .bg-grey .container-tabs-info #info .row .col-md-4 a:hover { line-height: 20px !important; color: #E30613 !important; } .bg-grey .container-tabs-info .tab-pane.fade.active.in .row .col-md-12 a, .bg-grey .container-tabs-info .tab-pane.fade.active.in .row .col-md-4 .botoncupon { border-radius: none !important; border: none !important; padding: none !important; margin: none !important; line-height: none !important; background: none !important; text-decoration: none !important; } .cont-mi-cuenta table .bg-grey a { width:unset; display:block; } .cuenta-perfil .table-katia span { font-size: 18px; } .cuenta-perfil .table-katia .bg-grey a { font-size: 16px; } .cuenta-perfil .table-katia .list-unstyled li { font-size: 14px; } .cuenta-pedidos table thead tr td { text-align: -webkit-left !important; word-wrap: break-word; font-size: 16px; } .cuenta-pedidos table tbody tr td { vertical-align: middle; text-align: -webkit-left !important; } .cont-resum-detail .quantity-and-price-cont .afegircarritopdf { margin-bottom: 10px; } .bg-grey .container-tabs-info #info .row .col-md-4 h4>a { line-height: 14px !important; font-size: 13px !important; } .bg-grey .container-tabs-info #info .row .col-md-4 h4>a:hover { line-height: 20px !important; color: #fff !important; font-size: 13px !important; } .bg-grey .container-tabs-info .info-cont-right div>a { border-radius: none !important;; border: none !important; padding: 0px 0px!important; margin: 0px 0px !important; line-height: 20px!important; background: none !important; text-decoration: underline !important; color: #494949 !important; font-size: 14px !important; } .bg-grey .container-tabs-info .info-cont-right div>a:hover { border-radius: none !important;; border: none !important; padding: 0px 0px!important; margin: 0px 0px !important; line-height: 20px!important; background: none !important; text-decoration: underline !important; color: #E30613 !important; font-size: 14px !important; } .bg-grey .container-tabs-info h4>a, .bg-grey .container-tabs-info .tab-pane.fade.active.in .row .col-md-12 a, .bg-grey .container-tabs-info .tab-pane.fade.active.in .row .col-md-4 a { border-radius: 6px; border: 1px dotted #a7a7a7; padding: 8px 12px; margin: 20px 0px; line-height: 36px; background: #fffcf5; text-decoration: underline; color: #494949; font-size: 16px; } .bg-grey .container-tabs-info #videos .row .col-md-12 a { border-radius: 6px !important; border: 1px dotted #a7a7a7 !important; padding: 8px 12px !important; margin: 20px 0px !important; line-height: 36px !important; background: #fffcf5 !important; text-decoration: underline !important; color: #494949 !important; font-size: 16px !important; } .bg-grey .container-tabs-info #videos .row .col-md-12>a:hover, .bg-grey .container-tabs-info #info .row .col-md-4>a:hover { border-radius: 6px !important; border: 1px dotted #a7a7a7 !important; padding: 8px 12px !important; margin: 20px 0px !important; line-height: 36px !important; background: #E30613 !important; text-decoration: underline !important; color: white !important; font-size: 16px !important; } .bg-grey .container-tabs-info h4>a:hover, .bg-grey .container-tabs-info .tab-pane.fade.active.in .row .col-md-12 a:hover, .bg-grey .container-tabs-info .tab-pane.fade.active.in .row .col-md-4 a:hover { border-radius: 6px; border: 1px dotted #a7a7a7; padding: 8px 12px; margin: 20px 0px; line-height: 36px; background: #E30613; text-decoration: underline; color: white !important; font-size: 16px; } .bg-grey{ background-color: #f6f4f1; } .bg-grey-mid{ background-color: #eeeeee; } .bg-grey-dark{ background-color: #d7d8dc; } .bg-red{ background-color: #f11448; } .bg-white{ background-color: #f6f4f1; border-radius: 6px; } .bg-pink{ background-color: #E30613; } .bg-blue-pastel{ background-color: transparent; } .custom-hr{ margin: 5px 0; border-color: #aaaaaa; } .difficult-level-cont .jq-ry-normal-group svg{ fill: transparent; } .form input{ border-radius: 0px; } /* input[type="checkbox"].custom-checkbox{ position: relative; } input[type="checkbox"].custom-checkbox:before{ content: ''; position: absolute; width: 20px; height: 20px; top: -6px; left: 0; background-color: #FFF; border: solid 1px #aaaaaa; background-repeat: no-repeat; background-position: center center; display: no } input[type="checkbox"].custom-checkbox:checked:before{ background-image: url('../imgs/check.svg'); } */ .menutext{ margin-top:8px; width: 100%; } .pretty.p-svg .state .svg{ top: 2px; left: 2px; } .pretty .state label:after, .pretty .state label:before { border: 1px solid #a7a7a7 !important; border-radius: 0px !important; } .pretty input:checked~.state.p-success label:after, .pretty.p-toggle .state.p-success label:after{ background-color: #FFF !important; border: solid 1px #bdc3c7; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .kt-badge.kt-badge-new{ height: 20px; border: 0px dotted #bebebe; color: #777; margin-top: 0px; margin-right: -8px; font-size: 12px; font-weight: bold; border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; background-color: rgba(255, 255, 255, 0.7); padding-right: 2px; padding-left: 2px; text-align: center; z-index: 1; } .kt-badge-tela { text-align: center !important; width: 100% !important; color: #E30613 !important; display: block !important; font-size: 12px !important; font-weight: lighter !important; position: inherit !important; margin-top: 4px !important; margin-bottom: 0px !important; border-bottom: none !important; border-top: none !important; background: unset !important; margin-bottom: 10px !important; margin-bottom: 8px !important; margin-top: 8px !important; } .kt-badge-prox { text-align: center; position: absolute !important; bottom: 12% !important; top: auto !important; height: 10% !important; width: 100% !important; color: #E30613; background-color: rgba(255, 255, 255, 0.90); display: block !important; font-size: 1.4em; padding-right: 0; line-height: 1em; padding-top: 2%; border-top: 0; left: 0px !important; border-bottom: 0; font-weight: lighter; /*z-index: 99;*/ } .kt-badge{ display: block; position: absolute; width: 70px; height: 33px; top: 0px; float: right; right: 8px; background-repeat: no-repeat; background-size: contain; background-position: center center; } .btndetall .item-badge { width: 0px !important; } .item-badge { position:relative; display:inline-block; width: 88px; } .kt-badge-menu { position: absolute; background-color: #fff; text-align: center; border-radius: 30px; color: #E30613; font-weight: bold; border: 1px solid #E30613; padding: 2px 9px; font-size: 12px; } .kt-badge-menu2{ left:44px; top:-4px; } .kt-badge-menu3{ left: 44px; top: -4px; } .kt-badge-menu3-scroll{ left: 18px; top: -4px; } .col-amount .total-amount{ display: block; font-weight: 700; font-size: 2em; /*padding: 0 10px 0 10px;*/ margin: 8px; line-height: 0.9em; } @media screen and (min-device-width:413px) and (max-device-width: 812px) { #contenedor-academy #video { height: 530px !important; } #contenedor-academy table { width: 100% !important; } #contenedor-academy .cont-list-catalog-lanas div div{ width: 100% !important; padding-left: 0; padding-right: 0px; } #contenedor-academy .row.academia_modelo_v .col-md-4 { padding: 12px; } #contenedor-academy .row.academia_modelo_v { margin-left: 0px !important; margin-right: 0px !important; padding: 0px !important; } #contenedor-academy table td{ width: 100% !important; float: left !important; text-align: center; } } @media screen and (min-device-width:300px) and (max-device-width: 412px) { .bg-grey .container-tabs-info #videos .row .col-md-12 a { font-size: 14px !important; } .bg-grey .container-tabs-info #videos .row .col-md-12>a:hover { font-size: 14px !important; } .cont-resum-detail .pdfmodelo { padding: 0 !important; margin: 0px !important; } .cont-resum-detail .pdfmodelo .pdfgratis { padding: 0 !important; margin: 0px !important; } .cont-resum-detail .pdfmodelo .pdfgratis .col-md-12 { padding: 0 !important; margin: 0px !important; } .cont-resum-detail .pdfmodelo .pdfgratis a { font-size: 11px !important; margin: 0px !important; padding: 4px 6px !important; } .bg-grey .container-tabs-info #info .row .col-md-4 h4>a { font-size: 10px !important; } .bg-grey .container-tabs-info #info .row .col-md-4 h4>a:hover { font-size: 10px !important; } .bg-grey .container-tabs-info h4>a, .bg-grey .container-tabs-info .tab-pane.fade.active.in .row .col-md-12 a, .bg-grey .container-tabs-info .tab-pane.fade.active.in .row .col-md-4 a { font-size: 13px !important; } .bg-grey .container-tabs-info h4>a:hover, .bg-grey .container-tabs-info .tab-pane.fade.active.in .row .col-md-12 a:hover, .bg-grey .container-tabs-info .tab-pane.fade.active.in .row .col-md-4 a:hover { border-radius: 6px; border: 1px dotted #a7a7a7; padding: 8px 12px; margin: 20px 0px; line-height: 36px; background: #E30613; text-decoration: underline; color: white; font-size: 13px !important; } .kt-badge-prox { /*font-size: 2.5em;*/ line-height: 1em; } #contenedor-academy #video { height: 250px !important; } #contenedor-academy table { width: 100% !important; } #contenedor-academy .cont-list-catalog-lanas div div{ width: 100% !important; padding-left: 0; padding-right: 0px; } #contenedor-academy .row.academia_modelo_v { margin-left: 0px !important; margin-right: 0px !important; padding: 0px !important; } #contenedor-academy table td{ width: 100% !important; float: left !important; text-align: center; } #contenedor-academy .row.academia_modelo_v .col-md-4 { padding: 12px; } } @media screen and (min-device-width:413px) and (max-device-width: 812px) { /*.cont-detail-product-img .kt-badge-prox { font-size: 6em; } */ /*.kt-badge-prox { font-size: 3em; } */ .cont-detail-product .quantity-and-price-cont .col-md-6 { display: inline-table; padding-left: 0px; } .cont-detail .cont-price-by-count .cont-button-units .btn-manage-units { width: 25%; } .cont-detail-product .quantity-and-price-cont .row { display: flex; margin-left: 0px !important; padding-left: 0px !important; height: 70px; } } @media screen and (min-device-width:300px) and (max-device-width: 412px) { .cont-proceso-compra .container .row .col-md-12.text-center .text-grey .bannenvio { font-size: 14px; display: table; width: 86%; float: left; text-align: left; line-height: normal; } .cont-detail-product .quantity-and-price-cont .row .col-sm-6 { margin-left: 0px !important; padding-left: 0px !important; margin-right: 4px; padding-right: 0px; width: 100%; } .cont-proceso-compra .container .row .col-md-12.text-center img { float: left; margin-left: 1%; } .col-amount .total-amount{ font-size: 2em; /*padding: 0 10px 0 10px;*/ line-height: 0.7em; } .cont-detail-product .quantity-and-price-cont .col-md-3 .cont-button-units{ margin-right: auto; margin-left: auto; width: 100%; margin-bottom: 12px; } .cont-detail-product .quantity-and-price-cont { padding-top: 6px; } .cont-detail-product .quantity-and-price-cont .cont-button-units .btn-manage-units { width: 25%; } .cont-detail-product .quantity-and-price-cont .col-md-6 { /* padding-left: 0px !important; margin-left: -12px; */ } .cont-detail-product .quantity-and-price-cont .col-md-3 { float: left; width: 100%; padding: 0 !important; margin-bottom: 8px; } .cont-detail-product .quantity-and-price-cont .col-md-3 .col-amount{ line-height: 24px; font-size: 16px; margin-left: auto; margin-right: auto; } /* Para el contador de productos de lanas y revistas en pantallas pequeñas */ .cont-detail-product .quantity-and-price-cont .col-xs-6{ width: 100% !important; } .cont-detail-product .quantity-and-price-cont .col-xs-3{ width: 100%; display: inline-flex; } } .cont-button-units{ display: block; max-width: 140px; min-width: 100px; margin: 0 auto; overflow: hidden; } .cont-button-units .btn-manage-units{ float: left; width: 25%; margin: 0 1.6666666% 0 1.66666666%; border: solid 1px #a7a7a7; border-radius: 0px; padding: 5px 0 5px 0; background-color: #FFF; } .btn.btn-manage-units.btn-add-unit{ text-align:center; } .container .pull-right span { margin-right: 0 !important; } @media screen and (min-device-width:320px) and (max-device-width: 812px) { .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 4px !important; } .cont-resum-items .pull-right.col-actions.text-right{ float: unset !important; margin-left: auto; margin-right: auto; } .cont-resum-detail .quantity-and-price-cont .col-md-6.text-center { float: none !important; } .cont-mi-cuenta .cont_area_cell { padding-left: 4px !important; } .cont_subseccion { margin-right: 6px !important; margin-left: 6px !important; } .cont-mi-cuenta table tr { font-size: 7px !important; text-align: left !important; } .cont-mi-cuenta table td table td { text-align: left !important; font-size: 7px !important; word-wrap: break-word; padding: 4px 1px; } .ewTableHeader .ewTableHeaderBtn td { font-size: 8px !important; } .cont-mi-cuenta .cont_subseccion { padding-left: 3px !important; padding-right: 3px !important; } .cont-mi-cuenta .cont_subseccion_cell { margin-right: 3px !important; } .cont-mi-cuenta .cont_seccion_cell { margin-right: 3px !important; } .cont-mi-cuenta .col-content-mi-cuenta{ width: 100% !important; } .cont-proceso-compra .container .col-md-12 h3 { line-height: normal; } .cont-detail-product .quantity-and-price-cont .cont-button-units .btn-manage-units { width: 25%; } .cont-detail .cont-price-by-count .cont-button-units .btn-manage-units { width: 25%; } .cont-proceso-compra #btnpago { width: 100%; } .cont-proceso-compra #btnpago2 { width: 100%; } .cont-button-units .btn-manage-units2{ width: 25% !important; } .cont-button-units .selected-units{ width: 42% !important; } .container .pull-right .btn-box { margin-bottom: 8px !important; margin-top: 8px !important; float: left !important; width: inherit !important; margin-left: 4px !important; padding-left: 8px !important; padding-right: 8px !important; width: 100% !important; background-size: 25px !important; background-image: url(../imgs/bag-icon.svg); background-repeat: no-repeat; background-position: 95% 50%; padding-left: 10%; } .container .pull-right span { margin-right: 0 !important; } } .btn.btn-manage-units.btn-remove-unit{ text-align:center; } .cont-button-units .btn-manage-units2{ float: left; width: 30%; margin: 0 1.6666666% 0 1.66666666%; border: solid 1px #a7a7a7; border-radius: 0px; padding: 5px 0 5px 0; background-color: #FFF; } .cont-button-units .selected-units{ float: left; width: 30%; padding: 4px 0 4px 0; background-color: #efefef; box-shadow: none; /*border: none;*/ } ul.list-arrows{ } ul.list-arrows li{ padding: 5px 0 5px 20px; position: relative; } ul.list-arrows li:before{ content: ''; } ul.list-arrows li.current{ font-weight: 700; background-image: url('../imgs/caret-list-element.svg'); background-size: 15px; background-repeat: no-repeat; background-position: left center } ul.list-arrows li a{ } ul.list-arrows li a:hover{ color: #000; } .table-katia{ border: solid 1px #ccc; } .table-katia tbody tr td{ vertical-align: middle; /* text-align: left; */ } .table-katia .cont-image-product .label-title-product { margin-left: 10px; } .table-katia .cont-image-product{ max-width: 85px; padding: 5px 4px 5px 0px; margin-right: auto; margin-left: auto; } .table-katia .cont-image-product img{ max-width: 90px; } #contenedor-search .lana-wrapper { width: 15.45%; border: 1px solid rgba(0,0,0,.075); border-radius: 0px; margin-left: 16px; margin-top: 16px; text-align: left; display: inline-flex; height: inherit; position: relative; } #contenedor-search .lana-wrapper .cont-lana-img { padding: 0; position: relative; overflow: hidden; padding: 0; position: relative; overflow: hidden; height: 300px; } #contenedor-search .lana-wrapper .img-responsive.center-block { top: 0px; padding: 0px !important; width: 100%; border-top-left-radius: 0px; border-top-right-radius: 0px; top: 0px; padding: 0px !important; width: 100%; overflow: hidden; width: 100%; height: auto; margin: 0px; } .lana-wrapper { width: 22.555%; border: 1px solid rgba(0,0,0,.075); border-radius: 0px; margin-left: 16px; margin-top: 0px; margin-bottom: 16px; text-align: left; display: inline-flex; height: auto; position: relative; } .lana-wrapper.shop-ap { width: 18.444%; } .lana-wrapper.revistas-wrapper .lana-content .name-lana { min-height: unset !important; } .modelorel-wrapper { width: 22.555%; margin-left: 16px; margin-top: 16px; text-align: left; display: inline-block; height: auto; position: relative; vertical-align: top; } .llistatrelacionats { width: 95%; margin-left: auto; margin-right: auto; display: block; position: relative; text-align: justify; } /*.catalog-wishlist .lana-wrapper { width: 18.3333%; }*/ #contenedor-modelos .lana-wrapper .cont-lana-img{ padding: 0; position: relative; overflow: hidden; } .lana-wrapper .cont-lana-img{ padding: 0; position: relative; overflow: hidden; } .selectColor { border: 3px solid #E30613 !important; border-radius: 100px !important; margin-bottom: 4px !important; } #contenedor-lanas .codigolana-listado{ text-align: left; text-transform: capitalize; margin-left: 1.5em; float: left; width: 100%; display: inline-flex; margin: 8px 1.5em; } #contenedor-lanas .codigolana-listado-temp{ text-align: center; text-transform: capitalize; float: right; border: 0px dotted #c17912; border-radius: 4px; font-size: 11px; padding-left: 5px; padding-right: 5px; color: #2c2c2c; background: transparent; } #contenedor-lanas .codigolana-listado-temp.oton{ text-align: center; text-transform: capitalize; /* float: right; */ border: 0px dotted #337ab7; border-radius: 4px; font-size: 11px; padding-left: 5px; padding-right: 5px; color: #2c2c2c; background: transparent; width: 100% !important; float: unset !important; } #contenedor-lanas .codigolana-listado-temp.vera{ text-align: center; text-transform: capitalize; /* float: right; */ border: 0px dotted #c17912; border-radius: 4px; font-size: 11px; padding-left: 5px; padding-right: 5px; color: #2c2c2c; background: transparent; width: 100% !important; float: unset !important; } #contenedor-telas .codigotela-listado-temp { text-align: left; text-transform: capitalize; float: right; border: 1px dotted #c17912; border-radius: 4px; font-size: 11px; padding-left: 5px; padding-right: 5px; color: #c17912; background: #fff5df; width: 100%; } #contenedor-telas .codigotela-listado-temp.oton{ text-align: center; text-transform: capitalize; float: right; border: 0px dotted #c17912; border-radius: 4px; font-size: 11px; padding-left: 5px; padding-right: 5px; color: #2c2c2c; background: transparent; } #contenedor-telas .codigotela-listado-temp.vera{ text-align: center; text-transform: capitalize; float: right; border: 0px dotted #c17912; border-radius: 4px; font-size: 11px; padding-left: 5px; padding-right: 5px; color: #2c2c2c; background: transparent; } #contenedor-patrones .codigopatron-listado-temp { text-align: center; text-transform: capitalize; float: right; border: 0px dotted #c17912; border-radius: 4px; font-size: 11px; padding-left: 5px; padding-right: 5px; color: #2c2c2c; background: transparent; } #contenedor-patrones .codigopatron-listado-temp.oton{ text-align: center; text-transform: capitalize; float: inherit; border: 0px dotted #c17912; border-radius: 4px; font-size: 11px; padding-left: 5px; padding-right: 5px; color: #2c2c2c; background: transparent; } #contenedor-patrones .codigopatron-listado-temp.vera{ text-align: center; text-transform: capitalize; float: none; border: 0px dotted #c17912; border-radius: 4px; font-size: 11px; padding-left: 5px; padding-right: 5px; color: #2c2c2c; background: transparent; } #contenedor-lanas .codigolana-listado { width: 100%; text-align: center; text-transform: capitalize; float: left; width: 100%; margin-left: 0em !important; margin: -10px 0px 8px 0px !important; display: unset !important; } #contenedor-lanas .tonolana-listado { border: 0px dotted #6c9657; border-radius: 4px; color: #2c2c2c; background: transparent; text-align: center; text-transform: capitalize; font-size: 11px; padding-left: 3px; padding-right: 3px; width: 100% !important; float: unset !important; margin-bottom: 8px; margin-left: 0px !important; margin-right: 0px !important; } #contenedor-lanas .codigolana-listado-ref{ text-align: left; text-transform: capitalize; float: left; border: 1px dotted #6c9657; border-radius: 4px; font-size: 11px; padding-left: 5px; padding-right: 5px; margin-right: 6px; color: #6c9657; background: #f8fff4; } #contenedor-lanas .codigolana-listado-ref:Before{ content:"ref. #"; text-transform: lowercase; float:left; } #contenedor-telas .codigotela-listado{ width: 90%; display: inline-grid; margin-left: auto; margin-right: auto; margin-bottom: 8px; margin-top: 8px; } #contenedor-telas .codigotela-listado-ref{ text-align: left; float: left; border: 1px dotted #6c9657; border-radius: 4px; font-size: 11px; padding-left: 5px; padding-right: 5px; margin-right: 6px; color: #6c9657; background: #f8fff4; } #contenedor-telas .codigotela-listado-ref:Before{ content:"ref. #"; text-transform: lowercase; float:left; } #contenedor-patrones .codigopatron-listado{ text-align: center; margin-left: 0em; float: none; width: 100%; display: block; margin: 8px 0em; } #contenedor-patrones .codigopatron-listado-ref{ text-align: left; text-transform: capitalize; float: left; border: 1px dotted #6c9657; border-radius: 4px; font-size: 11px; padding-left: 5px; padding-right: 5px; margin-right: 6px; color: #6c9657; background: #f8fff4; } #contenedor-patrones .codigopatron-listado-ref:Before{ content:"ref. #"; text-transform: lowercase; float:left; } #contenedor-modelos .codigomodelo-listado{ text-align: left; text-transform: capitalize; margin-left: 1.5em; float: left; width: 100%; display: inline-flex; margin: 0px 0em; } #contenedor-modelos .codigomodelo-listado-temp{ text-align: left; text-transform: capitalize; float: right; border: 1px dotted #c17912; border-radius: 4px; font-size: 11px; padding-left: 5px; padding-right: 5px; color: #c17912; background: #fff5df; } #contenedor-modelos .codigomodelo-listado-temp.oton{ text-align: left; text-transform: capitalize; float: right; border: 1px dotted #337ab7; border-radius: 4px; font-size: 11px; padding-left: 5px; padding-right: 5px; color: #337ab7; background: #ddf4fb; } #contenedor-modelos .codigomodelo-listado-temp.vera{ text-align: left; text-transform: capitalize; float: right; border: 1px dotted #c17912; border-radius: 4px; font-size: 11px; padding-left: 5px; padding-right: 5px; color: #c17912; background: #fff5df; } #contenedor-modelos .codigomodelo-listado-ref{ text-align: left; text-transform: capitalize; float: left; border: 1px dotted #6c9657; border-radius: 4px; font-size: 11px; padding-left: 5px; padding-right: 5px; margin-right: 6px; color: #6c9657; background: #f8fff4; } #contenedor-modelos .codigomodelo-listado-ref:Before{ content:"ref. #"; text-transform: lowercase; float:left; } #contenedor-search .results-filt { margin-right: 60px; margin-left: 60px; width: 100%; } .results-filt { padding: 8px 30px; /* border: 1px dotted #a7a7a7; */ margin-bottom: 0px; padding-bottom: 0px; border-radius: 6px; padding-top: 0px; /* background: #fbfbfb; */ margin-top: 0px; text-align: right; } .results-filt .res-cant-filt { color: #E30613; } .results-filt .res-pag-filt { color: #E30613; } .lana-wrapper .lana-content{ border: solid 0px transparent; padding: 0 0 42px 0; position: relative; width: 100%; } .lana-wrapper:hover{ position: relative; border: 1px solid #dedede; border-radius: 0px; /* just to show box-shadow still works fine */ box-shadow: 0 2px 7px #d1d1d1, inset 0 0 7px white; } .lana-wrapper:hover::after{ position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; content: ''; z-index: -1; border-radius: 6px; } .lana-wrapper .lana-content .name-lana{ margin: 0px 0; font-size: 1.1em; text-align: center; margin-left: 1.5em; margin-right: 1.5em; margin-top: 5px; height: fit-content; min-height: 33px; } .lana-wrapper .lana-content .name-lana>a:hover{ color: #505050; } #contenedor-academy .cont_academia_modelo { border: 0px solid black; width: 100%; background-color: #F3F3F3; } @media screen and (min-device-width:300px) and (max-device-width: 812px) { .cont-detail-product { padding-right: 0px !important; padding-left: 0px !important; } .results-filt { text-align: right; /*center*/ padding: 0px !important; margin-bottom: 8px !important; } .lana-details { width: 100% !important; margin-bottom: 16px; display: flow-root !important; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 0px; padding: 5px !important; } .lana-details img{ width: 100% !important; height: auto !important; } } .lana-details { width: 100%; margin-bottom: 16px; display: inline-block; border-bottom: 1px solid #a7a7a7; padding: 8px; } .lana-details div{ max-width: 150px; } .lana-details img{ width: 100%; height: auto; } #contenedor-academy .name-academy{ margin-bottom: 32px; } #contenedor-agujas .name-lana { margin-bottom: 32px; } #contenedor-agujas { margin-bottom: 32px; } #contenedor-academy { margin-bottom: 32px; } #contenedor-academy .list-academy li { border-radius: 4px; border: 1px dotted #dedede; text-indent: 0; padding: 12px; margin-bottom: 10px; text-transform: uppercase; color: #A7A7A7 !important; width: 100%; display: inline-block; word-break: break-word; } .lana-wrapper .lana-content .current-price{ color: #6c9657; } .lana-wrapper .lana-content .not-price{ text-decoration: line-through; color: #ff4647; } /* .revistas-wrapper { width: 31.2222%; } */ .hidde_elem { display: none; } #contenedor-modelos .img-responsive.center-block { border-top-right-radius: 0px; border-top-left-radius: 0px; /*-webkit-transition: 0.6s ease; transition: 0.6s ease;*/ } .img-responsive.center-block { border-top-left-radius: 0px; border-top-right-radius: 0px; top: 0px; padding: 0px !important; width: 100%; } .imgalt-lana{ margin-top: 4px !important; margin-bottom: 4px !important; } .imgsalt-lana{ display: inline-block; width: 100% margin-bottom: 16px; } .imgsalt-lana div{ float: left; } .imgsalt-lana img { border-radius: 0px !important; height: auto; width: 80px !important; margin-right: 8px; margin-bottom: 0px; margin-top: 0px; /*border: thin dotted #fff;*/ border: 0px solid #fff !important; float: left; } .imgsalt-lana img:hover { border: thin dotted #A7A7A7 } .cont-detail .img-responsive.center-block:hover, .cont-detail .img-responsive.center-block:focus { border: 0px dotted #a7a7a7; cursor:pointer; } #contenedor-modelos .cont-lana-img:hover .img-responsive.center-block, #contenedor-modelos .cont-lana-img:focus .img-responsive.center-block, #contenedor-modelos .cont-lana-img:active .img-responsive.center-block { /*-webkit-transform: scale(1.5); transform: scale(1.5); border-top-right-radius: 4px; border-top-left-radius: 4px;*/ } .swiper-slide .img-responsive.center-block { width: auto !important; border-radius: 0 !important; top: 0 !important; padding: 0 !important; } .img-tela{ width:100%; } .img-wish{ width:100%; } .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .tit-suscribe{ font-size: 40px; } .eliminarwishlist{ margin-left: 8px; height: 36px; padding: 8px 16px; margin-top: 0px; margin-bottom: 1px; } .cont-etiquetas { height: 25px; } .etq-nivel { border-radius: 4px; background: #f1f1f1; border: 1px solid #dedede; float: left; margin-left: 8px; padding: 2px 12px; font-size: 12px; font-weight: 700; color: #777777; } .etq-material { border-radius: 4px; background: #f1f1f1; border: 1px solid #dedede; color: #777777; float: left; margin-left: 4px; padding: 2px 12px; font-size: 12px; font-weight: 700; } .etq-tipo { border-radius: 4px; background: #ead9f9; float: left; border: 1px solid #dedede; margin-left: 4px; padding: 2px 12px; font-size: 12px; font-weight: 700; } .catalog-wishlist{ margin-bottom: 21px; } /* TOP NAV STYLES */ @media screen and (min-width: 1024px) and (max-width: 1366px){ .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .col-sm-3 { width: 25% !important; padding-right: 0px; padding-left: 0px; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .col-sm-4 { width: 25% !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .col-sm-4 H3 { font-size: 16px !important; } .cont-menu-list .list-inline .container-sub-menu .container .row { width: 100% !important; margin-left: auto !important; margin-right: auto !important; } .cont-menu-list .list-inline .container-sub-menu .container .row.v { width: 95% !important; margin-left: auto !important; margin-right: auto !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .col-sm-3 li { /*font-size: 11px !important; line-height: normal !important; */ } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu ul.group-list { padding: 0 15px 0 20px !important; margin-bottom: 16px !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu ul.left-main-list li a { font-weight: 900 !important; color: #000 !important; padding: 0 0px 6px 0px !important; display: block !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .destacado-cont h4 { margin: 4px 0!important; font-size: 0.8em !important; /* text-align: left; */ margin-left: auto !important; margin-right: auto !important; margin-top: 9px !important; height: fit-content !important; min-height: 33px !important; font-weight: 700 !important; text-align: center !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-men2 .col-sm-3 { width: 25% !important; padding-right: 0px !important; padding-left: 0px !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 .col-sm-4 { width: 25% !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 .col-sm-4 H3 { font-size: 16px !important; } .cont-menu-list .list-inline .container-sub-menu2 .container .row { width: 95% !important; margin-left: auto !important; margin-right: auto !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 .col-sm-3 li { /*font-size: 11px !important; line-height: normal !important; */ } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 ul.group-list { padding: 0 20px 0 50px !important; margin-bottom: 16px !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 ul.left-main-list li a { font-weight: 900 !important; color: #000 !important; padding: 0 0px 6px 0px !important; display: block !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 .destacado-cont h4 { margin: 4px 0!important; font-size: 0.8em !important; /* text-align: left; */ margin-left: auto !important; margin-right: auto !important; margin-top: 9px !important; height: fit-content !important; min-height: 33px !important; font-weight: 700 !important; text-align: center !important; } } @media screen and (min-width: 768px){ .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu.v { min-height: 750px !important; padding-top: 0px !important; margin-top: 0px !important; padding-bottom: 60px !important; margin-bottom: 0px !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu3 { right: 0; width: 100%; background-color: #FFF; z-index: 100; padding-top: 60px; padding-bottom: 60px; margin-right: auto; position: absolute; display: inline-block; border-top: 2px solid #f6f4f1; top: 54px; left: 0px; height: auto; margin-top: 0px; padding-top: 20px !important; padding-bottom: 0px !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu { height: auto; position: absolute; top: 100%; left: 0; width: 100%; background-color: #FFF; display: none; box-shadow: 0 3px 5px rgba(0,0,0,.2); z-index: 100; border-top: solid 1px #aaaaaa; padding-top: 20px; padding-bottom: 20px; /* max-height: 500px; overflow-y: scroll; */ } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2{ display: block; } /* .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .col-sm-3{ width:20%; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .col-sm-4 { width: 30%; }*/ .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .col-sm-3:nth-child(2), .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 .col-sm-3:nth-child(2){ border-left: solid 1px #aaaaaa; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .col-sm-3:nth-child(3) { border-right: solid 1px #aaaaaa; } .container-sub-menu2 .col-sm-3:nth-child(3){ border-right: none !important; } .container-sub-menu2 .col-sm-3:nth-child(4){ border-left: solid 1px #aaaaaa !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .col-sm-2:nth-child(2), .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 .col-sm-2:nth-child(2){ border-left: solid 1px #aaaaaa; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .col-sm-2:nth-child(3), .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 .col-sm-2:nth-child(3){ border-right: solid 1px #aaaaaa; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu ul.left-main-list, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 ul.left-main-list{ font-family: 'Lato', sans-serif; text-transform: uppercase; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu ul.left-main-list li a, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 ul.left-main-list li a{ font-weight: 900; color: #000; padding: 0 10px 20px 10px; display: block; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu ul.left-main-list li a:hover, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 ul.left-main-list li a:hover{ text-decoration: none; color: #E30613; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu ul.group-list, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 ul.group-list{ padding: 0 30px 0 30px; margin-bottom: 20px; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu ul.group-list li:first-child, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 ul.group-list li:first-child{ font-weight: 900; display: block; margin-bottom: 4px; text-transform: uppercase; color: #000; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu ul.group-list li a, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 ul.group-list li a{ color: #000; display: block; padding: 1px 0 4px 0; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu ul.group-list li a:hover, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 ul.group-list li a:hover{ text-decoration: none; color: #E30613; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu ul.group-list li a.see-all-btn, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 ul.group-list li a.see-all-btn { font-weight: lighter; } /* two columns on filters*/ .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .col-sm-4 { padding-left: 0px; padding-right: 0px; border-right: solid 1px #aaaaaa; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .col-sm-4 .two-column{ column-count: 2; column-width: inherit; column-gap: 30px; margin-top: 0px; padding-top: 0px; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu ul.two-column li:first-child { height: 0px; display: none; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .col-sm-4 .top-title{ padding-bottom: 0px !important; margin-bottom: 0px !important; } /* end of two columns on filters*/ /* .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu ul.group-list li a.see-all-btn:hover { color: white; background: #E30613; } */ .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .destacado-cont { padding: 0 30px 0 30px; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu2 .destacado-cont { padding: 0 0px 0 30px; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .destacado-cont .label-featured, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 .destacado-cont .label-featured { font-weight: 900; display: block; margin-bottom: 10px; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .destacado-cont h4, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 .destacado-cont h4{ /*font-weight: 100; margin: 10px 0 13px 0; font-size: 1.2em; margin: 4px 0; font-size: 1.1em; text-align: left; margin-left: 1.5em; margin-right: 1.5em; margin-top: 6px; height: fit-content; min-height: 33px;*/ margin: 4px 0; font-size: 1.1em; /*text-align: left;*/ margin-left: 1.5em; margin-right: 1.5em; margin-top: 6px; height: fit-content; min-height: 33px; font-weight: 700; text-align: center; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 { display: block; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu { height: auto; position: absolute; top: 100%; left: 0; width: 200%; background-color: #FFF; display: none; box-shadow: 0 3px 5px rgba(0,0,0,.2); z-index: 100; border-top: solid 1px #aaaaaa; padding-top: 20px; padding-bottom: 20px; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu.v li .container-sub-menu3 { width: 100% !important; background-color: #FFF; z-index: 100; position: inherit; top: 0; left: 0px; height: auto; */ width: 100% !important; background-color: #FFF; z-index: 100; position: inherit; top: 54px; left: 0px; height: auto; border-top: 2px solid #f6f4f1; margin-top: 0px; padding-top: 20px !important; padding-bottom: 0px !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu ul.left-main-list li a:hover, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 ul.left-main-list li a:hover { text-decoration: none; color: #E30613; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu ul.left-main-list li a, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 ul.left-main-list li a { font-weight: 900; color: #000; padding: 0 10px 20px 10px; display: block; font-size: 16px; } .list-unstyled { padding-left: 0; list-style: none; } } /*TOP NAV STYLES END */ /* Results Google */ @media screen and (min-width: 768px) and (max-width: 1280px){ .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu ul.left-main-list li a, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2 ul.left-main-list li a{ font-size: 13px; } #contenedor-search .lana-wrapper .cont-lana-img { height: 215px; } #contenedor-search .lana-wrapper { width: 22.55%; float: left; /*min-height: 365px;*/ } } @media screen and (min-width: 768px) and (max-width: 1279px){ .aviso-portes-headers{ display: contents !important; margin-left: 0px !important; } } @media screen and (min-width:300px) and (max-width: 760px) { #contenedor-search .lana-wrapper .cont-lana-img { height: fit-content !important; } #contenedor-search .lana-wrapper { width: 93% !important; } .aviso-portes-headers{ font-size: 13px !important; display: contents !important; font-weight: 400 !important; } } /* Results Google END */ .aviso-portes-headers{ font-size: 14px; display: flex; margin-top: 5px; margin-left: 25%; color: #E30613; font-weight: 700; } /*MENU*/ .menu-cont{ position: fixed; top: 0; left: 0; width: 100%; z-index: 200; background-color: #FFF; } .menu-cont .menu-cont-top{ background-color: #fff !important; } .menu-cont .menu-cont-top .cont-logo-menu{ width: 100px; } .menu-cont .menu-cont-top .list-menu-top{ margin: 0; padding: 3px 0 3px 0; margin-right: 0px !important; } .menu-cont .menu-cont-top .list-menu-top li{ padding: 0; font-size: 9px; font-weight: 900; line-height: 11px; text-align: right; color: #9B9B9B; } .menu-cont .menu-cont-top .list-menu-top li a{ color: #8b8b8b; display: block; padding: 0 8px 0 5px; border-right: solid 1px #8b8b8b; } .menu-cont .menu-cont-top .list-menu-top li a.selected{ color: #000; } .menu-cont .menu-cont-top .list-menu-top li a:hover{ text-decoration: none; background-color: #f7f7f7; } .menu-cont .menu-cont-top .list-menu-top li:last-child a{ border-right: none; } .menu-cont .menu-cont-top .list-menu-top li a.burgrer-btn{ } .menu-cont .menu-cont-top .list-menu-top li a.burgrer-btn .icon-close-menu-mobile{ display: none; } .menu-cont .menu-cont-top .list-menu-top li a.burgrer-btn .icon-open-menu-mobile { display: none; } .menu-cont .menu-cont-top .list-menu-top li a.burgrer-btn.active .icon-close-menu-mobile{ display: inline; } .menu-cont .menu-cont-top .list-menu-top li a.burgrer-btn.active .icon-open-menu-mobile{ display: none; } .menu-cont .menu-cont-bottom{ position: relative; max-width: 100%; border-bottom: solid 0.5px #BCBCBC; display: flex; justify-content: space-between; margin-left: 0px; margin-right: 0px; } .menu-cont .menu-cont-bottom .cont-logo { width: 15%; padding: 22px 15px 8px 15px; } .menu-cont .menu-cont-bottom .cont-logo img { width: 148px !important; } .menu-cont .menu-cont-bottom .cont-menu-list{ width: 55%; margin-top: auto; margin-bottom: 0; height: auto; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .menu-cont .menu-cont-bottom .cont-menu-list { height: 100%; } } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu{ margin: 0; /* padding-top: 8px; bottom: 25%;*/ margin-bottom: 5px; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu>li{ margin: 0; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .menu-top-btn{ color:#321E1F; display: block; padding: 6px 20px; position: relative; font-size: 16px; font-weight: bold; line-height: 25px; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .menu-top-btn:hover, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .menu-top-btn:focus, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .menu-top-btn, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .menu-top-btn:hover, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .menu-top-btn:focus, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li.active .menu-top-btn{ /*color: #E30613;*/ background-color: #f6f4f1; text-decoration: underline; border-top-right-radius: 6px; border-top-left-radius: 6px; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .menu-top-btn:before{ /*content: ''; position: absolute; bottom: -6px; left: 0; width: 100%; height: 5px; background-color: #E30613; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; z-index: 250;*/ } /* TOP NAV SUBNAV STYLES STARTS */ .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .menu-top-btn:hover:before, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .menu-top-btn:before, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .menu-top-btn:hover:before, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li.active .menu-top-btn:before{ opacity: 1; } .cont-menu-list .list-inline .container-sub-menu .container .row, .cont-menu-list .list-inline .container-sub-menu2 .container .row.h { width: 100%; margin-left: auto; margin-right: auto; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu { position: absolute; top: 100%; left: 0; width: 100%; background-color: #FFF; display: none; box-shadow: 0 3px 5px rgba(0,0,0,.2); z-index: 100; border-top: solid 1px #aaaaaa; padding-top: 20px; padding-bottom: 20px; height: auto; padding-left: 3%; padding-right: 2%; min-height: 350px; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu.sub-menu-patrones { padding-top: 0px !important; padding-bottom: 0px !important; margin-bottom: 0px !important; margin-top: 0px !important; height: auto !important; box-shadow: 0 3px 5px rgba(0,0,0,.05); } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li .container-sub-menu2.h { height: auto; position: absolute; top: 0px; right: 0; margin-left: auto; width: 87%; background-color: #FFF; display: none; z-index: 100; /* box-shadow: 0 3px 5px rgba(0,0,0,.2); border-top: solid 2px #f6f4f1;*/ padding-top: 60px; padding-bottom: 60px; /* max-height: 500px; overflow-y: scroll; */ display:none; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2.v { margin-left: 0; list-style: none; width: 100%; display: inline-flex; } .cont-menu-list .container-sub-menu .container-sub-menu2.h.active { display: block !important; } .cont-menu-list .container-sub-menu .container-sub-menu2.h { display: none } .container-sub-menu .col-sm-3 .destacado-cont a .img-responsive { width: 80%; border-radius: 0px; } .container-sub-menu2 .col-sm-3 .destacado-cont a .img-responsive { width: 100%; border-radius: 0px; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 { width: 80%; margin-left: 30px; display: inline-grid; } /* .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .second-level-btn{ bottom: 0px; float: left; display: block; box-sizing: border-box; outline: 0; padding: 16px 26px; border: 2px solid #fff; font-family: Arial,Arial Unicode MS,Helvetica,DejaVu Sans,Lucida Sans Unicode,sans-serif; font-size: 16px; font-weight: 700; letter-spacing: .8px; line-height: 15px; overflow: hidden; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle; background-color: white; cursor: pointer; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; margin: 5px; border-radius: 4px; margin-bottom: 0px; margin-top: 12px; } */ .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu.v .second-level-btn.v { float: left; */ /* display: block; */ /* box-sizing: border-box; */ /* padding: 15px 26px; */ border: 2px solid #fff; font-family: Arial,Arial Unicode MS,Helvetica,DejaVu Sans,Lucida Sans Unicode,sans-serif; font-size: 16px; font-weight: 700; letter-spacing: .8px; text-align: center; text-decoration: none; text-transform: uppercase; /* vertical-align: middle; */ background-color: white; cursor: pointer; /* touch-action: manipulation; */ /* -webkit-user-select: none; */ -moz-user-select: none; -ms-user-select: none; /* user-select: none; */ /* -webkit-tap-highlight-color: transparent; */ -webkit-touch-callout: none; /* margin: 5px; */ border-radius: 4px 4px 0px 0px; /* margin-bottom: 0px; */ margin-top: 9px; text-align: left; float: left; /* position: absolute; */ display: list-item; line-height: 26px; padding-left: 20px; padding-top: 10px; padding-right: 20px; padding-bottom: 6px; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu.v .second-level-btn.v:hover, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu.v .second-level-btn.v:focus, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu.v .second-level-btn.v.active { color: #8c8781; font-weight: bolder; background-color: #f6f4f1; border: 2px solid #f6f4f1; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .submenu2:hover, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .submenu2:focus, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .submenu2:active, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .submenu2.active { color: #E30613 !important; font-weight: bolder; width: 100%; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu .submenu2.active::after { content: " >"; } .menu2.list-inline li { /* margin-bottom: 30px; border-bottom: 4px solid #fff; padding-bottom: 5px; */ } .menu2.list-inline li:hover { /*border-bottom: 4px solid #e4ded5; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; */ } .menu2.list-inline .lanas.v { /*display: inline-block; position: absolute;*/ top: 0; margin-top: 0; float: left; } .menu2.list-inline .second-level-btn.lanas { z-index: 9999; position: relative; text-align: center; float: left; } .menu2.list-inline .telas.v { /*display: inline-block; position: absolute;*/ top: 0; margin-top: 0; } .menu2.list-inline .second-level-btn.telas { z-index: 999; position: relative; text-align: center; float: left; margin-left: 10px; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .container-sub-menu, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li.active .container-sub-menu2{ display: block; } /* TOP NAV SUBNAV STYLES ENDS */ .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li.active .container-sub-menu2 .col-sm-3:nth-child(1) { width: 25% !important; padding-right: 15px !important; padding-left: 25px !important; border-left: solid 1px #aaaaaa !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .container-sub-menu .col-sm-3:nth-child(2), .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li.active .container-sub-menu2 .col-sm-3:nth-child(2){ border-left: solid 1px #aaaaaa; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .container-sub-menu .col-sm-3:nth-child(3), .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li.active .container-sub-menu2 .col-sm-3:nth-child(3){ border-right: solid 1px #aaaaaa; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .container-sub-menu ul.left-main-list, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li.active .container-sub-menu2 ul.left-main-list{ font-family: 'Lato', sans-serif; text-transform: uppercase; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .container-sub-menu ul.left-main-list li a, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li.active .container-sub-menu2 ul.left-main-list li a{ font-weight: 900; color: #000; padding: 0 10px 20px 10px; display: block; } .menu-cont .menu-cont-bottom .container-sub-menu .container-sub-menu2 .col-sm-3:nth-child(3) ul.group-list { padding: 0 10px 0 10px !important; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .container-sub-menu ul.left-main-list li a:hover, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li.active .container-sub-menu2 ul.left-main-list li a:hover{ text-decoration: none; color: #ff6b6e; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .container-sub-menu ul.group-list, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li.active .container-sub-menu2 ul.group-list{ padding: 0 25px 0 25px; margin-bottom: 20px; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .container-sub-menu ul.group-list li:first-child, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li.active .container-sub-menu2 ul.group-list li:first-child{ margin-bottom: 10px; font-weight: 900; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .container-sub-menu ul.group-list li a, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li.active .container-sub-menu2 ul.group-list li a { color: #000; display: block; padding: 5px 0 5px 0; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .container-sub-menu ul.group-list li a:hover, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li.active .container-sub-menu2 ul.group-list li a:hover{ text-decoration: none; color: #E30613; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .container-sub-menu ul.group-list li a.see-all-btn, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li.active .container-sub-menu2 ul.group-list li a.see-all-btn{ font-weight: 700; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .container-sub-menu .destacado-cont, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li.active .container-sub-menu2 .destacado-cont{ padding: 0 30px 0 30px; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .container-sub-menu .destacado-cont .label-featured, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li.active .container-sub-menu2 .destacado-cont .label-featured{ font-weight: 900; display: block; margin-bottom: 10px; text-transform: uppercase; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .container-sub-menu .destacado-cont h4, .menu-cont .menu-cont-bottom .cont-menu-list ul.menu2 li.active .container-sub-menu2 .destacado-cont h4{ font-weight: 700; margin: 10px 0 13px 0; font-size: 1.2em; } /* TOP NAV SUBNAV ENDS */ .menu-cont .menu-cont-bottom .cont-links{ width: 46%; /*padding-top: 11px;*/ margin: auto 0px auto 10px; font-weight: 100; } .menu-cont-bottom-sub { position: relative; max-width: 100%; border-bottom: solid 0.5px #BCBCBC; display: flex; margin-left: 0px; margin-right: 0px; } .menu-cont .menu-cont-bottom .cont-links .list-menu-top{ width: 100%; } .menu-cont .menu-cont-bottom .cont-links .list-menu-top > li{ width: 19%; padding-right: 0px; padding-left: 0px; margin: 0px !important; } .menu-cont .menu-cont-bottom .cont-links .list-menu-top > li img { width: 35px; height: 100%; } #floating-panel .error{ background: #ffe3e3; } .menu-cont-bottom .cont-search .search-form{ display: block; width: 100%; /* background-image: url('../imgs/lupa.svg'); */ background-size: 20px; background-repeat: no-repeat; background-position: center right 5px; padding: 0 0 0 30px; height: 38px; border: 1px dotted #bdc3c7; border-radius: 4px; background-color: #FFFCF5; margin-bottom: 5px; float:left; } .menu-cont-bottom-sub .cont-menu-list-sub{ width: 60%; margin-left: 30px; position: relative; float: left; } .menu-cont-bottom-sub .cont-menu-list-sub ul{ margin-bottom: 0px; font-weight: 100; } .menu-cont-bottom-sub .cont-menu-list-sub li{ padding: 15px 15px 15px 15px; position: relative; font-size: 16px; line-height: 24px; } .menu-cont-bottom-sub .cont-search{ width: 40%; padding-top: 8px; padding-bottom: 2px; margin: 0 30px 0 30px; float: right; } .menu-cont-bottom-sub .cont-search .search-form{ display: block; width: 100%; /* background-image: url('../imgs/lupa.svg'); */ background-size: 20px; background-repeat: no-repeat; background-position: center right 5px; padding: 0 40px 0 30px; height: 38px; border: 1px solid #bdc3c7 !important; border-radius: 0px !important; background-color: #fff !important; margin-bottom: 5px; float:left; } button.lupa-button { background: none !important; border-radius: 4px; border: none !important; padding: 3px; width: 38px; height: 38px; z-index: 99; position: absolute; right: 32px; } img.lupa-img { width: 22px; height: 22px; } .row-filtros-modelos .col-md-9 .img-responsive{ width: 100% !important; } @media screen and (min-width:640px) and (max-width: 812px) { .cont-resum-items .item-quantity .offer { width: 30% !important; } .cont-resum-items .item-quantity .discount { width: 20% !important; } .cont-resum-items .item-quantity .pull-right { width: 40% !important; display: inline-flex !important; margin-bottom: 12px !important; } } @media screen and (min-width:640px) and (max-width: 1368px) { .lana-wrapper .lana-content .name-lana { margin-left: 0.35em !important; margin-right: 0.35em !important; display: block; } #contenedor-modelos .codigomodelo-listado { margin: 0px 0em !important; display: inline-block !important; } #contenedor-modelos .codigomodelo-listado-ref { width: 100% !important; float: none !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; } #contenedor-modelos .codigomodelo-listado-temp.oton { width: 100% !important; float: none !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; } #contenedor-modelos .codigomodelo-listado-temp.vera { width: 100% !important; float: none !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; } #contenedor-telas .codigotela-listado { margin: 0px 0px 8px 0px !important; display: inline-block !important; } #contenedor-telas .codigotela-listado-ref { width: 100% !important; float: none !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; } #contenedor-telas .codigotela-listado-temp.oton { width: 100% !important; float: none !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; } #contenedor-telas .codigotela-listado-temp.vera { width: 100% !important; float: none !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; } #contenedor-patrones .codigopatron-listado { margin: 5px 0px 8px 0px !important; margin-left: 0px !important; display: unset !important; } #contenedor-patrones .codigopatron-listado-ref { font-size: 10px; padding-left: 3px; padding-right: 3px; width: 94% !important; float: unset !important; margin-bottom: 8px; } #contenedor-patrones .codigopatron-listado-temp.oton { width: 100% !important; float: unset !important; } #contenedor-patrones .codigopatron-listado-temp.vera { width: 100% !important; float: unset !important; } #contenedor-lanas .codigolana-listado-temp.oton { width: 100% !important; float: unset !important; } #contenedor-lanas .codigolana-listado-temp.vera { width: 100% !important; float: unset !important; } #contenedor-lanas .codigolana-listado { margin-left: 0.35em !important; margin: 8px 0.35em !important; display: unset !important; } #contenedor-lanas .tonolana-listado { font-size: 11px; padding-left: 3px; padding-right: 3px; width: 100% !important; float: unset !important; margin-bottom: 8px; margin-left: 0px !important; margin-right: 0px !important; font-style: italic; } } @media screen and (min-width:640px) and (max-width: 1280px) { .price-cont { margin-left: 0em !important; margin-right: 0em !important; } } #modalcolors .modal-login-katia .modal-body { padding: 20px 0px; } #modalcolors .modal-login-katia .modal-body .cont-detail-product { padding-top: 8px; padding-bottom: 8px; padding-left: 0px; padding-right: 0; } @media screen and (min-width:761px) and (max-width: 1366px) { .btndetall.gratis { padding-left: 0.35em !important; padding-right: 0.35em !important; } .btndetall.gratis .btndetall2 { width: 100% !important; } .btndetall.gratis .btn { padding: 6px 4px !important; font-size: 11px; } #search-map .btn.btn-box.btn-tiendas { width: 20% !important; } .cont-detail-product .quantity-and-price-cont .row { display: flex; } #search-map .form-group { width: 38% !important; margin-right: 12px; } .quantity-and-price-cont .row { margin-right: 0px !important; margin-left: 0px !important; } .quantity-and-price-cont .col-sm-6 { padding-right: 0px !important; padding-left: 0px !important; margin-right: 6px; } .form-control { padding: 4px !important; font-size: 12px !important; } .quantity-and-price-cont .col-md-4.text-center{ width: 50% !important; } .quantity-and-price-cont .col-md-4 .row { margin-left: 0px !important; padding-left: 0px !important; margin-right: 0px !important; padding-right: 0px !important; width: 100%; } .quantity-and-price-cont .col-sm-6 { width: 45%; } .quantity-and-price-cont .col-md-5 { width: 30% !important; display: flex; } .quantity-and-price-cont .col-md-5 .afegircarrito { height: 43px; } #contenedor-top .quantity-and-price-cont .col-md-3 { width: 50% !important; } } @media screen and (min-width:1025px) and (max-width: 1366px) { button.lupa-button { right: 65px !important; } } @media screen and (min-width:640px) and (max-width: 1024px) { .table-katia .offer{ width: 100% !important; font-size: 14px !important; margin-bottom: 0px !important; text-align: center !important; } .table-katia .discount{ width: 100% !important; text-align: center !important; font-size: 10px; margin-bottom: 0px !important; } } @media screen and (min-width:1024px){ #contenedor-academy .row.academia_modelo_h .col-md-4 { padding: 12px; } .table-katia .discount{ width: 100% !important; text-align: center ; margin-bottom: 08px !important; } #contenedor-academy table .titol_modrev_mini_new img, #contenedor-academy .titol_modrev_mini_new img { width: 100%; height: auto; } .table-katia .offer { width: 100% !important; margin-bottom: 0px !important; text-align: center } #contenedor-academy .row.academia_modelo_v { margin-left: 0px !important; margin-right: 0px !important; padding: 0px !important; } #contenedor-academy .row.academia_modelo_h { margin-left: 0px !important; margin-right: 0px !important; padding: 0px !important; } #contenedor-academy .row.academia_modelo_v .col-md-8 { padding: 0px !important; } #contenedor-academy .row.academia_modelo_h .col-md-8 { padding: 0px !important; } #contenedor-academy .row.academia_modelo_v .col-md-4 { padding: 12px; } #contenedor-academy .row.academia_modelo_h .col-md-4 { padding: 12px; } #contenedor-academy .row.academia_modelo_v .col-md-4 a { font-weight: bolder; } #contenedor-academy .row.academia_modelo_h .col-md-4 a { font-weight: bolder; } } @media screen and (min-width:300px) and (max-width: 1280px) { #contenedor-academy table .titol_modrev_mini_new img, #contenedor-academy .titol_modrev_mini_new img { width: 100%; height: auto; } #contenedor-academy .row.academia_modelo_v .col-md-4 a { font-weight: bolder; } #contenedor-academy .row .col-md-4 { padding: 12px !important; } #contenedor-academy .row .academia_left { text-align: left !important; } #contenedor-academy .row .academia_right { text-align: right !important; } } @media screen and (min-width:1024px) and (max-width: 1366px) { .cont-resum-items .item-quantity .pull-right { width: 33% !important; display: inline-flex !important; margin-top: 0px !important; margin-bottom: 6px !important; float: left !important; } .btn-box.box-unfilled { font-size: 35px; } .container-banner .caption.vertical-computer-bottomhorizontal-computer-lefthorizontal-mobile-center { margin: 13% 31% !important; width: 40% !important; } .cont-promo-lanas .col-promo { padding: 20px 20px 20px 20px !important; } .container-fluid .row.home-cols { margin-right: 0px; margin-left: 0px; padding-right: 0px; padding-left: 0px; } .container-fluid .row.home-cols .col-md-6.text-center.home-cols{ margin-right: 0px; margin-left: 0px; padding-right: 0px; padding-left: 0px; } #contenedor-modelos .col-md-3 { width: 25% !important; } .container.container-makevolution-cart{ width: 100%; padding-left: 0px; padding-right: 0px; } .container-catalog-lanas .cont-list-options { margin-left: 8px !important; } .btndetall2 { width: 100% !important; } .menu-cont-bottom-sub .cont-search { width: 30% !important; padding-top: 8px; padding-bottom: 2px; margin: 0 30px 0 34px !important; float: left !important; } } .menu-wrapper .bg-menu-opened{ position: fixed; width: 100%; height: 100%; z-index: 50; background-color: rgba(0,0,0,.8); opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .menu-wrapper.opened .bg-menu-opened{ opacity: 1; visibility: visible; } .menu-wrapper .menu-cont-top .list-menu-top .toggle-shorthand-login-cont{ position: relative; } .menu-wrapper .menu-cont-top .list-menu-top .toggle-shorthand-login-cont .block-shorthand-login{ position: absolute; display: block; top: 100%; left: 50%; margin-top: 10px; border: solid 1px #ccc; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 150; min-width: 210px; box-shadow: 0 5px 5px rgba(0,0,0,.3); opacity: 0; visibility: hidden; transition: all .3s ease; } .menu-wrapper .menu-cont-top .list-menu-top .toggle-shorthand-login-cont .block-shorthand-login.active{ opacity: 1; visibility: visible; } .menu-wrapper .menu-cont-top .list-menu-top .toggle-shorthand-login-cont .block-shorthand-login:before{ content: '▲'; position: absolute; top: -8px; left: 50%; margin-left: -24px; color: #E30613; font-size: 1.2em; border-bottom: solid 5px #E30613; line-height: 2px; width: 45px; text-align: center; } .menu-wrapper .menu-cont-top .list-menu-top .toggle-shorthand-login-cont .block-shorthand-login h3{ margin: 0; font-size: 1em; padding: 10px 0 10px 0; } .menu-wrapper .menu-cont-top .list-menu-top .toggle-shorthand-login-cont .block-shorthand-login ul li a{ color: #000; border: none; } .menu-wrapper .menu-cont-top .list-menu-top .toggle-shorthand-login-cont .block-shorthand-login a{ border: none; color: #000; display: block; padding: 5px 0 5px; } .menu-wrapper .menu-cont-top .list-menu-top .toggle-shorthand-login-cont .block-shorthand-login hr{ margin: 5px 0 5px 0; } .menu-wrapper .menu-cont-top .list-menu-top .toggle-shorthand-login-cont .block-shorthand-login .new-client-btn{ display: block; margin: 10px 0 0 0; } .menu-wrapper .menu-cont-top .list-menu-top .toggle-shorthand-login-cont .block-shorthand-login .btn-login{ display: block; width: 100%; } /*MOBILE*/ .menu-wrapper .menu-cont .menu-cont-mobile { display: none; overflow-x: hidden; position: fixed; top:0px; z-index: 100; background-color: #FFF; width: 100%; height: 100%; padding-bottom: 30px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .menu-wrapper .menu-cont .menu-cont-mobile.opened{ opacity: 1; visibility: visible; display: block !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu { background-size: auto; background-repeat: no-repeat; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu a:hover, .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu a:focus{ text-decoration: none; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu>li{ border-bottom: solid 1px #ccc; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu>li>a{ display: block; clear: both; padding: 10px 3px 10px 3px; font-weight: 900; -webkit-font-smoothing: antialiased; color: #4e4e4e; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu>li>a .arrow-next-level{ max-width: 15px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2 a:hover, .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2 a:focus{ text-decoration: none; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2>li{ border-bottom: solid 1px #ccc; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2>li>a{ display: block; clear: both; padding: 10px 20px 10px 25px; font-size: 17px; font-weight: 900; -webkit-font-smoothing: antialiased; color: #4e4e4e !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2>li>a .arrow-next-level{ max-width: 15px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2pais a:hover, .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2pais a:focus{ text-decoration: none; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2pais>li{ border-bottom: solid 1px #ccc; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2pais>li>a{ display: block; clear: both; padding: 10px 20px 10px 25px; font-size: 17px; font-weight: 500; -webkit-font-smoothing: antialiased; background-color: #eee; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu2pais>li>a .arrow-next-level{ max-width: 15px; } .menu-wrapper .menu-cont .menu-cont-mobile .sub-menu{ position: relative; /*overflow: scroll;*/ /*margin-top: 68px;*/ /*top: 91px;*/ left: 0; background-color: #FFF; width: 100%; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform .3s ease; -o-transition: -o-transform .3s ease; transition: transform .3s ease; min-height: 100%; height: 100%; display: none; } .menu-wrapper .menu-cont .menu-cont-mobile .sub-menu.in{ -webkit-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); display: inline; } .menu-wrapper .menu-cont .menu-cont-mobile .sub-menu .back-btn{ display: block; text-align: center; color: #FFF; font-size: 1.2em; /* position: fixed; top: 0; left: 0; width: 100%; */ padding: 10px 10px 10px 10px; } .menu-wrapper .menu-cont .menu-cont-mobile .sub-menu .arrow-back-icon{ max-width: 25px; } .menu-wrapper .menu-cont .menu-cont-mobile input.search{ border-radius: 0px; background-image: url('../imgs/lupa.svg'); background-size: 25px; background-repeat: no-repeat; padding-left: 50px; background-position: 10px center; height: 38px; box-shadow: none; border: none; border-bottom: solid 1px #aaaaaa; } .menu-wrapper .menu-cont .menu-cont-mobile .sub-menu>ul{ /*padding-top: 10px;*/ height: 100%; overflow-y: scroll; padding-bottom: 0px; /*padding-left: 24px;*/ border-top: solid 1px #ccc; } .menu-wrapper .menu-cont .menu-cont-mobile .sub-menu>ul>li{ border-bottom: solid 1px #ccc; } .menu-wrapper .menu-cont .menu-cont-mobile .sub-menu>ul>li>a{ display: block; font-weight: 700; /*padding: 10px 10px 10px 10px;*/ padding: 8px 20px 8px 25px !important; } .menu-wrapper .menu-cont .menu-cont-mobile .hidde_elem { margin-bottom: 0px !important; } .menu-wrapper .menu-cont .menu-cont-mobile .sub-menu>ul>li>ul>li>a{ display: block; color: #646464; padding: 8px 10px 8px 30px; } .menu-cont .menu-logo-down { width: 10%; width: 152px; padding-top: 12px; padding-left: 5px; margin-bottom: 4px; } /*SWIPERS*/ .swiper-katia{ overflow: hidden; position: relative; } .swiper-katia .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image: url('../imgs/arrow-left-swiper.svg'); background-color: #ffffff6e; padding: 30px 15px; border-radius: 0px; border: 0px solid #a7a7a7; /* background-color: #eee; width: 45px; border-radius: 50px; */ } .swiper-katia .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image: url('../imgs/arrow-right-swiper.svg'); background-color: #ffffff6e; padding: 30px 15px; border-radius: 0px; border: 0px solid #a7a7a7; /* background-color: #eee; width: 45px; border-radius: 50px; */ } .swiper-button-prev{ background-image: url('../imgs/arrow-right-swiper.svg'); background-color: #ffffff6e; padding: 30px 15px; border-radius: 0px; border: 0px solid #a7a7a7; } .swiper-button-next{ background-image: url(../imgs/arrow-left-swiper.svg); background-color: #ffffff6e; padding: 30px 15px; border-radius: 0px; border: 0px solid #a7a7a7; } .swiper-katia .swiper-button-next2, .swiper-container-rtl .swiper-button-prev2{ background-image: url('../imgs/arrow-left-swiper.svg'); background-color: #ffffff6e; padding: 30px 15px; border-radius: 0px; border: 0px solid #a7a7a7; } .swiper-katia .swiper-button-prev2, .swiper-container-rtl .swiper-button-next2{ background-image: url('../imgs/arrow-right-swiper.svg'); background-color: #ffffff6e; padding: 30px 15px; border-radius: 0px; border: 0px solid #a7a7a7; } .swiper-button-prev2{ background-image: url('../imgs/arrow-right-swiper.svg'); background-color: #ffffff6e; padding: 30px 15px; border-radius: 0px; border: 0px solid #a7a7a7; } .swiper-button-next2{ background-image: url('../imgs/arrow-left-swiper.svg'); background-color: #ffffff6e; padding: 30px 15px; border-radius: 0px; border: 0px solid #a7a7a7; } /*MODAL*/ .modal-login-katia .modal-content{ border-radius: 0px; } .modal-login-katia .modal-body{ padding: 20px 50px 20px 50px; } .modal-login-katia .modal-footer{ text-align: center; padding: 20px 50px 30px 50px; } .modal-login-katia .modal-footer h4{ margin-bottom: 20px; } .modal-login-katia .modal-body .form-login-cont{ padding: 15px 0 0 0; } .modal-login-katia .modal-body .form-login-cont input{ border-radius: 0px; } .modal-login-katia .icon-mi-cuenta{ max-width: 50px; } .modal-backdrop{ background-color: #1c1b2a; opacity: .69; } /*BREADCRUMB*/ #contenedor-lanas .cont-breadcrumb{ padding-top: 0px !important; } #contenedor-agujas .cont-breadcrumb{ padding-top: 0px !important; } #contenedor-modelos .cont-breadcrumb{ padding-top: 0px !important; margin-top: -15px !important; } #contenedor-revistas .cont-breadcrumb{ padding-top: 0px !important; } #contenedor-telas .cont-breadcrumb{ padding-top: 0px !important; margin-left: -15px; } .h1lanas, .h1modelos, .h1revistas, .h1patrones, #contenedor-agujas H1 { margin-left: 0px; width: 100%; margin-bottom: 10px; margin-top: -10px; text-align: center; } #contenedor-patrones .cont-breadcrumb{ padding-top: 0px !important; } #contenedor-academy .cont-breadcrumb{ padding-top: 0px !important; } .container-wishlist { padding-top: 120px; } .cont-breadcrumb{ padding-top: 120px; position: relative; font-size: 16px; /*border-bottom: solid 1px #aaaaaa; margin-left: 30px; margin-right: 30px;*/ } .cont-breadcrumb:before{ /* content: ''; position: absolute; width: 50px; height: 3px; left: 25px; bottom: -2px; background-color: #e0261c; display: block; box-shadow: 0 0 0 25px #FFF;*/ } .cont-breadcrumb .custom-breadcrumb .breadcrumb-el{ color: #321E1F; display: block; position: relative; padding-right: 25px; font-weight: lighter; } .cont-breadcrumb .custom-breadcrumb .breadcrumb-el.active{ color: #321E1F; font-weight: lighter; } .cont-breadcrumb li:last-child { color: #321E1F; font-weight: 900; } .cont-breadcrumb .custom-breadcrumb .breadcrumb-el:hover{ text-decoration: none; color: #e0261c; } .cont-breadcrumb .custom-breadcrumb .breadcrumb-el:before{ content: '>'; position: absolute; display: block; right: 0; top: -1px; font-size: 1.2em; color: #979797; } .cont-breadcrumb .custom-breadcrumb .breadcrumb-el:hover:before{ color: #979797; } .cont-breadcrumb ul.custom-breadcrumb li:last-child .breadcrumb-el:before{ display: none; } .cont-breadcrumb .cont-social-share{ margin: 0px; } .cont-breadcrumb .cont-social-share .label-share{ font-size: .8em; display: inline-block; float: left; padding-top: 8px; margin-right: 10px; } .cont-breadcrumb .cont-social-share .share-btn{ border:0px solid #8b8b8b; padding: 3px 3px; /*display: block;*/ display: inline-block; width: 30px; border-radius: 4px; } .cont-breadcrumb.breadcrumb-compra{ padding-bottom: 10px; margin-left: 0px; } .cont-breadcrumb.breadcrumb-compra:before{ width: 100px; } .cont-breadcrumb.breadcrumb-compra .custom-breadcrumb li .breadcrumb-el{ color: #000; padding: 0; font-size: 1.5em; } /*HOME*/ .container-banner{ overflow: hidden; position: relative; padding-top: 94px; background-color: white; } .container-banner .swiper-pagination-bullets{ } .container-banner .swiper-pagination-bullets:before{ } .container-banner .swiper-pagination-bullet{ width: 15px; height: 15px; background-color: #FFF; position: relative; opacity: 1; background-color: rgba(255,255,255,.5); border: solid 1px #FFF; } .container-banner .swiper-pagination-bullet-active{ background-color: rgba(255,255,255,1); box-shadow: 0 0 0 8px rgba(255,255,255,.2); } .container-banner .swiper-pagination-bullet:before{ content: ''; background-color: #FFF; width: 35px; height: 1px; position: absolute; left: 0; top: 50%; } .container-banner .swiper-pagination-bullet:last-child:before{ display: none; } .container-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 10px; } .container-banner .caption{ /* position: absolute; max-width: 400px; min-width: 385px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 18px; border-radius: 4px; */ } .container-banner .caption.vertical-computer-bottomhorizontal-computer-righthorizontal-mobile-center { position: absolute; display: block; margin: 15% 32%!important; z-index: 999; width: 700px; height: 200px; } .container-banner .caption.vertical-computer-bottomvertical-moble-bottomhorizontal-computer-lefthorizontal-mobile-left { /* position: absolute; left: 10%; top: 60%; */ } .container-banner .caption.vertical-computer-bottomhorizontal-computer-lefthorizontal-mobile-center { /* position: absolute; left: 10%; top: 60%; */ position: absolute; display: block; margin: 16% 31%; z-index: 999; width: 40%; padding: 0px; -webkit-box-shadow: 10px 10px 16px -3px rgba(0,0,0,0.25); -moz-box-shadow: 10px 10px 16px -3px rgba(0,0,0,0.25); box-shadow: 10px 10px 16px -3px rgba(0,0,0,0.25); } .container-banner .caption h1{ margin: 0 0 0px 0; font-size: 3em; color: #4e4e4e; } .container-banner .caption h2{ margin: 0 0 20px 0; font-size: 3em; color: #4e4e4e; } .container-banner .caption .info-caption{ margin: 0; font-size: 1.08em; } .cont-promo-revistas{ padding: 8px 0 8px 0; } .cont-promo-revistas h3{ font-size: 2.5em; margin-bottom: 20px; } .cont-promo-revistas p{ margin-bottom: 20px; } .cont-promo-lanas{ padding: 20px 0 20px 0; } .cont-promo-lanas .col-promo{ background-color: #dfdfdf; /*#f5f0ec;*/ min-height: 780px; padding: 40px 50px 30px 50px; margin: 30px; } .cont-promo-lanas .col-promo.col-promo-lanas-concept{ background-color: #f5f0ec; padding:40px 50px 30px 50px; display: flow-root; } .cont-promo-lanas h4{ font-size: 2.3em; margin-bottom: 22px; margin-top: 22px; text-align: left; } .cont-promo-lanas p{ margin-bottom: 25px; text-align: left; } .cont-promo-academia-katia{ padding: 80px 0 80px 0; background-image: url('../imgs/herramientas-banner-academia.png'), url('../imgs/ovillo_layout_academia_detall.png'), url('../imgs/bg-banner-academia.png'); background-position: right bottom, left bottom, center center; background-repeat: no-repeat, no-repeat, repeat; } .cont-promo-academia-katia h2{ font-size: 2.5em; margin-bottom: 20px; } .cont-promo-academia-katia .description-promo{ font-size: 1.3em; margin: 0 0 25px 0; } .cont-promo-newsletter{ overflow: hidden; padding: 90px 0 90px 0; background: #f6f4f1; border-top: solid 5px #f6f4f1; } .cont-promo-newsletter .img-title{ position: relative; left: 50%; -webkit-transform: translateX(-75%); -ms-transform: translateX(-75%); -o-transform: translateX(-75%); transform: translateX(-75%); max-width:800px; } .cont-promo-newsletter h3{ margin: 40px 0 40px 0; } .cont-promo-newsletter input, .cont-promo-newsletter button{ float: left; } .cont-promo-newsletter input[type="text"] { width: 70%; height: 42px; border-radius: 0; margin-right: 8px; float: left; } .cont-promo-newsletter button{ width: 30%; border-radius: 0px 4px 4px 0px; } /*ZONA PAIS*/ .block-shorthand-login.bg-white HR { display: none !important; } .block-shorthand-login.bg-white.text-center { padding: 8px 8px 1px 8px; border-radius: 6px; } /*END ZONA PAIS*/ /*ACADEMIA KATIA*/ .banner-academia-katia{ padding: 242px 0 35px 0; background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.95)) 70% 30% / cover, url(../imgs/banner-katia-academy-2.jpg) no-repeat; position: relative; background-size: cover; } .banner-academia-katia h1, .banner-academia-katia p{ position: relative; z-index: 10; color: #321E1F; } .banner-academia-katia p{ font-size: 1.3em; } .banner-academia-katia .image-banner{ position: absolute; z-index: 1; } .banner-academia-katia .image-banner.image-herramientas{ bottom: 0; right: 0; display:none; } .banner-academia-katia .image-banner.image-ovillo{ bottom: -30px; left: 0; display: none; } .cont-academia-katia{ padding-top: 50px; } .cont-academia-katia .col-sidebar .list-options{ margin-top: 40px; margin-bottom: 40px; } .cont-academia-katia .col-sidebar .list-options .icon-sidebar-element{ max-width: 35px; float: left; margin-right: 20px; } .cont-academia-katia .col-sidebar .list-options li{ display: block; clear: both; padding: 10px 0; } .cont-academia-katia .col-sidebar .list-options li a:hover{ color: #E30613; } .cont-academia-katia .col-contents-academia .featured-video-cont{ padding: 10px 0 0 0; } .cont-academia-katia .col-contents-academia .featured-video-cont iframe{ width: 100%; } .cont-academia-katia .container-related-content .block-video-related{ padding: 0 0 20px 0; display: block; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .cont-academia-katia .container-related-content .block-video-related img{ margin-bottom: 10px; } .cont-academia-katia .container-related-content .block-video-related .cont-snap{ position: relative; display: block; } .cont-academia-katia .container-related-content .block-video-related .cont-snap:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #201f31; opacity: 0; visibility: hidden; z-index: 100; background-image: url('../imgs/play_hover_video.svg'); background-repeat: no-repeat; background-position: center center; background-size: 20%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .cont-academia-katia .container-related-content .block-video-related:hover .cont-snap:before{ visibility: visible; opacity: .5; } .cont-academia-katia .container-related-content .block-video-related:hover{ text-decoration: none; color: #000; } /* .cont-academia-katia .container-related-content .row-related-videos:hover .block-video-related:not(:hover){ opacity: .7; } .cont-academia-katia .container-related-content .block-video-related:hover{ -webkit-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06); } */ .pagination-katia>li>a{ color: #949494; } .pagination-katia>li:last-child>a, .pagination-katia>li:last-child>span{ border-radius: 0px; } .pagination-katia>li:first-child>a, .pagination-katia>li:first-child>span{ border-radius: 0px; } .pagination-katia>li>a:focus, .pagination-katia>li>a:hover, .pagination-katia>li>span:focus, .pagination-katia>li>span:hover{ color: #000; } /*DETAIL MODEL*/ .cont-detail{ padding-bottom: 20px; } .cont-detail .claim-envio-gratis{ font-size: 1.3em; margin: 0px; padding: 15px 0; margin: 15px 0; } .cont-detail .img-model{ margin-bottom: 20px; } .cont-detail .model-title{ margin: 0 0 15px 0; font-size: 1.9em; } .cont-detail .cont-select-tallas .label-tallas{ display: inline-block; margin-top: 5px; margin-right: 10px; } .cont-detail .cont-select-tallas .label-guia-tallas{ display: block; margin-top: 5px; } .cont-detail .cont-select-tallas .label-guia-tallas a{ color: #000; text-decoration: underline; display: block; overflow: hidden; } .cont-detail .cont-select-tallas .label-guia-tallas a i{ font-size: 1.5em; float: right; margin-left: 5px; } .cont-detail .cont-select-tallas ul.list-tallas li a{ display: block; border: solid 1px #a7a7a7; width: auto; height: 22px; text-align: center; line-height: 20px; color: #979797; padding-left: 8px; padding-right: 8px; border-radius: 0px; } .cont-detail .cont-select-tallas ul.list-tallas li a.selected{ background-color: #979797; color: #FFF; text-decoration: none; } .cont-detail .cont-select-tallas ul.list-tallas li a:hover, .cont-detail .cont-select-tallas ul.list-tallas li a:focus{ background-color: #dadada; color: #FFF; text-decoration: none; } .btn-remove-unit { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; text-align: center; } .btn-add-unit { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; text-align: center; } .desmarcatalla{ background-color: #fff; } .marcatalla{ background-color: #979797; color: #FFF !important; } .btnmodelo .btn.btn-box.box-pink.btn-buy-all.afegircarritopdf { width: 100% !important; margin-bottom: 10px !important; margin-top: 0px !important; margin-left: 0px !important; letter-spacing: 1.4px; } .divcuponmodelo .botoncupon .btn.btn-box { width: 100% !important; margin-bottom: 0px !important; margin-top: 0px !important; text-transform: uppercase; letter-spacing: 1.8px; margin-left: 0px !important; } .divcuponmodelo h4 { width: 100%; float: left; line-height: 5px; margin-bottom: 16px; } .divcuponmodelo #popcupon{ width: 75%; float: left; } .botoncupon .btn.btn-box { width: 100%; margin-bottom: 0px !important; margin-top: 0px !important; } .divcuponmodelo #popcupon #cupon { width: 100%; letter-spacing: 1.8px; padding: 2px 5px 2px 5px; } .cont-detail .cont-resum-items{ /* overflow-y: scroll; height: 450px; */ } .cont-resum-items .item-quantity .offer { color: #E30613 !important; width: 30%; float: left !important; text-align: left; font-size: 18px !important; line-height: 20px; } .cont-resum-items .item-quantity .discount { text-decoration: line-through; color: #a7a7a7; width: 15%; float: left; font-size: 14px; line-height: 20px; text-align: left; } .cont-detail .cont-resum-items .item-cont{ border-bottom: solid 1px #aaaaaa; padding: 20px 0 20px 0; } .cont-detail .cont-resum-items .item-cont .item-img-cont{ width: 25%; padding: 0 15px 0 15px; } .cont-detail .cont-resum-items .item-cont .item-quantity{ width: 70%; margin-bottom: 0px; } .cont-detail .cont-resum-items .item-cont .cont-pretty-check{ display: block; margin: 0 0 10px 0; } .cont-detail .cont-resum-items .item-cont .item-quantity .product-name{ font-size: 1.3em; /*display: inline-block;*/ /*margin-left: 15px;*/ font-weight: 700; cursor: pointer; } .cont-detail .cont-resum-items .item-cont .item-quantity .cont-price-by-count{ } .cont-detail .cont-resum-items .item-cont .item-quantity .calculated-price{ width: 50%; font-weight: 700; font-size: 1.3em; } .cont-detail .cont-resum-items .item-cont .item-quantity .cont-button-units{ width: 50%; } .cont-detail .cont-resum-items .item-cont .item-quantity .btn.btn-buy{ min-width: 100%; border-color: #afafaf; font-weight: 700; } .cont-detail .total-amount-items-cont{ border-top: solid 1px #ccc; padding: 20px 0 20px 0; position: relative; } .cont-detail .cont-resum-items .total-amount-items-cont .col-amount{ width: 30%; } .cont-detail .cont-resum-items .row { margin-right: 0px !important; margin-left: 10px !important; } .cont-detail .cont-resum-items .row .row { margin-right: 0px !important; margin-left: 0px !important; } .cont-detail .cont-resum-items .total-amount-items-cont .col-actions{ width: 70%; } .cont-resum-detail .afegircarritomodelo{ margin-right: 16px; } .cont-detail .cont-resum-items .total-amount-items-cont .col-actions .btn-buy-all{ padding-right: 40px; background-image: url('../imgs/bag-icon.svg'); background-repeat: no-repeat; background-position: 95% 50%; background-size: 25px !important; padding-left: 10%; } .cont-detail .cont-resum-items .total-amount-items-cont .col-actions .box-pink.btn-buy-all:hover, .cont-detail .cont-resum-items .total-amount-items-cont .col-actions .box-pink.btn-buy-all:focus{ background-color: #ff6b6e; color: #FFF; } /* .cont-detail .col-md-6, .cont-detail .col-lg-7{ position: static !important; } */ .price-cont { text-align: center; margin-left: 0em; } .lana-wrapper .lana-content .price-cont { margin-bottom: 20px; margin-top: 5px; width: 100%; float: left; height: 16px; } #prod-cart { top: 3px; float: left; margin-left: 0em; } #prod-cart img { width: 100%; } #prod-cart img:hover { width: 115%; } .btnnews .news3{ border-top-right-radius: 6px; width: 33%; border-bottom-right-radius: 6px; padding-top: 10px; padding-bottom: 10px; } /*TABS INFO MODEL*/ .container-tabs-info{ padding-left: 0px !important; padding-right: 0px !important; } .container-tabs-info ul.tabs-info{ border-bottom: solid 1px #aaaaaa; margin-bottom: 30px; } .container-tabs-info ul.tabs-info li{ width: 25%; margin: 0; padding: 0; display: block; float: left; position: relative; } .container-tabs-info ul.tabs-info.tabs-5 li{ width: 20%; } .container-tabs-info ul.tabs-info li:after{ content: ''; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 50%; width: 1px; background-color: #aaaaaa; z-index: 3; } .container-tabs-info ul.tabs-info li:last-child:after{ display: none; } .container-tabs-info ul.tabs-info li.active:before{ content: ''; position: absolute; left: 10%; bottom: -2px; width: 80%; height: 3px; background-color: #e0261c; box-shadow: 0 0 0 25px #f6f4f1; z-index: 1; } .container-tabs-info ul.tabs-info li a{ color: #ccc; display: block; padding: 30px 0 30px 0; position: relative; z-index: 2; } .container-tabs-info ul.tabs-info li a:hover, .container-tabs-info ul.tabs-info li a:focus{ text-decoration: none; } .container-tabs-info ul.tabs-info li.active a{ color: #000; font-weight: 700; } .container-tabs-info ul.tabs-info li a .icon-tab{ display: block; margin-bottom: 10px; border-radius: 0px; border: 1px solid rgba(0, 0, 0, 0.35); width: 55px !important; padding: 8px !important; height: 55px !important; background: white; } .container-tabs-info .tab-content{ padding: 10px 0 30px 0; } /* .container-tabs-info .tab-content #info .col-md-4 { border: 1px dotted #a7a7a7; padding: 16px; background: white; border-radius: 4px; } */ @media screen and (min-device-width:300px) and (max-device-width: 812px) { .adjust-row .container .row .col-md-12.text-center img { width: 50px !important; float: left; } .adjust-row .container .row .col-md-12.text-center { display: flex; } .adjust-row .container .row .col-md-6 p img { width: 100% !important; } .adjust-row .container .row .col-md-12.text-center span { margin-left: 2px !important; margin-right: 0px !important; width: 100%; } .breadcrumb-compra .col-md-6.col-sm-12.col-xs-12 { padding-right: 0 !important; padding-left: 0 !important; } .breadcrumb-compra .col-md-6.col-sm-12.col-xs-12 .pull-right { float: unset !important; } .container.cont-breadcrumb .custom-breadcrumb.pull-left { width: 100%; } .breadcrumb-compra .col-md-6.col-sm-12.col-xs-12 .pull-right .btn-box { margin-left: 0px !important; } .container .row .col-md-12 .pull-right { /*float: unset !important;*/ } .adjust-row .row .col-md-6 span { margin-left: 12px !important; margin-right: 12px !important; display: block !important; } .cont-proceso-compra .container .col-md-12 h3 { padding: 20px 10px 20px 10px !important; margin-left: 4px !important; margin-right: 4px !important; margin-bottom: 20px !important; } .cont-breadcrumb.breadcrumb-compra { margin-left: 0px !important; } .proceso-compra-points-cont .container { padding-right: 0px !important; padding-left: 0px !important; margin-right: auto; margin-left: auto; } .cont-gracias-end-compra .wrapper-thanks #customButton { margin-bottom: 12px !important; } .adjust-row .pull-right { float: unset !important; } .adjust-est .container { padding-right: 4px !important; padding-left: 4px !important; margin-right: auto; margin-left: auto; } .adjust-est .row { margin-right: 0px !important; margin-left: 0px !important; } .adjust-est .row .col-md-6 { padding-right: 0px !important; padding-left: 0px !important; } .adjust-est .row .col-md-12 { padding-right: 0px !important; padding-left: 0px !important; } .adjust-row .container { padding-right: 4px !important; padding-left: 4px !important; margin-right: auto; margin-left: auto; } .adjust-row .row { margin-right: 0px !important; margin-left: 0px !important; } .adjust-row .row .col-md-6 { padding-right: 0px !important; padding-left: 0px !important; margin-left: 4px; margin-right: 4px; } .adjust-row .row .col-md-12 { padding-right: 4px !important; padding-left: 4px !important; display: grid; } .cont-list-catalog-lanas.clearfix { text-align: center; } .cont-list-catalog-lanas.clearfix H1 { text-align: center !important; } .row { margin-right: 0px !important; margin-left: 0px !important; } .cont-gracias-end-compra .wrapper-thanks #iralpago { margin-bottom: 12px; } .container-tabs-info .tab-content #info .col-md-4 { border: 1px solid #a7a7a7; padding: 12px; background: white; border-radius: 0px; display: flow-root; margin: 0px 0px 10px 0px; } .container-tabs-info .info-cont-right h4{ display: inline-block; line-height: 18px !important; top:0px; margin-top: 0px; padding-top: 0px; } } .container-tabs-info .tab-content .rating-cont{ padding: 0 0 20px 0; border-bottom: solid 1px #aaaaaa; } .container-tabs-info .tab-content .rating-cont .label-rating{ margin-top: 6px; } .container-tabs-info .tab-content .difficult-level-cont{ padding: 20px 0 20px 0; } .container-tabs-info .tab-content .info-cont-right{ border-left: solid 1px #aaaaaa; padding-left: 10px; display: inline-block; } .icon-tab{ width:auto !important; } /*SIMILAR MODELS*/ .container-related-content{ /*padding-bottom: 50px;*/ padding-top: 20px; padding-bottom: 20px; } .container-related-content .intro-related-content{ font-weight: 300; position: relative; z-index: 5; padding: 0; margin: 35px 30px 45px 30px; } .container-related-content .intro-related-content:before, .container-related-content .intro-related-content:after{ content: ''; position: absolute; display: block; left: 0; top: 50%; background-color: #f6f4f1; height: 3px; width: 28%; z-index: -1; } .container-related-content .intro-related-content:after{ left: auto; right: 0; } .container-similar-models .similar-model{ padding: 0 10px 0 10px; } .container-similar-products .similar-model.text-center { padding: 0 30px 0 30px; } .container-similar-models .similar-model .similar-model-description{ margin: 30px 0 30px 0; font-size: 16px; } .container.container-related-content.container-similar-models .similar-model .similar-model-description { margin: 12px 0 12px 0; font-size: 16px; } .container-similar-products .swiper-container-models .similar-model-description { margin: 30px 0 30px 0; font-size: 16px; } .container-similar-models .similar-model .similar-model-description-home{ margin: 30px 0 30px 0; font-size: 1.3em; text-transform: uppercase !important; font-weight: 700; } /*SIMILAR PRODUCT*/ .container-similar-products .similar-product{ } .container-similar-products .similar-model .cont-img-similar-product, .container-similar-products .similar-product .cont-img-similar-product { max-width: 228px; margin: 0 auto; } .container-similar-products .similar-product .cont-img-similar-product{ max-width: 180px; margin: 0 auto; } .container-similar-products .similar-product .similar-product-title{ font-size: 1.3em; margin: 20px 0 30px 0; } /*DETALL PRODUCT*/ .cont-detail-product{ padding-top: 10px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; } .cont-detail-product .color-sample img { border: 1px solid #A7A7A7; border-radius: 80px; margin-bottom: 4px; } .cont-detail-product .cont-detail-product-img{ position: relative; } .cont-detail-product .title-product{ margin: 0 0 4px 0; font-size: 2.2em; } .cont-detail-product .codigolana:before { content: "ref. #"; } .cont-detail-product .codigotela:before { content: "ref. #"; } .cont-detail-product .title-product .state-product{ display: inline-block; padding: 6px 10px; color: #FFF; margin-top: 0px; font-weight: 300; border-radius: 4px; border: 1px solid #a3e361; font-size: 14px; margin-left: 16px; } .color-lana-select{ display: block; font-size: 14px; margin-left: 0px; margin-bottom: 5px; text-align: center; } .cont-detail-product .title-product #estado_stock_A { background-color: #E30613; } .cont-detail-product .title-product #estado_stock_T { background-color: #E30613; } .cont-detail-product .title-product #estado_stock { background-color: #E30613; } .cont-detail-product .title-product #estado_stock_S { background-color: #a3e361; color: #494949; font-weight: bold; } .cont-detail-product .title-product #estado_stock_D { background-color: #a3e361; color: #494949; font-weight: bold; } .cont-detail-product .select-colors-cont{ } .select-colors-cont .colors-cont .descuento-color-lana { border-radius: 150px; width: 30px; height: 30px; position: relative; background-color: #E30613; color: white; font-size: 12px; line-height: 30px; text-align: center; float: right; display: block; z-index: 2; top: 22px; margin-top: -30px; font-weight: bold; } .cont-detail-product .select-colors-cont .top-select-colors{ border-bottom: solid 1px #aaaaaa; padding: 0 0 5px 0; } .cont-detail-product .select-colors-cont .top-select-colors .label-select-color{ font-size: 1.3em; margin: 6px 16px 0 0; } .cont-detail-product .select-colors-cont .top-select-colors .available-colors { color: #E30613; width: 30%; margin-top: 6px; text-indent: 8px; position: initial; float: right; font-weight: normal; text-align: right; } .cont-detail-lana{ padding-top: 10px; padding-bottom: 50px; } .linkcolorido{ border-radius: 0px; border: 1px solid rgba(0, 0, 0, 0.25); padding: 8px 12px; top:10px; line-height: 36px; background: white; text-decoration: none; color: black; font-size: 14px; } .linkcolorido:hover{ margin: 20px 0px; background: #E30613; text-decoration: none; color: white; } @media screen and (min-device-width:300px) and (max-device-width: 412px) { .cont-detail-product .select-colors-cont .top-select-colors .available-colors { color: #E30613; margin-top: 8px; text-indent: 0px; font-weight: normal; float: right; width: 40%; font-size: 12px; } } .cont-detail-product .select-colors-cont .top-select-colors .toggle-btn-all-colors{ color: #FFF; margin-top: 6px; display: inline-block; background-color: #494949; padding: 5px 10px; position: relative; margin-left: 0; cursor: pointer; font-size: .8em; float: left !important; border-bottom-left-radius: 4px; border-top-left-radius: 4px; -webkit-animation: toggling_bg 2s infinite; /* Safari 4+ */ -moz-animation: toggling_bg 2s infinite; /* Fx 5+ */ -o-animation: toggling_bg 2s infinite; /* Opera 12+ */ animation: toggling_bg 2s infinite; /* IE 10+, Fx 29+ */ } @-webkit-keyframes toggling_bg { 0%, 49% { background-color: #494949; } 50%, 100% { background-color: #E30613; } } .cont-detail-product .select-colors-cont .top-select-colors .toggle-btn-all-colors:hover, .cont-detail-product .select-colors-cont .top-select-colors .toggle-btn-all-colors:focus{ text-decoration: none; } .cont-detail-product .select-colors-cont .top-select-colors .toggle-btn-all-colors:before{ content: ''; position: absolute; right: -26px; top: 0; width: 26px; height: 26px; background-color: #f5f5f5; background-image: url('../imgs/caret.svg'); background-repeat: no-repeat; background-position: center center; background-size: 50%; -webkit-transform: translatex(100%) rotateZ(0deg); -ms-transform: translatex(100%) rotateZ(0deg); -o-transform: translatex(100%) rotateZ(0deg); transform: translatex(100%) rotateZ(0deg); border-top-right-radius: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; transform: rotate(-90deg); } .cont-detail-product .select-colors-cont.expanded .top-select-colors .toggle-btn-all-colors:before{ -webkit-transform: translatex(100%) rotateZ(180deg); -ms-transform: translatex(100%) rotateZ(180deg); -o-transform: translatex(100%) rotateZ(180deg); transform: translatex(100%) rotateZ(180deg); right:0; border-top-right-radius: 0px; border-top-left-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 4px; } /*.cont-detail-product .select-colors-cont .top-select-colors .toggle-btn-all-colors:before{ content: ''; position: absolute; top: 0; right: 0; width: 30px; height: 100%; background-color: #f5f5f5; background-image: url('../imgs/caret.svg'); background-repeat: no-repeat; background-position: center center; background-size: 50%; -webkit-transform: translatex(100%) rotateZ(0deg); -ms-transform: translatex(100%) rotateZ(0deg); -o-transform: translatex(100%) rotateZ(0deg); transform: translatex(100%) rotateZ(0deg); border-top-right-radius: 4px; border-bottom-right-radius: 4px; }*/ /*.cont-detail-product .select-colors-cont.expanded .top-select-colors .toggle-btn-all-colors:before{ -webkit-transform: translatex(100%) rotateZ(180deg); -ms-transform: translatex(100%) rotateZ(180deg); -o-transform: translatex(100%) rotateZ(180deg); transform: translatex(100%) rotateZ(180deg); }*/ .cont-detail-product .select-colors-cont .colors-cont{ max-height: 200px; overflow: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding-top: 20px; /*box-shadow: 0 -20px 30px -20px rgba(0,0,0,.1) inset;*/ } .cont-list-options .colorfiltre { border: 1px solid #A7A7A7 !important; border-radius: 30px; } .cont-list-options .colorfiltre.selected { border: solid #E30613 2px !important; } .menufiltre .colorfiltre { border: 1px solid #A7A7A7 !important; border-radius: 30px !important; vertical-align: middle; margin-right: 8px; } .cont-detail-product .select-colors-cont.expanded .colors-cont{ max-height: 10000px; } @media screen and (min-device-width:300px) and (max-device-width: 812px) { .cont-detail-product .select-colors-cont .colors-cont .color-sample { width: 66px !important; min-height: 100px !important; max-height: 205px !important; } .cont-detail-product .select-colors-cont .colors-cont { min-height: 200px !important; } } .cont-detail-product .select-colors-cont .colors-cont{ max-height: 170px; } .cont-detail-product .select-colors-cont .colors-cont .color-sample{ display: inline-block; width: 75px; min-height: 100px; overflow: initial; margin: 2px 7px; border: solid 0px #494949; -webkit-transition: border .2s ease; -o-transition: border .2s ease; transition: border .2s ease; font-size: 12px; line-height: 12px !important; color: #494949; text-align: center !important; border-bottom: 0px solid #dedede; padding-bottom: 0px; } .cont-detail-product .select-colors-cont .colors-cont .color-sample>img:hover{ border: solid 2px #E30613; } .cont-detail-product .quantity-and-price-cont{ padding-top: 30px; } /*CATALOG LANAS*/ .container-catalog-lanas{ padding-top: 30px; padding-bottom: 20px; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 15px; } .container.container-catalog-lanas.container-catalogo-telas{ overflow: hidden; } .container-catalog-lanas .cont-hide-menu{} .container-catalog-lanas .cont-list-options{ margin-bottom: 0px; /*max-height: 1000px;*/ overflow: hidden; margin-left: 8px; } .container-catalog-lanas .cont-list-options.collapsed{ line-height: 24px; max-height: 48px; } #contenedor-agujas .cont-list-options.cont-list-options-new.collapsed { /* max-height: 90px !important; */ } .container-catalog-lanas .cont-list-options.cont-list-options-new.collapsed .toggle-list-options-btn{ display: block; color: #494949; font-size: 16px; font-weight: bold !important; padding: 0; position: relative; } /* Inicio Copia a style.css */ .container-catalog-lanas .cont-list-options.collapsed a { display: block; color: #494949; font-size: 16px; font-weight: 700 !important; position: relative; padding: 8px 0 8px 0 !important; margin-bottom: 6px !important; text-indent: 0px; margin-top: 0px; line-height: 12px; } .container-catalog-lanas .collapsed svg{ transform: rotate(-90deg); color:#000; } .toggle-list-options-btn svg{ transform: rotate(0deg); color:#a7a7a7; } #contenedor-agujas .cont-list-options.cont-list-options-new.collapsed { /* max-height: 90px !important; */ } .container-catalog-lanas .cont-list-options.cont-list-options-new.collapsed .toggle-list-options-btn{ display: block; color: #494949; font-size: 16px; font-weight: 500 !important; position: relative; border-bottom: 1px solid #494949; border-width: 0 0 1px; } .container-catalog-lanas .cont-list-options.cont-list-options-new .toggle-list-options-btn{ display: block; color: #494949; font-size: 16px; font-weight: 500; position: relative; border-bottom: 1px solid #494949; border-width: 0 0 1px; } /* IE10+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #info .info-cont-right .quantity-and-price-cont .col-md-6 .img-responsive { margin-left: auto; margin-right: auto; display: inline-block; width: 75%; float: left; } .btn-heart { width: none; display: inline-table; } .container-catalog-lanas .cont-list-options.cont-list-options-new .toggle-list-options-btn { display: inline-block !important; width: 100% !important; height: 30px !important; position: relative; z-index: 99; cursor: pointer; } } .toggle-list-options-btn { padding: 8px 0 8px 0 !important; margin-bottom: 12px !important; text-indent: 0px; margin-top: 18px; line-height: 12px; } .cont-list-options.cont-list-options-new div label { width: 100%; margin-bottom: 0px; color: #878787; font-weight: lighter; font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; line-height: 24px; cursor: pointer; } .cont-list-options.cont-list-options-new div label:hover { color: #E30613; } .list-unstyled.list-options2 input[type=checkbox]:checked + span { color: #000; font-weight: 500; } .list-unstyled.list-options2 input[type=checkbox]{ background-color: #eee; display: block; position: relative; padding-left: 35px; margin-bottom: 6px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; margin-left: 0px; margin-right: 6px; content: ''; left: 0; top: 1px; height: 15px; width: 15px; border: solid 1px #aaaaaa; background: white; display: none; } .is-fixed { /*position: fixed !important;*/ /*width: 100% !important;*/ background: white; margin-top: 5px !important; padding-top: 10px; } .stickmodelos2 { margin-top: -30px; position: -webkit-sticky; position: sticky; top: 163px; max-height: 98vh; overflow-y: visible; /*background: white;*/ z-index: 99; margin-bottom: 15px; } .stickmodelos3 { margin-top: 3px; position: -webkit-sticky; position: sticky; top: 163px; max-height: 98vh; overflow-y: visible; background: white; z-index: 99; padding-left: 15px; } .stickmodelos4 { margin-top: 3px; position: -webkit-sticky; position: sticky; top: 163px; max-height: 98vh; overflow-y: visible; background: white; z-index: 99; padding-left: 15px; } .cont-list-options.cont-list-options-new div label span:before { content: ''; height: 15px; width: 15px; border: solid 1px #aaaaaa; background-color: white; display: block; float: left; margin-right: 8px; margin-top:4px; } .cont-list-options.cont-list-options-new div label input:checked + span:before { background-color: #E30613; } .list-unstyled.list-options2 input[type=checkbox] { visibility: hidden; &:checked + label { left: 54px; &:after { background: $activeColor; /*activeColor*/ } } } } .toggle-list-options-btn:after { } .toggle-list-options-btn svg{ width: 14px; margin-right: 4px; margin-top: -8px; float: right; display: inline-block; position: absolute; right: 8px; } /* hasta aquí lo que hay que copiar para igualar */ .container-catalog-lanas .cont-list-options .toggle-list-options-btn:hover, .container-catalog-lanas .cont-list-options .toggle-list-options-btn:focus{ text-decoration: none; } .container-catalog-lanas .cont-list-options .toggle-list-options-btn:before{ content: ''; position: absolute; right: 0; top: 5px; width: 30px; height: 30px; z-index: 1; /*background-image: url('../imgs/caret.svg'); background-size: 20px; background-position: center center; background-repeat: no-repeat;*/ opacity: .4; -webkit-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .container-catalog-lanas .cont-list-options.collapsed .toggle-list-options-btn:before{ -webkit-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); } .container-catalog-lanas .cont-list-options ul.list-options{} .container-catalog-lanas .cont-list-options ul.list-options li{} .container-catalog-lanas .cont-list-options ul.list-options li a{ display: block; color: #878787; font-weight: 700; padding: 5px 0 5px 25px; position: relative; } .container-catalog-lanas .cont-list-options ul.list-options li a:hover, .container-catalog-lanas .cont-list-options ul.list-options li a.selected{ text-decoration: none; color: #E30613; } .container-catalog-lanas .cont-list-options ul.list-options li a:before{ content:''; position: absolute; left: 0; top: 7px; height: 15px; width: 15px; border: solid 1px #aaaaaa; } .container-catalog-lanas .cont-list-options ul.list-options li a.selected:before{ background-color: #E30613; } .container-catalog-lanas .cont-list-options ul.list-options2{ margin-left: 16px; } .container-catalog-lanas .cont-list-options ul.list-options2 li{} .container-catalog-lanas .cont-list-options ul.list-options2 li a{ display: block; color: #000000; font-size: 16px; font-weight: 200; padding: 5px 0 5px 0px; position: relative; } .container-catalog-lanas .cont-list-options ul.list-options2 li a:hover, .container-catalog-lanas .cont-list-options ul.list-options2 li a.selected{ text-decoration: none; color: #000000; font-weight: 500; } .container-catalog-lanas .cont-list-options ul.list-options2 li a.unselected{ color: #BCBCBC; } .container-catalog-lanas .claim-envio-gratis{ margin: 0; padding: 15px 0 15px 0; font-size: 1.3em; } .container-catalog-lanas .cont-selected-filters{ padding-top: 8px; padding-bottom: 0px; border-bottom: solid 1px #aaaaaa; margin-bottom: 8px; margin-right: 15px; } .container-catalog-lanas .cont-selected-filters .label-selected-filters{ font-weight: 700; margin-right: 10px; margin-top: 3px; font-size: 1.2em; color: #494949; margin-left: 10px; width: 100%; } .list-inline .filter .close-handle .glyphicon-remove{ position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; right: 8px; margin-left: 6px; margin-right: 6px; } .container-catalog-lanas .cont-selected-filters .filter{ display: block; color: #000; border: solid 1px #a7a7a7; padding: 5px 24px 5px 12px; position: relative; font-size: .8em; border-radius: 2px } .cont-selected-filters .list-inline>li { display: inline-block; padding-right: 4px; padding-left: 0px; margin-bottom: 6px; } .cont-selected-filters .list-inline.pull-left { margin-left: 10px; margin-top: 12px; } .container-catalog-lanas .cont-selected-filters .filter:hover{ text-decoration: none; } .container-catalog-lanas .cont-selected-filters .filter .close-handle{ display: block; position: absolute; top: 0; right: 3px; width: 10px; height: 10px; color: #aaa; } .container-catalog-lanas .cont-selected-filters .filter:hover .close-handle{ color: #000; } .row .filallistats{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-right: 2px; } .btndetall{ bottom: 0px; position: absolute; background: transparent; border-top: 0px dotted #dedede; padding-top: 0px; width: 100%; padding-left: 1.2em; padding-right: 1.2em; display: flex; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .btndetall2{ position: relative; float: left; width: 100%; } .cont-share { position: absolute; width: 100%; background-color: rgba(255, 255, 255, 0.9); top: 0; border-top-right-radius: 6px; border-top-left-radius: 6px; padding-top: 9px; display: none; height: 80px; border-bottom: 1px dotted #a7a7a7; z-index: 5; } .sharetxt { text-align: left; margin-left: 1.4em; color: #a7a7a7; float: left; margin-top: 8px; bottom: 0px; position: relative; left: 10%; line-height: 9px; } .list-inline .cont-social-share-list { bottom: 0; position: absolute; right: 41px; } .cont-social-share-list { position: relative; clear: both; } .cont-social-share-list li { width: 36px; border: 1px dotted #bebebe; color: #777; font-size: 12px; font-weight: bold; border-radius: 6px; background-color: white; box-shadow: 0 1px 4px #d1d1d1, inset 0 0 4px white; padding-right: 2px; padding-left: 2px; } .cont-social-share-list .img-responsive { -webkit-filter: brightness(1.2); filter: brightness(1.2); } .close-social { top: 0px; position: absolute; width: 30px; height: 30px; color: #a7a7a7; border: 1px dotted #a7a7a7; border-radius: 4px; margin: 4px; text-align: center; right: 0px; font-weight: 700; font-size: 16px; cursor: pointer; vertical-align: middle; padding-top: 3px; } .share-btn{ cursor: pointer; } .sharing { position: absolute; width: 32px; float right:; left: 4px; top: 4px; z-index: 2; } .sharing img { width: 0px; height: 0px; background: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)) 0% 0% / cover; border: 0px dotted #a7a7a7; border-radius: 4px; padding: 0px; } /* cont-promo-newsletter .form-group { margin-bottom: 0px !important; } cont-promo-newsletter .form-group .checknews { margin-bottom: 0px !important; margin-top: 10px !important; } */ .cont-promo-newsletter .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; width: 100%; } /*MI CUENTA*/ .cont-mi-cuenta{ padding-top: 10px; } .cont-mi-cuenta .cont-title-mi-cuenta{ padding: 0px 0 10px 0; border-bottom: solid 1px #ccc; margin-top: 40px !important; position: relative; background: transparent; } .cont-mi-cuenta .col-content-mi-cuenta .cont_area_cell { border: 1px solid #a7a7a7; border-radius: 0px; } .col-content-mi-cuenta .cont_area_cell img { margin-right: 12px !important; } .cont-mi-cuenta .col-content-mi-cuenta .cont_area_cell a { color: #494949; } .cont-mi-cuenta .cont-title-mi-cuenta h1{ margin: 0; } .cont-mi-cuenta .col-menu-mi-cuenta .icon-mi-cuenta{ display: none; margin: 0 auto; padding: 30px 30px 30px 30px; border-radius: 150px; max-width: 130px; } .cont-mi-cuenta .col-content-mi-cuenta{ width: 75%; } .micuenta_boton_enviado{ color: #FFF; /*background-color: #000;*/ text-align: center; cursor: pointer; border: solid 1px #E30613; background-color: #E30613; } .micuenta_boton_enviado:hover, .micuenta_boton_enviado:focus { color: #FFF; border: solid 1px #E30613; background-color: #E30613; } /*PROCESO COMPRA*/ .proceso-compra-points-cont { margin-top: 10px; overflow: hidden; position: relative; padding: 20px 0px 20px 0px; /* border: solid 1px red; */ } .proceso-compra-points-cont:before{ content:''; width: 100%; height: 3px; background-color: #ccc; opacity: .3; position: absolute; left: 0; bottom: 27px; } .proceso-compra-points-cont .point{ width: 33.3333333%; float: left; position: relative; } .proceso-compra-points-cont .point .label-point{ display: inline-block; padding: 0 0 30px 0; position: relative; color: #a0a0a0; } .proceso-compra-points-cont .point.active .label-point{ color: #000; font-weight: 900; } .proceso-compra-points-cont .point .label-point:before{ content: ''; width: 20px; height: 20px; background-color: #a6a6a6; position: absolute; left: 50%; margin-left: -10px; bottom: -2px; border-radius: 50px; border: solid 3px #fff; } .proceso-compra-points-cont .point.active .label-point:before{ background-color: #77c300; } /* COOKIE CONSENT */ @media screen and (min-device-width:300px) and (max-device-width: 992px){ #cookieConsent p { line-height: 18px !important; margin: 0px 0 4px !important; width: 100% !important; padding-left: 2px !important; padding-right: 12px !important; float: left !important; padding-bottom: 12px !important; padding-top: 12px !important; text-align: justify !important; } } @media screen and (min-device-width:993px) and (max-device-width: 1200px){ #cookieConsent p { line-height: 18px !important; margin: 0px 0 4px !important; width: 78% !important; padding-left: 2px !important; padding-right: 16px !important; float: left !important; text-align: justify !important; } } #cookieConsent { background-color: #fff; min-height: 70px; font-size: 12px; color: #494949; line-height: 26px; padding: 16px 0 16px 30px; position: fixed; bottom: 0; left: 0; right: 0; display: none; z-index: 9999; border-top: 1px solid #dedede; padding-left: 5%; padding-right: 5%; } #cookieConsent a { border: 1px solid #8b8b8b; padding: 0px; /* display: block; */ display: inline-block; border-radius: 0px; text-align: center; font-size: 14px; vertical-align: -webkit-baseline-middle; float: right; cursor: help; padding-left: 16px; padding-right: 16px; height: 30px; margin-right: 8px; } } #cookieConsent a:hover { border: 1px solid ##E30613; display: inline-block; border-radius: 0px; text-align: center; font-size: 14px; vertical-align: -webkit-baseline-middle; float: left; cursor: pointer; padding-left: 16px; padding-right: 16px; background: #E30613; color: white; text-decoration: none; cursor: help; } #closeCookieConsent { border: 1px solid #8b8b8b; padding: 0px; /* display: block; */ display: inline-block; border-radius: 0px; text-align: center; font-size: 14px; vertical-align: -webkit-baseline-middle; width: 30px; height: 30px; float: right; cursor: pointer; } #cookieConsent p { line-height: 18px !important; margin: 0px 0 4px !important; width: 80%; padding-left: 2px; padding-right: 16px; float: left; } #cookieConsent #strong { margin-bottom: 10px !important; } #closeCookieConsent:hover { cursor: pointer; text-decoration: none; background: #E30613; color: white; border: dotted 1px #E30613; } #cookieConsent .cookieConsentOK { border: 1px solid #8b8b8b; padding: 0px; /* display: block; */ display: inline-block; border-radius: 0px; text-align: center; font-size: 14px; vertical-align: -webkit-baseline-middle; height: 30px; float: right; padding-left: 8px; padding-right: 8px; cursor: pointer; } #cookieConsent .cookieConsentOK:hover { border: 1px solid #E30613; padding: 0px; /* display: block; */ display: inline-block; border-radius: 0px; text-align: center; font-size: 14px; vertical-align: -webkit-baseline-middle; height: 30px; float: right; padding-left: 8px; padding-right: 8px; background: #E30613; color: white; cursor: pointer; text-decoration: none; } /* End of Cookie Consent */ .cont-gracias-end-compra .wrapper-thanks{ margin-top: 20px; border: solid 1px #dedede; padding: 50px 35px 50px 35px; border-radius: 4px; margin-bottom: 30px; color: #494949; background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.9)), url(https://www.filkatia.com/imgs/wrapper-thanks-banner.jpg) no-repeat; } .cont-gracias-end-compra .wrapper-thanks h1{ margin-bottom: 25px; } .cont-gracias-end-compra .wrapper-thanks p{ margin-bottom: 25px; } /*TIENDAS KATIA*/ .form-tiendas{ border: 1px solid #979797; border-radius: 4px !important; background-color: #FFFCF5; } #floating-panel { position: inherit; width: 100%; z-index: 5; padding: 0; margin-bottom: 6px; } #tiendas-katia-mapa { margin-right: 0px; margin-left: 0px; padding-left: 30px; padding-right: 30px; } #tiendas-katia-mapa .col-lg-12{ padding-left: 0px; padding-right: 0px; } .info-tiendas{ background-color: #8AD3F0; padding: 11px; color:#fff; font-size: 16px; } .tiendas-listado{ padding: 11px; font-size: 16px; line-height: 24px; } #llistat-tendes li{ list-style:none; display: flex } #llistat-tendes div { border-radius: 0px; border: solid 1px #dedede; padding: 8px; margin-left: 4px; } #llistat-tendes .t1{width: 20%; } #llistat-tendes .t2{width: 40%; } #llistat-tendes .t3{width: 40%; margin-right: 4px; } #llistat-tendes .t5.guardaclickmapa { border-radius: 0px; border: solid 1px #dedede; content: url(../imgs/Navigate.svg); padding-right: 12px; padding-left: 12px; vertical-align: middle; clear: both; padding-top: 1.4em; } .btn-tiendas{ background-color: #434343; color: #FFF; padding: 6px; border: solid 1px #434343; } /*FOOTER*/ footer { border-top: solid 5px #f6f4f1; margin-top: 0px; background: white; background: linear-gradient(#fff, #f6f4f1); } .footer .container-footer-top{ padding-top: 40px; padding-bottom: 40px; padding-left: 5%; } .footer .social-list-footer .label-social-list{ font-weight: 700; display: block; padding: 0 0 10px 0; } .footer .social-list-footer{ max-width: 120px; margin: 0 auto; } .footer .footer-link img{ width: 30px; height: 30px; } .footer .footer-link{ color: #545454; } .footer .footer-link b { font-weight: 700; padding-top: 12px; display: grid; } .footer .footer-link:hover{ color: #E30613; text-decoration: none; } .footer .container-footer-bottom{ padding-top: 40px; padding-bottom: 40px; } .footer .container-footer-bottom .logo-footer{ max-width: 100px; } /* ERROR */ .container-error{ padding-top: 160px; } /* 5 Columnes */ .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-15 { width: 20%; float: left; } @media (min-width: 767px) { .col-sm-15 { width: 20%; float: left; } } @media (max-width: 1024px) { .cont-detail-product .col-md-4 { margin-bottom: 20px !important; } } @media (min-width: 992px) { .item-accesorio-mod button { margin-top: 10px !important; } .item-accesorio-mod { padding: 10px 0 10px 0 !important; border-bottom: 0px !important; } .item-accesorio-mod .item-img-cont { width: 40% !important; padding: 0 1px 0 1px !important; } .item-accesorio-mod .item-quantity { width: 60% !important; margin-bottom: 0px; } .item-accesorio-mod .pretty { min-height: 70px; } .llistatrelacionats .modelorel-content .similar-model-description{ margin: 0 0 8px; text-transform: uppercase; margin-top: 12px; } .cont-detail-product .quantity-and-price-cont .col-md-6 { display: inline-table; padding-left: 0px; width: 410px; float:right; } .cont-detail-product .quantity-and-price-cont .row { display: flex; margin-left: 0px !important; padding-left: 0px !important; height: 70px; } .quantity-and-price-cont .col-sm-6 { padding-right: 0px !important; padding-left: 0px !important; margin-right: 6px; } .proceso-compra-points-cont{ margin-top: 10px; overflow: hidden; position: relative; padding: 20px 90px 20px 30px; /*border: solid 1px red;*/ } .container-related-content.container-similar-models .row .col-lg-4 { width: 23% !important; /*width: 22.555%;*/ margin-left: 16px; margin-top: 16px; text-align: left; display: inline-block; height: auto; position: relative; vertical-align: top; float: unset; } .container-similar-models .similar-model { padding: 0 6px 0 6px; } #floating-panel .row { margin-left: 0px; margin-right: 0px; } .col-md-15 { width: 20%; float: left; } } @media (min-width: 1199px) { .col-lg-15 { width: 20%; float: left; } } /* Checkbox prods */ hr.hrfiltros { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0px !important; margin-bottom: 0px !important; color: white; border-top: none !important; height: 0px; display: none !important; } @media (min-width: 601px) and (max-width:991px){ .lana-wrapper { width: 46.93333%; border: 1px solid rgba(0,0,0,.075); border-radius: 0px; margin-left: 14px; margin-top: 14px; text-align: left; display: inline-flex; height: auto; position: relative; } .modelorel-wrapper{ width: 46.93333%; margin-left: 14px; margin-top: 14px; text-align: left; display: inline-flex; height: auto; position: relative; } } @media (min-width: 992px) and (max-width:1170px){ .lana-wrapper { width: 30.333%; } .modelorel-wrapper{ width: 22%; } } @media (min-width: 1366px) { .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu2 ul.left-main-list li a { font-size: 16px; } #contenedor-wishlist .contenedorwishlist .lana-wrapper { width: 18.45%; float: left; height: 100%; } #contenedor-wishlist .contenedorwishlist .lana-wrapper .lana-content .name-lana { min-height: 48px; } #contenedor-search .contenedorsearch .lana-wrapper { width: 18.45%; height: 100%; float: left; min-height: 440px; } .filtroproductos .col-lg-3 { width: 20% !important; } } @media (min-width: 992px) { #contenedor-top .info-cont-right .col-md-3 { width: 50%; } #buscafiltro .row { margin-right: 0; margin-left: 0; } .clearfix .col-actions.text-right { margin-left: 30px ; margin-right: 30px; display: block; position: relative; right: 0px; text-align: right; width: 70%; } #contenedor-wishlist .clearfix .col-actions.text-right { margin-left: auto; margin-right: auto; display: block; position: relative; right: 0px; width: 92%; text-align: center; margin-bottom: 20px; } #contenedor-wishlist .clearfix .col-actions.text-right .btn-buy-all { width: 100%; margin-right: auto; margin-left: auto; background-image: none; display: block; position: absolute; } .clearfix .col-actions.text-right .btn-buy-all{ width: auto; padding-left: 10%; padding-right: 10% !important; margin-right: 16px; background-image: url(../imgs/bag-icon.svg); background-repeat: no-repeat; background-position: 95% 50%; background-size: 10%; padding-left: 10%; } .catalog-wishlist h1{ margin-left: 0px; margin-right: 0px; display: block; position: relative; width: 100%; text-align: center; } .catalog-wishlist .results-filt{ margin-left: 0px; margin-right: 0px; display: block; position: relative; width: 100%; } .cont-menu-list nav { /* bottom: 1px; */ display: block; /* position: absolute; */ } .cont-list-catalog-lanas.clearfix { padding-left: inherit; padding-right: inherit; height: 90%; } /* Chrome 29+ */ @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { .cont-list-catalog-lanas.clearfix { height: 100% !important; } } .cont-promo-newsletter .form-group { width: 100%; } .animate { /*-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); overflow: hidden; transition: all 0.5s !important;*/ } .animateOff { /*-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); overflow: hidden; transition: all 0.5s !important;*/ } .cont-proceso-compra .container { padding-left: 15px; padding-right: 15px; width: 100%; } .cont-breadcrumb.breadcrumb-compra .row { /* width: 100%; */ padding-right: 15px; padding-left: 0px; margin-left: 0px; } /* #contenedor-top .container .row { width: 100%; } */ .table-responsive { overflow-x: initial; margin-left: -45px; margin-right: 15px; } .table-responsive .table.table-katia { margin-left: 30px; margin-right: 15px; } .cont-proceso-compra .table-responsive { margin-left: -60px; margin-right: 0px; } .cont-proceso-compra .col-md-12 .col-md-4.col-md-offset-8{ margin-right: -30px } .col-md-12 .row .col-md-4.col-md-offset-8 { margin-right: -30px; margin-left: 0px; float: right; width: 35.33%; } #contenedor-academy .col-md-3 { width: 30% !important; margin-left: 0px; } #contenedor-academy .lana-wrapper { height: initial; } #contenedor-academy .cont-list-catalog-lanas.clearfix table a img { width: 100%; height: auto; } #contenedor-lanas .col-md-3 { width: 20%; margin-left: 0px; padding-left: 10px; padding-right: 20px; } #contenedor-agujas .col-md-3 { width: 20%; margin-left: 0px; } #contenedor-lanas .col-md-9 { width: 80%; margin-right: 0px; height: fit-content; height: -moz-fit-content; } #contenedor-top .quantity-and-price-cont .col-md-3 { width: 45%; margin-left: 0px; } .cont-mi-cuenta .col-md-3.col-menu-mi-cuenta { width: 15% !important; margin-left: 30px !important; margin-top: 20px; } .cont-mi-cuenta .col-md-3.col-menu-mi-cuenta.col-menu-mi-cuenta-ap { width: 20% !important; margin-left: 30px !important; margin-top: 20px; } #contenedor-top .col-md-9 { width: 80%; margin-right: 0px; height: fit-content; height: -moz-fit-content; min-height: 350px; padding-left: 0px; padding-right: 0px; margin-top: 20px; } #contenedor-modelos .col-md-3 { width: 20% !important; margin-left: 0px; padding-left: 10px; padding-right: 20px; } #contenedor-modelos .col-md-9 { width: 80%; margin-right: 0px; height: fit-content; height: -moz-fit-content; padding-left: 0px; padding-right: 0px; } #fpago .col-md-4.col-md-offset-8 { margin-right: 30px; float: right; } #contenedor-lanas .col-md-9 { width: 80%; margin-right: 0px; height: fit-content; height: -moz-fit-content; padding-left: 0px; padding-right: 0px; } #contenedor-academy .col-md-9 { width: 70% !important; margin-right: 0px; } .col-md-3.col-menu-mi-cuenta { width: 20%; margin-left: 30px; } .cont-mi-cuenta.col-content-mi-cuenta { width: 80%; margin-right: 30px; } } .filt-linea2 > ul { border: 1px solid #ddd; border-width: 0 0 2px; border-color: #494949; } .filt-temp > ul { border: 1px solid #ddd; border-width: 0 0 2px; border-color: #494949; } .filt-tipo > ul { border: 1px solid #ddd; border-width: 0 0 2px; border-color: #494949; } .filt-ovillo > ul { border: 1px solid #ddd; border-width: 0 0 2px; border-color: #494949;} .filt-linea > ul { border: 1px solid #ddd; border-width: 0 0 2px; border-color: #494949; } .pretty { white-space: normal; line-height: 1.3; } .pretty .state label:after, .pretty .state label:before{ top: 0px; } /*MEDIA QUERIES*/ @media screen and (max-width: 1199px){ /* .cont-detail .cont-resum-items .total-amount-items-cont .col-actions .btn-buy-all{ background-image: none; padding: 10px 20px; } */ .menu-cont .menu-cont-bottom .cont-links .list-menu-top > li{ font-size: 12px; } .menu-cont-bottom-sub .cont-menu-list-sub li{ padding: 12px 12px 12px 12px; } } @media (min-width: 992px) { #namenews { margin-right: 8px; } #emailnews { margin-right: 8px; } .cont-promo-newsletter input[type="text"] { width: 70%; height: 42px; border-radius: 0; margin-right: 8px; float: left; } .home-cols{ display: flex; } } .cont-promo-lanas { background-color: transparent; } #modalrevista .modal-header { border-bottom: 1px dotted #dedede; } @media screen and (min-device-width:413px) and (max-device-width: 992px){ #modalrevista .modal-content-revista { height: 100% !important; } #modalrevista .modal-revista-katia{ margin: 0 !important; width: 100% !important; height: 100% !important; } #modalrevista .magazine-viewport { margin-top: -10px !important; margin-left: -15px !important; } #menu-scroll-down .item-badge { width: 35px !important; } #menu-scroll-down .kt-badge-menu2 { left: 16px !important; } #menu-scroll-down .list-menu-top { margin-right: 32px; text-align: right; } #menu-scroll-down .menu-logo-down { width: 125px !important; } #menu-scroll-down .cont-links { width: 50% !important; } #menu-scroll-down .list-menu-top{ width: 65% !important; } .kt-badge-menu2 { left: 44px !important; } .btndetall .item-badge .afegirwishlist img { width: auto !important; } } .menu-cont-bottom .cont-links .filter-nav { border: 1px solid #494949; font-weight: bold; } #modalrevista .magazine-viewport .next-button, #modalrevista .magazine-viewport .previous-button { width: 20%; z-index: 999; } @media screen and (min-device-width:300px) and (max-device-width: 812px){ #modalrevista .magazine-viewport .magazine { /*position: absolute !important; width: 454px !important; height: 289px !important; right: 0 !important; left: -240px !important; top: -127px !important;*/ } #modalrevista .magazine-viewport .next-button, #modalrevista .magazine-viewport .previous-button { max-height: 100%; } #modalrevista .modal-header span { z-index: 999999; } #modalrevista .modal-header .close { z-index: 9999; } #modalrevista .modal-header { padding: 0px 3px; position: absolute; float: right; width: 100%; } #modalrevista .modal-header .close { margin-top: 0px; margin-right: 2px; position: absolute; right: 0px; width: 35px; height: 35px; border: 1px dotted #a7a7a7; margin: 6px; border-radius: 4px; } } @media screen and (max-width: 412px){ #modalrevista .magazine-viewport .next-button, #modalrevista .magazine-viewport .previous-button { width: 35%; z-index: 999; max-height: 255px; } #modalrevista .modal-header { z-index: 999; } #modalrevista .modal-header .close { z-index: 9999; } #modalrevista .modal-header span { z-index: 999999; } #modalrevista .modal-body { z-index: 5; } #modalrevista #canvas { z-index: 4; padding-top: 2%; } #modalrevista .magazine-viewport { z-index: 0; min-height: 300px !important; } #modalrevista .magazine-viewport .container { z-index: 2; } #modalrevista .magazine-viewport .magazine { z-index: 1; } #modalrevista .modal-header .close { margin-top: -2px; float: right; right: 6px; top: 6px; } #modalrevista .modal-content-revista { height: 95% !important; } #modalrevista .modal-revista-katia { width: 100% !important; } #modalrevista .modal-dialog { margin: 0px !important; } #modalrevista .modal-header span { width: 35px !important; } #modalrevista .modal-header .close { width: 35px !important; } #modalrevista .magazine-viewport { width: 100% !important; margin-left: 0px !important; } #modalrevista .modal-body { padding: 0px !important; } #modalrevista.magazine.animated { position: relative; width: 320px; height: 194px; margin-left: -6px; top: -25%; left: -23%; } #modalrevista.modal-dialog { margin: 0px; padding: 0px !important; } #menu-scroll-down .item-badge { width: 35px !important; } #menu-scroll-down .kt-badge-menu2 { left: 16px !important; } #menu-scroll-down .list-menu-top { margin-right: -16%; } .btndetall .item-badge { width: 0px !important; } .item-badge { width: 54px !important; } .kt-badge-menu2 { left: 26px !important; } .kt-badge-menu3 { left: 26px !important; } } @media screen and (max-width: 992px){ .home-cols{ display: contents; } .cont-promo-lanas .col-promo-lanas-stop img{ padding-top: 16px !important; margin-bottom: 22px !important; } .cont-promo-lanas .col-promo-lanas-concept img{ padding-top: 16px !important; margin-bottom: 22px; } .col-promo .col-promo-lanas-stop { margin-bottom: 20px !important; } body{ padding-top: 53px; } .menu-cont-bottom .cont-links .filter-nav { font-size: 14px; margin-left: 30px; padding: 8px; border-radius: 0px; color: #494949; } .menu-wrapper .menu-cont .menu-cont-bottom{ /*display: none;*/ } .menu-wrapper .menu-cont .container { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; } .menu-wrapper .menu-cont .menu-cont-top.clearfix .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .menu-wrapper .menu-cont .menu-cont-mobile{ display: none; } .menu-cont .menu-cont-top{ padding: 5px 5px 5px 5px; background-color: #fff; } .menu-cont .menu-cont-top .list-menu-top{ /*font-size: 1.3em;*/ } .menu-cont .menu-cont-top .list-menu-top img{ width: 25px; } .menu-cont .menu-cont-top .cont-logo-menu{ padding-top: 17px; } .menu-cont-bottom-sub { border-bottom: 0px; position: relative; max-width: 100%; display: flex; justify-content: space-between; } button.lupa-button { background: none !important; border-radius: 4px; border: none !important; padding: 3px; width: 38px; height: 38px; z-index: 99; position: absolute; right: 9px !important; } .menu-cont-bottom-sub .cont-search{ width: 100%; padding-top: 17px; margin: 0 0px 0 20px; } #menu-scroll-down .cont-links { width: 96% !important; } .menu-cont .menu-cont-bottom .cont-links{ width: 100%; padding-top: 11px; margin: 0 0px 0 0px; font-weight: 100; text-align: left; } .menu-down{ width: 100%; padding-top: 11px; margin: 0 0px 0 0px; font-weight: 100; text-align: left !important; } .menu-cont .menu-cont-bottom .cont-links .list-menu-top > li { width: 15%; } .menu-cont .menu-cont-bottom .cont-links .list-menu-top > li img { width: 30px !important; } .btnmenumobile img{ height: 35px; } .btnmenumobile a.burgrer-btn .icon-close-menu-mobile{ display: none; } .btnmenumobile a.burgrer-btn.active .icon-close-menu-mobile{ display: inline; } .btnmenumobile a.burgrer-btn.active .icon-open-menu-mobile{ display: none; } .txt-menu{ padding: 12px 16px !important; font-size: 16px; } .txt-menu .text-left a { /*display:none !important;*/ } .txt-menu img{ width: 25px; /* display: none !important;*/ } .tornarfiltre img { margin-left: 10px; border-radius: 6px; border: 1px dotted #a7a7a7; background: linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)) 0% 0% / cover; padding: 3px; } .txt-menu .icon-katia-menu-mobile { width: 70px; } .txt-menu .icon-close-menu-mobile{ position: absolute; top: 16px; right: 16px; border-radius: 0px; border: 1px solid rgba(0,0,0,.075); padding: 2px; background: white; } .cont-menu-mob .form-group label { float: left; font-size: 13px; width: 42%; display: block; line-height: 35px; letter-spacing: 0.5px; } .cont-menu-mob .form-group { width: 100% } .cont-menu-mob #idioma_mob { width: 58%; } .cont-menu-mob #paiszona_mob { width: 58%; } .menu-cont .cont-menu-mob .div_language_region { display: block; clear: both; padding: 25px 18px 10px 18px; font-size: 17px; font-weight: 500; -webkit-font-smoothing: antialiased; background-color: #eee; margin-top: 0px !important; border-bottom: solid 1px #ccc; } .menu-cont-mobile .cont-menu-filtro { overflow: overlay; height: -webkit-fill-available; margin-bottom: 50px; padding-bottom: 70px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu{ /*margin-left: 24px;*/ margin-bottom: 0px; background: none !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu>li{ font-size: 16px !important; margin-top: 0px !important; padding-bottom: 0px !important; width: 100% !important; text-align: left !important; text-indent: 15px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu .menusupmake { width: 100%; text-align: center; margin-top: 8px; padding-bottom: 8px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu>li>a{ font-weight: bolder; } .menu-cont-mobile .cont-menu-mob .list-unstyled.nav-menu2 { background: #fefcf6; border-top: 5px solid #4e4e4e !important; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu>li>a> img { margin-right: 6px; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu li.active{ border-bottom: solid 3px #E13D43; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .container-sub-menu ul.group-list{ padding: 0 10px 0 10px; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu{ padding-top: 30px; padding-bottom: 30px; } .cont-promo-lanas .col-promo.col-promo-lanas-concept, .cont-promo-lanas .col-promo{ padding: 40px 50px 30px 50px; min-height: 0px; margin-top: 22px; } .btnnews{ font-size: 12px; padding: 11.5px 10px; } #formnewsk input{ font-size: 12px; } .container-related-content .intro-related-content:before, .container-related-content .intro-related-content:after{ background-color: initial; } } li.filtretriat { text-align: left !important; font-weight: 500 !important; -webkit-font-smoothing: antialiased !important; color: #4e4e4e !important; font-size: 24px !important; text-indent: 24px; } @media screen and (max-width: 767px){ .modal-login-katia .modal-body{ padding: 10px 10px 10px 10px; } .modal-login-katia .modal-footer{ padding: 20px 10px 20px 10px; } .container-tabs-info ul.tabs-info li{ /*float: none; width: auto;*/ } .container-tabs-info ul.tabs-info li a{ padding: 10px 0 10px 0; font-size: 10px; } .container-tabs-info ul.tabs-info li:after{ display: none; } .form-inline .checknews { display: inline-block; margin-bottom: 0; vertical-align: middle; } .menu-wrapper .menu-cont .menu-cont-mobile .nav-menu>li{ font-size: 16px !important; margin-top: 0px !important; padding-bottom: 0px !important; width: 100% !important; text-align: left !important; text-indent: 15px; } .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } /* .menu-cont{ max-height: 350px; overflow-y: scroll; border-bottom: solid 1px #aaaaaa; } .menu-cont .menu-cont-bottom{ display: block; border-bottom: none; } .menu-cont .menu-cont-bottom .cont-logo{ width: auto; max-width: none; max-width: 135px; } .menu-cont .menu-cont-bottom .burgrer-btn{ display: block; } .menu-cont .menu-cont-bottom .cont-menu-list{ display: none; width: auto; border-top: solid 1px #aaaaaa; } .menu-cont .menu-cont-bottom .cont-search{ display: none; width: auto; } .menu-wrapper.movile-menu-opened .menu-cont-bottom .cont-menu-list, .menu-wrapper.movile-menu-opened .menu-cont-bottom .cont-search{ display: block; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu>li{ display: block; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .container-sub-menu{ position: relative; box-shadow: none; border-bottom: solid 1px #aaaaaa; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .container-sub-menu .col-sm-3:nth-child(2){ border-left: none; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .container-sub-menu .col-sm-3:nth-child(3){ border-right: none; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .container-sub-menu ul.left-main-list{ text-align: center; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .container-sub-menu ul.group-list{ text-align: center; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .container-sub-menu ul.left-main-list li a{ padding-left: 0; } .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li.active .menu-top-btn{ background-color: #f2f2f2; } .menu-wrapper.movile-menu-opened .bg-menu-opened{ opacity: 1; visibility: visible; } */ } @media screen and (max-width: 820px){ #contenedor-modelos { margin-bottom: 32px; } } @media screen and (max-width: 715px){ .divcuponmodelo h4 { width: 100% !important; line-height: 5px; margin-bottom: 14px !important; } .divcuponmodelo #popcupon { width: 100%; float: left; } .divcuponmodelo .botoncupon .btn.btn-box { width: 100% !important; margin-bottom: 0px !important; margin-top: 0px !important; text-transform: uppercase; letter-spacing: 1.8px; margin-left: 0px !important; } .divcuponmodelo #popcupon p { margin-left: 0px !important; } .revistas-wrapper{ width:90%; } } @media screen and (max-width: 812px){ .stickmodelos2 { height: 73px; border-bottom: solid 1px #aaaaaa; margin-top: -4px !important; background: white; } .stickmodelos2.is-fixed { margin-top: 15px !important; width: 100% !important; } .container-banner .caption { /*display: none !important;*/ } } .menu-cont.shop-ap{ background-color:#ececec; } .menu-cont-top.clearfix.shop-ap{ background-color:transparent !important; } @media screen and (min-width: 601px) and (max-device-width: 1279px){ #contenedor-top .zoomContainer { display:none; } .menu-cont.shop-ap{ background-color:#ececec; } .menu-cont-top.clearfix.shop-ap{ background-color:transparent !important; } .lana-wrapper.shop-ap{ width: 30.444%; } .container-similar-models.shop-ap{ padding-top: 20px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px; } .col-lg-4.col-md-4.col-sm-6.col-xs-12.shop-ap { margin-left: 0px; width: 50% !important; padding-left: 0px; padding-right: 0px; } .btn-box.box-black.pendientes_shop_ap{ margin-top: 0px; margin-left: 0px; padding-left: 10px; padding-right: 10px; font-size: 14px; } #contenedor-shop-ap { padding-right: 0px; padding-top: 100px; } .btn.btn-box.box-pink.btn-buy-all.addallwishlist-ap{ font-size: 14px; margin-right: 0px !important; margin-left: 0px !important; padding-left: 15px !important; padding-right: 15px !important; } .row.addwishlist-ap{ margin-top: 15px !important; padding-left: 0px !important; padding-right: 0px !important; width: min-content !important; } .checkovillos-shop-ap{ display: inherit; padding-top: 10px; padding-left: 5px; } .modal-dialog-shop-ap { width: 90%; } .color-sample.pull-left.colorsllana.constocklana.item-shop-ap{ min-height: 125px !important; } .color-sample.pull-left.sinstocklana.colorsllana2.item-shop-ap{ min-height: 125px !important; } } @media screen and (min-width: 1900px){ .menu-cont.shop-ap{ background-color:#ececec; } .menu-cont-top.clearfix.shop-ap{ background-color:transparent !important; } .lana-wrapper.shop-ap{ width: 19%; } .container-similar-models.shop-ap{ padding-top: 20px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px; } .col-lg-4.col-md-4.col-sm-6.col-xs-12.shop-ap { margin-left: 0px; width: 24.888% !important; padding-left: 0px; padding-right: 0px; } .btn-box.box-black.pendientes_shop_ap{ margin-top: 0px; margin-left: 0px; padding-left: 0px; padding-right: 0px; font-size: 14px; } #contenedor-shop-ap { padding-right: 0px; } .modal-dialog-shop-ap { width: 70%; } .color-sample.pull-left.colorsllana.constocklana.item-shop-ap{ min-height: 125px !important; } .color-sample.pull-left.sinstocklana.colorsllana2.item-shop-ap{ min-height: 125px !important; } } @media screen and (min-width: 1280px) and (max-width: 1899px){ .menu-cont.shop-ap{ background-color:#ececec; } .menu-cont-top.clearfix.shop-ap{ background-color:transparent !important; } .lana-wrapper.shop-ap{ width: 23.444%; } .container-similar-models.shop-ap{ padding-top: 20px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px; } .col-lg-4.col-md-4.col-sm-6.col-xs-12.shop-ap { margin-left: 0px; width: 24.8% !important; padding-left: 0px; padding-right: 0px; } .btn-box.box-black.pendientes_shop_ap{ margin-top: 0px; margin-left: 0px; padding-left: 0px; padding-right: 0px; font-size: 14px; } #contenedor-shop-ap { padding-right: 0px; } .btn.btn-box.box-pink.btn-buy-all.addallwishlist-ap{ font-size: 12px; margin-right: 0px !important; margin-left: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } .modal-dialog-shop-ap { width: 80%; } .color-sample.pull-left.colorsllana.constocklana.item-shop-ap{ min-height: 125px !important; } .color-sample.pull-left.sinstocklana.colorsllana2.item-shop-ap{ min-height: 125px !important; } } @media screen and (max-width: 600px){ .menu-cont.shop-ap{ background-color:#ececec; } .menu-cont-top.clearfix.shop-ap{ background-color:transparent !important; } .lana-wrapper.shop-ap{ width: 100%; } .container-similar-models.shop-ap{ padding-top: 20px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px; } .col-lg-4.col-md-4.col-sm-6.col-xs-12.shop-ap { margin-left: 0px; width: 100% !important; padding-left: 0px; padding-right: 0px; } .btn-box.box-black.pendientes_shop_ap{ margin-top: 0px; margin-left: 0px; padding-left: 0px; padding-right: 0px; font-size: 12px; } #contenedor-shop-ap { padding-right: 0px; padding-top: 100px; } .col-md-7.stick-element.shop-ap{ padding-left: 5px; padding-right: 5px; } .btn.btn-box.box-pink.btn-buy-all.addallwishlist-ap{ font-size: 12px; margin-right: 0px !important; margin-left: 0px !important; padding-left: 10px !important; padding-right: 10px !important; } .row.addwishlist-ap{ margin-top: 20px !important; padding-left: 0px !important; padding-right: 0px !important; width: min-content !important; } .checkovillos-shop-ap{ display: inherit; padding-top: 10px; padding-left: 5px; } .color-sample.pull-left.colorsllana.constocklana.item-shop-ap{ min-height: 125px !important; } .color-sample.pull-left.sinstocklana.colorsllana2.item-shop-ap{ min-height: 125px !important; } } @media screen and (max-width: 600px){ /*Caption Slider*/ /*.slider_0 .caption .slider_0 { left: 3% !important; } .slider_0{ background: linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,1) ); padding: 20px; border-radius:6px; } .slider_1 .caption .slider_1 { left: 3% !important; } .slider_1{ background: linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,1) ); padding: 20px; border-radius:6px; } .slider_2 .caption .slider_2 { left: 3% !important; } .slider_2{ background: linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,1) ); padding: 20px; border-radius:6px; } .slider_3 .caption .slider_3 { left: 3% !important; } .slider_3{ background: linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,1) ); padding: 20px; border-radius:6px; } .slider_4{ bottom:0px !important; top: auto !important; } .slider_4 .caption .slider_4 {left: 3% !important;right: auto;} .slider_4{ /*background: linear-gradient(rgba(255,255,255,0.45), rgba(255,255,255,1) ); padding: 20px; border-radius:6px; } .slider-home h2{ font-size: 1em; }*/ /*Icon Badge*/ .kt-badge-menu3 { top: -4px; } .nav-menu.menusup .kt-badge-menu3{ top: -4px; } /*CATALOG LANAS*/ .lana-wrapper{ width: 100%; } .lana-wrapper .lana-content{ width: 100%; } .revistas-wrapper{ width:90%; } .row .filallistats{ display: inherit; } .news1{ width: 40% !important; } .news2{ width: 60% !important; } #emailnews { width: 57% !important; } #namenews { margin-right: 8px; width: 40%; } .news3 { width: 100% !important; border-radius: 4px 4px 4px 4px !important; margin-top: 8px; } .cont-promo-newsletter input[type="text"] { height: 42px; border-radius: 0; float: left; width: auto; margin-right: inherit; } .img-responsive.center-block { margin: auto !important; width: 100%; } .container-banner .caption h1 { margin: 0; font-size: 1.4em; } .container-banner .caption h2 { margin: 0 0 8px 0; font-size: 1.4em; } .container-banner .caption { /* padding: 12px !important; min-width: 165px !important; max-width: 286px; max-height: 120px; display: none; */ } .btn-box.box-unfilled { /* margin-top: 16px;*/ } .caption{ /*bottom: -5% !important; top: 72% !important;*/ } .container-banner .caption .info-caption { margin: 0 0 12px 0; font-size: 0.95em; display: none; } } @media screen and (max-width: 1600px){ .container.cont-detail { padding-bottom: 0px ; margin-bottom: 0px !important; } } .container.cont-detail { padding-bottom: 0px !important; margin-bottom: 0px !important; padding-left: 0px; padding-right: 0px; } @media screen and (min-width: 1600px){ .menu-cont .menu-cont-bottom .cont-menu-list ul.menu li .menu-top-btn { padding: 18px 10px 22px 10px !important; } } @media screen and (max-width: 360px){ .menu-cont .menu-cont-bottom .cont-links .list-menu-top > li { width: 15%; margin-left: auto; margin-right: auto; } } @media screen and (max-width: 463px){ .menu-cont .menu-cont-bottom .cont-links .list-menu-top > li { font-size: 10px; line-height: 9px; } .footer{ font-size:12px; padding: 8px; } } @media screen and (max-width: 321px){ .container { padding-right: 0px; padding-left: 0px; } #formnewsk input{ font-size: 12px; padding: 6px; } } #modal-newsletter .newsletter-conditions{ color: white !important; } #modal-newsletter .form-newsletter h2{ color: white !important; font-size: 50px; font-weight: lighter; } #modal-newsletter { width: 100%; height: 100%; position: fixed; z-index: 999999999; background: rgba(0, 0, 0, 0.75); display: -webkit-box; top: 0px !important; } #modal-newsletter .modal-newsletter-inner { width: 794px; height: 500px; left: 50% !important; top: 50%; transform: translate(-50%, -50%); position: absolute; } #modal-newsletter .newsletter-wrapper { background: url(https://www.katia.com/imgs/subscription_popup-bg6.jpg); width: 787px; height: 468px; background-position: center; background-size: cover; padding: 20% 12%; margin-top: 9px; } #modal-newsletter .form-newsletter-fields.col-md-12 { padding-right: 0px !important; padding-left: 0px !important; } #modal-newsletter .newsletter-close-modal { float: right; background: black; z-index: 999999999999999999; width: 42px; height: 42px; color: white; border-radius: 45px; text-align: center; vertical-align: -webkit-baseline-middle; border: 2px solid white; font-size: 19px; font-family: inherit; font-weight: 900; line-height: 37px; cursor: pointer; } #modal-newsletter .form-control { height: 40px; padding: 6px 7px; font-size: 11px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; width: 95%; float: left; } #modal-newsletter #emailnews { float: right !important; margin-right: 0 !important; } #modal-newsletter .box-subs { text-transform: uppercase; border-radius: 0px; width: 100%; padding-top: 10px; padding-bottom: 10px; color: #fff; font-size: 21px; border: none; background: #4c4c4c; background: -moz-linear-gradient(top, #4c4c4c 0%, #383838 38%, #2c2c2c 47%, #2c2c2c 58%, #131313 100%); background: -webkit-linear-gradient(top, #4c4c4c 0%,#383838 38%,#2c2c2c 47%,#2c2c2c 58%,#131313 100%); background: linear-gradient(to bottom, #2c2c2c 15%,#000 85%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); margin-top: 14px; letter-spacing: 8px; } #modal-newsletter .box-subs:hover { border-radius: 0px; width: 100%; padding-top: 10px; padding-bottom: 10px; color: #fff; font-size: 21px; border: none; background: #4c4c4c; background: -moz-linear-gradient(top, #4c4c4c 0%, #383838 38%, #2c2c2c 47%, #2c2c2c 58%, #131313 100%); background: -webkit-linear-gradient(top, #4c4c4c 0%,#383838 38%,#2c2c2c 47%,#2c2c2c 58%,#131313 100%); background: linear-gradient(to bottom, #000 15%,#2c2c2c 85%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); margin-top: 14px; letter-spacing: 8px; } #modal-newsletter .form-newsletter .row { margin-right: 0px !important; margin-left: 0px !important; } #modal-newsletter .form-newsletter .row .col-md-6{ padding-right: 0px !important; padding-left: 0px !important; margin-bottom: 12px; } #modal-newsletter .form-newsletter label { display: inline-block; max-width: 94%; margin-bottom: 5px; font-weight: 400; color: #fff !important; } #modal-newsletter .form-newsletter label>a { color: #fff !important; } #modal-newsletter .form-newsletter #newsletter-coniditions{ display: inline-block; margin-right: 5px; width: 18px; height: 18px; vertical-align: top; margin-top: 2px; } #modal-newsletter .form-group.checknews { margin-bottom: 0px; } @media screen and (min-device-width: 1024px) { #modal-newsletter .form-control { font-size: 16px; } } @media screen and (min-device-width: 768px) and (max-device-width: 1023px) { .linkcolorido { font-size: 14px !important; width: 100% !important; display: block !important; text-align: center !important; } } @media screen and (min-device-width: 1024px) and (max-device-width: 1280px) { .linkcolorido { font-size: 12px !important; } } @media screen and (min-device-width: 767px) and (max-device-width: 1024px) { #contenedor-revistas .revistas-wrapper .lana-content .price-cont { height: 25px; } #contenedor-revistas .gif-revista { /* width: 35px !important; */ width: 55px; height: 55px; float: right; position: relative; right: 16px; top: 6px; } #modal-newsletter .newsletter-wrapper { background: url(https://www.katia.com/imgs/subscription_popup-bg6.jpg); width: 700px !important; height: 417px !important; background-position: center; background-size: contain; padding: 1% 7%; margin-top: 0px; } #modal-newsletter .modal-newsletter-inner { width: 700px !important; height: 430px !important; left: 50% !important; top: 50%; transform: translate(-50%, -50%); position: absolute; } #modal-newsletter .form-newsletter { bottom: 60px !important; position: absolute; width: 600px !important; } #modal-newsletter .form-newsletter h2 { color: white !important; font-size: 50px !important; } #modal-newsletter .form-control { height: 40px !important; font-size: 16px; } #modal-newsletter .box-subs { letter-spacing: 8px !important; font-size: 30px !important; } #modal-newsletter .form-group.checknews { margin-bottom: 12px !important; } } @media screen and (min-device-width:561px) and (max-device-width: 812px) { #modal-newsletter .newsletter-wrapper { background: url(https://www.katia.com/imgs/subscription_popup-bg6.jpg); width: 500px; height: 298px; background-position: center; background-size: contain; padding: 1% 7%; margin-top: 0px; } #modal-newsletter #namenews { width: 95% !important; } #modal-newsletter #emailnews { width: 95% !important; float: right; right: 0px !important; } #modal-newsletter .form-newsletter { bottom: 30px; position: absolute; width: 430px; } #modal-newsletter .form-newsletter h2 { color: white !important; font-size: 35px; } #modal-newsletter .form-newsletter .row .col-md-6 { padding-right: 0px !important; padding-left: 0px !important; width: 50% !important; float: left; display: block; margin-bottom: 14px; } #modal-newsletter .newsletter-close-modal { float: right; background: black; z-index: 999999999999999999; width: 32px; height: 32px; color: white; border-radius: 45px; text-align: center; vertical-align: -webkit-baseline-middle; border: 2px solid white; font-size: 16px; font-family: inherit; font-weight: 900; line-height: 28px; margin-top: -7px; margin-right: -7px; } #modal-newsletter .modal-newsletter-inner { width: 500px; height: 298px; left: 50% !important; top: 50%; transform: translate(-50%, -50%); position: absolute; } #modal-newsletter .box-subs { margin-top: 0px; letter-spacing: 8px; border-radius: 0px !important; } #modal-newsletter .box-subs:hover { background: #4c4c4c; background: -moz-linear-gradient(top, #4c4c4c 0%, #383838 38%, #2c2c2c 47%, #2c2c2c 58%, #131313 100%); background: -webkit-linear-gradient(top, #4c4c4c 0%,#383838 38%,#2c2c2c 47%,#2c2c2c 58%,#131313 100%); background: linear-gradient(to bottom, #000 15%,#2c2c2c 85%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); margin-top: 0px; letter-spacing: 8px; border-radius: 0px !important; } } @media screen and (min-device-width:640px) and (max-device-width: 812px) { .btn-box.box-unfilled { font-size: 30px; } .container-banner .caption.vertical-computer-bottomhorizontal-computer-lefthorizontal-mobile-center { margin: 45% 25% !important; width: 55% !important; } } @media screen and (min-device-width:640px) and (max-device-width: 811px) { .btndetall.gratis .btn { font-size: 10px !important; } .cont-detail-product .col-md-4 { /*width: 60% !important; */ } #midesmetres { padding-left: 2px !important; padding-right: 2px !important; } #midescentimetres { padding-left: 2px !important; padding-right: 2px !important; } } @media screen and (min-device-width:300px) and (max-device-width: 640px) { .btnmodelo .btn.btn-box.box-pink.btn-buy-all.afegircarritopdf { letter-spacing: 0.4px !important; font-size: 12px !important; } .cont-detail-product .title-product .state-product { width: 100%; margin-top: 8px !important; text-align: center; margin-left: 0px !important; } .container.cont-detail-product .btn.btn-box.box-pink.btn-verrevista { width: 100%; margin-bottom: 8px; } .btn-box.box-unfilled { font-size: 24px; padding: 12px 16px; } .container-banner .caption.vertical-computer-bottomhorizontal-computer-lefthorizontal-mobile-center { margin: 44% 15% !important; width: 70% !important; } .cont-promo-newsletter .form-inline .form-group.checknews label { max-width: 92%; } .container .pull-right .btn-box { background-image: none; font-size: 13px; padding-left: 2px !important; padding-right: 2px !important; letter-spacing: -0.3px; } } @media screen and (min-device-width:300px) and (max-device-width: 767px) { .btndetall { padding-left: 0.45em; padding-right: 0.45em; } .btndetall.gratis { padding-left: 0.35em !important; padding-right: 0.35em !important; } .btndetall.gratis .btndetall2 { width: 100% !important; } .btndetall.gratis .btn { padding: 6px 4px !important; font-size: 13px; } .cont-proceso-compra .col-md-6 img { width: 100% !important; } .quantity-and-price-cont .col-md-5 { /* width: 100%; display: inline-flex; text-align: center; margin-left: auto; margin-right: auto; position: relative; padding-left: 0px; padding-right: 0px;*/ display: inherit; padding-left: 0px; } .quantity-and-price-cont .col-sm-6 { padding-right: 0px !important; padding-left: 0px !important; margin-right: 6px; } .quantity-and-price-cont .col-md-4 { width: 80% !important; margin-left: auto; margin-right: auto; } .quantity-and-price-cont .col-md-5 .afegircarrito { /* height: fit-content !important; */ } .menu-cont .menu-cont-bottom { margin-left: 0 !important; margin-right: 0 !important; } .llistatrelacionats .modelorel-wrapper { display: contents !important; } .cont-promo-lanas .col-promo.col-promo-lanas-concept, .cont-promo-lanas .col-promo { padding: 30px !important; } .cont-promo-lanas .col-promo { margin: 15px !important; } #llistat-tendes li { display: block; font-size: 13px; } #llistat-tendes .t1 { width: 100%; margin-bottom: 4px; } #llistat-tendes .t2 { width: 100%; margin-bottom: 4px; } #llistat-tendes .t3 { width: 100%; margin-right: 4px; } #llistat-tendes .t5.guardaclickmapa { padding-top: inherit !important; width: 100%; height: 35px; margin-top: 4px; } #llistat-tendes li:after { padding-right: 12px; padding-left: 12px; padding-top: 12px; display: block; margin-top: 4px; margin-left: 4px; text-align: center; } .info-tiendas { font-size: 16px; margin-left: 15px; margin-right: 15px; } .container-tiendas-k .col-lg-12 hr { margin-left: 15px; margin-right: 15px; } } @media screen and (min-device-width:300px) and (max-device-width: 560px) { .cont-detail .cont-resum-items .item-cont .item-img-cont { width: 35% !important; } .cont-detail .cont-resum-items .item-cont .item-img-cont { width: 40% !important; padding: 0 15px 0 15px; } .cont-detail .cont-resum-items .item-cont .item-quantity { width: 60% !important; margin-bottom: 0px; } #modal-newsletter .form-newsletter h2 { font-size: 35px; } #modal-newsletter { display: block; padding: auto; margin: 0; width: 100%; height: 100%; position: fixed; } #modal-newsletter .newsletter-close-modal { float: right; background: black; z-index: 999999999999999999; width: 32px; height: 32px; color: white; border-radius: 44px; text-align: center; border: 2px solid white; font-size: 17px; font-family: inherit; font-weight: 900; line-height: 29px; margin-right: -3px; margin-top: 7px; } #modal-newsletter .modal-newsletter-inner { width: 300px !important; height: 450px !important; margin: 0; padding: 0; position: absolute; display: block; margin: 0 auto !important; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #modal-newsletter .newsletter-wrapper { background: url(https://www.katia.com/imgs/subscription_popup-bg6-mov.jpg); width: 300px !important; height: 450px !important; background-position: center; background-size: ; padding: 7% 14%; margin-top: 9px; } #modal-newsletter .form-newsletter-fields { display: inline-block; } #modal-newsletter .form-newsletter { bottom: 30px; position: absolute; width: 218px; } #modal-newsletter .form-newsletter .row .col-md-6 { padding-right: 0px !important; padding-left: 0px !important; width: 100% !important; float: left; display: inline-flex; margin-bottom: 14px; } #modal-newsletter .box-subs { border-radius: 0px; width: 100% !important; padding-top: 18px; padding-bottom: 18px; color: #fff; font-size: 16px; border: none; background: #4c4c4c; background: -moz-linear-gradient(top, #4c4c4c 0%, #383838 38%, #2c2c2c 47%, #2c2c2c 58%, #131313 100%); background: -webkit-linear-gradient(top, #4c4c4c 0%,#383838 38%,#2c2c2c 47%,#2c2c2c 58%,#131313 100%); background: linear-gradient(to bottom, #2c2c2c 15%,#000 85%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); margin-top: 14px; letter-spacing: 2px; border-radius: 0px !important; } #modal-newsletter .box-subs:hover { border-radius: 0px !important; width: 100%; padding-top: 18px; padding-bottom: 18px; color: #fff; font-size: 18px; border: none; background: #4c4c4c; background: -moz-linear-gradient(top, #4c4c4c 0%, #383838 38%, #2c2c2c 47%, #2c2c2c 58%, #131313 100%); background: -webkit-linear-gradient(top, #4c4c4c 0%,#383838 38%,#2c2c2c 47%,#2c2c2c 58%,#131313 100%); background: linear-gradient(to bottom, #000 15%,#2c2c2c 85%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); margin-top: 14px; letter-spacing: 5px; } #modal-newsletter .form-newsletter-fields .form-group.checknews { margin-top: 6px; display: inline-flex; } #modal-newsletter .form-newsletter #newsletter-coniditions { display: inline-block; margin-right: 5px; width: 32px; height: 32px; float: left; top: 0 !important; margin-top: -4px; } #modal-newsletter .form-newsletter label { float: left; } #modal-newsletter .form-control { width: 100% !important; margin-right: 0 !important; font-size: 11px; padding: 6px 8px; } } /* Inicio css modal pais */ #modalpais .modal-dialog.modal-pais-katia { position: fixed; top: 15%; left: 30%; margin: auto; } #modalpais { overflow-x: hidden; overflow-y: auto; background: url(https://www.katia.com/imgs/background-select3.jpg); background-size: cover !important; padding-right: 0px !important; } @media screen and (min-device-width: 1025px) and (max-device-width: 1679px){ #modalpais { overflow-x: hidden; overflow-y: auto; background: url(https://www.katia.com/imgs/background-select-1025-1750.jpg) !important; background-size: cover !important; } } @media screen and (min-device-width: 570px) and (max-device-width: 1024px){ #modalpais { overflow-x: hidden; overflow-y: auto; background: url(https://www.katia.com/imgs/background-select-570-1024.jpg) !important; background-size: cover !important; background-position-x: 15% !important; } } @media screen and (min-device-width: 300px) and (max-device-width: 569px){ #modalpais { overflow-x: hidden; overflow-y: auto; background: url(https://www.katia.com/imgs/background-select3-mov.jpg) !important; background-size: cover; background-position-x: 50% !important; padding: 2% !important; background-origin: border-box; } } .modal-pais-katia .modal-content { position: relative; background-color: rgba(0,0,0, .25); -webkit-background-clip: padding-box; background-clip: padding-box; border: none !important; outline: 0; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 4px; } .modal-pais-katia .modal-body { position: relative; padding: 50px; width: 600px; } .modal-pais-katia .modal-body h3 { font-weight: 700; color: white; float: left; } .modal-pais-katia .modal-body .form-group { color: white; } .modal-pais-katia .logo-splash { margin-bottom: 40px; } .modal-pais-katia .logo-splash img { width: 158px; text-align: center; margin: auto; } @media screen and (min-device-width:300px) and (max-device-width: 560px) { .lana-wrapper { float: unset; margin-left: auto; margin-right: auto; } #modalpais .modal-dialog.modal-pais-katia { position: fixed; top: 4%; left: 5%; right: 5%; margin: auto; } .modal-pais-katia .logo-splash img { width: 80px; text-align: center; margin: auto; } .modal-pais-katia .modal-body { padding: 5% !important; width: 100%; } .modal-pais-katia .logo-splash { margin-bottom: 12px; } } @media screen and (min-device-width:1366px) { #cookieConsent { background-color: #f5f0ec; min-height: auto; font-size: 12px; color: #494949; line-height: 26px; padding: 16px 12px 16px 12px !important; position: relative; z-index: 9999; border-top: 1px dotted #dedede; position: fixed; top: 62% !important; left: auto; margin-top: 0 !important; margin-left: 30%; margin-right: 30%; width: 600px !important; height: 140px !important; border-radius: 4px !important; right: auto; } #cookieConsent p { line-height: 18px !important; margin: 0px 0 4px !important; width: 91% !important; padding-left: 2px !important; padding-right: 16px !important; float: left !important; } } @media screen and (min-device-width:561px) and (max-device-width: 812px) { #modalpais { overflow-x: hidden; overflow-y: auto; padding: 3%; } #modalpais .modal-dialog.modal-pais-katia { position: fixed; top: 3%; left: 3%; margin: auto; right: 3%; bottom: 3%; } .modal-pais-katia .modal-body { position: relative; padding: 7%; padding-bottom: 2%; padding-top: 2%; } .modal-pais-katia .logo-splash { margin-bottom: 20px; } } @media screen and (min-device-width:768px) and (max-device-width: 1280px) { .container .pull-right .btn-box { background-size: 25px !important; margin-bottom: 20px !important; } .cont-detail-product .quantity-and-price-cont .row { display: inline-flex; margin-left: 0px !important; padding-left: 0px !important; height: 70px; vertical-align: text-bottom; } .btndetall { padding-left: 0.35em !important; padding-right: 0.35em !important; } #contenedor-lanas .codigolana-listado { margin-left: 0em !important; margin: 0px 0px 0px 0px !important; } } @media screen and (min-device-width:768px) and (max-device-width: 1024px) { .swiper-container-models-2 .similar-model { padding: 0 8px !important; } .info-tiendas { font-size: 16px; margin-left: 15px; margin-right: 15px; } .container-tiendas-k .col-lg-12 hr { margin-left: 15px; margin-right: 15px; } #cookieConsent { padding-left: 3% !important; padding-right: 3% !important; } #modalpais .modal-dialog.modal-pais-katia { position: fixed; top: 15%; left: 10%; margin: auto; right: 10%; bottom: 25%; } } /* Final css modal pais */ /* SHOP AP */ /* .search_shop_ap { width: 40%; padding-top: 8px; padding-bottom: 2px; margin: 0 30px 0 30px; } .search_shop_ap .inputsearchap { display: block; width: 100%; background-size: 20px; background-repeat: no-repeat; background-position: center right 5px; padding: 0 40px 0 30px; height: 38px; border: 1px solid #bdc3c7 !important; border-radius: 0px !important; background-color: #fff !important; margin-bottom: 5px; float: left; } */ .titol-shop-ap{ position: absolute;left: 50%; transform: translate(-50%, -50%); top:10px; } button.lupa-button-ap { background: none !important; border-radius: 4px; border: none !important; padding: 3px; width: 38px; height: 38px; z-index: 99; position: absolute; /*left: 320px;*/ } .item-badge.cart_shop_ap { width: 70px; } .cont-menu-list-ap{ width: 62% !important; } @media screen and (max-width: 992px){ .menu-cont-bottom-sub .shop-ap { width: 100% !important; margin-left: 2px !important; } .menu-cont-bottom-sub .shop-ap .btn-large{ min-width: 150px; } .titol-shop-ap{ position: relative; text-align: center; font-size: 16px; /* left: 70%; */ /* top: 90px; */ margin: 0px; } } .btncantidad{ padding: 5px 4px 6px 4px; border: solid 1px #a7a7a7; max-width:100px; font-size: 11px; margin-left: 25%; margin-top: 2px; } @media screen and (max-width: 640px){ .btncantidad{ font-size: 10px; margin-left: 0%; } } @media (max-width: 650px){ .popup-landing{ width: 90% !important; } } @media (min-width: 651px) and (max-width: 1079px){ .popup-landing{ width: 90% !important; } } @media (min-width: 1080px) and (max-width: 1599px){ .popup-landing{ width: 70% !important; } } @media (min-width: 1600px){ .popup-landing{ width: 50% !important; } } .menushopap{ background-color: #f3b7b7 !important; } .menu.list-inline.menushopap{ background-color: #f3b7b7 !important; } .search-form.inputsearchap.ui-autocomplete-input.inputbuscadorshopap{ background-color: #f3b7b7 !important; } .container-fluid{ padding-left: 10px !important; padding-right: 10px !important; } .portes_gratis_cart{ border: 1px solid #ddd; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; color: #ff4b4f; text-align: justify; } @media screen and (max-width: 1368px) { .portes_gratis_cart{ font-size: 12px; } } .container-catalog-lanas .cont-list-options.cont-list-options-new .toggle-list-options-btn.toggle-list-options-btn2{ border-bottom: 0px; margin-top: 2px; margin-bottom: 2px !important; } .list-unstyled2{ padding-left: 10px !important; }