@charset "UTF-8"; /* TODO: placeholders chulos : https://v5.getbootstrap.com/docs/5.0/examples/floating-labels/floating-labels.css */ /* Maqueta jesus: */ /* Codigo en el */ .map-container { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; } .map-container iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; } .bd-placeholder-img { font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (min-width: 768px) { .bd-placeholder-img-lg { font-size: 3.5rem; } } /* Includes en el */ /************************************/ /* CSS NICETOMEET (V3 VALIDADA) */ /* */ /* ÚTIMA MODIFICACIÓN: 02/09/2020V1 */ /************************************/ @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1024px; padding: 0 45px; } } body { font-size: 12px; color: #aaaaaa; line-height: 1.75; } .nicetomeet-header { line-height: 1; } body { font-family: "Montserrat"; font-weight: 300; } h1, h2, h3, h4, h5, h6 { color: #0091ff; } a { color: #0091ff; } footer a { color: #cbe8ff; } footer a:hover { color: #0091ff; } /* .form-control { height: 1.5rem; } */ .btn { font-weight: 300; padding: 5px 25px; border-radius: 7px; font-size: 12px; -webkit-box-shadow: 0 4px 4px #ddd; box-shadow: 0 4px 4px #ddd; } .btn-primary { background-color: #0091ff; border-color: #0091ff; } .btn-danger { background-color: red; border-color: red; } .btn-secondary { background-color: #6d7278; border-color: #6d7278; } .navbar { padding-left: 0; margin-bottom: 1rem; margin-right: -15px; } nav.bg-dark { background-color: #0091ff !important; } .container nav.bg-light { background-color: #FFFFFF !important; } .navbar-nav { background-image: url(../img/maqueta/sombra_nav.png); background-repeat: repeat-x; background-position: bottom; width: 100%; } .display-4 { font-size: 2.5rem; } .nav-scroller { position: relative; z-index: 2; height: 2.75rem; overflow-y: hidden; } .nav-scroller .nav { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 1rem; margin-top: -1px; overflow-x: auto; text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; } .nav-scroller .nav-link { padding-top: .75rem; padding-bottom: .75rem; font-size: .875rem; } .card-img-right { height: 100%; border-radius: 0 3px 3px 0; } .flex-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; } .h-250 { height: 250px; } @media (min-width: 768px) { .h-md-250 { height: 250px; } .display-4 { font-size: 3rem; } } .blanco { color: #FFFFFF; } .gris { color: #aaaaaa; } .blanco .fa { font-size: 300%; position: relative; float: left; display: block; text-align: left; margin-right: 1rem; margin-top: 3px; margin-bottom: 1rem; } .blanco .fa-envelope-o { font-size: 350%; margin-top: -4px; } .blanco .fa-phone { font-size: 375%; margin-top: -2px; } .blanco strong { position: relative; font-weight: bold; float: left; display: block; width: 75%; text-align: left; } .blanco span { position: relative; float: left; display: block; width: 75%; text-align: left; font-size: 90%; } @media (max-width: 768px) { .blanco strong, .blanco span, .copy p, .logo_base { text-align: center !important; } .blanco strong, .blanco span { width: 100%; } .blanco .fa { margin-right: 0; } } .linea_base .row { border-bottom: 1px solid #aaaaaa; padding-top: 1.5rem; } .blanco .fa-envelope-o { margin-left: -15px; } .copy .gris { margin-left: -15px; } .logo_base { padding-right: 0px; } .logotipo { width: 75%; border-radius: 5px; margin-top: 0.5rem; } .logo_solicitud { width: 35%; } .fondo_gris { background-color: #f6f9fc; } .icononicetomeet { width: 2.5rem; margin-top: -0.3rem; } @media (max-width: 768px) { .logo_principal a { margin-right: -15px; } .logotipo { position: relative; width: 100%; margin-bottom: 1rem; } .linea_base i { float: none !important; text-align: center !important; } } @media (max-width: 768px) { .logotipo { position: relative; margin-bottom: 1rem; } } .minilogo { width: 33%; border-radius: 5px; } /********** FAQS ************/ .faqs a { color: #aaaaaa; display: block; width: 100%; padding: 8px 15px; border-radius: 5px; } .faqs .fa { font-size: 150%; margin-right: 0.5rem; color: #0091ff; } .faqs a:hover, .faqs a:hover .fa { background-color: #0091ff; color: #FFFFFF; text-decoration: none; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } /************* NAVEGACION **********/ #navegacion_principal .nav-link { margin: 0.5rem 3.3rem 0.5rem 0; font-size: 1.2rem; padding-left: 0; padding-bottom: 0; } #navegacion_principal .nav-item:last-of-type .nav-link { margin-right: 0; padding-right: 0; } #navegacion_principal .nav-link:hover { color: #0091ff; -webkit-transition: color 0.15s ease-in-out; transition: color 0.15s ease-in-out; } .nav-item { width: 13%; text-align: center; } .nav-item:last-of-type { text-align: right; } .nav-item:first-of-type { text-align: left; width: 9%; } .nav-item .nav-link { font-size: 18px; color: #aaaaaa; padding-left: 0 !important; padding-right: 0 !important; } .nav-item .nav-link:hover { color: #0091ff; } .texto_toggle, .navbar-nav i { display: none; } /************* MOSTRAR TWEETS **********/ .muestra_tweets, .muestra_timeline { overflow-y: scroll; height: 30vw; padding: 1rem; } @media (max-width: 768px) { .muestra_tweets, .muestra_timeline { height: 70vw; margin-bottom: 1rem; } } .muestra_timeline { background-color: #f6f9fc; } .azul { color: #0091ff; } /************* MOSTRAR ARTICULOS **********/ .articulos p { margin-left: 2rem; line-height: 1rem; text-indent: 1rem; text-align: justify; } .articulos p:first-of-type { text-indent: 0; } .articulos .fa { margin-left: -2rem; margin-right: 0.7rem; font-size: 150%; } .articulos .medium { /*font-size: 80%;*/ } .articulos .btn-sm { font-size: 63%; border-radius: 2px; margin-top: -1rem; padding: 5px 10px; text-indent: 0; } .articulos .azul { text-align: justify; display: block; width: 100%; float: left; } .articulos .azul.fa { float: left; width: 5%; } /************* AREA USUARIO **********/ .area_usuario .btn { margin-left: 1rem; } img.img_nologin, img.img_login, img.img_perfil { width: 65px; height: 65px; border-radius: 100%; border: 3px solid #aaaaaa; } img.img_perfil { width: 100px; height: 100px; } img.img_perfil + span { display: block; } img.simbolo_evento { width: 50px; height: 50px; } .area_usuario .iniciar_sesion { float: right; } .area_usuario .iniciar_sesion p { float: right; font-size: 14px; font-style: italic; margin-left: 1.5rem; margin-top: 1.5rem; } .area_usuario a { float: right; font-size: 30px; margin-top: 1rem; margin-left: 0.5rem; } .area_usuario a.notificaciones { float: left; margin-right: 1rem; } .area_usuario a.notificaciones > span { position: absolute; background-color: red; color: #FFFFFF; width: 1.1rem; height: 1.1rem; border-radius: 100px; margin-left: -8px; text-align: center; font-size: 9px; padding-top: 4px; } .area_usuario a.logonoff { color: #aaa; } .area_usuario a.logonoff:hover { color: #0091ff; } .area_usuario a.logonoff span.iniciarsesion { font-size: 14px; top: -5px; position: relative; right: 8px; } .area_usuario .logado a { float: right; font-size: 30px; margin-top: 1rem; margin-left: 0.5rem; } .area_usuario a.no_cuenta { font-size: 12px; font-style: italic; float: right; margin-top: 0.1rem; } .area_usuario span.logado { font-size: 11px; text-align: left; font-style: normal; float: left; margin-right: 1rem; margin-left: -1rem; margin-top: -3px; line-height: 0.8rem; } .area_usuario span.logado a { float: left; font-size: 11px; margin-top: 0; margin-left: 0; } .area_usuario.noidentificado span.logado { text-align: right; margin-right: 0; margin-left: 1rem; margin-top: 2px; font-size: 14px; } .area_usuario.noidentificado span.logado a { font-size: 11px; margin-top: 22px; position: absolute; right: 17px; } @media (max-width: 768px) { .area_usuario p { margin-top: 1rem; text-align: center; } .area_usuario a { display: block; } .area_usuario .btn { margin-left: 7rem; margin-right: 7rem; } .area_usuario.identificado { position: relative; float: right; padding-top: 0; } .area_usuario.identificado .iniciar_sesion { float: left; position: relative; width: 100%; } .area_usuario.identificado .iniciar_sesion p .logado { position: absolute; top: 55px; width: 138px; right: 0; text-align: center; padding: 0; margin: 0; line-height: 10px; font-size: 9px; } .area_usuario.identificado .iniciar_sesion span.logado a { line-height: 10px; font-size: 9px; width: 138px; text-align: center; margin-top: 0 !important; } span.logado .iniciarsesion, .area_usuario a.logonoff span.iniciarsesion { width: 40px; display: block; margin-top: 9px; float: left; } .area_usuario a.logonoff span.iniciarsesion { font-size: 11px; } .texto_toggle { color: #0091ff; font-size: 150%; padding-bottom: 0; margin-bottom: 0; } .navbar-dark .navbar-toggler { border-color: #0091ff !important; margin-left: 1rem; border-width: 2px; } .navbar-nav { margin-left: 15px; } .navbar-nav .nav-item { font-size: 1.3rem; border-bottom: 1px solid #cce8ff !important; width: 315px; text-align: left; } .navbar-nav .nav-item a:hover { background-color: #cce8ff !important; } .navbar-nav ul { margin-top: 1px; background-color: #eee; } .navbar-toggler-icon i { color: #0091ff; font-size: 2rem; } .navbar-toggler { border: none !important; } button:focus { outline: 0; } .navbar-collapse { margin-right: -15px; border: 1px solid #ddd; background-color: #FFFFFF; } .navbar-dark .navbar-nav .nav-link { color: #000000; } .navbar-dark .navbar-toggler-icon { background-image: none; } .navbar-nav { background-image: none; } .container nav.bg-light { background-color: #cce8ff !important; margin-right: 0; margin-top: 10px; } .texto_toggle { display: block; } .navbar-nav i { display: inline; margin-right: 0.5rem; } .descarga_programa, .leer_mas { text-align: center !important; } h2.titulo_evento { text-align: center; } .blanco .fa { font-size: 250%; margin-top: -2px; margin-left: 0; } } /* TABLA NOTIFICACIONES */ /*#ModalNotificaciones .modal-body{ padding:0; margin-left: -35px; margin-right: -35px; }*/ .lista_notificaciones { position: absolute; background-color: #FFFFFF; z-index: 999; right: 365px; -webkit-box-shadow: 2px 2px 4px #999; box-shadow: 2px 2px 4px #999; top: 90px; } .lista_notificaciones a { font-size: 10px; margin: 0; margin-top: 0.5rem; padding: 0; float: none; position: relative; display: block; } .tabla_notificaciones { color: #555; font-size: 10px; font-weight: 100; line-height: normal; background-color: #FFFFFF; border: 1px solid #999; } .tabla_notificaciones tr.sombreado_01 { background-color: #f0f6ff; } .tabla_notificaciones td { padding: 5px; text-align: left; } .tabla_notificaciones td.notificacion_cancelada { color: red; } .tabla_notificaciones td:nth-of-type(3) { padding-right: 35px; } .tabla_notificaciones td img { width: 50px; height: 50px; } .tabla_notificaciones tr { border-bottom: 1px solid #999; } .tabla_notificaciones tr:last-of-type { border-bottom: none; } .tabla_notificaciones .acceder { width: 93px; text-align: left; margin-top: 0.5rem; margin-bottom: 0; font-size: 10px; padding: 2px 0px 2px 10px; position: relative; } .tabla_notificaciones .icono_onetoone { width: 15px; height: auto; position: absolute; right: 10px; top: 3px; } .tabla_notificaciones .btn-secondary .icono_onetoone { top: 2px; } .tabla_notificaciones .btn-danger .icono_onetoone { width: 20px; height: auto; position: absolute; right: 8px; top: 5px; } .cierra_notificaciones { position: absolute; top: -6px; right: 3px; font-size: 12px; } .cierra_notificaciones .btn { -webkit-box-shadow: none; box-shadow: none; } .cierra_notificaciones .fa { font-size: 17px; color: #999; } @media (max-width: 768px) { .lista_notificaciones { top: 95px; right: 0; } .area_usuario .lista_notificaciones a { font-size: 10px; } .tabla_notificaciones td img { position: initial; } } /* SECCIÓN ASISTENTES */ .sec_asistentes .form-control { font-size: 11px; font-weight: 100; font-style: italic; } .sec_asistentes input[type=text] { border: none; width: 90%; padding-left: 5px; padding-right: 0px; } .sec_asistentes, .res_asistentes, .numero_resultados, .vermas_resultados { position: relative; width: 620px; left: 50%; margin-left: -310px; border: 1px solid #ddd; -webkit-box-shadow: 2px 2px 2px #bbb; box-shadow: 2px 2px 2px #bbb; border-radius: 2px; } .sec_asistentes { background-color: #edf8ff; } .numero_resultados, .vermas_resultados { border: none; -webkit-box-shadow: none; box-shadow: none; font-size: 14px; margin-top: 20px; } .numero_resultados { padding-left: 25px; font-size: 16px; color: #333; } .res_asistentes { padding: 15px 35px 10px 25px; margin-top: 15px; } .sec_asistentes a, .res_asistentes a { width: 130px; } .res_asistentes a { padding: 5px 40px 5px 15px; } .res_asistentes .solicitar { padding: 5px 40px 5px 15px; } .res_asistentes a { margin-top: 5px; } .res_asistentes .verperfil:before { font-family: "FontAwesome"; content: "\f0e6"; font-size: 16px; margin-left: 0.5rem; position: absolute; right: 25px; margin-top: -5px; } .solicitar, .verperfil { position: relative; } .res_asistentes .solicitar img { width: 21px; position: absolute; right: 20px; top: 5px; } .comentario_agenda .solicitar img { width: 28px; position: absolute; right: 6px; top: 7px; } .mensaje_en_boton { color: #0091ff; font-weight: bold; text-align: center; line-height: 1em; position: absolute; width: 156px; font-size: 13px; border: 1px solid #aaaaaa; padding: 0.5rem; border-radius: 10px; font-weight: 400; right: -10px; background-color: #FFFFFF; z-index: 9999; top: -85px; } .comentario_agenda .btn-secondary + span { visibility: hidden !important; } .comentario_agenda .btn-secondary:hover + span { visibility: visible !important; } #tab-my-schedule .comentario_agenda .solicitar img { width: 23px; position: absolute; right: 10px; top: 4px; } .res_asistentes .verperfil:before { content: "\f2bc"; right: 12px; margin-top: -4px; } .res_asistentes p { color: #333; } .res_asistentes .negrita { font-size: 13px; } .sec_asistentes h3 { width: 100%; font-size: 18px; text-transform: uppercase; margin-right: 30px; margin-left: 15px; font-weight: 100; padding-top: 4px; padding-bottom: 14px; } .sec_asistentes .subrayado_azul { border-bottom: 1px solid #0091ff !important; padding-bottom: 0px; margin-top: -3px; border-radius: 0; background-color: transparent; } .sec_asistentes .fa { font-size: 18px; float: left; width: 10%; padding-bottom: 4px; margin-top: 5px; } img.img_persona { width: 100px; height: 100px; border-radius: 100%; border: 1px solid #aaaaaa; } .datos_persona { padding-left: 2rem; } .datos_persona span { width: 20%; display: block; float: left; } .datos_persona span.literal { width: 80%; } .datos_persona a { float: right; } .datos_persona .literal a { float: left; padding: 0; margin-top: 0; } .datos_persona .verperfil { float: left; padding: 5px 40px 5px 15px; margin-top: 5px; width: 130px; } .datos_persona { padding-bottom: 5px; } .resultados_busqueda tr { border: 1px solid #ddd; -webkit-box-shadow: 2px 2px 2px #bbb; box-shadow: 2px 2px 2px #bbb; } @media (max-width: 768px) { .sec_asistentes, .res_asistentes, .numero_resultados, .vermas_resultados { position: relative; width: 100%; left: 0; margin-left: 0; } .sec_asistentes a, .res_asistentes a { margin-top: 25px; margin-bottom: 15px; } .res_asistentes .solicitar { margin-top: 5px; } .sec_asistentes .subrayado_azul { margin-top: 0px; } .sec_asistentes .fa { padding-top: 8px; } .datos_persona { padding: 0; } .res_asistentes { padding: 15px 25px 10px 25px; margin-top: 15px; } .res_asistentes .col-lg-2 { text-align: center; } .res_asistentes .col-lg-2 img { margin-bottom: 15px; } .asistentes .res_asistentes .solicitar { float: left; left: 50%; margin-left: -70px; } .datos_persona span { width: 30%; } .datos_persona span.literal { width: 70%; } .comentario_agenda .solicitar img { display: none; } .mensaje_en_boton { width: 120px; font-size: 11px; padding: 0.3rem; right: 0px; top: -68px; } } @media (max-width: 320px) { .res_asistentes a, a.verperfil { font-size: 10px; margin-bottom: 15px; width: 115px; } .res_asistentes a:before { right: 10px; } .area_usuario .btn { padding: 0.25rem 0.5rem; } .mensaje_en_boton { width: 114px; right: -12px; } } /* SECCION ONETOONE */ .sec_onetoone { position: relative; width: 320px; left: 50%; margin-left: -160px; border: 1px solid #ddd; -webkit-box-shadow: 2px 2px 2px #bbb; box-shadow: 2px 2px 2px #bbb; border-radius: 2px; margin-bottom: 2rem !important; } .sec_onetoone h3 { font-size: 20px; font-weight: 100; margin-top: 1rem; margin-bottom: 1rem; width: 100%; } .sec_onetoone .icononicetomeet { margin: 0; padding: 0; display: block; width: 20%; height: 20%; margin-top: 1rem; } .sec_onetoone .perfilonetoone { width: 40px; height: auto; } .sec_onetoone p { font-size: 14px; margin-top: 1rem; width: 100%; text-align: left; padding: 0 30px; font-weight: 100; color: #999; } .sec_onetoone a { color: #aaaaaa; } .sec_onetoone form .row { margin-top: -40px; } .sec_onetoone .small a { font-size: 10px; margin-left: 5px; } .sec_onetoone a:hover, .sec_onetoone a.activado { color: #0091ff; text-decoration: none; } .sec_onetoone a img.img_ponente, .sec_onetoone a img.img_sponsor, .sec_onetoone a img.img_asistente { background-repeat: no-repeat; background-position: center center; background-size: 100%; } /* ONETOONE - ICONOS */ .sec_onetoone a img.img_ponente { background-image: url(../img/maqueta/ponente_icono.png); } .sec_onetoone a img.img_sponsor { background-image: url(../img/maqueta/sponsor_icono.png); } .sec_onetoone a img.img_asistente { background-image: url(../img/maqueta/ponente_icono.png); } /* ONETOONE - ICONOS HOVER Y ACTIVADO */ .sec_onetoone a:hover img.img_ponente, .sec_onetoone a.activado img.img_ponente { background-image: url(../img/maqueta/ponente_icono_hv.png); } .sec_onetoone a:hover img.img_sponsor, .sec_onetoone a.activado img.img_sponsor { background-image: url(../img/maqueta/sponsor_icono_hv.png); } .sec_onetoone a:hover img.img_asistente, .sec_onetoone a.activado img.img_asistente { background-image: url(../img/maqueta/ponente_icono_hv.png); } .onetoone .subrayado_azul { border: none; border-bottom: 1px solid #0091ff !important; padding-bottom: 13px; margin-top: -3px; border-radius: 0; background-color: transparent; font-size: 12px; font-style: italic; font-weight: 100; margin: 0 6% 10px; width: 88%; padding-left: 25px; position: relative; background-image: url(../img/maqueta/input_subazul.png); background-repeat: repeat-x; background-position: center bottom; } .onetoone .subrayado_azul:first-of-type { margin-top: 10px; } input.subrayado_azul::-webkit-input-placeholder { font-family: "Montserrat"; } input.subrayado_azul::-moz-placeholder { font-family: "Montserrat"; } input.subrayado_azul:-ms-input-placeholder { font-family: "Montserrat"; } input.subrayado_azul::-ms-input-placeholder { font-family: "Montserrat"; } input.subrayado_azul::placeholder { font-family: "Montserrat"; } .onetoone .subrayado_azul + i { position: absolute; left: 40px; margin-top: -31px; color: #999; font-size: 12px; } .onetoone .solicitar { width: 140px; text-align: left; margin-top: 2rem; margin-bottom: 1rem; } .onetoone img.icono_onetoone_form { width: 21px; position: absolute; right: 20px; top: 5px; } .onetoone .col-11 { margin-left: -15px; } .onetoone .col-9 { margin-left: -20px; padding-right: 0; } .onetoone .col-3.one_hora { padding-left: 0; padding-right: 0; margin-left: -5px; } .onetoone .papelera { position: absolute; font-size: 20px; right: 20px; top: 15px; } .onetoone select.subrayado_azul { padding-top: 0px; text-align: left; padding-left: 0; padding-bottom: 0; } /* MENSAJES EN MODALES */ .modal-header, .modal-body, .modal-footer { border: none; } .modal-body { text-align: center; font-size: 16px; padding-top: 10px; padding-bottom: 0; font-weight: 400; color: #0091ff; padding-left: 40px; padding-right: 40px; line-height: 1.5rem; } .modal-body.negro_mensaje { font-size: 11px; font-weight: 200; color: #000000; text-align: left; line-height: normal; } .modal-footer { margin: 25px auto 0; } .modal-header .close { padding: 0 10px; font-size: 40px; font-weight: 100; z-index: 9999; } .modal-sm .modal-body { padding-left: 20px; padding-right: 20px; } /* LOGIN */ .login { padding: 0; position: relative; } .login a { font-size: 13px; font-style: italic; font-weight: 100; } .modal-content.login { border: 1px solid #ddd; -webkit-box-shadow: 2px 2px 2px #bbb; box-shadow: 2px 2px 2px #bbb; border-radius: 0; } .login .separador { width: 234px; left: 50%; margin-left: -117px; position: relative; border-top: 1px solid #aaaaaa; margin-top: 20px; padding-top: 10px !important; } .login .separador a { font-size: 17px; font-style: italic; } .login .form-control { font-size: 11px; font-weight: 100; font-style: italic; } .login input[type=text], .login input[type=email], .login input[type=password] { width: 234px; left: 50%; margin-left: -117px; position: relative; background-color: #f0f0f0; } .login select { margin-left: -135px; background-color: #f0f0f0; width: 100px; padding: 0.3rem 0.5rem 0.5rem; border: 1px solid #ced4da; border-radius: 0.25rem; font-size: 11px; font-weight: 100; font-style: italic; color: #495057; } .login input[type=email] { margin-top: 45px; margin-bottom: 15px; } .login input[type=password] { margin-bottom: 15px; } .login .btn { width: 110px; left: 50%; margin-left: -55px; position: relative; } .editar_perfil .btn { width: 200px; margin-left: -100px; } .login.nueva_cuenta.editar_perfil label.form-switch { margin-left: 0; } .editar_perfil select { padding-top: 3px; padding-bottom: 3px; } .separador_top { padding-top: 2rem; } .login .logotipo { margin-top: 25px; width: 234px; margin-bottom: 2rem; } .editar_perfil .logotipo { margin-top: -15px; } .editar_perfil span.p_concepto, .editar_perfil span.p_contenido { display: block; width: 5rem; text-align: right; padding-right: 0.5rem; float: left; font-size: 10px; } .editar_perfil span.p_contenido { width: 9rem; text-align: left; color: #000000; } .editar_perfil .azul { font-weight: 100; } .editar_perfil .azul + div { margin-bottom: 2rem; float: left; } .close { line-height: initial; } @media (max-width: 768px) { .area_usuario { padding-top: 1rem; } .area_usuario.noidentificado { padding-top: 0; } .area_usuario.noidentificado img.img_login { right: 85px; margin-right: 10px; } .area_usuario.noidentificado span.logado { text-align: right; margin-right: 25px; margin-left: 1rem; /*margin-top: -50px;*/ font-size: 11px; } .area_usuario.noidentificado span.logado a { margin-top: 20px !important; } .text-right .iniciar_sesion { text-align: left !important; } .area_usuario a { font-size: 30px; margin-top: 0.6rem !important; } .area_usuario .iniciar_sesion p { font-size: 16px; margin-right: 0.3rem; } .area_usuario a.no_cuenta { font-size: 14px; margin-top: 0 !important; } img.img_nologin, img.img_login { width: 55px; height: 55px; position: absolute; right: 40px; } .area_usuario a.notificaciones { margin-right: 3rem; } } @media (max-width: 320px) { .area_usuario a.notificaciones { margin-right: 7rem; margin-top: -37px !important; } .area_usuario.noidentificado span.logado a { margin-top: -20px !important; } .container nav.bg-light { margin-top: -20px; } } /* RECORDAR CONTRASEÑA */ .login input[type=email] { margin-top: 15px; margin-bottom: 15px; } .login p { margin: 70px 10px 0; line-height: 1rem; } .login .recordar_pwd p { font-size: 12px; color: #aaaaaa; font-weight: 100; margin-top: 30px; } .login.nueva_cuenta label { font-size: 12px; font-weight: 100; margin-left: 1.75rem; } .login .recordar_pwd button { margin-bottom: 25px; } .login .nueva_pwd button { margin-bottom: 1rem; } p.recordar_pwd_msg { margin-top: 10px; margin-bottom: 0; line-height: 1.5rem; font-size: 12px; color: #aaaaaa; font-weight: 100; } span.separador_msg { border-bottom: 1px solid #aaa; display: block; margin-top: 1rem; margin-bottom: 1rem; } p.nueva_pwd { margin-top: 3rem; margin-bottom: 0.5rem; } label.label_nice { display: block; text-align: left; margin-left: 3rem; margin-top: 0.5rem; margin-bottom: 0; color: #555; } a.foto_usuario:hover img { border-color: #0091ff; } .subir_foto { position: relative !important; right: 0 !important; } .login .btn.conlinkedin { width: 220px; left: 50%; margin-left: -110px; position: relative; margin-bottom: 2rem; } /* IOS SWITCH */ .form-switch { display: inline-block; cursor: pointer; -webkit-tap-highlight-color: transparent; position: relative; margin-left: 0 !important; } .form-switch span { float: left; font-size: 15px; margin-left: 0.3rem; margin-right: 0.3rem; color: #555; } .form-switch i { position: relative; display: inline-block; width: 46px; height: 26px; background-color: #ddd; border-radius: 23px; vertical-align: text-bottom; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .form-switch i::before { content: ""; position: absolute; left: 0; width: 42px; height: 22px; background-color: #FFFFFF; border-radius: 11px; -webkit-transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1); transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1); -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .form-switch i::after { content: ""; position: absolute; left: 0; width: 22px; height: 22px; background-color: #FFFFFF; border-radius: 11px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24); -webkit-transform: translate3d(2px, 2px, 0); transform: translate3d(2px, 2px, 0); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid #aaaaaa; } .form-switch:active i::after { width: 28px; -webkit-transform: translate3d(2px, 2px, 0); transform: translate3d(2px, 2px, 0); } .form-switch:active input:checked + i::after { -webkit-transform: translate3d(16px, 2px, 0); transform: translate3d(16px, 2px, 0); } .form-switch input { display: none; } .form-switch input:checked + i { background-color: #4BD763; } .form-switch input:checked + i::before { -webkit-transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); } .form-switch input:checked + i::after { -webkit-transform: translate3d(22px, 2px, 0); transform: translate3d(22px, 2px, 0); } /* NUEVO USUARIO */ input.checkbox_nice { -webkit-transform: scale(1.3); transform: scale(1.3); margin-right: 0.2rem; vertical-align: text-top; float: left; margin-right: 0.5rem; margin-left: 2rem; } .acepto { font-size: 12px; font-weight: 100; color: #555555; position: relative; margin-top: -5px; display: block; float: left; padding-bottom: 1rem; } .acepto a { font-style: normal; } label.label_nice + .form-control { margin-top: 0; margin-bottom: 0; } .form-control.subrayado_azul { padding-bottom: 15px; padding-top: 15px; } .conlinkedin .fa { font-size: 18px; margin-left: 0.5rem; } p.un_pad, p.nueva_pwd { margin-top: 1rem; margin-bottom: 1rem; color: #555555; font-size: 12px; font-weight: 100; clear: both; /* fix float raro en formus con errores... */ } p.un_pad.separador_medio { background-image: url(../img/maqueta/separador_medio.png); background-repeat: no-repeat; background-position: center 2px; color: #000000; } p.sin_pad { margin-top: 0; } .login h3 { font-size: 16px; margin-top: 4rem; } .login p.registrarse_msg, p.solicitud_msg { margin: 20px; line-height: 1.2rem; font-size: 12px; font-weight: 100; color: #555555; margin-left: 0; margin-right: 0; } p.solicitud_msg { font-size: 14px; margin-top: 40px; } h3.gracias { margin-top: 2rem; } .login .btn.ainicio { width: 150px; margin-left: -75px; margin-bottom: 1rem; } /* AGENDA */ .tabs_agenda { line-height: 1.5; } .tabs_agenda .texto_agenda { color: #555; padding-left: 25px; padding-top: 10px; } .tabs_agenda .card-header { margin-top: 0; padding-top: 0; background-color: transparent; } .tabs_agenda h3 { font-size: 14px; color: #000000; margin-top: 25px; } .tabs_agenda h3:first-of-type { margin-top: 0; } .tabs_agenda .hora_agenda, .tabs_agenda .contenido_agenda, .tabs_agenda .desplegable_agenda, .tabs_agenda .comentario_agenda { display: block; } .tabs_agenda .card-body { padding-left: 0; padding-right: 0; margin-bottom: 35px; } .tabs_agenda .hora_agenda { width: 10%; float: left; min-height: 10%; color: #555; margin-top: 1px; } .tabs_agenda .contenido_agenda { width: 55%; float: left; border-top: 1px solid #000000; } .tabs_agenda .contenido_agenda strong { display: block; } .tabs_agenda .desplegable_agenda { width: 5%; float: left; text-align: center; border-top: 1px solid #000000; } .tabs_agenda .comentario_agenda { width: 28%; float: left; font-size: 12px; padding-left: 8%; position: relative; } .tabs_agenda .row { font-size: 13px; color: #000000; margin-left: 0; margin-right: 0; padding-bottom: 5px; } .tabs_agenda .card-header { border: none; } .tabs_agenda .nav-item { width: 40%; text-align: center; } .tabs_agenda .nav-link { padding-top: 0; font-size: 14px; margin: 0 60px; padding-bottom: 0; } .tabs_agenda .nav-link:hover { border: 1px solid #FFFFFF; border-bottom: 1px solid #0091ff; } .tabs_agenda .nav-link.active { color: #0091ff; border: 1px solid #FFFFFF; border-bottom: 1px solid #0091ff; } .tabs_agenda .btn { padding-left: 10px; padding-right: 40px; } .tabs_agenda a.abrir { text-decoration: none; color: #000000; } .tabs_agenda a.abrir.collapsed:before { font-family: "FontAwesome"; content: "\f0da"; font-size: 16px; margin-left: 0.5rem; margin-top: -5px; } .tabs_agenda a.abrir:hover:before { text-decoration: none; } .tabs_agenda a.abrir:before { font-family: "FontAwesome"; content: "\f0d7"; font-size: 16px; margin-left: 0.5rem; margin-top: -5px; color: #000000; } #tab-my-schedule .hora_aviso { width: 13%; } #tab-my-schedule .foto_aviso { width: 10%; } #tab-my-schedule .texto_aviso { width: 75%; margin-left: 2%; color: #aaaaaa; } #tab-my-schedule .aviso_opciones { width: 100%; display: block; float: left; text-align: center; padding-top: 10px; text-align: right; margin-top: 0.5rem; } #tab-my-schedule .participantes .aviso_opciones { width: 97%; margin-top: -0.5rem; } #tab-my-schedule .aviso_opciones .btn { font-size: 11px; padding: 2px 20px; margin: 0 15px; border-radius: 5px; } #tab-my-schedule .texto_aviso .mitad { width: 50%; display: block; float: left; margin-top: 10px; color: #000000; text-align: center; } #tab-my-schedule .texto_aviso .mitad strong { display: block; } #tab-my-schedule .aviso_opciones .miniboton.btn { font-size: 12px; padding: 4px 20px; border: 1px solid #0091ff; border-radius: 5px; width: 113px; margin: 5px 5px 5px 40px; } #tab-my-schedule .aviso_opciones .miniboton.btn:hover { background-color: #0091ff; color: #FFFFFF; } #tab-my-schedule .foto_aviso img { width: 100%; border-radius: 100%; border: 1px solid #aaaaaa; } #tab-my-schedule .row { padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #000000; } #tab-my-schedule .row.pendientes { background-color: #f6f9fc; padding-left: 15px; padding-right: 15px; } #tab-my-schedule .contenido_agenda { width: 50%; border: none; margin-top: 5px; } #tab-my-schedule .hora_agenda { width: 20%; margin-top: 5px; } #tab-my-schedule .hora_agenda:first-of-type { font-weight: bold; } #tab-my-schedule .participantes { width: 95%; border-bottom: 1px solid #000000; margin-left: 10%; padding-bottom: 15px; padding-top: 15px; } #tab-my-schedule .participantes:last-of-type { border-bottom: none; } #tab-my-schedule .participantes .foto_aviso img { width: 10%; float: left; margin-right: 15px; } #tab-my-schedule .participantes .hora_agenda { margin-top: 15px; } #tab-my-schedule .participantes .contenido_agenda { margin-top: 15px; } #tab-my-schedule .contenido_agenda h4 { font-size: 14px; color: #000000; } #tab-my-schedule .participantes .contenido_agenda { width: 43%; } #tab-my-schedule .participantes .comentario_agenda { width: 20%; border: none; margin-top: 10px; padding-left: 0; } #tab-my-schedule .miniboton { margin: 0 15px; } #tab-my-schedule hr { width: 100%; display: block; border-top-color: #000000; margin: 0; margin-top: 15px; } /* DETALLE PESONA Y SPONSOR*/ .cabecera_detalle_persona, .cabecera_detalle_sponsor { background-color: #def1fe; padding: 10px; margin: -15px -25px 15px; font-size: 14px !important; } .detalle_persona, .detalle_sponsor { margin-bottom: 3rem !important; } .cabecera_detalle_persona .negrita, .cabecera_detalle_sponsor .negrita { font-size: 14px !important; } .cabecera_detalle_persona .volver, .cabecera_detalle_sponsor .volver { float: right; margin-top: -4px; margin-right: 15px; width: 137px; } .detalle_persona img, .detalle_sponsor img { width: 150px; height: auto; margin-left: 15px; } .detalle_sponsor img { border: 1px solid #ddd; } .detalle_persona .fa, .detalle_sponsor .fa { padding-left: 0.5rem; font-size: 14px; } .detalle_persona .solicitar { margin-right: -10px; } .detalle_persona .datos_persona, .detalle_sponsor .datos_sponsor { padding-left: 1rem; } .detalle_persona .datos_persona .literal, .detalle_sponsor .datos_sponsor .literal { display: block; width: 100%; } .detalle_sponsor .datos_sponsor .literal { margin-bottom: 0.5rem; } .detalle_persona .datos_persona .etiqueta, .detalle_sponsor .datos_sponsor .etiqueta { text-transform: uppercase; font-size: 14px; margin-top: 20px; font-weight: 400; } .detalle_persona .datos_profesionales, .detalle_sponsor .datos_profesionales, .detalle_sponsor .datos_contactos { border-top: 1px solid #aaaaaa; margin-top: 1.5rem; padding-top: 1.5rem; margin-bottom: 2rem; padding-left: 70px; position: relative; } .detalle_persona .datos_profesionales strong, .detalle_sponsor .datos_profesionales strong, .detalle_sponsor .datos_contactos strong { width: 100%; display: block; font-size: 14px; margin-bottom: 0.5rem; } .detalle_persona .datos_profesionales .fa { position: absolute; left: 0; top: 16px; font-size: 40px; } .detalle_sponsor .datos_profesionales img, .detalle_sponsor .datos_contactos img, .detalle_materiales .img { position: absolute; left: 0; top: 16px; width: 40px; height: auto; border: 0; margin-top: 2px; margin-left: 5px; } .detalle_sponsor .datos_contactos { border: none; margin-top: 0; padding-top: 0; } /* MATERIALES */ .datos_materiales { border-bottom: 1px solid #aaaaaa; padding-bottom: 0.5rem; margin-top: 2rem; } .datos_materiales + div.slider_videos .fa { font-size: 30px; margin-top: 30px; position: relative; float: left; color: #999; } .datos_materiales + div.slider_videos .fa.sobreimpreso { position: absolute; left: 43%; color: #FFFFFF; text-shadow: 1px 1px 5px #000000; top: -5px; } .datos_materiales:first-of-type { margin-top: 0; } .datos_materiales + .slider_videos { float: left; margin-left: 0; } .datos_materiales + .slider_videos a.video_dl { margin: 0; padding: 0; width: 17%; float: left; margin-left: 8px; margin-right: 12px; position: relative; } @media (max-width: 375px) { .datos_materiales + .slider_videos a.video_dl { width: 44%; } .datos_materiales + div.slider_videos .fa { display: none; } .datos_materiales + div.slider_videos .fa.sobreimpreso { display: block; } } @media (max-width: 360px) { .datos_materiales + .slider_videos a.video_dl { width: 43%; } } @media (max-width: 320px) { .datos_materiales + .slider_videos a.video_dl { width: 94%; } .datos_materiales + div.slider_videos .fa.sobreimpreso { font-size: 80px; top: 7px; left: 38%; } } .slider_videos.mat_streaming { margin-bottom: 3rem !important; } .datos_materiales strong { text-transform: uppercase; font-size: 14px; margin-left: 0.5rem; color: #0091ff; } .detalle_sponsor .datos_contactos img, .detalle_materiales .datos_materiales img { top: -5px; margin-top: 0; } .detalle_sponsor img.img_persona { width: 55px; height: auto; float: left; } .detalle_persona img.img_persona { width: 150px; } .detalle_sponsor p.datos_persona { float: left; width: 320px; padding-left: 15px; } .detalle_sponsor .contactos_sponsor { padding: 0.5rem 15px 0 0; } .detalle_sponsor .datos_persona { line-height: 1.1rem; padding-bottom: 0.5rem; padding-top: 0; margin-bottom: 0; } .detalle_sponsor .solicitar { float: right; width: 120px; margin-top: 0.5rem; } .detalle_sponsor .solicitar img { border: none; right: 15px !important; } .detalle_sponsor .documentos_descarga .cabecera_detalle_sponsor { margin-top: 15px; margin-bottom: 25px; } .presentaciones a strong { font-size: 12px !important; } a.video_dl { margin: 0; padding: 0; width: 17%; float: left; margin-left: 4px; margin-right: 0px; } a.video_dl img { width: 100%; border: 2px solid #aaa; margin-left: 0; } a.video_dl span.pie_video { text-align: center; color: #999; } a.video_dl:hover img { border: 2px solid #0091ff; text-decoration: none; } div.slider_videos { margin-left: 25px; margin-bottom: 2rem; } div.slider_videos .fa { font-size: 25px; margin-top: 22px; position: relative; float: left; color: #999; } div.slider_videos .fa-chevron-right { margin-left: -3px; } a.video_dl:hover span { text-decoration: none !important; color: #0091ff; } @media (max-width: 768px) { .tabs_agenda .row { font-size: 11px; } .tabs_agenda .texto_agenda { padding-left: 0; font-size: 10px; font-weight: initial; } .tabs_agenda .nav-item { width: 50%; } .tabs_agenda .nav-link { padding-top: 0; font-size: 14px; margin: 0; padding-bottom: 0; } .tabs_agenda .hora_agenda { width: 14%; } .tabs_agenda .contenido_agenda { width: 51%; font-weight: bold; } .tabs_agenda .comentario_agenda { width: 30%; font-size: 11px; padding-left: 5%; } .tabs_agenda .comentario_agenda .btn { font-size: 9px; } .tabs_agenda h3 { text-align: center; } .tabs_agenda .comentario_agenda .btn:before { display: none; } .tabs_agenda .btn { padding-left: 5px; padding-right: 5px; } #tab-my-schedule .hora_aviso { width: 23%; } #tab-my-schedule .hora_agenda { width: 25%; font-size: 10px; } #tab-my-schedule .contenido_agenda { width: 48%; } #tab-my-schedule .comentario_agenda { width: auto; } #tab-my-schedule .comentario_agenda .btn { padding-right: 6px; padding-left: 6px; width: 63px; } .comentario_agenda .solicitar.unico { margin-left: 4px; } #tab-my-schedule .comentario_agenda .btn:before { display: none; } #tab-my-schedule .texto_aviso { width: 62%; margin-left: 3%; } #tab-my-schedule .texto_aviso .mitad { text-align: center; } #tab-my-schedule .aviso_opciones .miniboton.btn { font-size: 9px; padding: 5px; margin: 5px 15px; width: 63px; } #tab-my-schedule .aviso_opciones.pendientes .miniboton.btn, #tab-my-schedule .aviso_opciones.accion .miniboton.btn { margin: 5px 9px 5px 13px; } #tab-my-schedule .participantes .aviso_opciones { width: 100%; margin-top: 0.5rem; width: 323px; } #tab-my-schedule .row.pendientes { padding-left: 0; padding-right: 0; } #tab-my-schedule .participantes .hora_agenda { margin-top: 5px; margin-right: 5px; } #tab-my-schedule .participantes { width: 95%; margin-left: 5%; font-size: 10px; } #tab-my-schedule .participantes .contenido_agenda { width: 40%; margin-top: -2px; } #tab-my-schedule .participantes .comentario_agenda { margin-top: 0; } #tab-my-schedule .participantes .foto_aviso img { margin-right: 5px; } #tab-my-schedule .participantes .contenido_agenda { margin-top: 5px; font-weight: 100; } #tab-my-schedule .aviso_opciones { text-align: right; padding-top: 0; } #tab-my-schedule .contenido_agenda h4 { font-size: 11px; } #tab-my-schedule .contenido_agenda p { color: #aaaaaa; font-weight: 100; } .relojes { display: none; } .detalle_persona { margin-top: 50px; } .detalle_persona img.img_persona { margin-left: -75px; left: 50%; position: relative; padding-left: 0; } .cabecera_detalle_persona .volver { position: absolute; margin-top: -50px; left: 50%; margin-left: -69px; } .cabecera_detalle_persona { margin-right: -50px; margin-right: -25px; } .detalle_sponsor img.img_sponsor { position: relative; left: 50%; margin-left: -75px; } .detalle_sponsor .datos_sponsor { text-align: center; } .detalle_sponsor img.img_persona { width: 100px; height: auto; left: 50%; margin-left: -50px; position: relative; margin-bottom: 1rem; } div.slider_videos { margin-left: -9px; } div.slider_videos .fa { font-size: 12px; margin-top: 15px; position: relative; float: left; color: #999; } a.video_dl { width: 17%; margin-left: 3px; } } @media (max-width: 375px) { #tab-my-schedule .aviso_opciones.accion .miniboton.btn { margin: 5px 4px 5px 17px; } } @media (max-width: 360px) { #tab-my-schedule .aviso_opciones.accion .miniboton.btn { margin: 5px 14px 5px 6px; } } @media (max-width: 320px) { #tab-my-schedule .participantes .aviso_opciones { width: 290px; } #tab-my-schedule .aviso_opciones.pendientes .miniboton { margin: 5px 0 0 30px; } #tab-my-schedule .participantes .contenido_agenda { width: 39%; } div.slider_videos { margin-left: -31px; width: 295px; } } /* ALERTAS Y MENSAJES */ .alert { float: left; padding-left: 10px; width: 100%; } .alert-primary { color: #0091ff; border-color: #0091ff; } .alert-secondary { color: #777777; border-color: #aaaaaa; } .alert-success { color: #009100; border-color: #009100; } .alert-danger { color: red; border-color: red; } .alert i { font-size: 1.75rem; vertical-align: middle; float: left; position: relative; padding-right: 0.75rem; } .alert span { line-height: 1rem; width: 85%; vertical-align: middle; } .alert.hueco { background-color: transparent; border-width: 2px; } /* PONENTES EN AGENDA */ .foto_ponente img { width: 30px; border-radius: 100%; border: 1px solid #aaaaaa; margin-top: 2px; margin-right: 0.5rem; float: left; } /* CSS TEMPORIZADOR TIEMPO HASTA EL EVENTO */ .time_circles { position: relative; width: 100%; height: 100%; } .time_circles > div { position: absolute; text-align: center; } /* TÍTULOS (DÍAS, HORAS)*/ .time_circles > div > h4 { margin: 0px; padding: 0px; text-align: center; font-family: 'Montserrat', Arial; font-weight: 300; margin-top: 70%; color: #0091ff; } /* NÚMEROS ESFERA*/ .time_circles > div > span { display: block; width: 100%; text-align: center; font-family: 'Montserrat', Arial; margin-top: -77.5%; font-weight: 400; font-size: 110% !important; color: #008eff; } .temporizador { width: 14rem; height: 3.5rem; position: relative; } /* IMAGEN SOBREPUESTA PARA SIMULAR LAS LÍNEAS DE LOS CÍRCULOS Y LA SOMBRA */ .sobrecapa { top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 9999; background-image: url("../img/maqueta/sobrecapa.png"); background-size: 14rem 3.5rem; } @media (max-width: 768px) { .temporizador { width: 12rem; height: 3rem; margin-left: 2rem; margin-top: -0.5rem; } .sobrecapa { background-size: 12rem 3rem; } .area_usuario { margin-top: 0; } .area_usuario p { font-size: 80%; } .area_usuario a { margin-top: 0.5rem; } } @media (max-width: 375px) { .temporizador { width: 16rem; height: 4rem; margin-top: 0; margin-left: 3rem; margin-top: 0; margin-bottom: 1rem; } .temporizador.float-right { float: none !important; } .sobrecapa { background-size: 16rem 4rem; } } @media (max-width: 320px) { .temporizador { margin-left: 0.5rem; } } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes rubberBand { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale(0.1) translateY(-2000px); transform: scale(0.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(0.475) translateY(60px); transform: scale(0.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale(0.1) translateY(-2000px); transform: scale(0.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(0.475) translateY(60px); transform: scale(0.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(0.1) translateX(-2000px); transform: scale(0.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(0.475) translateX(48px); transform: scale(0.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(0.1) translateX(-2000px); transform: scale(0.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(0.475) translateX(48px); transform: scale(0.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale(0.1) translateX(2000px); transform: scale(0.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(0.475) translateX(-48px); transform: scale(0.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale(0.1) translateX(2000px); transform: scale(0.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(0.475) translateX(-48px); transform: scale(0.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale(0.1) translateY(2000px); transform: scale(0.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(0.475) translateY(-60px); transform: scale(0.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale(0.1) translateY(2000px); transform: scale(0.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(0.475) translateY(-60px); transform: scale(0.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(0.475) translateY(-60px); transform: scale(0.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(0.1) translateY(2000px); transform: scale(0.1) translateY(2000px); -webkit-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(0.475) translateY(-60px); transform: scale(0.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(0.1) translateY(2000px); transform: scale(0.1) translateY(2000px); -webkit-transform-origin: center bottom; transform-origin: center bottom; } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(0.475) translateX(42px); transform: scale(0.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(0.1) translateX(-2000px); transform: scale(0.1) translateX(-2000px); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(0.475) translateX(42px); transform: scale(0.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(0.1) translateX(-2000px); transform: scale(0.1) translateX(-2000px); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(0.475) translateX(-42px); transform: scale(0.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(0.1) translateX(2000px); transform: scale(0.1) translateX(2000px); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(0.475) translateX(-42px); transform: scale(0.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(0.1) translateX(2000px); transform: scale(0.1) translateX(2000px); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(0.475) translateY(60px); transform: scale(0.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(0.1) translateY(-2000px); transform: scale(0.1) translateY(-2000px); -webkit-transform-origin: center top; transform-origin: center top; } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(0.475) translateY(60px); transform: scale(0.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(0.1) translateY(-2000px); transform: scale(0.1) translateY(-2000px); -webkit-transform-origin: center top; transform-origin: center top; } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @media (min-width: 992px) and (max-width: 1199px) { .section-1-box .section-1-box-icon { width: 60px; height: 60px; font-size: 32px; line-height: 60px; } } @media (min-width: 768px) and (max-width: 991px) { .navbar-expand-md .navbar-nav .nav-link { padding-left: 0.6rem; padding-right: 0.6rem; } .section-description p { padding: 0; } .section-1-box .section-1-box-icon { width: 50px; height: 50px; font-size: 26px; line-height: 50px; } .section-3-box .section-3-box-icon { width: 50px; height: 50px; font-size: 26px; line-height: 50px; } } @media (max-width: 767px) { .navbar-dark .navbar-toggler { border-color: #444; } .navbar-dark .navbar-toggler:focus { background: #333; outline: 0; } .navbar-expand-md .navbar-nav .nav-link { padding-top: 0.3rem; padding-bottom: 0.3rem; } .section-description p { padding: 0; } .section-1-container { padding-bottom: 60px; } .section-1-box { text-align: center; } .section-1-box h3 { margin-top: 20px; padding-top: 10px; } .section-3-box { text-align: center; } .section-3-box h3 { margin-top: 20px; padding-top: 10px; } } @media (max-width: 415px) { h1, h2 { font-size: 32px; } } /* Retina-ize images/icons */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { /* logo */ .navbar-brand { background-image: url(../img/maqueta/logo@2x.png) !important; background-repeat: no-repeat !important; background-size: 123px 34px !important; } } /* CC 2.0 License Iatek LLC 2018 Attribution required */ @media (min-width: 768px) and (max-width: 991px) { /* Show 4th slide on md if col-md-4*/ .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item { position: absolute; top: 0; right: -33.3333%; /*change this with javascript in the future*/ z-index: -1; display: block; visibility: visible; } } @media (min-width: 576px) and (max-width: 768px) { /* Show 3rd slide on sm if col-sm-6*/ .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item { position: absolute; top: 0; right: -50%; /*change this with javascript in the future*/ z-index: -1; display: block; visibility: visible; } } @media (min-width: 576px) { .carousel-item { margin-right: 0; } /* show 2 items */ .carousel-inner .active + .carousel-item { display: block; } .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item { -webkit-transition: none; transition: none; } .carousel-inner .carousel-item-next { position: relative; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* left or forward direction */ .active.carousel-item-left + .carousel-item-next.carousel-item-left, .carousel-item-next.carousel-item-left + .carousel-item, .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item { position: relative; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } /* farthest right hidden item must be abso position for animations */ .carousel-inner .carousel-item-prev.carousel-item-right { position: absolute; top: 0; left: 0; z-index: -1; display: block; visibility: visible; } /* right or prev direction */ .active.carousel-item-right + .carousel-item-prev.carousel-item-right, .carousel-item-prev.carousel-item-right + .carousel-item, .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item { position: relative; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; display: block; visibility: visible; } } /*MD*/ @media (min-width: 768px) { /* show 3rd of 3 item slide */ .carousel-inner .active + .carousel-item + .carousel-item { display: block; } .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item { -webkit-transition: none; transition: none; } .carousel-inner .carousel-item-next { position: relative; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* left or forward direction */ .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item { position: relative; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } /* right or prev direction */ .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item { position: relative; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; display: block; visibility: visible; } } /*LG */ @media (min-width: 991px) { /* show 4th item */ .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item { display: block; } .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item { -webkit-transition: none; transition: none; } /* Show 5th slide on lg if col-lg-3 */ .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: absolute; top: 0; right: -25%; /*change this with javascript in the future*/ z-index: -1; display: block; visibility: visible; } /* left or forward direction */ .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: relative; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } /* right or prev direction //t - previous slide direction last item animation fix */ .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: relative; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; display: block; visibility: visible; } } /*LG 6th - if you want a carousel with 6 slides */ @media (min-width: 991px) { /* show 5th and 6th item */ /* .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item + .carousel-item, .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item { display: block; } .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item, .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item { transition: none; } */ /*show 7th slide for animation when its a 6 slides carousel */ /* .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: absolute; top: 0; right: -16.666666666%; z-index: -1; display: block; visibility: visible; } */ /* forward direction > */ /* .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item, .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate3d(-100%, 0, 0); visibility: visible; } */ /* prev direction < last item animation fix */ /* .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item, .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item { position: relative; transform: translate3d(100%, 0, 0); visibility: visible; display: block; visibility: visible; } */ } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { -webkit-filter: none; filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #FFFFFF; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /* Nuevos estilos limpios */ body.full-width #main-container { max-width: 100%; } body.full-width .page-content { margin: 0; } .meeting-grid { /* .row1x1 > .grid-item, .row1x1 > [class^=col-], .row2x1 > .grid-item, .row2x1 > [class^=col-] { height: 96vh; } .row2x2 > .grid-item, .row2x2 > [class^=col-], .row3x2 > .grid-item, .row3x2 > [class^=col-] { height: 48vh; } .row3x3 > .grid-item, .row3x3 > [class^=col-] { height: 32vh; } .row3x3 > .grid-item video { width: auto; height: 100%; } */ /* .participant { position: relative; .status { position: absolute; bottom: 0.5rem; left: 0.5rem; } } */ } .meeting-grid .row { text-align: center; padding: 0; overflow: hidden; } .meeting-grid .row .grid-item .participant { overflow: hidden; } .meeting-grid .row .participant video { width: 100%; } .meeting-grid .row > .grid-item, .meeting-grid .row > [class^=col-] { padding-top: .75rem; padding-bottom: .75rem; background-color: rgba(86, 61, 124, 0.15); border: 2px solid rgba(86, 61, 124, 0.2); } .meeting-grid .participant.online .wrap-alert { display: none; } .meeting-grid .participant.offline .wrap-alert { display: block; } .log-participants .log-entry { clear: both; } .log-participants .log-entry .created-time { float: left; min-width: 50px; } .screen-share video { width: 100%; margin-top: 2rem; } .status * { color: blue; } .status .danger { color: red; } .status .ready { color: green; } .OT_subscriber { min-height: 32vh !important; } .stream-app #publisher { position: absolute; bottom: 1.5rem; right: 1rem; } .stream-app #publisher-screen { position: absolute; bottom: 1.5rem; left: 1rem; } .stream-app .OT_publisher { min-height: 200px !important; min-width: 300px !important; float: left; } .toast { max-width: 500px; } .toast .toast-header strong, .toast .toast-header small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .toast .toast-header small { margin-left: 1rem; } #notifications-list h5 { font-size: 14px; } .notification-row .notification-body-wrap { width: 100%; } .survey-form .page-content { max-width: 100% !important; } .survey-form .formbuilder-radio-group { clear: both; margin-bottom: 0.5rem !important; } .survey-form .radio-group div.formbuilder-radio-inline { width: auto; float: left; margin-right: 1rem; } .survey-form #form-view h4 { clear: both; padding-top: 0.5rem; color: #000000; text-align: center; } .survey-form #form-view p { text-align: center; } .survey-form #form-view div { color: #000000; } .survey-form #form-view div .p1-advice { font-size: 14px; font-weight: bold; color: #5b9bd5; clear: both; text-align: left; } .survey-form #form-view div .p1-advice.greetings { font-size: 14px; font-weight: 200; color: #121b24; clear: both; } @media (max-width: 768px) { .survey-form .main-form-buttons .btn { width: 100%; clear: both; } } /* STANDS*/ .stands { /* hidden search stands by default: */ /* Base style */ /* Admin Editor */ } .stands .sec_asistentes { display: none; } .stands .img_stand { position: relative; margin: -34px auto 0 auto; width: 100%; max-width: 1920px; } .stands .img_stand span.title { display: none; } .stands .img_stand a.volver { opacity: 1; top: 1.2rem; left: 1.2rem; } .stands .img_stand img { width: 100%; height: 100%; } .stands .img_stand a { opacity: 0; position: absolute; } .stands .img_stand a:hover, .stands .img_stand .logo { opacity: 1; } @media (max-width: 768px) { .stands .spo_logo img { width: 100%; } .stands .icono_web { width: 46px; background-size: 46px; margin-top: -11px; } .stands .img_stand { margin-top: 0; } } .stands .layer-editor { position: absolute; top: 1.2rem; right: 1.2rem; width: 150px; text-align: right; } .stands .layer-editor .input-group-text { min-width: 2.6rem; } .stands .layer-editor .input-group-text i { margin: auto; } .stands .layer-editor .label-layer-id { background-color: #FFF; opacity: 0.9; color: red; font-weight: bold; text-align: center; padding: 0.2rem; } .stands .stand.editing, .stands .stand-material.editing { opacity: 1 !important; border: 2px solid red !important; } .stands .stand.active, .stands .stand-material.active { opacity: 0.5 !important; border: 2px solid red !important; background-color: red !important; } .nav-only-mobile { position: absolute; top: 1rem; left: 1rem; z-index: 999; padding: 0.1rem; } .nav-only-mobile .navbar-collapse { width: 315px; margin-right: 0 !important; } .nav-only-mobile .navbar-collapse .navbar-nav { margin-left: 0 !important; } .nav-only-mobile .navbar-collapse .navbar-nav li { width: auto !important; } .nav-only-mobile .navbar-collapse .navbar-nav .nav-item { height: 42px; } .nav-only-mobile .navbar-collapse .navbar-nav .nav-link { width: 100%; opacity: 1; padding-left: 15px !important; } .nav-only-mobile .navbar-toggler-icon { width: auto; height: auto; } .nav-only-mobile .navbar-toggler-icon i { font-size: 1rem !important; } @media (max-width: 600px) { .nav-only-mobile { position: unset; margin: 0; } } /* Fixes by moz667 */ body.one2one-request-join .page-content { min-height: 75vh; position: relative; } body.one2one-request-join .one2one-video-chat { position: relative; width: 100%; height: 100%; margin-left: auto; margin-right: auto; min-height: 60vh; /* FIXME: No estoy muy seguro de hacerlo asi... revisar */ /* min-height: (480px - 33px - 16px); */ } body.one2one-request-join .one2one-video-chat .subscriber { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; border-bottom: 2px solid #BBBBBB; border-left: 2px solid #BBBBBB; border-right: 2px solid #BBBBBB; } body.one2one-request-join .one2one-video-chat .publisher { position: absolute; /* ratio 1 */ width: 120px; height: 120px; bottom: 10px; left: 10px; z-index: 100; border: 2px solid #DDDDDD; border-radius: 3px; display: block; } body.one2one-request-join .one2one-video-chat .time-left { position: absolute; bottom: 20px; right: 20px; background-color: #000000; color: #FFFFFF; padding: 0.1rem 0.4rem; border-radius: 0.4rem; width: 90px; z-index: 999; } body.one2one-request-join .one2one-video-chat .time-left .time-icon { float: left; margin-left: 0.4rem; } body.one2one-request-join .one2one-video-chat .time-left .time-value { float: right; margin-right: 0.4rem; } body.one2one-request-join .one2one-video-chat .danger { background-color: #FF0000; font-weight: bold; } @media (min-width: 1024px) { body.one2one-request-join .one2one-video-chat .publisher { /* ratio 1.5 */ width: 360px; height: 240px; } } /* body.one2one-request-join { .nicetomeet-header, .navbar { display: none; } } */ /* General */ .page-content { margin-bottom: 3rem; } /* OVERRIDE NAV-TABS */ .nav-tabs .nav-item { width: auto; } .nav-tabs .nav-item .nav-link { padding: .5rem 1rem !important; } .tab-content { padding-top: 1rem; } @media (max-width: 768px) { .no-mobile { display: none; } } /* Notificaciones */ .pending-notifications-count { display: none; } .notification-canceled, .notification-canceled * { color: #FF0000; } #notifications-list-wrap { display: none; position: relative; } .lista_notificaciones { width: 100%; padding: 20px 20px 20px 10px; max-height: 70vh; overflow: hidden; right: 0; top: -8rem; } .lista_notificaciones #notification-list-content { max-height: 66vh; overflow-y: scroll; } @media (min-width: 768px) { .lista_notificaciones { max-width: 550px; margin-left: 0; } } .toast-footer { text-align: right; padding-right: 1rem; } .toast.notification-rejected .toast-body { color: #FF0000; } #notifications-table.empty-notifications { width: 100%; border: 0; } #notifications-table.empty-notifications .alert { margin: 0; } #notification-list-content.no-notification-items { max-height: auto; overflow-y: auto; } /* Formulario one2one : */ .wrap-121-request-type .active { color: #0091ff; } .btn-transparent, .btn-transparent.focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } #onetoone .btn { padding: 5px 15px; } #onetoone .subrayado_azul { width: auto !important; margin: 0; padding-bottom: 3px; } #onetoone .clear-autocomplete { border: 0; background-color: #FFFFFF; } #onetoone .subrayado_azul + i { position: absolute; left: 10px; bottom: 10px; margin-top: 0; } #onetoone .subrayado_azul:first-of-type { margin-top: 0; } #onetoone .wrap-121-autocomplete { margin-left: 1.2rem; } #onetoone .wrap-121-autocomplete input { width: 235px !important; } #onetoone #organization_filter-wrap { margin-top: 1rem; } /* Auditorio : */ .streaming-main-image { max-width: 100%; } /* Streaming */ .streaming-detail .page-content { margin-bottom: 10rem; } .streaming-room, .streaming-title { text-align: center; font-size: 14px; font-weight: 400; } .streaming-title a { font-size: 18px; font-weight: 400; } @media (min-width: 992px) { #streaming-send-question-wrap { margin-top: 1rem; } } iframe.streaming-video, .wrap-streaming iframe { /* border: 1px solid red; */ width: 100%; min-height: 320px; } iframe.streaming-chat { /* border: 1px solid blue; */ border: 1px solid #DDDDDD; width: 100%; min-height: 50vh; } /* .toggle-streaming-chat-wrap { position: absolute; right: 0px; top: -30px; z-index: 111; } .toggle-streaming-chat-wrap button { background-color: #FFFFFF; } .toggle-streaming-chat-wrap button .fa { font-size: 100%; } .streaming-chat-wrap { position: relative; } */ /* deshabilitamos notificaciones dentro de un streaming */ body.streaming-detail .notification-link { pointer-events: none; opacity: 0.65; color: #555555; } body.streaming-detail .pending-notifications-count { background-color: #555555 !important; } @media (min-width: 769px) { iframe.streaming-video, iframe.streaming-chat { min-height: 480px; } /* .streaming-chat-wrap { position: absolute; right: 0; top: 0; z-index: 99; } iframe.streaming-chat { border: 1px solid #DDDDDD; width: 400px; } */ } @media (min-width: 991px) { iframe.streaming-video, iframe.streaming-chat { min-height: 520px; } .wrap-streaming { margin-top: 10px; } /* .toggle-streaming-chat-wrap { top: 0; right: 0; } .toggle-streaming-chat-wrap button .fa { font-size: 400%; } */ } /* @media (min-width: 1725px) { .toggle-streaming-chat-wrap { display: none; } } @media (max-width: 1725px) { .streaming-chat-wrap { display: none; right: 0px; } } */ /* HOME */ .twitter-timeline-wrap { max-height: 50vh; overflow-y: scroll; } /* BASE */ #CookielawBanner { position: absolute; z-index: 9999; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); position: fixed; } #CookielawBanner p { color: #666667; } #CookielawBanner .container { margin-top: 2rem; padding: 2rem; border: 1px solid #DDDDDD; background-color: #FFFFFF; -webkit-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.55); box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.55); } #CookielawBanner .pull-right { margin: 2rem 1rem 2rem 1rem; } span.logado a { max-width: 120px; overflow: hidden; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media (max-width: 1024px) { span.logado a { max-width: 120px; } } .noidentificado span.logado a { max-width: 100%; } .pending-accept-msg { color: #FF0000; text-transform: uppercase; } .nav-item.active .nav-link { color: #0091ff; } /* Modal / Video */ .modal-video { max-width: 100%; } /* Agenda */ .streaming-day { margin-top: 1rem; } .tabs_agenda .card-header .nav-link { text-transform: uppercase; } /* .streaming-day:first-child { margin-top: 0.7rem; } */ /* ModalMessage */ #modalMessage .icononicetomeet { width: 100%; max-width: 20rem; margin: 1rem; } #modalMessage.no-title .icononicetomeet { margin-top: -2rem; } /* Mi agenda */ .one2one-change-text { display: block; } /* Formularios base */ .login input[type=tel] { width: 234px; left: 50%; margin-left: -117px; position: relative; background-color: #f0f0f0; } .login.nueva_cuenta label { clear: both; } .modal .modal-body .logotipo { margin-top: -3rem; margin-bottom: 0; width: 75%; } #modalLogin .modal-footer { margin: 0; } .modal .login label { font-size: 12px; font-weight: 100; margin-left: 1.75rem; clear: both; } .field-errors { margin-top: 1rem; } .non-field-error, .help-block.field-error { font-weight: 100; } .login.nueva_cuenta .field-errors { width: 234px; left: 50%; margin-left: -117px; } .login select { width: auto; max-width: 234px; } .ui-datepicker { /* hay que poner un z-index mas grande de 1050 por los modales */ z-index: 2000 !important; } .nueva_cuenta select.form-control { left: 50%; margin-left: -117px; position: relative; line-height: 1.7rem; height: 1.7rem; } /* Ocultamos la etiqueta de los campos de subida para que ocupe menos */ .modal-body-form .custom-file-label { display: none; } .custom-file input { height: 2.2rem; border: 0; } /* OneToOne Join */ .one2one-join-bar { position: relative; } .one2one-join-bar .fa { font-size: 200%; clear: both; display: block; } .one2one-join-bar .btn-disconect { position: absolute; right: 0; } @media (max-width: 1024px) { .waiting-message { position: absolute; top: -50vh; left: 0; } .one2one-join-bar .btn-primary, .one2one-join-bar .btn-danger { font-size: 75%; } body.one2one-request-join .one2one-video-chat { min-height: 80vh; } } /* Materiales */ #alertDialog video { max-width: 100%; } /*Sombra del temporizador, quito esto que molesta : */ .temporizador .sobrecapa { display: none; } /* Quitamos las labels en los modales formularios */ .modal-body .form-group label { display: none; } /* Para que no se monte el alert de error en el switch del one2one */ .one2one-switch { clear: both; } /* Autocomplete */ .autocomplete-suggestions { width: auto !important; max-width: 100vw; } /* FORMS en general */ .custom-file-label::after { content: "..."; } /* FORMS NO MODALES */ .base-form-no-modal .page-content { max-width: 400px; margin: auto; } .base-form-no-modal h1 { font-size: 150%; text-align: center; margin-top: 8px; color: #555; } .base-form-no-modal .form-control { font-size: 11px; font-weight: 100; font-style: italic; } .base-form-no-modal .one2one-switch, .base-form-no-modal .main-form-buttons, .base-form-no-modal .img-wrap { text-align: center; } .base-form-no-modal .btn { margin-top: 1rem; background-color: #0091ff; border-color: #0091ff; } .base-form-no-modal .btn-danger { background-color: #dc3545; border-color: #dc3545; } /* FORM Complete Register */ .complete-register-form .avatar-group-wrap label { text-align: center; display: block; margin-left: 0; } .complete-register-form .mb-3 { text-align: center; display: block; } .complete-register-form .mb-3 input { float: none; } .complete-register-form .mb-3 .acepto { float: none; display: inline; } /* GENERAL : Avatars */ img.img_nologin, img.img_login, img.img_perfil, img.img_persona, .img_sponsor, .subir_foto { -o-object-fit: cover; object-fit: cover; } /* QUESTIONS MANAGE */ #streaming-questions-manage .col-autor { max-width: 6rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #streaming-questions-manage.fixed-questions-manage { position: fixed; bottom: 0; right: 0; z-index: 999; min-width: 80vw; max-width: 500px; } #streaming-questions-manage.fixed-questions-manage #streaming-questions-collapse { max-height: 75vh; overflow-y: scroll; } /* Admin button */ .admin-btn { position: absolute; top: 0; right: 0; color: red; } /* One2one modal */ .modal .onetoone .subrayado_azul + i { position: absolute; left: 20px; margin-top: auto; color: #999; font-size: 12px; top: 17px; } .modal .input-group-append button { margin-left: -1px; position: absolute; right: 5px; top: 15px; border: 0; background-color: transparent; } .modal .input-group-append button:hover { color: #0069d9; } .modal .onetoone .subrayado_azul { border: none; border-bottom: 1px solid #0091ff !important; padding-bottom: 0px; width: 81%; } .modal select#id_request_date { float: left; padding-bottom: 5px; width: 68%; margin-right: 5px; cursor: pointer; } .modal select#id_request_time { float: left; padding-bottom: 5px; width: 20%; margin-right: 0; margin-top: 10px; margin-left: 0px; cursor: pointer; } .modal .sec_onetoone .icononicetomeet { margin-top: 0; } /* FIXES: WIDGET CON INFO DE LOGIN PARA MOVILES */ @media (max-width: 768px) { .area_usuario { width: 170px; } .area_usuario.identificado .iniciar_sesion p .logado { text-align: left; float: left; width: auto; top: 10px; right: 30px; } .area_usuario.identificado .iniciar_sesion p .logado a { width: auto; } } /* NUEVA AGENDA */ #agendas-tab .nav-item, #agendas-tab .nav-item:last-of-type { text-align: left; } #agendas-tab .nav-item:last-of-type { width: auto; } @media (min-width: 992px) { #agendas-tab .nav-item, #agendas-tab .nav-item:last-of-type { text-align: center; } } .agenda-line { margin-left: 36px; margin-top: 1rem; clear: both; } .agenda-line .people-list { margin-left: 2rem; clear: both; } .agenda-line .speaker-item { clear: both; } .agenda-line .speaker-picture, .agenda-line .speaker-data { float: left; clear: left; } .agenda-line .speaker-picture img { width: 30px; height: 30px; border-radius: 100%; border: 1px solid #aaaaaa; margin-top: 2px; margin-right: 0.5rem; } .agenda-line .speaker-data { margin-left: 45px; margin-top: -30px; } /* FIXES: Pagination */ .pagination .page-link, .pagination .page-item { height: 33px; } /* icono twitter X */ .icon-svg-x-twitter { width: 10px; height: 10px; float: left; margin-top: 4px; fill: white; } /* 02/09/2020 V1*/ .logo_principal { padding-right: 0; } .logo_principal .logotipo { width: 100%; margin-top: 0; } p.texto_evento { text-align: justify; } .container nav.bg-light { margin-top: 15px; } .nav-item { width: 20%; text-align: center; } .nav-item .nav-link { font-size: 17px; } .descarga_programa .btn { width: 100%; margin-bottom: 1rem; margin-top: 0.5rem; } .descarga_programa .btn-primary { width: 70%; float: right; } .descarga_programa .btn-primary .fa { margin-left: 0.5rem; margin-top: 2px; position: relative; } footer .row .blanco { float: left; display: block; } footer .row .fa { margin: 0; padding: 0; font-size: 150%; margin-right: 0.5rem; } footer .row .fa + span { float: left; width: auto; } footer.bg-dark { background-color: #005ab3 !important; } footer .faqs { margin-top: -5px; } footer .faqs a { padding: 5px 10px; } footer .faqs a .fa { color: #fff; } footer .soporte.blanco { text-align: center; float: none; font-weight: 400; } footer .soporte.blanco.tel_soporte { margin-top: -15px; padding-bottom: 2.5rem; } footer .soporte .fa-question-circle-o { font-size: 35px; margin-bottom: .5rem; margin-left: 65px; } footer .soporte .fa-question-circle-o + span { font-size: 15px; margin-top: 5px; } footer .rrss { display: block; width: 100%; clear: both; } footer .rrss a .fa { border-radius: 100%; background-color: #fff; color: #005ab3; padding: 7px; } footer .rrss a:hover .fa { background-color: #0091ff; } footer div.tel_soporte .soporte_blanco { text-align: center; } .navbar-collapse .nav-item.primero { width: 13%; } @media (max-width: 768px) { .navbar-nav .nav-item { width: 95%; } } .banners_home { margin-top: 1rem; margin-bottom: 8rem !important; } .nav-item.sin_logar { width: 15%; } .nav-item.sin_logar:first-of-type { width: 6%; } .nav-item.sin_logar:last-of-type { width: 10%; } @media (max-width: 768px) { .navbar-collapse { margin-top: 7px; } .banners_home .img-fluid { width: 100%; margin-bottom: 1rem; } footer .row .blanco.datos, footer .row .blanco.datos span { width: 100%; font-size: 110%; margin-top: -0.5rem; padding-bottom: 0.5rem; } footer .row .datos .fa { font-size: 25px; margin-bottom: 1rem; } footer .soporte.blanco { font-size: 15px; } footer .soporte .fa { font-size: 35px; } footer .soporte .fa-question-circle-o { display: none; /*font-size: 35px; padding-top:.5rem; padding-bottom:0; margin-left:0;*/ } footer .soporte .fa-question-circle-o + span { width: 100%; text-align: center; font-size: 25px; margin-left: -0.5rem; margin-top: -0.5rem; } footer .rrss .fa { font-size: 200%; } .media { padding-top: 1rem; } .media a, .media p { font-size: 90%; font-weight: 400; text-transform: uppercase; margin-bottom: 1rem; } .card-header-tabs .nav-item:first-of-type { margin-right: initial; } .navbar-collapse .nav-item.primero { width: 95%; /*1ER ELEMENTO MENU */ } } #programa p { color: #000; margin-bottom: 0.35rem; } #programa .seccion { margin-left: 15px; } #programa .seccion_programa { margin-left: 15px; font-size: 120%; font-weight: 400; } #programa p.indentado_01 { margin-left: 6rem; margin-bottom: 0; padding-bottom: 0.35rem; } #programa p.indentado_02 { margin-left: 2rem; } #programa p span.moderan, #programa p span.cargo, #programa p.indentado_02 .azul { display: block; margin-bottom: 0.35rem; } #programa .azul { color: #0091ff; font-weight: 400; margin-bottom: 0.25rem; } select.llenalinea { width: 90%; margin-left: 0; padding: 0.4rem 0.5rem 0.4rem; } .login .logotipo.sube_logo { margin-top: -10px; } .descarga_programa .entrareunion { text-transform: uppercase; font-weight: 400; padding-top: 0.65rem; padding-bottom: 0.65rem; margin-top: 0; word-spacing: 5px; } .entrareunion img { /* LIVE */ width: 60px; margin-left: 6px; margin-top: -3px; } p.oro, p.bronce, p.platino { font-size: 25px; font-weight: bold; text-align: center; margin-bottom: 0 !important; margin-top: 2rem; } .spo_logo { width: 100%; text-align: center; display: block; } .spo_logo img { width: 60%; height: auto; } p.platino + hr { border-top: 2px solid #7a7a7a; padding-bottom: 0; margin-top: 0; } p.oro + hr { border-top: 2px solid #f69f36; padding-bottom: 0; margin-top: 0; } p.bronce + hr { border-top: 2px solid #8f3f1a; padding-bottom: 0; margin-top: 0; } p.platino { color: #7a7a7a; } p.oro { color: #f69f36; } p.bronce { color: #8f3f1a; } p.bronce div { width: 100%; float: left; } .mitad { float: left; margin-bottom: 3rem; } .icono_web { color: #fff; width: 39px; margin-top: -4px; margin-right: 4px; background-image: url("../img/maqueta/web.png"); background-position: center center; background-repeat: no-repeat; background-size: 39px; } .icono_web img { width: 100%; height: auto; } a:hover img.icono_web { background-image: url("../img/maqueta/web_hover.png"); } .nav-item .nav-link { font-size: 15px; } @media (max-width: 768px) { .navbar-nav li { width: 315px !important; } } /* FIX para el aumento de tamanio de Empresa/Hospital */ .datos_persona span { width: 30%; } .datos_persona span.literal { width: 100%; } .datos_persona .verperfil { margin-top: 2rem; } body.public-profile .datos_persona, body.public-profile .datos_persona span { width: 100%; } body.public-profile .res_asistentes { padding: 15px 25px 10px 25px; } @media (max-width: 768px) { .datos_persona span { display: none; } .datos_persona span.literal { display: block; width: 100%; } } .stands .page-content, .sponsors .page-content { margin-bottom: 0; } .mitad { margin-bottom: 0 !important; } .sponsor-platinum, .sponsor-gold, .sponsor-silver, .sponsor-bronze, .sponsor-colaborator { margin-bottom: 3rem; text-align: center; } p.silver { font-size: 25px; font-weight: bold; text-align: center; margin-bottom: 0 !important; margin-top: 2rem; color: #a7a7a7; } p.silver + hr { border-top: 2px solid #a7a7a7; padding-bottom: 0; margin-top: 0; } .sponsor-gold img { width: 90% !important; max-height: 200px; max-width: 300px; } .sponsor-silver img { max-height: 110px; width: auto; } .sponsor-bronze img { max-height: 70px; width: auto; } .spo_logo { display: inline; } /* .sp-helper { display: inline-block; height: 100%; vertical-align: middle; } */ .sponsor-silver img { max-width: 80%; } .sponsor-bronze img { vertical-align: middle; } .sponsor-colaborator img { width: auto; max-height: 50px; vertical-align: middle; } .sponsor-colaborator div { text-align: center; } p.colaborator { font-size: 25px; font-weight: bold; text-align: center; margin-bottom: 0 !important; margin-top: 2rem; color: #5A9BDB; } p.colaborator + hr { border-top: 2px solid #5A9BDB; padding-bottom: 0; margin-top: 0; } .sponsor-colaborator img.force-1h { max-height: 60px; margin-top: -0.5rem; } .sponsor-bronze .force-neg-1h { max-height: 60px; } @media (max-width: 992px) { .sponsor-gold img { max-width: 40%; } .sponsor-bronze img { max-width: 50%; } } .area_usuario span.logado { line-height: auto !important; } .registration-link { font-size: 14px !important; font-weight: bold; height: 20px; } .cusp-item-wrap { margin-top: 1rem; } .sponsors-wrap h5 { text-align: center; } .colaborators h5, .colaborators .item-colaborator { text-align: center; } .contact-wrap p { clear: both; } .faqs .list-group a { border: 2px solid #FFF; display: block; width: 100%; padding: 8px 15px; border-radius: 5px; } .faqs .list-group a:hover { color: #aaaaaa; border: 2px solid #0091ff; background-color: transparent; } .faqs .list-group .icon { width: 24px; } .custom-page .wrap-text p, .custom-page .wrap-text li { font-size: 11pt; color: #5e5f5f; } .custom-page .wrap-img img { max-height: 500px; } .legal h1 { font-size: 1.5rem; } .legal h2 { font-size: 1.0rem; } .legal h3 { font-size: 0.75rem; } /* @import "stands"; */ /* STANDS*/ .stands { /* hidden search stands by default: */ /* Base style */ /* Admin Editor */ } .stands .sec_asistentes { display: none; } .stands .img_stand { position: relative; margin: -34px auto 0 auto; width: 100%; max-width: 1920px; } .stands .img_stand span.title { display: none; } .stands .img_stand a.volver { opacity: 1; top: 1.2rem; left: 1.2rem; } .stands .img_stand img { width: 100%; height: 100%; } .stands .img_stand a { opacity: 0; position: absolute; } .stands .img_stand a:hover, .stands .img_stand .logo { opacity: 1; } @media (max-width: 768px) { .stands .spo_logo img { width: 100%; } .stands .icono_web { width: 46px; background-size: 46px; margin-top: -11px; } .stands .img_stand { margin-top: 0; } } .stands .layer-editor { position: absolute; top: 1.2rem; right: 1.2rem; width: 150px; text-align: right; } .stands .layer-editor .input-group-text { min-width: 2.6rem; } .stands .layer-editor .input-group-text i { margin: auto; } .stands .layer-editor .label-layer-id { background-color: #FFF; opacity: 0.9; color: red; font-weight: bold; text-align: center; padding: 0.2rem; } .stands .stand.editing, .stands .stand-material.editing { opacity: 1 !important; border: 2px solid red !important; } .stands .stand.active, .stands .stand-material.active { opacity: 0.5 !important; border: 2px solid red !important; background-color: red !important; } /* full-page */ body.full-page { /* Fix para el aviso de notificaciones */ /* FIXES NAVBAR */ /* TODO: Revisar que se usa de aqui VVVV */ /* TODO: Revisar que se usa de aqui ^^^^ */ } body.full-page .full-page-main-container { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; } body.full-page .full-page-main-container img { width: 100%; } body.full-page .full-page-main-container .abs-links a { position: absolute; opacity: 0; } body.full-page .full-page-main-container .abs-links a:hover { opacity: 1; } body.full-page .full-page-main-container .abs-links a.nav-item:hover { opacity: 0.3; background-color: #a90000; border-radius: 10px; } body.full-page .lista_notificaciones { top: -5rem; } body.full-page .navbar-toggler-icon i { color: #0091ff; font-size: 2rem; } body.full-page .area_usuario.noidentificado span.logado a { margin-top: 5px !important; margin-right: 37px; } @media (max-width: 768px) { body.full-page .area_usuario.noidentificado span.logado a { margin-top: 7px !important; margin-right: 26px; } } body.full-page .navbar-dark .navbar-toggler { border-color: #0091ff !important; margin-left: 1rem; border-width: 2px; } body.full-page .navbar-nav { margin-left: 15px; } body.full-page .navbar-nav .nav-item { font-size: 1.3rem; border-bottom: 1px solid #cce8ff !important; width: 315px; text-align: left; } body.full-page .navbar-nav .nav-item a:hover { background-color: #cce8ff !important; } body.full-page .navbar-nav ul { margin-top: 1px; background-color: #eee; } body.full-page .navbar-toggler-icon i { color: #0091ff; font-size: 2rem; } body.full-page .navbar-toggler { border: none !important; } body.full-page .navbar-collapse { margin-right: -15px; border: 1px solid #ddd; background-color: #FFFFFF; } body.full-page .navbar-dark .navbar-nav .nav-link { color: #000000; } body.full-page .navbar-dark .navbar-toggler-icon { background-image: none; } body.full-page .navbar-nav { background-image: none; } body.full-page .container nav.bg-light { background-color: #cce8ff !important; margin-right: 0; margin-top: 10px; } body.full-page .navbar-nav i { display: inline; margin-right: 0.5rem; } /* home */ body.full-page.home .full-page-main-container { /* a { border: 1px solid red !important; opacity: 1 !important; } */ /* Only five this time (2022-02-02 03:45) a.banner_06 { top: 57.3%; left: 36.2%; width: 5.8%; height: auto; } a.banner_07 { top: 57.4%; left: 58.2%; width: 5.8%; height: auto; } a.banner_08 { top: 65.4%; left: 84%; width: 10.8%; height: auto; } */ } body.full-page.home .full-page-main-container .diploma-download-home { opacity: 1 !important; width: 7.9%; height: 16.9%; top: 2.7%; right: 2.7%; } body.full-page.home .full-page-main-container .banner-home { opacity: 1 !important; width: 8%; height: 17%; } body.full-page.home .full-page-main-container a.banner_01 { top: 1.6%; left: 37.1%; width: 8.2%; } body.full-page.home .full-page-main-container a.banner_02 { top: 1.6%; left: 54.3%; width: 8.4%; } body.full-page.home .full-page-main-container a.banner_03 { top: 11.3%; left: 73.4%; width: 7.4%; } body.full-page.home .full-page-main-container a.banner_04 { top: 57.5%; left: 36.2%; width: 5.7%; } body.full-page.home .full-page-main-container a.banner_05 { top: 57.5%; left: 58.2%; width: 5.7%; } body.full-page.home .full-page-main-container a.nav-stands { top: 56.5%; left: 22.2%; width: 13.2%; height: 26%; } body.full-page.home .full-page-main-container a.nav-program { top: 71.7%; left: 66.5%; width: 11.5%; height: 3.9%; } body.full-page.home .full-page-main-container a.nav-program-pt { top: 76.7%; left: 66.5%; width: 11.5%; height: 3.9%; } body.full-page.home .full-page-main-container a.nav-streaming { top: 62%; left: 43.4%; width: 13.2%; height: 18%; opacity: 1 !important; background-color: transparent !important; border-color: transparent !important; background: url(../img/live-streaming.gif); background-repeat: no-repeat; background-size: cover; } body.full-page.home .full-page-main-container a.nav-streaming img { opacity: 0 !important; } body.full-page.home .full-page-main-container a.nav-streaming.btn-danger { background: url(../img/live-streaming-enter.gif); background-repeat: no-repeat; background-size: cover; } body.full-page.home .full-page-main-container a.nav-streaming.btn-danger img { opacity: 0 !important; } body.full-page.home .full-page-main-container a.nav-streaming.streaming-no-image { background: none; } body.full-page.home .full-page-main-container a.nav-sponsors { top: 64%; left: 66.5%; width: 11.7%; height: 6.7%; -webkit-transform: rotate(0.5deg); transform: rotate(0.5deg); } body.full-page.home .full-page-main-container a.nav-on-demand { top: 55%; left: 66%; width: 12.7%; height: 7.5%; -webkit-transform: rotate(0.8deg); transform: rotate(0.8deg); } body.full-page.home .full-page-main-container a.nav-recordings { top: 81.2%; left: 66.5%; width: 11.7%; height: 7.5%; -webkit-transform: rotate(1.1deg); transform: rotate(1.1deg); } body.full-page.home .full-page-main-container div.twitter-wrap { position: absolute; top: 49.3%; left: 6.1%; width: 14.5%; height: 46.8%; overflow: hidden; -webkit-transform: rotate(1.1deg); transform: rotate(1.1deg); } body.full-page.home .full-page-main-container div.twitter-wrap .twitter-timeline-wrap { max-height: 375px; } body.full-page.home .full-page-main-container div.twitter-wrap small { color: #000000; font-size: 80%; } body.full-page.home .full-page-main-container div.twitter-wrap .card { height: 100%; } body.full-page.home .full-page-main-container div.twitter-wrap .card-footer { text-align: center; /* img { width: auto; } */ } body.full-page.home .full-page-main-container div.twitter-wrap .card-footer a { position: relative; opacity: 1; } /* Materials: */ body.full-page.materials .full-page-main-container div.video-list { position: absolute; top: 24%; left: 17.55%; width: 64.7%; height: 61.8%; opacity: 1; overflow-y: scroll; } body.full-page.materials .full-page-main-container div.video-list .material-videos-wrap { margin: 2rem; } body.full-page.materials .full-page-main-container div.video-list a.modal-video { width: 100%; height: 100%; } body.full-page.materials .full-page-main-container div.video-list img.material-icon { width: auto; max-width: 50px; margin: 1rem 0.5rem; } body.full-page.materials .full-page-main-container div.video-list h3 a { font-size: 16px; color: #565656; text-transform: uppercase; } body.full-page.materials .full-page-main-container div.video-list h2 { font-size: 16px; font-weight: 900; } body.full-page.materials .full-page-main-container div.video-list ul { list-style: none; } body.full-page.materials .full-page-main-container div.video-list ul h4, body.full-page.materials .full-page-main-container div.video-list ul h5 { font-size: 14px; } body.full-page.materials .full-page-main-container div.video-list ul h4 { color: #5e5e5e; } body.full-page.materials .full-page-main-container div.video-list ul h5 { color: #000000; } /* Auditorium & Streaming */ body.full-page.auditorium .full-page-main-container .wrap-streaming-full.streaming-video { width: 100%; margin: 1rem 0; } body.full-page.auditorium .full-page-main-container #streaming-send-question-bubble { width: 2rem; height: 2rem; margin-bottom: 2rem; } body.full-page.auditorium .full-page-main-container #streaming-send-question-bubble a { font-size: 200%; -webkit-box-shadow: none; box-shadow: none; border: 2px solid #FFF; } body.full-page.auditorium .full-page-main-container #streaming-send-question-wrap { margin-left: 4rem; width: 80%; } body.full-page.auditorium .full-page-main-container footer { margin-top: -160px; } /* Custom Page: On demand */ body.full-page.on-demand .full-page-main-container div.video-list { position: absolute; top: 24%; left: 17.55%; width: 64.7%; height: 61.8%; opacity: 1; overflow-y: scroll; background-color: #f4f9fd; } body.full-page.on-demand .full-page-main-container div.video-list .section-title:hover { cursor: pointer; } body.full-page.on-demand .full-page-main-container div.video-list .video-section { margin: 2rem; } body.full-page.on-demand .full-page-main-container div.video-list img.on-demand-icon { width: 80px; margin-right: 0.5rem; } body.full-page.on-demand .full-page-main-container div.video-list img.on-demand-video { max-width: 72px; margin-left: 0.5rem; } body.full-page.on-demand .full-page-main-container div.video-list h3 { font-size: 12px; color: #565656; } body.full-page.on-demand .full-page-main-container div.video-list h2 { font-size: 16px; font-weight: 900; } body.full-page.on-demand .full-page-main-container div.video-list ul { list-style: none; } body.full-page.on-demand .full-page-main-container div.video-list ul h4, body.full-page.on-demand .full-page-main-container div.video-list ul h5 { font-size: 14px; } body.full-page.on-demand .full-page-main-container div.video-list ul h4 { color: #5e5e5e; } body.full-page.on-demand .full-page-main-container div.video-list ul h5 { color: #000000; } body.full-page.on-demand .full-page-main-container div.video-list ul h4.maintitle { margin-bottom: 1rem; } body.full-page.on-demand .full-page-main-container div.video-list ul h5.subtitle { font-size: 16px; } body.full-page.on-demand .full-page-main-container div.video-list ul h5.author { font-size: 14px; } body.full-page.on-demand .full-page-main-container div.video-list ul h5.organization { font-size: 12px; color: #555555; line-height: 18px; } body.full-page.on-demand .full-page-main-container div.video-list .special-section .people h5 { color: #a8321f; font-weight: bold; margin-top: 1rem; margin-bottom: 0; } body.full-page.on-demand .full-page-main-container div.video-list .special-section .people span { display: block; clear: both; } body.full-page.on-demand .full-page-main-container div.video-list .special-section .people .label { color: #231f20; font-weight: bold; } body.full-page.on-demand .full-page-main-container div.video-list .special-section .people .title { font-size: 110%; } body.full-page.on-demand .full-page-main-container div.video-list .wrap-logo-sponsor { text-align: center; } body.full-page.on-demand .full-page-main-container div.video-list .wrap-logo-sponsor img.sponsor { height: 50px; width: auto; } /* Stands */ body.full-page .img_stand { margin: 0 auto; } body.on-demand .full-page-main-container .video-list .video-section .row { margin: 10px 0 10px 0; padding-bottom: 10px; display: grid; grid-template-columns: 100px 1fr; grid-template-rows: 1fr; grid-column-gap: 5px; grid-row-gap: 5px; } body.on-demand .full-page-main-container .video-list .video-section .row .col:last-child { padding: 0; } body.on-demand .full-page-main-container .video-list .video-section .collapse > .row-content { display: grid; grid-template-columns: 200px 1fr; grid-template-rows: 1fr; grid-column-gap: 10px; grid-row-gap: 5px; } body.on-demand .full-page-main-container .video-list .video-section .collapse > .row-content:last-child { border-bottom: 2px solid #d6dbe3; } body.on-demand .full-page-main-container .video-list .video-section ul { padding: 0; } body.on-demand .full-page-main-container .video-list .video-section .icon-pdf { width: unset; } body.on-demand .full-page-main-container .video-list .video-section .sponsor-logo-wrap { max-width: 200px; } body.on-demand .full-page-main-container .video-list .video-section .section-title { text-transform: capitalize; color: #323E4F; } body.on-demand .full-page-main-container .video-list .video-section .section-title .section-title-icon { width: 16px; } body.on-demand .full-page-main-container .under-construction img { opacity: 0.5; } body.on-demand .full-page-main-container .on-demand-item-wrap { min-height: 40px; } @media (max-width: 800px) { body.on-demand .full-page-main-container > img { display: none; } body.on-demand .full-page-main-container .video-list { position: unset !important; width: 100% !important; overflow-y: auto !important; height: auto !important; } body.on-demand .full-page-main-container .video-list .video-section .row-content { grid-template-columns: 1fr !important; } body.on-demand .full-page-main-container .video-list .video-section .row-content .sponsor-logo-wrap { margin: 0 auto; } body.on-demand .full-page-main-container .video-list .video-section .row-content .on-demand-video { float: inherit !important; margin: 0 auto; max-width: 50px; margin-bottom: 1em; display: block; } } @media (max-width: 980px) { body.on-demand .full-page-main-container .video-list .video-section .row-content { grid-template-columns: 1fr !important; } body.on-demand .full-page-main-container .video-list .video-section .row-content .sponsor-logo-wrap { margin: 0 auto; } } /* Problema logo proporciones 4:3 */ .logotipo, .modal .modal-body .logotipo { width: auto; } #sponsors-carousel img { max-height: 60px; margin-left: auto; margin-right: auto; } /* NEW AGENDA */ .agenda-line .people-list { margin-left: 2rem; } .agenda-line { margin-left: 36px; margin-top: 1rem; } .nav-item, .nav-item:last-of-type { text-align: left; } .nav-item:last-of-type { width: auto; } @media (min-width: 992px) { .nav-item, .nav-item:last-of-type { text-align: center; } } /* SPONSORS */ .search-sponsors .page-content .row div { text-align: center; } .search-sponsors .page-content .row img { max-height: 80px; margin: 1rem; text-align: center; } /* FIXES reset password form */ #modalResetPassword form { padding-top: 1rem; } #modalResetPassword .modal-footer { margin: 1rem 1rem 0; } #modalResetPassword .login .btn { text-align: center; margin: auto; width: auto; left: auto; margin-left: auto; position: relative; /* width: 110px; */ /* left: 50%; */ /* margin-left: -55px; */ /* position: relative; */ } /* FIXES Global modal form */ .modal .modal-body .logotipo { margin-top: -1rem; margin-bottom: 1rem; } /* FIXES Alto twitter */ .twitter-timeline-wrap { max-height: 300px; overflow-y: scroll; } .banners_home { margin-top: 0rem; margin-bottom: 1rem !important; } .nav-item, .nav-item.sin_logar { width: auto; padding-left: 2em; } body.materials .nav-tabs { display: none; } /* FIXME: un alto minimo para el contenido... no estoy seguro que quede bien .page-content { min-height: 50vh; } */ /*# sourceMappingURL=main.css.map */