/* FONTS */ /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties ------------------------------------------------------------- */ /** * Fix for vw, vh, vmin, vmax on iOS 7. * http://caniuse.com/#feat=viewport-units * * This fix works by replacing viewport units with px values on known screen sizes. * * iPhone 6 and 6 Plus cannot run iOS 7, so are not targeted by this fix. * Target devices running iOS 8+ will incidentally execute the media query, * but this will still produce the expected result; so this is not a problem. * * As an example, replace: * * height: 50vh; * font-size: 5vmin; * * with: * * @include viewport-unit(height, 50vh); * @include viewport-unit(font-size, 5vmin); */ @media only screen and (min-width: 90.063em) { .xlarge-1 { width: 4.16667%; } .xlarge-2 { width: 8.33333%; } .xlarge-3 { width: 12.5%; } .xlarge-4 { width: 16.66667%; } .xlarge-5 { width: 20.83333%; } .xlarge-6 { width: 25%; } .xlarge-7 { width: 29.16667%; } .xlarge-8 { width: 33.33333%; } .xlarge-9 { width: 37.5%; } .xlarge-10 { width: 41.66667%; } .xlarge-11 { width: 45.83333%; } .xlarge-12 { width: 50%; } .xlarge-13 { width: 54.16667%; } .xlarge-14 { width: 58.33333%; } .xlarge-15 { width: 62.5%; } .xlarge-16 { width: 66.66667%; } .xlarge-17 { width: 70.83333%; } .xlarge-18 { width: 75%; } .xlarge-19 { width: 79.16667%; } .xlarge-20 { width: 83.33333%; } .xlarge-21 { width: 87.5%; } .xlarge-22 { width: 91.66667%; } .xlarge-23 { width: 95.83333%; } .xlarge-24 { width: 100%; } } .debug-fill { background-color: #ccc; } .debug-border { border: 1px dashed red; } /**********ESTILOS ENCABEZADOS********/ h1, h2, h3, h4, h5, h6, .titulo-seccion { font-family: 'Muli', sans-serif; font-weight: 800; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: 800; } /**TITULO PPAL INTERNAS**/ h1 { font-size: 1.375rem; text-align: left; padding: 0rem 0rem 0rem 0rem; margin: 0.9375rem 0px 0.9375rem 0px; text-transform: none; color: #041c3e; } /**SUBTÍTULO INTERNAS***/ h2 { font-size: 1.25rem; text-align: left; padding: 0rem 0rem 0rem 0rem; margin: 0.9375rem 0px 0.9375rem 0px; text-transform: none; color: #041c3e; } /**TÍTULOS DIRECTORIO**/ h3 { font-size: 1.35rem; text-align: left; margin: 0rem 0rem 0rem 0rem; padding: 0rem 0rem 0.75rem 0rem; text-transform: none; color: #fff; } /**TITULO LOGOS AFILIADOS CREDITOS**/ h4 { font-size: 1rem; padding: 0rem 0rem 0rem 0rem; margin: 0rem 0rem 0.9375rem 0rem; text-align: center; color: #fff; text-transform: uppercase; line-height: 1; } /**HOME**/ h5 { font-size: 0.9375rem; text-align: left; padding: 0rem 0rem 0rem 0rem; margin: 0rem 0rem 0.9375rem 0rem; text-transform: lowercase; color: #000; } /**TITULOS HOME***/ h6 { font-size: 3rem; text-align: center; padding: 0rem 0rem 0rem 0rem; margin: 0rem 0rem 1.25rem 0rem; text-transform: uppercase; color: #fff; } p { margin-bottom: 0rem; text-align: justify; } body { color: #000; background-color: transparent; font-size: 1rem; font-family: 'Muli', sans-serif; line-height: 1.2; font-weight: 400; } .row { width: 100%; max-width: 1200px; } .row .row { margin: 0px; } /*****ESTILOS BOTON FORMULARIOS***********/ .button { background-color: #114b97; width: 100%; text-transform: uppercase; border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -o-border-radius: 0.25rem; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; color: #fff; font-size: 1rem; font-weight: 400; cursor: pointer; display: inline-block; line-height: 1; margin: 0.9375rem 0rem 0.9375rem 0rem; padding: 0.88em 0.7em; text-align: center; vertical-align: middle; } .button:hover, .button:focus { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; color: #fff; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; } input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; } input::placeholder, textarea::placeholder { color: #ccc; } [type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea { font-size: 1rem; background-color: #fff; } select { height: 2.4375rem; padding: 0.3rem 1.5rem 0.3rem 0.5rem; border: 1px solid #cacaca; margin: 0 0 1rem; font-size: 0.9375rem; font-family: inherit; font-weight: 400; color: #ccc; background-color: #fff; border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;utf8,"); background-size: 9px 6px; background-position: right -1rem center; background-origin: content-box; background-repeat: no-repeat; } @media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select:disabled { background-color: #e6e6e6; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } select:focus { outline: none; border: 1px solid #002231; background-color: #fefefe; box-shadow: 0 0 5px rgba(0, 0, 0, 0.50); transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } [type="text"]:focus, [type="password"]:focus, [type="date"]:focus, [type="datetime"]:focus, [type="datetime-local"]:focus, [type="month"]:focus, [type="week"]:focus, [type="email"]:focus, [type="number"]:focus, [type="search"]:focus, [type="tel"]:focus, [type="time"]:focus, [type="url"]:focus, [type="color"]:focus, textarea:focus { outline: none; border: 1px solid #002231; background-color: #fefefe; box-shadow: 0 0 5px rgba(0, 0, 0, 0.50); transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } label { font-weight: 800; margin-top: 1rem; font-size: 1rem; } .file-selected { color: #a50003; word-break: break-all; } .captcha { margin-bottom: 0.9375rem; transform: scale(0.86); transform-origin: 0 0; } abbr { font-size: 0.8125rem; color: #165f30; } /**************CONTENIDOS INTERNOS***************/ .contenido { width: auto; overflow: hidden; padding-left: 0px; padding-right: 0px; text-align: justify; } .contenedor_contenido_centro_izqder { padding-top: 2.25rem; padding-bottom: 2.25rem; } .contenedor_contenido_indice { padding-top: 2.25rem; } .contenedor_contenido_centro { padding-top: 2.25rem; padding-bottom: 0rem; } .contenedor_izqder { padding-bottom: 1rem; } .imagencentro-contenido { margin-bottom: 0.9375rem; } .contenedor_paginacion { margin-top: 2.25rem; margin-bottom: 2.25rem; } .contenido span { text-align: justify !important; color: #000 !important; font-size: 0.9375rem !important; } .contenido p { text-align: justify; margin: 0px; padding: 0px; } .contenido hr { max-width: 100%; } .contenido a { text-decoration: none; color: #114b97; } .contenido a:hover { color: #121212; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .contenido ul, ol { margin: 0 0 0rem 0; padding: 0.9375rem 0rem; list-style-image: none; list-style: url(img/vineta-negra.png); background-color: transparent; color: #000; } .contenido ul li { text-align: left; margin-left: 15px; margin-bottom: 0.55rem; } .contenido ul li a { text-decoration: none; color: #114b97; } .contenido ul li a:hover { color: #121212; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .contenido img { max-width: 100%; max-height: 100%; margin-top: 10px !important; margin-bottom: 10px !important; margin-left: 0px !important; margin-right: 10px !important; } .contenido table { width: 100%; } .contenido table thead tr th, .contenido table tbody tr td { color: #000; font-size: 0.77778rem; text-align: left; } .contenido table thead tr th { text-align: center; color: #000; font-size: 0.875rem; } /*****************COMPARTIR EN REDES SOCIALES****************/ .separador-compartir { border-top: 0.0625rem solid #9f9f9f; border-bottom: 0.0625rem solid #9f9f9f; margin-top: 3rem; padding-top: 1rem; padding-bottom: 1rem; } .separador-compartir h3 { text-align: center; color: #000; font-size: 1rem; font-weight: bold; border-bottom: 0rem; padding-bottom: 0rem; background: none; margin-bottom: 0.75rem; } /*****************CONTACTENOS EN PG INTERNAS****************/ .contenedor-contactenos { margin-top: 3rem; margin-bottom: 3rem; padding-top: 1rem; } .contenedor-contactenos-centro { margin-top: 3rem; margin-bottom: 3rem; padding-top: 2rem; } /*******BOTON CONTACTO*********/ .boton-contenedor-contact { margin: 0rem 0 0 0; padding: 0rem; border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -o-border-radius: 0.25rem; background: rgba(255, 255, 255, 0); } .boton-contenedor-contact a { text-decoration: none; color: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .boton-contenedor-contact a:hover { color: #f1f1f1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .bot-contacto { margin: 0rem 0 0 0; padding: 0.75rem 0.65rem; font-size: 0.875rem; font-weight: 400; text-align: center; width: 100%; border-radius: 0.35rem; -webkit-border-radius: 0.35rem; -moz-border-radius: 0.35rem; -ms-border-radius: 0.35rem; -o-border-radius: 0.35rem; text-transform: uppercase; background-color: #002347; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .bot-contacto:hover { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background-color: #343b4b; } /*******************+BOTON DE FONDO PARA VER TODOS Y REGRESAR****************/ .boton-ver-all { margin: 3rem 0 0 0; padding: 0rem; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .boton-ver-all a { text-decoration: none; color: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; /*******BOTON REGRESAR, VER MAS*********/ } .boton-ver-all a .bot-regresar { margin: 0rem 0 0 0; padding: 0.75rem 0.65rem; font-size: 0.875rem; font-weight: 400; text-align: center; width: 100%; border-radius: 0.35rem; -webkit-border-radius: 0.35rem; -moz-border-radius: 0.35rem; -ms-border-radius: 0.35rem; -o-border-radius: 0.35rem; text-transform: uppercase; background-color: #002347; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; /*&:hover { @include transition(all 0.4s ease-in-out); }*/ } .boton-ver-all a:hover { background-color: transparent; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .boton-ver-all:hover { color: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .size-icon { font-size: 2.5rem; vertical-align: middle; margin-right: 0.5rem; } /*************LÍNEA DEBAJO DE LOS TÍTULOS HOME E INTERNAS**********/ .separador-titulos { width: 1.188rem; height: 0.5625rem; margin: 0 auto 1.15rem auto; background: url(img/flecha-titulos.png) center bottom transparent; } /***************SEPARADOR SUPERIOR DE COLORES********************/ .separadorsup { height: 1.063rem; background: rgba(112, 194, 120, 1); background: -moz-linear-gradient(left, rgba(112, 194, 120, 1) 0%, rgba(112, 194, 120, 1) 7%, rgba(40, 186, 191, 1) 22%, rgba(38, 154, 212, 1) 35%, rgba(139, 76, 158, 1) 51%, rgba(185, 54, 130, 1) 66%, rgba(240, 76, 61, 1) 78%, rgba(247, 147, 32, 1) 94%, rgba(247, 147, 32, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(112, 194, 120, 1)), color-stop(7%, rgba(112, 194, 120, 1)), color-stop(22%, rgba(40, 186, 191, 1)), color-stop(35%, rgba(38, 154, 212, 1)), color-stop(51%, rgba(139, 76, 158, 1)), color-stop(66%, rgba(185, 54, 130, 1)), color-stop(78%, rgba(240, 76, 61, 1)), color-stop(94%, rgba(247, 147, 32, 1)), color-stop(100%, rgba(247, 147, 32, 1))); background: -webkit-linear-gradient(left, rgba(112, 194, 120, 1) 0%, rgba(112, 194, 120, 1) 7%, rgba(40, 186, 191, 1) 22%, rgba(38, 154, 212, 1) 35%, rgba(139, 76, 158, 1) 51%, rgba(185, 54, 130, 1) 66%, rgba(240, 76, 61, 1) 78%, rgba(247, 147, 32, 1) 94%, rgba(247, 147, 32, 1) 100%); background: -o-linear-gradient(left, rgba(112, 194, 120, 1) 0%, rgba(112, 194, 120, 1) 7%, rgba(40, 186, 191, 1) 22%, rgba(38, 154, 212, 1) 35%, rgba(139, 76, 158, 1) 51%, rgba(185, 54, 130, 1) 66%, rgba(240, 76, 61, 1) 78%, rgba(247, 147, 32, 1) 94%, rgba(247, 147, 32, 1) 100%); background: -ms-linear-gradient(left, rgba(112, 194, 120, 1) 0%, rgba(112, 194, 120, 1) 7%, rgba(40, 186, 191, 1) 22%, rgba(38, 154, 212, 1) 35%, rgba(139, 76, 158, 1) 51%, rgba(185, 54, 130, 1) 66%, rgba(240, 76, 61, 1) 78%, rgba(247, 147, 32, 1) 94%, rgba(247, 147, 32, 1) 100%); background: linear-gradient(to right, rgba(112, 194, 120, 1) 0%, rgba(112, 194, 120, 1) 7%, rgba(40, 186, 191, 1) 22%, rgba(38, 154, 212, 1) 35%, rgba(139, 76, 158, 1) 51%, rgba(185, 54, 130, 1) 66%, rgba(240, 76, 61, 1) 78%, rgba(247, 147, 32, 1) 94%, rgba(247, 147, 32, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70c278', endColorstr='#f79320', GradientType=1); } /*****************SECCIÓN DE SERVICIOS EN EL HOME**********************/ .fondo-horizontal-servicios-home { background: url(img/fondo-horizontal-servicios.jpg) center center no-repeat #13468a; background-size: cover; padding: 4rem 0rem 4rem 0rem; } /*================BOTON PARA SUBIR=================*/ a#top { width: 38px; height: 38px; line-height: 0px; border-radius: 100%; border: 3px solid rgba(46, 48, 146, 0.90); background-color: rgba(237, 28, 36, 0.88); display: none; font-size: 20px; font-weight: 400; position: fixed; right: 100px; bottom: 5px; z-index: 1000; padding: 6px; text-decoration: none; text-align: center; color: #fff; } a#top:hover { color: #fff200; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /*================BOTON PARA BAJAR=================*/ a#bottom { width: 38px; height: 38px; line-height: 0px; border-radius: 100%; border: 3px solid rgba(46, 48, 146, 0.90); background-color: rgba(237, 28, 36, 0.88); display: none; font-size: 20px; font-weight: 400; position: fixed; right: 145px; bottom: 5px; z-index: 1000; padding: 6px; text-decoration: none; text-align: center; color: #fff; } a#bottom:hover { color: #fff200; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .style-arrows { text-shadow: 0 1px 3px rgba(255, 255, 255, 0.55); } /****************COLOR FONDO PARA LOS AMPLIADOS*****************/ .contenedor_contenido_izqder { border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -o-border-radius: 0.25rem; background-color: #fff; margin-top: 2.5rem; padding-top: 0rem; padding-bottom: 1.875rem; } /*=========================PAGINACIÓN=====================*/ .pagination { margin-left: 0; margin-bottom: 0rem; } .pagination::before, .pagination::after { content: ''; display: table; } .pagination::after { clear: both; } .pagination li { font-size: 1.1rem; margin-right: 0.0625rem; border-radius: 3px; font-weight: 400; } .pagination li:last-child, .pagination li:first-child { display: inline-block; } .pagination a, .pagination button { color: #fff; text-shadow: 0px 1px 1px #000; display: block; padding: 0.1875rem 0.625rem; border-radius: 3px; background-color: #ed1c24; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .pagination a:hover, .pagination button:hover { background: #2e3092; transform: translateY(-0.25rem); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .pagination .current { padding: 0.4875rem 0.625rem; background: #fff200; color: #fff; border: 0.0625rem dashed #424242; text-shadow: 0px 1px 1px #000; cursor: default; } .pagination .disabled { padding: 0.1875rem 0.625rem; color: #cacaca; cursor: not-allowed; } .pagination .disabled:hover { background: transparent; } .pagination .ellipsis::after { content: '\2026'; padding: 0.1875rem 0.625rem; color: #0a0a0a; } .pagination-previous a::before, .pagination-previous.disabled::before { content: '\00ab'; display: inline-block; margin-right: 0.5rem; } .pagination-next a::after, .pagination-next.disabled::after { content: '\00bb'; display: inline-block; margin-left: 0.5rem; } /*================INICIO - ESTILOS CONFIGURABLES PARA LA ZONA DE CARRITO COMPRA=================*/ /*================FIN - ESTILOS CONFIGURABLES PARA LA ZONA DE CARRITO=================*/ /**************IMPORTAR LAS PARTES QUE ARMAN EL HOME Y ALGUNAS INTERNAS******/ /* Hover.css (http://ianlunn.github.io/Hover/) * Version: 2.0.2 * Author: Ian Lunn @IanLunn * Author URL: http://ianlunn.co.uk/ * Github: https://github.com/IanLunn/Hover * Made available under a MIT License: * http://www.opensource.org/licenses/mit-license.php * Hover.css Copyright Ian Lunn 2014. Generated with Sass. */ /* 2D TRANSITIONS */ /* Grow */ .hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1.1); transform: scale(1.1); } /* Shrink */ .hvr-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { -webkit-transform: scale(0.9); transform: scale(0.9); } /* Pulse */ @-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active { -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Pulse Grow */ @-webkit-keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } .hvr-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active { -webkit-animation-name: hvr-pulse-grow; animation-name: hvr-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Pulse Shrink */ @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active { -webkit-animation-name: hvr-pulse-shrink; animation-name: hvr-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Push */ @-webkit-keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .hvr-push { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-push:hover, .hvr-push:focus, .hvr-push:active { -webkit-animation-name: hvr-push; animation-name: hvr-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop */ @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } .hvr-pop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active { -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Bounce In */ .hvr-bounce-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Bounce Out */ .hvr-bounce-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Rotate */ .hvr-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active { -webkit-transform: rotate(4deg); transform: rotate(4deg); } /* Grow Rotate */ .hvr-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active { -webkit-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } /* Float */ .hvr-float { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-float:hover, .hvr-float:focus, .hvr-float:active { -webkit-transform: translateY(-8px); transform: translateY(-8px); } /* Sink */ .hvr-sink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active { -webkit-transform: translateY(8px); transform: translateY(8px); } /* Bob */ @-webkit-keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .hvr-bob { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active { -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: 0.3s, 1.5s; animation-duration: 0.3s, 1.5s; -webkit-animation-delay: 0s, 0.3s; animation-delay: 0s, 0.3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Hang */ @-webkit-keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @-webkit-keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } .hvr-hang { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active { -webkit-animation-name: hvr-hang-sink, hvr-hang; animation-name: hvr-hang-sink, hvr-hang; -webkit-animation-duration: 0.3s, 1.5s; animation-duration: 0.3s, 1.5s; -webkit-animation-delay: 0s, 0.3s; animation-delay: 0s, 0.3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Skew */ .hvr-skew { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active { -webkit-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Forward */ .hvr-skew-forward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active { -webkit-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Backward */ .hvr-skew-backward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active { -webkit-transform: skew(10deg); transform: skew(10deg); } /* Wobble Vertical */ @-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active { -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Horizontal */ @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active { -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble To Bottom Right */ @-webkit-keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .hvr-wobble-to-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active { -webkit-animation-name: hvr-wobble-to-bottom-right; animation-name: hvr-wobble-to-bottom-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble To Top Right */ @-webkit-keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .hvr-wobble-to-top-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active { -webkit-animation-name: hvr-wobble-to-top-right; animation-name: hvr-wobble-to-top-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Top */ @-webkit-keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active { -webkit-animation-name: hvr-wobble-top; animation-name: hvr-wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Bottom */ @-webkit-keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active { -webkit-animation-name: hvr-wobble-bottom; animation-name: hvr-wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Skew */ @-webkit-keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-skew { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active { -webkit-animation-name: hvr-wobble-skew; animation-name: hvr-wobble-skew; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Buzz */ @-webkit-keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .hvr-buzz { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active { -webkit-animation-name: hvr-buzz; animation-name: hvr-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Buzz Out */ @-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .hvr-forward { box-shadow: 0 0 1px transparent; display: inline-block; transform: perspective(1px) translateZ(0px); transition-duration: 0.3s; transition-property: transform; vertical-align: middle; } .hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active { transform: translateX(8px); } .hvr-backward { box-shadow: 0 0 1px transparent; display: inline-block; transform: perspective(1px) translateZ(0px); transition-duration: 0.3s; transition-property: transform; vertical-align: middle; } .hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active { transform: translateX(-30px); } /* BACKGROUND TRANSITIONS */ /* Fade */ .hvr-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); border-radius: 0.625rem; -webkit-border-radius: 0.625rem; -moz-border-radius: 0.625rem; -ms-border-radius: 0.625rem; -o-border-radius: 0.625rem; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { background-color: #ededed; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-radius: 0.625rem; -webkit-border-radius: 0.625rem; -moz-border-radius: 0.625rem; -ms-border-radius: 0.625rem; -o-border-radius: 0.625rem; color: white; } /* Back Pulse */ @-webkit-keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } @keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } .hvr-back-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active { -webkit-animation-name: hvr-back-pulse; animation-name: hvr-back-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: #2098d1; background-color: #2098d1; color: white; } /* Sweep To Right */ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; background: #eaeaea; border-radius: 0.35rem; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Left */ .hvr-sweep-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active { color: white; } .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Bottom */ .hvr-sweep-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #0d6162; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active { color: white; } .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Sweep To Top */ .hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #ff9500; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: #333; } .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Bounce To Right */ .hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e5e5e5; border-radius: 0.35rem; -webkit-border-radius: 0.35rem; -moz-border-radius: 0.35rem; -ms-border-radius: 0.35rem; -o-border-radius: 0.35rem; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { color: white; } .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Left */ .hvr-bounce-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #f4f4f4; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active { color: white; } .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Bottom */ .hvr-bounce-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #0054a3; border-radius: 0.35rem; -webkit-border-radius: 0.35rem; -moz-border-radius: 0.35rem; -ms-border-radius: 0.35rem; -o-border-radius: 0.35rem; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active { color: white; } .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Top */ .hvr-bounce-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #efefef; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active { color: white; } .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Radial Out */ .hvr-radial-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; background: #0f90c4; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #575857; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active { color: white; } .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before { -webkit-transform: scale(2); transform: scale(2); } /* Radial In */ .hvr-radial-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; background: #50cca6; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #21ce99; border-radius: 100%; -webkit-transform: scale(2); transform: scale(2); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active { color: white; } .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before { -webkit-transform: scale(0); transform: scale(0); } /* Rectangle In */ .hvr-rectangle-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #0973b5; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-rectangle-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #193554; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active { color: white; } .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before { -webkit-transform: scale(0); transform: scale(0); } /* Rectangle Out */ .hvr-rectangle-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #ebebeb; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .hvr-rectangle-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #ebeaea; -webkit-transform: scale(0); transform: scale(0); border-radius: 1.25rem; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { color: white; } .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before { -webkit-transform: scale(1); transform: scale(1); } /* Shutter In Horizontal */ .hvr-shutter-in-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #7393bd; transform: skew(-20deg); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #315e8f; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active { color: white; } .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before { -webkit-transform: scaleX(0); transform: scaleX(0); } /* Shutter Out Horizontal */ .hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #891b17; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #af2e29; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { color: #333; } .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Shutter In Vertical */ .hvr-shutter-in-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: none; position: relative; background: #1c1712; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #fbc812; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active { color: #fafafa; } .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before { -webkit-transform: scaleY(0); transform: scaleY(0); } /* Shutter Out Vertical */ .hvr-shutter-out-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #b2b2b2; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #ccc; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active { color: #333; } .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* BORDER TRANSITIONS */ /* Border Fade */ .hvr-border-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } /* Hollow */ .hvr-hollow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: background; transition-property: background; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active { background: none; } /* Trim */ .hvr-trim { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-trim:before { content: ''; position: absolute; border: #e7e5e5 solid 2px; top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before { opacity: 1; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } /* Ripple Out */ @-webkit-keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } .hvr-ripple-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-ripple-out:before { content: ''; position: absolute; border: #e1e1e1 solid 6px; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; } /* Ripple In */ @-webkit-keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } @keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } .hvr-ripple-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-ripple-in:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before { -webkit-animation-name: hvr-ripple-in; animation-name: hvr-ripple-in; } /* Outline Out */ .hvr-outline-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-outline-out:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; } /* Outline In */ .hvr-outline-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-outline-in:before { pointer-events: none; content: ''; position: absolute; border: #e7e5e5 solid 2px; top: -16px; right: -16px; bottom: -16px; left: -16px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 1; } /* Round Corners */ .hvr-round-corners { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: border-radius; transition-property: border-radius; } .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active { border-radius: 1em; } /* Underline From Left */ .hvr-underline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { right: 0; } /* Underline From Center */ .hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #404040; height: 5px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { left: 0; right: 0; } /* Underline From Right */ .hvr-underline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before { left: 0; } /* Overline From Left */ .hvr-overline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before { right: 0; } /* Overline From Center */ .hvr-overline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; top: 0; background: #121311; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before { left: 0; right: 0; } /* Overline From Right */ .hvr-overline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before { left: 0; } /* Reveal */ .hvr-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; border-color: #e7e5e5; border-style: solid; border-width: 0; -webkit-transition-property: border-width; transition-property: border-width; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); border-width: 3px; } /* Underline Reveal */ .hvr-underline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: #dc7387; height: 4px; -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); } /* Overline Reveal */ .hvr-overline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; background: #2098d1; height: 4px; -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); } /* SHADOW/GLOW TRANSITIONS */ /* Glow */ .hvr-glow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active { box-shadow: 0 0 8px rgba(0, 0, 0, 0.70); } /* Shadow */ .hvr-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* Grow Shadow */ .hvr-grow-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow, transform; transition-property: box-shadow, transform; } .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.85); -webkit-transform: scale(1.1); transform: scale(1.1); } /* Box Shadow Outset */ .hvr-box-shadow-outset { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); } /* Box Shadow Inset */ .hvr-box-shadow-inset { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active { box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } /* Float Shadow */ .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 80%); background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Shadow Radial */ .hvr-shadow-radial { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-shadow-radial:before, .hvr-shadow-radial:after { pointer-events: none; position: absolute; content: ''; left: 0; width: 100%; box-sizing: border-box; background-repeat: no-repeat; height: 7px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-shadow-radial:before { bottom: 100%; background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial:after { top: 100%; background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after { opacity: 1; } /* SPEECH BUBBLES */ /* Bubble Top */ .hvr-bubble-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-top:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); top: 0; border-width: 0 10px 10px 10px; border-color: transparent transparent #e1e1e1 transparent; } .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Bubble Right */ .hvr-bubble-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-right:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); right: 0; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; } .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before { -webkit-transform: translateX(10px); transform: translateX(10px); } /* Bubble Bottom */ .hvr-bubble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-bottom:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); bottom: 0; border-width: 10px 10px 0 10px; border-color: #e1e1e1 transparent transparent transparent; } .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before { -webkit-transform: translateY(10px); transform: translateY(10px); } /* Bubble Left */ .hvr-bubble-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-left:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); left: 0; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; } .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } /* Bubble Float Top */ .hvr-bubble-float-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); top: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #e1e1e1 transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active { -webkit-transform: translateY(10px); transform: translateY(10px); } .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Bubble Float Right */ .hvr-bubble-float-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:before { position: absolute; z-index: -1; top: calc(50% - 10px); right: 0; content: ''; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before { -webkit-transform: translateX(10px); transform: translateX(10px); } /* Bubble Float Bottom */ .hvr-bubble-float-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); bottom: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #e1e1e1 transparent transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before { -webkit-transform: translateY(10px); transform: translateY(10px); } /* Bubble Float Left */ .hvr-bubble-float-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:before { position: absolute; z-index: -1; content: ''; top: calc(50% - 10px); left: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active { -webkit-transform: translateX(10px); transform: translateX(10px); } .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .part_preheader { background-color: transparent; } /* Large and up */ /*@media screen and (min-width: 64em) { }*/ /* Large only */ /*@media screen and (min-width: 64em) and (max-width: 74.9375em) { }*/ /***************MEDIA QUERIES*****************/ .part_header { background: none #fff; /*************+LINEAS SEPARADORA BORDE SUPERIOR PAGINA************/ } .part_header .color-fondo-menu { background-color: #002347; } .part_header .separador-logo-botones { padding: 0.5rem 0rem 0.5rem 0rem; /****************ESTILOS MULTINIVEL************************/ } .part_header .separador-logo-botones .logo { text-align: center; opacity: 1; width: auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_header .separador-logo-botones .logo:hover { opacity: 0.85; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_header .separador-logo-botones .espacio-menu { padding-top: 0.75rem; } .part_header .separador-logo-botones .espacio-menu .contenedor-buscador { margin-top: 1.45rem; } .part_header .separador-logo-botones .espacio-menu .icono-buscador { border-top: 1px solid #cacaca; border-right: 0px; border-bottom: 1px solid #cacaca; border-left: 1px solid #cacaca; background-color: #fff; border-radius: 3px 0px 0px 3px; height: 2.4375rem; } .part_header .separador-logo-botones .espacio-menu .icono-buscador .fi-style { vertical-align: middle; font-size: 1.62rem; color: #424242; line-height: 1.4; } .part_header .separador-logo-botones .espacio-menu .icono-buscador:hover { cursor: pointer; background-color: #e3e3e3; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_header .separador-logo-botones .boton-menu-movil { display: none; } .part_header .separador-logo-botones .nav-bar { background: transparent; height: auto; margin-bottom: 0px; } .part_header .separador-logo-botones .nav-bar .nav-bar-logo { padding: 1.8rem; } .part_header .separador-logo-botones .nav-bar ul { padding-bottom: 0rem; } .part_header .separador-logo-botones .nav-bar li { background: transparent; } .part_header .separador-logo-botones .nav-bar a { color: #fefefe; transition: color 0.2s ease-in; } .part_header .separador-logo-botones .nav-bar a:hover { color: #a8b8c3; } @media screen and (max-width: 39.9375em) { .part_header .separador-logo-botones { /*height: 53.57143px;*/ } .part_header .separador-logo-botones .nav-bar { height: auto; } } .part_header .separador-logo-botones .nav-bar .offcanvas-trigger { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 1.6rem; color: #fefefe; text-transform: uppercase; background-color: #315e8f; transition: background-color 0.2s ease-in; cursor: pointer; } .part_header .separador-logo-botones .nav-bar .offcanvas-trigger .offcanvas-trigger-text { margin-right: 0.25rem; margin-top: 0.25rem; } .part_header .separador-logo-botones .nav-bar .offcanvas-trigger:hover { background-color: #1a375d; } @media screen and (max-width: 39.9375em) { .part_header .separador-logo-botones .nav-bar .offcanvas-trigger { padding: 0.9rem; } } .part_header .separador-logo-botones .multilevel-offcanvas { background: #1a375d; padding: 20px; color: #fefefe; } .part_header .separador-logo-botones .multilevel-offcanvas > .menu { margin-bottom: 1rem; } .part_header .separador-logo-botones .multilevel-offcanvas .menu a { color: rgba(254, 254, 254, 0.6); padding: 12px 10px; transition: color 0.2s ease-in; } .part_header .separador-logo-botones .multilevel-offcanvas .menu a:hover { color: #fefefe; } .part_header .separador-logo-botones .multilevel-offcanvas .fa { color: #fefefe; } .part_header .separador-logo-botones .multilevel-offcanvas .is-accordion-submenu-parent > a::after { border-color: rgba(254, 254, 254, 0.6) transparent transparent; } .part_header .separador-logo-botones .multilevel-offcanvas .social-links { margin-left: 20px; } .part_header .separador-logo-botones .multilevel-offcanvas .social-links li { margin-right: 5px; } .part_header .separador-logo-botones .multilevel-offcanvas .social-links a:hover .fa { color: #bebebe; transition: color 0.2s ease-in; } .part_header .separador-logo-botones .multilevel-offcanvas .social-links .fa { font-size: 2.2rem; } .part_header .separador-logo-botones .body-info { text-align: center; color: #2c3840; } .part_header .separador-logo-botones .body-info .button { margin: 1rem 0; padding: 0.85em 2em; } .part_header .separador-logo-botones .off-canvas { position: fixed; z-index: 1000; transition: transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .part_header .separador-logo-botones .is-open + .off-canvas-content .hamburger .line:nth-child(1), .part_header .separador-logo-botones .is-open + .off-canvas-content .hamburger .line:nth-child(3) { width: 12px; } .part_header .separador-logo-botones .is-open + .off-canvas-content .hamburger .line:nth-child(1) { -webkit-transform: translateX(-5px) rotate(-45deg); -ms-transform: translateX(-5px) rotate(-45deg); transform: translateX(-5px) rotate(-45deg); } .part_header .separador-logo-botones .is-open + .off-canvas-content .hamburger .line:nth-child(3) { -webkit-transform: translateX(-5px) rotate(45deg); -ms-transform: translateX(-5px) rotate(45deg); transform: translateX(-5px) rotate(45deg); } .part_header .separador-logo-botones .hamburger .line { width: 20px; height: 2px; background-color: #fefefe; display: block; margin: 3px auto; transition: all 0.3s ease-in-out; } .part_header .separador-logo-botones .hamburger .line:last-child { margin-bottom: 0; } /*****************MEDIA QUERIES*****************/ /* Small only */ @media screen and (max-width: 39.9375em) { .part_header { background: none #fff; } .part_header .color-fondo-menu { margin-top: 1rem; background-color: #002347; } .part_header .separador-logo-botones .nav-bar { float: right; } .part_header .separador-logo-botones .logo { text-align: center; } .part_header .separador-logo-botones .espacio-menu { padding-top: 0rem; } .part_header .separador-logo-botones .espacio-menu .boton-menu-movil { display: block; margin-top: 0px; margin-right: 2rem; } .part_header .separador-logo-botones .espacio-menu .is-accordion-submenu-parent ul { list-style-type: none; margin-left: 0rem; } .part_header .separador-logo-botones .espacio-menu .is-accordion-submenu-parent ul li { background-color: #335f8d; padding: 12px 10px; } .part_header .separador-logo-botones .espacio-menu .is-accordion-submenu-parent ul li a { padding: 0px; } } /* Medium and up */ /*@media screen and (min-width: 40em) { }*/ /* Medium only */ @media screen and (min-width: 40em) and (max-width: 63.9375em) { .part_header .separador-logo-botones .nav-bar { float: right; } .part_header .separador-logo-botones .logo { text-align: center; } .part_header .separador-logo-botones .espacio-menu { padding-top: 0rem; } .part_header .separador-logo-botones .espacio-menu .boton-menu-movil { display: block; margin-top: 0px; margin-right: 3rem; } .part_header .separador-logo-botones .espacio-menu .is-accordion-submenu-parent ul { list-style-type: none; margin-left: 0rem; } .part_header .separador-logo-botones .espacio-menu .is-accordion-submenu-parent ul li { background-color: #335f8d; padding: 12px 10px; } .part_header .separador-logo-botones .espacio-menu .is-accordion-submenu-parent ul li a { padding: 0px; } } /* Large and up */ /*@media screen and (min-width: 64em) { }*/ /* Large only */ /*@media screen and (min-width: 64em) and (max-width: 74.9375em) { }*/ /***************MEDIA QUERIES*****************/ .rsocial { position: fixed; top: 20%; right: 0; display: block; padding: 0rem; z-index: 10; /****MEDIA QUERIES*****/ /* Small only */ /****MEDIA QUERIES*****/ } .rsocial ul { width: auto; padding: 0rem; margin: 0rem 0rem 0rem 0rem; list-style: none; } .rsocial ul li { text-align: center; display: block; margin-right: 0rem; margin-bottom: 0.55rem; } .rsocial ul li a img { opacity: 1; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .rsocial ul li a img:hover { opacity: 0.85; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } @media screen and (max-width: 39.9375em) { .rsocial { /*position: static; display:inline-block; padding: 0rem; ul { li { display:inline-block; margin-right:0.40rem; margin-bottom: 0rem; text-align: center; } }*/ } } .part_pagosadmis { position: fixed; top: 49.6%; right: 0; display: block; padding: 0rem; z-index: 10; /****MEDIA QUERIES*****/ /* Small only */ /* Medium only */ /****MEDIA QUERIES*****/ } .part_pagosadmis ul { width: auto; padding: 0rem; margin: 0rem 0rem 0rem 0rem; list-style: none; } .part_pagosadmis ul li { text-align: center; display: block; margin-right: 0rem; margin-bottom: 0.55rem; } .part_pagosadmis ul li a img { -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .part_pagosadmis ul li a img:hover { filter: saturate(200%); -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } @media screen and (max-width: 39.9375em) { .part_pagosadmis { display: none; } } .part_menu { margin-top: 0rem; /***********+MENU HORIZONTAL*******************/ font-family: 'Muli', sans-serif; padding-top: 0rem; /******ESTILOS SUBMENU 2 NIVEL**********/ /****MENU VERTICAL*****/ /*configuracion del ul del submenu 2*/ /****ESTE BLOQUE DE LINEAS SIRVE PARA PONER EL COLOR DE LA FLECHITA EN EL SUBMENU*/ /****MEDIA QUERIES*****/ /* Small only */ /**********AQUI SE CONFIGURA EL COLOR DE LAS LINEAS DEL MENU HAMBURGUESA***/ /*********Medium only**************/ /****MEDIA QUERIES*****/ } .part_menu .menu-esc { display: block; } .part_menu .menu-centered { text-align: center; } .part_menu .title-bar { padding: 0rem 0rem; } .part_menu .title-bar .title-bar-title { font-size: 0.9375rem; color: #fff; } .part_menu .top-bar, .part_menu .top-bar ul { background-color: transparent; padding: 0rem; } .part_menu .top-bar { padding: 0px; height: auto; } .part_menu .top-bar .menu { height: auto; } .part_menu .top-bar .menu li { height: auto; } .part_menu .top-bar .menu li a { white-space: break-spaces; text-transform: none; color: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-size: 0.9375rem; font-weight: 600; } .part_menu .top-bar .menu li a:hover { color: #f79429; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_menu .menu > li > a { display: block; padding: 0.55rem 0.75rem; line-height: 1; background-color: transparent; } .part_menu .menu > li > a:hover { color: inherit; } .part_menu .submenu > li > a { display: block; padding: 0.55rem 0.65rem; line-height: 1; background-color: transparent; } .part_menu .submenu > li > a:hover { color: inherit; } .part_menu .top-bar .menu li ul li a { text-transform: none; font-size: 1rem; padding: 0.75rem 0.875rem; background-color: transparent; color: #fff; /*Aqui se coloca el color de la letra en reposo del submenu a 2 niveles*/ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_menu .top-bar .menu li ul li a:hover { background-color: transparent; color: #fff; /*Aqui se coloca el color de la letra en hover del submenu a 2 niveles*/ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_menu .is-dropdown-submenu { display: none; position: absolute; top: 0; left: 100%; min-width: 279px; z-index: 500; } .part_menu .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { right: 14px; margin-top: -3px; } .part_menu .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #fff transparent transparent; border-right-style: solid; border-left-width: 0; } .part_menu .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #fff; border-left-style: solid; border-right-width: 0; } .part_menu .is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; } .part_menu .is-dropdown-submenu > li { width: 100%; padding: 0rem 0rem; height: auto; text-align: left; border-bottom: 0.0625rem solid #9a9a9a; /*orientacion del texto en el li del submenu 2 y borde del li*/ } .part_menu .is-dropdown-submenu > li:hover { background-color: transparent; /*color fondo en el hover del li del submenu 2*/ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_menu .is-dropdown-submenu.js-dropdown-active { display: block; } .part_menu .dropdown.menu > li.is-dropdown-submenu-parent > a::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff transparent transparent; border-image: none; border-style: solid inset inset; border-width: 5px 5px 0; content: ""; display: block; height: 0; margin-top: -2px; right: 5px; width: 0; } .part_menu .dropdown.menu.vertical > li .is-dropdown-submenu { top: 40px; list-style: inside; list-style-type: none; padding: 0rem; background-color: rgba(255, 255, 255, 0.76); border: 0rem solid #6fb343; left: -0.5rem; } .part_menu .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { left: auto; right: 100%; background-color: transparent; border: 0rem solid #6fb343; } .part_menu .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; background-color: transparent; border: 0rem solid #6fb343; } .part_menu .dropdown.menu.vertical > li > a::after { right: 15px; margin-top: -3px; } .part_menu .dropdown.menu.vertical > li.opens-left > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #fff transparent transparent; border-right-style: solid; border-left-width: 0; } .part_menu .dropdown.menu.vertical > li.opens-right > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent transparent; border-left-style: solid; border-right-width: 0; } @media screen and (max-width: 39.9375em) { .part_menu { padding-top: 0rem; padding-bottom: 0rem; } .part_menu .title-bar { background-color: transparent; padding-bottom: 0.55rem; } .part_menu .title-bar .title-bar-title { font-size: 0.9375rem; color: #1a375d; } .part_menu .menu-centered { text-align: left; } .part_menu .top-bar { height: auto; } .part_menu .top-bar .menu { width: 100%; height: auto; } .part_menu .top-bar .menu li { height: auto; } .part_menu .top-bar .menu li a { color: #fff; padding: 1.2rem 0.875rem; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_menu .top-bar .menu li a:hover { color: #c2080e; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } } .part_menu .top-bar ul { background-color: transparent; margin-left: 0rem; } .part_menu .is-accordion-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #fff transparent transparent; position: absolute; top: 50%; margin-top: -3px; right: 1rem; } .part_menu .menu.vertical > li > ul { list-style: none; background-color: rgba(255, 255, 255, 0.1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_menu .menu.vertical > li > ul > li { border-bottom: 0.0625rem solid #9a9a9a; background-color: rgba(8, 34, 68, 0); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_menu .menu.vertical > li > ul > li:hover { background-color: rgba(8, 34, 68, 0.86); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_menu .menu.vertical > li > ul > li:last-child { border-bottom: 0rem solid #fff; } .part_menu .submenu.vertical > li > ul { list-style: none; background-color: rgba(255, 255, 255, 0.1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_menu .submenu.vertical > li > ul > li { border-bottom: 0.0625rem solid #9a9a9a; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_menu .submenu.vertical > li > ul > li:last-child { border-bottom: 0rem solid #fff; } .part_menu .menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; width: 20px; height: 16px; } .part_menu .menu-icon.dark::after { content: ''; position: absolute; display: block; width: 100%; height: 2px; background: #1a375d; top: 0; left: 0; box-shadow: 0 7px 0 #1a375d, 0 14px 0 #1a375d; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_menu .menu-icon.dark:hover::after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background: #7393bd; box-shadow: 0 7px 0 #7393bd, 0 14px 0 #7393bd; } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .part_menu { padding-top: 0rem; padding-bottom: 0rem; } .part_menu .title-bar { background-color: transparent; padding-left: 0rem; margin-bottom: 0.625rem; } .part_menu .title-bar .title-bar-title { font-size: 0.9375rem; color: #1a375d; } .part_menu .menu-centered { text-align: left; } .part_menu .top-bar { height: auto; } .part_menu .top-bar .menu { width: 100%; height: auto; } .part_menu .top-bar .menu li { height: auto; } .part_menu .top-bar .menu li a { color: #fff; padding: 1rem 0.875rem; background-color: transparent; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_menu .top-bar .menu li a:hover { color: #fff; background-color: #315e8f; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_menu .top-bar ul { background-color: rgba(19, 36, 53, 0.95); } .part_menu .dropdown.menu.vertical > li .is-dropdown-submenu { top: 3rem; left: 0rem; list-style: inside; list-style-type: none; padding: 0rem; background-color: rgba(19, 36, 53, 0.95); } } @media screen and (min-width: 40em) { .part_menu .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { left: auto; right: 0; top: 100%; background-color: rgba(0, 34, 49, 0.76); border: 0rem solid #6fb343; } .part_menu .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { right: auto; left: 0; top: 100%; background-color: rgba(0, 34, 49, 0.76); border: 0rem solid #6fb343; } .part_menu .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { padding: 0.7rem; position: relative; } .part_menu .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: #fff transparent transparent; border-top-style: solid; border-bottom-width: 0; right: 5px; margin-top: -2px; } .part_menu .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; } .part_menu .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { left: auto; right: 100%; background-color: rgba(255, 255, 255, 0.10); border: 0rem solid #6fb343; } .part_menu .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; background-color: rgba(255, 255, 255, 0.10); border: 0rem solid #6fb343; } .part_menu .dropdown.menu.medium-vertical > li > a::after { right: 0px; margin-top: -3px; } .part_menu .dropdown.menu.medium-vertical > li.opens-left > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #fff transparent transparent; border-right-style: solid; border-left-width: 0; } .part_menu .dropdown.menu.medium-vertical > li.opens-right > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #fff; border-left-style: solid; border-right-width: 0; } } @media screen and (min-width: 64em) { .part_menu .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { left: auto; right: 1; top: 117%; /*****AQUI SE CAMBIA EL COLOR DE FONDO DE MENU 2 NIVEL - ESCRITORIO****/ background-color: rgba(0, 35, 71, 0.89); } .part_menu .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { right: auto; left: 0; top: 117%; /*****AQUI SE CAMBIA EL COLOR DE FONDO DE MENU 2 NIVEL - ESCRITORIO****/ background-color: rgba(0, 35, 71, 0.89); margin-left: 0rem; } .part_menu .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { padding-right: 1.5rem; position: relative; } .part_menu .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { content: '+'; display: block; width: 0; height: 0; /*border: inset 5px; border-color: #FFF transparent transparent; border-top-style: solid; border-bottom-width: 0;*/ right: 17px; margin-top: -12px; } .part_menu .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; } .part_menu .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { left: auto; right: 100%; background-color: rgba(120, 34, 49, 1); border: 0rem solid #6fb343; } .part_menu .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; background-color: rgba(120, 34, 49, 1); border: 0rem solid #6fb343; } .part_menu .dropdown.menu.large-vertical > li > a::after { right: 14px; margin-top: -3px; } .part_menu .dropdown.menu.large-vertical > li.opens-left > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #121212 transparent transparent; border-right-style: solid; border-left-width: 0; } .part_menu .dropdown.menu.large-vertical > li.opens-right > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #121212; border-left-style: solid; border-right-width: 0; } } /****MEDIA QUERIES*****/ /* Small only */ @media screen and (max-width: 39.9375em) { .part_menu .menu-esc { display: none; } .part_menu .top-bar, .part_menu .top-bar ul { background-color: rgba(19, 36, 53, 0.90); } .part_menu .top-bar .menu li, .part_menu .top-bar ul .menu li { background-color: transparent; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_menu .top-bar .menu li a, .part_menu .top-bar ul .menu li a { text-decoration: none; color: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_menu .top-bar .menu li a:hover, .part_menu .top-bar ul .menu li a:hover { color: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_menu .top-bar .menu li:hover, .part_menu .top-bar ul .menu li:hover { background-color: rgba(49, 94, 143, 0.89); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } } /* Medium only */ @media screen and (min-width: 40em) and (max-width: 63.9375em) { .part_menu .menu-esc { display: none; } } /* Large only */ @media screen and (min-width: 64em) { .part_menu .top-bar, .part_menu .top-bar ul { background-color: transparent; } } /****MEDIA QUERIES*****/ .part_slider { background-color: #424242; /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - ZEUS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ /* BULLETS */ /* THUMBS */ /* TABS */ /****MEDIA QUERIES*****/ /* Small only */ /* Medium only */ /****MEDIA QUERIES*****/ } .part_slider .fi-page-edit { margin-right: 0.35rem; color: #fff; font-size: 23px; vertical-align: middle; } .part_slider .hover-bot { cursor: pointer; background-color: rgba(20, 29, 85, 0.95); border: 0.0625rem solid #fff; color: #00c5ff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_slider .hover-bot:hover { background-color: rgba(20, 29, 85, 0.75); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; color: #fff; } .part_slider .zeus.tparrows { cursor: pointer; min-width: 70px; min-height: 70px; position: absolute; display: block; z-index: 100; border-radius: 35px; overflow: hidden; background: rgba(0, 0, 0, 0.10); } .part_slider .zeus.tparrows:before { font-family: "revicons"; font-size: 30px; color: #fff; display: block; line-height: 70px; text-align: center; z-index: 2; position: relative; } .part_slider .zeus.tparrows.tp-leftarrow:before { content: "<"; } .part_slider .zeus.tparrows.tp-rightarrow:before { content: ">"; } .part_slider .zeus .tp-title-wrap { background: #000; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; opacity: 0; transform: scale(0); -webkit-transform: scale(0); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; border-radius: 50%; } .part_slider .zeus .tp-arr-imgholder { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-position: center center; background-size: cover; border-radius: 50%; transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .part_slider .zeus.tp-rightarrow .tp-arr-imgholder { transform: translateX(100%); -webkit-transform: translateX(100%); } .part_slider .zeus.tparrows:hover .tp-arr-imgholder { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; } .part_slider .zeus.tparrows:hover .tp-title-wrap { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } .part_slider .zeus .tp-bullet { box-sizing: content-box; -webkit-box-sizing: content-box; border-radius: 50%; background-color: rgba(0, 0, 0, 0); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; width: 13px; height: 13px; border: 2px solid #fff; } .part_slider .zeus .tp-bullet:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; border-radius: 50%; background-color: #fff; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; } .part_slider .zeus .tp-bullet:hover:after, .part_slider .zeus .tp-bullet.selected:after { -webkit-transform: scale(1.2); transform: scale(1.2); } .part_slider .zeus .tp-bullet-image, .part_slider .zeus .tp-bullet-imageoverlay { width: 135px; height: 60px; position: absolute; background: #000; background: rgba(0, 0, 0, 0.5); bottom: 25px; left: 50%; margin-left: -65px; box-sizing: border-box; background-size: cover; background-position: center center; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 4px; } .part_slider .zeus .tp-bullet-title, .part_slider .zeus .tp-bullet-imageoverlay { z-index: 2; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .part_slider .zeus .tp-bullet-title { color: #fff; text-align: center; line-height: 15px; font-size: 13px; font-weight: 600; z-index: 3; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; bottom: 45px; width: 135px; vertical-align: middle; left: -57px; } .part_slider .zeus .tp-bullet:hover .tp-bullet-title, .part_slider .zeus .tp-bullet:hover .tp-bullet-image, .part_slider .zeus .tp-bullet:hover .tp-bullet-imageoverlay { opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); } .part_slider .zeus .tp-thumb { opacity: 1; } .part_slider .zeus .tp-thumb-over { background: #000; background: rgba(0, 0, 0, 0.25); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; -webkit-transition: all 0.3s; transition: all 0.3s; } .part_slider .zeus .tp-thumb-more:before { font-family: "revicons"; font-size: 12px; color: #aaa; color: rgba(255, 255, 255, 0.75); display: block; line-height: 12px; text-align: left; z-index: 2; position: absolute; top: 20px; right: 20px; z-index: 2; } .part_slider .zeus .tp-thumb-more:before { content: "\e825"; } .part_slider .zeus .tp-thumb-title { font-family: "Raleway"; letter-spacing: 1px; font-size: 12px; color: #fff; display: block; line-height: 15px; text-align: left; z-index: 2; position: absolute; top: 0px; left: 0px; z-index: 2; padding: 20px 35px 20px 20px; width: 100%; height: 100%; box-sizing: border-box; transition: all 0.3s; -webkit-transition: all 0.3s; font-weight: 500; } .part_slider .zeus .tp-thumb.selected .tp-thumb-more:before, .part_slider .zeus .tp-thumb:hover .tp-thumb-more:before { color: #aaa; } .part_slider .zeus .tp-thumb.selected .tp-thumb-over, .part_slider .zeus .tp-thumb:hover .tp-thumb-over { background: #000; } .part_slider .zeus .tp-thumb.selected .tp-thumb-title, .part_slider .zeus .tp-thumb:hover .tp-thumb-title { color: #fff; } .part_slider .zeus .tp-tab { opacity: 1; box-sizing: border-box; } .part_slider .zeus .tp-tab-title { display: block; text-align: center; background: rgba(0, 0, 0, 0.25); font-family: "Muli", serif; font-weight: 700; font-size: 13px; line-height: 13px; color: #fff; padding: 9px 10px; } .part_slider .zeus .tp-tab:hover .tp-tab-title, .part_slider .zeus .tp-tab.selected .tp-tab-title { color: #000; background: rgba(255, 255, 255, 1); } .part_noticias_home { margin: 2rem 0rem 0rem 0rem; /****MEDIA QUERIES*****/ /* Small only */ /* Medium only */ /* Large and up */ /*@media screen and (min-width: 64em) { }*/ /* Large only */ /*@media screen and (min-width: 64em) and (max-width: 74.9375em) { }*/ /****MEDIA QUERIES*****/ } .part_noticias_home .contenedor-notdestacada { background-color: transparent; padding-top: 0.9375rem; padding-bottom: 0.9375rem; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_noticias_home .contenedor-notdestacada a { text-decoration: none; } .part_noticias_home .contenedor-notdestacada a:hover { color: #002347; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_noticias_home .contenedor-notdestacada a .boton-ampliar p { text-align: right; font-weight: 400; margin-top: 0.75rem; color: #000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_noticias_home .contenedor-notdestacada .color-fondo-foto { background-color: #121212; } .part_noticias_home .contenedor-notdestacada .color-fondo-foto img { border: 0.125rem solid #fff; opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_noticias_home .contenedor-notdestacada .color-fondo-foto img:hover { opacity: 0.8; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_noticias_home .contenedor-notdestacada h2 { font-size: 1.375rem; margin: 1rem 0 0.35rem 0; text-align: left; } .part_noticias_home .contenedor-notdestacada .fecha-public-destacado { margin-bottom: 0.9375rem; } .part_noticias_home .contenedor-notdestacada .fecha-public-destacado span { font-size: 0.875rem; } .part_noticias_home .contenedor-notdestacada .boton-ampliar p { text-align: right; font-weight: 400; margin-top: 0.75rem; color: #000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_noticias_home .contenedor-notdestacada:hover { background-color: #f1f1f1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_noticias_home .contenedor-notdestacada:hover .boton-ampliar p { color: #002347; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_noticias_home .contenedor-noticias { margin-bottom: 0rem; } .part_noticias_home .contenedor-noticias a { color: #000; } .part_noticias_home .contenedor-noticias .callout-noticias { margin: 0 0 0rem 0; padding: 0.9375rem 0rem 0.9375rem 0rem; border: 0px solid rgba(35, 157, 75, 1); position: relative; background-color: transparent; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_noticias_home .contenedor-noticias .callout-noticias .color-fondo-foto { background-color: #121212; margin-bottom: 0.5rem; } .part_noticias_home .contenedor-noticias .callout-noticias .color-fondo-foto img { opacity: 1; max-width: 100%; max-height: 100%; border: 0.125rem solid #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_noticias_home .contenedor-noticias .callout-noticias .color-fondo-foto img:hover { opacity: 0.8; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_noticias_home .contenedor-noticias .callout-noticias h2 { color: #000; font-size: 0.9375rem; text-align: left; margin-bottom: 0.35rem; margin-top: 0rem; padding: 0rem 0rem 0rem 0rem; text-transform: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_noticias_home .contenedor-noticias .callout-noticias .fecha-public { margin-bottom: 0.9375rem; } .part_noticias_home .contenedor-noticias .callout-noticias .fecha-public span { font-size: 0.775rem; } .part_noticias_home .contenedor-noticias .callout-noticias .separador-titulos { margin: 0 auto 1.15rem 0; } .part_noticias_home .contenedor-noticias .callout-noticias .boton-ampliar p { text-align: right; font-weight: 400; margin-top: 0.75rem; color: #000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_noticias_home .contenedor-noticias .callout-noticias p { font-size: 0.875rem; color: #000; text-align: left; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_noticias_home .contenedor-noticias .callout-noticias:hover h2 { color: #424242; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_noticias_home .contenedor-noticias .callout-noticias:hover p { color: #424242; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_noticias_home .contenedor-noticias .callout-noticias:hover .boton-ampliar p { color: #002347; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_noticias_home .contenedor-noticias .callout-noticias > :first-child { margin-top: 0; } .part_noticias_home .contenedor-noticias .callout-noticias > :last-child { margin-bottom: 0; } .part_noticias_home .boton-ver-all { margin-top: 2rem; } @media screen and (max-width: 39.9375em) { .part_noticias_home .contenedor-noticias .callout-noticias { margin-bottom: 1.35rem; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .part_noticias_home .contenedor-noticias .callout-noticias { margin-bottom: 1.35rem; } } .part_servicios_home { padding: 0rem; /****MEDIA QUERIES*****/ /* Small only */ /* Medium only */ /****MEDIA QUERIES*****/ } .part_servicios_home h2 { margin: 0rem 0rem 3rem 0rem; color: #fff; font-size: 2.65rem; text-align: left; } .part_servicios_home .contenedor-svcomunidad { margin-bottom: 0rem; } .part_servicios_home .contenedor-svcomunidad a { color: #fff; } .part_servicios_home .contenedor-svcomunidad .callout-svcomunidad { margin: 0 0 0rem 0; padding: 0.9375rem 0rem 0.9375rem 0rem; position: relative; background-color: transparent; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_servicios_home .contenedor-svcomunidad .callout-svcomunidad img { opacity: 1; max-width: 100%; max-height: 100%; margin-bottom: 1.25rem; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_servicios_home .contenedor-svcomunidad .callout-svcomunidad img:hover { opacity: 0.8; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_servicios_home .contenedor-svcomunidad .callout-svcomunidad h2 { color: #fff; font-size: 1.15rem; text-align: center; margin-bottom: 0rem; margin-top: 0rem; padding: 0rem 0rem 0rem 0rem; text-transform: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_servicios_home .contenedor-svcomunidad .callout-svcomunidad:hover h2 { color: #f1f1f1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_servicios_home .contenedor-svcomunidad .callout-svcomunidad > :first-child { margin-top: 0; } .part_servicios_home .contenedor-svcomunidad .callout-svcomunidad > :last-child { margin-bottom: 0; } .part_movicultural_home { margin: 0rem 0rem 0rem 0rem; /****MEDIA QUERIES*****/ /* Small only */ /* Medium only */ /* Large and up */ /*@media screen and (min-width: 64em) { }*/ /* Large only */ /*@media screen and (min-width: 64em) and (max-width: 74.9375em) { }*/ /****MEDIA QUERIES*****/ } .part_movicultural_home .contenedor-foto-mcultural img { opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_movicultural_home .contenedor-foto-mcultural img:hover { opacity: 0.8; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_movicultural_home h2 { text-align: center; font-size: 1.875rem; margin-top: 1.25rem; } .part_movicultural_home .contenedor-mcultural { margin-bottom: 0rem; } .part_movicultural_home .contenedor-mcultural a { color: #000; } .part_movicultural_home .contenedor-mcultural .callout-mcultural { margin: 0 0 0.75rem 0; padding: 0.9375rem 0.9375rem; border-bottom: 4px solid rgba(0, 0, 0, 0.1); position: relative; background-color: #fff; border-radius: 0.75rem; -webkit-border-radius: 0.75rem; -moz-border-radius: 0.75rem; -ms-border-radius: 0.75rem; -o-border-radius: 0.75rem; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_movicultural_home .contenedor-mcultural .callout-mcultural .color-fondo-foto { background-color: #121212; margin-bottom: 0.5rem; } .part_movicultural_home .contenedor-mcultural .callout-mcultural .color-fondo-foto img { opacity: 1; max-width: 100%; max-height: 100%; border: 0.125rem solid #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_movicultural_home .contenedor-mcultural .callout-mcultural .color-fondo-foto img:hover { opacity: 0.8; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_movicultural_home .contenedor-mcultural .callout-mcultural h2 { color: #000; font-size: 0.9375rem; text-align: left; margin-bottom: 0.35rem; margin-top: 0rem; padding: 0rem 0rem 0rem 0rem; text-transform: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_movicultural_home .contenedor-mcultural .callout-mcultural .fecha-public { margin-bottom: 0.9375rem; } .part_movicultural_home .contenedor-mcultural .callout-mcultural .fecha-public span { font-size: 0.775rem; } .part_movicultural_home .contenedor-mcultural .callout-mcultural .separador-titulos { margin: 0 auto 1.15rem 0; } .part_movicultural_home .contenedor-mcultural .callout-mcultural .boton-ampliar p { text-align: right; font-weight: 400; margin-top: 0.75rem; color: #00c5ff; } .part_movicultural_home .contenedor-mcultural .callout-mcultural p { font-size: 0.875rem; color: #000; text-align: left; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_movicultural_home .contenedor-mcultural .callout-mcultural:hover h2 { color: #424242; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_movicultural_home .contenedor-mcultural .callout-mcultural:hover p { color: #424242; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_movicultural_home .contenedor-mcultural .callout-mcultural > :first-child { margin-top: 0; } .part_movicultural_home .contenedor-mcultural .callout-mcultural > :last-child { margin-bottom: 0; } .part_movicultural_home .boton-ver-all { margin-top: 1rem; margin-bottom: 1.25rem; } @media screen and (max-width: 39.9375em) { .part_movicultural_home .show-small { display: block !important; } .part_movicultural_home .contenedor-mcultural .callout-mcultural { margin-bottom: 1.35rem; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .part_movicultural_home .contenedor-mcultural .callout-mcultural { margin-bottom: 1.35rem; } .part_movicultural_home .boton-ver-all { margin-top: 1rem; margin-bottom: 1.25rem; } } .part_otrossvs_home { padding: 0rem 0rem 0rem 0rem; } .part_otrossvs_home .contenedor-otrossvs-home { margin: 0 0 0rem 0; } .part_otrossvs_home .contenedor-otrossvs-home .callout-otrossvs-home { margin: 0 0 0rem 0; padding: 0 0 0rem 0rem; position: relative; background-color: transparent; text-align: center; } .part_otrossvs_home .contenedor-otrossvs-home .callout-otrossvs-home .callout-otrossvs-home > :first-child { margin-top: 0; } .part_otrossvs_home .contenedor-otrossvs-home .callout-otrossvs-home .callout-otrossvs-home > :last-child { margin-bottom: 0; } .part_multimedia_home { padding: 2rem 0rem 0rem 0rem; } .part_multimedia_home hr { max-width: 100%; } .part_multimedia_home .contenedor-multimedia-home { margin: 0 0 1.875rem 0; } .part_multimedia_home .contenedor-multimedia-home .callout-multimedia-home { margin: 0 0 0rem 0; padding: 0 0 0rem 0rem; position: relative; background-color: transparent; text-align: center; } .part_multimedia_home .contenedor-multimedia-home .callout-multimedia-home .callout-multimedia-home > :first-child { margin-top: 0; } .part_multimedia_home .contenedor-multimedia-home .callout-multimedia-home .callout-multimedia-home > :last-child { margin-bottom: 0; } .part_extraclases_home { padding: 0rem; /****MEDIA QUERIES*****/ /* Small only */ /* Medium only */ /* Large and up */ /*@media screen and (min-width: 64em) { }*/ /* Large only */ /****MEDIA QUERIES*****/ } .part_extraclases_home h2 { margin: 0rem 0rem 1rem 0rem; color: #000; font-size: 1.875rem; text-align: center; } .part_extraclases_home .contenedor-extraclases { margin-bottom: 0rem; } .part_extraclases_home .contenedor-extraclases .callout-extraclases { margin: 0 0 0rem 0; padding: 0rem; border: 0px solid #fff; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; -o-border-radius: 1rem; position: relative; background-color: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; box-shadow: 0px 15px 8px -9px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 15px 8px -9px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0px 15px 8px -9px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 15px 8px -9px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 15px 8px -9px rgba(0, 0, 0, 0.5); } .part_extraclases_home .contenedor-extraclases .callout-extraclases img { margin-bottom: 0rem; opacity: 1; max-width: 100%; max-height: 100%; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; -o-border-radius: 1rem; } .part_extraclases_home .contenedor-extraclases .callout-extraclases img:hover { opacity: 0.7; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_extraclases_home .contenedor-extraclases .callout-extraclases h2 { color: #000; font-size: 1.25rem; text-align: left; margin-bottom: 0.25rem; margin-top: 1rem; padding: 0rem 0rem 0rem 0rem; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_extraclases_home .contenedor-extraclases .callout-extraclases hr { clear: both; max-width: 75rem; height: 0; margin: 0.6rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #cacaca; border-left: 0; } .part_extraclases_home .contenedor-extraclases .callout-extraclases p { text-align: left; margin-bottom: 0.9375rem; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_extraclases_home .contenedor-extraclases .callout-extraclases p a { text-decoration: none; color: #000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_extraclases_home .contenedor-extraclases .callout-extraclases p a:hover { color: #424242; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_extraclases_home .contenedor-extraclases .callout-extraclases:hover { background-color: #fafafa; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_extraclases_home .contenedor-extraclases .callout-extraclases:hover h2 { color: #484848; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_extraclases_home .contenedor-extraclases .callout-extraclases:hover p { color: #333; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_extraclases_home .contenedor-extraclases .callout-extraclases > :first-child { margin-top: 0; } .part_extraclases_home .contenedor-extraclases .callout-extraclases > :last-child { margin-bottom: 0; } @media screen and (max-width: 39.9375em) { .part_extraclases_home .contenedor-extraclases { margin-bottom: 2rem; } .part_extraclases_home h2 { font-size: 2.2rem; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .part_extraclases_home .contenedor-extraclases { margin-bottom: 2rem; } } .part_sedes_home { padding: 2rem 0rem 0rem 0rem; /****MEDIA QUERIES*****/ /* Small only */ /* Medium only */ /* Large and up */ /*@media screen and (min-width: 64em) { }*/ /* Large only */ /*@media screen and (min-width: 64em) and (max-width: 74.9375em) { }*/ /****MEDIA QUERIES*****/ } .part_sedes_home .contenedor-sedes { margin-bottom: 0rem; } .part_sedes_home .contenedor-sedes .callout-sedes { margin: 0 0 0rem 0; padding: 0rem 0rem 0rem 0rem; border: 0px solid rgba(35, 157, 75, 1); position: relative; text-align: center; font-size: 1.05rem; background-color: transparent; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_sedes_home .contenedor-sedes .callout-sedes .color-fondo-sinfantil { color: #fff; border-top-left-radius: 1.25rem; border-top-right-radius: 1.25rem; background-color: #141d55; padding: 2rem 0.9375rem 0.9375rem 0.9375rem; margin-bottom: 0rem; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_sedes_home .contenedor-sedes .callout-sedes .color-fondo-sinfantil img { opacity: 1; max-width: 100%; max-height: 100%; margin-bottom: 1.25rem; } .part_sedes_home .contenedor-sedes .callout-sedes .color-fondo-sinfantil img:hover { opacity: 0.8; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_sedes_home .contenedor-sedes .callout-sedes .color-fondo-sinfantil h2 { text-align: center; color: #fff; font-size: 1.5rem; margin: 0rem 0rem 0.65rem 0rem; } .part_sedes_home .contenedor-sedes .callout-sedes .color-fondo-sinfantil p { text-align: center; font-weight: 700; } .part_sedes_home .contenedor-sedes .callout-sedes .color-fondo-smayores { border-top-left-radius: 1.25rem; border-top-right-radius: 1.25rem; background-color: #fff; padding: 2rem 0.9375rem 0.9375rem 0.9375rem; margin-bottom: 0rem; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_sedes_home .contenedor-sedes .callout-sedes .color-fondo-smayores img { opacity: 1; max-width: 100%; max-height: 100%; margin-bottom: 1.25rem; } .part_sedes_home .contenedor-sedes .callout-sedes .color-fondo-smayores img:hover { opacity: 0.8; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_sedes_home .contenedor-sedes .callout-sedes .color-fondo-smayores h2 { text-align: center; color: #18225a; font-size: 1.5rem; margin: 0rem 0rem 0.65rem 0rem; } .part_sedes_home .contenedor-sedes .callout-sedes .color-fondo-smayores p { text-align: center; font-weight: 700; } .part_sedes_home .contenedor-sedes .callout-sedes:hover .color-fondo-sinfantil { box-shadow: 0px 0px 7px 2px rgba(255, 255, 255, 0.75) inset; -moz-box-shadow: 0px 0px 7px 2px rgba(255, 255, 255, 0.75) inset; -ms-box-shadow: 0px 0px 7px 2px rgba(255, 255, 255, 0.75) inset; -o-box-shadow: 0px 0px 7px 2px rgba(255, 255, 255, 0.75) inset; -webkit-box-shadow: 0px 0px 7px 2px rgba(255, 255, 255, 0.75) inset; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_sedes_home .contenedor-sedes .callout-sedes:hover .color-fondo-smayores { box-shadow: 0px 0px 7px 2px rgba(20, 29, 85, 0.75) inset; -moz-box-shadow: 0px 0px 7px 2px rgba(20, 29, 85, 0.75) inset; -ms-box-shadow: 0px 0px 7px 2px rgba(20, 29, 85, 0.75) inset; -o-box-shadow: 0px 0px 7px 2px rgba(20, 29, 85, 0.75) inset; -webkit-box-shadow: 0px 0px 7px 2px rgba(20, 29, 85, 0.75) inset; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_sedes_home .contenedor-sedes .callout-sedes > :first-child { margin-top: 0; } .part_sedes_home .contenedor-sedes .callout-sedes > :last-child { margin-bottom: 0; } @media screen and (max-width: 39.9375em) { .part_sedes_home .contenedor-sedes .callout-sedes { margin-bottom: 1.35rem; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .part_sedes_home .contenedor-sedes .callout-sedes { margin-bottom: 1.35rem; } } .part_directorio { background-color: #141d55; padding: 3.5rem 0rem 3.5rem 0rem; } .part_directorio .callout_directorio { margin: 0 0 0rem 0; padding: 0.9375rem 0rem; border: 0px solid rgba(10, 10, 10, 0.25); position: relative; /*color: #0a0a0a;*/ background-color: transparent; } .part_directorio .callout_directorio .separador-titdir { height: 0.35rem; background-color: #fff; width: 2rem; margin: 0 auto 1.75rem 0; } .part_directorio .callout_directorio ul { list-style: url(img/vineta.png); margin-bottom: 0.9375rem; padding: 0rem; margin-left: 1.02rem; } .part_directorio .callout_directorio ul li { color: #31b5d6; font-size: 0.9375rem; padding-left: 0rem; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_directorio .callout_directorio ul li a { color: #fff; text-decoration: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_directorio .callout_directorio ul li a:hover { color: #fff200; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_directorio .callout_directorio ul li a img { margin-bottom: 0.45rem; } .part_directorio .callout_directorio ul li:hover { padding-left: 0.55rem; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_directorio .callout_directorio p { text-align: left; } .part_directorio .callout_directorio > :first-child { margin-top: 0; } .part_directorio .callout_directorio > :last-child { margin-bottom: 0; } .part_footer { background: none #141d55; padding: 3.5rem 0rem 3.5rem 0rem; border-top: 0.0625rem solid #9a9a9a; /*=======CREDITOS=======*/ /****MEDIA QUERIES*****/ /* Small only */ /* Medium only */ /****MEDIA QUERIES*****/ } .part_footer img { max-width: 100%; } .part_footer .creditos { color: #fff; font-size: 0.9375rem; line-height: 1.5; text-transform: none; } .part_footer .creditos a { color: #fff200; text-decoration: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_footer .creditos a:hover { color: #f1f1f1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_footer .creditos p { text-align: justify; margin: 0rem; } .part_footer .logos-creditos-colder { border-left: 0.0625rem solid #9a9a9a; } .part_footer .logos-creditos-colder img { margin-top: 0.35rem; display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .part_footer .logos-creditos-colder img:hover { opacity: 0.85; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } @media screen and (max-width: 39.9375em) { .part_footer { /*=======CREDITOS=======*/ } .part_footer img { max-width: 180px; } .part_footer .creditos { font-size: 0.9375rem; } .part_footer .creditos p { text-align: center; margin: 0rem; } .part_footer .logos-creditos-colder { border-left: 0px; border-top: 0.0625rem solid #9a9a9a; margin-top: 2.5rem; } .part_footer .logos-creditos-colder img { margin-top: 1rem; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .part_footer { /*=======CREDITOS=======*/ } .part_footer .creditos { font-size: 0.9375rem; } .part_footer .creditos p { text-align: left; margin: 0rem; } } .part_postfooter { background-color: transparent; } /******ESTA LINEA ES PARA LAS VENTANAS MODALES******/ .reveal { background-color: #f1f1f1; border: 0.0625rem solid #002231; border-radius: 0.5rem; } .reveal .button { background-color: #002231; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; color: #fff; font-weight: 700; } .reveal .button:hover { color: #fff; background-color: #ec4562; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .reveal .title { color: #002231; text-align: center; font-size: 1.35rem; padding: 1rem 0rem 0rem 0rem; margin: 0rem 0rem 1.25rem 0rem; } /****MEDIA QUERIES*****/ /* Small only */ @media screen and (max-width: 39.9375em) { /*****************COMPARTIR EN REDES SOCIALES****************/ /*******BOTON CONTACTO*********/ /*****************CONTACTENOS EN PG INTERNAS****************/ /*================BOTON PARA SUBIR=================*/ /*================BOTON PARA BAJAR=================*/ .separador-compartir { border-left: 0rem solid #9f9f9f; border-top: 0.0625rem solid #9f9f9f; padding-top: 2rem; margin-top: 3rem; margin-bottom: 3rem; } .boton-contenedor-contact { margin-bottom: 1.25rem; } .contenedor-contactenos { margin-top: 3rem; margin-bottom: 0rem; padding-top: 0rem; } .contenedor-contactenos-centro { margin-top: 3rem; margin-bottom: 3rem; padding-top: 0rem; } a#top { right: 20px; } a#bottom { right: 60px; } } /* Medium only */ @media screen and (min-width: 40em) and (max-width: 63.9375em) { /*****************COMPARTIR EN REDES SOCIALES****************/ /*****************CONTACTENOS EN PG INTERNAS****************/ .separador-compartir { border-left: 0rem solid #9f9f9f; border-top: 0.0625rem solid #9f9f9f; padding-top: 2rem; margin-top: 3rem; margin-bottom: 3rem; } .contenedor-contactenos { margin-top: 3rem; margin-bottom: 0rem; padding-top: 0rem; } .contenedor-contactenos-centro { margin-top: 3rem; margin-bottom: 3rem; padding-top: 0rem; } } /****MEDIA QUERIES*****/ .page_trabaje_con_nosotros .fondo-horizontal-contenido { padding: 0rem 0rem 2.5rem 0rem; } .page_trabaje_con_nosotros .fondo-horizontal-contenido .fondo-horizontal-titulos { padding: 13rem 0rem; } .page_trabaje_con_nosotros .fondo-horizontal-contenido .fondo-horizontal-titulos .titulo-seccion { font-size: 3rem; padding: 0rem 0rem 0rem 0rem; margin: 0rem 0rem 0rem 0rem; text-align: center; color: #00ffea; text-transform: none; } .page_trabaje_con_nosotros .fondo-horizontal-contenido .contenedor_contenido_izqder [type="text"] { font-size: 0.9375rem; } .page_trabaje_con_nosotros .fondo-horizontal-contenido .contenedor_contenido_izqder [type="text"]:focus { outline: none; border: 1px solid #002231; background-color: #fefefe; box-shadow: 0 0 5px rgba(0, 0, 0, 0.50); transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } .page_trabaje_con_nosotros .fondo-horizontal-contenido .contenedor_contenido_izqder input::-webkit-input-placeholder, .page_trabaje_con_nosotros .fondo-horizontal-contenido .contenedor_contenido_izqder textarea::-webkit-input-placeholder { color: #ccc; font-size: 1rem; } .page_trabaje_con_nosotros .fondo-horizontal-contenido .contenedor_contenido_izqder input::-moz-placeholder, .page_trabaje_con_nosotros .fondo-horizontal-contenido .contenedor_contenido_izqder textarea::-moz-placeholder { color: #ccc; font-size: 1rem; } .page_trabaje_con_nosotros .fondo-horizontal-contenido .contenedor_contenido_izqder input:-ms-input-placeholder, .page_trabaje_con_nosotros .fondo-horizontal-contenido .contenedor_contenido_izqder textarea:-ms-input-placeholder { color: #ccc; font-size: 1rem; } .page_trabaje_con_nosotros .fondo-horizontal-contenido .contenedor_contenido_izqder input::placeholder, .page_trabaje_con_nosotros .fondo-horizontal-contenido .contenedor_contenido_izqder textarea::placeholder { color: #ccc; font-size: 1rem; } .page_trabaje_con_nosotros .fondo-horizontal-contenido .contenedor_contenido_izqder legend { max-width: 100%; margin-bottom: 0.5rem; margin-top: 1rem; font-weight: 800; } .page_trabaje_con_nosotros .fondo-horizontal-contenido .contenedor_contenido_izqder fieldset { border: 1px solid #c0c0c0; margin: 0 0 0.9375rem 0; padding: 0.35em 0.625em 0.75em; } .page_trabaje_con_nosotros .fondo-horizontal-contenido .contenedor_contenido_izqder .margeninf { padding-bottom: 1.5rem; } .page_trabaje_con_nosotros .fondo-horizontal-contenido .contenedor_contenido_izqder select { height: 2.4375rem; padding: 0.5rem; border: 1px solid #cacaca; margin: 0 0 0 0; font-size: 1rem; font-family: inherit; line-height: normal; color: #424242; background-color: #fefefe; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;utf8,"); background-size: 9px 6px; background-position: right -1rem center; background-origin: content-box; background-repeat: no-repeat; padding-right: 1.5rem; } .page_trabaje_con_nosotros .fondo-horizontal-contenido .contenedor_contenido_izqder .text-politicas { border: 1px solid #d3d3d3; padding: 10px; color: #424242; font-size: 0.9375rem; line-height: 1.5; margin-bottom: 20px; height: 150px; overflow: auto; }