/*
  Tema base
  - Tipografías, botones, layout
  - Header + navegación
  - HERO (limpio y compacto)
  - Secciones: stats, parallax block, features, cta, portfolio, carouseles, modal,
    team, contacto, footer, FAQ, WhatsApp
  - Responsivo
*/

/* -------------------------------------------------
   Tipografías base
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
}

p {
  line-height: 1.55;
  color: #333;
  font-size: 1.2rem;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
}

h1 { font-size: 62px; }
h2 { font-size: 30px; margin-bottom: 65px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
a  { transition: 0.5s; }

a:hover { text-decoration: none !important; }

/* -------------------------------------------------
   Botones
-------------------------------------------------- */
.btn {
  background-color: #199EB8;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 800;
  color: #fff;
  padding: 15px 45px;
  border-radius: 50px;
}
.btn:hover  { background-color: #E04F00; color: #fff; }
.btn:focus  { color: #fff; }
.btn-ghost  { border: 3px solid #fff; background-color: transparent; }
.btn-ghost:hover { background:#fff; color:#199EB8; }

/* -------------------------------------------------
   Layout general
-------------------------------------------------- */
section { padding: 85px 0; }

.card {
  position: relative;
  padding: 0;
  border: 0;
  border-radius: 0;
  margin: 0;
  overflow: hidden;
}

.scrolltop {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 15px;
  width: 42px; height: 42px;
  border-radius: 50%;
  background: #4b4b4b; color: #fff;
  text-align: center; font-size: 24px;
}
.scrolltop:hover, .scrolltop:active, .scrolltop:focus { color:#fff !important; opacity:.75; }

/* -------------------------------------------------
   Header
-------------------------------------------------- */
#header { background:#199EB8; height:70px; }
#header #logo { margin:14px 25px 0 0; }

#header #logo h1, #header #logo h3 {
  margin:0; padding:2px 0; font-family:"Raleway", Helvetica, Arial, sans-serif;
  font-weight:700; letter-spacing:2px; text-transform:uppercase; line-height:1.2;
  color:#fff;
}
#header #logo h1 { font-size:36px; letter-spacing:3px; line-height:1; }
#header #logo h3 { font-size:20px; line-height:2; }

#header #logo img { padding:0; margin:0; max-height:40px; }
    #header #logo h3 a.andamios-title {
        color: white; /* aquí pones el color que quieras */
        transition: color 0.3s ease;
    }

        #header #logo h3 a.andamios-title:hover {
            color: rgba(255, 255, 255, 0.75);
            transform: scale(1.3);
        }

#header .social-nav { margin-top:15px; }
#header .social-nav a { font-size:24px; margin-left:15px; color:#fff; }
#header .social-nav a:hover { color:rgba(255,255,255,.75); }

/* -------------------------------------------------
   Navegación
-------------------------------------------------- */
.nav-menu, .nav-menu * { margin:0; padding:0; list-style:none; }
.nav-menu ul { position:absolute; display:none; top:100%; left:0; z-index:99; }
.nav-menu li { position:relative; white-space:nowrap; }
.nav-menu > li { float:left; }

.nav-menu li:hover > ul, .nav-menu li.sfHover > ul { display:block; }
.nav-menu ul ul { top:0; left:100%; }
.nav-menu ul li { min-width:180px; }

.sf-arrows .sf-with-ul { padding-right:30px; }
.sf-arrows .sf-with-ul:after { content:"\f107"; position:absolute; right:15px; font-family:FontAwesome; }
.sf-arrows ul .sf-with-ul:after { content:"\f105"; }

#nav-menu-container { margin:0; }

.nav-menu a {
  padding:22px 15px 18px;
  text-decoration:none; display:inline-block; color:#fff;
  font-family:"Roboto", Helvetica, Arial, sans-serif; font-weight:300; font-size:15px; outline:none;
}
.nav-menu a:hover, .nav-menu li:hover > a, .nav-menu .menu-active > a { color:rgba(255,255,255,.75); }

.nav-menu ul { margin:4px 0 0 15px; box-shadow:0 0 1px 1px rgba(0,0,0,.08); }
.nav-menu ul li { background:#fff; border-top:1px solid #f4f4f4; }
.nav-menu ul li:first-child { border-top:0; }
.nav-menu ul li:hover { background:#199EB8; transition:.3s; }
.nav-menu ul li a { color:#333; transition:none; padding:10px 15px; display:block; }
.nav-menu ul li a:hover { color:#fff; }
.nav-menu ul ul { margin:0; }

/* Mobile nav */
#mobile-nav-toggle {
  position: fixed; right:0; top:0; z-index:999; margin:8px 10px 0 0;
  border:0; background:none; font-size:24px; display:none; transition:.4s;
  outline:none; cursor:pointer;
}
#mobile-nav-toggle i { color:#fff; }

#mobile-nav {
  position:fixed; top:0; padding-top:18px; bottom:0; z-index:998;
  background:rgba(0,0,0,.9); left:-260px; width:260px; overflow-y:auto; transition:.4s;
}
#mobile-nav ul { padding:0; margin:0; list-style:none; }
#mobile-nav ul li { position:relative; }
#mobile-nav ul li a {
  color:#fff; font-size:16px; overflow:hidden; padding:10px 22px 10px 15px;
  position:relative; text-decoration:none; width:100%; display:block; outline:none;
}
#mobile-nav ul li a:hover { color:#fff; }
#mobile-nav ul li li { padding-left:30px; }
#mobile-nav ul .menu-has-children i {
  position:absolute; right:0; z-index:99; padding:15px; cursor:pointer; color:#fff;
}
#mobile-nav ul .menu-has-children i.fa-chevron-up { color:#199EB8; }
#mobile-nav ul .menu-item-active { color:#199EB8; }

#mobile-body-overly { width:100%; height:100%; z-index:997; top:0; left:0; position:fixed; background:rgba(0,0,0,.6); display:none; }

body.mobile-nav-active { overflow:hidden; }
body.mobile-nav-active #mobile-nav { left:0; }
body.mobile-nav-active #mobile-nav-toggle { color:#fff; }

/* -------------------------------------------------
   HERO (LIMPIO y COMPACTO)
-------------------------------------------------- */
.hero{
  position:relative;
  margin:0 !important;
  padding:0 !important;
  min-height:100vh;
  color:#fff;
  background-image:url(../img/cover_2.webp); /* imagen principal */
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.hero::after{
  content:"";
  position:absolute; inset:0;
  background:rgba(0,0,0,.55);
  z-index:0;
}
.hero .container{ position:relative; z-index:1; }

/* Stack vertical con control de separación */
.hero-content{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:10px;                           /* controla el aire entre logo/título/texto */
}

/* Logo del hero */
.hero-logo{
  width:460px; height:auto; margin:-74px;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.55));
}

.logo-glass {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    margin-bottom: 28px;
    background: rgba(255,255,255,.22); /* glass */
    border: 1px solid rgba(255,255,255,.6);
    box-shadow: 0 10px 30px rgba(0,0,0,.87);
    backdrop-filter: blur(8px) saturate(130%); /* clave para ver “lo de atrás” */
    -webkit-backdrop-filter: blur(3px) saturate(130%);
    border-radius: 16px; /* por defecto, tarjeta */
}

    /* Para que sea circular, deja esta clase; para tarjeta, quítala */
    .logo-glass.is-circle {
        width: 400px;
        height: 400px;
        border-radius: 15px;
        border-radius: 50%;
        padding: 0px; /* centrado perfecto para círculo */
    }

.logo-img {
    /*justify-content:center;*/
    margin-top: -75px;
    max-width: 520px;
    height: auto;
    border-radius: 16px;
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,.26)); /* mejora legibilidad del texto azul */
}

