/***************** Icons ******************/ i[class*="fa-"], span[class*="fa-"] { display:inline-block; font-size:16px; width:32px; height:32px; line-height:32px; top:-2px; word-spacing:1px; position:relative; text-align:center; vertical-align:middle; max-width:100% } .woocommerce li[class*="fa-"].product { height: auto; } .woocommerce.single-product div.product[data-tab-pos] { height: auto; width: auto; display: block; } [class^="icon-"], i[class*=" icon-"]{background-color:#27CFC3; border-radius:999px 999px 999px 999px; -webkit-border-radius:999px 999px 999px 999px; color:#fff; display:inline-block; font-size:16px; height:32px; line-height:32px; max-width:100%; position:relative; text-align:center; vertical-align:middle; width:32px; top:-2px; word-spacing:1px} [class^="icon-"].icon-3x, i[class*=" icon-"].icon-3x{background-color:#eeedec!important} body [class^="icon-"].icon-3x.alt-style, body [class*=" icon-"].icon-3x.alt-style{background-color:#27CFC3!important; color:#fff!important} .col:not(.post-area):not(.col100pc):not(#sidebar):hover i[class^="icon-"].icon-3x.alt-style.hovered, .col:not(.post-area):not(.col100pc):not(#sidebar):hover [class*=" icon-"].icon-3x.alt-style.hovered{background-color:rgba(0,0,0,0.035)!important} .light .col:not(.post-area):not(.col100pc):not(#sidebar):hover i[class^="icon-"].icon-3x.alt-style.hovered, .light .col:not(.post-area):not(.col100pc):not(#sidebar):hover [class*=" icon-"].icon-3x.alt-style.hovered{background-color:rgba(0,0,0,0.1)!important} #sidebar .widget:hover i[class^="icon-"].icon-3x.alt-style{background-color:rgba(0,0,0,0.035)!important} .full-width-section i[class^="icon-"].icon-3x, .full-width-section i[class*=" icon-"].icon-3x{background-color:rgba(0,0,0,0.021)!important} [class^="icon-"].icon-3x, [class*=" icon-"].icon-3x, .circle-border{ background-color:#eeedec; border-radius:999px 999px 999px 999px; -webkit-border-radius:999px 999px 999px 999px; color:#27CFC3; display:inline-block; font-size:30px; height:90px; line-height:90px; max-width:100%; position:relative; text-align:center; vertical-align:middle; width:90px; word-spacing:1px; transition:all 0.1s linear; -webkit-transition:all 0.1s linear; } [class^="icon-"].icon-3x, [class*=" icon-"].icon-3x{margin-bottom:27px} body [class^="icon-"].icon-tiny{line-height:15px!important; height:13px; width:15px; margin-right:5px; font-size:13px!important; color:#888; background-color:transparent!important} body [class^="icon-"].icon-default-style{line-height:34px!important; height:34px; width:34px; margin-right:0px; font-size:34px!important; color:#27CFC3; background-color:transparent!important} body:not(.material) .nectar-button i, body.material:not([data-button-style^="rounded"]) .nectar-button i {background-color:transparent!important} h3 [class^="icon-"], h2 [class^="icon-"], h4 [class^="icon-"], h5 [class^="icon-"]{margin-right:5px} .col:not(.post-area):not(.col100pc):not(#sidebar):hover .hovered .circle-border, #sidebar .widget:hover .circle-border{border:1px solid #27CFC3; transform:scale(1.18); transition-timing-function:cubic-bezier(0.4,0.25,0.14,1.73); -webkit-transition-timing-function:cubic-bezier(0.4,0.25,0.14,1.73); } .col:not(.post-area):not(.col100pc):not(#sidebar):hover [class^="icon-"].icon-3x.hovered, .col:not(.post-area):not(.col100pc):not(#sidebar):hover [class*=" icon-"].icon-3x.hovered, #sidebar .widget:hover [class^="icon-"].icon-3x{color:#fff!important; background-color:#27CFC3} .circle-border{background:none repeat scroll 0 0 transparent; border:1px solid #eeedec; height:88px; left:1px; position:absolute; z-index:1; top:1px; transition-duration:225ms; -webkit-duration:225ms; transition-property:all; -webkit-transition-property:all; transition-timing-function:cubic-bezier(0.5,-0.7,0.67,0.7); -webkit-transition-timing-function:cubic-bezier(0.5,-0.7,0.67,0.7); width:88px} .extra-color-gradient-1 .circle-border, .extra-color-gradient-2 .circle-border{transform:none!important; -webkit-transform:none!important; border:2px solid rgba(0,0,0,0.065)!important} .light .extra-color-gradient-1 .circle-border, .light .extra-color-gradient-2 .circle-border{border:2px solid rgba(255,255,255,0.085)!important} [class^="icon-"].icon-3x.extra-color-gradient-2:not(.alt-style), [class*=" icon-"].icon-3x.extra-color-gradient-2:not(.alt-style), [class^="icon-"].icon-3x.extra-color-gradient-1:not(.alt-style), [class*=" icon-"].icon-3x.extra-color-gradient-1:not(.alt-style){background-color:transparent!important} [class^="icon-"].extra-color-gradient-1.alt-style:not(.icon-normal):before, [class*=" icon-"].extra-color-gradient-1.alt-style:not(.icon-normal):before, [class^="icon-"].extra-color-gradient-2.alt-style:not(.icon-normal):before, [class*=" icon-"].extra-color-gradient-2.alt-style:not(.icon-normal):before{background:#fff; -webkit-background-clip:text; background-clip:text} [class^="icon-"].extra-color-gradient-1.alt-style:not(.icon-normal).no-grad:before, [class*=" icon-"].extra-color-gradient-1.alt-style:not(.icon-normal).no-grad:before, [class^="icon-"].extra-color-gradient-2.alt-style:not(.icon-normal).no-grad:before, [class*=" icon-"].extra-color-gradient-2.alt-style:not(.icon-normal).no-grad:before, [class^="icon-"][data-color="extra-color-gradient-1"].no-grad:before, [class*=" icon-"][data-color="extra-color-gradient-1"].no-grad:before, [class^="icon-"].extra-color-gradient-1:not(.icon-normal).no-grad:before, [class*=" icon-"].extra-color-gradient-1:not(.icon-normal).no-grad:before, [class^="icon-"][data-color="extra-color-gradient-2"].no-grad:before, [class*=" icon-"][data-color="extra-color-gradient-2"].no-grad:before, .extra-color-gradient-2[class^="icon-"]:not(.icon-normal).no-grad:before, .extra-color-gradient-2[class*=" icon-"]:not(.icon-normal).no-grad:before, .nectar-gradient-text.no-grad *, .nectar_icon_wrap[data-color="extra-color-gradient-1"] .nectar_icon.no-grad i, .nectar_icon_wrap[data-color="extra-color-gradient-2"] .nectar_icon.no-grad i{background-color:transparent!important; background:none!important} body .nectar-gradient-text[data-color="extra-color-gradient-1"].no-grad *, body .nectar-gradient-text[data-color="extra-color-gradient-2"].no-grad *, .nectar-button.fondo-transparente-extra-color-gradient-2.no-text-grad .start, .nectar-button.fondo-transparente-extra-color-gradient-1.no-text-grad .start, .nectar-button.extra-color-gradient-1.no-text-grad .hover, .nectar-button.extra-color-gradient-2.no-text-grad .hover, .nectar-flip-box .flip-box-front i[data-color="extra-color-gradient-1"].icon-default-style.no-grad:before, .nectar-flip-box .flip-box-front i[data-color="extra-color-gradient-2"].icon-default-style.no-grad:before, .nectar_icon_wrap[data-color="extra-color-gradient-1"] .nectar_icon.no-grad i, .nectar_icon_wrap[data-color="extra-color-gradient-2"] .nectar_icon.no-grad i{-webkit-text-fill-color:initial} [class^="icon-"].extra-color-gradient-1.icon-3x.alt-style:before, [class*=" icon-"].extra-color-gradient-1.icon-3x.alt-style:before, [class^="icon-"].extra-color-gradient-2.icon-3x.alt-style:before, [class*=" icon-"].extra-color-gradient-2.icon-3x.alt-style:before, body .nectar_icon_wrap[data-color="white"] i, body .svg-icon-holder[data-color="white"]{color:#fff!important} body .nectar_icon_wrap[data-color="black"] i, body .svg-icon-holder[data-color="black"]{color:#000!important} body .nectar_icon_wrap[data-color="grey"] i, body .svg-icon-holder[data-color="grey"]{color:#c8c8c8!important} body .svg-icon-holder[data-color="white"] svg path {stroke:#fff!important} body .svg-icon-holder[data-color="black"] svg path {stroke:#000!important} body .svg-icon-holder[data-color="grey"] svg path {stroke:#c8c8c8!important} .nectar_icon_wrap[data-style="soft-bg"][data-color="black"] .nectar_icon:before { background-color: #888; } .nectar_icon_wrap[data-style="soft-bg"][data-color="grey"] .nectar_icon:before { background-color: #888; } .nectar_icon_wrap[data-color="extra-color-gradient-1"] .nectar_icon i, .nectar_icon_wrap[data-color="extra-color-gradient-2"] .nectar_icon i { display: inline-block; } .full-width-section .circle-border{background-color:rgba(0,0,0,0.021); border-color:rgba(0,0,0,0.05)} .full-width-section .light .circle-border{background-color:rgba(0,0,0,0.021); border-color:rgba(0,0,0,0.2)} .iwithtext{position:relative} .iwithtext .iwt-icon{position:absolute; left:0; top:0px} .iwithtext .iwt-icon img{width:35px; height:auto; padding:0} .unafila .col .iwithtext .iwt-icon img:not([srcset]) { width:35px; } .iwithtext .iwt-text{padding-left:55px} .contenido-cuerpo .vc_span2 .iwithtext .iwt-icon, .contenido-cuerpo .vc_col-sm-2 .iwithtext .iwt-icon{top:-2px} .contenido-cuerpo .vc_span2 .iwithtext .iwt-icon i, .contenido-cuerpo .vc_col-sm-2 .iwithtext .iwt-icon i{font-size:26px!important; line-height:26px!important; width:26px!important; height:26px!important} .contenido-cuerpo .vc_span2 .iwithtext .iwt-icon img, .contenido-cuerpo .vc_col-sm-2 .iwithtext .iwt-icon img{width:26px} .contenido-cuerpo .vc_span2 .iwithtext .iwt-icon img:not([srcset]), .contenido-cuerpo .vc_col-sm-2 .iwithtext .iwt-icon img:not([srcset]) {width:26px} .contenido-cuerpo .vc_span2 .iwithtext .iwt-text, .contenido-cuerpo .vc_col-sm-2 .iwithtext .iwt-text{padding-left:45px} .contenido-cuerpo .svg-icon-holder{height:64px; overflow:hidden; min-width:1px; margin-bottom:20px; display:inline-block; opacity:0} .nectar_icon_wrap{ display:inline-block; position:relative} .nectar_icon_wrap .nectar_icon .svg-icon-holder{margin-bottom:0} .nectar_icon_wrap[data-padding="10px"] .nectar_icon{padding:10px} .nectar_icon_wrap[data-padding="15px"] .nectar_icon{padding:15px} .nectar_icon_wrap[data-padding="20px"] .nectar_icon{padding:20px} .nectar_icon_wrap[data-padding="25px"] .nectar_icon{padding:25px} .nectar_icon_wrap[data-padding="30px"] .nectar_icon{padding:30px} .nectar_icon_wrap[data-padding="35px"] .nectar_icon{padding:35px} .nectar_icon_wrap[data-padding="40px"] .nectar_icon{padding:40px} .nectar_icon_wrap[data-padding="45px"] .nectar_icon{padding:45px} .nectar_icon_wrap[data-padding="50px"] .nectar_icon{padding:50px} .col100pc.light .nectar_icon_wrap[data-style="border-basic"] .nectar_icon, .col100pc.light .nectar_icon_wrap[data-style="border-animation"] .nectar_icon{border-color:rgba(255,255,255,0.15)} .nectar_icon_wrap[data-style="border-basic"] .nectar_icon, .nectar_icon_wrap[data-style="border-animation"] .nectar_icon, .nectar_icon_wrap[data-style="soft-bg"] .nectar_icon {line-height:0; border:2px solid rgba(0,0,0,0.065); text-align: center; border-radius:100px; position:relative; -webkit-transition:background-color .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1); transition:background-color .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1)} .nectar_icon_wrap[data-style="soft-bg"] .nectar_icon { border: 0; } .nectar_icon_wrap[data-style="soft-bg"] .nectar_icon:before { height: 100%; width: 100%; top: 0; left: 0; content: ''; position: absolute; display: block; border-radius:100px; z-index: -1; opacity: 0.11; } .nectar_icon_wrap[data-style*="border"] .nectar_icon i, .nectar_icon_wrap[data-style="soft-bg"] .nectar_icon i { display: inline-block; vertical-align: middle; max-width: none; top: 0; } .nectar_icon_wrap[data-style*="default"][data-color*="extra-color-gradient"] .nectar_icon i { border-radius: 0!important; text-align: center; } .nectar_icon_wrap[data-style*="default"][data-color*="extra-color-gradient"] .nectar_icon i:before { vertical-align: top; } .nectar_icon_wrap i:before { line-height: inherit; } .nectar_icon_wrap[data-style="border-animation"] .nectar_icon i{-webkit-transition:color .45s cubic-bezier(0.25,1,0.33,1); transition:color .45s cubic-bezier(0.25,1,0.33,1)} .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"]:hover .nectar_icon, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"]:hover .nectar_icon{border-color:transparent} .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"]:hover:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"]:hover:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"]:hover .nectar_icon:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"]:hover .nectar_icon:before{opacity:1} .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"]:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"]:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"] .nectar_icon:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"] .nectar_icon:before{position:absolute; z-index:-1; content:' '; display:block; top:0; left:0; width:100%; height:100%; opacity:0; border-radius:100px; -webkit-transition:opacity .45s cubic-bezier(0.25,1,0.33,1); transition:opacity .45s cubic-bezier(0.25,1,0.33,1)} .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"] .nectar_icon:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"] .nectar_icon:before{opacity:1} .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-1"] .nectar_icon:before, .nectar_icon_wrap[data-style="border-animation"][data-color="extra-color-gradient-2"] .nectar_icon:before{background-color:#f6f6f6} .nectar_icon_wrap[data-style="border-animation"] .nectar_icon:not(.no-grad):hover i{color:#fff!important} .nectar_icon_wrap[data-border-thickness="1px"] .nectar_icon{border-width:1px} .nectar_icon_wrap[data-border-thickness="2px"] .nectar_icon{border-width:2px} .nectar_icon_wrap[data-border-thickness="3px"] .nectar_icon{border-width:3px} .nectar_icon_wrap[data-border-thickness="4px"] .nectar_icon{border-width:4px} .nectar_icon_wrap[data-border-thickness="5px"] .nectar_icon{border-width:5px} .nectar_icon_wrap[data-style="border-basic"] .nectar_icon i{text-align:center} .nectar_icon_wrap a{display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1} /***************** Icon List ******************/ .nectar-icon-list{position:relative} .nectar-icon-list:after{display:block; position:absolute; content:' '; z-index:1; width:1px; background-color:rgba(0,0,0,0.1); height:100%; top:15px; left:15px} .nectar-icon-list >div:last-child{margin-bottom:15px} .unafila .nectar-icon-list .nectar-icon-list-item h4{line-height:30px; margin-bottom:4px} .nectar-icon-list-item{position:relative; margin-bottom:80px; padding-left:60px} .nectar-icon-list[data-icon-size="medium"] .nectar-icon-list-item{padding-left:100px} .nectar-icon-list[data-icon-size="medium"][data-icon-style="no-border"] .nectar-icon-list-item{padding-left:80px} .nectar-icon-list[data-icon-size="large"] .nectar-icon-list-item{padding-left:120px} .nectar-icon-list[data-icon-size="large"][data-icon-style="no-border"] .nectar-icon-list-item{padding-left:100px} .nectar-icon-list-item .content{color:rgba(0,0,0,0.5)} .col100pc.light .nectar-icon-list-item .content{color:rgba(255,255,255,0.65)} .col100pc.light .nectar-icon-list:after{background-color:rgba(255,255,255,0.15)} .nectar-icon-list-item .list-icon-holder{border-radius:100px; background-color:#f7f7f7; text-align:center; position:absolute; left:0; top:0; color:rgba(0,0,0,0.5); z-index:10} .nectar-icon-list[data-icon-style="border"] .list-icon-holder{border:2px solid rgba(0,0,0,0.1)} .col100pc.light .nectar-icon-list[data-icon-style="border"] .nectar-icon-list-item .list-icon-holder{border:2px solid rgba(255,255,255,0.3)} .nectar-icon-list[data-icon-style="no-border"] .list-icon-holder{border:none!important; background-color:transparent!important} .nectar-icon-list[data-icon-style="no-border"]:after{display:none} .nectar-icon-list .nectar-icon-list-item .list-icon-holder i:before{line-height:inherit} .nectar-icon-list[data-icon-size="small"] .nectar-icon-list-item .list-icon-holder, .nectar-icon-list[data-icon-size="small"] .nectar-icon-list-item .list-icon-holder span, .nectar-icon-list[data-icon-size="small"] .nectar-icon-list-item .list-icon-holder i{line-height:30px!important; font-size:16px!important; width:30px; height:30px} .nectar-icon-list[data-icon-size="small"] .nectar-icon-list-item .list-icon-holder i{line-height:26px!important} .nectar-icon-list[data-icon-style="no-border"][data-icon-size="small"] .nectar-icon-list-item .list-icon-holder, .nectar-icon-list[data-icon-style="no-border"][data-icon-size="small"] .nectar-icon-list-item .list-icon-holder span, .nectar-icon-list[data-icon-style="no-border"][data-icon-size="small"] .nectar-icon-list-item .list-icon-holder i{line-height:30px!important; font-size:30px!important} .nectar-icon-list[data-icon-size="medium"] .nectar-icon-list-item .list-icon-holder, .nectar-icon-list[data-icon-size="medium"] .nectar-icon-list-item .list-icon-holder span, .nectar-icon-list[data-icon-size="medium"] .nectar-icon-list-item .list-icon-holder i{line-height:60px!important; font-size:26px!important; width:60px; height:60px} .nectar-icon-list[data-icon-size="medium"] .nectar-icon-list-item .list-icon-holder i{line-height:56px!important} .nectar-icon-list[data-icon-style="no-border"][data-icon-size="medium"] .nectar-icon-list-item .list-icon-holder, .nectar-icon-list[data-icon-style="no-border"][data-icon-size="medium"] .nectar-icon-list-item .list-icon-holder i{line-height:45px!important; font-size:45px!important; width:45px; height:45px} .nectar-icon-list[data-icon-size="large"] .nectar-icon-list-item .list-icon-holder, .nectar-icon-list[data-icon-size="large"] .nectar-icon-list-item .list-icon-holder span, .nectar-icon-list[data-icon-size="large"] .nectar-icon-list-item .list-icon-holder i{line-height:80px!important; font-size:36px!important; width:80px; height:80px} .nectar-icon-list[data-icon-size="large"] .nectar-icon-list-item .list-icon-holder i{line-height:76px!important} .nectar-icon-list[data-icon-style="no-border"][data-icon-size="large"] .nectar-icon-list-item .list-icon-holder, .nectar-icon-list[data-icon-style="no-border"][data-icon-size="large"] .nectar-icon-list-item .list-icon-holder span, .nectar-icon-list[data-icon-style="no-border"][data-icon-size="large"] .nectar-icon-list-item .list-icon-holder i{line-height:60px!important; font-size:60px!important; width:60px; height:60px} .nectar-icon-list[data-icon-size="medium"]:after{top:30px; left:30px} .nectar-icon-list[data-icon-size="large"]:after{top:40px; left:40px} body .nectar-icon-list-item .list-icon-holder >span{display:block; letter-spacing:0!important; margin-top:-2px; margin-left:-2px} .nectar-icon-list[data-icon-color="default"] .list-icon-holder{background-color:#f7f7f7} .col100pc.light .nectar-icon-list[data-icon-color="default"] .list-icon-holder{background-color:#222; color:rgba(255,255,255,0.8)} .col100pc.dark .nectar-icon-list[data-icon-color="default"] .list-icon-holder i{color:inherit!important} .col100pc.light .nectar-icon-list[data-icon-color="default"] .list-icon-holder i{color:rgba(255,255,255,0.7)!important} .nectar-icon-list[data-animate="true"] .list-icon-holder{transform:scale(0.3); -webkit-transform:scale(0); -ms-transform:scale(0); opacity:0; -webkit-backface-visibility:hidden} .nectar-icon-list[data-animate="true"] .nectar-icon-list-item.animated .list-icon-holder{transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); opacity:1; transition:transform 0.6s,opacity 0.2s; -webkit-transition:-webkit-transform 0.6s,opacity 0.2s} .nectar-icon-list[data-animate="true"]:after{transform:scale(1,0) translateZ(0); -webkit-transform:scale(1,0) translateZ(0); -ms-transform:scale(1,0) translateZ(0); transform-origin:top; -webkit-transform-origin:top; -webkit-backface-visibility:hidden} .nectar-icon-list[data-animate="true"].completed:after{transform:scale(1,1) translateZ(0); -webkit-transform:scale(1,1) translateZ(0); -ms-transform:scale(1,1) translateZ(0); transition:transform 1.9s cubic-bezier(0.18,1,0.32,1); -webkit-transition:-webkit-transform 1.9s cubic-bezier(0.18,1,0.32,1)} .nectar-icon-list[data-animate="true"] .content{opacity:0; transform:translateX(60px) translateZ(0); -webkit-transform:translateX(60px) translateZ(0); -ms-transform:translateX(60px) translateZ(0); -webkit-backface-visibility:hidden} .nectar-icon-list[data-animate="true"] .nectar-icon-list-item.animated .content{opacity:1; transform:translateX(0px) translateY(0px) translateZ(0); -webkit-transform:translateX(0px) translateY(0px) translateZ(0); -ms-transform:translateX(0px) translateY(0px) translateZ(0); transition:transform .7s cubic-bezier(0.165,0.84,0.44,1) 0.2s,opacity .7s cubic-bezier(0.165,0.84,0.44,1) 0.2s; -webkit-transition:-webkit-transform .7s cubic-bezier(0.165,0.84,0.44,1) 0.2s,opacity .7s cubic-bezier(0.165,0.84,0.44,1) 0.2s} .nectar-icon-list[data-direction="horizontal"]:after { display: none; } .nectar-icon-list[data-direction="horizontal"] { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: calc(105%); } .nectar-icon-list[data-direction="horizontal"] .nectar-icon-list-item { width: calc(33.3% - 5%); margin: 0 5% 5% 0; } .nectar-icon-list[data-direction="horizontal"][data-columns="2"] .nectar-icon-list-item { width: calc(50% - 5%); margin: 0 5% 5% 0; } .nectar-icon-list[data-direction="horizontal"][data-columns="4"] .nectar-icon-list-item { width: calc(25% - 5%); margin: 0 5% 5% 0; } .nectar-icon-list[data-direction="horizontal"][data-columns="5"] .nectar-icon-list-item { width: calc(20% - 5%); margin: 0 5% 5% 0; } .nectar-icon-list[data-direction="horizontal"][data-columns="1"] .nectar-icon-list-item { width: 100%; margin: 0 0% 5% 0; } @media only screen and (max-width: 1000px) { .nectar-icon-list[data-direction="horizontal"][data-columns] .nectar-icon-list-item { width: calc(50% - 5%); margin: 0 5% 5% 0; } .nectar-icon-list[data-direction="horizontal"][data-columns="1"] .nectar-icon-list-item { width: 100%; margin: 0 0% 5% 0; } } @media only screen and (max-width: 690px) { .nectar-icon-list[data-direction="horizontal"][data-columns] .nectar-icon-list-item { width: 100%; margin: 0 0% 10% 0; } } body[data-footer-reveal="1"]{background-color:#999999!important} /***************** Slide Out Widget Are ******************/ #area-menu-desplegable.slide-desde-la-derecha{position:fixed; transform:translate(301px,0px); -webkit-transform:translate(301px,0px); -ms-transform:translate(301px,0px); top:0; right:0; width:300px; height:100%; z-index:10000; background-color:#3f527b; padding:33px; overflow:hidden} #area-menu-desplegable.slide-desde-la-derecha-hover{position:fixed; transform:translate3d(341px,0,0); -webkit-transform:translate3d(341px,0,0); -ms-transform:translate3d(341px,0,0); top:0; right:0; width:340px; height:100%; z-index:9999; background-color:#27cfc3; padding:62px; padding-top:80px; overflow:hidden; -webkit-transition:all .7s cubic-bezier(0.25,1,.2,1); -ms-transition:all .7s cubic-bezier(0.25,1,.2,1); transition:all .7s cubic-bezier(0.25,1,.2,1)} /* text fade in */ #area-menu-desplegable.slide-desde-la-derecha-hover .inner{opacity:0; margin-bottom:30px; transform:translateX(50px); -webkit-transition:-webkit-transform .45s cubic-bezier(.2,.75,.3,1) 0.22s,opacity .45s cubic-bezier(.2,.75,.3,1) 0.22s; -ms-transition:transform .45s cubic-bezier(.2,.75,.3,1) 0.22s,opacity .45s cubic-bezier(.2,.75,.3,1) 0.22s; transition:transform .45s cubic-bezier(.2,.75,.3,1) 0.22s,opacity .45s cubic-bezier(.2,.75,.3,1) 0.22s} #area-menu-desplegable.slide-desde-la-derecha-hover.open .inner{opacity:1; transform:translateX(0px)} #area-menu-desplegable.slide-desde-la-derecha-hover .zona-redessoc{opacity:0; transform:translateX(50px); -webkit-transition:-webkit-transform .45s cubic-bezier(.2,.75,.3,1) 0.35s,opacity .45s cubic-bezier(.2,.75,.3,1) 0.35s; -ms-transition:transform .45s cubic-bezier(.2,.75,.3,1) 0.35s,opacity .45s cubic-bezier(.2,.75,.3,1) 0.35s; transition:transform .45s cubic-bezier(.2,.75,.3,1) 0.35s,opacity .45s cubic-bezier(.2,.75,.3,1) 0.35s; margin-top:50px} #area-menu-desplegable.slide-desde-la-derecha-hover.open .zona-redessoc{opacity:1; transform:translateX(0px)} #area-menu-desplegable.slide-desde-la-derecha-hover .inner{position:relative} #area-menu-desplegable.slide-desde-la-derecha-hover .bottom-text{margin-top:30px} #area-menu-desplegable.slide-desde-la-derecha-hover .off-canvas-menu-contenedor{position:absolute; top:50%; width:100%} #area-menu-desplegable.slide-desde-la-derecha-hover .off-canvas-social-links{margin-top:30px} .admin-bar .slide-out-hover-icon-effect{top:32px} .slide-out-hover-icon-effect .lines{background-color:transparent} .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button:after{ top:0px; -ms-transform:scale(0,1); transform:scale(0,1); -webkit-transform:scale(0,1); -ms-transform-origin:left; transform-origin:left; -webkit-transform-origin:left; border-radius:2px; background-color:#fff; opacity:1; transition:transform .4s cubic-bezier(.2,.01,.16,1) 0.07s,opacity .4s cubic-bezier(.2,.01,.16,1) 0.07s!important; -webkit-transition:-webkit-transform .4s cubic-bezier(.2,.01,.16,1) 0.07s,opacity .4s cubic-bezier(.2,.01,.16,1) 0.07s!important} .slide-out-hover-icon-effect.btn-area-menu-desplegable:not(.small) .lines-button:after{top:0px} .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines{width:2em} .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines:before{ -ms-transform:scale(0,1); transform:scale(0,1); -webkit-transform:scale(0,1); -ms-transform-origin:left; transform-origin:left; -webkit-transform-origin:left; border-radius:2px; transition:transform .4s cubic-bezier(.2,.01,.16,1) 0.12s,opacity .4s cubic-bezier(.2,.01,.16,1) 0.12s!important; -webkit-transition:-webkit-transform .4s cubic-bezier(.2,.01,.16,1) 0.12s,opacity .4s cubic-bezier(.2,.01,.16,1) 0.12s!important} .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines:after{ -ms-transform:scale(0,1); transform:scale(0,1); -webkit-transform:scale(0,1); -ms-transform-origin:left; transform-origin:left; -webkit-transform-origin:left; border-radius:2px; transition:transform .4s cubic-bezier(.2,.01,.16,1) 0.02s,opacity .4s cubic-bezier(.2,.01,.16,1) 0.02s!important; -webkit-transition:-webkit-transform .4s cubic-bezier(.2,.01,.16,1) 0.02s,opacity .4s cubic-bezier(.2,.01,.16,1) 0.02s!important} body[data-is="minimal"] .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"].small .lines:after, body[data-is="minimal"] .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"].small .lines:before, body[data-is="minimal"] .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"].small .lines-button:after{height:2px!important} /*non minimal style*/ @media only screen and (min-width:1000px){body[data-is="inherit"] .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button:after,body[data-is="inherit"] .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines:before,body[data-is="inherit"] .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines:after,body[data-is="inherit"] .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button:after,body[data-is="minimal"] .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"]:not(.small) .lines-button:after,body[data-is="minimal"] .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"]:not(.small) .lines:before,body[data-is="minimal"] .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"]:not(.small) .lines:after{height:3px!important} body[data-is="inherit"][data-area-menu-desplegable-style="slide-desde-la-derecha-hover"][data-has-menu="false"][data-header-search="false"] .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button:after{top:13px} body[data-is="inherit"] .slide-out-hover-icon-effect.btn-area-menu-desplegable:not(.small) .lines:before{top:9px} body[data-is="inherit"] .slide-out-hover-icon-effect:not(.small) .lines:after{top:-9px} } body[data-is="inherit"] .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button:after{top:0px} .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .no-delay.lines-button:after{transition:transform .4s cubic-bezier(.2,.01,.16,1) 0.05s!important; -webkit-transition:-webkit-transform .4s cubic-bezier(.2,.01,.16,1) 0.05s!important} .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .no-delay .lines:before{transition:transform .4s cubic-bezier(.2,.01,.16,1)!important; -webkit-transition:-webkit-transform .4s cubic-bezier(.2,.01,.16,1)!important} .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .no-delay .lines:after{transition:transform .4s cubic-bezier(.2,.01,.16,1) 0.1s !important; -webkit-transition:-webkit-transform .4s cubic-bezier(.2,.01,.16,1) 0.1s !important} .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines:before, .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines:after, .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button:after{width:2rem; background-color:#fff} .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .unhidden-line .lines:before, .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .unhidden-line .lines:after, .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .unhidden-line.lines-button:after{-ms-transform:scale(1,1); transform:scale(1,1); -webkit-transform:scale(1,1); background-color:#fff} .slide-out-hover-icon-effect .lines:after{ top:-8px} .slide-out-hover-icon-effect:not(.small) .lines:after{ top:-9px} .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines:before{ top:8px} .slide-out-hover-icon-effect.btn-area-menu-desplegable:not(.small) .lines:before{ top:9px} .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"].small .lines:before, .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"].small .lines:after, .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"].small .lines-button:after{width:1.4rem} .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"].small .unhidden-line .lines:before, .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"].small .unhidden-line .lines:after, .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"].small .unhidden-line.lines-button:after{width:1.4rem; height:2px; -ms-transform:scale(1,1); transform:scale(1,1); -webkit-transform:scale(1,1)} .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"].small .lines{width:1.4rem} .slide-out-hover-icon-effect.small .lines:after{ top:-6px} .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"].small .lines:before{ top:6px} body[data-is="inherit"] .slide-out-hover-icon-effect.small{top:0px; right:27px} .admin-bar .slide-out-hover-icon-effect.small{top:32px} body[data-is="inherit"].admin-bar .slide-out-hover-icon-effect.small{top:32px} @media only screen and (max-width:1000px){.slide-out-hover-icon-effect a{width:auto} .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines:before, .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines:after, .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button:after{width:1.4rem} .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .unhidden-line .lines:before, .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .unhidden-line .lines:after, .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .unhidden-line.lines-button:after{width:1.4rem; height:2px; -ms-transform:scale(1,1); transform:scale(1,1); -webkit-transform:scale(1,1)} .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button:after{top:0px} .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines{width:1.4rem} .slide-out-hover-icon-effect .lines:after, .slide-out-hover-icon-effect.small .lines:after, .slide-out-hover-icon-effect:not(.small) .lines:after{ top:-6px} .slide-out-hover-icon-effect.btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines:before{ top:6px} .admin-bar .slide-out-hover-icon-effect{top:32px} .slide-out-hover-icon-effect{top:0px; right:28px} body[data-is="inherit"] .lines, body[data-is="inherit"] .lines:before, body[data-is="inherit"] .lines:after{height:2px} } .slide-out-hover-icon-effect{position:fixed; right:30px; top:0px; z-index:10000; pointer-events:none} .slide-out-hover-icon-effect.small{right:27px} .slide-out-hover-icon-effect a{display:block; pointer-events:none} #area-menu-desplegable.fullscreen, #area-menu-desplegable.fullscreen-alt{position:fixed; width:100%; height:100%; right:auto; left:0; top:0; z-index:9997; background-color:transparent!important; text-align:center; display:none; overflow-y:scroll; overflow-x:hidden; padding-right:20px; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box} #area-menu-desplegable.fullscreen .inner, #area-menu-desplegable.fullscreen-alt .inner{width:100%; position:relative; top:50%; left:0; height:auto} #area-menu-desplegable.fullscreen .inner.overflow-state, #area-menu-desplegable.fullscreen-alt .inner.overflow-state{top:0; transform:none!important; -webkit-transform:none!important; margin:50px 0 120px 0} #area-menu-desplegable.fullscreen .contenido-int, #area-menu-desplegable.fullscreen-alt .contenido-int{ height:100%; margin-right:-20px} .usa-nav-movil #area-menu-desplegable.fullscreen .contenido-int, .usa-nav-movil #area-menu-desplegable.fullscreen-alt .contenido-int{margin-right:0} .usa-nav-movil #area-menu-desplegable.fullscreen-alt{overflow:auto; padding-top:0!important} .usa-nav-movil #area-menu-desplegable.fullscreen-alt .contenido-int{overflow-y:scroll} #area-menu-desplegable.fullscreen .inner .widget, #area-menu-desplegable.fullscreen-alt .inner .widget{opacity:0; transform:translateY(110px); -webkit-transform:translateY(110px);} #area-menu-desplegable.fullscreen .inner .off-canvas-menu-contenedor, #area-menu-desplegable.fullscreen-alt .inner .off-canvas-menu-contenedor{transform:translateY(0px)!important; -webkit-transform:translateY(0px)!important; opacity:1!important; margin:0} #area-menu-desplegable.fullscreen .inner .off-canvas-menu-contenedor .menu >li{opacity:0; transform:translateY(110px); -webkit-transform:translateY(110px); } #area-menu-desplegable.fullscreen-alt .inner .off-canvas-menu-contenedor .menu >li{opacity:0; transform:translateY(40px); -webkit-transform:translateY(40px); } #area-menu-desplegable.fullscreen .inner .off-canvas-menu-contenedor .menu li, #area-menu-desplegable.fullscreen .menuwrapper li, #area-menu-desplegable.fullscreen-alt .inner .off-canvas-menu-contenedor .menu li, #area-menu-desplegable.fullscreen-alt .menuwrapper li{margin:0 0 8px 0!important} #area-menu-desplegable .inner .off-canvas-menu-contenedor li a{font-size:24px; line-height:30px; font-family:'Open Sans'; font-weight:700; letter-spacing:-1px} #area-menu-desplegable.slide-desde-la-derecha-hover .inner .off-canvas-menu-contenedor li a{font-size:24px; line-height:30px} #area-menu-desplegable.fullscreen .inner .widget.bloque_nav_menu li a, #area-menu-desplegable.fullscreen .inner .off-canvas-menu-contenedor li a, #area-menu-desplegable.fullscreen-alt .inner .widget.bloque_nav_menu li a, #area-menu-desplegable.fullscreen-alt .inner .off-canvas-menu-contenedor li a{font-size:48px; line-height:48px; font-family:'Open Sans'; font-weight:700; letter-spacing:-1px} @media only screen and (max-width: 690px) { #area-menu-desplegable.fullscreen .inner .widget.bloque_nav_menu li a, #area-menu-desplegable.fullscreen .inner .off-canvas-menu-contenedor li a, #area-menu-desplegable.fullscreen-alt .inner .widget.bloque_nav_menu li a, #area-menu-desplegable.fullscreen-alt .inner .off-canvas-menu-contenedor li a{font-size:32px; line-height:32px; } } #area-menu-desplegable.fullscreen-alt .inner .widget.bloque_nav_menu li a, #area-menu-desplegable.fullscreen-alt .inner .off-canvas-menu-contenedor li a, body #area-menu-desplegable.slide-desde-la-derecha-hover .inner .widget.bloque_nav_menu li a, body #area-menu-desplegable.slide-desde-la-derecha-hover .inner .off-canvas-menu-contenedor li a{display:inline-block; position:relative; color:rgba(255,255,255,0.7); opacity:1; padding-left:0; padding-right:0} body #area-menu-desplegable.slide-desde-la-derecha-hover .inner .off-canvas-menu-contenedor li a{word-break:break-word} #area-menu-desplegable.fullscreen-alt .inner .widget.bloque_nav_menu li.no-pointer-events, #area-menu-desplegable.fullscreen-alt .inner .off-canvas-menu-contenedor li.no-pointer-events, #area-menu-desplegable.slide-desde-la-derecha-hover .inner .widget.bloque_nav_menu li.no-pointer-events, #area-menu-desplegable.slide-desde-la-derecha-hover .inner .off-canvas-menu-contenedor li.no-pointer-events{pointer-events:none} #area-menu-desplegable.slide-desde-la-derecha-hover .inner .off-canvas-menu-contenedor li { margin: 5px 0;} #area-menu-desplegable.slide-desde-la-derecha-hover .inner .off-canvas-menu-contenedor li a, #area-menu-desplegable.fullscreen-alt .inner .off-canvas-menu-contenedor li a { -webkit-transition: color .2s; transition: color .2s; } #area-menu-desplegable.slide-desde-la-derecha-hover .off-canvas-menu-contenedor { min-width: 190px; } #area-menu-desplegable.slide-desde-la-derecha-hover .inner .off-canvas-menu-contenedor li a:hover, #area-menu-desplegable.fullscreen-alt .inner .off-canvas-menu-contenedor li a:hover { color: #fff;} #area-menu-desplegable.fullscreen .inner li a, #area-menu-desplegable .off-canvas-social-links li a, #area-menu-desplegable.slide-desde-la-derecha .inner .off-canvas-menu-contenedor li a, #area-menu-desplegable.slide-desde-la-derecha-hover .inner .off-canvas-menu-contenedor li a, #area-menu-desplegable .menuwrapper li small{opacity:0.7; transition:opacity 0.2s ease, color 0.2s ease; -webkit-transition:opacity 0.2s ease, color 0.2s ease; } #area-menu-desplegable.fullscreen .inner li a:hover, #area-menu-desplegable .off-canvas-social-links li a:hover, #area-menu-desplegable .off-canvas-social-links li a:hover, #area-menu-desplegable .inner li.current_page_ancestor >a, #area-menu-desplegable .inner li.activo >a, #area-menu-desplegable .inner li.current-menu-ancestor >a, #area-menu-desplegable .inner li.current_page_item >a, #area-menu-desplegable.slide-desde-la-derecha .inner .off-canvas-menu-contenedor li a:hover, #area-menu-desplegable.slide-desde-la-derecha-hover .inner .off-canvas-menu-contenedor li a:hover, #area-menu-desplegable .inner .off-canvas-menu-contenedor .menuwrapper li >a.hovered{opacity:1} #area-menu-desplegable.fullscreen .inner .widget, #area-menu-desplegable.fullscreen-alt .inner .widget{max-width:1425px; width:100%; margin:0 auto 60px auto; padding:0 90px} @media only screen and (min-width:690px){ #area-menu-desplegable.fullscreen .recent_projects_widget div a #area-menu-desplegable.fullscreen-alt .recent_projects_widget div a{width:10.5%!important} #area-menu-desplegable.fullscreen .recent_projects_widget div a:nth-child(3n+3), #area-menu-desplegable.fullscreen-alt .recent_projects_widget div a:nth-child(3n+3){ margin:2% 2% 0 0!important} #area-menu-desplegable.fullscreen .recent_projects_widget div a:nth-child(8n+8), #area-menu-desplegable.fullscreen-alt .recent_projects_widget div a:nth-child(8n+8){ margin-right:0!important} } #area-menu-desplegable.fullscreen .widget_recent_comments ul li, #area-menu-desplegable.fullscreen-alt .widget_recent_comments ul li{ background:transparent; margin-bottom:0px; padding:0px !important} #area-menu-desplegable.fullscreen .tagcloud a, #area-menu-desplegable.fullscreen-alt .tagcloud a{float:none; display:inline-block} #area-menu-desplegable.fullscreen .widget_calendar table tbody td, #area-menu-desplegable.fullscreen-alt .widget_calendar table tbody td{ padding:20px} #boxed #area-menu-desplegable.fullscreen .off-canvas-social-links, .admin-bar #boxed #area-menu-desplegable.fullscreen .off-canvas-social-links, #boxed #area-menu-desplegable.fullscreen-alt .off-canvas-social-links, .admin-bar #boxed #area-menu-desplegable.fullscreen-alt .off-canvas-social-links{ position:relative; bottom:0!important; right:0; margin-top:70px} #boxed #area-menu-desplegable.fullscreen .off-canvas-social-links:after, #boxed #area-menu-desplegable.fullscreen-alt .off-canvas-social-links:after{ display:block; height:1px; width:0px; background-color:rgba(255,255,255,0.6); content:' '; margin:0 auto; position:absolute; top:-40px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1); -webkit-transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1); } #boxed #area-menu-desplegable .mobile-only{display:block} #boxed #area-menu-desplegable.fullscreen .off-canvas-social-links.line-shown:after, #boxed #area-menu-desplegable.fullscreen-alt .off-canvas-social-links.line-shown:after{width:100px} #boxed #area-menu-desplegable.fullscreen .bottom-text, .admin-bar #boxed #area-menu-desplegable.fullscreen .bottom-text { position:relative; bottom:0!important; left:0; margin-bottom:30px; margin-top:15px} #boxed #area-menu-desplegable.fullscreen-alt .bottom-text, .admin-bar #boxed #area-menu-desplegable.fullscreen-alt .bottom-text { position:relative; bottom:0!important; margin-bottom:30px; margin-top:15px } #area-menu-desplegable[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-contenedor li { position: relative;} #area-menu-desplegable .ocm-dropdown-arrow { transition: transform 0.5s cubic-bezier(0.215,0.61,0.355,1); position: absolute; right: -6px; top: 10px; transform: translateY(-50%); cursor: pointer; height: 28px; width: 28px; line-height: 0;} #area-menu-desplegable .ocm-dropdown-arrow i { font-size: 18px; height: 28px; width: 28px; line-height: 28px; top:0 ;} #area-menu-desplegable .open-submenu > .ocm-dropdown-arrow { transform: translateY(-50%) rotate(180deg); } .admin-bar #area-menu-desplegable{padding-top:33px} .admin-bar #area-menu-desplegable.slide-desde-la-derecha{padding-top:53px} .admin-bar #area-menu-desplegable.slide-desde-la-derecha-hover{padding-top:100px} #area-menu-desplegable .secondary-header-text { margin-bottom: 35px; border-radius: 6px; background-color: rgba(0,0,0,0.1); padding: 10px 15px; } #area-menu-desplegable.mobile{overflow-y:scroll; overflow-x:hidden} #fondo-area-menu-desplegable{-webkit-backface-visibility:hidden; background-color:rgba(0,0,0,0.8); position:fixed; height:1px; width:1px; opacity:0; left:0; top:0; z-index:9996} #fondo-area-menu-desplegable.fullscreen-alt{padding:20px; background-color:transparent; transform:none!important; -webkit-transform:none!important; will-change:opacity,padding} body[data-area-menu-desplegable-style="fullscreen-alt"] #cabecera-ext{border-bottom-color:transparent} body #fondo-area-menu-desplegable.fullscreen-alt{transition:padding 0.3s cubic-bezier(0.215,0.61,0.355,1),opacity 0.25s ease!important; -webkit-transition:padding 0.3s cubic-bezier(0.215,0.61,0.355,1),opacity 0.25s ease!important} body #fondo-area-menu-desplegable.fullscreen-alt.open{transition:padding 0.3s cubic-bezier(0.215,0.61,0.355,1),opacity 0.25s ease!important; -webkit-transition:padding 0.3s cubic-bezier(0.215,0.61,0.355,1),opacity 0.25s ease!important} html body #fondo-area-menu-desplegable.fullscreen-alt.solid, html body #fondo-area-menu-desplegable.fullscreen-alt.dark, html body #fondo-area-menu-desplegable.fullscreen-alt.medium, html body #fondo-area-menu-desplegable.fullscreen-alt.light{opacity:0} #fondo-area-menu-desplegable.fullscreen-alt.padding-removed{padding:0!important} .admin-bar #fondo-area-menu-desplegable.fullscreen-alt.padding-removed{padding-top:32px!important} .admin-bar #fondo-area-menu-desplegable.fullscreen-alt{padding-top:52px} #fondo-area-menu-desplegable .bg-inner{width:100%; height:100%; background-color:rgba(0,0,0,0.8)} #boxed #fondo-area-menu-desplegable.fullscreen, #boxed #fondo-area-menu-desplegable.fullscreen-alt{left:auto; will-change:transform,opacity} #fondo-area-menu-desplegable.fullscreen, #fondo-area-menu-desplegable.fullscreen-alt{transform:translateY(-100%); -webkit-transform:translateY(-100%); opacity:1; display:none} #fondo-area-menu-desplegable.fullscreen-alt{display:block; left:-100%} #fondo-area-menu-desplegable.fullscreen.solid, #fondo-area-menu-desplegable.fullscreen-alt.solid{opacity:1} #fondo-area-menu-desplegable.fullscreen.dark, #fondo-area-menu-desplegable.fullscreen-alt.dark{opacity:0.93} #fondo-area-menu-desplegable.fullscreen.medium, #fondo-area-menu-desplegable.fullscreen-alt.medium{opacity:0.6} #fondo-area-menu-desplegable.fullscreen.light, #fondo-area-menu-desplegable.fullscreen-alt.light{opacity:0.4} #area-menu-desplegable.fullscreen .off-canvas-social-links, #area-menu-desplegable.fullscreen-alt .off-canvas-social-links{position:fixed; bottom:18px; right:18px} #area-menu-desplegable.fullscreen .bottom-text, #area-menu-desplegable.fullscreen-alt .bottom-text{position:fixed; bottom:28px; left:28px; opacity:0; padding-bottom:0} #area-menu-desplegable.fullscreen-alt .bottom-text{color:#fff!important} @media only screen and (min-width:1000px){#area-menu-desplegable.fullscreen .bottom-text[data-has-desktop-social="false"],#area-menu-desplegable.fullscreen-alt .bottom-text[data-has-desktop-social="false"]{left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%)} } #area-menu-desplegable .bottom-text{padding-bottom:0; font-size:12px} #area-menu-desplegable:not(.fullscreen) .off-canvas-social-links li{display:inline-block; padding:0 6px 6px 0} #area-menu-desplegable.fullscreen .off-canvas-social-links li{display:inline-block; margin:0 8px; transform:scale(0); -webkit-transform:scale(0); } #area-menu-desplegable.fullscreen-alt .off-canvas-social-links li{display:inline-block; transform:scale(0); -webkit-transform:scale(0); } #area-menu-desplegable .off-canvas-social-links li i{background-color:transparent!important; font-size:18px; line-height:22px} .blurred-wrap{transition:filter 0.45s linear; -webkit-transition:-webkit-filter 0.45s linear; } .blurred-wrap.blurred{ -webkit-filter:blur(5px); -moz-filter:blur(5px); -ms-filter:blur(5px); filter:blur(5px)} .msie .blurred-wrap.blurred{ -ms-filter:none; filter:none} #area-menu-desplegable .widget h4{margin-bottom:8px} #area-menu-desplegable .inner >div{margin-bottom:25px} #area-menu-desplegable.fullscreen .inner >div, #area-menu-desplegable.fullscreen-alt .inner >div{margin:13px 0px} #area-menu-desplegable .inner >div:first-of-type{margin-top:-7px} #area-menu-desplegable .inner{ width:100%; height:100%} #area-menu-desplegable a, #area-menu-desplegable, #area-menu-desplegable h4, #area-menu-desplegable h3{color:#fff} body[data-full-width-header="false"] #area-menu-desplegable a.slide_out_area_close{position:absolute; right:22px; top:22px} body[data-full-width-header="false"].admin-bar #area-menu-desplegable a.slide_out_area_close{top:47px} body[data-full-width-header="false"].ascend #area-menu-desplegable.slide-desde-la-derecha a.slide_out_area_close, body[data-full-width-header="false"].original #area-menu-desplegable.slide-desde-la-derecha a.slide_out_area_close { z-index: 100; } body[data-full-width-header="false"] #area-menu-desplegable a.slide_out_area_close{display:block; transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s; -webkit-transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s; font-family:'Open Sans'; font-weight:400} body[data-full-width-header="false"] #area-menu-desplegable a.slide_out_area_close{backface-visibility:hidden; -webkit-backface-visibility:hidden; width:34px!important; height:34px!important; transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s; -webkit-transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s; color:#ddd!important; font-size:18px!important; max-width:none!important; line-height:32px!important} body[data-full-width-header="false"] #area-menu-desplegable a.slide_out_area_close:hover .icon-default-style[class^="icon-"]{transform:rotate(90deg); -webkit-transform:rotate(90deg)} body[data-full-width-header="false"] #area-menu-desplegable a.slide_out_area_close:hover{border-color:rgba(255,255,255,0.7)} body #area-menu-desplegable a.slide_out_area_close .icon-default-style[class^="icon-"]{ -webkit-backface-visibility:hidden; color:#fff !important; font-size:18px !important; height:34px !important; left:-2px; line-height:32px !important; max-width:none !important; transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s; -webkit-transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s; width:34px !important} body[data-full-width-header="true"] .slide_out_area_close{display:none} body #area-menu-desplegable.fullscreen .slide_out_area_close, body #area-menu-desplegable.fullscreen-alt .slide_out_area_close{display:none!important} #boxed #area-menu-desplegable:not(.slide-desde-la-derecha-hover) .slide_out_area_close{display:block!important} #boxed .slide_out_area_close{position:absolute; right:20px; z-index:100} header#top nav ul .btn-area-menu-desplegable a i.lines, header#top nav ul .btn-area-menu-desplegable a i.lines:before, header#top nav ul .btn-area-menu-desplegable a i.lines:after{ background-color:rgba(0,0,0,0.4)} .lines-button{ transition:.3s; cursor:pointer; line-height:0px!important; top:9px; position:relative; font-size:0px!important; user-select:none; display:block} .lines-button:hover{ opacity:1} /* .lines-button:active{ transition:0} */ .lines{ display:block; width:1.4rem; height:3px; background-color:#ecf0f1; transition:0.3s; position:relative} .lines:before, .lines:after{ display:block; width:1.4rem; height:3px; background:#ecf0f1; transition:0.3s; position:absolute; left:0; content:''; -webkit-transform-origin:0.142rem center; transform-origin:0.142rem center} .lines:before{ top:6px} .lines:after{ top:-6px} .lines-button.close{ -webkit-transform:scale3d(0.8,0.8,0.8); transform:scale3d(0.8,0.8,0.8)} .lines-button.arrow.close .lines:before, .lines-button.arrow.close .lines:after{ top:0; width:1.11111rem} .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"] .lines-button.arrow.close .lines:before{ -webkit-transform:rotate3d(0,0,1,40deg); transform:rotate3d(0,0,1,40deg)} .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"] .lines-button.arrow.close .lines:after{ -webkit-transform:rotate3d(0,0,1,-40deg); transform:rotate3d(0,0,1,-40deg)} #cabecera-ext.transparent header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a .lines-button .lines, #cabecera-ext header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a .lines-button .lines, #cabecera-ext.transparent.dark-slide:not(.directional-nav-effect) >header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a .lines-button i, #cabecera-ext.transparent .midnightHeader.light header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a i.lines, #cabecera-ext.transparent .midnightHeader.default header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a i.lines, #cabecera-ext.transparent .midnightHeader.dark header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a i.lines, #cabecera-ext.transparent.directional-nav-effect >header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a span.light .lines-button i, #cabecera-ext.transparent.directional-nav-effect >header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a span.dark .lines-button i{background-color:transparent!important} .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button.close .lines:before{-webkit-transform:translateY(-6px) rotateZ(-45deg); -ms-transform:translateY(-6px) rotateZ(-45deg); transform:translateY(-6px) rotateZ(-45deg)} .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button.close .lines:after{-webkit-transform:translateY(6px) rotateZ(45deg); -ms-transform:translateY(6px) rotateZ(45deg); transform:translateY(6px) rotateZ(45deg)} .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button:after{height:2px; background-color:rgba(0,0,0,0.4); display:inline-block; width:1.4rem; height:2px; transition:transform 0.45s ease,opacity 0.2s ease,background-color 0.2s linear; -webkit-transition:-webkit-transform 0.45s ease,opacity 0.2s ease,background-color 0.2s ease; position:absolute; left:0; top:0px; content:''; transform:scale(1,1); -webkit-transform:scale(1,1)} /*mobile icon*/ .btn-area-menu-desplegable.mobile-icon .lines-button.x2 .lines:before, .btn-area-menu-desplegable.mobile-icon .lines-button.x2 .lines:after, .btn-area-menu-desplegable[data-icon-animation="simple-transform"].mobile-icon .lines-button:after, header#top .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2 .lines{background-color:#999} .midnightHeader.light header#top .btn-area-menu-desplegable.mobile-icon .lines-button.x2 .lines:before, .midnightHeader.light header#top .btn-area-menu-desplegable.mobile-icon .lines-button.x2 .lines:after, .midnightHeader.light header#top .btn-area-menu-desplegable[data-icon-animation="simple-transform"].mobile-icon .lines-button:after, .midnightHeader.light header#top .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2 .lines, .side-widget-open.transparent .midnightHeader header#top .btn-area-menu-desplegable.mobile-icon .lines-button.x2 .lines:before, .side-widget-open.transparent .midnightHeader header#top .btn-area-menu-desplegable.mobile-icon .lines-button.x2 .lines:after, .side-widget-open.transparent .midnightHeader header#top .btn-area-menu-desplegable[data-icon-animation="simple-transform"].mobile-icon .lines-button:after, .side-widget-open.transparent .midnightHeader header#top .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2 .lines{background-color:#fff!important} #cabecera-ext.side-widget-open.transparent .midnightHeader.default .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button:after{background-color:#fff!important} .midnightHeader.dark .btn-area-menu-desplegable.mobile-icon .lines-button.x2 .lines:before, .midnightHeader.dark .btn-area-menu-desplegable.mobile-icon .lines-button.x2 .lines:after, .midnightHeader.dark .btn-area-menu-desplegable[data-icon-animation="simple-transform"].mobile-icon .lines-button:after, .midnightHeader.dark header#top .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2 .lines, .midnightHeader.default .btn-area-menu-desplegable.mobile-icon .lines-button.x2 .lines:before, .midnightHeader.default .btn-area-menu-desplegable.mobile-icon .lines-button.x2 .lines:after, .midnightHeader.default .btn-area-menu-desplegable[data-icon-animation="simple-transform"].mobile-icon .lines-button:after, .midnightHeader.default header#top .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2 .lines{background-color:#000} .midnightHeader.dark header#top .btn-area-menu-desplegable.mobile-icon .lines-button.x2 .lines:before, .midnightHeader.dark header#top .btn-area-menu-desplegable.mobile-icon .lines-button.x2 .lines:after, .midnightHeader.default header#top .btn-area-menu-desplegable.mobile-icon .lines-button.x2 .lines:before, .midnightHeader.default header#top .btn-area-menu-desplegable.mobile-icon .lines-button.x2 .lines:after{background-color:#000!important} body[data-header-search="false"] #cabecera-ext[data-has-menu="false"][data-cart="false"] .btn-area-menu-desplegable[data-icon-animation="simple-transform"].mobile-icon .lines:before{top:6px} body[data-header-search="false"] #cabecera-ext[data-has-menu="false"][data-cart="false"] .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"].mobile-icon .lines:before{top:6px} body[data-header-search="false"] #cabecera-ext[data-has-menu="false"][data-cart="false"] .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"].mobile-icon .lines:after{top:-6px} body #cabecera-ext .lines-button{top:9px!important} body.original[data-is="minimal"] .slide-out-hover-icon-effect.small .lines-button, body.ascend[data-is="minimal"] .slide-out-hover-icon-effect.small .lines-button { top: 10px; } body.original[data-is="minimal"] #cabecera-ext[data-has-menu="true"] .lines-button, body.ascend[data-is="minimal"] #cabecera-ext[data-has-menu="true"] .lines-button{top:10px!important} .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"].mobile-icon a >span{height:31px; line-height:28px} body[data-header-search="false"] #cabecera-ext[data-has-menu="false"][data-cart="false"] .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2.close .lines:before{top:0px} body[data-header-search="false"] #cabecera-ext[data-has-menu="false"][data-cart="false"] .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2.close .lines:after{top:0px} .btn-area-menu-desplegable[data-icon-animation="simple-transform"].mobile-icon .lines-button:after{top:0px!important} .btn-area-menu-desplegable[data-icon-animation="simple-transform"].mobile-icon .lines-button.close .lines:before{-webkit-transform:translateY(-6px) rotateZ(-45deg)!important; -ms-transform:translateY(-6px) rotateZ(-45deg)!important; transform:translateY(-6px) rotateZ(-45deg)!important} .btn-area-menu-desplegable[data-icon-animation="simple-transform"].mobile-icon .lines-button.close .lines:after{-webkit-transform:translateY(6px) rotateZ(45deg)!important; -ms-transform:translateY(6px) rotateZ(45deg)!important; transform:translateY(6px) rotateZ(45deg)!important} .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button.x2 .lines:before, .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button.x2 .lines:after{ transition:-webkit-transform 0.45s ease,background-color 0.2s ease,opacity 0.2s ease; transition:transform 0.45s ease,background-color 0.2s ease,opacity 0.2s ease} .btn-area-menu-desplegable[data-icon-animation="simple-transform"].mobile-icon .lines{background-color:transparent!important} .btn-area-menu-desplegable.mobile-icon .lines-button:after, .btn-area-menu-desplegable.mobile-icon .lines:before, .btn-area-menu-desplegable.mobile-icon .lines:after, header#top .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2 .lines{height:2px!important; width:22px!important} body[data-header-search="false"] #cabecera-ext[data-has-menu="false"][data-cart="false"] .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button:after{height:3px; top:0px; width:2rem; border-radius:2px} body[data-header-search="false"]:not(.mobile) #cabecera-ext[data-has-menu="false"][data-cart="false"] .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines, body[data-header-search="false"]:not(.mobile) #cabecera-ext[data-has-menu="false"][data-cart="false"] .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines:before, body[data-header-search="false"]:not(.mobile) #cabecera-ext[data-has-menu="false"][data-cart="false"] .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines:after{height:3px; width:2rem; border-radius:2px} body[data-header-search="false"] #cabecera-ext[data-has-menu="false"][data-cart="false"] .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines:before{top:9px} body[data-header-search="false"] #cabecera-ext[data-has-menu="false"][data-cart="false"] .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .close .lines:before{top:10px} body[data-header-search="false"] #cabecera-ext[data-has-menu="false"][data-cart="false"] .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button.close .lines:before{-webkit-transform:translateY(-9px) rotateZ(-45deg); -ms-transform:translateY(-9px) rotateZ(-45deg); transform:translateY(-9px) rotateZ(-45deg)} body[data-header-search="false"] #cabecera-ext[data-has-menu="false"][data-cart="false"] .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button.close .lines:after{-webkit-transform:translateY(10px) rotateZ(45deg); -ms-transform:translateY(10px) rotateZ(45deg); transform:translateY(10px) rotateZ(45deg)} .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button.close:after{transform:scale(0,1); -webkit-transform:scale(0,1)} .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"] .lines-button.arrow-up.close{ -webkit-transform:scale3d(0.8,0.8,0.8) rotate3d(0,0,1,90deg); transform:scale3d(0.8,0.8,0.8) rotate3d(0,0,1,90deg)} .lines-button.minus.close .lines:before, .lines-button.minus.close .lines:after{ -webkit-transform:none; transform:none; top:0; width:1.4rem} .lines-button.x.close .lines{ background:transparent!important} .lines-button.x.close .lines:before, .lines-button.x.close .lines:after{ -webkit-transform-origin:50% 50%; transform-origin:50% 50%; top:0; width:1.4rem} .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"] .lines-button.x.close .lines:before{ -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg)} .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"] .lines-button.x.close .lines:after{ -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg)} .lines-button.x2 .lines{ transition:background 0.2s ease,opacity 0.2s ease} .lines-button.x2 .lines:before, .lines-button.x2 .lines:after{ -webkit-transform-origin:50% 50%; transform-origin:50% 50%; transition:top 0.4s 0.45s ease,-webkit-transform 0.3s ease,background-color 0.2s ease,opacity 0.2s ease; transition:top 0.4s 0.45s ease,transform 0.3s ease,background-color 0.2s ease,opacity 0.2s ease} .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"] .lines-button.x2.close .lines, #cabecera-ext.transparent header#top nav ul .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"] a .lines-button.x2.close .lines, #cabecera-ext header#top nav ul .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"] a:hover .x2.close i.lines, #cabecera-ext header#top nav ul .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"] a .x2.close i.lines, #cabecera-ext.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"] a span.light .lines-button.close i{ transition:background 0.3s 0s ease,opacity 0.9s linear; background:transparent!important} .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"] .lines-button.x2.close .lines:before, .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"] .lines-button.x2.close .lines:after{ transition:top 0.5s ease,-webkit-transform 0.3s 0.4s ease,background-color 0.2s ease,opacity 0.2s ease; transition:top 0.5s ease,transform 0.3s 0.4s ease,background-color 0.2s ease,opacity 0.2s ease; top:0; width:1.4rem} .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"] .lines-button.x2.close .lines:before{ -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg)} .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"] .lines-button.x2.close .lines:after{ -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg)} .btn-area-menu-desplegable a >span{transition:-webkit-transform 0.33s 0.3s ease-in; transition:transform 0.33s 0.3s ease-in; -webkit-transform-origin:center; transform-origin:center; display:block; height:21px} .btn-area-menu-desplegable.mobile-icon a >span{height:20px} #cabecera-ext.transparent.directional-nav-effect >header#top nav >ul.buttons .btn-area-menu-desplegable a >span >span >span{ height:21px} #cabecera-ext .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"] .open >span{ -webkit-transform:rotate3d(0,0,1,-180deg); transform:rotate3d(0,0,1,-180deg)} #boxed #cabecera-ext[data-full-width="true"] .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"] .open >span, body[data-area-menu-desplegable-style="slide-desde-la-derecha"] #cabecera-ext:not([data-full-width="true"]) .btn-area-menu-desplegable[data-icon-animation="spin-and-transform"] .open >span{ -webkit-transform:rotate3d(0,0,1,0deg); transform:rotate3d(0,0,1,0deg)} .btn-area-menu-desplegable .closed >span{transition:-webkit-transform 0.33s 0s ease; transition:transform 0.33s 0s ease} #area-menu-desplegable .menuwrapper{position:relative; -webkit-perspective:1000px; perspective:1000px; -webkit-perspective-origin:center; perspective-origin:center; margin-right:0!important; display:block} #area-menu-desplegable .menuwrapper:first-child{margin-right:100px} #area-menu-desplegable .menuwrapper button{background:#ccc; border:none; width:48px; height:45px; text-indent:-900em; overflow:hidden; position:relative; cursor:pointer; outline:none} #area-menu-desplegable .menuwrapper button:after{content:''; position:absolute; width:68%; height:5px; background:#fff; top:10px; left:16%; box-shadow:0 10px 0 #fff,0 20px 0 #fff} #area-menu-desplegable .menuwrapper ul{padding:0; list-style:none; -webkit-transform-style:preserve-3d; transform-style:preserve-3d} #area-menu-desplegable .menuwrapper li{position:relative} #area-menu-desplegable.fullscreen .menuwrapper li a, #area-menu-desplegable.fullscreen-alt .menuwrapper li a{display:block; position:relative; padding:6px 20px; color:#fff; outline:none} #area-menu-desplegable.fullscreen-alt .menuwrapper li a{overflow:hidden} #area-menu-desplegable .menuwrapper li small{display:inline-block; text-transform:uppercase; font-size:15px; font-family:'Open Sans'; font-weight:600; letter-spacing:2px; position:relative; top:-4px; opacity:0.6} #area-menu-desplegable:not(.fullscreen):not(.fullscreen-alt) .menuwrapper li small{font-size:10px; display:block; font-family:'Open Sans'; font-weight:700} #area-menu-desplegable.fullscreen-alt .menuwrapper li small{display:block} #area-menu-desplegable .no-touch .menuwrapper li a:hover{background:rgba(255,248,213,0.1)} #area-menu-desplegable .menuwrapper li.back >a{background:rgba(0,0,0,0.13)} #area-menu-desplegable:not(.fullscreen) .menuwrapper li.back >a{padding-left:10px; padding-right:10px; margin-left:-10px} #area-menu-desplegable.fullscreen-alt .menuwrapper li.back >a{padding:6px 0; transform:scale(0.7); -webkit-transform:scale(0.7); background-color:transparent!important} #area-menu-desplegable .menuwrapper li.back, #area-menu-desplegable .menu.subview li.subviewopen >.sub-menu >li.back{display:inline-block; margin-bottom:20px!important} #area-menu-desplegable .menuwrapper .menu{margin:0; position:relative; width:100%; opacity:0; pointer-events:none; -webkit-transform:translateY(10px); transform:translateY(10px); -webkit-backface-visibility:hidden; backface-visibility:hidden} #area-menu-desplegable .menuwrapper .menu.menu-toggle{transition:all 0.25s ease} #area-menu-desplegable .menuwrapper .menu.menuopen{opacity:1; pointer-events:auto; -webkit-transform:translateY(0px); transform:translateY(0px)} /* Hide the inner submenus */ #area-menu-desplegable .menuwrapper li .sub-menu{display:none; margin:0!important; padding:0!important} #area-menu-desplegable .menu.subview li, #area-menu-desplegable .menu.subview li.subviewopen >a, #area-menu-desplegable .menu.subview li.subview >a, #area-menu-desplegable .menu.subview li.subviewopen >small, #area-menu-desplegable .menu.subview li.subview >small, #area-menu-desplegable .mobile-only, body #area-menu-desplegable.slide-desde-la-derecha-hover .inner .off-canvas-menu-contenedor li.subviewopen >a, body #area-menu-desplegable.slide-desde-la-derecha-hover .inner .off-canvas-menu-contenedor li.subview >a{display:none} #area-menu-desplegable .menu.subview li.subview, #area-menu-desplegable .menu.subview li.subview .sub-menu, #area-menu-desplegable .menu.subview li.subviewopen, #area-menu-desplegable .menu.subview li.subviewopen >.sub-menu, #area-menu-desplegable .menu.subview li.subviewopen >.sub-menu >li{display:block} /* Dynamically added submenu outside of the menu context */ #area-menu-desplegable .menuwrapper >.sub-menu{position:absolute; width:100%; top:0; left:0; margin:0!important; padding:0!important} .menu.dl-animate-out-5{-webkit-animation:MenuAnimOut5 0.4s ease-in-out; animation:MenuAnimOut5 0.4s ease-in-out} .menu.dl-animate-in-5{-webkit-animation:MenuAnimIn5 0.4s ease-in-out; animation:MenuAnimIn5 0.4s ease-in-out} .menuwrapper >.sub-menu.dl-animate-in-5{-webkit-animation:SubMenuAnimIn5 0.4s ease-in-out; animation:SubMenuAnimIn5 0.4s ease-in-out} .menuwrapper >.sub-menu.dl-animate-out-5{-webkit-animation:SubMenuAnimOut5 0.4s ease-in-out; animation:SubMenuAnimOut5 0.4s ease-in-out} @-webkit-keyframes MenuAnimOut5{0%{} 100%{-webkit-transform:rotateY(-25deg) translateX(-300px); opacity:0} } @keyframes MenuAnimOut5{0%{} 100%{-webkit-transform:rotateY(-25deg) translateX(-300px); transform:rotateY(-25deg) translateX(-300px); opacity:0} } @-webkit-keyframes MenuAnimIn5{0%{-webkit-transform:rotateY(-25deg) translateX(-300px); opacity:0} 100%{-webkit-transform:rotateY(0deg) translateX(0px); opacity:1} } @keyframes MenuAnimIn5{0%{-webkit-transform:rotateY(-25deg) translateX(-300px); transform:rotateY(-25deg) translateX(-300px); opacity:0} 100%{-webkit-transform:rotateY(0deg) translateX(0px); transform:rotateY(0deg) translateX(0px); opacity:1} } @-webkit-keyframes SubMenuAnimIn5{0%{-webkit-transform:rotateY(25deg) translateX(300px); opacity:0} 100%{-webkit-transform:rotateY(0deg) translateX(0px); opacity:1} } @keyframes SubMenuAnimIn5{0%{-webkit-transform:rotateY(25deg) translateX(300px); transform:rotateY(25deg) translateX(300px); opacity:0} 100%{-webkit-transform:rotateY(0deg) translateX(0px); transform:rotateY(0deg) translateX(0px); opacity:1} } @-webkit-keyframes SubMenuAnimOut5{0%{-webkit-transform:rotateY(0deg) translateX(0px); opacity:1} 100%{-webkit-transform:rotateY(25deg) translateX(300px); opacity:0} } @keyframes SubMenuAnimOut5{0%{-webkit-transform:rotateY(0deg) translateX(0px); transform:rotateY(0deg) translateX(0px); opacity:1} 100%{-webkit-transform:rotateY(25deg) translateX(300px); transform:rotateY(25deg) translateX(300px); opacity:0} } .menu.dl-animate-out-4{-webkit-animation:MenuAnimOut4 0.4s ease-in-out; animation:MenuAnimOut4 0.4s ease-in-out} .menu.dl-animate-in-4{-webkit-animation:MenuAnimIn4 0.4s ease-in-out; animation:MenuAnimIn4 0.4s ease-in-out} .menuwrapper >.sub-menu.dl-animate-in-4{-webkit-animation:SubMenuAnimIn4 0.4s ease; animation:SubMenuAnimIn4 0.4s ease} .menuwrapper >.sub-menu.dl-animate-out-4{-webkit-animation:SubMenuAnimOut4 0.4s ease; animation:SubMenuAnimOut4 0.4s ease} @-webkit-keyframes MenuAnimOut4{0%{} 100%{-webkit-transform:scale(1.2); opacity:0} } @keyframes MenuAnimOut4{0%{} 100%{-webkit-transform:scale(1.2); transform:scale(1.2); opacity:0} } @-webkit-keyframes MenuAnimIn4{0%{-webkit-transform: scale(1.2); opacity:0} 100%{-webkit-transform:scale(1); opacity:1} } @keyframes MenuAnimIn4{0%{-webkit-transform:scale(1.2); transform:scale(1.2); opacity:0} 100%{-webkit-transform: scale(1); transform: scale(1); opacity:1} } @-webkit-keyframes SubMenuAnimIn4{0%{-webkit-transform:scale(0.8); opacity:0} 100%{-webkit-transform:scale(1); opacity:1} } @keyframes SubMenuAnimIn4{0%{-webkit-transform:scale(0.8); transform:scale(0.8); opacity:0} 100%{-webkit-transform:scale(1); transform:scale(1); opacity:1} } @-webkit-keyframes SubMenuAnimOut4{0%{-webkit-transform:scale(1); opacity:1} 100%{-webkit-transform:scale(0.8); opacity:0} } @keyframes SubMenuAnimOut4{0%{-webkit-transform:scale(1); transform:scale(1); opacity:1} 100%{-webkit-transform:scale(0.8); transform:scale(0.8); opacity:0} } #nectar-ocm-ht-line-check { position: absolute; visibility: hidden; pointer-events: none; width: 100%; font-size: 36px; line-height: 36px; font-family: 'Open Sans'; font-weight: 700; letter-spacing: -1px; } .material #area-menu-desplegable[class*="slide-desde-la-derecha"] .off-canvas-menu-contenedor li ul, #area-menu-desplegable[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-contenedor li ul { position: relative; max-height: 0; box-sizing: content-box; -webkit-transition: max-height 0.5s cubic-bezier(0.215,0.61,0.355,1),padding 0.25s cubic-bezier(0.215,0.61,0.355,1); transition: max-height 0.5s cubic-bezier(0.215,0.61,0.355,1),padding 0.25s cubic-bezier(0.215,0.61,0.355,1); -ms-transform: none; -webkit-transform: none; transform: none; overflow: hidden; } .material #area-menu-desplegable[class*="slide-desde-la-derecha"] .off-canvas-menu-contenedor li ul, #area-menu-desplegable[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-contenedor li ul { padding-left: 20px; } .material #area-menu-desplegable[class*="slide-desde-la-derecha"] .off-canvas-menu-contenedor li ul > li:first-child, #area-menu-desplegable[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-contenedor li ul > li:first-child { margin-top: 10px; } .material #area-menu-desplegable[class*="slide-desde-la-derecha"] .off-canvas-menu-contenedor li ul > li:last-child, #area-menu-desplegable[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-contenedor li ul > li:last-child { margin-bottom: 0; } .material #area-menu-desplegable[class*="slide-desde-la-derecha"] .inner .off-canvas-menu-contenedor li li a, body #area-menu-desplegable[data-dropdown-func="separate-dropdown-parent-link"] .inner .off-canvas-menu-contenedor li li a { font-size: 16px; line-height: 22px; } .material #area-menu-desplegable[class*="slide-desde-la-derecha"] .inner .off-canvas-menu-contenedor li.con-submenu > a, body #area-menu-desplegable[data-dropdown-func="separate-dropdown-parent-link"] .inner .off-canvas-menu-contenedor li.con-submenu > a{ margin-right: 20px; } body:not(.material) #area-menu-desplegable[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-contenedor li ul > li:last-child { margin-bottom: 10px;} /*### Menú ###*/ body[data-form-style="minimal"] input[type="text"].valor-busca {display:inline-block; width:auto; padding:1px 10px; vertical-align:top;} header#top nav >ul { min-height: 1px; line-height: 1px;} header#top nav >ul.buttons { transition: padding 0.8s ease;} .material header#top nav > ul.buttons { padding-right: 0px!important;} #cabecera-ext header#top nav >ul.buttons { right: 0;} #cabecera-ext[data-format="centered-menu-bottom-bar"] header#top nav >ul.buttons {margin-left: 15px;} body.material #cabecera-ext[data-full-width="true"]:not([data-format="left-header"]) header#top nav >ul.buttons {margin-left: 30px!important;} body[data-area-menu-desplegable-style="slide-desde-la-derecha"] .btn-area-menu-desplegable { z-index: 100;} #cabecera-ext ul li { list-style: none;} header#top nav >ul >li {float: left;} header#top nav >ul .btn-area-menu-desplegable {transition: margin 0.25s ease;} header#top nav ul.buttons li { line-height: 12px;} header#top nav ul li a { color: #888;} header#top nav ul .btn-area-menu-desplegable a { padding-left: 23px;padding: 0px 0px 0px 0px; width: 24px; height: 24px; display: block; background-position: right top; background-repeat: no-repeat; box-sizing: content-box!important; -moz-box-sizing: content-box!important;} header#top nav ul .btn-area-menu-desplegable a, header#top nav ul .btn-area-menu-desplegable a {line-height: 20px!important;height: 20px!important;} #cabecera-ext[data-format="centered-menu-bottom-bar"] header#top nav >ul li.btn-area-menu-desplegable {padding-top: 0!important;padding-bottom: 0!important;} #cabecera-ext[data-full-width="true"][data-cart="true"] header#top nav ul .btn-area-menu-desplegable { position: relative;} body.material #cabecera-ext:not([data-format="left-header"]) header#top nav > ul.buttons > li { margin: 0 14px!important;} body.material #cabecera-ext header#top nav > ul.buttons > li:first-child { margin-left: 0!important;} body.material #cabecera-ext header#top nav > ul.buttons > li:last-child, body.material #cabecera-ext[data-format="centered-menu-bottom-bar"] header#top nav > ul.buttons > .btn-area-menu-desplegable { margin-right: 0!important;} .btn-area-menu-desplegable a >span { transition: -webkit-transform 0.33s 0.3s ease-in; transition: transform 0.33s 0.3s ease-in; -webkit-transform-origin: center; transform-origin: center; display: block; height: 21px;} .btn-area-menu-desplegable .closed >span { transition: -webkit-transform 0.33s 0s ease; transition: transform 0.33s 0s ease;} header#top .btn-area-menu-desplegable a span {overflow: hidden; width: 22px;} header#top .btn-area-menu-desplegable a > span { position: relative;} .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button:after { height: 2px; background-color: rgba(0,0,0,0.4); display: inline-block; width: 1.4rem; height: 2px; transition: transform 0.45s ease,opacity 0.2s ease,background-color 0.2s linear; -webkit-transition: -webkit-transform 0.45s ease,opacity 0.2s ease,background-color 0.2s ease; position: absolute; left: 0; top: 0px; content: ''; transform: scale(1,1);-webkit-transform: scale(1,1);} header#top .btn-area-menu-desplegable a .lines-button:after {transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1) 0.04s, background-color 0.2s ease, opacity 0.2s ease!important;} #cabecera-ext.transparent header#top nav ul .btn-area-menu-desplegable a i.lines, body.material #cabecera-ext.transparent .btn-area-menu-desplegable a .close-line, #cabecera-ext.transparent:not(.side-widget-open) header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a i.lines-button:after { opacity: 0.75!important;} #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a i.lines, #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a i.lines:before, #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a i.lines:after, body.material #cabecera-ext.transparent:not(.directional-nav-effect) .btn-area-menu-desplegable a .close-line, #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button:after{ background-color: #ffffff!important;} .lines-button { transition: .3s; cursor: pointer; line-height: 0px!important; top: 9px; position: relative; font-size: 0px!important;user-select: none; display: block;} body #cabecera-ext .lines-button { top: 9px!important;} .lines{ display: block; width: 1.4rem; height: 2px; background-color: #ecf0f1; transition: 0.3s; position: relative;} .lines:before, .lines:after { display: block; width: 1.4rem; height: 2px; background: #ecf0f1; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.142rem center; transform-origin: 0.142rem center;} .lines:before { width: 1rem;top: 7px; transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1) 0s, background-color 0.2s ease,opacity 0.2s ease!important;} .lines:after { top: -7px; transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1) 0.08s, background-color 0.2s ease,opacity 0.2s ease!important;} .lines-button.x2 .lines {transition: background 0.2s ease,opacity 0.2s ease;} .lines-button.x2 .lines:before, .lines-button.x2 .lines:after {-webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: top 0.4s 0.45s ease,-webkit-transform 0.3s ease,background-color 0.2s ease,opacity 0.2s ease; transition: top 0.4s 0.45s ease,transform 0.3s ease,background-color 0.2s ease,opacity 0.2s ease;} .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button.x2 .lines:before, .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button.x2 .lines:after { transition: -webkit-transform 0.45s ease,background-color 0.2s ease,opacity 0.2s ease; transition: transform 0.45s ease,background-color 0.2s ease,opacity 0.2s ease;} .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button.x2 .lines:before, .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button.x2 .lines:after { transition: top 0.4s 0.45s ease,width 0.3s ease, -webkit-transform 0.3s ease,background-color 0.2s ease,opacity 0.2s ease; transition: top 0.4s 0.45s ease,width 0.3s ease, transform 0.3s ease,background-color 0.2s ease,opacity 0.2s ease;} header#top nav ul .btn-area-menu-desplegable a i.lines, header#top nav ul .btn-area-menu-desplegable a i.lines:before, header#top nav ul .btn-area-menu-desplegable a i.lines:after {background-color: rgba(0,0,0,0.4);} #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a i.lines, #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a i.lines:before, #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a i.lines:after, body.material #cabecera-ext.transparent:not(.directional-nav-effect) .btn-area-menu-desplegable a .close-line, #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button:after, #cabecera-ext.transparent.directional-nav-effect > header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i, #cabecera-ext.transparent.directional-nav-effect > header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i:after, #cabecera-ext.transparent.directional-nav-effect > header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i:before, #cabecera-ext.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a i.lines, #cabecera-ext.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a i.lines:before, #cabecera-ext.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a i.lines:after, #cabecera-ext.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i, #cabecera-ext.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i:after, #cabecera-ext.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i:before {background-color: #ffffff!important;} #cabecera-ext.transparent header#top nav ul .btn-area-menu-desplegable a i.lines, body.material #cabecera-ext.transparent .btn-area-menu-desplegable a .close-line, #cabecera-ext.transparent:not(.side-widget-open) header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a i.lines-button:after { opacity: 0.75!important;} #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a i.lines, #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a i.lines:before, #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a i.lines:after, body.material #cabecera-ext.transparent:not(.directional-nav-effect) .btn-area-menu-desplegable a .close-line, #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button:after, #cabecera-ext.transparent.directional-nav-effect > header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i, #cabecera-ext.transparent.directional-nav-effect > header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i:after, #cabecera-ext.transparent.directional-nav-effect > header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i:before, #cabecera-ext.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a i.lines, #cabecera-ext.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a i.lines:before, #cabecera-ext.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a i.lines:after, #cabecera-ext.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i, #cabecera-ext.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i:after, #cabecera-ext.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i:before {background-color: #ffffff!important;} #cabecera-ext.transparent header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a .lines-button .lines, #cabecera-ext header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a .lines-button .lines, #cabecera-ext.transparent.dark-slide:not(.directional-nav-effect) >header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a .lines-button i, #cabecera-ext.transparent .midnightHeader.light header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a i.lines, #cabecera-ext.transparent .midnightHeader.default header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a i.lines, #cabecera-ext.transparent .midnightHeader.dark header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a i.lines, #cabecera-ext.transparent.directional-nav-effect >header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a span.light .lines-button i, #cabecera-ext.transparent.directional-nav-effect >header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a span.dark .lines-button i { background-color: transparent!important;} #cabecera-ext.transparent header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a .lines-button .lines, #cabecera-ext header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a .lines-button .lines, #cabecera-ext.transparent.dark-slide:not(.directional-nav-effect) >header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a .lines-button i, #cabecera-ext.transparent .midnightHeader.light header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a i.lines, #cabecera-ext.transparent .midnightHeader.default header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a i.lines, #cabecera-ext.transparent .midnightHeader.dark header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a i.lines, #cabecera-ext.transparent.directional-nav-effect >header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a span.light .lines-button i, #cabecera-ext.transparent.directional-nav-effect >header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a span.dark .lines-button i { background-color: transparent!important;} .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button:after {height: 2px;background-color: rgba(0,0,0,0.4); display: inline-block; width: 1.4rem;height: 2px; transition: transform 0.45s ease,opacity 0.2s ease,background-color 0.2s linear; -webkit-transition: -webkit-transform 0.45s ease,opacity 0.2s ease,background-color 0.2s ease; position: absolute; left: 0; top: 0px; content: ''; transform: scale(1,1);-webkit-transform: scale(1,1);} header#top .btn-area-menu-desplegable a .lines-button:after { transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1) 0.04s, background-color 0.2s ease, opacity 0.2s ease!important;} #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a i.lines, #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a i.lines:before, #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a i.lines:after, body.material #cabecera-ext.transparent:not(.directional-nav-effect) .btn-area-menu-desplegable a .close-line, #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button:after, #cabecera-ext.transparent.directional-nav-effect > header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i, #cabecera-ext.transparent.directional-nav-effect > header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i:after, #cabecera-ext.transparent.directional-nav-effect > header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i:before, #cabecera-ext.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a i.lines, #cabecera-ext.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a i.lines:before, #cabecera-ext.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a i.lines:after, #cabecera-ext.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i, #cabecera-ext.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i:after, #cabecera-ext.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i:before {background-color: #ffffff!important;} #cabecera-ext.transparent header#top nav ul .btn-area-menu-desplegable a i.lines, body.material #cabecera-ext.transparent .btn-area-menu-desplegable a .close-line, #cabecera-ext.transparent:not(.side-widget-open) header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a i.lines-button:after { opacity: 0.75!important;} header#top .btn-area-menu-desplegable a span .lines-button.hover-effect {left: -30px; margin-top: -2px;} #cabecera-ext.transparent header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a .lines-button .lines, #cabecera-ext header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a .lines-button .lines, #cabecera-ext.transparent.dark-slide:not(.directional-nav-effect) >header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a .lines-button i, #cabecera-ext.transparent .midnightHeader.light header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a i.lines, #cabecera-ext.transparent .midnightHeader.default header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a i.lines, #cabecera-ext.transparent .midnightHeader.dark header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a i.lines, #cabecera-ext.transparent.directional-nav-effect >header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a span.light .lines-button i, #cabecera-ext.transparent.directional-nav-effect >header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] a span.dark .lines-button i { background-color: transparent!important;} #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a i.lines:before, #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a i.lines:after {background-color: #ffffff!important;} #cabecera-ext.transparent.dark-slide:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a .lines-button i:before, #cabecera-ext.transparent.dark-slide:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a .lines-button i:after{background-color: #000000!important;} #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a i.lines, #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a i.lines:before, #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a i.lines:after, body.material #cabecera-ext.transparent:not(.directional-nav-effect) .btn-area-menu-desplegable a .close-line, #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button:after, #cabecera-ext.transparent.directional-nav-effect > header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i, #cabecera-ext.transparent.directional-nav-effect > header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i:after, #cabecera-ext.transparent.directional-nav-effect > header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i:before, #cabecera-ext.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a i.lines, #cabecera-ext.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a i.lines:before, #cabecera-ext.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a i.lines:after, #cabecera-ext.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i, #cabecera-ext.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i:after, #cabecera-ext.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i:before {background-color: #ffffff!important;} #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a i.lines, #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a i.lines:before, #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable a i.lines:after, body.material #cabecera-ext.transparent:not(.directional-nav-effect) .btn-area-menu-desplegable a .close-line, #cabecera-ext.transparent:not(.directional-nav-effect) > header#top nav ul .btn-area-menu-desplegable[data-icon-animation="simple-transform"] .lines-button:after, #cabecera-ext.transparent.directional-nav-effect > header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i, #cabecera-ext.transparent.directional-nav-effect > header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i:after, #cabecera-ext.transparent.directional-nav-effect > header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i:before, #cabecera-ext.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a i.lines, #cabecera-ext.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a i.lines:before, #cabecera-ext.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a i.lines:after, #cabecera-ext.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i, #cabecera-ext.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i:after, #cabecera-ext.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .btn-area-menu-desplegable a span.light .lines-button i:before { background-color: #ffffff!important;} #cabecera-ext.transparent header#top nav > ul > li > a, #cabecera-ext.transparent header#top nav ul #search-btn a span.icon-salient-search, #cabecera-ext.transparent header#top nav ul #nectar-user-account a span, #cabecera-ext.transparent nav > ul > li > a > .sf-sub-indicator [class^="icon-"], #cabecera-ext.transparent nav > ul > li > a > .sf-sub-indicator [class*=" icon-"], #cabecera-ext.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend #boxed #cabecera-ext.transparent .cart-menu .cart-icon-wrap .icon-salient-cart { color: #ffffff!important; opacity: 0.75!important; transition: opacity 0.2s ease,color 0.2s ease;} #cabecera-ext.transparent[data-lhe="animated_underline"] header#top nav > ul > li > a:hover { opacity: 1!important;} #cabecera-ext[data-lhe="animated_underline"].transparent header#top nav > ul > li > a:after, #cabecera-ext.transparent header#top nav>ul>li[class*="button_bordered"]>a:before { border-color: #ffffff!important;} .slide_out_area_close:before, #search-outer #search #close a:before {/*background-color: #b0994c!important;*/ background-color: #e40000!important; z-index:1;} .slide_out_area_close .close-wrap { z-index: 2;} body.material #area-menu-desplegable.slide-desde-la-derecha .off-canvas-menu-contenedor > .menu > li a { opacity: 1; transition: color 0.37s cubic-bezier(0.52, 0.01, 0.16, 1);text-transform: uppercase;} body.material #area-menu-desplegable.slide-desde-la-derecha .off-canvas-menu-contenedor ul.sub-menu2 li a { text-transform: none!important;} body.material #area-menu-desplegable[class*="slide-desde-la-derecha"] .off-canvas-menu-contenedor li {margin-bottom: 10px; line-height:normal;} body #area-menu-desplegable .inner .off-canvas-menu-contenedor li a { font-weight:900;} #area-menu-desplegable .widget.bloque_nav_menu li a { font-size:16px; margin-bottom:6px;} #area-menu-desplegable .off-canvas-menu-contenedor ul li ul li { padding-bottom:2px;} body.material .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover{ color: #6f3e22!important;} body.plantilla #area-menu-desplegable.slide-desde-la-derecha .off-canvas-social-links a { padding:0 14px; margin-left:0; margin-right:0;} body.plantilla #area-menu-desplegable.slide-desde-la-derecha .off-canvas-social-links li:first-child a { padding-left: 0;} body.plantilla #area-menu-desplegable.slide-desde-la-derecha .off-canvas-social-links a i {font-size: 20px!important;height: 26px;width: auto;} #area-menu-desplegable[class*="slide-desde-la-derecha"] .off-canvas-menu-contenedor li a { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-family: 'Montserrat', sans-serif; font-size:20px; letter-spacing:0.02em; font-weight:bold!important;} .material #area-menu-desplegable[class*="slide-desde-la-derecha"] .inner .off-canvas-menu-contenedor li li a, body #area-menu-desplegable[data-dropdown-func="separate-dropdown-parent-link"] .inner .off-canvas-menu-contenedor li li a { line-height:normal;} .material #area-menu-desplegable[class*="slide-desde-la-derecha"] .off-canvas-menu-contenedor li ul > li:first-child, #area-menu-desplegable[data-dropdown-func="separate-dropdown-parent-link"] .off-canvas-menu-contenedor li ul > li:first-child { margin-top: 8px;} #area-menu-desplegable .ocm-dropdown-arrow { top:15px!important;} #area-menu-desplegable[class*="slide-desde-la-derecha"] .widget.bloque_nav_menu li a { margin-bottom: 2px;} #area-menu-desplegable[class*="slide-desde-la-derecha"] .off-canvas-menu-contenedor li.elemento-menu.bt-destaca { margin-top:25px; } #area-menu-desplegable[class*="slide-desde-la-derecha"] .off-canvas-menu-contenedor li.elemento-menu.bt-destaca a { font-size:17px; border: 2px solid #fff; padding: 5px 16px;} #area-menu-desplegable[class*="slide-desde-la-derecha"] .off-canvas-menu-contenedor li.elemento-menu.bt-destaca a:hover { background-color:#6f3e22;} #area-menu-desplegable[class*="slide-desde-la-derecha"] .off-canvas-menu-contenedor li.elemento-menu.bt-destaca a:hover:after { -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0);} /*Idiomas*/ .zona-idiomas {display: block; position: relative;} ul.menu-idioma{ display:block; position:relative; list-style-type:none; margin-left:0; margin:10px auto;color:#121212; padding-left:0; text-align:left; z-index:1; right:5px;} ul.menu-idioma li{ display:inline-block; position:relative; color:#acabb1; margin:0 2px; height:auto;font-size:13px; } ul.menu-idioma li a{ padding:1px; color:#acabb1;} ul.menu-idioma li a:hover{ color:#f19d49;} ul.menu-idioma li a.activo{ color:#f19d49;} ul.menu-idioma li img{ width:22px; height:auto; opacity:0.6;} ul.menu-idioma li a:hover img{ opacity:1;} ul.menu-idioma li a.activo img{ opacity:1;} /* /Fin idiomas */ @media only screen and (min-width: 1001px){ /*### Menu ###*/ #cabecera-ext:not([data-format="left-header"]) header#top nav >ul { float: none; display: inline-block; vertical-align: middle;} #cabecera-ext:not([data-format="left-header"]) header#top nav >ul >li { -webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-ms-flex-align: center;align-items: center;} #cabecera-ext[data-full-width="true"] header#top nav >ul.buttons { margin-left: 0!important;} #cabecera-ext:not([data-format="left-header"]) header#top nav >ul.buttons { overflow: visible!important; height: auto;} body.material #cabecera-ext:not([data-format="left-header"]) header#top > .contenedor > .unafila nav >ul{ display: -webkit-flex; display: -ms-flexbox; display: flex;} body.material #cabecera-ext:not([data-format="left-header"]) header#top > .contenedor > .unafila nav >ul > li { display: -webkit-flex; display: -ms-flexbox; display: flex;} /* ----------------- Correcciones Logueado ----------------*/ body.material.home.logged-in #cabecera-ext:not([data-format="left-header"]) { position: absolute;} body.plantilla.logged-in #cabecera-ext[data-transparent-header="true"].transparent { position:absolute;} /* -----------------/ Fin Correcciones Logueado ----------------*/ } @media screen and (min-width: 1500px) { #area-menu-desplegable[class*="slide-desde-la-derecha"] .off-canvas-menu-contenedor li a { font-size:24px;} } @media screen and (max-device-width: 600px) { html { -webkit-text-size-adjust: none!important;} } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) { html { -webkit-text-size-adjust: none!important;} } /*modo vertical y horizontal-reglas solo para el iphone4 y iphone4s*/ .slide_out_area_close { display: none!important;; } /* Solo visible cuando el menú está abierto */ .material-ocm-open .slide_out_area_close { display: block!important;; }