:root {
  --white: white;
  --black: black;
}

.nav-menu {
  margin-top: 8px;
}

.nav-link, .nav-link-2 {
  color: #fff;
  margin-top: 8px;
}

.navbar {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(#000, rgba(0, 0, 0, 0));
  padding-top: 30px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.section {
  height: 680px;
  background-image: linear-gradient(rgba(0, 0, 0, .24), rgba(0, 0, 0, .24)), url('../images/zero-woman-lake_1zero-woman-lake.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-top: 200px;
}

.nav-link-3, .nav-link-4, .nav-link-5, .nav-link-6, .nav-link-7, .nav-link-8 {
  color: #fff;
}

.container {
  text-align: center;
}

.heading {
  color: #fff;
  margin-top: 28px;
  font-family: Bitter, serif;
  font-size: 54px;
  line-height: 50px;
}

.heading-2 {
  color: #fff;
  margin-top: 25px;
  font-family: Bitter, serif;
  font-size: 16px;
}

.button {
  background-image: linear-gradient(to top, #1492e6 66%, #fff);
  border-radius: 15px;
  margin-top: 26px;
  padding: 12px 20px;
  font-family: Changa One, Impact, sans-serif;
  font-size: 16px;
}

.button:hover {
  background-image: linear-gradient(#1492e6 66%, #fff);
}

.text-block {
  color: #fff;
  margin-top: 15px;
  font-family: Bitter, serif;
}

.section-2, .slider {
  height: 680px;
}

.slide, .slide-2 {
  background-image: url('../images/temas.._1temas...jpg');
  background-position: 50%;
  background-size: 800px;
}

.column {
  text-align: center;
  padding-top: 68px;
}

.heading-3 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 35px;
}

.heading-4 {
  color: #fff;
  margin-top: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
}

.section-3 {
  height: 680px;
  background-image: linear-gradient(rgba(194, 10, 252, .5), rgba(194, 10, 252, .5));
}

.container-2 {
  text-align: center;
}

.heading-5 {
  color: #fff;
  padding-top: 100px;
  font-family: Montserrat, sans-serif;
}

.slider-2 {
  height: 400px;
  background-color: rgba(0, 0, 0, 0);
}

.container-3 {
  text-align: center;
}

.heading-6 {
  color: #fff;
}

.container-4 {
  text-align: center;
}

.image {
  margin-top: 34px;
}

.container-5, .container-6 {
  text-align: center;
}

.image-2 {
  margin-top: 20px;
}

.container-7, .container-8 {
  text-align: center;
}

.image-3 {
  margin-top: 10px;
}

.row {
  margin-top: 22px;
}

.section-4 {
  height: 680px;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/servicio-redes-sociales.png'), linear-gradient(#2057bb, #2057bb);
  background-position: 0 0, 50%, 0 0;
  background-size: auto, cover, auto;
  font-size: 20px;
}

.div-block {
  padding-top: 50px;
}

.heading-7, .text-block-2 {
  color: #fff;
  padding-left: 40px;
  font-family: Montserrat, sans-serif;
}

.container-9 {
  text-align: center;
}

.image-4 {
  padding-top: 106px;
}

.image-5 {
  margin-top: 255px;
}

.image-6 {
  margin-bottom: 61px;
}

.section-5 {
  height: 680px;
  background-image: linear-gradient(315deg, #c0f 25%, #5c1274 79%);
  padding-top: 74px;
  font-weight: 700;
}

.column-2 {
  text-align: center;
}

.column-3 {
  text-align: center;
  padding-top: 214px;
}

.column-4 {
  text-align: center;
}

.heading-8 {
  color: #fff;
  margin-top: 5px;
  font-family: Montserrat, sans-serif;
}

.text-block-3 {
  color: #fff;
  font-family: Montserrat, sans-serif;
}

.row-2 {
  font-size: 14px;
  font-weight: 700;
}

.heading-9 {
  color: #fff;
  font-family: Montserrat, sans-serif;
}

.column-5 {
  text-align: center;
}

.row-3 {
  margin-top: 29px;
}

.column-6 {
  text-align: center;
}

.section-6 {
  height: 680px;
  background-image: url('../images/fondoEstr.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 98px;
}

.container-10 {
  text-align: center;
}

.heading-10 {
  color: #fff;
  margin-top: 84px;
  font-family: Montserrat, sans-serif;
}

.section-7 {
  height: 680px;
  background-image: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), url('../images/woman.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-top: 200px;
}

.heading-11 {
  color: #fff;
  text-align: center;
  font-family: Bitter, serif;
  font-size: 26px;
  line-height: 35px;
}

.container-11 {
  text-align: center;
}

.navbar-2 {
  background-color: rgba(0, 0, 0, 0);
  font-family: Changa One, Impact, sans-serif;
}

.container-12 {
  text-align: center;
  padding-top: 170px;
  padding-bottom: 170px;
}

.heading-12 {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  line-height: 60px;
  display: inline-block;
}

.heading-13 {
  color: #727070;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  display: block;
}

.button-2 {
  color: rgba(144, 143, 143, .73);
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  padding: 10px 20px;
  font-family: Varela Round, sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: block;
}

.button-2:hover {
  color: #000;
  background-image: linear-gradient(rgba(0, 0, 0, .07), rgba(0, 0, 0, .07));
}

.heading-14 {
  color: #000;
  font-size: 22px;
  font-weight: 700;
}

.div-block-2 {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.div-block-3 {
  text-align: center;
  position: fixed;
  top: 50px;
  left: 0;
}

.div-block-4 {
  padding-top: 72px;
  padding-left: 5px;
  font-size: 16px;
}

.div-block-5 {
  text-align: center;
  padding-top: 31px;
}

.div-block-6 {
  padding-right: 5px;
}

.div-block-7 {
  height: 2px;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  margin-top: 30px;
  margin-bottom: 30px;
}

.div-block-8 {
  text-align: center;
}

.image-7, .image-8 {
  border-radius: 15px;
}

.div-block-9 {
  padding-right: 5px;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.div-block-10 {
  padding-top: 55px;
  padding-left: 5px;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.div-block-12 {
  padding-right: 5px;
}

.rich-text-block, .rich-text-block-2 {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 16px;
}

.div-block-13 {
  padding-top: 56px;
  padding-left: 5px;
}

.div-block-14 {
  padding-right: 5px;
}

.div-block-15 {
  text-align: center;
  padding-top: 20px;
}

.image-9 {
  border-radius: 15px;
}

.div-block-16 {
  padding-top: 56px;
  padding-left: 5px;
}

.div-block-17 {
  padding-right: 5px;
}

.div-block-18 {
  padding-top: 53px;
  padding-left: 5px;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 16px;
}

.div-block-19 {
  text-align: center;
}

.image-10 {
  border: 1px solid #000;
  border-radius: 20px;
}

.div-block-20 {
  text-align: center;
}

.image-11 {
  border-radius: 15px;
}

.div-block-21 {
  padding-right: 5px;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 16px;
}

.div-block-22 {
  padding-top: 53px;
  padding-left: 5px;
}

.div-block-23 {
  padding-right: 5px;
}

.div-block-24 {
  text-align: center;
}

.image-12 {
  border-radius: 15px;
}

.div-block-25 {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 16px;
}

.row-6 {
  margin-top: 20px;
}

.rich-text-block-3, .div-block-26, .div-block-27 {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 16px;
}

.link {
  color: #31b119;
}

.div-block-28 {
  padding-top: 63px;
}

.row-7 {
  margin-bottom: 200px;
}

.div-block-29 {
  border-top: 1px solid #000;
  padding-top: 25px;
  padding-bottom: 25px;
}

.heading-15 {
  color: rgba(92, 90, 90, .69);
  font-family: Montserrat, sans-serif;
  font-size: 17px;
}

.column-10 {
  text-align: center;
}

.button-3 {
  background-image: linear-gradient(#3fbd44, #3fbd44);
  border-radius: 5px;
  padding-left: 50px;
  padding-right: 50px;
  font-family: Changa One, Impact, sans-serif;
}

.piedepagina {
  background-image: linear-gradient(#3b3d46, #3b3d46);
}

.heading-16 {
  color: #b0b1b8;
}

.cpie {
  color: #fff;
  font-family: Montserrat, sans-serif;
}

.link-2 {
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: block;
}

.heading-17 {
  color: #fff;
  font-family: Montserrat, sans-serif;
}

.container-13 {
  text-align: center;
  padding-top: 150px;
  padding-bottom: 100px;
}

.heading-18 {
  font-family: Montserrat, sans-serif;
  font-size: 50px;
}

.heading-19 {
  color: #c9c3c3;
}

.button-4 {
  background-image: linear-gradient(to top, #1492e6 73%, #fff);
  border-radius: 10px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
}

.button-4:hover {
  background-image: linear-gradient(#1492e6 73%, #fff);
}

.section-8 {
  background-image: linear-gradient(#e6e2e2, #e6e2e2);
}

.container-14 {
  background-image: linear-gradient(#fff, #fff);
}

.div-block-30 {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.button-5, .button-6 {
  color: #000;
  font-family: Changa One, Impact, sans-serif;
}

.c2 {
  color: #000;
  text-align: center;
}

.heading-20 {
  margin-top: 5px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
}

.heading-21 {
  color: rgba(0, 0, 0, .5);
  margin-top: 0;
  margin-bottom: 0;
}

.snegocios {
  height: 500px;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 6px #000;
  background-image: url('../images/easycommerce-banner3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 50px;
}

.sliderp {
  height: 700px;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 260px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.masks {
  background-image: linear-gradient(225deg, #4256b8, rgba(0, 0, 0, 0)), linear-gradient(135deg, #5d11c2, rgba(0, 0, 0, 0) 80%), url('../images/easycommerce-Agency.jpg');
  background-position: 0 0, 0 0, 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, auto;
  background-attachment: scroll, scroll, fixed;
}

.dbtitulos {
  padding-top: 100px;
}

.tipografia {
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  padding-left: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 30px;
  display: inline-block;
}

.titleslider {
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  font-size: 50px;
  font-weight: 400;
  line-height: 50px;
}

.navlink {
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.navlink:hover {
  color: #e75558;
}

.subtitles {
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  font-size: 19px;
  font-weight: 400;
  line-height: 19px;
}

.bottoncta {
  border: 1px solid #fff;
}

.barrap {
  height: 200px;
  color: #fff;
  text-align: left;
  background-color: #e75558;
  padding-top: 30px;
  padding-bottom: 50px;
  padding-left: 50px;
  font-weight: 700;
}

.coptions {
  height: 200px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 1px 1px 6px #000;
  background-image: linear-gradient(rgba(93, 17, 194, .5), rgba(93, 17, 194, .5)), url('../images/easycommerce-Computadora.jpg');
  background-position: 0 0, 0;
  background-size: auto, cover;
  padding-left: 0;
  padding-right: 0;
}

.coptions:hover {
  background-image: linear-gradient(rgba(93, 17, 194, .5) -3%, rgba(0, 0, 0, 0)), url('../images/easycommerce-Computadora.jpg');
  background-position: 0 0, 0;
  background-size: auto, cover;
}

.coption2 {
  height: 200px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 1px 1px 6px #000;
  background-image: linear-gradient(rgba(66, 86, 184, .5), rgba(66, 86, 184, .5)), url('../images/easycommerce-Social.jpg');
  background-position: 0 0, 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-left: 0;
  padding-right: 0;
}

.coption2:hover {
  background-image: linear-gradient(#4256b8, rgba(0, 0, 0, 0)), url('../images/easycommerce-Social.jpg');
  background-position: 0 0, 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cservis {
  height: 416px;
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/easy-commerce.jpg');
  background-position: 0 0, 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
}

.cservis:hover {
  text-shadow: 1px 1px 6px #000;
}

.cservis.estrategia {
  height: 416px;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 6px #000;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/estrategia-easycommerce.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cservis.estrategia:hover {
  text-shadow: 1px 1px 6px #000;
  background-image: url('../images/estrategia-easycommerce.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cservis.posicion {
  height: 416px;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/Marketing-Digital-easycommerce.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cservis.posicion:hover {
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  background-image: url('../images/Marketing-Digital-easycommerce.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cservis.dweb {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/ux_diseno-easycommerce.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cservis.dweb:hover {
  color: #fff;
  text-shadow: none;
  background-image: url('../images/ux_diseno-easycommerce.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cservis.content {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/Content-Marketing-easycommerce.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cservis.content:hover {
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  background-image: url('../images/Content-Marketing-easycommerce.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cservis.ecommerce {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/easycommerce-Ecommerce.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cservis.ecommerce:hover {
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  background-image: url('../images/easycommerce-Ecommerce.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cpiepag {
  padding-left: 0;
  padding-right: 0;
}

.cdevices {
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  padding-left: 0;
  padding-right: 0;
}

.cdevices.tablet {
  height: 250px;
  background-image: url('../images/mt-1100-home-img_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cdevices.tablet:hover {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/mt-1100-home-img_1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cdevices.smartp {
  height: 250px;
  background-image: url('../images/mt-1100-home-img_2.jpg');
  background-position: 0 0;
  background-size: cover;
}

.cdevices.smartp:hover {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/mt-1100-home-img_2.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.cdevices.laptop {
  height: 250px;
  background-image: url('../images/mt-1100-home-img_3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cdevices.laptop:hover {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/mt-1100-home-img_3.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.dbservis {
  text-align: left;
  text-shadow: 1px 1px 6px #000;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  margin-top: 328px;
  padding-top: 0;
  padding-left: 15px;
}

.propiedades {
  height: 800px;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 6px #000;
  background-image: url('../images/bg-2.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 50px;
}

.cphoto {
  padding-left: 0;
  padding-right: 0;
}

.cphoto.marketing1 {
  height: 700px;
  background-image: url('../images/computer-desk-small-business.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cphoto.cmarketing2 {
  height: 700px;
  background-image: url('../images/DM-Mobile.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ctexto {
  height: 700px;
  color: #fff;
  background-color: #e84135;
  padding-top: 0;
  padding-left: 50px;
  padding-right: 0;
}

.marketingd {
  height: 800px;
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0), #fff 70%), linear-gradient(45deg, #fff 30%, rgba(0, 0, 0, 0) 98%), url('../images/web-page.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.rtext {
  padding-top: 50px;
  padding-left: 50px;
}

.tbslogan {
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  padding-left: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 13px;
  display: inline-block;
}

.image-14 {
  background-image: linear-gradient(to right, #e75558 50%, rgba(231, 85, 88, .5));
  padding: 10px 5px;
}

.clogo {
  text-align: right;
  margin-top: 10px;
  padding-right: 0;
}

.ctipograf {
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: inline;
}

.dboption {
  padding-left: 50px;
}

.rtcontent {
  padding-top: 50px;
}

.smarketing {
  height: 600px;
}

.cmarketing {
  height: 600px;
  background-image: url('../images/estrategia-easycommerce.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
}

.spaginas {
  height: 700px;
  text-align: center;
  text-shadow: 1px 1px 6px #000;
  background-image: linear-gradient(225deg, rgba(93, 17, 194, .5) -2%, #4256b8), url('../images/easycommerce-Diseño-web-marketing_agencia-de-marketing-digital.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.h3titles {
  text-align: left;
  text-shadow: 1px 1px 2px #000;
  font-size: 24px;
  font-weight: 400;
  line-height: 20px;
}

.ccontac {
  height: 420px;
  background-image: linear-gradient(270deg, #1d3aa3 10%, rgba(0, 0, 0, 0)), url('../images/contacto-diseno-web-tiendas-online.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-left: 0;
  padding-right: 0;
}

.ctexconta {
  height: 420px;
  color: #fff;
  background-color: #1d3aa3;
  padding-top: 50px;
  padding-left: 20px;
}

.ctexconta.dbcontact {
  padding-top: 0;
}

.ctexconta.dbcontact.gracias {
  padding-top: 60px;
}

.cpaginaw {
  height: 400px;
  color: #fff;
  text-align: center;
  padding-top: 50px;
}

.cpaginaw._1 {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/paginas-web-bogota.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, 672px;
}

.cpaginaw._1:hover {
  background-image: linear-gradient(#000, rgba(0, 0, 0, 0)), url('../images/paginas-web-bogota.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, 672px;
}

.cpaginaw._2 {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/hosting-seguro.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cpaginaw._2:hover {
  background-image: linear-gradient(#000, rgba(0, 0, 0, 0)), url('../images/hosting-seguro.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cpaginaw._3 {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/easycommerce-Agencia.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cpaginaw._3:hover {
  background-image: linear-gradient(#000, rgba(0, 0, 0, 0)), url('../images/easycommerce-Agencia.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cpaginaw._4 {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/easycommerce--Seo.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cpaginaw._4:hover {
  background-image: linear-gradient(#000, rgba(0, 0, 0, 0)), url('../images/easycommerce--Seo.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cpaginaw._5 {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/easycommerce-google.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cpaginaw._5:hover {
  background-image: linear-gradient(#000, rgba(0, 0, 0, 0)), url('../images/easycommerce-google.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cpaginaw._6 {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/easycommerce-facebook-ads.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.cpaginaw._6:hover {
  background-image: linear-gradient(#000, rgba(0, 0, 0, 0)), url('../images/easycommerce-facebook-ads.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.body-3 {
  text-align: center;
}

.lbottonbn {
  background-color: #e75558;
  border: 1px solid #fff;
  border-radius: 10px;
  margin-top: 20px;
  position: absolute;
  right: 25%;
}

.lbottonbn:hover {
  background-color: #1d3aa3;
  background-image: linear-gradient(to top, #1d3aa3 20%, rgba(231, 85, 88, .9));
}

.lbottonbn.pie {
  float: right;
  margin-top: 25px;
}

.lbottonbn.azul {
  background-color: #1d3aa3;
}

.dbmulti {
  padding-top: 50px;
  padding-bottom: 50px;
}

.dbadapta {
  height: 600px;
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  background-image: url('../images/easycommerce-adaptativas.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.rtbadapta {
  padding-top: 100px;
}

.cazul {
  height: 300px;
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  background-color: #e75558;
  padding-top: 40px;
}

.cmorado {
  height: 300px;
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  background-color: #1d3aa3;
  padding-top: 40px;
}

.screativos {
  height: 700px;
  background-image: url('../images/easycommerce-development.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ccreativos {
  padding-top: 100px;
}

.tbtexton {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 15px;
}

.lbottonn {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #000;
}

.section-9 {
  background-image: url('../images/contacto-diseno-web-tiendas-online.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cotizacion {
  height: 300px;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 6px #000;
  background-image: linear-gradient(rgba(29, 58, 163, .8), rgba(29, 58, 163, .8)), url('../images/easycommerce-Blogging.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 40px;
}

.sproceso {
  text-align: center;
  background-image: url('../images/features.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 50px;
  padding-bottom: 100px;
}

.dbprocess {
  width: 200px;
  height: 200px;
  background-image: url('../images/Entrega.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 3px solid rgba(0, 0, 0, .5);
  border-radius: 100px;
  display: inline-block;
}

.dbprocess:hover {
  box-shadow: 0 0 25px 10px #4256b8;
}

.dbprocess.idea {
  background-image: url('../images/Idea.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
}

.dbprocess.estrat {
  background-image: url('../images/Estrategia.jpg');
  background-position: 0 0;
  background-size: 300px;
  display: inline-block;
}

.dbprocess.implement {
  background-image: url('../images/Desarrollo.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
}

.rprocess {
  text-align: center;
}

.dbanalytics {
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  background-image: linear-gradient(270deg, #ffae36, #ff5921);
  padding-top: 70px;
  padding-bottom: 70px;
}

.scaracter {
  padding-top: 50px;
  padding-bottom: 100px;
}

.hcaracter {
  color: #1d3aa3;
  text-align: right;
}

.ccaracter {
  text-align: right;
  display: block;
}

.dbcaracter {
  padding-right: 15px;
}

.dbstitulos {
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  margin-top: 60px;
}

.sadwords {
  height: 700px;
  background-image: url('../images/easycommerce-Google-adwords.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.ctextobn {
  text-align: center;
  padding-top: 50px;
  padding-left: 50px;
}

.fformulario {
  font-size: 22px;
}

.encabezado {
  height: 700px;
  text-align: center;
  background-color: #1d3aa3;
  background-image: linear-gradient(307deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.sseo {
  height: 700px;
  background-image: linear-gradient(45deg, rgba(93, 17, 194, .5), #5d11c2 0%, rgba(66, 86, 184, .5)), url('../images/easycommerce--Seo.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.sservicios {
  height: 700px;
  background-image: linear-gradient(#000, rgba(0, 0, 0, 0) 50%), url('../images/easycommerce-Satisfaccion.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.scontent {
  height: 700px;
  background-image: linear-gradient(135deg, rgba(93, 17, 194, .5), #4256b8 99%, #fff), url('../images/Google-Adwords.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.dtmenu {
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  padding-left: 10px;
  padding-right: 40px;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.tbprocess {
  color: rgba(51, 51, 51, .7);
  font-family: Droid Serif, serif;
  font-size: 14px;
  font-weight: 700;
}

.hprocess {
  color: #fff;
  text-transform: uppercase;
  text-shadow: 1px 1px 6px #000;
  padding-top: 70px;
}

.htiutlos-bn {
  padding-top: 20px;
  padding-bottom: 20px;
}

.hsubprocess {
  color: rgba(51, 51, 51, .8);
  margin-top: 60px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.text-block-4 {
  font-size: 18px;
  font-weight: 400;
}

.cbeneficios {
  height: 400px;
  padding-left: 0;
}

.cbeneficios.google {
  background-image: url('../images/easycommerce-google.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cbeneficios.roi {
  background-image: url('../images/easy-commerce-ROI.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.dbenefis {
  height: 400px;
  color: #000;
  text-align: center;
  padding-top: 10px;
  padding-left: 50px;
  padding-right: 50px;
}

.dbenefis:hover {
  color: #fff;
  text-shadow: 0 1px #000;
  background-color: #1d3aa3;
}

.dbenefis.cataprod {
  padding-top: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.dbenefis.cataprod:hover {
  background-color: #e75558;
}

.dbenefis.segurid {
  padding-top: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.cbebefis {
  padding-left: 0;
  padding-right: 0;
}

.bqtexto {
  margin-top: 50px;
  font-size: 20px;
  line-height: 22px;
}

.htitless {
  font-size: 70px;
}

.sencabeza {
  height: 700px;
  background-image: linear-gradient(to right, #000, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%, #fff);
}

.sencabeza.langing {
  background-image: linear-gradient(to right, #000, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%, #fff), url('../images/smartphoneman.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  background-attachment: scroll, fixed;
}

.ss1 {
  width: 25%;
  background-image: url('../images/easycommerce-Google-Adwords-Logo.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ss2 {
  width: 25%;
  background-image: url('../images/easycommerce-Google-Analytics-Logo.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.mslider {
  background-color: #fff;
  padding-left: 50px;
  padding-right: 50px;
}

.ss3 {
  width: 25%;
  background-image: url('../images/easycommerce-Google-Mi-Negocio-Logo.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.ss4 {
  width: 25%;
  background-image: url('../images/easycommerce-Google-Maps-Logo.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ss5 {
  width: 25%;
  background-image: url('../images/easycommerce-Google-TagManager-Logo.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ss6 {
  width: 25%;
  background-image: url('../images/easycommerce-Google-Partner-Logo.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ss7 {
  width: 25%;
  background-image: url('../images/easycommerce-Google-WebMasters-Loo.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.iraw {
  color: rgba(0, 0, 0, .5);
}

.tabpage {
  text-align: center;
  padding-top: 50px;
}

.tlpages {
  text-shadow: none;
  font-size: 20px;
  font-weight: 700;
}

.ptex {
  text-align: left;
}

.icheck {
  float: left;
  margin-right: 10px;
}

.spagina {
  height: 800px;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 6px #000;
  background-image: linear-gradient(135deg, rgba(93, 17, 194, .8) 30%, rgba(66, 86, 184, .8) 70%), url('../images/easycommerce-website-design-service.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  padding-top: 50px;
}

.dbpagina {
  background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3));
  border: 1px solid #fff;
}

.dbpagina.head {
  text-align: left;
  padding-left: 40px;
}

.rpagina {
  background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3));
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.dbbotton {
  padding-top: 60px;
  display: inline-block;
}

.tmenupag {
  margin-bottom: 50px;
}

.hsubtitlesb {
  color: #5572ff;
}

.hdias {
  border: 1px solid #fff;
  border-radius: 50%;
  margin-top: auto;
  margin-bottom: auto;
  padding: 10px 20px;
  display: inline-block;
}

.hresulta {
  color: #5d11c2;
  text-shadow: 1px 1px 1px #000;
  font-size: 78px;
}

.sresultados {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

.dbtestimonio {
  height: 500px;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
  background-image: url('../images/temas.._1temas...jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 100px;
}

.stestimonio {
  background-color: rgba(0, 0, 0, 0);
}

.httestimonio {
  font-size: 46px;
}

.st1 {
  text-align: center;
}

.httestim {
  font-size: 30px;
}

.st3, .st2 {
  text-align: center;
}

.dvplataforma {
  width: 300px;
  height: 300px;
  border-radius: 200px;
  display: inline-block;
}

.dvplataforma._1 {
  background-image: url('../images/mt-1100-gallery-img2-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.dvplataforma._2 {
  background-image: url('../images/Desarrollo.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.dvplataforma._3 {
  background-image: url('../images/Personalizado.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.dvplataforma._4 {
  background-image: url('../images/Cel-Tablet.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.cppropiedad {
  text-align: center;
}

.ssocialmedia {
  height: 700px;
  background-image: linear-gradient(135deg, rgba(93, 17, 194, .5) 40%, rgba(66, 86, 184, .5) 60%, rgba(0, 0, 0, 0) 100%, rgba(66, 86, 184, .5)), url('../images/easycommerce-facebook-ads.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.seoproceso {
  height: 800px;
  text-align: center;
  background-image: linear-gradient(rgba(255, 255, 255, .65), rgba(255, 255, 255, .65)), url('../images/easycommerce-google-adword-search.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 29px;
}

.headdevise {
  padding-left: 20px;
}

.column-13 {
  height: 400px;
  background-image: url('../images/responsive-design.jpg');
  background-position: 50%;
  background-size: cover;
}

.column-13:hover {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/responsive-design.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.column-15 {
  height: 400px;
  text-align: center;
  background-image: url('../images/tienda-online.jpg');
  background-position: 50%;
  background-size: cover;
}

.column-15:hover {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/tienda-online.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.column-17 {
  height: 400px;
  text-align: center;
  background-image: url('../images/compras-online.jpg');
  background-position: 50%;
  background-size: cover;
}

.column-17:hover {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/compras-online.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.section-10 {
  color: #fff;
}

.dbseo {
  text-align: center;
}

.column-18 {
  text-align: center;
  padding-top: 25px;
}

.column-19 {
  background-image: url('../images/seo-image.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 180px;
  padding-bottom: 180px;
}

.section-11 {
  color: #fff;
  text-align: center;
  background-image: linear-gradient(rgba(0, 0, 0, .82), rgba(0, 0, 0, .82));
}

.paragraph {
  float: none;
  color: #fff;
  text-align: justify;
  margin-top: 30px;
  font-size: 16px;
}

.paragraph-2 {
  font-size: 16px;
}

.column-20 {
  padding-top: 30px;
}

.column-21 {
  background-image: url('../images/convers.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 420px;
  padding-bottom: 420px;
}

.heading-27 {
  color: #005dfc;
  text-align: left;
}

.heading-28 {
  color: #005dfc;
}

.paragraph-3 {
  color: #005dfc;
  text-align: left;
  margin-top: 25px;
  font-size: 16px;
}

.column-22 {
  background-image: url('../images/phone.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 380px;
  padding-bottom: 380px;
}

.column-23 {
  padding-top: 30px;
}

.smdigital {
  height: 700px;
  background-image: linear-gradient(315deg, #4256b8, rgba(0, 0, 0, 0)), linear-gradient(135deg, #5d11c2, rgba(0, 0, 0, 0) 80%), url('../images/easycommerce-Agencia.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.ptxt {
  font-size: 20px;
  line-height: 24px;
}

.dlmenu.w--open {
  background-color: #fff;
}

.dlmenus {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
}

.dlmenus:hover {
  color: #fff;
  background-color: #4256b8;
}

.dbmark {
  padding-top: 250px;
}

.sbody {
  height: 650px;
  margin-top: 60px;
  margin-bottom: 0;
}

.sprofesional {
  height: 400px;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 6px #000;
  background-image: linear-gradient(rgba(231, 85, 88, .8), rgba(231, 85, 88, .8)), url('../images/Cel-Tablet.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 60px;
}

.htitblack {
  color: #1d3aa3;
  text-align: center;
  margin-top: 0;
}

.sscomerce {
  height: 400px;
  background-color: rgba(0, 0, 0, 0);
  display: block;
}

.secom1, .secom2, .secom3 {
  text-align: center;
}

.imgverify {
  float: left;
  margin-right: 10px;
}

.lbotton {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0) 50%);
  border-radius: 10px;
  margin-top: 10px;
  margin-left: 40px;
  font-weight: 400;
}

.lbotton:hover {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0) 50%);
  border-style: none;
  font-weight: 700;
}

.tbparrafo {
  color: rgba(51, 51, 51, .8);
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 20px;
  line-height: 24px;
}

.nav-menu-2 {
  font-weight: 700;
  display: inline-block;
}

.navbarc {
  background-image: linear-gradient(315deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)), linear-gradient(#1d3aa3, #1d3aa3);
  padding-top: 20px;
  display: block;
}

.seccontacto {
  height: 750px;
  color: var(--white);
  background-image: linear-gradient(#1d3aa3, #1d3aa3);
  padding-top: 132px;
}

.seccontacto.priv {
  height: 1100px;
}

.pixelface, .facecovert, .html-embed {
  display: none;
}

.rpiedepag {
  color: #fff;
  text-align: center;
  padding-top: 10px;
}

.lblock {
  color: #fff;
  display: block;
}

.dvwhats {
  float: right;
  color: #fff;
  text-align: right;
  text-shadow: 1px 1px 6px #000;
  display: inline-block;
}

.dvwhats.pricip {
  color: #fff;
  display: block;
}

.hwhats {
  color: #fff;
  font-size: 13px;
  display: inline-block;
}

.cs2 {
  height: 500px;
  background-image: url('../images/image-diversity-2.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
}

.h1t {
  color: #e75558;
  text-shadow: none;
  font-size: 48px;
  font-weight: 700;
  line-height: 50px;
}

.sp {
  height: 400px;
  background-color: rgba(0, 0, 0, 0);
}

.sp1, .sp2 {
  text-align: left;
}

.flecha {
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.dbico {
  float: right;
  padding-right: 20px;
  display: inline-block;
}

.h3sub {
  color: #e75558;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 700;
  display: block;
}

.icoup {
  padding-bottom: 30px;
}

.csubp {
  padding-top: 20px;
}

.tbsub {
  font-size: 18px;
  font-weight: 400;
}

.imgar {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
}

.consp {
  text-align: left;
  padding-left: 40px;
}

.h3left {
  color: #1d3aa3;
}

.c2imag {
  margin-top: 0;
}

.garantia {
  margin-top: 60px;
  margin-bottom: 60px;
}

.exito {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
}

.stest {
  height: 200px;
  background-color: rgba(0, 0, 0, 0);
  margin-left: auto;
  margin-right: auto;
}

.spt1 {
  width: 33.33%;
  margin-left: auto;
  margin-right: auto;
}

.spt2, .spt3, .spt4, .spt5, .spt6 {
  width: 33.33%;
}

.planes {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.h3plan {
  color: #1d3aa3;
}

.cplan {
  height: 70px;
  border-top: 1px solid rgba(0, 0, 0, .5);
  border-bottom: 1px solid rgba(0, 0, 0, .5);
  border-radius: 1px;
  padding-top: 15px;
}

.tbplan {
  color: rgba(51, 51, 51, .75);
  font-size: 18px;
  font-weight: 700;
}

.cp2 {
  margin-top: 15px;
}

.tbp2 {
  color: rgba(51, 51, 51, .9);
  font-size: 15px;
}

.h1a {
  color: #1d3aa3;
}

.buttbar {
  border: 1px solid var(--white);
  background-color: #1d3aa3;
  border-radius: 10px;
  margin-top: 20px;
}

.buttbar:hover {
  background-color: #e75558;
  background-image: linear-gradient(#1d3aa3 10%, #e75558);
}

.h1r {
  color: #e75558;
}

.h3subr {
  color: #e75558;
  text-align: center;
}

.tbneg {
  font-size: 17px;
}

.heading-29 {
  text-shadow: 1px 1px 3px var(--black);
}

.heading-30 {
  text-shadow: 1px 1px 3px #000;
}

.buttr {
  border: 1px solid var(--white);
  background-color: #e75558;
  border-radius: 10px;
  font-weight: 700;
}

.buttr:hover {
  background-image: linear-gradient(to top, #1d3aa3, #e75558);
}

.bold-text-2 {
  text-shadow: none;
  line-height: 24px;
}

.navbarp {
  display: none;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.swhats {
  display: none;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.navbare {
  background-color: rgba(0, 0, 0, 0);
}

.gratis {
  background-color: #fff;
}

.stestim {
  display: inline-block;
}

.iconr, .iconl {
  text-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

html.w-mod-js [data-ix="downtitle"] {
  display: none;
}

html.w-mod-js [data-ix="right"], html.w-mod-js [data-ix="right-load"] {
  transform: translate(500px);
}

html.w-mod-js [data-ix="left"], html.w-mod-js [data-ix="left-load"] {
  transform: translate(-500px);
}

html.w-mod-js [data-ix="apearup"] {
  opacity: 0;
  transform: translate(0, 30px);
}

@media screen and (max-width: 991px) {
  .navbar {
    padding-top: 0;
    display: block;
  }

  .navlink:hover {
    color: var(--white);
    background-color: #1d3aa3;
  }

  .dbservis {
    font-size: 14px;
  }

  .h3titles {
    font-size: 26px;
    line-height: 26px;
  }

  .ccontac, .ctexconta {
    height: 500px;
  }

  .cazul, .cmorado {
    height: 350px;
  }

  .cotizacion {
    height: 400px;
  }

  .cbeneficios {
    padding-right: 0;
  }

  .dbenefis {
    padding-top: 1px;
    padding-left: 1px;
    padding-right: 1px;
  }

  .bqtexto {
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .htitless {
    line-height: 58px;
  }

  .section-12 {
    font-size: 14px;
  }

  .sbody {
    margin-top: 40px;
    margin-bottom: 60px;
  }

  .sprofesional {
    height: 400px;
    padding-top: 60px;
  }

  .sscomerce {
    height: 450px;
  }

  .nav-menu-2 {
    background-color: #e75558;
  }

  .titbenefis {
    margin: 5px auto;
    font-size: 20px;
  }

  .snavp {
    padding-top: 30px;
  }

  .seccontacto {
    height: 900px;
  }

  .lblock {
    font-size: 14px;
  }

  .dvwhats, .dvwhats.pricip, .dvwhats.contac {
    display: none;
  }

  .hcontact {
    font-size: 25px;
  }

  .mbutton {
    color: #fff;
  }

  .mbutton.w--open {
    background-color: #e75558;
  }

  .sp {
    height: 550px;
    padding-top: 40px;
  }

  .h3sub {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .cplan {
    height: 90px;
  }

  .heading-32 {
    font-size: 36px;
  }

  .navbarp {
    display: none;
  }

  .swhats {
    display: inline-block;
  }

  .navbare {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .snegocios {
    height: 800px;
  }

  .navlink:hover {
    background-color: #1d3aa3;
  }

  .barrap {
    height: 210px;
    padding-top: 0;
  }

  .h3titles {
    font-size: 20px;
  }

  .ccontac {
    background-image: linear-gradient(270deg, #1d3aa3 10%, rgba(0, 0, 0, 0)), url('../images/contacto-diseno-web-tiendas-online.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .ctexconta {
    height: 430px;
  }

  .ctexconta.dbcontact {
    height: 250px;
  }

  .cotizacion {
    padding-top: 60px;
  }

  .column-11 {
    text-align: right;
  }

  .dbenefis {
    padding-top: 50px;
  }

  .sbody {
    height: 850px;
    background-image: none;
    margin-top: 0;
  }

  .sprofesional {
    padding-top: 40px;
  }

  .secom1 {
    display: inline-block;
  }

  .nav-menu-2 {
    background-color: #e75558;
  }

  .titbenefis {
    font-size: 30px;
  }

  .snavp {
    display: none;
  }

  .mask {
    height: 450px;
    display: block;
  }

  .seccontacto {
    height: 1550px;
    padding-top: 175px;
  }

  .riconos {
    float: right;
    display: inline-block;
  }

  .rpiedepag {
    padding-top: 140px;
  }

  .dvwhats.pricip {
    display: none;
  }

  .hcontact {
    font-size: 30px;
  }

  .cs2 {
    display: none;
  }

  .h3sub {
    margin-top: auto;
    margin-bottom: auto;
  }

  .tbsub {
    font-size: 16px;
  }

  .cplan {
    padding-bottom: 100px;
  }

  .cp2 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .h1a {
    font-size: 24px;
    line-height: 34px;
  }

  .buttbar {
    font-size: 12px;
  }

  .image-15, .navbare {
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .snegocios {
    height: 900px;
    padding-top: 5px;
  }

  .barrap {
    height: 320px;
    padding-top: 20px;
  }

  .h3titles {
    margin-top: 0;
    font-size: 22px;
  }

  .ctexconta {
    height: 510px;
  }

  .ctexconta.dbcontact {
    height: 350px;
  }

  .cazul {
    height: 345px;
    padding-top: 20px;
  }

  .cmorado {
    height: 345px;
  }

  .cotizacion {
    padding-top: 0;
  }

  .dbstitulos {
    margin-top: auto;
  }

  .dbenefis {
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .dbenefis.cataprod {
    height: 450px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .htitless {
    font-size: 45px;
  }

  .sprofesional {
    height: 520px;
    padding-top: 10px;
  }

  .titbenefis {
    font-size: 20px;
  }

  .hsubp {
    display: none;
  }

  .block-quote {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 17px;
  }

  .block-quote-2 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .block-quote-3 {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 16px;
  }

  .seccontacto {
    height: 1600px;
  }

  .hcontact {
    font-size: 20px;
  }

  .h1t {
    font-size: 44px;
    line-height: 44px;
  }

  .sp {
    height: 500px;
    padding-top: 0;
  }

  .exito {
    margin-top: 0;
    padding-bottom: 40px;
  }

  .image-15 {
    display: none;
  }

  .heading-31, .heading-32 {
    margin-top: auto;
  }

  .navbare {
    display: block;
  }
}