@font-face { font-family: 'Lufga'; src: url("../fonts/Lufga-ExtraBold.woff2") format("woff2"), url("../fonts/Lufga-ExtraBold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: 'Lufga'; src: url("../fonts/Lufga-Black.woff2") format("woff2"), url("../fonts/Lufga-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; }

@font-face { font-family: 'Lufga'; src: url("../fonts/Lufga-Bold.woff2") format("woff2"), url("../fonts/Lufga-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: 'Lufga'; src: url("../fonts/Lufga-Light.woff2") format("woff2"), url("../fonts/Lufga-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Lufga'; src: url("../fonts/Lufga-Regular.woff2") format("woff2"), url("../fonts/Lufga-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'Lufga'; src: url("../fonts/Lufga-SemiBold.woff2") format("woff2"), url("../fonts/Lufga-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }

@font-face { font-family: 'Lufga'; src: url("../fonts/Lufga-Medium.woff2") format("woff2"), url("../fonts/Lufga-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }

@font-face { font-family: 'Lufga'; src: url("../fonts/Lufga-ExtraLight.woff2") format("woff2"), url("../fonts/Lufga-ExtraLight.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap; }

@font-face { font-family: 'Lufga'; src: url("../fonts/Lufga-Thin.woff2") format("woff2"), url("../fonts/Lufga-Thin.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; }

button, a, input { outline: none !important; }

select, input { outline: none; }

html { height: 100%; }

body { padding: 0px 0 0 0; margin: 0; font-size: 12px; height: 100%; color: #454545; font-family: "Lufga"; }

.clear { clear: both; }

h1, h2, h3, h4, h5, p, ul, li { padding: 0; margin: 0; }

li { list-style: none; }

a, a:hover { text-decoration: none; outline: none; }

a { outline: none !important; }

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

.trans, nav, .slick-dots li button, .menucab, .menucab ul li, .menucab ul li img, .menucab ul li a, .menucab .x, .trabajos .col-md-4 .foto, .trabajos .col-md-6 .foto, .trabajos .col-md-4 .foto img, .trabajos .col-md-6 .foto img, .trabajos .col-md-4 a, .trabajos .col-md-6 a, .trabajos .col-md-4 .texto, .trabajos .col-md-6 .texto, .hacemos h3, .hacemos h3 .borde, .hacemos h3 .mas, .hacemos .sub1, .hacemos .sub2, .hacemos .sub3, .hacemos .sub, .hacemos .sub img, .clienteslogos ul li img, .detalle .bullet, .cto a, .formulario input[type="submit"], .agencia2 ul li img, footer img { -moz-transition: all 0.3s ease-in; -webkit-transition: 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.navbar-dark .navbar-nav .nav-link { color: #000 !important; font-size: 20px; font-weight: 700; border-right: solid 2px #000; }

.navbar-dark .navbar-nav .nav-link:hover { color: #000; text-decoration: none; }

.logo2header { display: none; }

.nav-link { padding: 0; }

.navbar { padding: 0 15px 15px 15px; }

.navbar-nav li:last-child a { border: none !important; }

.navbar-brand { padding-top: 0; }

nav .datos { padding-top: 37px; }

nav .datos li { display: inline-block; font-size: 20px; margin-right: 15px; font-weight: bold; }

nav .datos li img { vertical-align: bottom; }

nav .datos li:first-child { color: #000; font-weight: 900; }

nav .datos a { color: #000; }

nav .datos a:hover { color: #000; }

.whatsapp { position: fixed; right: 0; bottom: 15px; z-index: 99999999; }

.whatsapp img { width: 60px; }

.slick-dots { position: absolute; bottom: 45px; left: 0; right: 0; width: 100%; text-align: center; padding-right: 31px; }

.slick-dots li { display: inline-block; margin-left: 6px; }

.slick-dots li button { border: none; padding: 2px; background-color: transparent; border: solid 1px #fff; color: transparent; width: 33px; height: 3px; border-radius: 0px; }

.slick-dots .slick-active button, .slick-dots button:hover { background-color: #fff; border: solid 1px #fff; }

.slick-dots li.slick-active button { border-color: #fff; }

.menucab { position: fixed; top: -100vh; width: 100%; height: 100vh; left: 0; background-color: #fff; z-index: 999; }

.menucab p { font-size: 15px; letter-spacing: 1px; color: #000; }

.menucab p span { display: inline; }

.menucab ul { padding: 60px 0 0 0; font-size: 15px; color: #fff; text-align: center; max-width: 90%; margin: auto; }

.menucab ul li { font-size: 80px; letter-spacing: 1px; margin-bottom: 20px; position: relative; padding-bottom: 20px; border-bottom: solid 1px #008DC5; text-align: left; color: #000; font-weight: 700; }

.menucab ul li img { position: absolute; right: 20px; top: 28px; }

.menucab ul li a { color: #000; display: block; }

.menucab ul li a:hover { color: #008DC5; padding-left: 20px; cursor: pointer; }

.menucab ul li a:hover img { rotate: 180deg; }

.menucab .x { font-size: 12px; text-decoration: underline; color: #000; font-weight: 200; margin: 75px 0 45px 0; cursor: pointer; text-align: center; }

.menucab .x:hover { text-decoration: none; }

.menucab .x a { color: #000; }

@media (max-width: 560px) { .menucab ul li { font-size: 26px; } }

.activemenu { top: 60px; }

.iconomobile { float: right; margin-top: -4px; }

.carouselmobile { display: none; }

.header1 .nav-link { color: #000 !important; }

.header1 .nav-link:hover { color: #000 !important; }

.nav-item .active { color: #000 !important; }

header.borde { border-bottom: solid 1px #D71F26; }

.mantra { padding: 45px; }

.mantra .bullet { display: block; margin: auto; }

.mantra h1 { color: #fff; background-color: #008DC5; padding: 10px 15px 10px 15px; margin: 16px auto 26px auto; font-weight: 200; font-size: 20px; text-align: center; text-transform: uppercase; width: 245px; }

.mantra p { font-size: 26px; text-align: center; max-width: 80%; margin: auto; font-weight: 200; line-height: 43px; overflow: hidden; }

.mantra .bold { font-weight: 600; position: relative; overflow: hidden; }

.mantra .raya { position: absolute; left: -6px; bottom: -18px; }

.marcas { color: #fff; margin-bottom: 60px; }

.marcas .fondo { background-color: #000; background-image: url(../img/fondodiggo.png); background-size: 90%; padding: 60px 70px 20px 70px; border-bottom: solid 6px #D71F26; max-width: 1150px; margin: auto; background-repeat: no-repeat; background-position: center; }

.marcas .fondo .texto1 { font-size: 26px; font-weight: 200; line-height: 30px; padding-right: 45px; }

.marcas .fondo .texto2 { font-size: 18px; line-height: 26px; font-weight: 200; padding-top: 45px; padding-right: 45px; }

.marcas .fondo ul { text-align: center; }

.marcas .fondo ul li { width: 49%; display: inline-block; max-width: 400px; text-align: center; vertical-align: top; margin-bottom: 45px; }

.marcas .fondo ul li img { width: 120px; }

.marcas2 { color: #fff; margin-bottom: 60px; }

.marcas2 .fondo { background-color: #000; background-image: url(../img/fondosomos.jpg); background-size: cover; padding: 120px 70px 20px 70px; border-bottom: solid 6px #D71F26; max-width: 1084px; margin: auto; background-repeat: no-repeat; background-position: center; height: 500px; border-bottom: solid 12px #D71F26; }

.marcas2 .fondo .texto1 { font-size: 26px; font-weight: 200; line-height: 30px; padding-right: 45px; }

.marcas2 .fondo .texto2 { font-size: 18px; line-height: 26px; font-weight: 200; padding-top: 45px; padding-right: 45px; }

.marcas2 .fondo ul { text-align: center; }

.marcas2 .fondo ul li { width: 49%; display: inline-block; max-width: 400px; text-align: center; vertical-align: top; margin-bottom: 45px; }

.marcas2 .fondo ul li img { width: 120px; }

.marcas2 p { padding: 12px 0 12px 0; font-size: 16px; line-height: 26px; }

.marcas2 h1 { font-size: 20px; line-height: 26px; }

.marcas2 h2 { font-size: 20px; }

.marcas2 .foto { float: right; }

.trabajos { padding: 0 0 60px 0; /*.foto1{height:608px; object-fit:cover;}*/ /*.col-md-6 img{height:300px; object-fit:cover;}*/ }

.trabajos .col-md-4, .trabajos .col-md-6 { padding: 0; margin: 0; }

.trabajos .col-md-4 .foto, .trabajos .col-md-6 .foto { margin: 4px; position: relative; overflow: hidden; cursor: pointer; }

.trabajos .col-md-4 .foto img, .trabajos .col-md-6 .foto img { width: 100%; }

.trabajos .col-md-4 .texto, .trabajos .col-md-6 .texto { position: absolute; bottom: -145px; width: 100%; color: #fff; background-color: rgba(0, 0, 0, 0.8); padding: 20px; display: block; }

.trabajos .col-md-4 .texto h2, .trabajos .col-md-6 .texto h2 { font-size: 15px; font-weight: 200; margin-bottom: 6px; }

.trabajos .col-md-4 .texto h3, .trabajos .col-md-6 .texto h3 { font-size: 26px; font-weight: 700; border-bottom: solid 1px #D71F26; padding-bottom: 6px; }

.trabajos .col-md-4 .foto:hover img, .trabajos .col-md-6 .foto:hover img { opacity: 0.8; }

.trabajos .col-md-4 .foto:hover .texto, .trabajos .col-md-6 .foto:hover .texto { bottom: 0; }

.trabajos .bullet { display: block; margin: auto; }

.trabajos h1 { text-align: center; font-size: 33px; margin-bottom: 45px; font-weight: bold; margin-top: 12px; }

.trabajos h1 span { color: #fff; -webkit-text-stroke: 1px #454545; -webkit-text-fill-color: transparent; }

.trabajos a { position: relative; }

.hacemos { padding: 0 60px 0 60px; margin-bottom: 90px; }

.hacemos h1 { text-align: center; font-weight: 200; font-size: 20px; margin-bottom: 20px; }

.hacemos h3 { color: #000; font-size: 45px; font-weight: bold; cursor: pointer; margin-top: 33px; border-bottom: solid 1px #008DC5; padding-bottom: 33px; position: relative; }

.hacemos h3 .borde { -webkit-text-stroke: 1px #000; -webkit-text-fill-color: transparent; }

.hacemos h3:hover .borde { -webkit-text-stroke: none; -webkit-text-fill-color: #000; }

.hacemos h3:hover .mas { rotate: 180deg; }

.hacemos h3:hover .sub1 { background-image: none; padding-right: 0; }

.hacemos h3:hover .sub2 { margin-right: 20px; }

.hacemos h3:hover .sub3 { margin-left: 20px; }

.hacemos h3:hover .sub img { width: 330px; }

.hacemos .texto { padding-top: 20px; font-weight: 200; font-size: 15px; line-height: 20px; padding-bottom: 33px; }

.hacemos h2 { color: #D71F26; font-size: 18px; font-weight: bold; margin-bottom: 14px; }

.hacemos .borde2 { width: 78px; background-color: #D71F26; height: 1px; margin-top: 20px; }

.hacemos .bullet { position: absolute; right: 20px; top: 9px; }

.hacemos .sub1 { background-image: url(../img/sub1.svg); background-repeat: no-repeat; background-size: cover; background-size: 151px 59px; padding: 0; background-position: 10px 0; }

.hacemos .sub2 { margin-right: 12px; }

.hacemos .sub3 { margin-left: 12px; }

.hacemos .sub { position: relative; }

.hacemos .sub img { position: absolute; bottom: -6px; right: 0; width: 180px; }

.hacemos p { font-weight: 400; }

.proyectos { padding-top: 120px; background-image: url(../img/gg.png); background-repeat: no-repeat; background-position: top right; padding-bottom: 60px; }

.proyectos .col-md-5 { text-align: right; }

.proyectos h1 { font-size: 60px; font-weight: 600; }

.proyectos .col-md-7 { padding-left: 33px; padding-top: 12px; }

.proyectos .col-md-7 p { font-size: 16px; line-height: 22px; font-weight: 300; }

.proyectos .col-md-7 p span { display: block; }

.agencia { padding-top: 120px; padding-bottom: 60px; /*background-image:url(../img/fondodiggo2.png);*/ background-position: right; background-size: 50%; background-repeat: no-repeat; margin: 90px 0 45px 0; }

.agencia .col-md-5 { text-align: right; }

.agencia .col-md-5 h2 { font-size: 20px; margin-top: 20px; margin-bottom: 15px; }

.agencia .col-md-5 p { margin: 0; font-size: 14px; padding-bottom: 4px; }

.agencia .col-md-5 p a { color: #D71F26; }

.agencia .col-md-5 p a:hover { color: #454545; }

.agencia h1 { font-size: 60px; font-weight: 600; line-height: 51px; }

.agencia h1 span { background-image: url(../img/Vectorbordeagencia.svg); background-size: 239px; background-repeat: no-repeat; padding: 4px 0 12px 0px; background-position: 100%; display: block; }

.agencia .col-md-7 { padding-left: 33px; }

.agencia .col-md-7 p { font-size: 16px; line-height: 22px; font-weight: 300; }

.agencia .col-md-7 p span { display: block; }

.agencia .barrita { width: 95px; height: 7px; background-color: #D71F26; float: right; margin: 15px 0 0 0; }

.conocenos h2 { text-align: center; font-size: 33px; margin-bottom: 45px; font-weight: bold; margin-top: 12px; }

.conocenos h2 span { color: #fff; -webkit-text-stroke: 1px #454545; -webkit-text-fill-color: transparent; background-image: url(../img/Vectorbordetitulo.svg); background-repeat: no-repeat; background-position: bottom; }

.conocenos video { width: 100%; display: block; margin: auto; }

.conocenos .bullet { display: block; margin: auto; }

.clienteslogos { padding-bottom: 45px; margin-top: 90px; background-image: url(../img/gg.png); background-repeat: no-repeat; background-position: right; }

.clienteslogos .bullet { display: block; margin: auto; }

.clienteslogos h1 { color: #fff; background-color: #008DC5; padding: 10px 15px 10px 15px; margin: 16px auto 26px auto; font-weight: 200; font-size: 20px; text-align: center; text-transform: uppercase; width: 245px; }

.clienteslogos h2 { text-align: center; font-size: 33px; margin-bottom: 45px; font-weight: bold; margin-top: 12px; margin-bottom: 90px; }

.clienteslogos h2 span { color: #fff; -webkit-text-stroke: 1px #454545; -webkit-text-fill-color: transparent; background-image: url(../img/Vectornosotros.svg); background-size: cover; background-repeat: no-repeat; padding: 4px 18px 0 11px; }

.clienteslogos ul { text-align: center; }

.clienteslogos ul li { display: inline-block; width: 18%; margin-bottom: 60px; }

.clienteslogos ul li img { max-width: 200px; }

.clienteslogos ul li img:hover { opacity: 0.4; transform: scale(1.1); }

.detalle { padding: 60px 0 60px 0; }

.detalle h1 { font-size: 70px; color: #000; font-weight: 800; line-height: 70px; margin: 33px 0 33px 0; }

.detalle h2 { color: #D71F26; font-size: 18px; font-weight: bold; margin-bottom: 6px; padding: 0 0 4px 0; border-bottom: solid 1px #D71F26; }

.detalle p { font-size: 15px; line-height: 20px; }

.detalle h3 { color: #D71F26; font-size: 60px; font-weight: 800; text-align: right; }

.detalle h4 { color: #000; font-size: 25px; text-align: right; font-weight: bold; margin-bottom: 20px; }

.detalle .bullet { display: block; margin: auto; cursor: pointer; }

.detalle .bullet:hover { opacity: 0.8; }

.grilladetalle { padding: 45px 0 45px 0; background-color: #D71F26; }

.cto { padding: 45px 45px 60px 45px; background-color: #000; color: #fff; font-size: 45px; margin-bottom: 20px; }

.cto .enter { display: block; }

.cto a { color: #fff; font-size: 25px; padding: 15px 25px 15px 25px; font-weight: bold; border-radius: 33px; border: solid 1px #fff; }

.cto a:hover { background-color: #D71F26; border: solid 1px #D71F26; }

.cto h1 { padding-bottom: 20px; font-size: 60px; font-weight: bold; }

.cto .rayado { -webkit-text-stroke: 1px #fff; -webkit-text-fill-color: transparent; }

.main-slider { margin-bottom: 90px; }

.main-slider .slick-slide { height: auto; }

.formulario { padding-bottom: 145px; }

.formulario input[type="text"], .formulario input[type="email"], .formulario textarea { padding: 10px; margin-bottom: 15px; font-size: 15px; border: solid 1px #454545; color: #000; width: 100%; }

.formulario input[type="submit"] { background-color: #454545; color: #fff; float: right; font-size: 15px; font-weight: 500; padding: 10px 15px 10px 15px; border: none; }

.formulario input[type="submit"]:hover { background-color: #D71F26; }

.agencia2 { padding-bottom: 145px; margin-top: 90px; }

.agencia2 .bullet { display: block; margin: auto; }

.agencia2 h1 { color: #fff; background-color: #008DC5; padding: 10px 15px 10px 15px; margin: 16px auto 45px auto; font-weight: 200; font-size: 20px; text-align: center; text-transform: uppercase; width: 405px; }

.agencia2 ul { text-align: center; max-width: 1200px; margin: auto; }

.agencia2 ul li { display: inline-block; width: 20%; margin-bottom: 60px; vertical-align: middle; }

.agencia2 ul li img { max-width: 200px; }

.agencia2 ul li img:hover { opacity: 0.4; transform: scale(1.1); }

footer { background-color: #000; color: #fff; padding: 33px 20px 33px 20px; }

footer .col1 h1, footer .col2 h1 { color: #fff; font-weight: bold; font-size: 20px; margin-bottom: 14px; }

footer .col1 p, footer .col2 p { font-weight: 200; font-size: 16px; }

footer .col3 { text-align: right; line-height: 16px; font-weight: 200; }

footer .col3 ul { padding-bottom: 20px; }

footer .col3 ul li { display: inline-block; line-height: 20px; }

footer .row { border-bottom: solid 1px #D71F26; padding-bottom: 45px; }

footer img:hover { opacity: 0.8; }

footer a { color: #fff; }

.politicas { padding-top: 120px; padding-bottom: 45px; }

.politicas h2 { font-size: 20px; font-weight: bold; margin-bottom: 20px; }

.politicas p { margin-bottom: 15px; font-size: 14px; line-height: 18px; }

.politicas .c4 { font-size: 15px; font-weight: bold; margin-bottom: 15px; }

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 { width: 55px; height: 36px; position: relative; margin: 9px 0 0 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span { display: block; position: absolute; height: 3px; width: 33px; background: #D71F26; border-radius: 16px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#nav-icon1 span:nth-child(1) { top: 12px; }

#nav-icon1 span:nth-child(2) { top: 22px; }

#nav-icon1 span:nth-child(3) { top: 32px; }

#nav-icon1.open span:nth-child(1) { top: 28px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

#nav-icon1.open span:nth-child(2) { opacity: 0; left: -60px; }

#nav-icon1.open span:nth-child(3) { top: 28px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.grecaptcha-badge { display: none; }

.hidedesktop { display: none; }

@media (max-width: 560px) { .navbar-dark .navbar-toggler { border: none; }
  .navbar-brand img { width: 100px; height: auto; }
  .navbar-toggler { padding: 10px; margin-top: 15px; }
  .navbar-toggler { margin-top: 0; }
  .navbar-dark .navbar-toggler { color: #000 !important; }
  .carouselmobile { display: block; }
  .carouseldesktop { display: none; }
  .main-slider { padding-top: 45px; }
  .mantra { padding: 0; }
  .mantra p { max-width: 90%; font-size: 18px; line-height: 25px; padding-bottom: 20px; }
  .marcas2 .fondo { padding: 33px; height: auto; }
  .marcas2 .fondo img { width: 100%; }
  .marcas2 h2 { padding-bottom: 20px; }
  .hacemos { padding: 0; }
  .hacemos h3 { font-size: 30px; }
  .hacemos .bullet { top: 1px; }
  .cto { padding: 30px 20px 45px 20px; }
  .cto h1 { font-size: 45px; }
  .cto a { font-size: 20px; }
  footer .col2 { padding-top: 15px; }
  footer .col3 { text-align: left; padding-top: 15px; }
  .hacemos .borde2 { margin-bottom: 20px; }
  .menucab ul li img { top: -4px; }
  .iconomobile { position: absolute; right: 0; top: 0; }
  .agencia h1 { text-align: left; }
  .agencia .barrita { float: left; }
  .agencia .col-md-7 { padding-top: 15px; padding-left: 15px; }
  .agencia { padding-top: 0; padding-bottom: 0; }
  .clienteslogos ul li { width: 45%; }
  .clienteslogos ul li img { max-width: 80%; }
  .clienteslogos h2 span { padding: 13px 18px 9px 11px; display: block; width: 245px; margin: auto; }
  .agencia2 h1 { width: 100%; font-size: 16px; }
  .agencia2 ul li { width: 45%; }
  .agencia2 ul li img { max-width: 90px; }
  .agencia2 { padding-bottom: 0; }
  .proyectos h1 { text-align: left; }
  .proyectos .col-md-7 p span { display: inline; }
  .proyectos .col-md-7 { padding-left: 15px; }
  .agencia h1 { font-size: 48px; }
  .formulario input[type="submit"] { width: 100%; }
  .detalle h1 { font-size: 40px; margin-bottom: 0; }
  .detalle h2 { margin-top: 20px; }
  .detalle h3 { font-size: 40px; text-align: left; }
  .detalle h4 { text-align: left; }
  .detalle { padding-top: 0; }
  .detalle h1 { margin: 0; }
  .videodetalle { margin-top: 70px; }
  .hidemobile { display: none; }
  .hidedesktop { display: block; } }