bb_theme_bundle_1.9.zip Zip Archive verifica todos estos temas, y dime cual seria el mas adeuado para lo siguiente, quiero trabjar lo menos posible, aunque no est actualizado pero lo rpiemro que necesito de ti es que elijas uno que valle acorde con lo que quiero hacer, que e slo que busco quiero despelgar una pagina web para mi empresa llamada Logical Analytics BI, la bi es business inteliggence, pero actualmente nuestra cartera de productos es cableado estructurado, centrales telfonicas, switches, servidores, data center, soluciones en la nube, el caso es que necesito tu apoyo para la seleccion en primera instancia y luego te hare varias solicituedes mas pero por ahora es solo que elijas cual template vamos a usar para poder modificarlo y obtener lo que quiero, que es un pagina medio pasable para comenzar a visitar clientew Ya revisé todo el bundle completo y te voy directo al punto, sin mareo: 🎯 Lo que tú necesitas (según lo que dijiste) Montar rápido Trabajar lo menos posible Algo decente/profesional Que encaje con: IT / redes / cloud / data center Nombre: Logical Analytics BI 🏆 EL MEJOR TEMPLATE PARA TI 👉 advance-it-company 🔥 Por qué este y no otro 1. Ya viene alineado con tu negocio Ese template está pensado exactamente para: Servicios tecnológicos Empresas IT Soluciones empresariales 👉 O sea, no tienes que “forzar” nada (como sí pasaría con otros). 2. Te ahorra trabajo (esto es CLAVE en tu caso) Comparado con otros: Template Trabajo requerido Comentario advance-it-company 🔥 BAJO ya casi listo corporate medio más genérico advance-startup medio muy enfocado a apps landing-page bajo pero muy simple law-firm / others alto no aplica a tu negocio 👉 El de IT ya trae: Secciones de servicios Iconos tech Layout corporativo Call to action listo 3. Te permite vender TODO lo que haces Puedes adaptar fácilmente: Cableado estructurado Centrales telefónicas Switches Servidores Data center Cloud 👉 Sin cambiar estructura, solo textos. 4. Imagen profesional rápida Ese template da: look corporativo confianza “empresa seria” 👉 Ideal para empezar a visitar clientes YA. ⚠️ Importante (decisión estratégica) No elijas algo “bonito”. Elige algo que: te haga trabajar menos puedas editar rápido se vea profesional sin mucho esfuerzo 👉 Por eso este gana. 🚀 Próximo paso (cuando me digas) Cuando confirmes que vamos con advance-it-company, te hago: 🔧 Qué archivos editar exactamente ✍️ Textos listos para copiar y pegar (adaptados a tu empresa) 🎨 Ajuste visual estilo premium (tipo legal/empresarial como te gusta) 🧱 Estructura final de la web (home lista para vender) Si quieres ir más agresivo, también puedo: 👉 convertirlo en algo más “premium tipo consultora BI” (menos técnico, más estratégico) Confírmame: 👉 “vamos con advance-it-company” y arrancamos en modo implementación directo. 👉 “vamos con advance-it-company” lo voy a subir al wordpress ya esta todo que neceistas para adaptarlo y personalizarl o a santo domingo, tienes que cambiar desde la informacion de contacto poniendo mi direccion en la jsoe reye sno. 56, zona colonial 10210, tambien tienes que agregar mi telefono que es 8296043849, tambien tienes que cambiar laogo para que no se identifique que pusismos un template dime como lo haras para ayudarte Perfecto. Vamos a hacerlo como a ti te gusta: directo, estructurado y listo para copiar/pegar, minimizando trabajo. Ya que subiste el template advance-it-company en WordPress, esto es lo que necesito de ti y cómo lo vamos a ejecutar. 🧠 PLAN (cero pérdida de tiempo) Voy a dividir esto en 3 bloques: 1️⃣ Yo te doy TODO listo Textos completos (home, servicios, hero) Datos de contacto ya integrados Branding básico (para que no parezca template) Estructura final 2️⃣ Tú solo haces clicks en WordPress (Sin inventar nada) 3️⃣ Opcional después Mejora premium (tipo consultora BI estilo grande) 📌 LO QUE NECESITO DE TI (mínimo) Respóndeme esto y con eso te armo TODO listo: 🔹 1. Nombre exacto de la empresa ¿Es así tal cual? 👉 Logical Analytics BI (o quieres algo tipo: Logical Analytics BI Solutions) 🔹 2. Email de contacto Ejemplo: info@logicalanalyticsbi.com ventas@... 🔹 3. ¿Tienes logo ya? Sí → súbelo aquí No → te lo diseño rápido (me dices estilo) 🔹 4. ¿Quieres WhatsApp en la web? 👉 (RECOMENDADO para RD) ⚙️ LO QUE VOY A HACER POR TI Cuando me des eso, te entrego: 🧱 1. HOME PAGE COMPLETA (copy/paste) Te voy a dar algo así: HERO (arriba) Ejemplo (adaptado a ti): Soluciones Tecnológicas Empresariales Infraestructura, Redes y Cloud para Empresas en República Dominicana Botones: 📞 Solicitar Consulta 📊 Ver Servicios 🧩 2. SERVICIOS (ya organizados) Basado en lo que tú haces: Cableado estructurado Redes y switching Centrales telefónicas (VoIP) Servidores y virtualización Data center Cloud (AWS / híbrido) 👉 ya redactado profesional (no genérico) 📍 3. CONTACTO (ya listo con tus datos) Voy a integrar esto: 📍 José Reyes No. 56, Zona Colonial, Santo Domingo 📞 829-604-3849 🌐 República Dominicana 🎨 4. QUITAR “look template” (MUY IMPORTANTE) Aquí es donde te subo de nivel: Cambios que te voy a dar: Colores (te propongo paleta corporativa) Tipografía más seria Iconos distintos Cambio de textos genéricos (clave) 👉 Esto es lo que evita que parezca Fiverr barato 🧠 5. POSICIONAMIENTO (sin que te des cuenta) Voy a orientar el lenguaje a: 👉 empresa seria / consultoría / soluciones empresariales (no “técnico que instala cables”) 🛠️ CÓMO LO VAS A HACER EN WORDPRESS Te voy a decir exactamente: 👉 “Ve a: Apariencia → Personalizar → Header → cambia esto…” 👉 “Edita la página → reemplaza este texto por este…” 👉 “Sube logo aquí…” TODO paso a paso. 🔥 BONUS (muy importante para ti) Te voy a dejar listo: 👉 botón de WhatsApp directo con tu número 👉 mensaje automático tipo: Hola, estoy interesado en servicios de redes/IT para mi empresa 🚀 SIGUIENTE PASO Respóndeme esto: Nombre exacto empresa Email Logo (o dime si lo creo) ¿Activamos WhatsApp sí/no? Cuando me respondas, te entrego: 👉 la web completa lista para montar en 1 sola pasada (sin pensar) Uploaded image https://htmlsig.com/t/000001G97DEH Perfecto 🔥 ya con eso tenemos TODO lo necesario para arrancar en serio. Ya vi: ✅ Tu logo (muy bien, limpio, moderno) ✅ El link de HTMLSig Generator (esto lo vamos a usar luego para branding por email) ✅ Ya tienes el theme montado Ahora te voy a decir EXACTAMENTE cómo lo voy a trabajar contigo para dejar esto profesional sin que parezca template. 🧠 ESTRATEGIA (como te voy a ayudar) Voy a trabajar contigo en 3 capas: 🧱 1. IDENTIDAD (esto rompe el “template look”) Tu logo dice: 👉 “Logical Analytics” (estilo moderno/tech) Pero tu negocio realmente es: 👉 Infraestructura + redes + cloud + BI 💡 Entonces lo que voy a hacer: Mantener el logo ✔️ Pero cambiar el mensaje visual del site a: 👉 “empresa tecnológica empresarial / consultoría IT” 🎨 2. AJUSTE VISUAL RÁPIDO (SIN DISEÑADOR) Te voy a dar: 🎯 Paleta recomendada (basado en tu logo) Azul claro → principal Azul oscuro → corporativo Blanco → limpio Gris → profesional 👉 Esto lo cambias en: Apariencia → Personalizar → Colors ✍️ 3. CONTENIDO (esto es lo MÁS importante) Aquí es donde hago el trabajo pesado por ti. Voy a darte TODO listo para pegar: 🚀 PRIMER BLOQUE (HOME - COPY/PASTE) 🔹 HERO (reemplaza el texto actual) Pega esto: Soluciones Tecnológicas Empresariales en República Dominicana Infraestructura, Redes, Cloud y Data Center para empresas que necesitan estabilidad, seguridad y crecimiento. Trabajamos con empresas que no pueden darse el lujo de fallar. Botones: 📞 Solicitar Consulta 💼 Ver Servicios 🔹 SERVICIOS (reemplaza sección actual) Nuestros Servicios ✔ Cableado Estructurado Diseño e implementación de infraestructura de red confiable y escalable. ✔ Redes y Switching Configuración de switches, VLANs y seguridad de red empresarial. ✔ Centrales Telefónicas (VoIP) Implementación de soluciones de comunicación modernas y eficientes. ✔ Servidores y Virtualización Infraestructura local y virtual adaptada a tu empresa. ✔ Data Center Diseño, optimización y mantenimiento de entornos críticos. ✔ Soluciones en la Nube Implementación de AWS, conexiones híbridas y respaldo empresarial. 🔹 SECCIÓN “POR QUÉ ELEGIRNOS” ¿Por qué elegir Logical Analytics BI? ✔ Experiencia en redes empresariales complejas ✔ Soluciones adaptadas a cada cliente ✔ Soporte rápido y confiable ✔ Enfoque en continuidad del negocio 📍 4. CONTACTO (TU INFO YA LISTA) Pon esto en: 👉 Footer + Contact Page Dirección: José Reyes No. 56, Zona Colonial, Santo Domingo, República Dominicana Teléfono: 829-604-3849 Email: (info pendiente tuyo) 🟢 5. WHATSAPP (OBLIGATORIO EN RD) Te voy a dejar esto listo: Link: https://wa.me/18296043849 Mensaje automático: Hola, estoy interesado en servicios tecnológicos para mi empresa. 🎯 6. LOGO (IMPORTANTE) Lo que voy a hacer contigo: OPCIÓN 1 (rápido) Usar el logo tal cual ✔️ Ajustar tamaño y posición OPCIÓN 2 (mejor) Te hago versión: transparente favicon header optimizado 👉 Si quieres esto, dímelo y te lo dejo listo. ⚠️ COSA CLAVE (esto es lo que nadie te dice) Tu web NO debe decir: ❌ “somos expertos en tecnología” ❌ “soluciones innovadoras” 👉 Eso es basura genérica Tu web debe decir: 👉 “resolvemos problemas críticos de empresas” Y eso es lo que te estoy construyendo arriba. 🔥 SIGUIENTE PASO Ahora necesito que me confirmes: 📧 Tu email ¿Quieres que te mejore el logo? (sí/no) ¿Tu web es 100% servicios o también venderás productos? ¿Quieres versión más “corporativa tipo banco” o más “tech moderna”? Cuando me respondas, siguiente nivel: 👉 Te digo EXACTAMENTE dónde hacer click en WordPress 👉 Te dejo el site terminado en 1 sola pasada 👉 Y lo dejamos listo para vender Vamos bien 🔥 antes de hacer cualquier cosa necesito que veas esto " Live Demo Buy Now Advance It Company Pro Documentation Introduction TS Key Activation Installation Theme Installation Via WordPress Theme Installation Via FTP Plugin Installations Theme Plugin Installations Color/Font Setup Section Color/Font Pallete Theme Setup Demo Importer Setup Home Page Template Setup sections Ordering Top Bar Section Header Section Setup Slider Section Setup IT Solutions Setup About Section About Right side content Section Our Services Section How IT Work Section Our Featured Projects Section Our Serve Section Our Team Section Setup Pricing Table Setup Our Video Section Our Partners Our Testimonials Section Recent Post Footer Contact Details Get in Touch Single Post Page Setup Footer Footer Text Setup Contact Page Plugin Navigation Page Templates and Sidebars Posts, Cat. and Post Formats Shortcodes Custom Widgets Introduction Thank you for buying our WordPress theme. In various sections, this documentation demonstrates the entire process of configuring and managing a WordPress website from start to finish. What is WordPress CMS? WordPress is an open source website creation tool that is built on PHP and MySQL. It is a powerful blogging platform and a completely free content management system (CMS). You can use this CMS to create websites and solid online apps. It requires little knowledge or technical ability to manage. WordPress has become the most widely used website development software due to a variety of factors such as its ease of use and flexibility. Learn More What is a WordPress template A WordPress template serves as a skin for websites built with the WordPress CMS. A WordPress Template is very simple to install. You can easily change the appearance of your WordPress website by installing a new template. A WordPress template includes all of the necessary source files, which you can freely edit and expand as you see fit. Help and Support support Files structure The template package you downloaded is divided into several folders. Let's take a look at what's in each folder: Screenshots - Template screenshots are included. Not for use in production. theme - WordPress theme files are included. advance-it-company-pro.zip - This folder contains all of the files required for the theme. license.txt - contains license details. readme.txt - contain information about theme images path and font use and usage scripts. Copyright © 2022 themeshopy" Live Demo Buy Now Advance It Company Pro Documentation Introduction TS Key Activation Installation Theme Installation Via WordPress Theme Installation Via FTP Plugin Installations Theme Plugin Installations Color/Font Setup Section Color/Font Pallete Theme Setup Demo Importer Setup Home Page Template Setup sections Ordering Top Bar Section Header Section Setup Slider Section Setup IT Solutions Setup About Section About Right side content Section Our Services Section How IT Work Section Our Featured Projects Section Our Serve Section Our Team Section Setup Pricing Table Setup Our Video Section Our Partners Our Testimonials Section Recent Post Footer Contact Details Get in Touch Single Post Page Setup Footer Footer Text Setup Contact Page Plugin Navigation Page Templates and Sidebars Posts, Cat. and Post Formats Shortcodes Custom Widgets Introduction Thank you for buying our WordPress theme. In various sections, this documentation demonstrates the entire process of configuring and managing a WordPress website from start to finish. What is WordPress CMS? WordPress is an open source website creation tool that is built on PHP and MySQL. It is a powerful blogging platform and a completely free content management system (CMS). You can use this CMS to create websites and solid online apps. It requires little knowledge or technical ability to manage. WordPress has become the most widely used website development software due to a variety of factors such as its ease of use and flexibility. Learn More What is a WordPress template A WordPress template serves as a skin for websites built with the WordPress CMS. A WordPress Template is very simple to install. You can easily change the appearance of your WordPress website by installing a new template. A WordPress template includes all of the necessary source files, which you can freely edit and expand as you see fit. Help and Support support Files structure The template package you downloaded is divided into several folders. Let's take a look at what's in each folder: Screenshots - Template screenshots are included. Not for use in production. theme - WordPress theme files are included. advance-it-company-pro.zip - This folder contains all of the files required for the theme. license.txt - contains license details. readme.txt - contain information about theme images path and font use and usage scripts. Copyright © 2022 themeshopy medices si esto t4 esirve para que iniciemos Sí — esto sirve perfectamente, y de hecho nos da una ventaja 🔥 Te explico rápido por qué esto es CLAVE antes de empezar: 🧠 LO QUE ACABAS DE MOSTRAR (interpretación real) Ese documento confirma 3 cosas importantes: ✅ 1. El theme es de tipo “configurable por secciones” Esto NO es Elementor. 👉 Este theme funciona así: Cada sección se controla desde el Customizer No necesitas tocar código Todo está dividido como viste: Top Bar Header Slider Services About Projects Team Footer 💡 Traducción: 👉 Podemos modificar TODO sin romper nada ✅ 2. Tiene “Demo Importer” (IMPORTANTE) Esto significa: 👉 El theme puede cargar una demo completa lista ⚠️ Pregunta clave para ti: 👉 ¿Ya hiciste el “Demo Import”? SI → perfecto, trabajamos sobre eso NO → lo primero que haremos es eso (te guío) ✅ 3. Todo se maneja desde aquí: 👉 Apariencia → Personalizar (Customizer) Ahí vas a ver: Top Bar Section Header Section Slider Section Our Services Footer Contact Details etc. ⚠️ MUY IMPORTANTE (esto te ahorra horas) NO vamos a: ❌ editar archivos PHP ❌ tocar código del theme ❌ rehacer páginas desde cero 👉 Vamos a: ✔ reemplazar contenido ✔ cambiar colores ✔ ajustar layout ✔ subir tu branding 🚀 PLAN DE EJECUCIÓN (orden correcto) Este es el orden EXACTO que vamos a seguir: 🔹 PASO 1 — Confirmar estado Respóndeme esto: 👉 ¿Ya hiciste “Demo Importer”? (Si no, aquí es donde empiezan muchos errores) 🔹 PASO 2 — Configuración base Vamos a tocar: Top Bar (contacto) Header (logo + menú) Slider (mensaje principal) 🔹 PASO 3 — Secciones clave Luego: Services (tu negocio real) About (credibilidad) Why Us Footer 🔹 PASO 4 — Limpieza de template Esto es CRÍTICO: 👉 quitar: textos genéricos imágenes stock cosas irrelevantes (team fake, pricing falso, etc.) 🧠 MI CONCLUSIÓN (IMPORTANTE) Este theme es PERFECTO para lo que quieres porque: Es simple No necesitas diseñador No necesitas Elementor Se adapta rápido 👉 EXACTAMENTE lo que tú pediste: trabajar lo menos posible 🔥 SIGUIENTE PASO (no avanzamos sin esto) Respóndeme SOLO esto: 👉 ¿Ya hiciste el Demo Import? (sí / no) Después de eso: 👉 te voy a guiar paso a paso dentro de WordPress 👉 sin perder tiempo 👉 y dejamos la web lista en menos de 1 hora Vamos bien 🔥 🔹 PASO 1 — Confirmar estado confirmado, vamos a esto "🔹 PASO 2 — Configuración base Vamos a tocar: Top Bar (contacto) Header (logo + menú) Slider (mensaje principal)" Perfecto 🔥 ahora sí entramos en modo ejecución real (sin teoría). Vamos directo a: ⚙️ PASO 2 — CONFIGURACIÓN BASE 👉 Todo esto lo harás en: Apariencia → Personalizar 🔹 1. TOP BAR (CONTACTO ARRIBA) Busca: 👉 Top Bar Section Configura así: 📞 Teléfono: 829-604-3849 📍 Dirección (si tiene campo): Zona Colonial, Santo Domingo 📧 Email (provisional si no me lo has dado): info@logicalanalyticsbi.com 💬 Texto opcional: Soluciones Tecnológicas Empresariales 🔹 2. HEADER (LOGO + MENÚ) Busca: 👉 Header Section 🖼️ LOGO Sube el logo que me enviaste. Ajustes recomendados: Altura: 40px – 60px Fondo: transparente (si puedes luego lo mejoramos) Alineación: izquierda 📌 MENÚ (IMPORTANTE) Ve a: 👉 Apariencia → Menús Crea este menú EXACTO: Inicio Servicios Nosotros Contacto Si quieres algo más agresivo comercial: Inicio Servicios Soluciones Contacto 👉 Luego asígnalo a: Primary Menu / Header Menu 🔹 3. SLIDER (LO MÁS IMPORTANTE) Busca: 👉 Slider Section Aquí es donde matamos el “look template”. ✍️ TEXTO 1 (principal) Reemplaza por esto: Soluciones Tecnológicas Empresariales en República Dominicana ✍️ TEXTO 2 (subtítulo) Infraestructura, Redes, Cloud y Data Center para empresas que necesitan estabilidad, seguridad y crecimiento. 🔘 BOTÓN 1 Texto: Solicitar Consulta Link: https://wa.me/18296043849 🔘 BOTÓN 2 (si existe) Texto: Nuestros Servicios Link: #services 🖼️ IMAGEN DEL SLIDER (CLAVE) 👉 Quita la imagen genérica del template. Usa algo tipo: data center servidores networking cables estructurados Si no tienes: 👉 dime y te doy imágenes PRO listas ⚠️ COSA IMPORTANTE QUE DEBES HACER En el slider: ❌ elimina palabras como: “Creative” “Digital Agency” “We build solutions” 👉 Eso delata template inmediatamente. ✅ CHECK FINAL (confírmame) Cuando termines dime: ✔ Top bar listo ✔ Logo subido ✔ Menú creado ✔ Slider cambiado 🚀 SIGUIENTE PASO Después de eso vamos a: 👉 SERVICIOS (donde realmente vendes) 👉 eliminar basura del template 👉 dejarlo listo para clientes reales Si te trabas en algo: 👉 mándame screenshot y te digo exactamente dónde hacer click Vamos 🔥 Pasted text.txt Document Pasted text (2).txt Document Pasted text (3).txt Document Pasted text (4).txt Document Pasted text (5).txt Document Pasted text (6).txt Document Pasted text (7).txt Document Pasted text (8).txt Document Pasted text (9).txt Document Pasted text (10).txt Document Pasted text (11).txt Document Pasted text (12).txt Document Pasted text (13).txt Document Pasted text (14).txt Document Pasted text (15).txt Document Pasted text (16).txt Document Pasted text (17).txt Document Pasted text (18).txt Document Pasted text (19).txt Document Pasted text (20).txt Document no quiro hacerlo asi, me gustaria algo mas tecnologico a ver mira el css "1er archivo adjunto" el funcion php "2do archivo", lo que compone el css "#customize-controls .control-section-advance-it-company-pro .accordion-section-title:hover, #customize-controls .control-section-advance-it-company-pro .accordion-section-title:focus { background-color: #fff; } .control-section-advance-it-company-pro .accordion-section-title .button { margin-top: -4px; font-weight: 400; margin-left: 8px; } .rtl .control-section-advance-it-company-pro .accordion-section-title .button { margin-left: 0; margin-right: 8px; }, /* ========================================================================== CSS for Customizer Custom Controls, /* Image Hover Effect */ .hovereffect { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; } .hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; padding: 3em; text-align: left; } .hovereffect img { display: block; position: relative; max-width: none; width: calc(100% + 60px); -webkit-transition: opacity 0.35s, -webkit-transform 0.45s; transition: opacity 0.35s, transform 0.45s; -webkit-transform: translate3d(-40px,0,0); transform: translate3d(-40px,0,0); } .hovereffect .overlay:before { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; border: 1px solid #fff; content: ''; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.45s; transition: opacity 0.35s, transform 0.45s; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); } .hovereffect a, .hovereffect p { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.45s; transition: opacity 0.35s, transform 0.45s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } .hovereffect:hover img { opacity: 0.6; filter: alpha(opacity=60); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .hovereffect:hover .overlay:before, .hovereffect:hover a, .hovereffect:hover p { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } , , /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } , , ========================================================================== */ /* ========================================================================== Text Radio Buttons ========================================================================== */ .text_radio_button_control:after { content: " "; display: block; clear: both; } .text_radio_button_control .radio-buttons { display: inline-block; border: 1px solid #f9f9fe; } .text_radio_button_control .radio-button-label { cursor: pointer; float: left; } .text_radio_button_control .radio-button-label > input { display: none; } .text_radio_button_control .radio-button-label span { cursor: pointer; font-weight: 500; border: 2px solid #f9f9fe; margin: 0; background-color: #eee; padding: 5px 15px; display: inline-block; } .text_radio_button_control .radio-button-label span:hover { background-color: rgba(255, 255, 255, .2); color: #2885bb; } .text_radio_button_control .radio-button-label > input:checked + span { background-color: #2084bd; color: #fff; } .text_radio_button_control .radio-button-label > input:checked + span:hover { color: #fff; } /* ========================================================================== Toggle Switch ========================================================================== */ .toggle-switch-control .customize-control-title { display: inline-block; } .toggle-switch { position: relative; width: 64px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; float: right; } .toggle-switch .toggle-switch-checkbox { display: none; } .toggle-switch .toggle-switch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #ddd; border-radius: 20px; padding: 0; margin: 0; } .toggle-switch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; } .toggle-switch-inner:before, .toggle-switch-inner:after { display: block; float: left; width: 50%; height: 22px; padding: 0; line-height: 22px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box; } .toggle-switch-inner:before { content: "ON"; padding-left: 8px; background-color: #2885bb; color: #FFFFFF; } .toggle-switch-inner:after { content: "OFF"; padding-right: 8px; background-color: #EEEEEE; color: #999999; text-align: right; } .toggle-switch-switch { display: block; width: 16px; margin: 3px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 38px; border: 2px solid #ddd; border-radius: 20px; transition: all 0.3s ease-in 0s; } .toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-inner { margin-left: 0; } .toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-switch { right: 0px; } ( function( api ) { // Extends our custom "advance-it-company-pro" section. api.sectionConstructor['advance-it-company-pro'] = api.Section.extend( { // No events for this type of section. attachEvents: function () {}, // Always make the section active. isContextuallyActive: function () { return true; } } ); } )( wp.customize );
', '' ); the_archive_description( '
', '
' );?>
__( 'Previous page', 'advance-it-company-pro' ), 'next_text' => __( 'Next page', 'advance-it-company-pro' ), 'before_page_number' => '' . __( 'Page', 'advance-it-company-pro' ) . ' ', )); else : get_template_part( 'no-results', 'archive' ); ?>
* The template for displaying 404 pages (Not Found).

