/* Theme Name: DRUCK Version: 1.0 Salmón: #FF967E Gris: #BDB7B1 */ html, body { height: 100%; width: 100%; } /* h1, h2, h3, h4 { color: #000; } */ #cargador { position: fixed; top: 0; width: 100%; height: 100%; z-index: 9999998; pointer-events: none; opacity: 1; background-color: #fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -transition: all .5s ease; } #cargador.on { opacity: 0; pointer-events: none; } #guia { display: none; position: fixed; top: 0; width: 100%; height: 100%; z-index: 9999999; pointer-events: none; opacity: .5 } #guia.on { display: block; } #guia .border-left, #guia .border-right { border-color: #5eabf7 !important; } #guia .container, #guia .row , #guia div { height: 100%; } #guia div.col-1 { /* background-color: #eee; */ } @font-face { font-family: 'Graphik Web'; src: url('/fonts/Graphik-Regular-Web.woff2') format('woff2'), url('/fonts/Graphik-Regular-Web.woff') format('woff'); font-weight: 400; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; src: url('/fonts/Graphik-Bold-Web.woff2') format('woff2'), url('/fonts/Graphik-Bold-Web.woff') format('woff'); font-weight: 700; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; src: url('/fonts/Graphik-Light-Web.woff2') format('woff2'), url('/fonts/Graphik-Light-Web.woff') format('woff'); font-weight: 300; font-style: normal; font-stretch: normal; } /* Elementos HTML ----------------------------------- */ h1, h2, h3, h4, .strong, strong, b { font-family: 'Graphik Web'; font-weight: 700; font-style: normal; font-stretch: normal; } @media (max-width: 768px) { .texto h3 { font-size: 17px; } } @media (max-width: 991px) { .texto h3 { font-size: 22px; } } @media (max-width: 1024px) { .texto h3 { font-size: 20px; } } @media (max-width: 1440px) { .texto h3 { font-size: 22px; } } body { font-family: 'Graphik Web'; font-weight: 300; font-style: normal; font-stretch: normal; /* background: url(/img/fondo.png) no-repeat center top; */ } body.off #contenido, body.off #pie { opacity: .2; } .regular { font-family: 'Graphik Web'; font-weight: 400; font-style: normal; font-stretch: normal; } .light { font-family: 'Graphik Web'; font-weight: 300; font-style: normal; font-stretch: normal; } a, a:focus, a:active { color: #000000; text-decoration: none; -webkit-transition: color .1s ease; -moz-transition: color .1s ease; -o-transition: color .1s ease; -transition: color .1s ease; } p { color: #000000; } p a { text-decoration: underline; } p a:hover { text-decoration: none; color: #FF967E; } *.links-invertidos a { text-decoration: none !important; } *.links-invertidos a:hover { text-decoration: underline !important; } /* a.btn:hover, a:hover { color: #FF967E; } */ input[type="text"], input[type="email"], textarea { padding-left: 5px; padding-right: 5px; -webkit-appearance: none; box-shadow: none !important; } small{ font-size: 12px; color: #555; } small a { text-decoration: underline !important; } small a:hover { color: #BDB7B1; text-decoration: none; } #contenido small{ font-size: 14px; } #contenido small a { text-decoration: underline !important; } #contenido small a:hover { color: #BDB7B1; text-decoration: none; } #contenido input[type="text"], #contenido input[type="email"], #contenido textarea { background-color: rgba(189, 184, 178, 0.5); border-color: 1px solid #BDB7B1; } #contenido input[type="text"]:focus, #contenido input[type="email"]:focus, #contenido textarea:focus { background-color: #ffffff; border-color: #FF967E; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container.bomb { position: relative; padding-bottom: 64%; height: 0; overflow: hidden; } .video-container .fantasma { z-index: 999; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Tipografía ----------------------------------- */ html { font-size: 15px; } *.titulo { font-size: 22px !important; line-height: 1.1em !important; color: #000000; } .padding-titulo .titulo { padding: 20px 0 0 0; line-height: 1.1em !important; } #contenido.single-portfolio h2, #portfolio .snippet h2 { font-size: 25px !important; line-height: 1em !important; } *.subtitulo, .subtitulo { font-size: 19px !important; line-height: 1em !important; } .texto.grande { color: #0F0F0F; letter-spacing: -0.6px !important; line-height: 1.5em !important; } .titulo-apoyo { font-size: 14px; color: #BDB7B1; } @media (min-width: 768px) { /* + iPad 9 vertical */ html { font-size: 15px; } *.titulo { font-size: 30px !important; letter-spacing: -0.48px !important; line-height: 34px !important; } .padding-titulo .titulo { padding: 40px 0 0 0; font-size: 30px !important; letter-spacing: -0.44px !important; line-height: 34px !important; } #contenido.single-portfolio h2, #portfolio .snippet h2 { font-size: 25px !important; line-height: 25px !important; margin: 0 0 20px 0; padding: 0; } *.subtitulo { font-size: 20px !important; letter-spacing: -0.4px !important; line-height: 22px !important; } .listado-grande.subtitulo { font-size: 18px !important; line-height: 20px !important; } .texto.grande { font-size: 16px !important; color: #0F0F0F; letter-spacing: -0.6px !important; line-height: 25px !important; } } @media (min-width: 992px) { html { font-size: 14px; } .titulo-apoyo { font-size: 13px; color: #BDB7B1; } *.titulo { font-size: 27px !important; letter-spacing: -0.48px !important; line-height: 30px !important; } .padding-titulo .titulo { padding: 40px 0 0 0; font-size: 27px !important; letter-spacing: -0.44px !important; line-height: 30px !important; } *.subtitulo { font-size: 20px !important; letter-spacing: -0.4px !important; line-height: 22px !important; } } @media (min-width: 1024px){ .titulo-apoyo { font-size: 12px; } } @media (min-width: 1113px) { /* + iPad 11 horizontal */ html { font-size: 15px; } *.titulo { font-size: 30px !important; letter-spacing: -0.48px !important; line-height: 32px !important; } .capa-de-color .titulo { font-size: 60px !important; line-height: 64px !important; } .titulo-apoyo { font-size: 13px; } .padding-titulo .titulo { padding: 40px 0 0 0; font-size: 30px !important; letter-spacing: -0.44px !important; line-height: 35px !important; } #contenido.single-portfolio h2, #portfolio .snippet h2 { font-size: 21px !important; line-height: 25px !important; margin: 0 0 20px 0; padding: 0; } *.subtitulo { font-size: 22px !important; letter-spacing: -0.4px !important; line-height: 27px !important; } .listado-grande.subtitulo { font-size: 18px !important; line-height: 20px !important; } .texto.grande { font-size: 16px !important; color: #0F0F0F; letter-spacing: -0.6px !important; line-height: 25px !important; } } @media (min-width: 1600px) { /* + macBook pro13 */ html { font-size: 16px; } *.titulo { font-size: 44px !important; letter-spacing: -0.48px !important; line-height: 44px !important; } .capa-de-color .titulo { font-size: 90px !important; line-height: 96px !important; } .padding-titulo .titulo { padding: 40px 0 0 0; font-size: 44px !important; letter-spacing: -0.44px !important; line-height: 50px !important; } *.subtitulo { font-size: 25px !important; letter-spacing: -0.4px !important; line-height: 27px !important; } .listado-grande.subtitulo { font-size: 25px !important; line-height: 30px !important; } .texto.grande { font-size: 17px !important; color: #0F0F0F; letter-spacing: -0.6px !important; line-height: 25px !important; } } /* .classes ----------------------------------- */ .border-xs-bottom { border-bottom: 1px solid #dee2e6; } .border-xs-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-xs-left { border-left: 1px solid #dee2e6 !important; } .border-xs-right { border-right: 1px solid #dee2e6 !important; } @media (min-width: 576px) { } @media (min-width: 768px) { .border-md-bottom { border-bottom: 1px solid #dee2e6; } .border-md-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-md-left { border-left: 1px solid #dee2e6 !important; } .border-md-right { border-right: 1px solid #dee2e6 !important; } .border-xs-bottom { border-bottom: none; } .border-xs-bottom { border-bottom: none !important; } .border-xs-left { border-left: none !important; } .border-xs-right { border-right: none !important; } } @media (min-width: 992px) { .border-md-bottom { border-bottom: none !important; } .border-md-left { border-left: none !important; } .border-md-right { border-right: none !important; } .border-lg-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-lg-left { border-left: 1px solid #dee2e6 !important; } .border-lg-right { border-right: 1px solid #dee2e6 !important; } } @media (min-width: 1200px) { .border-md-bottom { border-bottom: none !important; } .border-md-left { border-left: none !important; } .border-md-right { border-right: none !important; } .border-lg-bottom { border-bottom: none !important; } .border-lg-left { border-left: none !important; } .border-lg-right { border-right: none !important; } .border-xl-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-xl-left { border-left: 1px solid #dee2e6 !important; } .border-xl-right { border-right: 1px solid #dee2e6 !important; } } @media (max-width: 1023px) { .border-left-soluciones { border-left: 1px solid #dee2e6 !important; } } @media (max-width: 991px) { .border-right-soluciones { border-right: 1px solid #dee2e6 !important; } } @media (min-width: 768px) and (max-width: 991px) { .border-left.hack-border-left-noticias-home { border-left: none !important; } } .embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .btn { color: #FF967E; font-weight: 700; line-height: 1em; } .btn:after { content: ' >' !important; } .btn:hover { color: #FF967E !important; } .btn:hover:after { content: ' +' !important; } a.btn.blanco { color: white !important; } a.btn.blanco:hover { color: white !important; } .fondo-salmon, .fondo-salmon-movil { background-color: #FF967E; } /* .fondo-salmon-movil { margin-bottom: 10px; } */ /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { .home .fondo-salmon-movil { background-color: transparent; } } @media (min-width: 992px) { .fondo-salmon-movil { background-color: transparent; margin-bottom: 0px; } } a:hover .fondo-salmon, .fondo-salmon a:hover { color: white; text-decoration: none; } /* .fondo-salon a:hover { color: white; } */ .fondo-negro { background-color: #000000 !important; color: #fff !important; } .fondo-negro * { color: #fff !important; } .fondo-negro a { color: #fff; } /* .fondo-negro .btn:hover, .fondo-negro a:hover { color: #fff; } */ .fondo-negro small { color: #BDB7B1 !important; font-weight: 300; } .fondo-gris, .fondo-gris-movil { background-color: #BDB7B1; } @media (min-width: 992px) { .fondo-gris-movil { background-color: transparent; margin-bottom: 0px; } } a:hover .fondo-gris { color: white; text-decoration: none; } .fondo-gris-50 { background: rgba(189,183,177,0.50); } .texto-salmon { color: #FF967E !important; } a.texto-salmon:hover { color: #FF967E; } .alto-completo { height: 100%; } .bloque-titulo { padding: 20px 0; } .linea-base-xs { margin-top: 5px; display: block; width: 100%; } .linea-base-xs .forzar-titular { line-height: .75em !important; border: 1px solid black; } .linea-base.no-xs { position: relative; bottom: auto; display: block; width: 100%; } .play-salmon { width: 40px; height: auto; margin-top: 20px; } @media (min-width: 992px) { .play-salmon { margin-top: 0; max-width: 70px; } .linea-base-xs { position: relative; bottom: auto; padding-top: 10px; } } *.bold { font-weight: 700; } *.padding-seguridad { padding-right: 20px !important; } *.margen-superior { margin-top: 10px !important; } *.margen-superior.x2 { margin-top: 20px !important; } *.margen-inferior { margin-top: 10px !important; } *.margen-inferior.x2 { margin-bottom: 20px !important; } .margen-movil { margin-bottom: 20px; } @media (min-width: 768px) { .margen-movil { margin-bottom: 0; } } .padding-movil { padding-bottom: 40px !important; } @media (min-width: 769px) { .padding-movil { padding-bottom: 10px !important; } } .plegable { height: 0; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; pointer-events: none; overflow: hidden; } .plegable.on { height: auto; opacity: 1; pointer-events: all; } .navegador { display: none; } .navegador img:first-child { display: inline-block; margin-right: 30px; } .navegador img { width: 15px; height: auto; cursor: pointer; } .navegador img:first-child { display: inline-block; margin-right: 30px; } .bullets { position: absolute; bottom: 0px; left: 0; z-index: 999; opacity: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; } .galeria-slide:hover .bullets { bottom: 0; opacity: 1; } .bullets span { display: inline-block; width: 5px; height: 5px; margin-left: 5px; background-color: white; cursor: pointer; } .bullets span.cycle-pager-active, .bullets span:hover { background-color: #000; } /* .linea-fondo-xs-7 { background-image: url(img/line.png); background-repeat: repeat-y; background-position: 50% 0; } */ @media (min-width: 990px) { .bullets { bottom: -10px; left: auto; right: 40px; opacity: 0; } } @media (min-width: 990px) { .no-border-left-md { border-left: none !important; } .no-border-right-md { border-right: none !important; } } @media (min-width: 576px) { } @media (min-width: 768px) { .hackreticula { margin: auto -5px; } } @media (min-width: 992px) { .hackreticula { margin: auto -10px; } } @media (min-width: 1680px) { .hackreticula { margin: auto -15px; } } .col-3_4 { width: 100%; } @media (min-width: 992px) { .col-3_4 { width: 25%; } } .hack-reticula { overflow: hidden; } .hack-reticula .row { margin: auto -5px; } .hack-reticula .col-1, .hack-reticula .col-2, .hack-reticula .col-3, .hack-reticula .col-4, .hack-reticula .col-5, .hack-reticula .col-6, .hack-reticula .col-7, .hack-reticula .col-8, .hack-reticula .col-9, .hack-reticula .col-10, .hack-reticula .col-11, .hack-reticula .col-12, .hack-reticula .col-13, .hack-reticula .col-14, .hack-reticula .col, .hack-reticula .col-auto, .hack-reticula .col-sm-1, .hack-reticula .col-sm-2, .hack-reticula .col-sm-3, .hack-reticula .col-sm-4, .hack-reticula .col-sm-5, .hack-reticula .col-sm-6, .hack-reticula .col-sm-7, .hack-reticula .col-sm-8, .hack-reticula .col-sm-9, .hack-reticula .col-sm-10, .hack-reticula .col-sm-11, .hack-reticula .col-sm-12, .hack-reticula .col-sm-13, .hack-reticula .col-sm-14, .hack-reticula .col-sm, .hack-reticula .col-sm-auto, .hack-reticula .col-md-1, .hack-reticula .col-md-2, .hack-reticula .col-md-3, .hack-reticula .col-md-4, .hack-reticula .col-md-5, .hack-reticula .col-md-6, .hack-reticula .col-md-7, .hack-reticula .col-md-8, .hack-reticula .col-md-9, .hack-reticula .col-md-10, .hack-reticula .col-md-11, .hack-reticula .col-md-12, .hack-reticula .col-md-13, .hack-reticula .col-md-14, .hack-reticula .col-md, .hack-reticula .col-md-auto, .hack-reticula .col-lg-1, .hack-reticula .col-lg-2, .hack-reticula .col-lg-3, .hack-reticula .col-lg-4, .hack-reticula .col-lg-5, .hack-reticula .col-lg-6, .hack-reticula .col-lg-7, .hack-reticula .col-lg-8, .hack-reticula .col-lg-9, .hack-reticula .col-lg-10, .hack-reticula .col-lg-11, .hack-reticula .col-lg-12, .hack-reticula .col-lg-13, .hack-reticula .col-lg-14, .hack-reticula .col-lg, .hack-reticula .col-lg-auto, .hack-reticula .col-xl-1, .hack-reticula .col-xl-2, .hack-reticula .col-xl-3, .hack-reticula .col-xl-4, .hack-reticula .col-xl-5, .hack-reticula .col-xl-6, .hack-reticula .col-xl-7, .hack-reticula .col-xl-8, .hack-reticula .col-xl-9, .hack-reticula .col-xl-10, .hack-reticula .col-xl-11, .hack-reticula .col-xl-12, .hack-reticula .col-xl-13, .hack-reticula .col-xl-14, .hack-reticula .col-xl, .hack-reticula .col-xl-auto, .hack-reticula .col-xxl-1, .hack-reticula .col-xxl-2, .hack-reticula .col-xxl-3, .hack-reticula .col-xxl-4, .hack-reticula .col-xxl-5, .hack-reticula .col-xxl-6, .hack-reticula .col-xxl-7, .hack-reticula .col-xxl-8, .hack-reticula .col-xxl-9, .hack-reticula .col-xxl-10, .hack-reticula .col-xxl-11, .hack-reticula .col-xxl-12, .hack-reticula .col-xxl-13, .hack-reticula .col-xxl-14, .hack-reticula .col-xxl, .hack-reticula .col-xxl-auto { padding-left: 5px; padding-right: 5px; } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { } /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 992px) { .hack-reticula .row { margin: auto -12px; } .hack-reticula .col-1, .hack-reticula .col-2, .hack-reticula .col-3, .hack-reticula .col-4, .hack-reticula .col-5, .hack-reticula .col-6, .hack-reticula .col-7, .hack-reticula .col-8, .hack-reticula .col-9, .hack-reticula .col-10, .hack-reticula .col-11, .hack-reticula .col-12, .hack-reticula .col-13, .hack-reticula .col-14, .hack-reticula .col, .hack-reticula .col-auto, .hack-reticula .col-sm-1, .hack-reticula .col-sm-2, .hack-reticula .col-sm-3, .hack-reticula .col-sm-4, .hack-reticula .col-sm-5, .hack-reticula .col-sm-6, .hack-reticula .col-sm-7, .hack-reticula .col-sm-8, .hack-reticula .col-sm-9, .hack-reticula .col-sm-10, .hack-reticula .col-sm-11, .hack-reticula .col-sm-12, .hack-reticula .col-sm-13, .hack-reticula .col-sm-14, .hack-reticula .col-sm, .hack-reticula .col-sm-auto, .hack-reticula .col-md-1, .hack-reticula .col-md-2, .hack-reticula .col-md-3, .hack-reticula .col-md-4, .hack-reticula .col-md-5, .hack-reticula .col-md-6, .hack-reticula .col-md-7, .hack-reticula .col-md-8, .hack-reticula .col-md-9, .hack-reticula .col-md-10, .hack-reticula .col-md-11, .hack-reticula .col-md-12, .hack-reticula .col-md-13, .hack-reticula .col-md-14, .hack-reticula .col-md, .hack-reticula .col-md-auto, .hack-reticula .col-lg-1, .hack-reticula .col-lg-2, .hack-reticula .col-lg-3, .hack-reticula .col-lg-4, .hack-reticula .col-lg-5, .hack-reticula .col-lg-6, .hack-reticula .col-lg-7, .hack-reticula .col-lg-8, .hack-reticula .col-lg-9, .hack-reticula .col-lg-10, .hack-reticula .col-lg-11, .hack-reticula .col-lg-12, .hack-reticula .col-lg-13, .hack-reticula .col-lg-14, .hack-reticula .col-lg, .hack-reticula .col-lg-auto, .hack-reticula .col-xl-1, .hack-reticula .col-xl-2, .hack-reticula .col-xl-3, .hack-reticula .col-xl-4, .hack-reticula .col-xl-5, .hack-reticula .col-xl-6, .hack-reticula .col-xl-7, .hack-reticula .col-xl-8, .hack-reticula .col-xl-9, .hack-reticula .col-xl-10, .hack-reticula .col-xl-11, .hack-reticula .col-xl-12, .hack-reticula .col-xl-13, .hack-reticula .col-xl-14, .hack-reticula .col-xl, .hack-reticula .col-xl-auto, .hack-reticula .col-xxl-1, .hack-reticula .col-xxl-2, .hack-reticula .col-xxl-3, .hack-reticula .col-xxl-4, .hack-reticula .col-xxl-5, .hack-reticula .col-xxl-6, .hack-reticula .col-xxl-7, .hack-reticula .col-xxl-8, .hack-reticula .col-xxl-9, .hack-reticula .col-xxl-10, .hack-reticula .col-xxl-11, .hack-reticula .col-xxl-12, .hack-reticula .col-xxl-13, .hack-reticula .col-xxl-14, .hack-reticula .col-xxl, .hack-reticula .col-xxl-auto { padding-left: 12px; padding-right: 12px; } } /* Large devices (desktops, 992px and up) */ @media (min-width: 1680px) { .hack-reticula .row { margin: auto -16px; } .hack-reticula .col-1, .hack-reticula .col-2, .hack-reticula .col-3, .hack-reticula .col-4, .hack-reticula .col-5, .hack-reticula .col-6, .hack-reticula .col-7, .hack-reticula .col-8, .hack-reticula .col-9, .hack-reticula .col-10, .hack-reticula .col-11, .hack-reticula .col-12, .hack-reticula .col-13, .hack-reticula .col-14, .hack-reticula .col, .hack-reticula .col-auto, .hack-reticula .col-sm-1, .hack-reticula .col-sm-2, .hack-reticula .col-sm-3, .hack-reticula .col-sm-4, .hack-reticula .col-sm-5, .hack-reticula .col-sm-6, .hack-reticula .col-sm-7, .hack-reticula .col-sm-8, .hack-reticula .col-sm-9, .hack-reticula .col-sm-10, .hack-reticula .col-sm-11, .hack-reticula .col-sm-12, .hack-reticula .col-sm-13, .hack-reticula .col-sm-14, .hack-reticula .col-sm, .hack-reticula .col-sm-auto, .hack-reticula .col-md-1, .hack-reticula .col-md-2, .hack-reticula .col-md-3, .hack-reticula .col-md-4, .hack-reticula .col-md-5, .hack-reticula .col-md-6, .hack-reticula .col-md-7, .hack-reticula .col-md-8, .hack-reticula .col-md-9, .hack-reticula .col-md-10, .hack-reticula .col-md-11, .hack-reticula .col-md-12, .hack-reticula .col-md-13, .hack-reticula .col-md-14, .hack-reticula .col-md, .hack-reticula .col-md-auto, .hack-reticula .col-lg-1, .hack-reticula .col-lg-2, .hack-reticula .col-lg-3, .hack-reticula .col-lg-4, .hack-reticula .col-lg-5, .hack-reticula .col-lg-6, .hack-reticula .col-lg-7, .hack-reticula .col-lg-8, .hack-reticula .col-lg-9, .hack-reticula .col-lg-10, .hack-reticula .col-lg-11, .hack-reticula .col-lg-12, .hack-reticula .col-lg-13, .hack-reticula .col-lg-14, .hack-reticula .col-lg, .hack-reticula .col-lg-auto, .hack-reticula .col-xl-1, .hack-reticula .col-xl-2, .hack-reticula .col-xl-3, .hack-reticula .col-xl-4, .hack-reticula .col-xl-5, .hack-reticula .col-xl-6, .hack-reticula .col-xl-7, .hack-reticula .col-xl-8, .hack-reticula .col-xl-9, .hack-reticula .col-xl-10, .hack-reticula .col-xl-11, .hack-reticula .col-xl-12, .hack-reticula .col-xl-13, .hack-reticula .col-xl-14, .hack-reticula .col-xl, .hack-reticula .col-xl-auto, .hack-reticula .col-xxl-1, .hack-reticula .col-xxl-2, .hack-reticula .col-xxl-3, .hack-reticula .col-xxl-4, .hack-reticula .col-xxl-5, .hack-reticula .col-xxl-6, .hack-reticula .col-xxl-7, .hack-reticula .col-xxl-8, .hack-reticula .col-xxl-9, .hack-reticula .col-xxl-10, .hack-reticula .col-xxl-11, .hack-reticula .col-xxl-12, .hack-reticula .col-xxl-13, .hack-reticula .col-xxl-14, .hack-reticula .col-xxl, .hack-reticula .col-xxl-auto { padding-left: 16px; padding-right: 16px; } } /* .altura-identidad { min-height: 104px; vertical-align: bottom; } */ .margen-interno { padding: 10px; } .margen-interno.x2 { padding: 20px; } .margen-interno-movil { padding: 0 20px; } @media (min-width: 991px) { .margen-interno-movil { padding: 0; } } @media (max-width: 991px) { .margen-bullets-movil { padding-bottom: 40px !important; } } @media (min-width: 576px) { } @media (min-width: 768px) { #portfolio .snippet .margen-interno.x2 { padding: 10px; } .margen-interno.x2 { padding: 20px; } } @media (min-width: 992px) { .margen-interno.margen-top { padding-top: 10px; } .margen-interno.margen-top.x2 { padding-top: 20px; } #portfolio .snippet .margen-interno.x2 { padding: 10px; } } @media (min-width: 1024px) { .margen-interno.x2 { padding: 15px; } } @media (min-width: 1112px) { .margen-interno.x2 { padding: 20px; } #portfolio .snippet .margen-interno.x2 { padding: 10px; } #portfolio .snippet.x2 h2 { font-size: 40px !important; } #portfolio .snippet h2 { font-size: 21px !important; line-height: 1em !important; margin-bottom: 15px; } } @media (min-width: 1367px) { #portfolio .margen-interno.x2 { padding: 20px !important; } #portfolio .snippet.x2 h2 { font-size: 50px !important; } #portfolio .snippet h2 { font-size: 25px !important; line-height: 1em !important; margin-bottom: 20px; } } @media (min-width: 1441px) { .margen-interno.margen-top { padding-top: 20px; } .margen-interno.margen-top.x2 { padding-top: 30px; } } .margen-interno .btn { padding: 0; } .no-margin-top { margin-top: 0; } .no-margin-bottom { margin-bottom: 0; } .no-margin-left { margin-left: 0; } .no-margin-right { margin-right: 0; } .relativiza { position: relative !important; } .altura-identidad { min-height: 30px; } img#faktoria { width: 80px; height: auto; } .altura-identidad-x2 { min-height: 80px; } .container, .container-fluid { padding: 0 !important; } #contenido ul { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; padding-left: .7em; text-indent: -.7em; } #contenido ul li { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; list-style-type: none; margin-bottom: 1em; } #contenido ul li:before { content: '> '; } #faktoria { cursor: pointer; } /* Manifiesto */ #manifiesto-fondo { pointer-events: none; display: none; opacity: 0; position: fixed; top: 0; width: 100%; height: 100%; z-index: 10000000; background: rgba(0, 0, 0, .8); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; } #manifiesto { pointer-events: none; display: none; opacity: 0; position: absolute; top: 0; width: 100%; height: 100%; z-index: 10000001; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; } #manifiesto-fondo.on, #manifiesto.on { pointer-events: all; opacity: 1; display: block; } #manifiesto p.subtitulo { line-height: 1.2em !important; } @media (min-width: 992px) { #manifiesto .fondo-salmon { padding: 5% !important; } } @media (min-width: 1650px) { #manifiesto .fondo-salmon { padding: 50px !important; } } /* Navegador de posts */ #navegador-de-posts { font-size: 14px; min-height: 150px; } #navegador-de-posts .container, #navegador-de-posts .container-fluid { width: 100% !important; } #navegador-de-posts a:hover { color: #000; } #navegador-de-posts #boton_anterior { text-align: left; pointer-events: all; } #navegador-de-posts #boton_siguiente { text-align: right; pointer-events: all; } #navegador-de-posts #boton_anterior a:before { content: '<'; display: block; margin: 0; padding: 0; font-size: 20px; } #navegador-de-posts #boton_siguiente a:before { content: '>'; display: block; margin: 0; padding: 0; font-size: 20px; } #navegador-de-posts #boton_anterior:hover, #navegador-de-posts #boton_anterior:hover .texto, #navegador-de-posts #boton_siguiente:hover, #navegador-de-posts #boton_siguiente:hover .texto { opacity: 1; } #navegador-de-posts #boton_anterior .flecha, #navegador-de-posts #boton_siguiente .flecha { display: none; } #navegador-de-posts #boton_anterior a, #navegador-de-posts #boton_siguiente a { display: block; padding: 10px; } #navegador-de-posts #boton_anterior a:hover, #navegador-de-posts #boton_siguiente a:hover { text-decoration: none; } @media (min-width: 1440px) { #navegador-de-posts { position: fixed; top: 50%; width: 100%; pointer-events: none; z-index: 9999; font-size: 12px; } #navegador-de-posts #boton_anterior a:before, #navegador-de-posts #boton_siguiente a:before { font-size: 30px; line-height: 25px; } #navegador-de-posts #boton_anterior a:before { content: '<'; display: block; margin: 0; padding: 0; } #navegador-de-posts #boton_siguiente a:before { content: '>'; display: block; margin: 0; padding: 0; } #navegador-de-posts #boton_anterior .flecha, #navegador-de-posts #boton_siguiente .flecha { display: block; } #navegador-de-posts #boton_anterior:hover .flecha, #navegador-de-posts #boton_siguiente:hover .flecha { display: none; } #navegador-de-posts .texto { opacity: 0; } #navegador-de-posts #boton_anterior { opacity: .3; } #navegador-de-posts #boton_siguiente { opacity: .3; } } @media (min-width: 1441px) { #navegador-de-posts { position: fixed; top: 50%; width: 100%; pointer-events: none; z-index: 9999; font-size: 14px; } #navegador-de-posts #boton_anterior a:before, #navegador-de-posts #boton_siguiente a:before { font-size: 80px; line-height: 50px; } } /* Cabecera ----------------------------- */ #to-top { display: none; position: fixed; width: 26px; height: 26px; bottom: 5%; right: 5%; z-index: 999; background: url(img/icons/up.png) no-repeat center top; opacity: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -transition: all .5s ease; } #to-top.on { opacity: 1; cursor: pointer; } #cabecera { position: absolute; width: 100%; z-index: 1000; top: 0; } @media (min-width: 992px) { #to-top { display: block; } } /* #logo img.druck { display: none; } #logo img.d { display: block; } */ /* .hack-negro-movil { background-color: #000000; } */ #cabecera .border-left, #cabecera .border-right { } /* Menú ----------------------------- */ #control-menu-movil { position: fixed; top: 0; } #control-menu-desktop, #control-menu-movil { min-width: 32px; min-height: 32px; background: transparent url('img/icons/control-menu-puntos-negro.png') no-repeat 0 0%; background-size: cover; cursor: pointer; display: table; z-index: 99999; } #control-menu-movil.on { min-width: 32px; min-height: 32px; background: rgba(255,255,255,.8) url('img/icons/control-menu-transparente.png') no-repeat center bottom; cursor: pointer; background-size: cover; } #control-menu-movil-interior { background: url('img/icons/control-menu-puntos-negro.png') no-repeat center bottom; background-size: cover; position: fixed; top: 0; right: 0; min-width: 32px; min-height: 32px; width: 32px; height: 32px; z-index: 999999; cursor: pointer; } #control-menu-desktop.on { background: transparent url('img/icons/control-menu-puntos-negro.png') no-repeat bottom center; } #control-menu-desktop.on:after, #control-menu-movil.on:after { content: none; } #menu { width: 100%; display: none; } #menu.on { display: block; } #menu ul { padding: 0; margin: 0; } #menu-fijo-desktop { /* -------------- */ opacity: 0; pointer-events: none; /* -------------- */ display: block; position: fixed; top: 0; left: 0; z-index: 9999; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; width: 100%; overflow: auto; } #menu-fijo-desktop .etg_h_100 { height: 100%; } @media (min-width: 992px) { #menu-fijo-desktop { overflow: hidden; } #menu-fijo-desktop .etg_h_100 { height: auto; } } #menu-fijo-desktop.on { opacity: 1; right: 0; top: 0px; pointer-events: all; height: 100%; background-color: white; } #menu-fijo-desktop .druck { width: 65px; height: 65px; } #menu-fijo-desktop ul { padding: 0; margin-top: 40px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; background-image: url(img/line.png); background-repeat: repeat-y; background-position: 7.1428% 0; } #menu-fijo-desktop ul ul { background-image: none; } #menu-fijo-desktop.on ul { margin-top: 0; } #menu-fijo-desktop ul li, ul#menu-principal li { font-weight: 700; /* position: relative; */ font-size: 25px; line-height: 1em; padding: 10px; list-style-type: none; } #menu-fijo-desktop ul li:first-child { padding-top: 45px; } #menu-fijo-desktop ul ul li:first-child, #menu-fijo-desktop ul#idiomas li:first-child { padding-top: 0; } #menu-fijo-desktop ul li.menu-item-2297 ul, #menu-fijo-desktop ul li.menu-item-62 ul { display: none; } /* Medium devices (tablets, 768px and up) */ /* @media (min-width: 768px) { #menu-fijo-desktop ul li.menu-item-62 ul { display: block; } } */ #menu-fijo-desktop ul li.contacto { width: 50%; font-size: 15px; position: absolute; bottom: 0; padding-bottom: 1rem; border-top: 1px solid #dee2e6; } #menu-fijo-desktop ul li a { margin-left: 7.1428%; } #menu-fijo-desktop ul li.contacto a { margin-left: 14.2856%; } #menu-fijo-desktop #idiomas { position: absolute; bottom: 0; right: 0; width: 50%; text-align: right; border-top: 1px solid #dee2e6; margin-bottom: 0; padding-bottom: 5px; } #menu-fijo-desktop ul#idiomas li { display: inline-block !important; font-size: 15px; font-weight: normal; } @media (min-width: 576px) { } @media (min-width: 768px) { } @media (min-width: 992px) { #menu-fijo-desktop ul { background-image: none; } #menu-fijo-desktop.on { background-color: transparent; } #menu-fijo-desktop ul { margin-top: 0px; background-color: #000; } #menu-fijo-desktop ul li, ul#menu-principal li { font-size: 20px; } #menu-fijo-desktop ul li a, #menu-fijo-desktop ul li.contacto a { margin-left: 0; } #menu-fijo-desktop ul li.contacto { width: 100%; display: block !important; font-size: 20px; position: relative; bottom: auto; margin-bottom: 5px; border-top: none; } } @media (min-width: 1113px) { /* + iPad 11 horizontal */ #menu-fijo-desktop ul { background-image: none; } #menu-fijo-desktop.on { background-color: transparent; } #menu-fijo-desktop ul { margin-top: 0px; background-color: #000; } #menu-fijo-desktop ul li, ul#menu-principal li { font-size: 22px; } #menu-fijo-desktop ul li a, #menu-fijo-desktop ul li.contacto a { margin-left: 0; } #menu-fijo-desktop ul li.contacto { width: 100%; display: block !important; font-size: 22px; position: relative; bottom: auto; margin-bottom: 5px; border-top: none; } } @media (min-width: 1441px) { #menu-fijo-desktop ul li, ul#menu-principal li, #menu-fijo-desktop ul li.contacto { font-size: 25px; } } ul#menu-principal li.gris a { color: #000; font-weight: normal; } ul#menu-principal li.gris.current-menu-ancestor a, ul#menu-principal li.gris a:hover { color: #FF967E; } #menu-fijo-desktop ul li ul, ul#menu-principal ul { padding: 0; margin: 0; } /* .logged-in ul#menu-principal ul { border: 1px solid black; } */ #menu-fijo-desktop ul ul li, ul#menu-principal ul li { margin: 0; padding: 0; font-size: 15px; line-height: 1.5em; font-weight: 300; } #menu-fijo-desktop ul li a, #menu ul li a { color: #000000; } #menu-fijo-desktop ul ul li a, #menu ul ul li a { color: #000000; } #menu-fijo-desktop ul ul li a:hover, #menu ul ul li a:hover { color: #000; } #menu-principal ul ul { padding-top: 0 !important; display: none; } @media (min-width: 1440px) { #menu-principal ul li.current-menu-item ul { display: block !important; } #menu-principal ul li.current-menu-ancestor ul { display: block !important; } } #menu-principal ul ul a { font-weight: normal; font-size: 16px; } /* Hack menu soluciones */ #menu-principal li.soluciones.current-menu-item li.current-menu-item a { color: black; } #menu-principal li.soluciones.current-menu-item li.current-menu-item.activo a, #menu-principal li.soluciones.current-menu-item li.current-menu-item a:hover { color: #FF967E; } /* Efectos submenú otros */ #menu-principal ul li.gris.current-menu-ancestor ul li a:hover, #menu-principal ul li.gris.current-menu-ancestor ul li.current-menu-item a { color: #FF967E !important; } @media (max-width: 992px) { #menu-principal-fijo-desktop li.soluciones ul { display: none; } } ul#menu-secundario, ul#menu-idiomas { background-color: #000000; padding: 10px; font-size: 15px; } ul#menu-secundario { margin-bottom: 5px; } ul#menu-secundario li { list-style-type: none; } ul#menu-secundario li.current_page_parent a, ul#menu-principal li.current-menu-item li.current_page_parent a, ul#menu-secundario li.current-menu-item a { color: #FF967E; } ul#menu-idiomas li { list-style-type: none; display: inline-block; } .menu-fijo #menu-fijo-desktop ul li.current-menu-parent ul, .menu-fijo #menu-fijo-desktop ul li.current-menu-item ul, .menu-fijo #menu-fijo-desktop ul li.current ul { display: block !important; } #menu-fijo-desktop ul li ul li ul, #menu-fijo-desktop ul li ul li ul li { margin: 0; display: none; } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { #menu-fijo-desktop { display: block; opacity: 0; pointer-events: none; position: fixed; background: transparent; width: 100%; top: -100px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -transition: all .2s ease; z-index: 99999; right: auto; left: 0; padding-bottom: 20px; } #menu-fijo-desktop ul li a { color: #ffffff; } #menu-fijo-desktop ul ul li a { color: #ffffff; } #menu-fijo-desktop ul ul li a:hover{ color: #fff; } /* ul#menu-principal li.gris li a { font-weight: 300; color: #000000 !important; } */ #menu-fijo-desktop #menu-principal-fijo-desktop { pointer-events: none; } #menu-fijo-desktop.on #menu-principal-fijo-desktop { pointer-events: all; } .menu-fijo #control-menu-desktop { width: 65px; height: 65px; } .menu-fijo #menu-fijo-desktop{ opacity: 1; top: 0; pointer-events: all; } #menu-fijo-desktop ul { opacity: 0; position: absolute; top: 50px; padding-top: 100px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; } #menu-fijo-desktop ul ul { position: relative; top: auto; padding-top: 0; } .menu-fijo #menu-fijo-desktop ul { padding-left: 0; max-width: 310px; width: 220px; } /* .menu-fijo #menu-fijo-desktop ul li { margin: 5px 0 5px 0; } */ .menu-fijo #menu-fijo-desktop.on ul { opacity: 1; top: 0; } .menu-fijo #menu-fijo-desktop ul { margin: 0; padding: 0; } .menu-fijo #menu-fijo-desktop ul ul { display: none; } .menu-fijo #menu-fijo-desktop.on ul ul { /* display: none !important; */ width: 180px; } .menu-fijo #menu-fijo-desktop ul li ul li { margin: 0; } .menu-fijo #menu-fijo-desktop ul li ul li ul, .menu-fijo #menu-fijo-desktop ul li ul li ul li { margin: 0; display: none !important; } } /* .menu-fijo #menu-fijo-desktop ul li ul li ul li { display: none; } */ /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { } #contenido { /* margin-top: 62px; */ min-height: 300px; } #contenido.top-0 { margin-top: 0; } /* slider ----------------------------- */ #slider { position: relative; } .slider-lineas { height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 999999; pointer-events: none; } .slider-lineas div { height: 100%; } #slider a { /* display: block; */ margin: 0; color: #000000; } #slider .texto { width: 100%; } #slider a:hover { text-decoration: none; color: white; } #slider .slider-navegador, .slider-navegador.instalaciones { position: absolute; bottom: 100px; margin: 0 auto; width: 100%; z-index: 9999; } #slider .mas-texto .taco-de-texto { opacity: 0; pointer-events: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; } #slider .mas-texto .on .taco-de-texto { opacity: 1; pointer-events: all; } #instalaciones #galeria .imagenes img.movil { width: 100%; height: auto; } #slider-quienes-somos .cycle-dos-ejes, #slider-quienes-somos .slide-quienes { height: 100% !important; padding-bottom: 20px; } @media (min-width: 992px) { #slider-quienes-somos .cycle-dos-ejes, #slider-quienes-somos .slide-quienes { height: auto !important; padding-bottom: 0; } } #slider-quienes-somos, #controles-slider-quienes-somos { background-color: #BDB7B1; } #slider-quienes-somos a { color: white; } #slider-quienes-somos .border-left.border-right { border: none; } #controles-slider-quienes-somos .bullets { position: relative; } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { #slider-quienes-somos, #controles-slider-quienes-somos { background-color: transparent; } #slider-quienes-somos a { color: #FF967E; } #slider-quienes-somos .border-left.border-right { border-left: 1px solid #dee2e6 !important; border-right: 1px solid #dee2e6 !important; } #controles-slider-quienes-somos { position: absolute; bottom: 0; z-index: 9999999; width: 100%; } #controles-slider-quienes-somos .bullets { position: absolute; } } .snippet-noticias { padding-bottom: 50px; } .snippet-noticias a { text-decoration: none; color: black !important; } .snippet-noticias .tag { display: block; float: right; color: #FF967E; text-transform: uppercase; padding: 0px 5px; } .snippet-noticias:hover h3 { color: black; } .snippet-noticias .zoom { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; background-size: 100%; background-position: 50%; background-repeat: no-repeat; display: inline-block; } .snippet-noticias a:hover .zoom { background-size: 110%; } .snippet-noticias .utiles { margin-top: 10px; color: #FF967E; } /* Página de noticias */ #noticias .row.no-gutters-xs { margin: auto 0; } #noticias .snippet { width: 100%; padding: 0; margin: 0 0 20px 0; } #noticias .snippet.noticia-3 { margin: 0; } @media (min-width: 992px) { #noticias .snippet, #noticias .snippet.noticia-3 { margin: 0; } } #noticias .snippet.negro .color { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background-color: #FF967E; mix-blend-mode: multiply; } #noticias .snippet a:hover { text-decoration: none; color: #000; } #noticias .snippet.negro a h2 { color: #FF967E !important; } #noticias .snippet.negro a:hover { text-decoration: none; color: #fff !important; } #noticias .snippet.negro:hover a p, #noticias .snippet.negro:hover a h2 { color: #fff !important; } #noticias .snippet .utiles { font-size: 14px; } #noticias .snippet .zoom { display: none; } /* #noticias .snippet .utiles .tag { display: block; float: right; } */ @media (min-width: 576px) { #noticias .row.no-gutters-xs { margin: auto -10px; } #noticias .snippet { width: 50%; padding: 0 10px 0 10px; margin: 0 0 20px 0; } #noticias .snippet.x2 { width: 100%; } } @media (min-width: 992px) { #noticias .row.no-gutters-xs { margin: auto -10px; } #noticias .snippet { width: 33.3333333%; padding: 0 10px 0 10px; margin: 0; } #noticias .snippet.x2 { width: 100%; } #noticias .snippet a { display: inline-block; } #noticias .snippet a .zoom { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; background-size: 100%; background-position: 50%; background-repeat: no-repeat; display: inline-block; } #noticias .snippet a:hover h2, #noticias .snippet a:hover p { color: #000 !important; } #noticias .snippet a:hover .zoom { background-size: 110%; } } @media (min-width: 1441px) { #noticias .row.no-gutters-xs { margin: auto -12px; } #noticias .snippet { width: 33.3333333%; padding: 0 12px 0 12px; margin: 0; } } .snippet-noticia-grande .color { background-color: #FF967E; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .8; z-index: 3; mix-blend-mode: multiply; } .snippet-noticia-grande a .zoom { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; background-size: 100%; background-position: 50%; background-repeat: no-repeat; display: inline-block; } .snippet-noticia-grande a:hover { text-decoration: none !important; } .snippet-noticia-grande a:hover .zoom { background-size: 110%; } /* .snippet-noticias .utiles a { color: #FF967E; text-decoration: underline; } */ .snippet-noticias .utiles a:hover { text-decoration: none; } .snippet-noticias .h3 { margin-bottom: 1rem; } .single-post p.tags a { color: #FF967E; } .single-post p.tags a:hover { text-decoration: none; } /* #historia ----------------------------- */ #historia .linea-tiempo .hito { cursor: pointer; } #historia .linea-tiempo .hito:hover { background-color: #BDB7B1; color: white; } #historia .linea-tiempo .hito.current { background-color: #FF967E; } /* #Clientes ----------------------------- */ #clientes .logo_cliente { position: relative; margin-bottom: 10px; } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { #clientes .logo_cliente { position: relative; margin-bottom: 24px; } } /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1680px) { #clientes .logo_cliente { position: relative; margin-bottom: 32px; } } #clientes .logo_cliente a { position: relative; display: block; } #clientes .logo_cliente.no-margen-bottom { margin-bottom: 0; } @media (min-width: 768px) { #clientes .logo_cliente { margin-bottom: 0; } } #clientes .logo_cliente img.color { display: block; position: absolute; top: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; } #clientes .logo_cliente.on img.color, #clientes .logo_cliente:hover img.color { opacity: 1; } #clientes .logo_cliente.on img.bn, #clientes .logo_cliente:hover img.bn { opacity: 0; } /* #Equipo ----------------------------- */ #equipo .item img.color { display: block; position: absolute; top: 0; z-index: 2; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; } #equipo .item { margin-bottom: 10px; } #equipo .item.on img.color { opacity: 1; } #equipo .info p { margin-bottom: 0; } /* #equipo-fotos .row { margin: 0 -10px; } */ /* #equipo .item { position: relative; width: 50%; padding: 0 10px 30px 10px; } */ @media (min-width: 576px) { } @media (min-width: 768px) { } @media (min-width: 992px) { #equipo .info { opacity: 1; position: relative; height: 90px; } #equipo .item { margin-bottom: 0px; } #equipo .info p { margin-bottom: 1rem; } /* #equipo-fotos .row { margin: 0 -10px; } #equipo .item { position: relative; width: 25%; padding: 0 10px 30px 10px; } */ #equipo .item p { position: absolute; top: -90px; width: 100%; z-index: -1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; } #equipo .item img.color { display: block; position: absolute; top: 0; z-index: 2; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; } #equipo .item:hover img.color { opacity: 1; } #equipo .item:hover .info { opacity: 1; } #equipo .item:hover p { top: 0; } } /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { /* #equipo-fotos .row { margin: 0 -15px; } #equipo .item { position: relative; width: 25%; padding: 0 15px 30px 15px; } */ } /* #porfolio ----------------------------- */ .soluciones .boton-play { width: 20%; position: absolute; right: 0; text-align: right; margin-top: 0; } .soluciones .enlace-tecnologia { width: 70%; float: right; } .soluciones .cycle-slideshow-soluciones, .soluciones .cycle-slideshow-soluciones div { width: 100%; height: 100%; } .single-portfolio .texto.margen-inf-movil { padding-bottom: 30px; } @media (min-width: 992px) { #contenido.single-portfolio h2 .regular { margin-top: 5px; display: block; } .soluciones .boton-play { left: 0; text-align: left; } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 836px) { .soluciones .enlace-tecnologia, .soluciones .boton-play { width: 100%; float: none; } } @media (min-width: 992px) { .single-portfolio .texto.margen-inf-movil { padding-bottom: 0; } } @media (min-width: 768px) { #contenido.soluciones .caja_texto { min-height: 470px; } #contenido.tecnologia .fondo-gris { min-height: 450px; } } /* #tecnologia ----------------------------- */ .tecnologia .cycle-slideshow-tecnologia, .tecnologia .cycle-slideshow-tecnologia div { width: 100%; height: 100%; } .soluciones .g_rande, .tecnologia .g_rande { margin-bottom: 40px; } @media (min-width: 768px) { .soluciones .g_rande, .tecnologia .g_rande { margin-bottom: 70px; } .tecnologia .cycle-slideshow-tecnologia, .tecnologia .cycle-slideshow-tecnologia div { width: 100%; height: 100%; min-height: 450px; } } /* @media (min-width: 769px) and (max-width: 1113px) { .min-altura-ipad { border: 1px solid black; min-height: 500px; } } */ /* #porfolio ----------------------------- */ #portfolio .row.no-gutters-xs { margin: auto 0; } #portfolio .snippet { width: 100%; padding: 0; margin: 0 0 20px 0; } #portfolio .snippet a .titulo{ color: White; } @media (min-width: 768px) { #portfolio .row.no-gutters-xs { margin: auto -5px; } #portfolio .snippet { width: 33.333333%; padding: 0 5px 10px 5px; margin: 0; } #portfolio .snippet.x2 { width: 66.666666%; } #portfolio .snippet.nuevo, #portfolio .snippet.x2.nuevo { width: 100%; } #portfolio .snippet.x2 .titulo { font-size: 50px !important; line-height: 1em !important; letter-spacing: -1px; margin-bottom: 20px; } } @media (min-width: 834px) { #portfolio .snippet { } } @media (min-width: 992px) { #portfolio .row.no-gutters-xs { margin: auto -10px; } /* #portfolio .snippet { width: 33.33333%; padding: 0 5px 15px 5px; margin: 0; } #portfolio .snippet.x2 { width: 66.66666%; } */ #portfolio .snippet { width: 25%; padding: 0 10px 20px 10px; margin: 0; } #portfolio .snippet.x2 { width: 50%; } #portfolio .snippet.nuevo, #portfolio .snippet.x2.nuevo { width: 100%; } /* #portfolio .snippet.x2 .titulo { font-size: 75px !important; line-height: 1em !important; letter-spacing: -1px; margin-bottom: 40px; } */ #portfolio .snippet.x2 p { font-size: 1.5em; } #portfolio .snippet a .caption { display: block; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 4; } #portfolio .snippet.x2 a .caption .margen-interno { width: 50%; } } @media (min-width: 1110px) and (max-width: 1367px) { #portfolio .snippet.x2 .titulo { font-size: 40px !important; line-height: 1em !important; } } @media (min-width: 1024px) and (max-width: 1110px) { #portfolio .snippet .titulo { font-size: 21px !important; line-height: 1em !important; } #portfolio .snippet.x2 .titulo { font-size: 40px !important; line-height: 1em !important; } } @media (min-width: 1680px) { #portfolio .row.no-gutters-xs { margin: auto -15px; } #portfolio .snippet { width: 25%; padding: 0 15px 30px 15px; margin: 0; } #portfolio .snippet.nuevo, #portfolio .snippet.x2.nuevo { width: 100%; } } #portfolio .snippet a{ display: block; overflow: hidden; position: relative; color: white; } #portfolio .snippet p { color: white; } #portfolio .snippet a div { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -transition: all .5s ease; opacity: 0; } #portfolio .snippet a .caption { display: none; } #portfolio .snippet a:hover div, #portfolio .snippet a:active div { opacity: 1; } #portfolio .snippet a .info { position: absolute; top: 0; left: 0; width: 100%; z-index: 4; } #portfolio .snippet a .color { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background-color: #FF967E; } #portfolio .snippet a:hover .color, #portfolio .snippet a:active .color { background-color: #FF967E; opacity: .8; } .tax-otros #portfolio .snippet a .color, .term-beste-batzuk #portfolio .snippet a .color, .term-otros-trabajos #portfolio .snippet a .color { background-color: #BDB7B1; } #portfolio .snippet.gris a .color { background-color: #BDB7B1 !important; } .tax-otros #portfolio .snippet a:hover .color, .term-otros-trabajos #portfolio .snippet a:hover .color { background-color: #BDB7B1; opacity: .8; } #portfolio .snippet a .flecha { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background: transparent url(img/icons/next-blanco.png) no-repeat bottom 20px right 20px; background-size: 12px; } #portfolio .snippet a:hover .flecha, #portfolio .snippet a:active .flecha { background: transparent url(img/icons/next-blanco.png) no-repeat bottom 20px right 20px; opacity: 1; background-size: 12px; } @media (min-width: 1367px) { #portfolio .snippet a .flecha { background: transparent url(img/icons/next-blanco.png) no-repeat bottom 20px right 50px; background-size: 20px; } #portfolio .snippet a:hover .flecha, #portfolio .snippet a:active .flecha { background: transparent url(img/icons/next-blanco.png) no-repeat bottom 20px right 20px; background-size: 20px; } } #portfolio .snippet.destacado-salmon a div{ opacity: 1; } #portfolio .snippet.destacado-salmon .color, #portfolio .snippet.destacado-salmon .flecha { opacity: .8; } #portfolio .snippet a img { display: block; } /* Large devices (desktops, 992px and up) */ @media (min-width: 768px) and (max-width: 1025px) { #portfolio .snippet.x2 .titulo { font-size: 40px !important; line-height: 1em !important; letter-spacing: -1px; margin-bottom: 20px; } #portfolio .snippet.x2 p { font-size: 1.5em; } #portfolio .snippet .titulo { font-size: 21px !important; line-height: 1em !important; letter-spacing: -1px; margin-bottom: 20px; } } /* @media (min-width: 1024px) { #portfolio .snippet.x2 .titulo { font-size: 40px !important; line-height: 1em !important; letter-spacing: -1px; margin-bottom: 20px; } #portfolio .snippet .titulo { font-size: 21px !important; line-height: 1em !important; letter-spacing: -1px; margin-bottom: 20px; } } */ /* Menu terms ------------- */ #control-menu-terms { cursor: pointer; position: absolute; top: 12px; right: 10px; width: 32px; height: 32px; background: transparent url(img/icons/control-menu-terms-negro.png) no-repeat center top; background-size: cover; } #control-menu-terms.on { background: transparent url(img/icons/control-menu-terms-negro.png) no-repeat center bottom; background-size: cover; } #menu-terms { background: white; color: #000000; padding: 15px 5px; position: relative; min-height: 52px; } #menu-terms a { display: none; color: #000; } #menu-terms a.current { display: block; font-weight: 700; font-size: 22px; letter-spacing: -0.48px; line-height: 26px; } #menu-terms.on a.current { font-size: 15px; line-height: 2em; } #menu-terms.on a { display: block; line-height: 2em; } @media (min-width: 992px) { #menu-terms { background-color: transparent; padding: 10px 0 0 0; text-align: right; } #menu-terms a { display: inline-block; margin-left: 20px; color: black; } #menu-terms a.current { display: inline-block; font-weight: normal; font-size: 15px; line-height: 22px; font-weight: 300; } #menu-terms a:hover, #menu-terms a.current { color: #FF967E; } } .margen-inferior-imagen { display: block; margin-bottom: 20px; } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { .margen-inferior-imagen { margin-bottom: 32px; } } @media (min-width: 992px) { a[data-toggle="lightbox"] { display: table; position: relative; width: 100%; } a[data-toggle="lightbox"]:before { content: url(img/circulo.svg); content: '+'; font-size: 50px; line-height: 70px; font-weight: 700; color: white; position: absolute; display: table-cell; vertical-align: middle; text-align: right; bottom: 0; right: 20px; opacity: 0; z-index: 4; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -transition: all .5s ease; } a[data-toggle="lightbox"]:hover:before { opacity: 1; } a[data-toggle="lightbox"] .color { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; } a[data-toggle="lightbox"]:hover .color { opacity: .8; } a[data-toggle="lightbox"] .zoom { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; background-size: 100%; background-position: 50%; background-repeat: no-repeat; } a[data-toggle="lightbox"]:hover .zoom { background-size: 110%; } } #single-proyecto .toggleable { cursor: pointer; display: inline-block; width: 21px; height: 18px; background: transparent url(img/icons/up.png) no-repeat 50%; background-size: cover; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; } #single-proyecto .toggleable.on { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* Large devices (desktops, 992px and up) */ @media (min-width: 1113px) { #single-proyecto .toggleable { width: 26px; height: 21px; background: transparent url(img/icons/up.png) no-repeat 50%; } } /* a[data-toggle="lightbox"] { top: 0; width: 100%; border: 1px solid #000000; } */ /* #Social Share ----------------------------- */ #contenido .social-share { margin-left: 16px; margin-bottom: 100px; } #contenido .social-share p { font-weight: bold; margin: 0 0 16px 0; padding: 0; } #contenido .social-share ul, #contenido .social-share ul li { margin: 0; padding: 0; text-indent: 0; } #contenido .social-share a { text-decoration: underline; } #contenido .social-share a:hover { text-decoration: none; } #contenido .social-share ul li:before { content: none; } /* #Social Share ----------------------------- */ #contenido.contacto h2 { margin-bottom: 25px; } #contenido.contacto .subtitulo { font-size: 25px !important; } #contenido.contacto ul li:before { content: none; } #contenido.contacto .margen-contacto { padding: 20px; } #contenido.contacto form { padding: 20px; } @media (min-width: 992px) { #contenido.contacto .margen-contacto { padding: 40px; } #contenido.contacto .subtitulo { font-size: 32px !important; } } @media (min-width: 1200px) { #contenido.contacto .margen-contacto { padding: 40px 60px; } #contenido.contacto form { padding: 0; } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { #contenido.contacto .google-maps { position: absolute; bottom: 0; width: 100%; } } /* #Pie ----------------------------- */ #pie { background-color: #000000; color: white; padding-top: 20px; padding-bottom: 20px; } #pie p { color: white; } @media (min-width: 768px) and (max-width: 992px) { #pie p.newsletter { margin-top: 1rem; } } #pie a { color: #BDB7B1; text-decoration: none; } #pie a:hover { color: white; text-decoration: underline; } #pie a.btn:hover { color: #BDB7B1; } #pie .strong a { color: white; text-decoration: underline !important; } #pie .strong a:hover { text-decoration: none !important; } #pie ul, #pie li { margin: 0; padding: 0; list-style-type: none; } #pie .legal { color: #706f6f; } #pie-newsletter-subscribe { position: relative; } #pie input[type='email']{ border-bottom: 2px solid #FF967E; border-left: none; border-right: none; border-top: none; padding: 5px 0; background-color: #000000; color: #FF967E; } /* #pie .btn:hover { color: white; } */ #pie input[type='email']::placeholder { color: #BDB7B1; } #pie .btn{ padding-bottom: 0; padding-top: 7px; padding-left: 10px; padding-right: 20px; line-height: 20px; position: absolute; right: 0; top: 0; background-color: #000000; } /* @media (min-width: 992px) { line-height: 24px; } */ #pie .btn:hover{ color: #FF967E; } #pie #copyright { position: absolute; bottom: 10px; } /* #pie { background-color: #BDB7B1; padding-top: 20px; padding-bottom: 20px; } #pie a { text-decoration: none; } #pie a:hover { color: white; text-decoration: underline; } #pie .strong a { text-decoration: underline !important; } #pie .strong a:hover { text-decoration: none !important; } #pie ul, #pie li { margin: 0; padding: 0; list-style-type: none; } #pie .legal { color: #706f6f; } #pie input[type='email']{ border-bottom: 2px solid #000000; border-left: none; border-right: none; border-top: none; padding: 5px 0; background-color: #BDB7B1; } #pie input[type='email']::placeholder { color: white; } #pie .btn { color: white !important; } */ @media (min-width: 576px) { } @media (min-width: 768px) { } @media (min-width: 992px) { .linea-fondo-xs-7 { background-image: none; } .linea-fondo-1 { background-image: url(img/line.png); background-repeat: repeat-y; background-position: 7.14286% 0; } .linea-fondo-2 { background-image: url(img/line.png); background-repeat: repeat-y; background-position: 14.28571% 0; } .linea-fondo-3 { background-image: url(img/line.png); background-repeat: repeat-y; background-position: 21.38% 0; } .linea-fondo-4 { background-image: url(img/line.png); background-repeat: repeat-y; background-position: 28.57143% 0; } .linea-fondo-3.linea-fondo-4 { background-image: url(img/line.png),url(img/line.png); background-repeat: repeat-y, repeat-y; background-position: 21.38% 0, 28.57143% 0; } .linea-fondo-3.linea-fondo-4.linea-fondo-10 { background-image: url(img/line.png),url(img/line.png), url(img/line.png);; background-repeat: repeat-y, repeat-y, repeat-y; background-position: 21.38% 0, 28.57143% 0, 71.42857% 0; } .linea-fondo-5 { background-image: url(img/line.png); background-repeat: repeat-y; background-position: 35.71429% 0; } .linea-fondo-6 { background-image: url(img/line.png); background-repeat: repeat-y; background-position: 42.85714% 0; } .linea-fondo-7 { background-image: url(img/line.png); background-repeat: repeat-y; background-position: 50% 0; } .linea-fondo-8 { background-image: url(img/line.png); background-repeat: repeat-y; background-position: 57.14286% 0; } .linea-fondo-9 { background-image: url(img/line.png); background-repeat: repeat-y; background-position: 64.28571% 0; } .linea-fondo-10 { background-image: url(img/line.png); background-repeat: repeat-y; background-position: 71.42857% 0; } .linea-fondo-11 { background-image: url(img/line.png); background-repeat: repeat-y; background-position: 78.57143% 0; } .linea-fondo-12 { background-image: url(img/line.png); background-repeat: repeat-y; background-position: 85.71429% 0; } .linea-fondo-13 { background-image: url(img/line.png); background-repeat: repeat-y; background-position: 92.85714% 0; } .linea-base, .linea-base.no-xs { position: absolute; bottom: 0; display: block; width: 100%; } .linea-base .forzar-titular { line-height: .75em !important; } .soluciones .linea-base h2 { margin: 0; padding: 0; line-height: 1em; } .soluciones .linea-base .btn { margin: 0; /* padding: 0 0 0 20px; */ line-height: 1em; } .soluciones .linea-base.text-left .btn { margin: 0; padding: 0; line-height: 1em; } #faktoria-top { display: none; } /* *.texto-super-grande { font-size: 48px !important; line-height: 1em !important; } .margen-interno { padding: 10px; } *.margen-superior { margin-top: 20px !important; } *.margen-superior.x2 { margin-top: 40px !important; } .margen-interno.margen-interno { padding-top: 25px; } .margen-interno.margen-interno.x2 { padding-top: 40px; } *.margen-inferior { margin-bottom: 20px !important; } *.margen-inferior.x2 { margin-bottom: 40px !important; } */ .play-salmon { width: auto; height: auto; } #logo img.druck { display: block; } #logo img.d { display: none; } #cabecera { position: relative; } .snippet-noticias { padding-bottom: 100px; } #control-menu-movil { display: none; } #menu { display: block; background-color: transparent; } #menu ul { padding: 0; } #menu ul li { color: #BDB7B1; } #menu ul li a { color: #BDB7B1; } #menu ul li a:hover { color: #000000; text-decoration: none; } #menu ul ul li a:hover { color: #000000; } ul#menu-principal{ float: right; height: 22px; } ul#menu-principal li { /* position: relative; */ padding: 6px 0 0 15px; margin: 0; display: inline-block; /* height: 22px; */ line-height: 22px; background-color: transparent; } ul#menu-principal > li { position: relative; /* border: 1px solid black; */ } ul#menu-principal > li > ul > li > ul { /* border: 1px solid black; */ right: 0; display: none; } ul#menu-principal > li > ul > li.current-menu-item > ul { display: block; } /* current-menu-item current-menu-parent */ ul#menu-principal li.current-menu-parent a, ul#menu-principal li.current-menu-item a, ul#menu-principal li:hover a { /* text-decoration: underline; */ /* color: #FF967E; */ } ul#menu-principal li.current-menu-parent li a, ul#menu-principal li.current-menu-item li a, ul#menu-principal li:hover li a { text-decoration: none; } ul#menu-principal li:first-child { margin: 0; } ul#menu-principal li a { color: #000000; margin: 0; padding: 0; display: inline-block; height: 22px; line-height: 22px; } /* ul#menu-principal li.current-menu-ancestor > a { color: #FF967E; } */ ul#menu-principal ul { display: none; margin: 0; padding: 10px 0 0 0; position: absolute; right: 0; /* min-width: 750px; */ width: 900px; text-align: right; z-index: 2; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; } /* ul#menu-principal ul ul { display: none !important; } */ ul#menu-principal ul li.current-menu-parent ul, ul#menu-principal ul li.desplegable:hover ul { display: block; } ul#menu-principal li.current-menu-ancestor > ul, ul#menu-principal li.current-menu-item > ul, ul#menu-principal li.current-menu-parent > ul, ul#menu-principal li.desplegable:hover > ul { display: block; } ul#menu-principal ul li { display: inline-block; text-align: right; margin-left: 14px; font-weight: normal; font-size: 14px; } ul#menu-principal ul li li, ul#menu-principal ul li li a { font-size: 14px; } /* ul#menu-principal li.current-menu-parent ul li a, ul#menu-principal li.current-menu-item ul li a, ul#menu-principal li.current-menu-ancestor:hover ul li.current-menu-ancestor ul li a, ul#menu-principal li:hover ul li a, ul#menu-principal ul li a { color: #000000; } ul#menu-principal li.current-menu-ancestor:hover ul li.current-menu-parent a, ul#menu-principal li.current-menu-parent ul li.current-menu-item a, ul#menu-principal li.current-menu-item ul li.current-menu-item a, ul#menu-principal li.current-menu-ancestor:hover ul li.current-menu-ancestor ul li a:hover { color: #FF967E; } */ ul#menu-principal li.current-menu-parent ul li.current-menu-item li a { /* color: #000000; */ font-weight: 300; } /* ul#menu-principal li.current-menu-parent ul li.current-menu-item li.current-menu-item a, ul#menu-principal li.current-menu-parent ul li.current-menu-item li a:hover { color: #FF967E; } */ /* ul#menu-principal li ul li.current-portfolio-parent a { color: #FF967E; } */ /* ul#menu-principal li.current-menu-parent ul li a:hover, ul#menu-principal li.current-menu-item ul li a:hover { color: #FF967E; } */ ul#menu-idiomas, ul#menu-secundario { font-size: 14px; height: 14px; line-height: 14px; margin-top: 14px; float: left; background-color: transparent; padding: 0; margin-bottom: 0; } ul#menu-idiomas a, ul#menu-secundario a { color: #BDB7B1; } ul#menu-idiomas a.current, ul#menu-secundario a.current { color: #FF967E; } ul#menu-idiomas { border-left: 1px solid #BDB7B1; margin-left: 10px; padding-left: 10px; } ul#menu-idiomas li, ul#menu-secundario li { padding-right: 15px; display: inline-block; } ul#menu-secundario li:last-child { padding-right: 0; } .navegador { display: block; } /* .navegador.margen-interno.x2 { padding: 20px 20px; } */ /* .bullets { bottom: 0; right: 40px; } */ /* .navegador { border: 1px solid #000000; } */ #contenido { margin-top: 0; } #slider .texto { width: 100%; } .hack-negro-movil { background-color: transparent; } .padding-titulo { padding: 20px 0 0 0 ; } #historia .linea-tiempo .hito { /* display: inline-block !important; border: 1px solid blue; */ } @media (min-width: 992px) { #historia .linea-tiempo .hito { height: 130px; } } @media (min-width: 1441px) { #historia .linea-tiempo .hito { height: 180px; } } .jcarousel { position: relative; overflow: hidden; } /* .jcarousel .hito { width: 10000em; position: relative; list-style: none; margin: 0; padding: 0; } */ .jcarousel .hito { float: left; } /** Carousel **/ .jcarousel { position: relative; overflow: hidden; } .jcarousel .jcarousel-container { position: relative; /* width: 1925px; */ list-style: none; margin: 0; padding: 0; white-space: nowrap; } .jcarousel .hito { display: inline-block; /* width: 275px; */ } } @media (max-width: 1113px) and (min-width: 992px) { ul#menu-principal ul li { display: inline-block; text-align: right; margin-left: 10px; font-weight: normal; font-size: 14px; } } @media (max-width: 1180px) and (min-width: 992px) { ul#menu-principal ul { display: none; margin: 0; padding: 6px 0 0 0; position: absolute; right: 0; min-width: 650px; width: 600px; text-align: right; z-index: 2; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; } ul#menu-principal ul li { line-height: 1em; } /* ul#menu-principal ul ul { padding: 5px 0 0 0 !important; } */ } @media (min-width: 1200px) { #logo { margin-top: 44px; } ul#menu-principal ul { width: 1050px; } ul#menu-principal ul li { display: inline-block; text-align: right; margin-left: 10px; font-weight: normal; font-size: 16px; } ul#menu-principal ul ul { padding: 5px 0 0 0 !important; } } @media (max-width: 1400px) { /* ul#menu-principal ul li.current-menu-parent ul { display: none !important; border: 1px solid black; } */ } @media (min-width: 1690px) { ul#menu-principal ul { width: 1200px; padding: 16px 0 0 0; } ul#menu-idiomas, ul#menu-secundario { font-size: 15px; height: 15px; line-height: 15px; margin-top: 15px; float: left; background-color: transparent; padding: 0; margin-bottom: 0; } ul#menu-idiomas { padding-left: 10px; } ul#menu-principal ul li { display: inline-block; text-align: right; margin-left: 15px; /* font-weight: bold; */ font-size: 20px; } ul#menu-principal ul ul { padding: 11px 0 0 0 !important; } ul#menu-principal ul li { line-height: 1em; } ul#menu-principal ul li li, ul#menu-principal ul li li a { font-size: 18px; } } /* COLORES MENU */ #menu-principal li a { color: #000000; } #menu-principal li a:hover { color: #FF967E !important; } #menu-principal li.current-menu-parent > a, #menu-principal li.current-menu-item > a, #menu-principal li.current-menu-ancestor > a { color: #FF967E; } #menu-principal li li a { color: #000000; } // El siguiente es solo para que afecte a soluciones #menu-principal li li.menu-item-object-custom a { color: #000000; } #menu-principal li.current-menu-parent > a:hover, #menu-principal li.current-menu-item > a:hover, #menu-principal li.current-menu-ancestor > a:hover { color: #000000 !important; } /* COLORES MENU */ .masonry { width: 100%; } .grid-sizer { padding: 0 !important; margin: 0 !important; } #aviso-cookies { position: fixed; bottom: 0; right: 0; max-width: 440px; background-color: rgba(0,0,0,.8); color: white !important; padding: 20px; z-index: 999999; } #aviso-cookies h1 { color: white !important; font-size: 15px } #aviso-cookies p { color: white !important; font-size: 12px } #aviso-cookies a, #aviso-cookies .btn { color: white !important; font-size: 12px } @media (min-width: 440px) { #aviso-cookies { bottom: 20px; right: 20px; max-width: 400px; } } .modal-dialog { max-width: 800px; } .modal-content { background-color: white; color: #333 !important; border: 1px solid #dee2e6; padding: 10px; } @media (min-width: 768px) { .modal-content { border: none; } } @media (min-width: 1024px) { .modal-content { padding: 50px; } } label.no-block { display: inline; } .modal-content p { color: #333 !important; } .modal-footer { border-top: none; } .modal-content .form-control { background-color: transparent; border: none; color: #333; border-bottom: 1px solid #FF967E; } .modal-content a { color: #333; } /* Página de descargas */ #descargas .row.no-gutters-xs { margin: auto 0; } #descargas .snippet { width: 100%; padding: 0; margin: 0 0 20px 0; } #descargas .snippet.descargas { margin: 0; } @media (min-width: 992px) { #descargas .snippet, #descargas .snippet.noticia-3 { margin: 0; } } #descargas .snippet a:hover { text-decoration: none; color: #000; } #descargas .snippet .utiles { font-size: 14px; } #descargas .snippet .zoom { display: none; } @media (min-width: 576px) { #descargas .row.no-gutters-xs { margin: auto -10px; } #descargas .snippet { width: 50%; padding: 0 10px 0 10px; margin: 0 0 20px 0; } #descargas .snippet.x2 { width: 100%; } } @media (min-width: 992px) { #descargas .row.no-gutters-xs { margin: auto -10px; } #descargas .snippet { width: 33.3333333%; padding: 0 10px 0 10px; margin: 0; /* border-right: 1px solid #dee2e6 !important; */ } #descargas .snippet-2, #descargas .snippet-3 { /* border-left: 1px solid #dee2e6 !important; */ } #descargas .snippet.x2 { width: 100%; } #descargas .snippet a { display: inline-block; } #descargas .snippet a .zoom { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -transition: all .3s ease; background-size: 100%; background-position: 50%; background-repeat: no-repeat; display: inline-block; } #descargas .snippet a:hover h2, #descargas .snippet a:hover p { color: #000 !important; } #descargas .snippet a:hover .zoom { background-size: 110%; } } @media (min-width: 1441px) { #descargas .row.no-gutters-xs { margin: auto -12px; } #descargas .snippet { width: 33.3333333%; padding: 0 12px 0 12px; margin: 0; } } .descarga a:hover { text-decoration: none; } .descarga a:hover h2 { color: #FF967E; text-decoration: underline; } .descarga a:hover p { text-decoration: none; } .descarga p.descargar { text-decoration: underline; } .descarga a:hover p.descargar { color: #FF967E; text-decoration: underline; } #newstip { background-color: #FF967E; color: black; height: 40px; } #newstip a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; text-align: center; width: 100%; padding: 7px 10px 10px 10px; color: black; text-decoration: none; } #newstip a:hover { text-decoration: none; } #newstip .link { text-decoration: underline; } #newstip .link:hover { text-decoration: none; } #newstip span.cerrar { display: block; position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background: #FF967E url('img/icons/control-menu-terms-negro.png') no-repeat center bottom; cursor: pointer; background-size: cover; } #newstip .txt { background-color: #FF967E; display: block; position: absolute; width: 100%; margin: 0; text-align: center; white-space: nowrap; } @media screen and (max-width:992px) { #newstip .txt { -moz-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); -moz-animation: movimientotxt 15s linear infinite; -webkit-animation: movimientotxt 15s linear infinite; animation: movimientotxt 15s linear infinite; } /* Move it (define the animation) */ @-moz-keyframes movimientotxt { 0% { -moz-transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); } } @-webkit-keyframes movimientotxt { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); } } @keyframes movimientotxt { 0% { -moz-transform: translateX(100%); /* Firefox bug fix */ -webkit-transform: translateX(100%); /* Firefox bug fix */ transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); /* Firefox bug fix */ -webkit-transform: translateX(-100%); /* Firefox bug fix */ transform: translateX(-100%); } } } @media screen and (max-width:992px) { #wpadminbar { display: none !important; } } /* html { margin-top: 32px !important; } * html body { margin-top: 32px !important; } @media screen and ( max-width: 782px ) { html { margin-top: 46px !important; } * html body { margin-top: 46px !important; } } */ .ekko-lightbox{ display:-ms-flexbox!important; display:flex!important; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; padding-right:0!important; z-index: 99999; } .ekko-lightbox .modal-content { background-color: #000; } .ekko-lightbox .modal-body { padding: 0px; } .ekko-lightbox-container{ position:relative; } .ekko-lightbox-container>div.ekko-lightbox-item{ position:absolute; top:0; left:0; bottom:0; right:0; width:100%; } .ekko-lightbox iframe{ width:100%; height:100% } .ekko-lightbox-nav-overlay{ z-index:1; position:absolute; top: 0; right: 0; width: 80px; width:100%; height:100%; display:-ms-flexbox; display:flex } .ekko-lightbox-nav-overlay a{ -ms-flex:1; flex:1; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; opacity:0; transition:opacity .5s; color:#fff; font-size:30px; z-index:1 } .ekko-lightbox-nav-overlay a>*{ -ms-flex-positive:1; flex-grow:1 } .ekko-lightbox-nav-overlay a>:focus{ outline:none } .ekko-lightbox-nav-overlay a span{ padding:0 30px; font-weight: 700; font-size: 50px; } .ekko-lightbox-nav-overlay a:last-child span{ text-align:right } .ekko-lightbox-nav-overlay a:hover{ text-decoration:none; color: #000000; } .ekko-lightbox-nav-overlay a:focus{ outline:none } .ekko-lightbox-nav-overlay a.disabled{ cursor:default; visibility:hidden } .ekko-lightbox a:hover{ opacity:1; text-decoration:none } .ekko-lightbox .modal-dialog{ display:none } .ekko-lightbox .modal-footer{ text-align:left } .ekko-lightbox-loader{ position:absolute; top:0; left:0; bottom:0; right:0; width:100%; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; -ms-flex-pack:center; justify-content:center; -ms-flex-align:center; align-items:center } .ekko-lightbox-loader>div{ width:40px; height:40px; position:relative; text-align:center } .ekko-lightbox-loader>div>div{ width:100%; height:100%; border-radius:50%; background-color:#fff; opacity:.6; position:absolute; top:0; left:0; animation:a 2s infinite ease-in-out } .ekko-lightbox-loader>div>div:last-child{ animation-delay:-1s } .modal-dialog .ekko-lightbox-loader>div>div{ background-color:#333 } @keyframes a{ 0%,to{ transform:scale(0); -webkit-transform:scale(0)} 50% {transform:scale(1); -webkit-transform:scale(1) } } /*# sourceMappingURL=data:application/json; base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImVra28tbGlnaHRib3guY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGVBQ0UsOEJBQXlCLEFBQXpCLHVCQUF5QixBQUN6QixzQkFBb0IsQUFBcEIsbUJBQW9CLEFBQ3BCLHFCQUF3QixBQUF4Qix1QkFBd0IsQUFDeEIseUJBQTZCLENBQzlCLEFBQ0QseUJBQ0UsaUJBQW1CLENBQ3BCLEFBQ0QsZ0RBQ0Usa0JBQW1CLEFBQ25CLE1BQU8sQUFDUCxPQUFRLEFBQ1IsU0FBVSxBQUNWLFFBQVMsQUFDVCxVQUFZLENBQ2IsQUFDRCxzQkFDRSxXQUFZLEFBQ1osV0FBYSxDQUNkLEFBQ0QsMkJBQ0UsVUFBYSxBQUNiLGtCQUFtQixBQUNuQixNQUFPLEFBQ1AsT0FBUSxBQUNSLFdBQVksQUFDWixZQUFhLEFBQ2Isb0JBQWMsQUFBZCxZQUFjLENBQ2YsQUFDRCw2QkFDRSxXQUFRLEFBQVIsT0FBUSxBQUNSLG9CQUFjLEFBQWQsYUFBYyxBQUNkLHNCQUFvQixBQUFwQixtQkFBb0IsQUFDcEIsVUFBVyxBQUNYLHVCQUF5QixBQUN6QixXQUFZLEFBQ1osZUFBZ0IsQUFDaEIsU0FBYSxDQUNkLEFBQ0QsK0JBQ0Usb0JBQWEsQUFBYixXQUFhLENBQ2QsQUFDRCxvQ0FDRSxZQUFjLENBQ2YsQUFDRCxrQ0FDRSxjQUFnQixDQUNqQixBQUNELDZDQUNFLGdCQUFrQixDQUNuQixBQUNELG1DQUNFLG9CQUFzQixDQUN2QixBQUNELG1DQUNFLFlBQWMsQ0FDZixBQUNELHNDQUNFLGVBQWdCLEFBQ2hCLGlCQUFtQixDQUNwQixBQUNELHVCQUNFLFVBQVcsQUFDWCxvQkFBc0IsQ0FDdkIsQUFDRCw2QkFDRSxZQUFjLENBQ2YsQUFDRCw2QkFDRSxlQUFpQixDQUNsQixBQUNELHNCQUNFLGtCQUFtQixBQUNuQixNQUFPLEFBQ1AsT0FBUSxBQUNSLFNBQVUsQUFDVixRQUFTLEFBQ1QsV0FBWSxBQUNaLG9CQUFjLEFBQWQsYUFBYyxBQUVkLDBCQUF1QixBQUF2QixzQkFBdUIsQUFFdkIscUJBQXdCLEFBQXhCLHVCQUF3QixBQUV4QixzQkFBb0IsQUFBcEIsa0JBQW9CLENBQ3JCLEFBQ0QsMEJBQ0UsV0FBWSxBQUNaLFlBQWEsQUFDYixrQkFBbUIsQUFDbkIsaUJBQW1CLENBQ3BCLEFBQ0QsOEJBQ0UsV0FBWSxBQUNaLFlBQWEsQUFDYixrQkFBbUIsQUFDbkIsc0JBQXVCLEFBQ3ZCLFdBQWEsQUFDYixrQkFBbUIsQUFDbkIsTUFBTyxBQUNQLE9BQVEsQUFDUixtQ0FBNkMsQ0FDOUMsQUFDRCx5Q0FDRSxtQkFBcUIsQ0FDdEIsQUFDRCw0Q0FDRSxxQkFBdUIsQ0FDeEIsQUFVRCxhQUNFLE1BRUUsbUJBQW9CLEFBQ3BCLDBCQUE0QixDQUM3QixBQUNELElBQ0UsbUJBQW9CLEFBQ3BCLDBCQUE0QixDQUM3QixDQUNGIiwiZmlsZSI6ImVra28tbGlnaHRib3guY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmVra28tbGlnaHRib3gge1xuICBkaXNwbGF5OiBmbGV4ICFpbXBvcnRhbnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwYWRkaW5nLXJpZ2h0OiAwcHghaW1wb3J0YW50O1xufVxuLmVra28tbGlnaHRib3gtY29udGFpbmVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmVra28tbGlnaHRib3gtY29udGFpbmVyID4gZGl2LmVra28tbGlnaHRib3gtaXRlbSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBib3R0b206IDA7XG4gIHJpZ2h0OiAwO1xuICB3aWR0aDogMTAwJTtcbn1cbi5la2tvLWxpZ2h0Ym94IGlmcmFtZSB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG59XG4uZWtrby1saWdodGJveC1uYXYtb3ZlcmxheSB7XG4gIHotaW5kZXg6IDEwMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4uZWtrby1saWdodGJveC1uYXYtb3ZlcmxheSBhIHtcbiAgZmxleDogMTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjVzO1xuICBjb2xvcjogI2ZmZjtcbiAgZm9udC1zaXplOiAzMHB4O1xuICB6LWluZGV4OiAxMDA7XG59XG4uZWtrby1saWdodGJveC1uYXYtb3ZlcmxheSBhID4gKiB7XG4gIGZsZXgtZ3JvdzogMTtcbn1cbi5la2tvLWxpZ2h0Ym94LW5hdi1vdmVybGF5IGEgPiAqOmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cbi5la2tvLWxpZ2h0Ym94LW5hdi1vdmVybGF5IGEgc3BhbiB7XG4gIHBhZGRpbmc6IDAgMzBweDtcbn1cbi5la2tvLWxpZ2h0Ym94LW5hdi1vdmVybGF5IGE6bGFzdC1jaGlsZCBzcGFuIHtcbiAgdGV4dC1hbGlnbjogcmlnaHQ7XG59XG4uZWtrby1saWdodGJveC1uYXYtb3ZlcmxheSBhOmhvdmVyIHtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuLmVra28tbGlnaHRib3gtbmF2LW92ZXJsYXkgYTpmb2N1cyB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG4uZWtrby1saWdodGJveC1uYXYtb3ZlcmxheSBhLmRpc2FibGVkIHtcbiAgY3Vyc29yOiBkZWZhdWx0O1xuICB2aXNpYmlsaXR5OiBoaWRkZW47XG59XG4uZWtrby1saWdodGJveCBhOmhvdmVyIHtcbiAgb3BhY2l0eTogMTtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuLmVra28tbGlnaHRib3ggLm1vZGFsLWRpYWxvZyB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG4uZWtrby1saWdodGJveCAubW9kYWwtZm9vdGVyIHtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn1cbi5la2tvLWxpZ2h0Ym94LWxvYWRlciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBib3R0b206IDA7XG4gIHJpZ2h0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgLyogZXN0YWJsaXNoIGZsZXggY29udGFpbmVyICovXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIC8qIG1ha2UgbWFpbiBheGlzIHZlcnRpY2FsICovXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAvKiBjZW50ZXIgaXRlbXMgdmVydGljYWxseSwgaW4gdGhpcyBjYXNlICovXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4uZWtrby1saWdodGJveC1sb2FkZXIgPiBkaXYge1xuICB3aWR0aDogNDBweDtcbiAgaGVpZ2h0OiA0MHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cbi5la2tvLWxpZ2h0Ym94LWxvYWRlciA+IGRpdiA+IGRpdiB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgb3BhY2l0eTogMC42O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgYW5pbWF0aW9uOiBzay1ib3VuY2UgMnMgaW5maW5pdGUgZWFzZS1pbi1vdXQ7XG59XG4uZWtrby1saWdodGJveC1sb2FkZXIgPiBkaXYgPiBkaXY6bGFzdC1jaGlsZCB7XG4gIGFuaW1hdGlvbi1kZWxheTogLTFzO1xufVxuLm1vZGFsLWRpYWxvZyAuZWtrby1saWdodGJveC1sb2FkZXIgPiBkaXYgPiBkaXYge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzMzO1xufVxuQC13ZWJraXQta2V5ZnJhbWVzIHNrLWJvdW5jZSB7XG4gIDAlLFxuICAxMDAlIHtcbiAgICAtd2Via2l0LXRyYW5zZm9ybTogc2NhbGUoMCk7XG4gIH1cbiAgNTAlIHtcbiAgICAtd2Via2l0LXRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2stYm91bmNlIHtcbiAgMCUsXG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMCk7XG4gICAgLXdlYmtpdC10cmFuc2Zvcm06IHNjYWxlKDApO1xuICB9XG4gIDUwJSB7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgICAtd2Via2l0LXRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIH1cbn1cbiJdfQ== */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}