/* MARKETING DIGITAL */
#marketing_digital {
  width: 100%;
  height: auto;
  padding: 200px 20% 150px 20%;
  background: #ffffff;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}

#marketing_digital .sectionImg {
  width: 100%;
  height: auto;
  padding: 90px 0 0 0;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}
#marketing_digital .sectionImg img {
  max-width: 100%;
  height: auto;
  transition: all .3s ease;
}

#marketing_digital .sectionHeader {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
#marketing_digital .sectionHeader p {
  font-size: 18px;
  font-weight: 200;
  font-style: normal;
  color: #030303;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  transition: all .3s ease;
}
#marketing_digital .sectionHeader h1 {
  font-size: 100px;
  font-weight: bold;
  font-style: normal;
  color: #231f20;
  text-transform: uppercase;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  transition: all .3s ease;
}
#marketing_digital .sectionHeader h2 {
  font-size: 100px;
  font-weight: 200;
  font-style: normal;
  color: #231f20;
  text-transform: none;
  letter-spacing: 4px;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  transition: all .3s ease;
}

#marketing_digital .sectionInfo {
  width: 100%;
  height: auto;
  padding: 25px 75px 0 75px;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
#marketing_digital .sectionInfo p {
  font-size: 15px;
  font-weight: 200;
  font-style: normal;
  color: #8e8e8e;
  transition: all .3s ease;
}

#marketing_digital .sectionFooter {
  width: 100%;
  height: auto;
  padding: 0 25px 50px 25px;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
#marketing_digital .sectionFooter .row ,
#marketing_digital .sectionFooter .row .col {
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
}

#marketing_digital .sectionFooter .formMain {
  width: 100%;
  height: auto;
  padding: 0 15px 0 0;
  position: relative;
  transition: all .3s ease;
}

#marketing_digital .sectionFooter .formMain .formInput {
  width: 100%;
  height: 48px;
  margin: 0 0 0 0;
  position: relative;
  transition: all .3s ease;
}

#marketing_digital .sectionFooter .formMain .formInput .formLabel {
  width: 30%;
  height: 48px;
  text-align: right;
  position: relative;
  float: left;
  transition: all .3s ease;
}
#marketing_digital .sectionFooter .formMain .formInput .formLabel h1 {
  font-size: 15px;
  font-weight: 200;
  font-style: normal;
  color: #8e8e8e;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  position: absolute;
  right: 0;
  bottom: 2px;
  transition: all .3s ease;
}

#marketing_digital .sectionFooter .formMain .formInput .formField {
  width: 70%;
  height: 48px;
  position: relative;
  float: left;
  padding: 0 0 0 20px;
  transition: all .3s ease;
}

#marketing_digital .sectionFooter .formFooter {
  width: 100%;
  height: auto;
  padding: 50px 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
#marketing_digital .sectionFooter .formFooter h1 {
  font-size: 15px;
  font-weight: 200;
  font-style: normal;
  color: #8e8e8e;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  transition: all .3s ease;
}

#marketing_digital .sectionFooter .formFooter button {
  font-weight: 200;
  font-style: normal;
  color: #939393;
  background: #ffffff;
  background-color: #ffffff;
  border: 1px solid #a8a6a6;
  box-shadow: none!important;
  text-transform: lowercase;
  transition: all .3s ease;
}
#marketing_digital .sectionFooter .formFooter button:hover,
#marketing_digital .sectionFooter .formFooter button:active,
#marketing_digital .sectionFooter .formFooter button:focus {
  background: #231f20;
  background-color: #231f20;
  border: 1px solid #231f20;
  color: #ffffff;
  font-weight: 300;
}
/*  */

/* FORMULARIO CUENTA USUARIO TIPO PERFIL */
#marketing_digital .sectionFooter .formMain .formInput .formField input:not([type]),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=text]:not(.browser-default),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=password]:not(.browser-default),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=email]:not(.browser-default),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=url]:not(.browser-default),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=time]:not(.browser-default),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=date]:not(.browser-default),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=datetime]:not(.browser-default),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=datetime-local]:not(.browser-default),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=tel]:not(.browser-default),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=number]:not(.browser-default),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=search]:not(.browser-default),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=file]:not(.browser-default),
#marketing_digital .sectionFooter .formMain .formInput .formField textarea.materialize-textarea {
  width: 100%;
  font-size: 18px;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #c7c9c9;
  height: 47px;
  border-bottom: solid 1px #c7c9c9;
  box-sizing: border-box;
  padding: 0 0 0 0;
  transition: all .3s ease;
}