1 && get_option( 'page_comments' ) ) : // Are there comments to navigate through? ?>
    100, 'style' => 'ol', 'short_ping' => true, 'reply_text' => ' ' . __( 'Reply', 'advance-it-company-pro' ), ) ); ?>
1 && get_option( 'page_comments' ) ) : // Are there comments to navigate through? ?>

'

', 'title_reply_after' => '

', ) ); ?>
* * @package advance-it-company-pro */ get_header(); ?>

* @package advance-it-company-pro */ ?>
>

|
|
'alignleft' ) ); ?>

→', 'advance-it-company-pro' ) ); ?> '
' . __( 'Pages:', 'advance-it-company-pro' ), 'after' => '
', ) ); ?>
> >
>
', '' ); ?>
at %4$s × %5$s in %7$s', esc_attr( get_the_date( 'c' ) ), esc_html( get_the_date() ), esc_url( wp_get_attachment_url() ), $metadata['width'], $metadata['height'], esc_url( get_permalink( $post->post_parent ) ), esc_html( get_the_title( $post->post_parent ) ) ); edit_post_link( __( 'Edit', 'advance-it-company-pro' ), '', '' ); ?>
'
' . __( 'Pages:', 'advance-it-company-pro' ), 'after' => '
', ) ); ?>
', '' ); ?>
__( 'Previous page', 'advance-it-company-pro' ), 'next_text' => __( 'Next page', 'advance-it-company-pro' ), 'before_page_number' => '' . __( 'Page', 'advance-it-company-pro' ) . ' ', )); ?>
ID, 'ts_title_banner_image_wp_custom_attachment', true); $display = ''; $display_title_bbanner = ''; $ts_title_banner_image_title_on_off = get_post_meta($post->ID, 'ts_title_banner_image_title_on_off', true); if($ts_title_banner_image_title_on_off == 'on') $display = 'style=display:none;'; $ts_title_banner_image_title_below_on_off = get_post_meta($post->ID, 'ts_title_banner_image_title_below_on_off', true); if($ts_title_banner_image_title_below_on_off != 'on') $display_title_bbanner = 'style=display:none;'; if( $img != '' ){ ?>
>

>

* Template Name:Blog Full Width Extend */ get_header(); get_template_part('template-parts/banner'); ?>
$paged, 'category_name' => get_theme_mod('advance_it_company_pro_category_setting') ); $custom_query = new WP_Query( $args ); while($custom_query->have_posts()) : $custom_query->the_post(); get_template_part( 'template-parts/post/post-content' ); $p++; endwhile; wp_reset_postdata(); ?>
str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ), 'format' => 'paged=%#%', 'current' => (get_query_var('paged') ? get_query_var('paged') : 1), 'total' => $custom_query->max_num_pages ) ); ?>