/* Título + tagline compactos */
.hero h1{
  font-size:clamp(36px,6vw,64px);
  margin:4px 0 2px;
  line-height:1.12;
}
.tagline{
  font-size:clamp(18px,2.2vw,24px);
  margin:4px 0 12px;
  color:#fff;
}

/* -------------------------------------------------
   Stats
-------------------------------------------------- */
.stats-row { margin-top:65px; }

.stats-col .circle{
  display:inline-block; width:160px; height:160px;
  font-family:"Raleway"; font-weight:500; color:#666;
  border:6px solid #199EB8; border-radius:50%;
  padding:55px 25px 0; position:relative;
}
.stats-col .circle .stats-no{
  color:#fff; width:70px; height:70px; line-height:70px;
  top:-25px; right:-15px; font-family:"Raleway"; font-size:18px;
  background:#E04F00; position:absolute; border-radius:50%; font-weight:700;
}

/* -------------------------------------------------
   Parallax block (NO se usa en hero)
-------------------------------------------------- */
.block { color:#fff; height:490px; overflow:hidden; padding-top:85px; }
.block h2 { text-transform:uppercase; margin-bottom:15px; }
.block p  { color:#fff; margin-bottom:45px; }

/* -------------------------------------------------
   Features
-------------------------------------------------- */
.features { padding-bottom:45px; }
.features h2 { color:#199EB8; }

.feature-col { display:table; padding-bottom:45px; }
.feature-col > div > div { display:table-cell; vertical-align:middle; }
.feature-col > div > div:last-child { padding-left:20px; }

.feature-col .feature-icon{
  width:70px; height:70px; margin-bottom:15px;
  background:#199EB8; color:#fff; font-size:24px; text-align:center; line-height:70px; border-radius:50%; display:inline-block;
}
.feature-col h3 { color:#199EB8; }
.feature-col p  { font-family:"Roboto"; font-size:14px; color:#999; }

/* -------------------------------------------------
   CTA
-------------------------------------------------- */
.cta { background:#199EB8; padding:25px 0; }
.cta h2 { margin-bottom:5px; }
.cta h2, .cta p { color:#fff; }
.cta p { margin-bottom:0; opacity:.75; }
.cta .btn-ghost { position:relative; top:13px; }

/* -------------------------------------------------
   Portfolio
-------------------------------------------------- */
.portfolio { background:#edf6ff; padding-bottom:0; }
.portfolio h2 { color:#199EB8; margin-bottom:25px; }

.portfolio-grid{
  display:flex; flex-wrap:wrap; justify-content:center; gap:20px;
}
.portfolio-grid .row { margin:0; }
.portfolio-grid .row > div { padding:5; }
.portfolio-grid .row > div .card img{ width:100%; }

.portfolio-grid .row > div .card .portfolio-over{
  position:absolute; display:table-cell; vertical-align:middle; width:100%; height:100%;
  background:rgba(0,0,0,.8); top:0; left:0; text-align:center; opacity:0; visibility:hidden; transition:all .3s ease;
}
.portfolio-grid .row > div .card .portfolio-over > div{ position:relative; top:50%; transform:translateY(-50%); }
.portfolio-grid .row > div .card .portfolio-over .card-title{ color:#fff; font-size:30px; }
.portfolio-grid .row > div .card .portfolio-over .card-text{ color:#fff; opacity:.75; padding:0 45px; }
.portfolio-grid .row > div .card:hover .portfolio-over{ opacity:1; visibility:visible; }

.portfolio-grid .card{
  position:relative; overflow:hidden; border-radius:10px;
  box-shadow:0 4px 8px rgba(0,0,0,.1);
  transition:transform .3s ease-in-out, box-shadow .3s ease-in-out; cursor:pointer;
}
.portfolio-grid .card:hover{ transform:scale(1.05); box-shadow:0 6px 12px rgba(0,0,0,.15); }
.portfolio-grid .card img{ width:100%; height:auto; transition:opacity .3s ease-in-out; }
.portfolio-grid .card:hover img{ opacity:.8; }

.portfolio-grid .portfolio-over{
  position:absolute; top:0; left:0; width:100%; height:100%;
  background:rgba(0,0,0,.7);
  display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .3s ease-in-out;
}
.portfolio-grid .card:hover .portfolio-over{ opacity:1; }
.portfolio-grid .portfolio-over h3{ color:#fff; font-size:20px; text-align:center; }

/* Carruseles */
.carousel{ width:100%; max-width:800px; margin:auto; position:relative; overflow:hidden; border-radius:10px; }
.carousel img{ width:100%; display:none; }
.carousel img.active{ display:block; }
.carousel-controls{
  position:absolute; top:50%; transform:translateY(-50%); width:100%;
  display:flex; justify-content:space-between;
}
.carousel-controls button{
  background:rgba(0,0,0,.5); color:#fff; border:none; padding:10px 15px; cursor:pointer;
}
.carousel-controls button:hover{ background:rgba(0,0,0,.8); }

/* Carrousel horizontal/vertical */
.carousel-wrapper{
  display:flex; justify-content:center; align-items:flex-start; gap:40px; flex-wrap:wrap; margin:40px auto;
}
.horizontal-carousel, .vertical-carousel{
  display:flex; gap:10px; padding:20px; border-radius:12px; background:#fff; justify-content:center; margin:20px auto;
}
.horizontal-carousel{ flex-direction:row; overflow-x:auto; overflow-y:hidden; max-width:100%; height:220px; }
.horizontal-carousel img{ height:100%; max-width:250px; border-radius:8px; object-fit:cover; }

.vertical-carousel{ flex-direction:row; overflow-y:hidden; overflow-x:auto; height:220px; max-height:220px; align-items:center; }
.vertical-carousel img{ max-height:200px; max-width:120px; object-fit:cover; border-radius:8px; }

.horizontal-carousel img:hover, .vertical-carousel img:hover{ transform:scale(1.05); cursor:pointer; }

/* Grid vertical */
.vertical-grid{ display:flex; flex-wrap:wrap; justify-content:center; gap:15px; }
.vertical-grid img{
  width:250px; height:auto; border-radius:8px; box-shadow:0 4px 10px rgba(0,0,0,.1);
}

/* Modal imágenes */
.modal.show{ display:flex; opacity:1; }
.modal{
  display:none; position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%;
  background:rgba(0,0,0,.85); justify-content:center; align-items:center; flex-direction:row;
}
.modal img{ max-width:90%; max-height:80%; box-shadow:0 0 10px #000; z-index:10; transition:transform .3s ease; }
.modal .modal-prev, .modal .modal-next{
  position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,.9);
  border:none; font-size:2rem; padding:10px 20px; cursor:pointer; z-index:20;
}
.modal .modal-prev:hover, .modal .modal-next:hover{ background:#ddd; }
.modal .modal-prev{ left:20px; }
.modal .modal-next{ right:20px; }
.modal .close{ position:absolute; top:15px; right:25px; font-size:2rem; color:#fff; cursor:pointer; z-index:30; }

/* -------------------------------------------------
   Team
-------------------------------------------------- */
.team h2{ color:#199EB8; }
.team .col-sm-3{ padding:0; }
.team .card > a{ display:block; }
.team .card img{ width:100%; }
.team .card h4{ color:#fff; text-transform:uppercase; }
.team .card p{ font-size:11px; color:#fff; opacity:.75; margin:0; padding:0 35px; }
.team .card .social-nav{ margin-bottom:45px; }
.team .card .social-nav a{ color:#fff; font-size:16px; margin:0 4px; }
.team .card .social-nav a:hover{ opacity:.75; }
.team .card:hover .team-over{ opacity:1; visibility:visible; }
.team .card:hover .card-title-wrap{ background:#199EB8; }
.team .card:hover .card-title-wrap .card-title,
.team .card:hover .card-title-wrap .card-text{ color:#fff; }

.team .team-over{
  padding-top:45px; position:absolute; width:100%; height:100%;
  background:rgba(0,0,0,.8); top:0; left:0; text-align:center; opacity:0; visibility:hidden; transition:all .3s ease;
}
.team .card-title-wrap{ padding:15px 25px; position:relative; z-index:9; background:#fff; }
.team .card-title-wrap .card-title, .team .card-title-wrap .card-text{ font-family:"Raleway"; display:block; margin:0; }
.team .card-title-wrap .card-title{ font-size:24px; color:#333; }
.team .card-title-wrap .card-text{ font-size:18px; color:#999; }

/* -------------------------------------------------
   Contacto
-------------------------------------------------- */
#contact{ background:#f7f7f7; padding:80px 0; }
#contact h2{ font-family:"Raleway"; color:#199EB8; }
#contact .info i{ font-size:32px; color:#199EB8; float:left; }
#contact .info p{ padding:0 0 10px 50px; line-height:24px; }

#contact .form #sendmessage{
  color:#199EB8; border:1px solid #199EB8; display:none; text-align:center; padding:15px; font-weight:600; margin-bottom:15px;
}
#contact .form #errormessage{
  color:red; display:none; border:1px solid red; text-align:center; padding:15px; font-weight:600; margin-bottom:15px;
}
#contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show{ display:block; }

#contact .form .validation{ color:red; display:none; margin:0 0 20px; font-weight:400; font-size:13px; }
#contact .form input, #contact .form textarea{ border-radius:0; box-shadow:none; }
#contact .form button[type="submit"]{ background:#199EB8; border:0; padding:10px 24px; color:#fff; transition:.4s; }
#contact .form button[type="submit"]:hover{ background:#23c2e1; }

/* - Contacto + Mapa UI extra - */
.contact .form-control{ border-radius:12px; padding:.8rem 1rem; }
.contact .btn-primary{ background:#0ea5b5; border:none; }
.contact .btn-primary:hover{ filter:brightness(.95); }
.contact .map-wrapper{
  border-radius:16px; overflow:hidden; box-shadow:0 10px 24px rgba(0,0,0,.08); background:#e9ecef;
  position:relative; width:100%; padding-top:56.25%;
}
@supports (aspect-ratio:16/9){
  .contact .map-wrapper{ padding-top:0; aspect-ratio:16/9; height:auto; }
}
.contact .map-iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
@media (min-width:992px){
  .contact .col-map{ min-height:520px; }
  .contact .map-wrapper{ height:100%; }
}
.contact .section-padding{ padding-top:60px; padding-bottom:60px; }
.contact .contact-info-below{ font-size:1rem; color:#333; }
.contact .contact-info-below a{ color:#0ea5b5; font-weight:500; }
.contact .contact-info-below span{ font-size:1.2rem; }

/* -------------------------------------------------
   Footer
-------------------------------------------------- */
.site-footer{ background:#111; padding:0; }
.site-footer h2, .site-footer p{ color:#fff; }
.site-footer p{ opacity:.75; line-height:2.0925; }
.site-footer h2, .site-footer .btn{ margin-bottom:25px; }
.site-footer .social-nav a{ color:#fff; opacity:.25; }
.site-footer .social-nav a:hover{ opacity:1; }

.site-footer .bottom{ background:#000; padding:20px 0; }
.site-footer .bottom .list-inline, .site-footer .bottom p{ margin:0; }
.site-footer .bottom .list-inline{ position:relative; top:5px; }
.site-footer .bottom .list-inline a{
  color:#fff; font-family:"Roboto", Helvetica, Arial, sans-serif; margin-right:15px;
}
.site-footer .bottom .list-inline a:hover{ color:#199EB8; }

.site-footer .credits{ color:#ddd; }
.site-footer .credits a{ color:#199EB8; }

/* -------------------------------------------------
   FAQ (tarjetas + gradiente)
-------------------------------------------------- */
section#faq.faq-section{
  padding:60px 0;
  background:linear-gradient(180deg, #eaf4ff 0%, #ffffff 40%, #eaf4ff 100%);
  border-bottom:4px solid #E04F00; border-radius:0;
}
section#faq.faq-section h2{ color:#199EB8; font-weight:800; }

.faq-card{
  position:relative; background:#fff; border-radius:14px; padding:22px 20px;
  border:1px solid rgba(0,0,0,.06); box-shadow:0 8px 18px rgba(0,0,0,.08);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  margin:10px; height:140px; font-size:1.4rem;
}
.faq-card::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:6px; border-radius:14px 0 0 14px;
  background:linear-gradient(180deg,#199EB8 0%, #23c2e1 70%);
}
.faq-card:hover{ transform:translateY(-4px); box-shadow:0 14px 28px rgba(25,158,184,.20); border-color:rgba(25,158,184,.35); }
    .faq-card h5 {
        color: #0a6380;
        font-weight: 800;
        margin: 0 0 8px;
        font-size: 1.1rem;
    }
    .faq-card p {
        margin: 0;
        color: #222;
        line-height: 1.6;
        font-size: 1.0rem;
    }

.row.g-4 > [class*="col-"]:nth-child(even) .faq-card{
  background:linear-gradient(180deg, rgba(25,158,184,.06) 0%, #fff 60%);
}

.link-quote {
    float: right;
}

    .link-quote a {
        transition: all 0.3s ease; /* transición suave */
        color: #007bff; /* azul base */
        text-decoration: none; /* quitar subrayado */
    }

        .link-quote a:hover {
            color: #ff6600; /* naranja vistoso al hacer hover */
            transform: scale(1.2); /* efecto de agrandado */
        }


/* -------------------------------------------------
   WhatsApp float
-------------------------------------------------- */
.whatsapp-float{
  position:fixed; bottom:20px; left:20px; width:60px; height:60px;
  background:#25D366; color:#fff; border-radius:50%;
  display:flex; justify-content:center; align-items:center; text-decoration:none;
  box-shadow:2px 2px 5px rgba(0,0,0,.3); z-index:9999;
}
.whatsapp-float:hover{ transform:scale(1.1); }
.whatsapp-float img{ width:30px; height:30px; }
@media (max-width:600px){
  .whatsapp-float{ width:50px; height:50px; bottom:15px; left:15px; }
  .whatsapp-float img{ width:25px; height:25px; }
}

/* -------------------------------------------------
   Responsive
-------------------------------------------------- */
@media (max-width: 768px){
  #header{ height:50px; }
  #header #logo{ margin:10px 0 0 0; }
  #header #logo h1{ padding:2px 0; font-size:26px; }
  #header #logo img{ max-height:30px; }
    /* Enlace del logo */
    #header #logo h3 a.andamios-title {
        color: white;
        transition: color 0.3s ease;
    }

        #header #logo h3 a.andamios-title:hover {
            color: rgba(255, 255, 255, 0.75);
            transform: scale(1.3);
        }


  #nav-menu-container{ display:none; }
  #mobile-nav-toggle{ display:inline; }

    .logo-glass {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 22px;
        margin-bottom: 28px;
        background: rgba(255,255,255,.22); /* glass */
        border: 1px solid rgba(255,255,255,.6);
        box-shadow: 0 10px 30px rgba(0,0,0,.87);
        backdrop-filter: blur(8px) saturate(130%); /* clave para ver “lo de atrás” */
        -webkit-backdrop-filter: blur(3px) saturate(130%);
        border-radius: 16px; /* por defecto, tarjeta */
    }

        /* Para que sea circular, deja esta clase; para tarjeta, quítala */
        .logo-glass.is-circle {
            width: 240px;
            height: 240px;
            border-radius: 15px;
            border-radius: 50%;
            padding: 0px; /* centrado perfecto para círculo */
        }
}

@media (max-width: 767px){
  .block{ padding-left:30px; padding-right:30px; }
}

@media (max-width: 61.9em){
  section, .block, .cta{ padding:35px 0; }
  .features{ padding-bottom:5px; }
  p, .block p{ margin:0; }

  h1{ font-size:32px; margin:0; }
  h2, .tagline{ font-size:24px; }
  h2{ margin-bottom:25px; }
  h3{ font-size:14px; }

  .hero{ padding:10px 0; }
  .hero-content{ gap:8px; }
    .hero-logo {
        width: 400px;
        margin: -50px;
        filter: drop-shadow(0 2px 6px rgba(0,0,0,.55));
    }

  .stats-col{ margin-bottom:25px; }
  .block{ height:auto; }
  .feature-col{ padding-bottom:30px; }

  .portfolio-grid .card h3.card-title{ font-size:18px !important; }
  .portfolio-grid .card .card-text{ font-size:13px; }

  .team .team-over{ padding-top:20px; }
  .team .card .social-nav{ margin-bottom:15px; padding:0; }

  .site-footer .social-nav{ margin-bottom:35px; }
  .site-footer .list-inline{ text-align:center; padding-bottom:15px; }
  .site-footer .list-inline li{ display:inline-block; }

  #header, .site-footer, .portfolio, .about, .faq, #contact{
    margin-left:0 !important; margin-right:0 !important; padding-left:0; padding-right:0;
  }

  .container, .container-fluid{
    padding-left:15px; padding-right:15px; margin-left:auto; margin-right:auto;
  }

  .grecaptcha-badge{ z-index:20; transform:translateZ(0); }
}