#marketing_digital .sectionFooter .formMain .formInput .formField input:not([type]):focus:not([readonly]),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=text]:not(.browser-default):focus:not([readonly]),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=password]:not(.browser-default):focus:not([readonly]),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=email]:not(.browser-default):focus:not([readonly]),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=url]:not(.browser-default):focus:not([readonly]),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=time]:not(.browser-default):focus:not([readonly]),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=date]:not(.browser-default):focus:not([readonly]),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=datetime]:not(.browser-default):focus:not([readonly]),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=tel]:not(.browser-default):focus:not([readonly]),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=number]:not(.browser-default):focus:not([readonly]),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=search]:not(.browser-default):focus:not([readonly]),
#marketing_digital .sectionFooter .formMain .formInput .formField input[type=file]:not(.browser-default):focus:not([readonly]),
#marketing_digital .sectionFooter .formMain .formInput .formField textarea.materialize-textarea:focus:not([readonly]) {
  color: #231f20;
  border-bottom: solid 1px #8e8e8e;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*  */

/* ADWORDS & SEO */
#adwords_seo {
  width: 100%;
  height: auto;
  padding: 150px 20% 150px 20%;
  background: #101113;
  background-color: #101113;
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}

#adwords_seo .sectionImg {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}
#adwords_seo .sectionImg img {
  max-width: 100%;
  height: auto;
  transition: all .3s ease;
}

#adwords_seo .sectionSeo {
  width: 100%;
  height: auto;
  padding: 200px 0 0 0;
}

#adwords_seo .sectionSeo .sectionHeader {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
#adwords_seo .sectionSeo .sectionHeader h1 {
  font-size: 62px;
  font-weight: 200;
  font-style: normal;
  color: #fcfbf8;
  text-transform: none;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  transition: all .3s ease;
}

#adwords_seo .sectionSeo .sectionInfo {
  width: 100%;
  height: auto;
  padding: 25px 75px 0 75px;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
#adwords_seo .sectionSeo .sectionInfo p {
  font-size: 15px;
  font-weight: 200;
  font-style: normal;
  color: #8e8e8e;
  transition: all .3s ease;
}

#adwords_seo .sectionSeo .sectionFooter {
  width: 100%;
  height: auto;
  padding: 25px 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}

#adwords_seo .sectionSeo .sectionFooter a.verMas {
  font-weight: 200;
  font-style: normal;
  color: #fcfbf8;
  background: #101113;
  background-color: #101113;
  border: 1px solid #838383;
  box-shadow: none!important;
  text-transform: none;
  transition: all .3s ease;
}
#adwords_seo .sectionSeo .sectionFooter a.verMas:hover,
#adwords_seo .sectionSeo .sectionFooter a.verMas:active,
#adwords_seo .sectionSeo .sectionFooter a.verMas:focus {
  background: #fcfbf8;
  background-color: #fcfbf8;
  color: #101113;
  font-weight: 300;
}
/*  */

/* PÁGINAS WEB */
#paginas_web {
  width: 100%;
  height: auto;
  padding: 150px 20% 150px 20%;
  background: #ffffff;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}

#paginas_web .sectionImg {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}
#paginas_web .sectionImg img {
  max-width: 100%;
  height: auto;
  transition: all .3s ease;
}

#paginas_web .sectionWeb {
  width: 100%;
  height: auto;
  padding: 100px 0 0 0;
}

#paginas_web .sectionWeb .sectionHeader {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
#paginas_web .sectionWeb .sectionHeader h1 {
  font-size: 62px;
  font-weight: 200;
  font-style: normal;
  color: #231f20;
  text-transform: none;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  transition: all .3s ease;
}

#paginas_web .sectionWeb .sectionInfo {
  width: 100%;
  height: auto;
  padding: 25px 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
#paginas_web .sectionWeb .sectionInfo p {
  font-size: 15px;
  font-weight: 200;
  font-style: normal;
  color: #8e8e8e;
  transition: all .3s ease;
}

#paginas_web .sectionWeb .sectionFooter {
  width: 100%;
  height: auto;
  padding: 25px 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}

