* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@font-face { font-family: 'Proxima Nova Bl'; src: url("../fonts/ProximaNova-Black.eot"); src: url("../fonts/ProximaNova-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Black.woff") format("woff"), url("../fonts/ProximaNova-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; }

@font-face { font-family: 'Proxima Nova'; src: url("../fonts/ProximaNovaT-Thin.eot"); src: url("../fonts/ProximaNovaT-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNovaT-Thin.woff") format("woff"), url("../fonts/ProximaNovaT-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; }

@font-face { font-family: 'Proxima Nova'; src: url("../fonts/ProximaNova-Bold.eot"); src: url("../fonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Bold.woff") format("woff"), url("../fonts/ProximaNova-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'Proxima Nova'; src: url("../fonts/ProximaNova-Regular.eot"); src: url("../fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Regular.woff") format("woff"), url("../fonts/ProximaNova-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Proxima Nova'; src: url("../fonts/ProximaNova-Semibold.eot"); src: url("../fonts/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Semibold.woff") format("woff"), url("../fonts/ProximaNova-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; }

@font-face { font-family: 'Proxima Nova'; src: url("../fonts/ProximaNova-Light.eot"); src: url("../fonts/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Light.woff") format("woff"), url("../fonts/ProximaNova-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; }

a, select, button, input, textarea { outline: none; }

.trans, .navbar-dark .navbar-nav .nav-link, nav .redes img, .porque a, .formulario input[type="submit"], footer .newsletter input[type="submit"], footer .menu li a, footer .redes li img, .footer2 a { -moz-transition: all 0.3s ease-in; -webkit-transition: 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

body { padding: 0; margin: 0; font-family: "Proxima Nova"; color: #5D5D5D; overflow-x: hidden; }

.clear { clear: both; }

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

li { list-style: none; }

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

.left { float: left; }

.right { float: right; }

.bg-dark { background-color: #212935 !important; }

.navbar-nav { flex: 1; justify-content: center; }

.navbar { position: fixed; width: 100%; left: 0; top: 0; z-index: 999; }

nav { border-right: solid 6px #00B7E5; }

.navbar-dark .navbar-nav .nav-link { font-weight: 400; color: #fff !important; font-size: 18px; padding: 10px 12px 10px 12px; }

.navbar-dark .navbar-nav .nav-link:hover { color: #fff !important; background-color: #00B7E5; }

nav .redes { padding-top: 9px; text-align: right; }

nav .redes li { margin-left: 0px; }

nav .redes .iconoredes { width: 36px; height: 36px; display: inline-block; }

nav .redes .borde { border-right: solid 1px #5D5D5D; padding-right: 20px; margin-right: 15px; }

nav .redes .iconologo { width: 145px; height: 36px; }

nav .redes img:hover { opacity: 0.8; }

.navbar-nav { padding-left: 20px; }

.navbar .row { width: 100%; }

.colredes { text-align: right; }

.redesmobile { display: none; text-align: center; padding: 6px; }

.redesmobile li { display: inline-block; }

.carouselmobile { display: none; }

.carousel1 img { width: 100%; }

.carousel1 .slick-prev { position: absolute; top: 45%; left: 45px; width: 16px; height: 35px; border: none; background-color: #00B7E5; border-radius: 60px; color: transparent; z-index: 9; background-repeat: no-repeat; background-image: url(../img/flechaizq.png); background-size: 10px; background-position: center; width: 36px; }

.carousel1 .slick-next { position: absolute; top: 45%; right: 45px; width: 16px; height: 35px; border: none; background-color: #00B7E5; border-radius: 60px; z-index: 9; background-repeat: no-repeat; color: transparent; background-image: url(../img/flechader.png); background-size: 10px; background-position: center; width: 36px; }

.carousel1 .slick-prev:hover, .carousel1 .slick-next:hover { opacity: 0.8; }

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

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

.carousel1 .slick-dots li button { border: none; padding: 5px; background-color: #00B7E5; color: transparent; width: 21px; height: 21px; border-radius: 60px; }

.carousel1 .slick-dots .slick-active button { background-color: #4F4F4F; }

.productoshome .slick-prev { position: absolute; top: 41%; left: -45px; width: 16px; height: 35px; border: none; background-color: #6666AA; border-radius: 60px; color: transparent; z-index: 9; background-repeat: no-repeat; background-image: url(../img/flechaizq.png); background-size: 10px; background-position: center; width: 36px; }

.productoshome .slick-next { position: absolute; top: 41%; right: -45px; width: 16px; height: 35px; border: none; background-color: #6666AA; border-radius: 60px; z-index: 9; background-repeat: no-repeat; color: transparent; background-image: url(../img/flechader.png); background-size: 10px; background-position: center; width: 36px; }

.productoshome .slick-dots { display: none !important; }

.productoshome .slick-prev:hover, .productoshome .slick-next:hover { opacity: 0.8; }

.productoshome h3 { color: #6666AA; font-size: 26px; text-align: center; font-weight: 600; padding: 20px; font-family: "Proxima Nova"; }

.empresa { padding: 45px 0 45px 0; }

.empresa .icono { display: block; margin: auto; }

.empresa h1 { color: #5D5D5D; font-size: 25px; padding-top: 15px; text-align: center; }

.empresa h2 { color: #26348B; font-size: 50px; text-align: center; font-weight: 700; }

.empresa p { color: #5D5D5D; text-align: center; padding-bottom: 45px; }

.empresa p span { display: block; }

.empresa .col-md-4 { text-align: center; }

.empresa .col-md-4 img { display: block; margin: auto; height: 90px; }

.empresa .col-md-4 h3 { color: #26348B; font-size: 20px; padding: 15px 0 15px 0; }

.empresa .col-md-4 p { text-align: center; height: 145px; max-width: 90%; margin: auto; font-size: 16px; }

.empresa .pad { border-radius: 15px 15px 0 0; padding: 33px 20px 20px 20px; border-bottom: solid 2px #00B7E5; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1), inset 0px -3px 0px #00B7E5; border-radius: 12px 12px 0px 0px; }

.porque { background-image: url(../img/bg_paralax1.jpg); padding: 45px; text-align: center; color: #fff; background-size: cover; }

.porque h1 { font-size: 45px; margin-top: 6px; }

.porque h2 { font-size: 25px; font-weight: 700; }

.porque p { font-size: 20px; max-width: 900px; margin: auto; padding: 16px 0 16px 0; line-height: 21px; }

.porque a { border: solid 2px #00B7E5; color: #fff; background-image: url(../img/Group4.svg); background-repeat: no-repeat; background-position: 95%; width: 279px; font-size: 20px; display: block; border-radius: 20px; margin: auto; padding: 10px 15px 10px 15px; text-align: left; margin-top: 45px; }

.porque a:hover { background-color: #26348B; border: solid 2px #26348B; }

.servicios { padding: 145px 0 45px 0; background-image: url(../img/misc-bg2.jpg); background-repeat: no-repeat; background-position: top left; }

.servicios h2 { color: #00B7E5; font-size: 36px; text-align: center; margin-bottom: 33px; padding-bottom: 20px; border-bottom: solid 1px rgba(0, 0, 0, 0.1); }

.servicios h1 { color: #26348B; font-size: 20px; margin: 15px 0 15px 0; }

.servicios p { font-size: 15px; }

.servicios .barrita { height: 2px; background-color: #00B7E5; width: 61px; margin-top: 20px; }

.servicios .col-md-6 { margin-bottom: 45px; }

.formulario { background-image: url(../img/fdo_form.png); background-repeat: no-repeat; background-position: center; padding-top: 60px; margin-bottom: 45px; }

.formulario .icono { display: block; margin: auto; width: 45px; }

.formulario h1 { color: #26348B; font-size: 26px; font-weight: 400; margin: 6px; text-align: center; }

.formulario h1 span { font-weight: 700; }

.formulario p { font-size: 11px; }

.formulario input[type="text"], .formulario input[type="email"], .formulario textarea { border: none; border-bottom: solid 1px rgba(0, 0, 0, 0.1); background-color: transparent; width: 100%; margin-bottom: 15px; color: #5D5D5D; padding: 10px; }

.formulario input::placeholder, .formulario textarea::placeholder { color: #5D5D5D; opacity: 1; }

.formulario p { text-align: center; }

.formulario .pad { max-width: 900px; margin: auto; border-bottom: solid 12px #00B7E5; margin-top: 45px; box-shadow: 0px -3px 7px rgba(0, 0, 0, 0.1); border-radius: 12px 12px 0px 0px; padding: 45px; }

.formulario p.texto { font-size: 16px; font-weight: 600; padding-bottom: 15px; }

.formulario p.texto span { display: block; }

.formulario .tipo { text-align: center; width: 100%; }

.formulario .tipo .titulo { color: #00B7E5; }

.formulario input[type="submit"] { border: none; background-color: #00B7E5; color: #fff; font-size: 20px; border-radius: 33px; padding: 10px 45px 10px 45px; display: block; margin: auto; margin-top: 15px; font-weight: 700; }

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

.instagram { padding: 45px; }

.instagram h1 { text-align: center; color: #00B7E5; font-weight: 700; font-size: 26px; }

.franja { background-color: #26348B; padding: 20px; color: #fff; text-align: center; margin-top: 33px; font-weight: 700; font-size: 21px; }

.faqs { padding: 45px; background-image: url(../img/bg_paralax2.jpg); background-attachment: fixed; background-size: cover; }

.faqs .icono { display: block; margin: auto; }

.faqs h1 { color: #fff; font-size: 33px; text-align: center; margin: 15px; }

.faqs h3 { color: #fff; font-size: 20px; border-bottom: solid 1px #00B7E5; padding: 20px; cursor: pointer; background-image: url(../img/Frame5.svg); background-repeat: no-repeat; background-position: 98%; }

.faqs div { color: #fff; font-size: 15px; padding-top: 20px; padding-left: 20px; }

.faqs a { color: #fff; text-decoration: underline; }

.faqs a:hover { text-decoration: none; }

.clientes h1 { color: #00B7E5; font-size: 36px; text-align: center; margin-bottom: 33px; padding-bottom: 20px; border-bottom: solid 1px rgba(0, 0, 0, 0.1); }

.clientes .slick-prev { position: absolute; top: 37%; left: -63px; width: 26px; height: 95px; border: none; background-color: #fff; border-radius: 60px; color: transparent; z-index: 9; background-repeat: no-repeat; background-image: url(../img/flechader.svg); background-position: center; width: 36px; }

.clientes .slick-next { position: absolute; top: 37%; right: -63px; width: 26px; height: 95px; border: none; background-color: #fff; border-radius: 60px; z-index: 9; background-repeat: no-repeat; color: transparent; background-image: url(../img/flechaizq.svg); background-position: center; width: 36px; }

footer { background-color: #26348B; padding: 45px; background-image: url(../img/MaskGroup.svg); background-repeat: no-repeat; background-position: right; }

footer .logofooter { display: block; margin: auto; width: 145px; margin-bottom: 20px; }

footer .newsletter { text-align: center; color: #fff; }

footer .newsletter h1 { color: #fff; font-size: 33px; text-align: center; }

footer .newsletter p { text-align: center; padding-bottom: 33px; }

footer .newsletter ul { text-align: center; }

footer .newsletter ul li { display: inline-block; margin: 0 6px 0 0; }

footer .newsletter ul input[type="text"], footer .newsletter ul input[type="email"] { border: none; border-bottom: solid 1px #fff; padding: 10px 20px 10px 20px; text-align: center; background-color: transparent; color: #fff; }

footer .newsletter ul input::placeholder { color: #fff; opacity: 1; }

footer .newsletter input[type="submit"] { border: none; background-color: #26348B; color: #fff; border: solid 1px #fff; border-radius: 33px; font-size: 20px; border-radius: 33px; padding: 10px 45px 10px 45px; display: block; margin: auto; margin-top: 15px; font-weight: 700; font-size: 16px; }

footer .newsletter input[type="submit"]:hover { background-color: #5D5D5D; }

footer .container { max-width: 1400px; }

footer h1 { color: #fff; font-size: 16px; margin-bottom: 15px; }

footer .borde { margin-top: 45px; border-top: solid 1px rgba(0, 0, 0, 0.1); border-bottom: solid 1px rgba(0, 0, 0, 0.1); padding: 20px; }

footer .menu { color: #fff; font-size: 15px; font-weight: 700; }

footer .menu li { display: inline-block; border-right: solid 2px rgba(0, 0, 0, 0.1); padding-right: 6px; margin-right: 3px; }

footer .menu li a { color: #fff; }

footer .menu li a:hover { opacity: 0.8; }

footer .menu li:last-child { border: none; }

footer .copy { color: #fff; font-size: 14px; text-align: center; padding-top: 15px; }

footer .borde2 { border-right: solid 1px rgba(0, 0, 0, 0.1); border-left: solid 1px rgba(0, 0, 0, 0.1); }

footer .datos { color: #fff; font-size: 15px; }

footer .redes li { display: inline-block; }

footer .redes li img { width: 45px; }

footer .redes li img:hover { opacity: 0.8; }

.footer2 { background-color: #00B7E5; color: #fff; padding: 20px; }

.footer2 .container { max-width: 1400px; }

.footer2 .col1 img { display: block; margin: auto auto 20px auto; }

.footer2 .col2 ul { text-align: center; padding-top: 12px; }

.footer2 .col2 ul li { display: inline-block; padding: 0 6px 0 6px; }

.footer2 .col2 ul li a { color: #fff; font-size: 16px; }

.footer2 .col3 { text-align: center; }

.footer2 .col3 a { color: #fff; }

.footer2 a:hover { opacity: 0.8; }

.footer2 .menu2 { border-top: solid 1px #26348B; margin-top: 20px; margin-bottom: 20px; text-align: center; padding-top: 12px; }

.footer2 .menu2 li { display: inline-block; padding: 0 6px 0 6px; }

.footer2 .menu2 li a { color: #fff; font-size: 16px; }

.gracias { color: #fff; font-size: 15px; text-align: center; padding: 15px; }

.gracias2 { padding: 145px 0 145px 0; }

.gracias2 .container { max-width: 900px; }

.gracias2 svg { float: right; fill: #00B7E5; }

.gracias2 h1 { font-weight: bold; color: #212935; }

@media (max-width: 450px) { .carouseldesktop { display: none; }
  .carouselmobile { display: block; }
  .empresa h2 { font-size: 45px; line-height: 48px; }
  .empresa .col-md-4 { margin-bottom: 33px; }
  .porque { padding: 33px 15px 33px 15px; }
  .servicios h2 { font-size: 29px; }
  .servicios .col-md-4 { text-align: center; }
  .servicios .barrita { margin: 20px auto auto auto; }
  .franja { margin-top: 0; }
  .faqs { padding: 20px; }
  .faqs div { padding-left: 0; }
  footer { background-position: bottom; }
  .footer2 .col2 ul li { display: block; }
  .footer2 .col3 { text-align: center; padding-top: 15px; }
  .footer2 .col1 img { display: block; margin: auto; }
  .formulario .pad { max-width: 90%; }
  .faqs h3 { padding-right: 33px; }
  nav .redes { display: none; }
  .redesmobile { display: block; margin-left: 12px; }
  .navbar-nav .nav-item { text-align: center; }
  .navbar-nav { padding-top: 15px; }
  .navbar-toggler { border: none; float: right; margin-top: 4px; outline: none; margin-right: -28px; }
  .carouselmobile { padding-top: 58px; }
  .gracias2 { padding: 98px 0 145px 0; text-align: center; }
  .gracias2 svg { float: none; width: 120px; display: block; margin: auto; }
  .carousel1 .slick-prev { left: 20px; }
  .carousel1 .slick-next { right: 20px; } }