html,body{font-family: 'barlow condensed', arial, sans-serif !important;color:#131414;text-align:center;font-size:20px;}
.clear{clear:both;}
img{max-width:100%;}
.container-seb{width:90%;padding:0 12px;margin:0 auto;max-width:1340px;}
a:link,a:visited,a:hover{text-decoration: none !important;}
a:link,a:visited{color:#ffb500;}

/* Navbar */
nav{position:fixed !important;top:0;left:0;width:100%;z-index:9999;padding-left:0 !important;padding-right:0 !important;}
.navbar-toggler-icon{background:url(../menu.png) center center no-repeat;}
.webdesign{background:#131414 !important;color:#ffffff;border-bottom: 1px solid #242424;}
.dropdown-menu{background-color:#333;border:0px;padding-top:0;overflow: hidden;}
.dropdown-item:link,.dropdown-item:visited{background:none;}
.dropdown-item:hover{background:#242424;}
.dropdown-submenu {position: relative;}
.dropdown-submenu a::after {position: absolute;right: 14px;top: .9em;}
.dropdown-submenu .dropdown-menu {margin-left: -160px;margin-right: 0;}
.dropsub{padding:12px 0;background:#ffb500;margin-bottom:10px;}
.dropsub a{color:#131414 !important;font-weight:700;}
.dropsub .dropdown-item:hover{background:#ff8100;}
.disenadores a:link,.disenadores a:visited{color:#ddd;}
.disenadores a:hover{color:#ffb500;}
.whatsapp{border-radius:3px;background:#00be00 url(../wp.png) 8px 9px no-repeat;font-weight:700;text-transform:uppercase;padding:6px 8px 6px 44px;color:#ffffff !important;transition:.2s ease;margin-top:4px;display: inline-block;}
.whatsapp:hover{filter:opacity(.7)}
.navwsp{text-align: right;}
.navmenu{text-align: left;}

/* Encabezado */
#encabezado{height:100vh;background:#131414 url(../anuncios.jpg) center center no-repeat;background-size:cover;}
#encabezado .container-seb,#encabezado .row{height:100%;}
.encaizq{text-align:left;}
.encauno{color:#ffb500;font-size:34px;font-weight:700;}
.encados{color:#ffffff;font-size:80px;font-weight:700;text-transform: uppercase;line-height: 70px;}
.encatre{color:#ffffff;font-size:34px;font-weight:400;}
.encafor{color:#131414;font-size:26px;font-weight:700;text-transform: uppercase;line-height: 24px;}

/* Formulario */
input[type="text"],input[type="email"]{border-radius:0;border:0;}
button[type="submit"]{border-radius:0;border:0;background:#131414;color:#ffffff;width:100%;}
button[type="submit"]:hover{background:#555;}
.socialmedia{background:#ffb500;max-width:520px;padding:20px 10px;margin:0 0 0 auto;box-shadow:0 0 0 8px rgba(13,14,14,0.2);}

/* Contenido */
.botonseb{border-radius:50px;display:inline-block;cursor:default;border:2px solid;}
.mkt{color:#ffb500;}
section{padding: 90px 0;}
h1{border-bottom:5px solid #ffb500;width:fit-content;margin:0 auto 10px;text-transform: uppercase;font-weight: 700;}
#presencia h1{margin-bottom:26px;}
.pressub{font-weight:700;}
.diseweb{background:url(../publicidad/web1.png) center center no-repeat;background-size:contain;}
.presfot{background:url(../publicidad/web2.png) center center no-repeat;background-size:contain;}
.prescor{background:url(../publicidad/web3.png) center center no-repeat;background-size:contain;}
.prestie{background:url(../publicidad/web4.png) center center no-repeat;background-size:contain;}
.presads1{background:url(../publicidad/google1.png) center center no-repeat;background-size:contain;}
.presads2{background:url(../publicidad/facebook.png) center center no-repeat;background-size:contain;}
.presads3{background:url(../publicidad/instagram.png) center center no-repeat;background-size:contain;}
.disuno{background:url(../publicidad/web5.png) center center no-repeat;background-size:contain;}
.disdos{background:url(../publicidad/web6.png) center center no-repeat;background-size:contain;}
.redespho{background:url(../publicidad/redes.png) center center no-repeat;background-size:contain;}
.disepag{padding-top:40px;padding-bottom:40px;}
.adsmkt1{background:url(../publicidad/mkt1.png) center center no-repeat;background-size:contain;}
.adsmkt2{background:url(../publicidad/mkt2.png) center center no-repeat;background-size:contain;}
.reventa{background:url(../publicidad/revendedores.png) center center no-repeat;background-size:contain;}
h2{padding-top:40px;}
#porque{background:#131414;color:#ffffff;}
.xqelegir{width:100%;padding:20px;margin-bottom:26px;text-align: left;min-height:240px;}
.xquno{background:#ffffff;color:#131414}
.xqdos{background:#666;}
.xqtre{background:#555;}
.xqcua{background:#333;}
.xqcin{background:#242424;}
.xqtit{font-weight:700;font-size:26px;margin-bottom:0;}
.xqpar{color:#ffb500;margin-top:6px;margin-bottom: 0;}
.xquno .xqpar{color:#aaa !important;}
.xqsub{font-size:16px;margin:0 auto;}
.hosting{margin:10px auto 30px;}
.gestion span{color:#ffb500;font-weight: 700;}
.online{padding-top:40px;}
#servicios{color:#ffffff;padding:0;}
#servicios .col-12{padding:60px 0;}
.seruno{background:url(../publicidad/diseno.jpg) center no-repeat;background-size:cover;}
.serdos{background:url(../publicidad/marketing.jpg) center no-repeat;background-size:cover;}
.sertre{background:url(../publicidad/servicios.jpg) center no-repeat;background-size:cover;}
.sertit{font-size:38px;text-transform: uppercase;font-weight: 700;}
.serinf{color:#ffb500;font-size:24px;font-weight:700;}
.btn-servicios{max-width:280px;font-weight:700;text-transform: uppercase;color:#ffb500 !important;}
#encabeza{background:#131414 url(../precios.jpg) center;background-size:cover;color:#ffffff;padding:140px 0 90px 0;}
#encabeza h1{width:fit-content;margin:0 auto;border-bottom:5px solid #ffb500;}
#encabeza p{margin:0 auto;}
#disenoweb .col-12,#googleads .col-12,#meta .col-12,#redes .col-12,#community .col-12{margin-bottom:14px;}
.marcadores{width:1px;height:0px;position:absolute;margin-top:-80px;}
.incluye{color:#131414;display: inline-block;padding:4px 8px;border-radius:3px;background:#ffb500;text-decoration: none;margin-right:4px;margin-bottom:8px;font-size:26px;transition:.4s;}
.incluye:hover{background:#ff8100;cursor:default;}
h4{font-size:36px;font-weight:700;margin:0 auto;padding:20px 0;}
#tiposweb{padding:0}
.tiposuno{background:url(../publicidad/diseno.jpg) center;background-size:cover;}
.tiposdos{background:url(../publicidad/corporativa.jpg) center;background-size:cover;}
.tipostre{background:url(../publicidad/tiendaonline.jpg) center;background-size:cover;}
.mktpg1{background:url(../publicidad/mkt1.jpg) center;background-size:cover;}
.mktpg2{background:url(../publicidad/mkt2.jpg) center;background-size:cover;}
.mktpg3{background:url(../publicidad/mkt3.jpg) center;background-size:cover;}
.mktpg4{background:url(../publicidad/mkt4.jpg) center;background-size:cover;}
.tiposuno,.tiposdos,.tipostre,.mktpg1,.mktpg2,.mktpg3,.mktpg4{padding-top:90px;padding-bottom:90px;color:#ffffff;}
#tiposweb .btn{margin-bottom:6px;}
#tiposweb img{margin-bottom:20px;}
.smdise1{font-size:20px;margin:0 auto;padding-top:20px;}
.smdise2{font-size:38px;margin:0 auto;font-weight:700;}
@keyframes diseno {0% {color:#ffb500}50% {color:#ffce00}100% {color:#ffb500}}
.smdise2 span,#invertirenredes span{color:#ffb500;animation: diseno 2s ease infinite;}
.grisads{background:#242424;}
#datoads{padding-top:0;padding-bottom:0;background:#131414;color:#ffffff}
#datoads .col-6{padding-top:60px;padding-bottom:60px;}
#datoads p{margin-bottom:0;}
#datoads h1{padding-top:30px;margin-bottom:40px;}
.diferencian .smdise2{font-size:26px;}
#queincluye{background:#EDEDED;text-align:center;}
#queincluye h1{margin-bottom:26px;}


/* Tarjetas de precios */
#disenoweb,#googleads,#meta,#redes{padding-bottom:0px;}
.hosting{font-size:20px;}
.card{background:#131414;color:#F2F2F2;border:0;font-size:18px;border-radius:0;}
.list-group-item{background:none;border:0;width:90%;margin:0 auto;border-top:1px solid #ffb500;}
.borderbajo{border-bottom:1px solid #ffb500;}
.titulo{background:#ffb500;color:#131414;}
h3{font-weight:700;font-size:32px;}
.titulo p{font-weight:400;font-size:20px;}
.precio{font-size:64px;color:#ffb500;font-weight: 700;line-height: 60px;display: inline-block;margin:10px auto;}
.destaca{font-weight:700;text-transform: uppercase;color:#ffb500;display: inline-block;}
.sinborde{border:0 !important;}
.masinfo{background:#ffb500;color:#131414;font-weight: 700;text-transform: uppercase;font-size:18px;}
.masinfo:hover{filter: brightness(0.7);}
.cloud{color:#131414;margin-top:40px;}
.ads{margin-bottom:2px;}
.miniacl{font-size:16px;}


/* Slider Que Incluye */
.google{width:100%;display: table;background:none;}
.slidegads{display: table-cell;vertical-align: middle;padding:0 5% 0 5%;text-align:center;}
.slidegads p{font-size:20px;font-weight:700;color:#131414;padding:6px 8px;margin-bottom:0;background:#fff;border-radius:6px;max-width:80%;margin:0 auto;}
.slideanmkt{color:#131414;margin:0 auto;text-align: left;padding:60px 0;text-align: center;}
#queincluye p{margin-bottom:0}
#queincluye .carousel-item{text-align: center;}
#queincluye .carousel-control-next, #queincluye .carousel-control-prev {width:80px !important;}
#queincluye .carousel-indicators li{width:10px !important;height:10px !important;border-radius: 10px;cursor: pointer;}


/* Acordeones */
#accordion .panel{border:none;border-radius:5px;box-shadow:none;background:0 0}
#accordion .panel-heading{padding:0;border:none;border-radius:5px;background:0 0;position:relative}
#accordion .panel-title a{display:block;padding:20px 30px;margin:0;background:#ffb500;font-size:22px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:5px;position:relative}
#accordion .panel-title a.collapsed{border:none;}
#accordion .panel-title a.collapsed:before,#accordion .panel-title a:before{content:"<";width:30px;height:30px;line-height:27px;text-align:center;font-size:25px;font-weight:900;color:#fff;position:absolute;top:15px;right:30px;transform:rotate(90deg);transition:all .4s cubic-bezier(.080,1.090,.32,1.275)}
#accordion .panel-title a.collapsed:before{color:rgba(255,255,255,.5);transform:rotate(270deg)}
#accordion .panel-body{padding:20px 30px;background:#212529;font-size:15px;color:#ffffff;line-height:28px;letter-spacing:1px;border-top:none;border-radius:5px}
#accordion p{margin-bottom:0;}
#accordion h4{padding:10px 0;}

/* Portfolio y Casos de exito */
.card-img-top {object-fit: cover;object-position: top;height: 30vh;border-radius: 0 !important;}
.cardhistorias-img-top {object-fit: cover;object-position: top;height: 70vh;border-radius: 0 !important;}
#portfolio h3{margin-bottom:0;}
#portfolio .col-12{margin-bottom: 40px;}
#display .card span,#busqueda .card span,#remarketing .card span,#youtubeads .card span{color:#bbb}
#redesads .card-img-top{height:auto;background:#ddd;padding-top:6px;}
#redesads .cardhistorias-img-top{height:auto;background:#ddd;padding-top:6px;}

/* Reseñas de clientes y porque elegirnos */
.anunciante{width:100%;height:240px;display: table;padding-bottom:60px;}
.potenciales{max-width:1200px !important;margin:0 auto !important;padding-top:60px !important;}
#comentario{padding:20px 0;background:#ddd;}
#comentario .carousel-inner{background:#ddd;}
#comentario .carousel-item{text-align: center;background:#ddd;}
#comentario .carousel-control-next, #comentario .carousel-control-prev {width:80px !important;}
#comentario .carousel-control-prev-icon{background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23131414' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");}
#comentario .carousel-control-next-icon{background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23131414' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");}
#comentario .carousel-indicators li{width:10px !important;height:10px !important;border-radius: 10px;background:rgba(13,14,14,.6);cursor:pointer;}
#comentario .carousel-indicators .active{background-color:#ffb500;}
.resena{width:80%;margin:8px auto;border-radius:3px;padding:10px 0;background:#EDEDED;box-shadow:0 0 5px #666;}
.yahoo img{width:180px;max-width:90%;}
.yahoo{text-align: center}
.bing{text-align: left;}
.bing p{font-style: italic;font-weight:400;}
h5{font-size:24px;font-weight:700;padding-top:16px;}
h6{font-size:16px;color:#ff8100;text-transform: uppercase;letter-spacing: 1px;}
#elegirnos h4{color:#ffb500;font-size:68px;padding-bottom:0}
#elegirnos span{font-size:20px;}

/* Seccion redes */
#paginayposteo{padding:0;color:#ffffff;}
#paginayposteo .col-12{padding-top:90px;padding-bottom:90px;}
#invertirenredes span{font-weight: 700;}
.reduno{background:linear-gradient(143deg,#C13584 0%,#F77737 89%);}
.reddos{background:linear-gradient(143deg,#4966a4 0%,#1c3977 89%);}
.redtre{background:linear-gradient(143deg,#323434 0%,#131414 89%);}
.icon-m{max-width: 64px;
}

/* Reunion */
#reunion{width:100%;background:#ffb500 url(../google.png) right center no-repeat;background-size:contain;color:#131414;}
.agenda{background:#131414;color:#ffffff;}
.agenda:hover{filter: brightness(0.7);}

/* Seccion Contacto */
#contacto h1{border-bottom:0;text-align: left;text-transform:none;}
.desarrollo{font-size:1.2rem;}
.desarrollo a{font-weight:700;}
.condatos{text-align: left;}
.condatos h1{width:100%;}
#contacto input,#contacto textarea,#contacto select{border:1px solid #aaa;font-size:18px;border-radius:0;}
#contacto option{padding:20px 2px;}
.mapa{width:100%;border:0;height:50vh;min-height:200px;margin-bottom:-7px;}

/* Pie de pagina */
#footer{background: #131414 !important;color:#ffffff;}
.footn{font-weight:700;font-size:22px;}
.linkbt{border:2px solid #EDEDED;border-radius:20px;margin:4px;}
.linkbt:hover{border-color:#ffb500;background:#ffb500;}
.minimenu{margin-top:6px;}
.minimenu a{color:#ffffff;display: inline-block;padding:4px 8px;border-radius:3px;background:#242424;text-decoration: none;margin-right:4px;margin-bottom:8px;}
.minimenu a:hover{background:#ffb500;color:#131414;}
.dropdown-divider{border-top:1px solid #242424}
.footpath{text-align: left;}
.rexads{text-align: right;}

#logos{background:#ededed;}
.slider{animation: slidein 30s linear infinite;white-space: nowrap;}
.logos{width: 2036px;display: inline-block;margin: 0px 0;}
.fab{width: calc(100% / 10);animation: fade-in 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;}
  @keyframes slidein {
    from {transform: translate3d(0, 0, 0);}
    to {transform: translate3d(-2036px, 0, 0);}
  }  
  @keyframes fade-in {
    0% {opacity: 0;}
    100% {opacity: 1;}
  }

@media only screen and (max-width: 1400px) {
  .whatsapp{font-size:16px;}
}
@media only screen and (max-width: 1220px) {
h1{font-size:3rem;}
.lineseb{border:0;}
.whatsapp{font-size:20px;}
.dropdown-menu{text-align:center;}
}

@media only screen and (max-width: 992px) {
.encauno{font-size:28px;}
.encados{font-size:60px;}
.encatre{font-size:28px;}
#contacto h1{font-size:2rem;}
.navbar-brand{margin-right:0;}
.dropdown-submenu .dropdown-menu {margin-left: calc(-83vw + 40px);margin-right: 0;width: 280px !important;}
}
  
@media only screen and (max-width: 768px) {
#encabezado{height: auto;min-height: 100vh;padding-top:80px;}
#form{height:auto;position:static;background:#ffb500;width:100%;}
.socialmedia{max-width:100%;margin:0 auto;box-shadow:none;padding:10px;}
.promocionar{text-align:center;}
#reunion{background-image:none;}
#encabeza{padding:200px 0 110px 0;}
.condatos,#contacto h1{text-align: center;}
.footpath{text-align: center;padding-top:14px;}
.disuno,.disdos,.diseweb,.presfot,.prescor,.prestie,.adsmkt1,.adsmkt2,.presads1,.presads2,.presads3,.redespho,.reventa{aspect-ratio: 2/1.2;}
.disepag p,#queincluye p{font-size:16px;}
h4,.smdise2{font-size:28px !important;}
#elegirnos h4{font-size:38px !important;}
#queincluye .diseweb{margin-top:20px}
}

@media only screen and (max-width: 780px) {
.rexads{margin-top:20px;text-align: center;}
.rexads br{display: none;}
section{padding: 45px 0;}
}

@media only screen and (max-width: 576px) {
#encabezado{padding-top:100px;}
#reunion{background:#ffb500 url(../google2.png) center 120px no-repeat;background-size:contain;}
.encauno{font-size:24px;}
.encados{font-size:40px;line-height: 50px;}
.encatre,.encafor{font-size:22px;}
h1{font-size:42px;}
#encabeza h1{font-size:3rem;}
.xqelegir{min-height: 0;padding:40px 20px;text-align: center;}
.banads{margin-top:18px;}
.xqsub{display: none;}
.minimenu{font-size:.8rem;}
.gestion{font-size:16px;}
}

@media only screen and (max-width: 390px) {
#reunion{background-position:bottom center;}
.desarrollo{font-size:1rem;}
.whatsapp{font-size:16px;background-position: 8px 6px;margin-top:7px;}
.footpath br{display: none;}
#encabeza h1{font-size:2rem;}
}