#paginas_web .sectionWeb .sectionFooter a.verMas {
  font-weight: 200;
  font-style: normal;
  color: #040404;
  background: #ffffff;
  background-color: #ffffff;
  border: 1px solid #a8a6a6;
  box-shadow: none!important;
  text-transform: none;
  transition: all .3s ease;
}
#paginas_web .sectionWeb .sectionFooter a.verMas:hover,
#paginas_web .sectionWeb .sectionFooter a.verMas:active,
#paginas_web .sectionWeb .sectionFooter a.verMas:focus {
  background: #040404;
  background-color: #040404;
  border: 1px solid #040404;
  color: #ffffff;
  font-weight: 300;
}
/*  */

/* FOTOGRAFIA */
#fotografia {
  width: 100%;
  height: auto;
  padding: 150px 20% 150px 20%;
  background: #e2e3e5;
  background-color: #e2e3e5;
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}

#fotografia .sectionImg {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}
#fotografia .sectionImg img {
  max-width: 100%;
  height: auto;
  transition: all .3s ease;
}

#fotografia .sectionFoto {
  width: 100%;
  height: auto;
  padding: 100px 0 0 0;
}

#fotografia .sectionFoto .sectionHeader {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
#fotografia .sectionFoto .sectionHeader h1 {
  font-size: 62px;
  font-weight: 200;
  font-style: normal;
  color: #39393a;
  text-transform: none;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  transition: all .3s ease;
}

#fotografia .sectionFoto .sectionInfo {
  width: 100%;
  height: auto;
  padding: 25px 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
#fotografia .sectionFoto .sectionInfo p {
  font-size: 15px;
  font-weight: 200;
  font-style: normal;
  color: #8e8e8e;
  transition: all .3s ease;
}

#fotografia .sectionFoto .sectionFooter {
  width: 100%;
  height: auto;
  padding: 25px 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}

#fotografia .sectionFoto .sectionFooter a.verMas {
  font-weight: 200;
  font-style: normal;
  color: #525353;
  background: #e2e3e5;
  background-color: #e2e3e5;
  border: 1px solid #a8a6a6;
  box-shadow: none!important;
  text-transform: none;
  transition: all .3s ease;
}
#fotografia .sectionFoto .sectionFooter a.verMas:hover,
#fotografia .sectionFoto .sectionFooter a.verMas:active,
#fotografia .sectionFoto .sectionFooter a.verMas:focus {
  border: 1px solid #39393a;
  background: #39393a;
  background-color: #39393a;
  color: #e2e3e5;
  font-weight: 300;
}
/*  */

/* BRANDING */
#branding {
  width: 100%;
  height: auto;
  padding: 150px 20% 150px 20%;
  background: #111213;
  background-color: #111213;
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}

#branding .sectionBrand{
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}

#branding .sectionImg {
  width: 100%;
  height: auto;
  overflow: hidden;
  transition: all .3s ease;
}
#branding .sectionImg img {
  max-width: 100%;
  height: auto;
  transition: all .3s ease;
}

#branding .sectionBrand {
  width: 100%;
  height: auto;
  padding: 150px 0 0 0;
}

#branding .sectionBrand .sectionHeader {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
#branding .sectionBrand .sectionHeader h1 {
  font-size: 62px;
  font-weight: 200;
  font-style: normal;
  color: #fcfbf8;
  text-transform: none;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  transition: all .3s ease;
}

#branding .sectionBrand .sectionInfo {
  width: 100%;
  height: auto;
  padding: 25px 25px 0 25px;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
#branding .sectionBrand .sectionInfo p {
  font-size: 15px;
  font-weight: 200;
  font-style: normal;
  color: #8e8e8e;
  transition: all .3s ease;
}

#branding .sectionBrand .sectionFooter {
  width: 100%;
  height: auto;
  padding: 25px 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}

#branding .sectionBrand .sectionFooter a.verMas {
  font-weight: 200;
  font-style: normal;
  color: #fcfbf8;
  background: #111213;
  background-color: #111213;
  border: 1px solid #838383;
  box-shadow: none!important;
  text-transform: none;
  transition: all .3s ease;
}
#branding .sectionBrand .sectionFooter a.verMas:hover,
#branding .sectionBrand .sectionFooter a.verMas:active,
#branding .sectionBrand .sectionFooter a.verMas:focus {
  color: #111213;
  background: #fcfbf8;
  background-color: #fcfbf8;
  border: 1px solid #fcfbf8;
  font-weight: 300;
}
/*  */