, mira todos estos arhivos entiendo que tanto el contenido como las mejoras la puedes hacer directamente tu en estos archivos y yo solo copiar y pegar que dices? 🔥 Ahora sí… esto es otro nivel. Y te voy a ser directo como tú trabajas: 👉 Sí, podemos hacerlo directamente sobre los archivos (y es MEJOR en tu caso). Pero hay una forma correcta y una incorrecta de hacerlo. ⚠️ PRIMERO — LO QUE ACABO DE VER (ANÁLISIS REAL) Después de revisar lo que subiste: 🧠 1. Este theme es FULL clásico (no moderno) Usa Bootstrap + jQuery + Owl Carousel Usa estructura WordPress tradicional (get_header(), get_template_part()) Mucho contenido viene de: template-parts get_theme_mod (Customizer) 👉 Traducción: NO es un builder → es editable directamente ✔️ 🧠 2. El CSS está viejo pero funcional Tu CSS tiene: Hover effects (bueno) Owl Carousel (slider) Bootstrap base Animaciones 👉 Pero visualmente: ❌ se ve “template 2019” ❌ colores genéricos ❌ tipografía débil 🧠 3. functions.php controla TODO Ahí está: logo menús widgets theme_mods 👉 🎯 CONCLUSIÓN IMPORTANTE 👉 Tú tienes razón: La forma correcta de hacerlo = modificar archivos directamente NO usar el customizer como usuario normal. 🚀 PLAN PRO (como lo vamos a hacer) Vamos a hacer esto como un desarrollador real: 🔥 FASE 1 — HARD RESET VISUAL (CSS) Vamos a reemplazar estilo “template barato” por: 👉 estilo: dark tech corporativo moderno tipo cloud 🔥 FASE 2 — HERO REAL (HTML/PHP) Modificar: slider / header textos hardcodeados 🔥 FASE 3 — SERVICIOS REALES Modificar: template-parts/services eliminar dummy content 🔥 FASE 4 — FOOTER + CONTACTO Hardcode + limpieza total ⚠️ REGLA CLAVE 👉 NO vamos a tocar todo el theme 👉 Solo lo mínimo necesario para: ✔ que se vea premium ✔ que no parezca template ✔ que funcione ya 🧱 AHORA VAMOS A EMPEZAR (REAL) 🔥 PASO 1 — CSS NUEVO (ESTILO TECNOLÓGICO) Ve a: 👉 style.css Y AL FINAL del archivo pega esto: /* ===== CUSTOM TECH STYLE (Logical Analytics BI) ===== */ body { background-color: #0b0f1a; color: #cfd8dc; } h1, h2, h3, h4 { color: #ffffff; letter-spacing: 0.5px; } a { color: #00c2ff; } a:hover { color: #0099cc; } /* HEADER */ .site-header { background: #0b0f1a; border-bottom: 1px solid rgba(255,255,255,0.05); } /* HERO / SLIDER */ .slider-section { background: linear-gradient(135deg, #0b0f1a 0%, #111827 100%); } .slider-section h1 { font-size: 42px; font-weight: 600; } .slider-section p { font-size: 18px; color: #9aa4b2; } /* BUTTONS */ button, .button, .btn { background: #00c2ff; border: none; color: #000; padding: 10px 20px; border-radius: 4px; } button:hover, .btn:hover { background: #0099cc; color: #fff; } /* SERVICES */ .service-box { background: #111827; border: 1px solid rgba(255,255,255,0.05); padding: 20px; transition: 0.3s; } .service-box:hover { transform: translateY(-5px); border-color: #00c2ff; } /* FOOTER */ .outer-footer { background: #05080f; color: #9aa4b2; } 🎯 RESULTADO 👉 Con SOLO esto ya: cambia el look completo se ve tipo empresa cloud deja de parecer template barato 🔥 SIGUIENTE NIVEL Ahora vamos a hacer lo importante: 👉 modificar el slider real (HTML/PHP) 👉 meter tu mensaje empresarial 👉 quitar contenido fake 🚀 CONFÍRMAME 👉 ¿Pegaste el CSS? (sí/no) Cuando me digas que sí: 👉 te digo EXACTAMENTE qué archivo PHP editar 👉 y te doy el bloque listo para pegar Aquí es donde el site empieza a verse empresa seria de verdad 🔥 Uploaded image mir a lo que puedo hacer, puedo llegar alos archivos directamente anes de seguir, y comenzar con el style.css confirmame si necesitas algo de esta imagen 🔥 Perfecto. Esto es EXACTAMENTE lo que quería ver. 👉 Confirmado: tienes acceso directo al servidor → modo PRO activado 🧠 LO QUE VEO EN TU IMAGEN Estás en: 👉 public_html (root de WordPress) Y tienes: wp-content ✔️ (aquí vive el theme) wp-admin ✔️ wp-includes ✔️ 👉 Todo correcto, instalación limpia. 🎯 AHORA LO IMPORTANTE 👉 NO trabajes aquí todavía Estás en: /public_html Pero necesitamos ir a: /public_html/wp-content/themes/advance-it-company-pro/ 🚀 SIGUIENTE PASO (haz esto ahora) 🔹 Navega a: 👉 wp-content 👉 luego themes 👉 luego busca: 👉 advance-it-company-pro 📁 DENTRO DE ESA CARPETA NECESITO QUE VEAS: Debe haber algo así: style.css ✅ functions.php ✅ header.php footer.php template-parts/ ⚠️ CONFIRMACIÓN IMPORTANTE Cuando entres ahí dime: 👉 “ya veo el style.css” O mándame screenshot de esa carpeta. 🧠 POR QUÉ ESTAMOS HACIENDO ESTO ASÍ Porque ahora: 👉 vamos a trabajar como desarrollador real nada de WordPress UI nada de Customizer control total 🔥 LO QUE VIENE (IMPORTANTE) Cuando confirmes que estás dentro del theme: 👉 vamos a hacer esto: 1️⃣ editar style.css (ya te di el bloque) 2️⃣ editar header.php (branding real) 3️⃣ editar slider real (aquí cambia TODO) ⚠️ NOTA CLAVE Antes de tocar nada: 👉 haz backup del theme (descarga zip) por si acaso 🚀 RESPONDE 👉 ¿Ya entraste a: wp-content/themes/advance-it-company-pro ? Cuando me confirmes: 👉 te doy el siguiente paso quirúrgico (sin romper nada) Uploaded image style.css File estoy donde quieres, lo acabo de descargar, eso quiere decir que lo puedes modificar y me lo pasas ya modificado para remplazo 🔥 Perfecto. Ya estamos en modo cirugía real del theme. Y sí — confirmo 100%: 👉 Puedo modificártelo y darte bloques listos para copiar/pegar 👉 Tú solo reemplazas → y listo 🧠 LO QUE ACABO DE HACER Ya vi tu archivo completo: 📄 Y te digo sin rodeo: ⚠️ PROBLEMA REAL DEL THEME Este theme tiene: fondo blanco ❌ colores azul + verde random ❌ tipografía débil ❌ estilo “corporativo viejo” ❌ 👉 Por eso se ve barato 🔥 SOLUCIÓN (SIN ROMPER NADA) 👉 NO vamos a borrar tu CSS 👉 NO vamos a reescribir el theme 👉 Vamos a sobrescribirlo desde abajo 🚀 BLOQUE FINAL (LISTO PARA PEGAR) 🔹 Abre: 👉 style.css 🔹 Ve AL FINAL del archivo 🔹 pega EXACTAMENTE esto: /* ================================ LOGICAL ANALYTICS BI - OVERRIDE ================================ */ body { background-color: #0b0f1a !important; color: #cbd5e1 !important; font-family: 'Segoe UI', 'Open Sans', sans-serif; } /* TITULOS */ h1, h2, h3, h4, h5 { color: #ffffff !important; } /* LINKS */ a { color: #00d4ff !important; } a:hover { color: #0099cc !important; } /* HEADER */ #site_top { background: #0b0f1a !important; border-bottom: 1px solid rgba(255,255,255,0.05); } /* MENU */ .main-navigation a { color: #cbd5e1 !important; } .main-navigation a:hover { color: #00d4ff !important; } /* SLIDER */ #slider { background: linear-gradient(135deg, #0b0f1a, #111827) !important; } #slider .inner_carousel h3 { font-size: 48px; font-weight: 700; color: #ffffff !important; } #slider .inner_carousel p { color: #94a3b8 !important; } /* BOTONES */ a.button, .read-more { background: #00d4ff !important; color: #000 !important; border-radius: 4px; } a.button:hover { background: #0099cc !important; color: #fff !important; } /* SERVICES */ #our-services .services-details { background: #111827 !important; border: 1px solid rgba(255,255,255,0.05); } #our-services .services-details:hover { border-color: #00d4ff; transform: translateY(-5px); } /* TEXTOS SERVICES */ #our-services h4 { color: #ffffff !important; } /* FOOTER */ #footer, .outer-footer { background: #05080f !important; color: #94a3b8 !important; } #footer h3 { color: #00d4ff !important; } /* ELIMINA VERDE HORRIBLE DEL THEME */ * { --green: #00d4ff !important; } 🎯 RESULTADO INMEDIATO 👉 Solo con esto: deja de parecer theme barato se ve tipo empresa cloud colores modernos dark tech style ⚠️ IMPORTANTE Después de pegar: 👉 refresca con: CTRL + SHIFT + R (hard refresh) 🚀 SIGUIENTE NIVEL (AQUÍ SE PONE BUENO) Ahora viene lo importante: 👉 modificar el slider REAL (HTML/PHP) 👉 ahí es donde vendes 👉 ahí se nota si es template o empresa seria 🔥 SIGUIENTE PASO Confírmame: 👉 “ya pegué el CSS” Y te voy a dar: 👉 el archivo exacto del slider 👉 el bloque listo con texto profesional 👉 reemplazo completo (copy/paste) Esto ya va a empezar a parecer una empresa de verdad 🔥 Uploaded image 👉 “ya pegué el CSS” si 🔥 BIEN. Ahora sí estamos en el punto donde el sitio deja de ser template. Lo que veo en tu screenshot: 👉 Ya cambió el look (oscuro ✔️) 👉 PERO todavía se ve 100% plantilla por el slider ❌ 🎯 AHORA VIENE LO IMPORTANTE (EL VERDADERO CAMBIO) 👉 Vamos a matar esto: WELCOME TO THE IT COMPANY HOW YOU SEIZE SPACE BETWEEN... 💀 Eso es lo que delata TODO. 🔥 PASO 3 — EDITAR EL SLIDER REAL 🔍 Ubicación Ve a: template-parts/ Luego busca algo como: 👉 slider.php 👉 o dentro de: template-parts/slider/ ⚠️ Si no lo ves claro Busca dentro del theme: 👉 archivos que contengan: #slider inner_carousel carousel 🚀 OPCIÓN RÁPIDA (MÁS FÁCIL) También puede estar en: 👉 front-page.php 👉 o index.php 💡 QUÉ VAS A CAMBIAR Cuando encuentres algo así:

HOW YOU SEIZE SPACE...

Lorem ipsum...

🔥 REEMPLAZA POR ESTO (LISTO PARA PEGAR)

Infraestructura Tecnológica para Empresas en República Dominicana

Diseñamos, implementamos y mantenemos soluciones de redes, data center, telefonía y cloud para empresas que necesitan estabilidad, seguridad y crecimiento.

🔘 BOTÓN (si ves algo como "Read More") Reemplázalo por: Solicitar Consulta 💣 BONUS (MUY IMPORTANTE) Elimina cualquier cosa como: ❌ Lorem Ipsum ❌ Creative Agency ❌ Digital Company ❌ textos genéricos 🧠 RESULTADO Después de esto: 👉 deja de parecer template 👉 empieza a parecer empresa real 👉 transmite servicio claro 🚀 SIGUIENTE NIVEL (DESPUÉS DE ESTO) Luego vamos a: 👉 cambiar servicios a: Cableado estructurado Redes empresariales Data Center Cloud Telefonía IP 👉 (esto es donde conviertes clientes) 🔥 RESPONDE 👉 ¿Encontraste el archivo del slider? o mándame screenshot de template-parts Si quieres ir aún más rápido: 👉 dime qué archivo crees que es y te lo modifico completo listo para pegar 💻🔥 section-slider.php File confirma si es este? 🔥 PERFECTO. Sí — ES ESE ARCHIVO. 👉 Confirmado 100%: ⚠️ PERO AQUÍ VIENE LO IMPORTANTE (clave técnica) 👉 Este slider NO está hardcodeado Mira esto: get_theme_mod('advance_it_company_pro_slide_heading'.$i) get_theme_mod('advance_it_company_pro_slide_text'.$i) 🧠 TRADUCCIÓN 👉 El contenido viene del Customizer / base de datos, NO del archivo ❌ ERROR que íbamos a cometer Si tú editas el texto aquí:

👉 NO va a cambiar nada visualmente 🔥 SOLUCIÓN REAL (modo PRO) Tenemos 2 caminos: 🥇 OPCIÓN A — FORZAR CONTENIDO (RECOMENDADO) 👉 Vamos a ignorar el Customizer 👉 y meter TU contenido directamente en el código 🔥 HAZ ESTO En ese archivo: Busca esto:

🔴 REEMPLÁZALO COMPLETO POR ESTO:

Infraestructura Tecnológica para Empresas en República Dominicana

🔻 AHORA ESTO:

🔴 REEMPLAZA POR:

Diseñamos, implementamos y mantenemos soluciones de redes, data center, telefonía IP y cloud para empresas que necesitan estabilidad y seguridad.

🔻 BOTÓN Busca esto: 🔴 REEMPLAZA TODO EL COMPLETO POR: Solicitar Consulta 💣 OPCIONAL (pero PRO) También puedes eliminar esto: get_theme_mod('advance_it_company_pro_slide_subheading'.$i) 👉 eso es el “WELCOME TO IT COMPANY” ❌ 🎯 RESULTADO Después de esto: 👉 el slider ya NO depende del theme 👉 ya NO parece plantilla 👉 ya vende TU negocio ⚠️ IMPORTANTE Después de guardar: 👉 refresca con: CTRL + SHIFT + R 🚀 SIGUIENTE NIVEL Después de esto vamos a: 👉 cambiar SERVICES (esto es donde conviertes clientes) 👉 quitar team falso 👉 quitar pricing basura 🔥 RESPONDE 👉 “slider listo” o mándame screenshot Ahora sí estamos construyendo algo serio 💻🔥 section-slider.php File este es mi archivo, quiero que me des todo listo para copiar y pegar 🔥 Perfecto. Ahora sí te lo dejo LISTO PARA COPIAR Y PEGAR COMPLETO — sin depender del Customizer, sin basura de template. 👉 Este es tu archivo modificado basado en 🚀 REEMPLAZA TODO EL ARCHIVO POR ESTO
⚠️ IMPORTANTE (NO TE SALTES ESTO) 🔹 Necesitas imágenes Sube estas imágenes aquí: /wp-content/themes/advance-it-company-pro/assets/images/ Y nómbralas: slider1.jpg slider2.jpg slider3.jpg 🔥 Si no tienes imágenes Dime y te paso imágenes PRO listas (data center, cloud, networking) 🎯 RESULTADO Después de esto: 👉 eliminas COMPLETAMENTE el template feel 👉 ya no depende del Customizer 👉 tienes control total 👉 se ve empresa real 🚀 SIGUIENTE NIVEL Después de confirmar que esto funciona: 👉 vamos a: cambiar SERVICES (a tu negocio real) eliminar “team fake” ajustar footer profesional 🔥 RESPONDE 👉 “slider funcionando” o mándame screenshot Ahora sí… esto ya es una web seria 🔥 procede "Dime y te paso imágenes PRO listas (data center, cloud, networking)" Perfecto 🔥 te voy a dar imágenes listas para usar (nivel empresa real, no stock barato). 🧠 ESTILO QUE VAMOS A USAR 👉 Nada de gente sonriendo con laptops 👉 Nada de oficinas genéricas 👉 Vamos con: Data Center real Networking racks Cloud infrastructure visual 🖼️ SLIDER 1 — DATA CENTER (principal) https://png.pngtree.com/thumb_back/fw800/background/20251214/pngtree-modern-data-center-with-server-racks-and-glowing-blue-lights-creating-image_20787928.webp https://png.pngtree.com/thumb_back/fw800/background/20251023/pngtree-futuristic-data-center-server-racks-illuminated-in-blue-and-green-image_19964594.webp https://plus.unsplash.com/premium_photo-1742710726634-18e31a278fc2?auto=format&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.1.0&q=60&w=3000 🔹 Guardar como: slider1.jpg 🖼️ SLIDER 2 — NETWORKING / INFRASTRUCTURE https://www.serveredge.com/cdn/shop/articles/Screenshot_2025-05-23_141227.png?v=1747973643 https://m.media-amazon.com/images/I/91ZTEKzwmUL._AC_UF350%2C350_QL80_.jpg https://s7d9.scene7.com/is/image/panduitdm/ai-cabinets-0839-560x373?dpr=on%2C2.625&qlt=85&ts=1773775221079&wid=480 🔹 Guardar como: slider2.jpg 🖼️ SLIDER 3 — CLOUD / CONNECTIVITY https://png.pngtree.com/thumb_back/fw800/background/20251120/pngtree-abstract-network-of-glowing-clouds-interconnected-by-lines-representing-cloud-computing-image_20491805.webp https://png.pngtree.com/png-clipart/20250422/original/pngtree-cloud-computing-network-with-glowing-nodes-png-image_20764432.png https://png.pngtree.com/thumb_back/fh260/background/20260131/pngtree-futuristic-network-connections-and-data-flow-visualization-on-black-background-image_21245945.webp 🔹 Guardar como: slider3.jpg ⚠️ MUY IMPORTANTE (para que se vea premium) Antes de subir: 👉 Si puedes: Reduce tamaño a 1920x1080 Peso ideal: <300KB Formato: JPG 📂 DÓNDE SUBIR /wp-content/themes/advance-it-company-pro/assets/images/ 🎯 RESULTADO ESPERADO Después de esto: 👉 tu slider se va a ver tipo: empresa cloud consultora IT nivel corporativo ❌ ya NO: plantilla barata gente random texto genérico 🚀 SIGUIENTE PASO Cuando las subas: 👉 dime: “imágenes listas” Y seguimos con: 🔥 sección SERVICES (donde conviertes clientes de verdad) Uploaded image dime: “imágenes listas”, pero no las veo en mi pagina 🔥 Perfecto, ya veo EXACTAMENTE el problema. 👉 Sí subiste las imágenes… pero NO están siendo usadas por el slider 🧠 PROBLEMA REAL Tu slider usa esto: 👉 PERO en tu carpeta veo que hiciste esto: ❌ creaste carpetas: SLIDER 1 — DATA CENTER SLIDER 2 — NETWORKING SLIDER 3 — CLOUD ❌ ERROR El código espera: /assets/images/slider1.jpg /assets/images/slider2.jpg /assets/images/slider3.jpg 👉 NO carpetas 👉 NO nombres largos ✅ SOLUCIÓN (haz esto EXACTO) 🔹 PASO 1 — elimina esas carpetas (o ignóralas) 🔹 PASO 2 — sube las imágenes DIRECTO aquí: /wp-content/themes/advance-it-company-pro/assets/images/ 🔹 PASO 3 — asegúrate que se llamen EXACTO: slider1.jpg slider2.jpg slider3.jpg ⚠️ SIN espacios ⚠️ SIN mayúsculas raras ⚠️ SIN nombres largos 🔹 PASO 4 — verifica Abre en el navegador: 👉 https://tudominio.com/wp-content/themes/advance-it-company-pro/assets/images/slider1.jpg Si carga → listo Si no → mal subida 💣 OPCIÓN PRO (si quieres más control) Si quieres usar tus carpetas actuales, cambia esto: por: 👉 pero NO recomendado (nombres con espacios = problemas) 🎯 RESUMEN 👉 Tu código está bien 👉 Tu CSS está bien 👉 SOLO falta ruta correcta 🚀 RESPONDE 👉 “ya corregí nombres” o mándame screenshot de /assets/images Cuando eso funcione: 🔥 pasamos a SERVICES (aquí es donde haces dinero real) donde es que haces esto "OPCIÓN PRO (si quieres más control)" Perfecto, te explico EXACTAMENTE dónde hacer eso 👇 🔥 DÓNDE HACER EL CAMBIO (OPCIÓN PRO) 👉 En el mismo archivo que ya editaste: template-parts/section-slider.php (ese que me enviaste ✔️) 🔍 BUSCA ESTA LÍNEA Dentro del archivo vas a ver algo así: Logical Analytics BI ✏️ AHÍ ES DONDE CAMBIAS LA RUTA 🔴 EJEMPLO con tu carpeta actual Si tienes esto: assets/images/SLIDER 1 — DATA CENTER (principal)/imagen.jpg Entonces cambias la línea por: Logical Analytics BI ⚠️ PERO OJO (MUY IMPORTANTE) Esto que hiciste: SLIDER 1 — DATA CENTER (principal) 👉 tiene problemas: espacios ❌ caracteres especiales ❌ guiones largos ❌ 👉 Eso puede romper URLs en algunos servidores 🧠 RECOMENDACIÓN PRO (MEJOR FORMA) Haz esto mejor: 🔹 Renombra las carpetas a: slider1/ slider2/ slider3/ 🔹 Y dentro: slider1/main.jpg slider2/main.jpg slider3/main.jpg 🔹 Entonces tu código queda limpio: 🎯 RESUMEN CLARO 👉 Editas: template-parts/section-slider.php 👉 Buscas: 👉 Cambias la ruta 🚀 RECOMENDACIÓN FINAL (MI EXPERIENCIA) 👉 NO uses nombres largos con espacios 👉 usa rutas limpias tipo: /images/slider1.jpg 👉 menos problemas, más rápido 🔥 SIGUIENTE PASO Haz UNA de estas dos: ✅ renombrar imágenes (recomendado) o cambiar ruta en PHP Y dime: 👉 “slider ya se ve bien” y pasamos a: 🔥 SERVICES (la parte que convierte clientes) este es el arhchivo "
" damelio listo para copiar y pegar 🔥 Perfecto — te lo voy a dejar PRO, limpio y funcional, listo para copiar/pegar sin errores y con rutas flexibles. 👉 Además te lo ajusto para que puedas usar: imágenes simples (slider1.jpg) o carpetas (slider1/main.jpg) 🚀 VERSIÓN FINAL (COPIAR Y PEGAR)
⚠️ CHECKLIST FINAL (esto es lo que te está fallando ahora) 👉 Asegúrate de esto: 🔹 1. Las imágenes EXISTEN aquí: /wp-content/themes/advance-it-company-pro/assets/images/ 🔹 2. Se llaman EXACTO: slider1.jpg slider2.jpg slider3.jpg 🔹 3. Prueba directa en navegador Abre: https://tudominio.com/wp-content/themes/advance-it-company-pro/assets/images/slider1.jpg 👉 Si no carga → ahí está el problema 🔹 4. Hard refresh CTRL + SHIFT + R 🔥 SI AÚN NO SE VEN Entonces puede ser: 👉 caché (plugin o hosting) 👉 ruta mal 👉 nombre mal 🚀 SIGUIENTE PASO Cuando esto funcione dime: 👉 “slider listo” Y entramos a: 🔥 SERVICES (aquí es donde conviertes clientes de verdad y subes nivel) Uploaded image Uploaded image Uploaded image Uploaded image esta no son las rutas images/slider3.jpg, porque hay vearios temas cada slider me diste 3 imagenes, entonces no puedes utilizar images 🔥 Ahora sí entendí PERFECTO lo que hiciste — y te explico directo: 👉 Tú organizaste las imágenes por carpetas (bien pensado) 👉 Pero el código que te di espera una sola imagen por slide ⚠️ PROBLEMA REAL Tu estructura actual: SLIDER 1 — DATA CENTER (principal)/ principal1.webp principal2.avif principal3.webp SLIDER 2 — NETWORKING... SLIDER 3 — CLOUD... 👉 Eso está bien para organizar 👉 PERO el slider solo usa UNA imagen por slide 🎯 SOLUCIÓN CORRECTA (SIN INVENTAR) Vamos a usar UNA imagen por slide (la mejor de cada carpeta) 🚀 OPCIÓN 1 (RECOMENDADA — SIMPLE Y LIMPIA) 🔹 Paso 1 — escoge una imagen por carpeta Ejemplo: SLIDER 1 → principal1.webp SLIDER 2 → ...1.jpg SLIDER 3 → ...1.webp 🔹 Paso 2 — renómbralas así: slider1.webp slider2.jpg slider3.webp 🔹 Paso 3 — muévelas a: /assets/images/ 🔹 Resultado final: assets/images/ slider1.webp slider2.jpg slider3.webp 🔹 Tu código se queda EXACTAMENTE igual ✔ limpio ✔ sin errores ✔ rápido 🚀 OPCIÓN 2 (USAR TUS CARPETAS — MÁS PRO) Si quieres usar tu estructura actual, cambia el código así: 🔹 SLIDE 1 🔹 SLIDE 2 🔹 SLIDE 3 ⚠️ PERO TE VOY A SER CLARO (experiencia real) 👉 Esa opción es mala práctica porque: espacios ❌ nombres largos ❌ riesgo de errores ❌ URLs feas ❌ 🧠 MI RECOMENDACIÓN (SIN DISCUSIÓN) 👉 Usa esto: slider1.webp slider2.jpg slider3.webp 👉 en /assets/images/ 👉 y no vuelvas a pensar en rutas 💥 RESPUESTA A TU DUDA "no puedes utilizar images" ✔ Sí puedes ✔ Y DEBES hacerlo ✔ Es lo estándar en themes 🚀 SIGUIENTE PASO Haz esto: 👉 mueve 3 imágenes limpias 👉 renómbralas 👉 súbelas directo Y dime: 👉 “ya se ve el slider” Después de eso: 🔥 entramos a SERVICES (aquí es donde haces dinero real) Uploaded image avancemos me confirmas 🔥 PERFECTO. Ahora sí — todo está correcto. Veo en tu screenshot: 👉 Ya tienes: slider1.avif slider2.jpeg slider3.png 📍 En la ruta correcta: /assets/images/ ⚠️ SOLO TE FALTA UNA COSA (IMPORTANTE) Tu código todavía apunta a: slider1.jpg slider2.jpg slider3.jpg 👉 PERO tus archivos son: .avif .jpeg .png 🚀 CORRECCIÓN FINAL (LISTA PARA PEGAR) 🔥 Cambia SOLO estas 3 líneas en tu archivo 🔹 SLIDE 1 Data Center 🔹 SLIDE 2 Networking 🔹 SLIDE 3 Cloud ⚠️ DESPUÉS DE ESO 👉 Haz: CTRL + SHIFT + R 🎯 RESULTADO 👉 El slider YA debería verse con imágenes reales 👉 Ya NO se ve template 👉 Ya parece empresa tecnológica 🚀 CONFÍRMAME 👉 “slider funcionando” Y pasamos a lo importante: 🔥 SERVICES (donde realmente vendes y conviertes clientes) dame el archivo slider php completo listo para copiar y pegar 🔥 Perfecto — aquí tienes el archivo COMPLETO, limpio y listo para copiar/pegar, ya ajustado a TUS imágenes reales (.avif, .jpeg, .png). 🚀 COPIA Y PEGA ESTO COMPLETO
⚠️ CHECK FINAL (MUY IMPORTANTE) Antes de probar: ✔ Archivos existen: slider1.avif slider2.jpeg slider3.png ✔ Están en: /assets/images/ ✔ Guardaste el archivo PHP ✔ Hiciste: CTRL + SHIFT + R 🎯 RESULTADO 👉 Slider moderno 👉 Sin dependencia del theme 👉 Imagen real (no template) 👉 Branding correcto 🚀 SIGUIENTE NIVEL (AQUÍ ES DONDE SE GANA DINERO) Cuando confirmes: 👉 “slider listo” vamos a: 🔥 transformar SERVICES en oferta real 🔥 eliminar contenido fake 🔥 dejar la web lista para clientes el slider no esta listo las imagnees no estan bien dimensionadas, hay qu e ahcerles un blur o algo porque no se ven bn 🔥 Perfecto — ahora sí estamos en el nivel correcto. 👉 Ya no es problema de código 👉 Es problema visual (UX/UI) → y esto es lo que hace que una web se vea PRO o barata 🧠 PROBLEMA REAL Tus imágenes: tienen mucho detalle ❌ compiten con el texto ❌ no tienen contraste ❌ 👉 Resultado: 👉 el texto no se lee bien = se ve amateur 🔥 SOLUCIÓN PRO (LO QUE USAN EMPRESAS GRANDES) Vamos a aplicar: ✅ 1. Overlay oscuro (OBLIGATORIO) ✅ 2. Blur leve (opcional) ✅ 3. Mejor contraste 🚀 PASO 1 — AGREGA ESTE CSS (CLAVE) Ve a: 👉 style.css Y pega esto al FINAL: /* ===== SLIDER OVERLAY PRO ===== */ #slider .carousel-item { position: relative; } #slider .carousel-item::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(5, 10, 20, 0.65); /* oscuridad */ z-index: 1; } #slider .carousel-caption { position: relative; z-index: 2; } /* OPCIONAL: blur leve */ #slider .carousel-item img { filter: blur(2px); transform: scale(1.05); } 🎯 RESULTADO 👉 Imagen se oscurece 👉 Texto resalta 👉 look tipo: AWS Cisco consultora IT ⚠️ SI EL BLUR ES MUCHO Cambia esto: filter: blur(2px); por: filter: blur(1px); o elimínalo completamente 🔥 PASO 2 (IMPORTANTE) Aumenta tamaño del texto: #slider h3 { font-size: 52px !important; font-weight: 700; } #slider p { font-size: 20px; } 💣 OPCIONAL (NIVEL PREMIUM) Si quieres que se vea MÁS PRO aún: #slider .inner_carousel { max-width: 700px; } 👉 Esto centra el contenido y lo hace elegante 🚀 RESULTADO FINAL Después de esto: 👉 Se ve: moderno corporativo tipo empresa grande ❌ Ya no: imagen plana texto perdido sensación de template 🔥 RESPONDE 👉 “ya se ve mejor” y pasamos a: 🔥 SERVICES (donde realmente vendes) entiendo que estamos cambiando de forma mal el style.css te lo apso completo ""/* Theme Name: Advance It Company Pro Theme URI: https://www.themeshopy.com/themes/ Author: Themeshopy Author URI: https://www.themeshopy.com/ Description: Advance Startup Pro Version: 1.1 License: GNU General Public License License URI:license.txt Text Domain: advance-it-company-pro Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments Advance It Company Pro WordPress Theme has been created by Themeshopy(themeshopy.com), 2019. Advance It Company Pro WordPress Theme is released under the terms of GNU GPL */ /* Basic Style */ *{ margin:0; padding:0; outline:none; } html body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; background-color:#fff; position:relative; font-size: 14px; color:#8f91a0; font-family: 'Open Sans', sans-serif; } label { margin-bottom: 0 !important; } img{ margin:0; padding:0; border:none; max-width:100%; height:auto; } section img{ max-width:100%; } h1, h2, h3, h4, h5, h6{ margin:0; padding:10px 0; line-height: 1.4; letter-spacing: 1px; color:#5b5b5b; font-family: 'Quicksand', sans-serif; } p{ margin:0 0 15px; padding:0; font-size:14px; font-weight:normal; color: #8f91a0; font-family: 'Open Sans', sans-serif; } p, ul li a{ letter-spacing: 0px; } body a{ text-decoration:none; } a:hover{ text-decoration:none; color:#666; } a:focus,a:hover{ text-decoration:none !important; } ul,ol{ margin:0 0 0 15px; padding:0; } ul li, ol li{font-size: 16px;} :hover{-webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } blockquote { font-size: 18px; font-style: italic; width: 450px; margin: 0.25em 0; padding: 0.25em 40px; line-height: 1.45; position: relative; color: #383838; background:#ececec; } blockquote:before { display: block; content: "\201C"; font-size: 80px; position: absolute; left: 0px; top: -10px; color: #7a7a7a; } blockquote cite { color: #999999; font-size: 14px; display: block; margin-top: 5px; } blockquote cite:before { content: "\2014 \2009"; } .get_in_touch input[type="text"], .get_in_touch input[type="tel"], .get_in_touch input[type="email"], .get_in_touch input[type="phno"],input[type="password"], .get_in_touch textarea{ border-bottom: 1px solid #ccc !important; border: none; padding: 20px 0px; margin-bottom: 2em; } .get_in_touch input::placeholder,.get_in_touch textarea::placeholder{ color: #000; font-style: italic; } .get_in_touch input[type="submit"]{ padding:15px 32px; } input[type="text"], input[type="tel"], input[type="email"], input[type="phno"],input[type="password"], textarea{ border: 1px solid #424648; font-size: 16px; padding: 10px 10px; margin: 0px 0 0px 0; height: auto; width: 100%; background: transparent; } section{ background-size: cover; background-repeat: no-repeat; padding: 50px 0px; } select{ width: 100%; padding: 6px; } input[type="submit"] { font-weight: bold; background-color: #179cd7; padding: 10px 32px; color: #fff; font-size: 14px; letter-spacing: 2px; border: none; text-align: center; } input[type="submit"]:hover{ cursor: pointer; } .bounce, .flash, .pulse, .shake, .swing, .tada, .wobble, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .bounceOut, .bounceOutDown, .bounceOutLeft, .bounceOutRight, .bounceOutUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeOut, .fadeOutDown, .fadeOutDownBig, .fadeOutLeft, .fadeOutLeftBig, .fadeOutRight, .fadeOutRightBig, .fadeOutUp, .fadeOutUpBig, .flip, .flipInX, .flipInY, .flipOutX, .flipOutY, .lightSpeedIn, .lightSpeedOut, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .rotateOut, .rotateOutDownLeft, .rotateOutDownRight, .rotateOutUpLeft, .rotateOutUpRight, .slideInDown, .slideInLeft, .slideInRight, .slideOutLeft, .slideOutRight, .slideOutUp, .rollIn, .rollOut, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp, .slideInUp{ -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible!important; } .wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%; } .wp-caption-text{ margin:0; padding:0; } .gallery-caption{ margin:0; padding:0; } .bypostauthor{ margin:0; padding:0; } .hovereffect a { border: 1px solid #333; padding: 10px; color: #333333; font-weight: bold; } .carousel-inner{ margin: 0; } .screen-reader-text { position: absolute; top:-9999em; left:-9999em; } .sticky{ margin:0; padding:0; background-color:#d7d7d7; } .alignleft, img.alignleft{ display: inline; float: left; margin-right:20px; margin-top:4px; margin-bottom:10px; padding:0; padding:5px; } .alignright, img.alignright { display: inline; float: right; padding:5px; margin-bottom:10px; margin-left:25px; padding:5px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; padding:5px; } .comment-list .comment-content ul { list-style:none; margin-left:15px; } .comment-list .comment-content ul li{ margin:5px; } .toggleMenu{ display:none; } a.small-button{ background:#3890cb; padding:5px 30px; border-radius:3px; color:#fff; display:table; margin:0 auto; } a.small-button:hover{ color:#fff; background:#0c5f96; } table, td, th { border: 1px solid black; } /*-------------------------- Calendar widget --------------------------*/ table { border-collapse: collapse; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 0.75em; table-layout: fixed; width: 100%; } .widget.widget_calendar table { margin: 0; } .widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th { border: 1px solid #a6a6bd; } .widget_calendar td, .widget_calendar th { line-height: 2.5625; padding: 0; text-align: center; } .widget_calendar caption { font-weight: 900; margin-bottom: 1.75em; color: #000; padding-left: 15px; } .widget_calendar tbody a { background-color: #bbb; color: #fff; display: block; font-weight: 700; } .widget_calendar tbody a:hover, .widget_calendar tbody a:focus { background-color: #686868; color: #fff; } .widget th, .widget td { padding: 2px; } /*-------------------- Sweep To Right -----------------------*/ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* ---------Buttons--------- */ a.button{ background:#179cd7; color: #fff; font-size: 16px; margin: 20px 0 0; padding: 7px 30px; text-transform: uppercase; font-weight:bold; } a.theme_button { color: #179cd7; border:2px solid #179cd7; text-transform: uppercase; margin-top: 20px; letter-spacing: 1px; padding: 12px 20px; font-size: 14px; font-weight: bold; border-radius: 0; background: none; font-weight: bold; letter-spacing: 3px; } a.theme_white_button{ border: none; text-transform: uppercase; margin-top: 20px; letter-spacing: 1px; padding: 12px 20px; font-size: 14px; font-weight: bold; border-radius: 0; } a.theme_white_button{ background-color: #ffffff; color: #179cd7; } a.theme_button:hover { background:none; border:2px solid #179cd7; } /* --------------------------Top Bar---------------------------- */ .logo { text-align: center; padding: 21px 30px; } .logo h1 { padding-top: 0; line-height: 1; } .logo h1 a{ color: #fff; text-transform: uppercase; font-size: 25px; } .logo p{ color: #ffffff; font-size: 15px; padding-bottom: 15px; } #site_top { background: linear-gradient(to right,#272b46 23%, #ffffff 23%); padding-bottom: 0px; } #site_top { border-bottom: 1px solid #cccccc63; } .home #site_top { border-bottom: none; } .contact-details { background-color: #ebf9ff; padding: 25px 5px; } .header-menu { padding: 20px 0px; } .header-menu .search-icon i { color: #fff; cursor: pointer; } .header-menu .search-icon { position: absolute; top: 0%; padding: 10px 14px; background-color: #179cd7; } #site_top .socialbox{ text-align: left; padding-top: 10px; } .socialbox a { padding: 13px; position: relative; top: 0px; background-color: #fff; margin-right: 4px; display: inline-block; } .socialbox a i, .social_widget a i { font-size: 13px; letter-spacing: 3px; width: 15px; text-align: center; } .socialbox a:hover{ background-color:#92c01f; } #site_top .socialbox a:hover>i{ color:#fff; } #site_top .socialbox a { transition: 2s; } #site_top .socialbox a i { font-size: 14px; color: #272b46; text-align: center; } .contact-details .con-icons span i{ color: #92c01f; font-size: 25px; font-weight: bold; } .contact-details .con-det p.details{ margin: 0px; font-size: 14px; letter-spacing: 0px; line-height: 24px; color: #272b46; font-weight: 400; } .contact-details .con-det p.details-title{ font-size: 12px; letter-spacing: 0px; font-weight: 700; margin-bottom: 2px; } .top_bar { padding-top: 0; } .contact_details .toggle-nav i { color:#000; } .serach_outer i{ font-size: 24px; padding: 4px 0 0 0; color: #bbb; } .contact_details p { color: #033333; font-size: 15px; margin: 0 0 0 !important; } p.hi_bold { color: #1e1d1c; } p.hi_normal { color: #757575; } /*----------------Menu bar-----------*/ @keyframes smoothScroll { 0% { transform: translateY(-40px); } 100% { transform: translateY(0px); } } ul.list_nav { margin: 0 auto; text-align: center; display: block; } .main-navigation ul{ list-style: none; margin: 0; padding-left: 0; } .main-navigation li{ position: relative; padding-right: 35px; display: inline-block; } .main-navigation li:last-child{ border-right: none; } .main-navigation a{ display: block; text-decoration: none; text-transform: none; color: #aab3bc; padding: 6px 0; position: relative; line-height: 24px; font-size: 14px; letter-spacing: 1px; font-weight: 700; } .main-navigation ul ul{ display: none; position: absolute; left: 0; top: 74% ; background: #F6F6F6; min-width: 215px; z-index: 9999; margin-top: 15px; } .main-navigation ul ul ul{ left: 100%; top: 0; } .main-navigation ul ul a{ text-transform: none; font-weight: 400; color: #1e1d1c; padding: 8px 0px; font-size: 14px; line-height: 1.5; } .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{ float: none; display: block; text-align: left; border-bottom: 1px solid #cccccc; padding-left: 15px; } .main-navigation ul ul li:last-child{ border-bottom: 0; } .main-navigation ul li:hover > ul{ display: block; } .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a{ color: #179cd7 !important; } .main-navigation .menu > ul > li.highlight{ background-color: #179cd7; } .main-navigation .menu > ul > li.highlight:hover{ background: transparent; } .menubar.scrolled .menu > ul > li:hover > a:after, .menubar.scrolled .menu > ul > li.current_page_item > a:after, .menubar.scrolled .menu > ul > li.current-menu-item > a:after{ height: 2px; } .menu > ul > li.exoplanet-search:after{ background: transparent !important; } .main-navigation ul ul li:hover > a{ color: #1e1d1c; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation{ margin: 0 0 15px; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous{ float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: auto; } /*----------------------Mobile Menu Icon------------------------------*/ /*-----------------Superfish Menu------------------*/ .sf-arrows .sf-with-ul{ padding-right: 15px; } .sf-arrows .sf-with-ul:after{ content: ''; position: absolute; right: 0; margin-top: -2px; height: 0; width: 0; border-top-color: #e1e1e1; } .sf-arrows ul .sf-with-ul:after{ margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #888; } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after{ border-left-color: #333; } .toggle-nav, a.closebtn{ display: none; } /*-----------------Search pop up----------------*/ .serach_outer { position: fixed; width: 100%; height: 100%; background: #000; overflow: hidden; transition: 0.5s; z-index: 999999999999; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.8); display: none; } .serach_inner { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .closepop { position: absolute; top: 20%; transform: translateY(-50%); width: 100%; right: 0; text-align: right; margin-right: 28px; z-index: 999999; } .serach_outer i { font-size: 24px; padding: 4px 0 0 0; color: #bbb; cursor: pointer; } .serach_inner form.search-form { display: table; padding: 0; border-radius: 0; background: #ffffff; margin: 0 auto; max-width: 700px; width: 100%; } .serach_inner form.search-form { display: table; border: 1px solid #bababf; padding: 14px 20px; border-radius: 0; background: #ffffff; margin: 0 auto; max-width: 700px; width: 100%; border-radius: 30px; } .serach-page input.search-field { border: 1px solid #ccc; padding: 9px; } .search_popup input.search-submit { border: 0; } .search_popup label { background: transparent; width: 81%; } .search_popup input.search-field { padding: 1.5% 0; background: transparent; width: 100%; text-indent: 8px; } .social-media .dashicons{ margin: 0 6px; padding: 0; } .menubar .social-media a:hover{ color:#3890cb; } i.fas.fa-headphones { color: #ffffff; font-size: 25px; cursor: pointer; border-right: 2px solid #ffffff; padding: 5px 8px; padding: 3px 8px 11px 6px; } .consultation a { border: 2px solid #fff; padding: 8px 7px; padding-left: 0; } .consultation { background-size: cover; background-repeat: no-repeat; } .consultation span { padding: 0 3px; text-align: center; font-size: 14px; text-transform: uppercase; color: #fff; } ul.search-consult { padding: 0; } /*---------------------- index ---------------------------*/ .blog .post-section { padding: 70px 0; } .post-section { padding: 20px 0; } .postwrapper-box{ border: 2px solid #eeeeee; } .cat-box { background: url(images/cat-icon.png) no-repeat 1px 3px; padding: 0 0 0 25px; font-style: italic; font-weight: bold; margin: 15px 0 30px 0; } .date-box { background: url(images/date.png) no-repeat 1px 3px; padding: 0 0 0 25px; font-style: italic; font-weight: bold; margin: 0 0 15px 0; } .single-post-block table { text-align: center; } /*------------------------- Headings --------------------------*/ section h2{ font-weight:bold; padding:0; color: #22272b; padding: 0 0 10px; margin: 0; font-weight: 900; letter-spacing: 3px; } section h3 { font-weight: 900; color:#2d9bd7; padding: 0; letter-spacing: 1px; } section h4{ color:#000; font-size:20px; } section h5{ color:#333; padding:0; } .innerbox{ background-size:100% 100%; } #about { -vendor-animation-duration: 3s; -vendor-animation-delay: 2s; -vendor-animation-iteration-count: infinite; } /*------------------ Contact Page -----------------*/ .contact-box .startup-contact-form { box-shadow: 0 0 10px #cccccc; padding: 10px 40px 40px 40px; } .contact-box .startup-contact-form h3 { font-weight: 600; margin-bottom: 20px; color:#2d9bd7; text-align: center; } .contact-box .startup-contact-form input { border-top: none; border-left: none; border-right: none; border-color:#bbbbbb; margin-bottom: 20px; } .contact-box .startup-contact-form textarea { border-top: none; border-left: none; border-right: none; border-color:#e7e7e7; max-height: 140px; margin-bottom: 30px; } .contact-box .startup-contact-details h3 { font-weight: 600; margin-bottom: 20px; color:#2d9bd7; text-align: center; } .contact-box .startup-contact-details i { border-radius: 50%; color:#3e9ed7; height: 50px; text-align: center; width: 50px; border:2px solid #3e9ed7; font-size: 22px; padding-top: 13px; } .contact-box .startup-contact-info { padding: 20px 0px; } .contact-box .startup-contact-info span { color:#000; } .contact-box .startup-contact-info p { color:#5b5b5b; } .contact-box .main-contact-form { padding-bottom: 60px; } .contact-box .startup-contact-info:hover i { background-color:#9dbf66; border: 1px solid #fff; } .contact-img img{ width: 100%; height: 100%; } .contact-info { -moz-box-shadow: 0px 3px 5px 6px #ccc; -webkit-box-shadow: 0px 3px 5px 6px #ccc; box-shadow: 0px 3px 5px 6px #ccc; } .contact-box .main-contact-form .col-icon{ text-align: center; } /*---------------- Banner ----------------------*/ .inner_banner img, .title-box img { width: 100%; } /*---------------- Footer Section ----------------------*/ .footer-top { padding-bottom: 50px; } .footer-top-col h3 { font-size: 20px; font-weight: bold; } .outer-footer { background-size: 100% 100%; } #footer form.search-form{ border: none; background: transparent; padding: 0; } #footer form.search-form input{ float: none; border: 1px solid; margin: 0 2px; } #footer input, #footer textarea{ background-color: transparent; } #footer textarea{ height: 100px; } #footer p.post-date { color: #858d9e; font-size: 11px !important; } .copyright p { color: #2d9bd7; font-size: 16px; letter-spacing: 1px; } .socialbox { text-align: right; } .home #footer{ text-align:center; color:#a6a6bd; text-align:left; background-repeat: no-repeat; background-size: cover; } #footer { text-align:center; color:#a6a6bd; text-align:left; background-repeat: no-repeat; background-size: cover; } /*.footer-logo { background-image: url('assets/images/futterbg.png'); }*/ .footer-logo .fsocialbox{ text-align: center; margin-top: 2em; } .footer_logo { transform: translateY(-50%); position: relative; top: 50%; padding:20px; } .footer-logo .fsocialbox a i{ border: 2px solid #fff; color: #fff; padding: 10px; margin: 10px; width: 40px; height: 40px; } .footer-logo .fsocialbox a i:hover { background-color: #2d9bd7; color: #fff; border: 2px solid #2d9bd7; } .container #blog-right-sidebar h3, #footer h3{ color:#179cd7; text-align:left; font-size:24px; padding:0 0 17px 0; } #footer .copyright p { font-size: 14px; letter-spacing: 1px; color: #65698a; font-weight: 700; } #footer .copyright a { color: #fff; cursor: pointer; } #footer input{ padding:8px 8px; float:left; margin:5px 0; border-radius:0px; } #footer input[type="submit"] { padding: 8px 10px; background-color: #ffdd59; color: #858d9e; font-size: 15px; letter-spacing: 2px; margin-top: 28px; border:none !important; margin-left: 23%; transition: 1s; } #footer input[type="submit"]:hover { background-color:#2d9bd7; color:#858d9e; } #footer .copyright{ border-top:1px solid #2b2f4129; margin:10px 0 0 0; padding-top:30px; } .footer-cols { padding-top: 20px; } #footer ul { margin: 0; } #footer ul li{ list-style:none; margin:0 0 5px 0; text-align:left; padding: 5px; } #footer ul li a { font-size: 13px; letter-spacing: 0px; line-height: 30px; color: #858d9e; font-weight: 400; } #footer p { margin: 0; font-size: 13px; letter-spacing: 0px; line-height: 30px; color: #858d9e; font-weight: 400; } .widget_recent_entries img { width: 100px; } #footer h3 { position: relative; font-size: 14px; letter-spacing: 1px; color: #179cd7; font-weight: 700; } .about_me table, .about_me td, .about_me th{ border: none; } .about_me p.message { margin-bottom: 5px !important; } #footer_box .sub-menu { display: none; } #footer_box .socialbox i { color:#858d9e; margin-left: 15px; } #footer_box .socialbox i:hover { color:#92c01f; } #footer_box .about_me i { color:#92c01f; font-size: 25px; } #footer .widget_media_gallery img { padding-right: 25px; border:none; } #footer .about_me { padding-left: 5px; } #footer .about_me .contact-title { font-size: 16px; letter-spacing: 1px; } #footer .about_me .contact-text { font-size: 15px; letter-spacing: 0px; color:#536f8e; } /* --------- Social Icon Widget ------- */ #sidebar .social_widget a { margin-top: 15px; margin-right: 20px; } #sidebar .social_widget { text-align: center; } .social_widget a i { font-size: 13px; letter-spacing: 3px; width: 20px; text-align: center; border:1px solid #fff; padding: 10px 25px 10px 16px; } #footer .social_widget a { color: #ffffff; padding: 7px 7px; margin-right:4px; display: inline-block; margin-bottom: 22px; border-radius: 50%; } #footer .social_widget a i:hover { background-color:#ffdd59; color:#2d9bd7; border:1px solid #ffdd59; } /* --------- search Page ------- */ .postbox h6 { font-weight: bold; } /* --------- Blog Page ------- */ #full-width-blog .postbox { width: 100%; border: none; } #full-width-blog .postbox h3{ font-weight:normal; font-size:35px; text-align: center; margin:15px 0 20px; } .postbox h3{ font-weight:normal; font-size:35px; text-align: center; margin:15px 0 0 0; } .blogimg-full img{ width: 100%; } .read-more-icon{ text-align: center; margin: -55px 0 0 0; z-index: 999; } .read-more-icon a:hover{ opacity: 0.9; } .continue-read a { color: rgba(19, 10, 138, 0.6); font-weight: bold; text-align: center; margin: 0 auto; border: solid 1px #bbb; padding: 10px 20px 10px 20px; border-radius: 6px; display: block; background: #fff; } .continue-read a:hover{ background: #18304c; color:#fff; } .continue-read { margin: -22px auto 0 auto; display: table; } .metabox img { border-radius: 50%; margin-left: 30%; } .postbox { margin-bottom: 39px; border: none; border-radius: 6px; } .postbox h2{ margin:0 0 5px; font-weight:bold; } a.post-readmore { font-size: 18px; border-bottom: 1px solid; } a.post-readmore i { margin-left: 8px !important; font-size: 18px; padding-bottom: 2px; } .widget_recent_entries li { margin: 10px; } .postbox a.blogbutton { background:none; color:#fff; font-size:12px; font-weight:bold; color:#fff; padding:6px 25px; border:1px solid #000; color:#000; font-size:18px; text-transform:uppercase; margin:25px 0 0 0; display:table; } .blogbutton-small{ background:none; font-size:12px; font-weight:bold; padding:6px 25px; border:1px solid #000; color:#000; font-size:14px; text-transform:uppercase; margin:14px 0 0 0; display:table; } .metabox { color: #000; padding: 5px 0; clear: both; margin: 10px 0; border-top: 1px solid #13182c; border-bottom: 1px solid #13182c; } .metabox .entry-date{ padding: 0 0 0 10px; margin:0 13px 0 0; color:#13182c; } .metabox .entry-author{ padding: 0 0 0 10px; margin:0 20px 0 0; color:#13182c; } .metabox .entry-author a { color:#13182c; } .metabox .entry-comments{ padding: 0 0 0 10px; color:#13182c; } #comment-nav-above .nav-links { width: 100%; float: left; margin-bottom: 17px; } .single-post-block .single-content p { font-size: 14px; letter-spacing: 1px; line-height: 27px; color: #90939c; } .authordetails { padding-top: 25px; } .authordetails .author_links { padding-left: 17%; font-weight: bold; margin-bottom: 7px; } .authordetails .b-content { font-size: 14px; letter-spacing: 1px; line-height: 27px; color: #90939c; font-style: italic; } .authordetails img { border-radius: 50%; } .authordetails ul { list-style-type: none; margin-left: 18%; margin-top: 10px; position: relative; } .authordetails ul li { display: inline; } .authordetails ul li a { background-color: #143960; padding: 9px 15px 9px 15px; color: white; border-radius: 50%; width: 40px; margin-right: 10px; } .authordetails .author_links a { color:#000; } .inner-sbox h4 a { font-size: 18px; color: #179cd7; } .inner-sbox p { font-size: 14px; letter-spacing: 1px; line-height: 27px; color:#90939c; } .inner-sbox .post-readmore { border: none; font-size: 14px; letter-spacing: 3px; font-weight: bold; color: #94be38; } .inner-sbox .post-readmore:hover{ color:#34b4f1; } .archive h1 { color: #13182c; font-weight: normal; font-size: 30px; padding-top: 25px; } .search .entry-title { color: #13182c; font-weight: normal; font-size: 30px; padding-top: 25px; } /* --------- Inner Pages --------- */ .more_info a { background: #333; color: #ffffff; padding: 10px; border-radius: 20px; } .more_info { margin: 20px 0; } .more_info a:hover { background: #ffffff; color: #333333; } /* ----------------------- POST---------------------- */ a.page-numbers, span.page-numbers.current { padding: 10px !important; background: #99be38; color: #ffffff !important; border: 1px solid #94be38; } .navigation span.page-numbers.current{ background: #ffffff; border: 1px solid #98c69d; color: #000000 !important; } #blog{ padding-top:0; margin-top:0; } .blog-post h5{ text-transform:uppercase; color: #000; } .blog-icon i { font-size: 20px; background: #bbb; border-radius: 50%; padding: 10px 14px 12px 15px; color: #fff; margin-right: 1%; } .blog-icon i:hover { background: #d3da36; color: #fff; } .blog-icon i.fa-google-plus { padding: 12px 10px 12px 11px } aside#search-3 { padding: 0 !important; } .feature-image-box img{ width:100%; } .feature-image-box img a:hover{ opacity:0.8; } .post-singlepage { border: solid 1px #bbb; box-shadow: 0 0 1px #bbb; } .bradcrumbs{ padding:30px 0; } .bradcrumbs a{ background:#f1f1f1; color:#000; padding:5px 15px; margin-right:5px; } .bradcrumbs a:hover{ background-color:#179cd7; } .bradcrumbs span{ background:#dddddd; color:#000; padding:5px 15px; } /*------------------ Comments BOX ------------------*/ #comments{ float: left; width: 100%; margin-top: 0px; } #comments h2.comments-title{ color: #13182c; font-weight: normal; font-size: 30px; } #comments h3.comment-reply-title{ font-size:20px; font-weight:bold; clear:both; } #comments input[type="text"], #comments input[type="email"], #comments textarea{ padding:12px 10px; font-size:18px; } #comments input[type="submit"].submit { padding: 10px 20px; text-transform: uppercase; font-weight: bold; margin-top: 20px; color: #ffffff; text-transform: uppercase; border-top: none; } #comments a time{ color:#000; font-weight:bold; font-size:12px; } #comments .comment-metadata{ width:90%; float:left; padding:1% 0 0 0; } #comments .comment-content{ width:90%; text-align:left; margin-left:7%; } #comments .comment-author{ margin-bottom: 1em; } #comments h2#reply-title { display: inline-table; text-align: center; color: #13182c; font-weight: normal; font-size: 30px; } #comments .comment-author.vcard img { padding: 2px; } #comments .comment-author .fn { color: #13182c; } #comments .comment-author .says{ color: #13182c; } #comments ol { list-style-type: none; margin-left: 0; } #comments .comment-meta { color: #179cd7; font-weight: bold; } #comments .comment-body p { font-size: 14px; letter-spacing: 1px; line-height: 27px; color: #90939c; } #comments .reply a { background-color: #1f436b; color: white; font-weight: bold; padding: 8px 20px 8px 20px; font-size: 13px; width: 56%; position: relative; margin-top: -10%; } #comments ol li { padding-bottom: 30px; } .post-navigation .nav-previous .meta-nav { background-color: #92c01f; padding: 8px 20px 8px 20px; color: #fff; } .post-navigation .nav-next .meta-nav { background-color: #92c01f; padding: 8px 20px 8px 20px; color: #ffffff; } .comment-edit-link { display: none; } /* --------- SLIDER--------- */ #slider{ max-width:100%; margin:auto; position:relative; padding-top: 0; } #slider img { width: 100%; } #slider h2 { text-transform: uppercase; color: #ffffff; font-weight: 900; } #slider .small-heading{ background-color: #92c01f; padding:0px 10px; display: inline-block; } #slider .carousel-control .shownav1 { display: block !important; } #slider .carousel-control .shownav2 { display: block !important; } #slider .carousel-control .nav1 { display:none; position: absolute; left: 3%; top: 45%; font-size: 30px; color:#2d9bd7; } #slider .carousel-control .nav2 { display:none; position: absolute; right: 3%; top: 45%; font-size: 30px; color:#2d9bd7; } #slider .carousel-control .nav2 :hover i { background:none !important; } #slider .carousel-control .nav1:hover i { background:none; } #slider p.price { font-size: 22px !important; } #slider .carousel-caption.d-none.d-md-block { max-width:600px; margin: 0 auto; } #slider .carousel-caption { top: 45%; transform: translateY(-50%); bottom: inherit; text-align: left; left: 9%; right: 10%; max-width:832px; } a.blog-more{ display:inline-block; font:400 16px 'Roboto Condensed', sans-serif; padding:10px 30px; margin-top:21px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; margin-right:15px; } #slider .carousel-control-next, #slider .carousel-control-prev { width: 10%; } #slider .carousel-item-next, #slider .carousel-item-prev, #slider .carousel-item.active { display: block !important; } #slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{ background-image:none; } #slider .carousel-control-next, #slider .carousel-control-prev{ opacity: 1; } .carousel-control-next-icon, .carousel-control-prev-icon{ width: auto; height: auto; } .inner_carousel h2 small { color: #ffffff; display:block; margin-bottom: 20px; } #slider .inner_carousel h3 { padding-bottom: 15px; font-size: 48px; color: #ffffff; font-weight: 700; } #slider .inner_carousel p { font-size: 16px; padding-bottom: 20px; width: 830px; height: 85px; line-height: 24px; color: #ffffff; font-weight: 400; } #slider .carousel-indicators { position: absolute !important; right: 0 !important; left: auto; top: 50%; } #slider ol.carousel-indicators li { color: #333333; border:2px solid #2d9bd7; background: none; margin-right: 17px; margin-top: 20px; border-radius: 50%; width: 10px; height: 10px; } #slider ol.carousel-indicators .active { background-color:#92c01f; border:2px solid #92c01f; } #slider .read-more { background-color: #179cd7 !important; padding:15px; font-size: 14px; letter-spacing: 0px; color: #ffffff; font-weight: 700; padding-right: 0; } .slider_button { max-width: max-content; } .slider_button i.fas.fa-angle-right { padding: 17px; background-color: #92c01f; margin-left: 7px; display: inline-block; } span.slide-icon i{ font-size: 20px; } #slider .carousel-indicators { display: block; } #slider .sub-head { line-height: 28px; font-size: 14px; letter-spacing: 0px; color: #ffffff; font-weight: 700; } #slider .slider_button:hover a{ background-color: #92c01f !important; } #slider .slider_button:hover i{ background-color: #179cd7 !important; } /*Fade slider*/ .carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; } .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translateX(0); transform: translate3d(0, 0, 0); } /* -------------- Our Partners ----------------- */ #our_partners .partners_text { border-right: 5px solid #92c01f; } #our_partners .owl-nav,#our_partners .owl-dots{ display: none; } #our_partners .partners_text:after { border-style: solid; border-width: 0 1px 6px; content: ""; height: 0; right: -4px; bottom: 40%; width: 0; z-index: 100000; display: block; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 18px solid #92c01f; position: absolute; transform: rotate(90deg); } #partners-loop { display: none; } /* -------------- Who We Are ----------------- */ #our-intro{ padding-bottom: 0px; } .our-intro-head { padding-bottom: 30px; text-align: center; } .our-intro-head small { background-color: #92c01f; padding: 6px; width: 242px; height: 8px; font-size: 14px; letter-spacing: 0px; color: #ffffff; font-weight: 700; } .our-intro-head h3 { margin-top: 10px; font-size: 30px; color: #179cd7; padding: 10px 0px; font-weight: 700; text-align: center; } .our-intro-head p { font-size: 16px; letter-spacing: 0px; line-height: 24px; font-weight: 400; text-align: center; } .our-intro-content a { background-color:#ffdd59; color:#2d9bd7; padding:10px 20px; font-size: 15px; letter-spacing: 2px; transition:1s; } .our-intro-content a:hover { background-color:#2d9bd7; color:#ffdd59; } .our-intro-video iframe { width: 100%; } /* --------------- About Us ---------------- */ #about .section-heading small { text-align: left; font-size: 14px; color: #179cd7; font-weight: 700; } #about .section-heading h4 span{ font-size: 20px; color: #272b46; font-weight: 700; } #about .section-heading p{ width: 587px; height: 50px; font-size: 16px; letter-spacing: 0px; line-height: 28px; font-weight: 400; } .about_outer a h5 { font-size: 16px; color: #272b46; font-weight: 700; } .about_outer p { width: 261px; height: 43px; font-size: 14px; letter-spacing: 0px; line-height: 24px; font-weight: 400; padding-top: 15px; } #about-us .box img { width: 100%; height: auto; padding-top: 4em; } #about-us .box .about_content { padding: 30px; margin: 0; list-style: none; text-align: left; position: relative; top: 11%; height: 100%; color: #ffffff; } #about-us .box .over-layer { position: absolute; top: 0; left: 0; width: 65%; height: 60%; opacity: 0; background-color:#92c01f; transform: translate(0,0); transition: all 0.30s linear 0s; } #about-us .box .over-layer { transform: translate(-18px,10px); opacity: 1; box-shadow: 15px 15px 2px 2px #ffffff; } #about-us i.fas.fa-quote-left.testimonials-quote { font-size: 10em; color: #9dce23; position: relative; bottom: -2%; right: -27px; float: right; } #about-us .box .about_content p { font-size: 18px; line-height: 32px; color: #ffffff; font-weight: 700; } #about-us .box .about_content h3 a { font-size: 24px; line-height: 32px; color: #ffffff; font-weight: 700; } #about-us .box .about_content .post_dec { font-size: 12px; color: #ffffff; font-weight: 400; } .about_outer .about_box { padding-bottom: 2em; } /* --------------- Our Services ---------------- */ #our-services { padding-top: 60px; padding-bottom: 60px; } #our-services .service-img img { width: 100%; } #our-services .our-services-head { text-align: center; padding-bottom: 45px; } #our-services .our-services-head small { background-color: #92c01f; padding: 6px; font-size: 14px; letter-spacing: 0px; color: #ffffff; font-weight: 700; text-align: center; } #our-services .our-services-head h3 { padding-bottom: 0; padding: 10px; margin-top: 10px; font-size: 30px; color: #179cd7; font-weight: 700; text-align: center; } #our-services .our-services-head p { font-size: 16px; letter-spacing: 0px; line-height: 24px; font-weight: 400; text-align: center; } .service-box:hover .services_content{ opacity: 1; transform: scaleY(1); } .services_content{ padding-top: 15%; background: #198fc3eb; position: absolute; top:32%; left: 0; bottom: 0; right: 0; opacity: 0; transform: scaleY(0); transition: all 0.5s ease 0s; width: 100%; height: 100%; } .services-image img{ width: 100% !important; } #our-services .owl-dots { text-align: center; } #our-services button.owl-dot { border:2px solid #2d9bd7; border-radius: 50%; padding: 5px !important; color: #333333; margin-right: 17px; outline: none; margin-top: 20px; margin-bottom: 10px; } #our-services button.owl-dot.active { background-color:#92c01f; border:2px solid #92c01f; } #our-services .services-details a h4 { font-size: 16px; color: #272b46; font-weight: 700; text-align: center; } #our-services .services_content { text-align: center; text-align: center; padding: 30% 30px; font-size: 16px; color: #fff; } #our-services .services-details { text-align: center; padding:20px; margin-bottom: 30px; background-color: #fff; } #our-services .services-details:hover { background-color:#92c01f; } #our-services .services-details:hover h4 { color: #fff; font-size: 16px; color: #ffffff; font-weight: 700; text-align: center; } #our-services .services-details:hover .services-details a h4 { color:#fff !important; } #services-loop { display: none; } /* ------------------ Why Choose Us ---------------- */ #our_work { padding-top:60px; padding-bottom: 60px; } #our_work .work-imge-txt small { background-color: #92c01f; padding: 6px; font-size: 14px; letter-spacing: 0px; color: #ffffff; font-weight: 700; text-align: left; } #our_work .work-imge-txt h3 { padding-bottom: 0; font-size: 30px; color: #179cd7; font-weight: 700; padding: 10px 0px; margin-top: 10px; text-align: left; } #our_work .work-imge-txt p{ padding-bottom: 0; padding-top: 10px; font-size: 16px; line-height: 24px; font-weight: 400; text-align: left; } .workbox1 a h5,.workbox2 a h5,.workbox3 a h5,.workbox4 a h5{ font-size: 18px; color: #272b46; font-weight: 700; text-align: center; } .workbox1 p,.workbox2 p,.workbox3 p,.workbox4 p{ font-size: 14px; letter-spacing: 0px; line-height: 24px; font-weight: 400; text-align: center; padding:20px; } .workbox1{ background: #ebf9ff; padding: 40px 10px; -webkit-clip-path: polygon(0% 0%, 0% 0%, 100% 0, 100% 85%, 0% 100%); clip-path: polygon(0% 0%, 0% 0%, 100% 0, 100% 85%, 0% 100%); text-align: center; } .workbox2{ background: #ebf9ff; padding: 40px 10px; -webkit-clip-path: polygon(0% 0%, 0% 0%, 100% 0, 100% 100%, 0% 85%); clip-path: polygon(0% 0%, 0% 0%, 100% 0, 100% 100%, 0% 85%); text-align: center; } .workbox3{ background: #ebf9ff; padding: 40px 10px; -webkit-clip-path: polygon(0% 0%, 0% 16%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 0% 16%, 100% 0, 100% 100%, 0% 100%); text-align: center; } .workbox4{ background: #ebf9ff; padding: 40px 10px; -webkit-clip-path: polygon(0% 0%, 0% 0%, 100% 16%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 0% 0%, 100% 16%, 100% 100%, 0% 100%); text-align: center; } .workbox1 img,.workbox2 img,.workbox3 img,.workbox4 img{ padding: 10px; } .workbox1:hover,.workbox2:hover,.workbox3:hover,.workbox4:hover{ background-color: #92c01f; color:#fff; } .workbox1:hover h5,.workbox2:hover h5,.workbox3:hover h5,.workbox4:hover h5{ font-size: 18px; color: #fefefe; font-weight: 700; text-align: center; } .workbox1:hover p,.workbox2:hover p,.workbox3:hover p,.workbox4:hover p{ color: #fefefe; } .workbox1:hover img ,.workbox2:hover img,.workbox3:hover img,.workbox4:hover img{ background-color: #fff; padding: 10px; border-radius: 50%; } /* ------------------ Pricing Plans ---------------- */ #membership { padding-top:60px; padding-bottom: 60px; } #membership .section-heading{ text-align: center; padding-bottom: 40px; } #membership .section-heading small { background-color: #92c01f; padding: 5px; width: 227px; height: 20px; font-size: 14px; letter-spacing: 0px; color: #ffffff; font-weight: 700; text-align: center; } #membership .section-heading h3 { padding-bottom: 0; font-size: 30px; color: #179cd7; font-weight: 700; text-align: center; padding-top: 10px; margin: 10px 0px; } .membership-box{ padding: 20px; } .membership-heading-box h4 { background-color: #92c01f; margin: 25px 0px; padding: 10px 0; border-radius: 0px 50px 50px 0px; display: inline-block; width: 80%; padding-left: 10px; font-weight: 700; font-size: 20px; color: #fff; } .plans-content { padding-bottom: 3em; } .select-plans h4{ text-align: center; margin: 20px 0px; } .select-plans h4 a.theme_button { background-color: #179cd7; padding: 15px 0px 15px 40px; border: none; text-align: center; line-height: 36px; font-size: 14px; letter-spacing: 1px; color: #ffffff; font-weight: 700; } .select-plans h4 a.theme_button i.fas.fa-angle-right { padding: 17px; background-color: #92c01f; margin-left: 7px; display: inline-block; } .plans-content li { list-style: none; padding: 10px; height: 28px; font-size: 14px; letter-spacing: 0px; line-height: 36px; color: #8f91a0; font-weight: 400; } .plans-content li.tick:before { content: "\f00c"; color: #92c01f; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: 20px; font-size: 12px; } .membership-heading-box h3 { text-align: left; color: #2d9bd7; padding: 30px; font-size: 50px; line-height: 30px; font-weight: 700; } .membership-heading-box h3:first-letter { font-size: 16px; line-height: 30px; color: #2d9bd7; font-weight: 700; } .membership-heading-box h3 span { margin-left: 5px; font-size: 14px; letter-spacing: 0px; line-height: 36px; color: #8f91a0; font-weight: 400; } .membership-box:hover > .membership-heading-box h4 { background-color: #2d9bd7; } .membership-box:hover > .membership-heading-box h3,.membership-box:hover > .membership-heading-box h3:first-letter{ color: #92c01f; } .membership-box:hover > .select-plans h4 a.theme_button{ background-color: #92c01f !important; } .membership-box:hover .select-plans h4 a.theme_button i.fas.fa-angle-right{ background-color: #179cd7 !important; } /*------Even member function css-------*/ #membership .pricing-plans:nth-child(even) .membership-heading-box h4 { background-color: #2d9bd7; } #membership .pricing-plans:nth-child(even) .membership-heading-box h3,#membership .pricing-plans:nth-child(even) .membership-heading-box h3:first-letter{ color: #92c01f; } #membership .pricing-plans:nth-child(even) .select-plans h4 a.theme_button{ background-color:#92c01f; } #membership .pricing-plans:nth-child(even) .select-plans h4 a.theme_button i.fas.fa-angle-right{ background-color:#179cd7; } #membership .pricing-plans:nth-child(even):hover .membership-heading-box h4 { background: #92c01f; } #membership .pricing-plans:nth-child(even):hover .membership-heading-box h3,#membership .pricing-plans:nth-child(even):hover .membership-heading-box h3:first-letter { color:#2d9bd7; } #membership .pricing-plans:nth-child(even):hover .select-plans h4 a.theme_button i.fas.fa-angle-right { background-color: #92c01f; } #membership .pricing-plans:nth-child(even):hover .select-plans h4 a.theme_button{ background-color: #179cd7; } /*-------------------OUR PROJECT---------------------------*/ #our-featured-projects { padding-top: 60px; padding-bottom: 60px; } #our-featured-projects .featured-projects-head { text-align: center; padding-bottom: 25px; } #our-featured-projects .featured-projects-head small { background-color: #92c01f; padding: 6px; font-size: 14px; letter-spacing: 0px; color: #ffffff; font-weight: 700; text-align: center; } #our-featured-projects .featured-projects-head h3 { padding-bottom: 10px; padding-top: 10px; font-size: 30px; margin-top: 10px; color: #179cd7; font-weight: 700; text-align: center; } #our-featured-projects .projects-tabs { text-align: center; padding-bottom: 50px; } #our-featured-projects .projects-tabs ul { list-style-type: none; border:1px solid #fff; margin-left: 0; padding: 15px; margin: 0 auto; width:max-content; max-width: 100%; } #our-featured-projects .projects-tabs ul li { display: inline-block; } #our-featured-projects .projects-tabs ul li a { padding: 6px 25px; font-size: 16px; color: #000000; font-weight: 600; text-align: center; letter-spacing: 1px; } #our-featured-projects .projects-tabs ul li .active { background-color: #92c01f; padding: 6px 25px; font-size: 16px; color: #ffffff; font-weight: 700; text-align: center; } #our-featured-projects .owl-dots { text-align: center; padding-top: 30px; } #our-featured-projects .owl-dots button { border:2px solid #2d9bd7; border-radius: 50%; padding: 5px !important; color: #333333; margin-right: 17px; outline: none; margin-top: 20px; margin-bottom: 10px; } #our-featured-projects .owl-dots .active { background-color:#92c01f; border:2px solid #92c01f; } .projects-image .overlay { position: absolute; bottom: 0; left: 0; right: 0; background-color:#292823b5; overflow: hidden; width: 100%; height: 0; transition: .5s ease; } .projects-image:hover .overlay { height:50%; } .projects-image:hover .project-details{ display: none; } .projects-image .text { color: white; font-size: 20px; position: absolute; top:50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: left; width: 70%; } .projects-image img{ display: inline-block !important; } .project-hname { padding-right: 10px; } .project-details{ text-align: center; position: absolute; bottom: 0px; width: 100%; text-align: center; padding: 25px; background-color: #000000a6; } .projects-image a { text-align: center; font-size: 16px; color: #fefefe; font-weight: 700; } .projects-image p { text-align: left; padding: 10px; font-size: 14px; letter-spacing: 1px; line-height: 24px; color: #ffffff; font-weight: 400; overflow: hidden; } #our-featured-projects .post-type-msg { color:#fff; } #project-loop { display: none; } /* ---------------- Our serve ----------------- */ #our-serve .section-heading{ text-align: center; } #our-serve .section-heading small { background-color: #92c01f; padding: 6px; font-size: 14px; letter-spacing: 0px; color: #ffffff; font-weight: 700; text-align: center; } #our-serve .section-heading h3 { padding-bottom: 0; padding-top: 10px; font-size: 30px; color: #179cd7; font-weight: 700; text-align: center; margin: 15px 0px; } #our-serve .section-heading p{ font-size: 16px; letter-spacing: 0px; line-height: 24px; font-weight: 400; text-align: center; } #our-serve .serve_head h4 { position: absolute; transform: translate(-50%,-50%); margin: 0 auto; text-align: center; top: 50%; left: 50%; } #our-serve .serve_head h4 a{ font-size: 14px; letter-spacing: 0px; color: #272b46; font-weight: 700; text-align: center; } #our-serve .serve_head { background-color: rgb(235, 249, 255); display: inline-block; width: 100%; text-align: center; margin: 0px; padding: 4em 0px 5em 20px; } #our-serve .serve_head img{ display: none; } #our-serve .serve_head:hover{ padding: 0px; transition: none; } #our-serve .serve_head:hover img{ display: block; } #our-serve .serve_head:hover> h4 a{ color: #fff; } /* ---------------- Our Team ----------------- */ #our-Team { padding-top: 50px; padding-bottom: 60px; background-size: 100%; } #our-Team .our-Team-head { text-align: center; padding-bottom: 13px; } #our-Team .our-Team-head small { background-color: #92c01f; padding: 5px; width: 160px; height: 16px; font-size: 14px; letter-spacing: 1px; color: #ffffff; font-weight: 700; text-align: center; } #our-Team .our-Team-head h3 { padding-bottom: 0; padding-top: 10px; font-size: 30px; color: #179cd7; font-weight: 700; text-align: center; margin: 10px 0px; } #our-Team .our-Team-head p { font-size: 16px; letter-spacing: 0px; line-height: 24px; color: #ffffff; font-weight: 400; text-align: center; padding: 0 16em; margin-bottom: 0; } .Team-box { width: 100%; position: relative; bottom: -1em; margin-bottom: 5em; } .our-Team-content .Team-name { background-color: #ebf9ff; padding: 40px 0px; width: 100%; color: #0f3661; font-weight: bold; text-align: center; } .our-Team-content .Team-name a { font-size: 18px; line-height: 30px; color: #272b46; font-weight: 700; text-align: center; } .our-Team-content .Team-name small { font-size: 14px; letter-spacing: 1px; line-height: 30px; color: #8f91a0; font-weight: 600; font-style: italic; text-align: center; } .teambox-content .social{ border-bottom: 2px solid #179cd7; text-align: center; } .teambox-content .social a { padding: 14px; background-color: #ffffff; margin-right: 4px; display: inline-block; font-size: 14px; letter-spacing: 3px; color: #8f91a0; text-align: center; } .teambox-content .social a i{ font-size: 13px; letter-spacing: 3px; width: 15px; text-align: center; } .our-Team-content:hover > .teambox-content .social{ border-bottom: 2px solid #92c01f; } .teambox-content .social a:hover{ background-color:#92c01f; color:#fff; } #our-Team .owl-dots { text-align: center; padding-top: 40px; } #our-Team .owl-dots button { border:2px solid #2d9bd7; border-radius: 50%; padding: 5px !important; color: #333333; margin-right: 17px; outline: none; margin-top: 20px; margin-bottom: 10px; } #our-Team .owl-dots .active { background-color:#92c01f; border:2px solid #92c01f; } #team-loop { display: none; } /* ----------------- Our Video -------------------- */ #video{ padding: 10em 0px; } .video_overlay img { margin: 0 auto; display: table; } .popup { width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.77); z-index: 9999; } /* Inner */ .popup-inner { max-width: 1000px; width: 90%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: 0px 2px 6px rgba(0, 0, 0, 1); border-radius: 3px; } /* Close Button */ .popup-close { width: 30px; height: 30px; padding-top: 4px; display: inline-block; position: absolute; top: 0px; right: 0px; transition: ease 0.25s all; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); border-radius: 1000px; background: rgba(0, 0, 0, 0.8); font-size: 20px; text-align: center; line-height: 100%; color: #fff; } .popup-close:hover { -webkit-transform: translate(50%, -50%) rotate(180deg); transform: translate(50%, -50%) rotate(180deg); background: rgba(0, 0, 0, 1); text-decoration: none; } .over_video { position: relative; } .over_video img { width: 100%; } .ps_video { padding: 5px; border-radius: 50%; display: table; margin: 0 auto; } .popup-inner .video { line-height: 0.5; } /* ------------ Video Popup ----------------- */ /* The Modal (background) */ #video .modal-new { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 999999999999; padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ #video .modal-contents { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; transition: 2s; } /* The Close Button */ #video .close-one { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } #video .close-one:hover, #video .close-one:focus { color: #000; text-decoration: none; cursor: pointer; } /* -------------- Testimonials -------------------- */ #our-testimonial { padding-top: 60px; padding-bottom: 60px; background-size: 100%; } #our-testimonial .testimonial-head { padding-bottom: 30px; text-align: center; } #our-testimonial .testimonial-head small { background-color: #92c01f; padding: 6px; width: 224px; height: 18px; font-size: 14px; letter-spacing: 0px; color: #ffffff; font-weight: 700; text-align: center; } #our-testimonial .testimonial-head h3 { padding-top: 10px; font-size: 30px; color: #179cd7; font-weight: 700; margin: 10px 0px; text-align: center; } #our-testimonial .testimonial-head p { font-size: 16px; letter-spacing: 0px; line-height: 24px; color: #ffffff; font-weight: 400; text-align: center; padding: 0 15em; } #our-testimonial .testimonial-contents { padding-top: 20px; margin: 0; } #our-testimonial .testimonial-contents p:first-child { overflow: hidden; font-size: 14px; letter-spacing: 0px; line-height: 30px; font-weight: 400; text-align: center; padding: 2em 1em; } #our-testimonial .testimonial-contents p:not(:first-child) { display: none; } #our-testimonial .testimonial-contents h6 { padding-top: 10px; padding-bottom: 0px; } #our-testimonial .testimonial-contents h6 a { letter-spacing: 0px; font-size: 16px; color: #179cd7; font-weight: 700; text-align: center; } #our-testimonial .testimonial-contents span { letter-spacing: 1px; color: #202020; font-weight: 400; text-align: center; } #our-testimonial .testimonial-contents .owl-dots { text-align: center; padding-top: 20px; } #our-testimonial .student-info img { border-radius: 50%; height: 67%; } #our-testimonial .testimonial-contents .owl-dots button { border: 2px solid #2d9bd7; border-radius: 50%; padding: 5px !important; color: #333333; margin-right: 17px; outline: none; margin-top: 20px; margin-bottom: 20px; } #our-testimonial .testimonial-contents .owl-dots .active { background-color:#92c01f; border: 2px solid #92c01f; outline: none; } #our-testimonial .testimonial-det { padding: 50px 40px 50px 40px; width: 370px; height: 475px; border-radius: 3px; box-shadow: 0 0 20px rgba(0,0,0,0.1); background-color: #ffffff; } #our-testimonial .owl-carousel .owl-stage-outer{ padding-left: 0px; padding-bottom: 10px; } #our-testimonial .student-info { padding-top:3%; text-align: center; } #our-testimonial .post-type-msg { color:#fff; } #our-testimonial .testimonial-contents { margin: 0; width: 100%; position: relative; bottom: 0em; margin-bottom: -12em; padding-top: 0px; } /* --------------- Recent Post ------------- */ #recent-post { clear: both; padding-top: 10%; padding-bottom: 60px; } #recent-post .recent-post-head { text-align: center; padding-bottom: 40px; padding-top: 2em; } #recent-post .recent-post-head small { background-color: #92c01f; padding: 6px; width: 160px; height: 14px; font-size: 14px; letter-spacing: 1px; color: #ffffff; font-weight: 700; text-align: center; } #recent-post .recent-post-head h3 { padding-top: 10px; font-size: 30px; color: #179cd7; font-weight: 700; text-align: center; margin: 10px; } #recent-post .recent-post-head p { font-size: 16px; letter-spacing: 0px; line-height: 24px; font-weight: 400; text-align: center; } #recent-post .recent-post-content h5 { padding-bottom: 15px; } #recent-post .recent-post-content h5 a { font-size: 24px; letter-spacing: 1px; color: #0f3661; } #recent-post .recent-post-meta { padding-bottom: 15px; } #recent-post .recent-post-meta i { color:#ffdd59; padding-right: 10px; } #recent-post .recent-post-meta span { font-size: 13px; letter-spacing: 0px; color:#0f3661; } #recent-post .recent-post-meta span a { font-size: 13px; letter-spacing: 0px; color:#0f3661; } #recent-post .recent-post-meta .blog-date { padding-right: 10px; font-size: 14px; letter-spacing: 1px; color:#8f91a0; font-weight: 700; } #recent-post .recent-post-content .recent-post-text { padding-bottom: 15px; } #recent-post .recent-post-content .recent-post-text p { font-size: 13px; letter-spacing: 0px; line-height: 30px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 5.6rem; } #recent-post .recent-post-content .read-more { background-color:#ffdd59; color:#0f3661; font-size: 13px; letter-spacing: 1px; padding: 10px 20px; transition: 1s; } #recent-post .recent-post-content .read-more:hover { background-color:#0f3661; color:#ffdd59; } #recent-post .recent-post-content { padding-bottom: 20px; } #recent-post .recent-post-content img { transition: 2s; } #recent-post .recent-post-content .post-image { overflow: hidden; } #recent-post .recent-post-content:hover img { transform: scale(1.1); } #recent-post .recent-post-det { padding: 30px 10px; background-color: #ebf9ff; } .firstoverlay .subcontent { position: absolute; bottom: 4em; text-align: left; padding: 10px 2em; font-size: 22px; line-height: 30px; color: #ffffff; font-weight: 600; } .recent-post-text h5.latest_post_name a{ font-size: 20px; letter-spacing: 0px; color: #000; font-weight: 600; } .firstoverlay .subcontent h5.latest_post_name1 a { font-size: 20px; letter-spacing: 0px; color: #fff; font-weight: 600; } .recent-post-det .recent-post-text { margin-bottom: 10px; font-size: 16px; letter-spacing: 0px; line-height: 30px; color: #272b46; font-weight: 600; } .recent-post-det a.read-more { font-size: 14px; line-height: 30px; color: #92c01f; font-weight: 700; } #Blog-loop { display: none; } /* --------------- Footer Contact Details---------------- */ #footer_contact_section .footer_details{ padding:20px 0px; } #footer_contact_section .footer_details{ text-align: center; } #footer_contact_section .fcontact_details p { font-size: 22px; line-height: 30px; color: #ffffff; font-weight: 200; text-align: center; margin-bottom: 0; } #footer_contact_section .footer_contact_icon { padding: 15px; } .fcontact_details { padding-top: 20px; } /*------------------GET IN TOUCH-------------------------*/ .get_in_touch .footer_form .section-heading{ text-align: center; } .get_in_touch .footer_form .section-heading small { background-color: #92c01f; padding: 6px; font-size: 14px; letter-spacing: 1px; color: #ffffff; font-weight: 700; text-align: center; } .get_in_touch .footer_form .section-heading h3 { padding-top: 10px; font-size: 30px; color: #179cd7; font-weight: 700; text-align: center; margin: 10px 0px; } .get_in_touch .footer_form .section-heading p { font-size: 16px; letter-spacing: 0px; line-height: 24px; font-weight: 400; text-align: center; margin-bottom: 5em; } .get_in_touch .form_outer{ text-align: center; } /* --------------- Footer---------------- */ #footer .widget_nav_menu ul li a { font-size:15px; letter-spacing: 0px; color:#858d9e; } #footer .widget_nav_menu .current_page_item a { color:#858d9e; } #copyright { text-align: center; padding-top: 0px; } .home #footer .contact-form { background-color:#fff; padding: 30px 30px 50px 30px; position: absolute; top: -70%; left: 0; right: 0; text-align: center; } #footer .contact-form { background-color:#fff; padding: 30px 30px 70px 30px; top: -70%; left: 0; right: 0; text-align: center; } .footercontactform { position: unset !important; padding-bottom: 70px !important; } .main-footer { padding-bottom: 5em !important; } #footer .contact-form .widget h3 { font-size: 27px; color: #858d9e; text-align: center; font-weight: normal; } #footer .contact-form .widget input::placeholder { font-size: 14px; letter-spacing: 1px; color:#858d9e; } #footer .contact-form .widget textarea::placeholder { font-size: 14px; letter-spacing: 1px; color:#858d9e; } #footer .contact-form .widget input { border:1px solid #858d9e; padding: 11px 11px; } #footer .contact-form .widget textarea { border:1px solid #92a4b7; } #footer #footer-menu-text .widget { padding-bottom: 30px; } #footer .contact-form .widget select { background-color:transparent; padding: 15px; margin-bottom: 10px; margin-top: 5px; } /* ---------------- Shortcodes -------------- */ .single-pages-content .services-details { text-align: center; padding: 20px; margin-bottom: 30px; background-color: #fff; } .service-box{ margin-bottom: 2em; } .services-details h4 a{ font-size: 16px; color: #272b46; font-weight: 700; text-align: center; } .single-pages-content .service-box:hover .services_content { opacity: 1; transform: scaleY(1); } .single-pages-content .services_content { padding-top: 15%; background: #198fc3eb; position: absolute; top: 30%; left: 0; bottom: 0; right: 0; opacity: 0; transform: scaleY(0); transition: all 0.5s ease 0s; width: 100%; height: auto; text-align: center; padding: 30% 30px; font-size: 16px; color: #fff; } .single-pages-content .services-box a { font-size: 16px; color: #272b46; font-weight: 700; text-align: center; } .single-pages-content .services-details:hover { background-color: #92c01f; } .single-pages-content .services-details:hover h4 a{ font-size: 16px; color: #ffffff; font-weight: 700; text-align: center; } .project_icon.row { padding: 10px 0px; } .projects-box { box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); margin: 5px 5px; } .projects-box h4 a { color: #2d9bd7; } .projects-box .project-duration { padding-top: 15px; } .Teams-box h4 a { color:#2d9bd7; } .Teams_box { margin-bottom: 60px; } .Teams_box .short_text { font-size: 14px; letter-spacing: 0px; line-height: 26px; color:#90939c; } .Teams_box .inst_socialbox i { background-color:#2d9bd7; color:#fff; width: 40px; padding: 12px 10px 12px 13px; border-radius:50%; margin-right: 10px; } .Teams_box .inst_socialbox i:hover { background-color:#ffdd59; color:#143960; } .main_title h1 { color: #13182c; font-weight: normal; font-size: 30px; padding-top: 25px; } /* ---------- Testimonials ---------------- */ .testimonial_box { text-align: center; padding: 50px 40px 50px 40px; width: auto; height: 475px; border-radius: 3px; box-shadow: 0 0 20px rgba(0,0,0,0.1); } .testimonial_box .image-box img { border-radius: 50%; } .testimonial_box .course-name { font-size: 16px; letter-spacing: 1px; color: #179cd7; margin-bottom: 0px; padding-top: 15px; } .testimonial_box .testimonial_name a { color: #179cd7; } .testimonial_box .short_text p { font-size: 14px; letter-spacing: 1px; line-height: 27px; color: #999ba3; } #testimonial-loop { display: none; } /* -------------- Single Pages ---------------- */ #single-services-page p { font-size: 14px; letter-spacing: 0px; line-height: 26px; color: #90939c; padding-top: 20px; } #single-projects-page .project-duration { font-size: 16px; letter-spacing: 1px; line-height: 27px; color:#143960; padding-top: 15px; } #single-projects-page .client-name { font-size: 16px; letter-spacing: 1px; line-height: 27px; color:#143960; } #single-projects-page .project-text p { font-size: 15px; line-height: 27px; color:#90939c; } #single-Team .Team-desig { font-size: 16px; letter-spacing: 1px; color: #143960; padding-top: 15px; } #single-Team .Team-email { font-size: 16px; letter-spacing: 1px; color: #143960; } #single-Team .Team-call { font-size: 16px; letter-spacing: 1px; color: #143960; } #single-Team .social-icon { padding-top: 20px; padding-bottom: 20px; } #single-Team .social-icon i { background-color: #143960; color: #fff; width: 40px; padding: 12px 10px 12px 13px; border-radius: 50%; margin-right: 10px; } #single-Team .social-icon i:hover { background-color:#ffdd59; color:#143960; } #single-Team .single-Team-content p { font-size: 15px; letter-spacing: 0px; line-height: 26px; color: #90939c; } #single-testimonial .testimonials-desig { font-size: 16px; letter-spacing: 1px; color: #143960; padding-top: 15px; } #single-testimonial .social-icon { padding-top: 10px; padding-bottom: 20px; } #single-testimonial .social-icon i { background-color: #143960; color: #fff; width: 40px; padding: 12px 10px 12px 13px; border-radius: 50%; margin-right: 10px; } #single-testimonial .social-icon i:hover { background-color:#ffdd59; color:#143960; } #single-testimonial .single-testimonial-content p { font-size: 15px; letter-spacing: 0px; line-height: 26px; color: #90939c; } /*--------------- Sidebar -----------------*/ #sidebar .textwidget input[type="submit"]{ width: 100%; } #sidebar .textwidget label { width: 100%; float: left; margin-bottom: 0; } #sidebar .textwidget input[type="submit"] { background: #333; border: none; color: #ffffff; padding: 14px 0; font-size: 15px; margin: 0; } #sidebar form{ display: table; width: 100%; border: 1px solid #bbb; } #sidebar h3 { background-color: #9dc842; color: white; font-weight: bold; padding: 12px 15px 12px 15px; font-size: 14px; width: 75%; position: relative; margin-top: -10%; text-align: center; margin-left: auto; margin-right: auto; } .widget_categories select { width: 100%; padding: 6px; } #sidebar input[type="search"] { background: transparent; border: none; color: #aab3bc; padding: 14px 10px; font-size: 16px; margin: 0; width: 100% !important; } #sidebar label{ width:71%; float:left; margin-bottom:0; } #sidebar input[type="submit"] { background: #2d9bd7; border: none; color: #ffffff; padding: 14px 0; font-size: 15px; margin: 0; width: 100%; } #sidebar aside{ margin-bottom:40px; border:2px solid #2d9bd7; padding: 10px; } #sidebar ul { list-style:none; margin:0; padding:0; font-size:17px; } #sidebar ul li{ line-height: 32px; background: url('./images/arrow-right.png') no-repeat 0px 10px; } #sidebar ul li a{ color:#708090; } #sidebar .tagcloud a{ background:#13182c; color:#fff; font-size:15px !important; padding:5px 18px; margin:10px 0 5px; display:inline-block; } #sidebar .tagcloud a:hover{ background:#13182c; } #sidebar .widget_recent_entries ul li{ background: none; } #sidebar .post-content { line-height: 20px; margin-bottom: 15px; } span.credit_link a { color: #2d9bd7 !important; } /* -------------- page with left sidebar ------------ */ .sidebar-content_page h1 { color: #13182c; font-weight: normal; } .sidebar-content_page h2 { color: #13182c; font-weight: normal; } .sidebar-content_page h3 { color: #13182c; font-weight: normal; } .sidebar-content_page h4 { color: #13182c; font-weight: normal; } .sidebar-content_page h5 { color: #13182c; font-weight: normal; } .sidebar-content_page h6 { color: #13182c; font-weight: normal; } .sidebar-content_page p { font-size: 14px; letter-spacing: 1px; line-height: 27px; color: #90939c; } .single-pages-content h1 { color: #13182c; font-weight: normal; } .single-pages-content h2 { color: #13182c; font-weight: normal; } .single-pages-content h3 { color: #13182c; font-weight: normal; } .single-pages-content h4 { color: #13182c; font-weight: normal; } .single-pages-content h5 { color: #13182c; font-weight: normal; } .single-pages-content h4 { letter-spacing: 0px; font-size: 16px; color: #179cd7; font-weight: 700; } .single-pages-content p { font-size: 16px; letter-spacing: 1px; line-height: 27px; color: #90939c; } .taxonomy-description { font-size: 14px; letter-spacing: 1px; line-height: 27px; color: #90939c; padding-bottom: 20px; } .single-pages-content #comments { display: none; } /*------------- Page -----------------*/ .title-box{ color:#fff; text-transform:uppercase; font-weight:bold; text-align:center; margin-bottom:25px; } .title-box img{ width:100%; } .title-box h1 { font-weight: bold; text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58); font-size: 34px; } .above_title { position: absolute; right: 0; left: 0; margin-top: 10%; } .read-moresec{ margin:2% 0; } .middle-content { padding-bottom: 20px; } /*---------------- Pagination ----------------*/ .navigation { font-size:14px; font-weight:bold; margin: 10px 0; } .navigation a { padding: 0; } .navigation span, .navigation a { display: block; float: left; padding: 10px 15px 0 15; margin-bottom: 10px; margin-right: 10px; color: #5b5b5b; -webkit-transition: background .15s ease-in-out; -moz-transition: background .15s ease-in-out; -ms-transition: background .15s ease-in-out; -o-transition: background .15s ease-in-out; transition: background .15s ease-in-out; font-weight: normal; } .navigation span.meta-nav { font-weight: bold; } .navigation .current{ background: #333333; color:#ffffff; font-weight:normal; } /* ------------- Category --------------------*/ .category-page h4{ text-align: left !important; } ul.post-categories { list-style: none; margin: 0; } ul.post-categories a { color: #333333; } .content_boxes { padding: 0; border: none; } .post_ctg span { float: left; margin-right: 7px; } /*-------------- Main Title ---------------*/ .share_icon { padding-top: 20px; padding-bottom: 10px; } .share_icon i { padding: 10px 10px 10px 8px; margin: 0 0; color: #ffffff; background-color: #333333; border-radius: 50%; width: 36px; margin: 0 4px; text-align: center; } .share_icon i.fab.fa-facebook-f{ background-color: #3c5a99; } .share_icon i.fab.fa-linkedin-in{ background-color: #007bb5; } .share_icon i.fab.fa-google-plus-g{ background-color: #da4835; } .share_icon i.fab.fa-twitter{ background-color: #55acee; } .services_inner h4, .services_inner .short_text { color: #ffffff; } .view-more { width: 100%; margin: 0 auto; text-align: center; } .menubar.scrolled li.search-box { display: block !important; } /*-------------- Owl crousel ---------------*/ .owl-carousel .owl-item img { width: auto !important; margin: 0 auto; } button.owl-prev, button.owl-next { background: #ffffff; border: 1px solid #000; padding: 6px 9px; } button.owl-next.disabled, button.owl-prev.disabled { background: #bbb; } /*-------------- Woocommerce ---------------*/ .woocommerce .summary h1 { font-size: 28px; } .woocommerce div.product form.cart div.quantity { margin-right: 20px; } .woocommerce .quantity input{ padding: 5px 0px; } .woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #2d9bd7; border-radius: 0; padding: 10px 14px; color: #ffffff; } .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{ color: #2d9bd7; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ background: #ffffff; color: #333333; border: 1px solid #2d9bd7; } #contentwoocom { padding: 20px 15px; } h2.woocommerce-loop-product__title { text-align: center; } .woocommerce ul.products li.product .price{ text-align: center; } .woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart { text-align: center; margin: 0 auto; display: table; margin-bottom: 20px; } li.product { border: 1px solid #ddd; padding-bottom: 17px; } .woocommerce span.onsale{ background-color: #2d9bd7; } .woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{ max-width: 100%; } input#password, input#reg_password { padding: 10px; } .woocommerce div.product form.cart .variations select{ background-color: #ffffff; } .u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address { width: 100%; max-width: 100%; } .woocommerce a.added_to_cart { padding: 0 .5em .5em; display: inline-block; } .woocommerce div.product .product_title { font-size: 26px; color: #2d9bd7; font-weight: bold; } .woocommerce h2 { font-size: 26px; color: #2d9bd7; font-weight: bold; } .woocommerce .woocommerce-Tabs-panel p { font-size: 14px; letter-spacing: 0px; color: #7a7773; line-height:26px; } .woocommerce input#coupon_code { width:140px; } .woocommerce .woocommerce-cart-form__cart-item td a { color: #7a7773; } .woocommerce .woocommerce-billing-fields h3 { font-size: 26px; color: #2d9bd7; font-weight: bold; } .woocommerce .woocommerce-additional-fields h3 { font-size: 26px; color: #2d9bd7; font-weight: bold; } .woocommerce #order_review_heading { font-size: 26px; color: #2d9bd7; font-weight: bold; } .woocommerce .woocommerce-MyAccount-navigation ul { list-style-type: none; } .woocommerce .woocommerce-MyAccount-navigation ul li a { font-size:15px; color: #2d9bd7; font-weight: bold; } .woocommerce .woocommerce-MyAccount-content a { color: #2d9bd7; } .woocommerce .woocommerce-LostPassword a { font-size:18px; color: #2d9bd7; } .woocommerce .posted_in a { color:#2d9bd7; } span.woocommerce-input-wrapper { width: 100%; } .woocommerce .col-1, .col-2 { max-width: 100%; } /*-------------- media section ---------------*/ @media screen and (max-width:576px) { #site_top { background: linear-gradient(to right,#272b46 100%, #ffffff 23%); padding-bottom: 0px; } .search_popup label{ width: 56%; } .search_popup input.search-field{ padding: 5.5% 0; } .logo { text-align: center; padding: 10px; } #slider h3,#slider p,#slider .carousel-indicators{ display: none; } #slider .small-heading{ margin-bottom: 30px; background-color: transparent; } .slider_button i.fas.fa-angle-right{ padding: 12px; } #slider .read-more{ padding: 10px 7px; } .Team-box{ bottom: 0em; margin-bottom: 0px; } .teambox-content .social{ text-align: center; } span.price-icon{ padding: 15px 15px 17px 18px; } .plans-content li{ padding: 2% 0px; height: auto; } #our-testimonial .testimonial-contents { bottom: 0em; margin-bottom: -20em; } .firstoverlay .subcontent { bottom: 10px; font-size: 14px; } .workbox1,.workbox2,.workbox3,.workbox4{ clip-path: none; margin:10px 0px; padding: 5px; } #about-us .box .about_content p{ font-size: 20px; } .contact-info { box-shadow: none; padding: 0px; position: unset; background: #fff; } #recent-post .recent-post-head{ padding-top: 14em; } #our-Team{ overflow-x: hidden; background-size: 100% 50%; } .about_outer p{ width: auto; } #about .section-heading p{ height: auto; } .about_outer .about_box { padding-bottom: 6em; } #about-us i.fas.fa-quote-left.testimonials-quote{ font-size: 2em; } #our-Team .our-Team-head h3{ margin:0px 0px; } #about-us .box .over-layer{ position: unset; width: auto; height: auto; transform: none; } #about-us,#about-us .box img{ padding-top: 0px; } .membership-heading-box h3{ padding:23px; font-size: 40px; } #our-testimonial { background-size: 100% 50%; } .membership-box { margin-top: 10px; } .projects-image img{ display: block !important; } #recent-post .second_box{ margin-top: 20px; } #recent-post .second_box .post-image img{ width: 100% !important; } .work-imge-txt { text-align: center; } } @media screen and (min-width: 577px) and (max-width:767px){ #site_top { background: linear-gradient(to right,#272b46 100%, #ffffff 23%); padding-bottom: 0px; } .logo{ text-align: center; } #slider .carousel-indicators,#slider .inner_carousel h3{ display: none; } #slider .inner_carousel p{ width: auto; height: auto; padding: 10px 0px; } .Team-box{ bottom: -4em; } .select-plans h4 a.theme_button{ padding: 16px 0px 17px 5px; } .membership-box{ margin-top: 10px; } span.price-icon{ padding: 15px 15px 17px 18px; } .contact-info { box-shadow: none; padding: 0px; position: unset; background: #fff; } #our-testimonial .testimonial-det{ width: auto; } #recent-post{ padding-top: 16%; } .plans-content li{ padding:0px; height: auto; } .membership-heading-box h3{ font-size: 38px; } .membership-heading-box h4{ width: 100%; } #about-us{ padding-top: 0px; } .about_outer p{ width: auto; } #about-us i.fas.fa-quote-left.testimonials-quote{ bottom: 2%; } .workbox1,.workbox2,.workbox3,.workbox4{ clip-path: none; margin:10px 0px; padding: 5px; } .projects-image:hover .overlay { height: 60%; } .firstoverlay .subcontent{ bottom: 1em; } #our_work .work-imge-txt small,#our_work .work-imge-txt h3,#our_work .work-imge-txt p,.work-imge-txt { text-align: center; } } @media screen and (max-width:719px) { .menubar.scrolled.hmenu { background-color: #222222; height: auto; } .contact-info { margin: 0 !important; } .search-box{ float: none; } .menubar .nav ul li ul{ display:none; z-index:2; font-weight:normal; } #our-testimonial .testimonial-det{ width: auto; } #our_partners .partners_text { text-align: center; border-right: none !important; } #our_partners .partners_text:after{ display: none; } #recent-post .second_box{ margin-top: 20px; } #recent-post .second_box .post-image img{ width: 100% !important; } #our_work .work-imge-txt small,#our_work .work-imge-txt h3,#our_work .work-imge-txt p,.work-imge-txt { text-align: center; } } @media screen and (min-width: 768px) and (max-width:991px){ #site_top{ background: linear-gradient(to right,#272b46 100%, #ffffff 23%) } .logo{ text-align: center; } .contact-info { box-shadow: none; padding: 0px; position: unset; background: #fff; } .projects-image:hover .overlay { height: 70%; } #membership{ padding-top: 0px; } .membership-box{ margin-top: 10px; } .membership-heading-box h4{ width: 100%; font-size: 16px; } .membership-heading-box h3{ padding: 0px; } .select-plans h4 a.theme_button{ padding: 12px 0px 12px 9px; font-size: 12px; } .select-plans h4 a.theme_button i.fas.fa-angle-right{ padding: 13px; } #recent-post .second_box{ margin-top: 20px; } #recent-post .second_box .post-image img{ width: 100% !important; } #our_work .work-imge-txt small,#our_work .work-imge-txt h3,#our_work .work-imge-txt p,.work-imge-txt { text-align: center; } } @media screen and (max-width: 1024px){ #our-services .services-details a h4{ font-size: 13px; } #recent-post .innercontent { margin-top: 10px; } .thumb_image_border{ display: none; } .main-navigation ul ul{ background-color: transparent; } .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{ border-bottom: none; } .toggle-nav { display: none; position: relative; float: right; right: 15px; height: 30px; width: 30px; cursor: pointer; z-index: 999999; right: 0; text-align: right; right: 0; margin-right: 0; } .toggle-nav i { font-size: 29px; color: #000000; } .sidenav { height: 100%; width: 0; position: fixed; z-index: 9999999; top: 0; right: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px; } .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; color: #818181; display: block; transition: 0.3s; } .sidenav a:hover { color: #f1f1f1; } .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; display: block; color: #ffffff; } .sidenav #site-navigation { width: 100%; } .toggle-nav span{ font-size:30px; cursor:pointer; text-align: right; } iframe { width: 100%; height: auto; } .toggle-nav{ display: block; } .innermenubox { position: static; } .main-navigation a{ color: #444; } .main-navigation .menu{ float: none; text-align: center; } .main-navigation ul ul li, #masthead.scrolled .main-navigation ul ul li{ display: block; } .main-navigation .menu > ul > li.highlight{ background: transparent !important; } .menu > ul > li:hover:before, .menu > ul > li.current_page_item:before, .menu > ul > li.current-menu-item:before{ display: none; } .sf-arrows .sf-with-ul:after{ border-top-color: #333; } .toggle i.fa.fa-bars,.toggle i.fa.fa-times { float: right; color: black; } .menubar .nav ul{ width:100%; margin-top:0; } .menubar .nav ul li, .menubar.scrolled .main-navigation li{ border-top:1px #303030 solid; display:block; text-align:left; float:none; width: 100%; } .nav ul li a{ padding:5px 20px; display:block; color:#ffffff; line-height: 30px; border-bottom:none !important; } .nav ul li a:hover{ color:#179cd7; } .nav ul li ul, .nav ul li ul ul{ display:block !important; } .nav ul li ul li a:before{ content:"\00BB \00a0"; } .nav ul li ul li a{ padding-left:20px !important; } .nav ul li ul li ul li a{ padding-left:30px !important; } #header .search-icon { left: 0; top: 20px; right: auto; } #site_top .con-info span { padding: 3px; } .menubar { padding: 17px; } #upcoming-events .upcoming-events-content .location { float: none; } #upcoming-events .upcoming-events-content .event-location { padding-top: 0; } #latest-campus .latest-campus-contents .latest-campus-info { top: 0; } #our-newsletter .newsletter-form input[type="email"] { width: 100%; } #our-newsletter .wpcf7-form-control-wrap { width: 72%; } #our-newsletter .newsletter p { margin-bottom: 0; } .main-navigation ul ul { position: static; width: 100%; box-shadow: none; } .search-message { left: 9%; top: 6%; max-width:82px; } #header .search-icon i { font-size: 23px; } .contact_details .toggle-nav { display:none; } .search-message .chat-button { display: none; } .menubar { padding: 5px 11px 18px 11px !important; } #header { padding: 0 !important; } .toggle-nav { float:none !important; } .main-navigation li{ display: block !important; text-align: left; } #slider .carousel-indicators{ display: none; } #slider .inner_carousel p{ width: auto; } #slider .inner_carousel h3{ font-size:35px; } #about{ padding-top: 0px; padding-bottom: 0px; } #our-Team .our-Team-head p{ padding:0px 0px; } .teambox-content .social a{ padding:10px; } #our-testimonial .testimonial-head p{ padding: 0px; } #our-testimonial .testimonial-head h3{ font-size: 20px; } #our-testimonial .testimonial-head p{ font-size: 13px; } #our-testimonial .testimonial-contents .owl-dot{ border: 2px solid #2d9bd7; border-radius: 50%; padding: 5px !important; color: #333333; margin-right: 17px; outline: none; margin-top: 20px; margin-bottom: 10px; } #our-testimonial .testimonial-det { width: auto; padding: 10px; height: 412px; } .header-menu .search-icon{ top:-13%; } #our-intro{ padding-top: 0px; } #recent-post .innercontent img { width: 100%; } #footer_contact_section{ padding: 10px; } #footer_contact_section .fcontact_details p{ font-size: 18px; } #our-serve{ padding-bottom: 0px; } .work-imge-txt { margin-bottom: 10px; } span.price-icon{ padding: 15px 14px 17px; } .plans-content li{ padding: 1% 0px; height: auto; } } @media screen and (max-width: 1024px) and (min-width: 991px){ #slider .carousel-indicators { margin-top: -2%; } .firstoverlay .subcontent{ bottom: 5em; } .contact-details .con-det p.details{ font-size: 12px; } .socialbox a{ padding: 7px; } #about-us i.fas.fa-quote-left.testimonials-quote{ font-size: 6em; } .about_outer p{ width: auto; } .projects-image:hover .overlay { height: 70%; } .membership-heading-box h4{ width: 90%; } .membership-heading-box h3{ padding: 20px; font-size: 40px; } .work-imge-txt { text-align: left; } } @media screen and (max-width: 1400px) and (min-width: 1024px){ .contact-details .con-det p.details{ font-size: 12px; } .socialbox a{ padding: 7px; } .work-imge-txt { margin-bottom: 10px; } .plans-content li { padding: 1% 0px; height: auto; } #our-testimonial .testimonial-det { padding: 40px 10px; height: 436px; } .membership-heading-box h4{ width: 90%; } .projects-image:hover .overlay { height: 70%; } .teambox-content .social a{ padding: 9px; } .membership-heading-box h3{ font-size:35px; } .firstoverlay .subcontent{ bottom: 5em; font-size: 20px; } } /* ================================ LOGICAL ANALYTICS BI - OVERRIDE ================================ */ body { background-color: #0b0f1a !important; color: #cbd5e1 !important; font-family: 'Segoe UI', 'Open Sans', sans-serif; } /* TITULOS */ h1, h2, h3, h4, h5 { color: #ffffff !important; } /* LINKS */ a { color: #00d4ff !important; } a:hover { color: #0099cc !important; } /* HEADER */ #site_top { background: #0b0f1a !important; border-bottom: 1px solid rgba(255,255,255,0.05); } /* MENU */ .main-navigation a { color: #cbd5e1 !important; } .main-navigation a:hover { color: #00d4ff !important; } /* SLIDER */ #slider { background: linear-gradient(135deg, #0b0f1a, #111827) !important; } #slider .inner_carousel h3 { font-size: 48px; font-weight: 700; color: #ffffff !important; } #slider .inner_carousel p { color: #94a3b8 !important; } /* BOTONES */ a.button, .read-more { background: #00d4ff !important; color: #000 !important; border-radius: 4px; } a.button:hover { background: #0099cc !important; color: #fff !important; } /* SERVICES */ #our-services .services-details { background: #111827 !important; border: 1px solid rgba(255,255,255,0.05); } #our-services .services-details:hover { border-color: #00d4ff; transform: translateY(-5px); } /* TEXTOS SERVICES */ #our-services h4 { color: #ffffff !important; } /* FOOTER */ #footer, .outer-footer { background: #05080f !important; color: #94a3b8 !important; } #footer h3 { color: #00d4ff !important; } /* ELIMINA VERDE HORRIBLE DEL THEME */ * { --green: #00d4ff !important; } modificalo y damelo limpioo y con los cambios que necesitamos si puedes mejorar algo lo haces /* ===================================== LOGICAL ANALYTICS BI - PRO OVERRIDE ===================================== */ /* BASE */ body { background-color: #0b0f1a !important; color: #cbd5e1 !important; font-family: 'Segoe UI', 'Open Sans', sans-serif; } /* TITULOS */ h1, h2, h3, h4, h5 { color: #ffffff !important; } /* LINKS */ a { color: #00d4ff !important; } a:hover { color: #0099cc !important; } /* HEADER */ #site_top { background: #0b0f1a !important; border-bottom: 1px solid rgba(255,255,255,0.05); } /* MENU */ .main-navigation a { color: #cbd5e1 !important; } .main-navigation a:hover { color: #00d4ff !important; } /* ========================= SLIDER PRO FIX (IMPORTANTE) ========================= */ /* IMAGENES FULL */ #slider .carousel-item img { width: 100%; height: 90vh; object-fit: cover; filter: blur(2px) brightness(0.6); transform: scale(1.05); } /* OVERLAY OSCURO */ #slider .carousel-item { position: relative; } #slider .carousel-item::before { content: ""; position: absolute; inset: 0; background: rgba(5, 10, 20, 0.55); z-index: 1; } /* TEXTO SOBRE EL SLIDER */ #slider .carousel-caption { position: absolute; top: 50%; transform: translateY(-50%); left: 8%; right: 8%; max-width: 700px; z-index: 2; } /* TITULO */ #slider .inner_carousel h3 { font-size: 56px; font-weight: 800; line-height: 1.2; color: #ffffff !important; } /* TEXTO */ #slider .inner_carousel p { font-size: 18px; color: #94a3b8 !important; max-width: 600px; } /* BOTON */ #slider .read-more { background: #00d4ff !important; color: #000 !important; border-radius: 6px; padding: 12px 25px; font-weight: 600; } /* ========================= BOTONES GENERALES ========================= */ a.button, .read-more { background: #00d4ff !important; color: #000 !important; border-radius: 6px; transition: 0.3s; } a.button:hover { background: #0099cc !important; color: #fff !important; } /* ========================= SERVICES PRO ========================= */ #our-services .services-details { background: #111827 !important; border: 1px solid rgba(255,255,255,0.05); transition: 0.3s; } #our-services .services-details:hover { border-color: #00d4ff; transform: translateY(-8px); } /* TITULOS SERVICES */ #our-services h4 { color: #ffffff !important; } /* ========================= FOOTER ========================= */ #footer, .outer-footer { background: #05080f !important; color: #94a3b8 !important; } #footer h3 { color: #00d4ff !important; } /* ========================= LIMPIEZA DE COLORES DEL THEME ========================= */ :root { --green: #00d4ff !important; }