/* VIDEO */
#video {
  width: 100%;
  height: auto;
  padding: 150px 20% 150px 20%;
  background: #ffffff;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}

#video .sectionImg {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
#video .sectionImg img.luna {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 25px;
  z-index: 1;
  transition: all .3s ease;
}

#video .sectionImg img.dron {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 60px;
  z-index: 5;
  transition: all .3s ease;
}

#video .sectionVideo {
  width: 100%;
  height: auto;
  padding: 50px 0 0 0;
}

#video .sectionVideo .sectionHeader {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
#video .sectionVideo .sectionHeader h1 {
  font-size: 62px;
  font-weight: 200;
  font-style: normal;
  color: #231f20;
  text-transform: none;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  transition: all .3s ease;
}

#video .sectionVideo .sectionInfo {
  width: 100%;
  height: auto;
  padding: 25px 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
#video .sectionVideo .sectionInfo p {
  font-size: 15px;
  font-weight: 200;
  font-style: normal;
  color: #8e8e8e;
  transition: all .3s ease;
}

#video .sectionVideo .sectionFooter {
  width: 100%;
  height: auto;
  padding: 25px 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}

#video .sectionVideo .sectionFooter a.verMas {
  font-weight: 200;
  font-style: normal;
  color: #040404;
  background: #ffffff;
  background-color: #ffffff;
  border: 1px solid #a8a6a5;
  box-shadow: none!important;
  text-transform: none;
  transition: all .3s ease;
}
#video .sectionVideo .sectionFooter a.verMas:hover,
#video .sectionVideo .sectionFooter a.verMas:active,
#video .sectionVideo .sectionFooter a.verMas:focus {
  background: #040404;
  background-color: #040404;
  border: 1px solid #040404;
  color: #ffffff;
  font-weight: 300;
}
/*  */

/* CAMPAÑAS PUBLICITARIAS */
#campanas_publicitarias {
  width: 100%;
  height: auto;
  padding: 150px 20% 150px 20%;
  background: #e2e3e5;
  background-color: #e2e3e5;
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}

#campanas_publicitarias .sectionImg {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
#campanas_publicitarias .sectionImg img.piedra {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  transition: all .3s ease;
}

#campanas_publicitarias .sectionImg img.piedritas {
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  transition: all .3s ease;
}

#campanas_publicitarias .sectionPublicitaria {
  width: 100%;
  height: auto;
  padding: 100px 0 0 0;
}

#campanas_publicitarias .sectionPublicitaria .sectionHeader {
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
#campanas_publicitarias .sectionPublicitaria .sectionHeader h1 {
  font-size: 62px;
  font-weight: 200;
  font-style: normal;
  color: #101113;
  text-transform: none;
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
  transition: all .3s ease;
}

#campanas_publicitarias .sectionPublicitaria .sectionInfo {
  width: 100%;
  height: auto;
  padding: 25px 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}
#campanas_publicitarias .sectionPublicitaria .sectionInfo p {
  font-size: 15px;
  font-weight: 200;
  font-style: normal;
  color: #8e8e8e;
  transition: all .3s ease;
}

#campanas_publicitarias .sectionPublicitaria .sectionFooter {
  width: 100%;
  height: auto;
  padding: 25px 0 0 0;
  text-align: center;
  position: relative;
  transition: all .3s ease;
}

#campanas_publicitarias .sectionPublicitaria .sectionFooter a.verMas {
  font-weight: 200;
  font-style: normal;
  color: #525353;
  background: #e2e3e5;
  background-color: #e2e3e5;
  border: 1px solid #a8a6a6;
  box-shadow: none!important;
  text-transform: none;
  transition: all .3s ease;
}
#campanas_publicitarias .sectionPublicitaria .sectionFooter a.verMas:hover,
#campanas_publicitarias .sectionPublicitaria .sectionFooter a.verMas:active,
#campanas_publicitarias .sectionPublicitaria .sectionFooter a.verMas:focus {
  border: 1px solid #525353;
  background: #525353;
  background-color: #525353;
  color: #e2e3e5;
  font-weight: 300;
}
/*  */