#page,
a {
  -webkit-transition: 0.5s;
}

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

.paylink a {
  background: none !important;
  color: #878787 !important;
  padding: 0 !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
  text-decoration: underline;
}

#gsa-footer .gsa-footer-links li a,
#gsa-products .arrow-thumb a:active,
#gsa-products .arrow-thumb a:focus,
#gsa-products .arrow-thumb a:hover {
  text-decoration: none;
}

#gsa-offcanvas ul li.offcanvas-has-dropdown > a:after,
.gsa-contact-info ul li:before {
  speak: none;
  font-style: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.stepWidth {
  width: 30%;
}

.answer ul {
  max-width: 400px !important;
  text-align: left;
  display: inline-block;
}

@font-face {
    font-family: 'Basis';
    src: url('../fonts/BasisGrotesquePro-Bold.eot');
    src: url('../fonts/BasisGrotesquePro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BasisGrotesquePro-Bold.woff2') format('woff2'),
        url('../fonts/BasisGrotesquePro-Bold.woff') format('woff'),
        url('../fonts/BasisGrotesquePro-Bold.ttf') format('truetype'),
        url('../fonts/BasisGrotesquePro-Bold.svg#BasisGrotesquePro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basis';
    src: url('../fonts/BasisGrotesquePro-Light.eot');
    src: url('../fonts/BasisGrotesquePro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BasisGrotesquePro-Light.woff2') format('woff2'),
        url('../fonts/BasisGrotesquePro-Light.woff') format('woff'),
        url('../fonts/BasisGrotesquePro-Light.ttf') format('truetype'),
        url('../fonts/BasisGrotesquePro-Light.svg#BasisGrotesquePro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basis';
    src: url('../fonts/BasisGrotesquePro-Medium.eot');
    src: url('../fonts/BasisGrotesquePro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BasisGrotesquePro-Medium.woff2') format('woff2'),
        url('../fonts/BasisGrotesquePro-Medium.woff') format('woff'),
        url('../fonts/BasisGrotesquePro-Medium.ttf') format('truetype'),
        url('../fonts/BasisGrotesquePro-Medium.svg#BasisGrotesquePro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Basis';
    src: url('../fonts/BasisGrotesquePro-Regular.eot');
    src: url('../fonts/BasisGrotesquePro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BasisGrotesquePro-Regular.woff2') format('woff2'),
        url('../fonts/BasisGrotesquePro-Regular.woff') format('woff'),
        url('../fonts/BasisGrotesquePro-Regular.ttf') format('truetype'),
        url('../fonts/BasisGrotesquePro-Regular.svg#BasisGrotesquePro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Self';
    src: url('../fonts/SelfModern.eot');
    src: url('../fonts/SelfModern.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SelfModern.woff2') format('woff2'),
        url('../fonts/SelfModern.woff') format('woff'),
        url('../fonts/SelfModern.ttf') format('truetype'),
        url('../fonts/SelfModern.svg#SelfModern') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


body {
  font-family: "Basis";
  font-weight: normal;
  color: #203232;
}
.pt0 {
  padding-top: 0px !important;
}

#page {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.offcanvas #page:after {
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  background: rgba(35, 31, 32, 0.7);
  content: "";
}

.gsa-nav,
a {
  -o-transition: 0.5s;
}

a {
  color: #2f7de1;
  transition: 0.5s;
}

a:active,
a:focus,
a:hover {
  color: #002b49;
  outline: 0;
  text-decoration: none;
}

p {
  margin-bottom: 20px;
}

figure,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #203232;
  font-weight: 500;
  margin: 0 0 20px;
}

::-webkit-selection {
  color: #fff;
  background: #2f7de1;
}

::-moz-selection {
  color: #fff;
  background: #2f7de1;
}

::selection {
  color: #fff;
  background: #2f7de1;
}

.gsa-container {
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.gsa-nav,
.gsa-nav.active {
  padding: 0px 0;
  top: 0;
}

.gsa-nav {
  position: fixed;
  margin: 0;
  width: 100%;
  z-index: 1001;
  background-color: #fff;
  border-bottom: 0px none;
  height: 70px;
}

body.active .gsa-nav {
  border-bottom: 1px solid #e3e3e3;
}

.gsa-nav #gsa-logo img,
.gsa-nav.active #gsa-logo img {
  height: 70px;
  margin-top: 20px;
  margin-bottom: 20px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

body.active .gsa-nav #gsa-logo img {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 50px;
}

.logo-nav {
  padding-left: 0 !important;
  margin-left: 0 !important;
  float: left;
}

.grip-nav .row .distributed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  float: left;
  width: 100%;
}

.gsa-nav.active .menu-1.main-nav {
  margin-top: 22px;
}

.gsa-nav .menu-1.main-nav {
  margin-top: 25.5px;
  margin-right: 0 !important;
  padding-right: 0 !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

body.active .gsa-nav .menu-1.main-nav {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .gsa-container {
    width: 738px;
  }
}

@media (min-width: 992px) {
  .gsa-container {
    width: 962px;
  }
}

@media (min-width: 1100px) {
  .gsa-container {
    width: 1070px;
    max-width: 1070px;
  }
}

@media (min-width: 1130px) {
  .gsa-container {
    width: 1100px;
    max-width: 1100px;
  }
}

@media (min-width: 1300px) {
  .gsa-container {
    width: 1270px;
    max-width: 1270px;
  }
}

#gsa-blog .col-sm-9 {
  padding-right: 0px;
  padding-left: 0px;
}
#gsaf-footer .row {
  margin-right: -30px;
}
@media (max-width: 991px) {
  .gsa-container .row {
    margin-left: 0;
    margin-right: 0;
  }
  #gsa-blog .col-sm-9 {
    padding-right: 15px;
    padding-left: 15px;
  }
  #gsaf-footer .row {
    margin-right: -15px;
  }
}

.gsa-nav #gsa-logo {
  font-size: 20px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: 700;
}

.gsa-nav #gsa-logo em {
  color: #cf0c1e;
}

@media screen and (max-width: 767px) {
  .gsa-nav .menu-1,
  .gsa-nav .menu-2 {
    display: none;
  }
}

.gsa-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
}

.gsa-nav ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline;
  width: 11%;
  float: left;
}
.gsa-nav ul li.logoli {
  width: 34%;
  margin-top: -3px;
  text-align: center;
}
.logo-mobile {
  display: none;
  margin-left: 10px;
  margin-top: 22px;
}
@media (max-width: 767px) {
  li.logoli,
  li.null {
    display: none;
  }
  .logo-mobile {
    display: block;
  }
}

.gsa-nav ul li a {
  font-size: 14px;
  padding: 0px;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  letter-spacing: 0px;
  text-transform: uppercase;
  color: #34715b;
  width: 100%;
  text-align: center;
  float: left;
  letter-spacing: 0.5pt;
}
.gsa-nav ul li.logoli a {
  float: none;
}
.gsa-nav ul li.logoli img {
  width: 100%;
  max-width: 184px;
}

.gsa-nav ul li.active a,
.gsa-nav ul li a:hover {
  color: #e17229;
}

@media screen and (max-width: 991px) {
  .gsa-nav ul li a {
    font-size: 12px;
  }
  .gsa-nav ul li.logoli {
    margin-top: 0px;
  }
  .gsa-nav ul li.logoli img {
    max-width: 124px;
  }
}

.gsa-nav ul li.has-dropdown {
  position: relative;
}

.gsa-nav ul li.has-dropdown .dropdown {
  width: 130px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
  z-index: 1002;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 40px;
  left: 0;
  text-align: left;
  background: #fff;
  padding: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}

.gsa-nav ul li.has-dropdown .dropdown:before {
  bottom: 100%;
  left: 40px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}

.gsa-nav ul li.has-dropdown .dropdown li {
  display: block;
  margin-bottom: 7px;
}

.gsa-nav ul li.has-dropdown .dropdown li:last-child {
  margin-bottom: 0;
}

.gsa-nav ul li.has-dropdown .dropdown li a {
  padding: 2px 0;
  display: block;
  color: #999;
  line-height: 1.2;
  text-transform: none;
  font-size: 15px;
}

.gsa-nav ul li.has-dropdown .dropdown li a:hover {
  color: #000;
}

.gsa-nav ul li.has-dropdown .dropdown li.active > a {
  color: #000 !important;
}

.gsa-nav ul li.btn-cta a,
.gsa-nav ul li.has-dropdown:focus a,
.gsa-nav ul li.has-dropdown:hover a {
  color: #fff;
}

.cta-button {
  background: #000;
  border-radius: 3px;
  transition: 0.5s !important;
  padding: 10px 15px !important; color:#fff!important
}
body .cta-button:hover{ background:#85dade!important; color:#000!important}

.gsa-nav ul li.btn-cta a span {
  border: none !important;
  background: #cf0c1e;
  padding: 4px 20px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.gsa-nav ul li.btn-cta a:hover span {
  background: #ff6540;
  color: #fff;
}

#gsa-header .gsa-video-link a {
  color: rgba(255, 255, 255, 0.5);
}

#gsa-header .gsa-video-link a i {
  font-size: 18px;
  top: 2px;
  position: relative;
  color: #fff;
  height: 25px;
  width: 25px;
  line-height: 25px;
  padding-left: 3px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  margin-right: 5px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#gsa-header .gsa-video-link a:hover {
  color: #fff;
}

#gsa-header .gsa-video-link a:hover i {
  border: 1px solid #fff;
}

@media screen and (max-width: 480px) {
  #gsa-header .text-left {
    text-align: center !important;
  }
  #gsa-header .btn {
    display: block;
    width: 100%;
  }
}

#gsa-counter,
#gsa-header,
.gsa-bg {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}

.gsa-bg {
  background-position: center center;
  width: 100%;
  float: left;
  position: relative;
}

.gsa-video {
  height: 450px;
  overflow: hidden;
  margin-bottom: 30px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}

.gsa-video.gsa-video-sm {
  height: 250px;
}

.gsa-video a {
  z-index: 1001;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -45px;
  margin-left: -45px;
  width: 90px;
  height: 90px;
  display: table;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 0 14px 30px -15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 14px 30px -15px rgba(0, 0, 0, 0.75);
  box-shadow: 0 14px 30px -15px rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.gsa-video a i {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 40px;
}

.gsa-video .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.gsa-video:hover .overlay {
  background: rgba(0, 0, 0, 0.7);
}

.gsa-video:hover a {
  position: relative;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.gsa-cover {
  height: 900px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  width: 100%;
}

.gsa-cover a {
  color: #cf0c1e;
}

.gsa-cover a:hover {
  color: #fff;
}

.gsa-cover .overlay {
  z-index: 1;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}

.gsa-cover > .gsa-container {
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .gsa-cover {
    height: 600px;
  }
}

.gsa-cover .display-t,
.gsa-cover .display-tc {
  height: 900px;
  display: table;
  width: 100%;
}

.gsa-cover.gsa-cover-sm {
  height: 600px;
}

@media screen and (max-width: 768px) {
  .gsa-cover .display-t,
  .gsa-cover .display-tc {
    height: 600px;
  }
  .gsa-cover.gsa-cover-sm {
    height: 400px;
  }
}

.gsa-cover.gsa-cover-sm .display-t,
.gsa-cover.gsa-cover-sm .display-tc {
  height: 600px;
  display: table;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .gsa-cover.gsa-cover-sm .display-t,
  .gsa-cover.gsa-cover-sm .display-tc {
    height: 400px;
  }
}

.gsa-cover.gsa-cover-xs {
  height: auto;
  padding-bottom: 2em;
}

@media screen and (max-width: 768px) {
  .gsa-cover.gsa-cover-xs {
    height: inherit !important;
    padding: 3em 0;
  }
}

.gsa-cover.gsa-cover-xs .display-t,
.gsa-cover.gsa-cover-xs .display-tc {
  height: 470px;
  display: table;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .gsa-cover.gsa-cover-xs .display-t,
  .gsa-cover.gsa-cover-xs .display-tc {
    padding: 3em 0;
    height: inherit !important;
  }
}

.gsa-cover.gsa-cover-xxs {
  padding: 3em 0;
}

.gsa-cover .btn-primary {
  color: #fff !important;
}

#gsa-counter .feature-center {
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
}

.gsa-staff {
  text-align: center;
  margin-bottom: 7em;
  float: left;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .gsa-staff {
    margin-bottom: 3em;
  }
}

.gsa-staff img {
  width: 100px;
  margin-bottom: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.gsa-staff h3 {
  font-size: 24px;
  margin-bottom: 5px;
}

.gsa-staff p {
  margin-bottom: 30px;
}

.gsa-staff .role {
  color: #bfbfbf;
  margin-bottom: 30px;
  font-weight: 400;
  display: block;
}

.gsa-social-icons {
  margin: 0;
  padding: 0;
}

.gsa-social-icons li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
}

.gsa-social-icons li a {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  color: #cf0c1e;
  padding-left: 10px;
  padding-right: 10px;
}

.gsa-social-icons li a i {
  font-size: 20px;
}

.gsa-contact-info {
  margin-bottom: 30px;
  float: left;
  width: 100%;
  position: relative;
}

.gsa-contact-info ul {
  padding: 0;
  margin: 0;
}

.gsa-contact-info ul li {
  padding: 0 0 0 50px;
  margin: 0 0 30px;
  list-style: none;
  position: relative;
}

.gsa-contact-info ul li:before {
  color: #ccc;
  position: absolute;
  left: 0;
  top: 0.05em;
  font-family: icomoon;
  font-weight: 400;
  text-transform: none;
  line-height: 1;
}

.gsa-contact-info ul li.address:before {
  font-size: 30px;
  content: "\e9d1";
}

.gsa-contact-info ul li.phone:before {
  font-size: 23px;
  content: "\e9f4";
}

.gsa-contact-info ul li.email:before {
  font-size: 23px;
  content: "\e9da";
}

.gsa-contact-info ul li.url:before {
  font-size: 23px;
  content: "\e9af";
}

form label {
  font-weight: 500 !important;
}

#gsa-counter .display-tc,
#gsa-header .display-tc,
.gsa-cover .display-tc {
  display: table-cell !important;
  vertical-align: middle;
}

#gsa-counter .display-tc h1,
#gsa-counter .display-tc h2,
#gsa-header .display-tc h1,
#gsa-header .display-tc h2,
.gsa-cover .display-tc h1,
.gsa-cover .display-tc h2 {
  margin: 0;
  padding: 0;
  color: #fff;
}

#gsa-counter .display-tc h1,
#gsa-header .display-tc h1,
.gsa-cover .display-tc h1 {
  margin-bottom: 0;
  font-size: 59px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  #gsa-counter .display-tc h1,
  #gsa-header .display-tc h1,
  .gsa-cover .display-tc h1 {
    font-size: 34px;
    line-height: 1.2;
    margin-bottom: 10px;
  }
}

#gsa-counter .display-tc h2,
#gsa-header .display-tc h2,
.gsa-cover .display-tc h2 {
  font-size: 22px;
  line-height: 1.5;
  margin-bottom: 30px;
}

#gsa-counter {
  text-align: center;
}

#gsa-counter .counter {
  font-size: 50px;
  margin-bottom: 10px;
  color: #cf0c1e;
  font-weight: 100;
  display: block;
}

#gsa-counter .counter-label {
  margin-bottom: 0;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
  #gsa-counter .feature-center {
    margin-bottom: 30px;
  }
}

#gsa-counter .icon {
  width: 70px;
  height: 70px;
  text-align: center;
  margin-bottom: 20px;
  background: 0 0 !important;
  border: none !important;
}

#gsa-counter .icon i {
  height: 70px;
}

#gsa-counter .icon i:before {
  color: #ccc;
  display: block;
  text-align: center;
  margin-left: 3px;
}

#gsa-faq,
#gsa-features,
#gsa-features-2,
#gsa-footer,
#gsa-products,
#gsa-subscribe,
.gsa-section {
  padding: calc(10vw / 2) 0;
  clear: both;
  position: relative;
}
.gsa-section.ourproperties,
.gsa-section.frase{ padding: calc(15vw / 2) 0; }

@media screen and (max-width: 768px) {
  #gsa-faq,
  #gsa-features,
  #gsa-features-2,
  #gsa-footer,
  #gsa-products,
  #gsa-subscribe,
  .gsa-section {
    padding: 3em 0;
  }
}

#gsa-faq.border-bottom,
#gsa-features-2.border-bottom,
#gsa-features.border-bottom,
#gsa-footer.border-bottom,
#gsa-products.border-bottom,
#gsa-subscribe.border-bottom,
.gsa-section.border-bottom {
  border-bottom: 1px solid #e6e6e6;
}

#gsa-features-2 {
  background: #efefef;
  position: relative;
  float: left;
  width: 100%;
}

.feature-center {
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  width: 100%;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .feature-center {
    margin-bottom: 30 px;
  }
}

.feature-center .icon {
  width: 90px;
  height: 90px;
  border: 1px solid #eaeaea;
  display: table;
  text-align: center;
  margin: 0 auto 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.feature-center h3,
.feature-center p,
.feature-left {
  margin-bottom: 30px;
}

.feature-center .icon i {
  display: table-cell;
  vertical-align: middle;
  height: 90px;
  font-size: 40px;
  line-height: 40px;
  color: #cf0c1e;
}

.feature-center h3 {
  font-size: 18px;
  color: #000;
  position: relative;
}

.feature-left {
  float: left;
  width: 100%;
  position: relative;
}

.feature-left .icon {
  float: left;
  text-align: center;
  width: 15%;
}

.feature-left .icon i {
  display: table-cell;
  vertical-align: middle;
  font-size: 40px;
  color: #cf0c1e;
}

.feature-left .feature-copy {
  float: right;
  width: 85%;
}

.feature-left .feature-copy h3 {
  font-size: 18px;
  color: #1a1a1a;
  margin-bottom: 10px;
}

.gsa-heading {
  margin-bottom: 5em;
}

#gsa-portfolio {
  background: #f7f7f7;
}

@media screen and (max-width: 768px) {
  .gsa-heading {
    margin-bottom: 3em;
  }
}

.gsa-heading.gsa-heading-sm {
  margin-bottom: 2em;
}

#gsa-portfolio .gsa-heading h2 {
  font-size: 90px;
  line-height: 68px;
  margin-bottom: 80px;
  color: #002b49;
  position: relative;
  padding-bottom: 10px;

  font-weight: bold;
  margin-top: 100px;
  background: url(../images/bgtriangles.jpg) right center no-repeat;
  width: 80%;
}

@media screen and (max-width: 768px) {
  .gsa-heading h2 {
    font-size: 28px;
  }
}

#gsa-footer {
  background-color: #065136;
  padding: 4.2em 0;
}

#gsa-footer .footer-left svg {
  float: left;
  margin-right: 10px;
}
#gsa-footer .footer-left img {
  height: 35px;
  float: left;
  margin-top: -5px;
}
#gsa-footer .footer-left span {
  margin: 0px;
  margin-top: 80px;
  color: #83bb47;
  font-size: 28px;
  line-height: 31px;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
#gsa-footer .footer-left p {
  margin: 0px;
  color: #83bb47;
  text-transform: uppercase;
  font-size: 12px;
  float: left;
  width: 100%;
  font-weight: 600;
}
#gsa-footer svg path {
  fill: #fff;
}

#gsa-footer .footer-right a {
  float: right;
  width: 38px;
  height: 38px;
  background: url(../images/redes.svg);
  background-repeat: no-repeat;
  margin-left: 10px;
}
#gsa-footer .footer-right a.instagram {
  background-position: left top;
}
#gsa-footer .footer-right a.facebook {
  background-position: right top;
}

#gsa-footer .footer-right form {
  float: left;
  width: 100%;
  margin-top: 107px;
  position: relative;
  height: 52px;
}
#gsa-footer .footer-right form label {
  color: #fff;
  position: absolute;
  height: 29px;
  line-height: 29px;
  font-size: 24px;
  width: 100%;
  position: absolute;
  left: 0px;
  top: -39px;
  text-transform: uppercase;
  letter-spacing: 0.4pt;
}
#gsa-footer .footer-right .form-control {
  position: absolute;
  left: 0px;
  top: 0px;
  border: 2px solid #83bb47;
  width: 100%;
  border-radius: 0px;
  background: none;
  font-size: 16px;
  color: #83bb47;
  text-transform: uppercase;
  height: 52px;
}
#gsa-footer .footer-right .form-control::placeholder {
  color: #83bb47;
}
#gsa-footer .footer-right .envio {
  background: #83bb47;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  line-height: 52px;
  height: 52px;
  padding: 0px;
  border: 0px none;
  position: absolute;
  right: 0px;
  top: 0px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  #gsa-footer .footer-right a {
    float: left;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 30px;
  }
  /*.grip-nav{ display: none }*/
}

.mainslider {
  background: #000;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
#gsa-offcanvas {
  position: absolute;
  position: fixed;
  z-index: 1901;
  width: 300px;
  background: rgba(56, 134, 247, 0.95);
  background: #002300;
  background: #203232;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 45px 40px 40px;
  padding-top: 40px !important;
  overflow-y: auto;
  display: none;
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  top: 0px;
  padding: calc(13vw / 2);
  padding-top: 100px !important;
}

/* Mobile */

@media screen and (max-width: 375px) {
  #gsa-offcanvas {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  #gsa-offcanvas {
    display: block;
  }
}

.offcanvas #gsa-offcanvas {
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

#gsa-offcanvas a {
  color: #fff;
}

#gsa-offcanvas ul {
  padding: 0;
  margin: 0;
}

#gsa-offcanvas ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  float: left;
}
#gsa-offcanvas ul li.social {
  width: auto;
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px;
}

#gsa-offcanvas ul li.social i {
  font-size: 20px;
}

#gsa-offcanvas ul li ul {
  padding-left: 20px;
}

#gsa-offcanvas ul li.offcanvas-has-dropdown > a {
  display: block;
  position: relative;
}

#gsa-offcanvas ul li.offcanvas-has-dropdown > a:after {
  position: absolute;
  right: 0;
  font-family: icomoon;
  font-weight: 400;
  text-transform: none;
  line-height: 1;
  content: "\e921";
  font-size: 20px;
  color: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#gsa-offcanvas ul li.offcanvas-has-dropdown.active a:after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.uppercase {
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: uppercase;
}
.gotopcontainer {
  padding: 0px;
  padding-right: 15px;
}
.gototop {
  /*position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;*/
  float: right;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  line-height: 50px;
}

.gototop.active {
  opacity: 1;
  visibility: visible;
}

.gototop a {
  height: 42px;
  color: #fff;
  text-align: center;
  display: flex;
}

.gototop a img {
  width: 40px;
  height: 42px;
  display: table-cell;
  vertical-align: middle;
  transition: 0.15s;
}

.gototop a:active,
.gototop a:focus,
.gototop a:hover {
  text-decoration: none;
  outline: 0;
}

.gsa-nav-toggle:active,
.gsa-nav-toggle:focus,
.gsa-nav-toggle:hover {
  outline: 0;
  border-bottom: none !important;
}

.gsa-nav-toggle:active i {
  color: #000 !important;
}

.gsa-nav-toggle.active i::after,
.gsa-nav-toggle.active i::before {
  background: #fff;
}

.gsa-nav-toggle i {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 2px;
  color: #fff;
  font: 700 14px/0.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #000;
  transition: all 0.2s ease-out;
}
/*.bgclear .gsa-nav-toggle i{ background:#333}*/

#gsa-hero .flexslider .flex-direction-nav a.flex-next:before,
#gsa-hero .flexslider .flex-direction-nav a.flex-prev:before {
  text-indent: -9999px;
}

.gsa-nav-toggle i::after,
.gsa-nav-toggle i::before {
  content: "";
  width: 25px;
  height: 2px;
  background: #000;
  position: absolute;
  left: 0;
  transition: all 0.2s ease-out;
}
/*.bgclear .gsa-nav-toggle i::after,.bgclear .gsa-nav-toggle i::before{ background:#333}*/

.gsa-nav-toggle.gsa-nav-white > i {
  color: #fff;
  background: #fff;
}

.gsa-nav-toggle.gsa-nav-white > i::after,
.gsa-nav-toggle.gsa-nav-white > i::before {
  background: #fff;
}

.gsa-nav-toggle i::before {
  top: -7px;
}

.gsa-nav-toggle i::after {
  bottom: -7px;
}

.gsa-nav-toggle:hover i::before {
  top: -10px;
}

.gsa-nav-toggle:hover i::after {
  bottom: -10px;
}

.gsa-nav-toggle.active i {
  background: 0 0;
}

.gsa-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.gsa-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.gsa-nav-toggle {
  cursor: pointer;
  text-decoration: none;
  position: fixed;
  right: 0px;
  top: 20px;
  padding: 6px 0 0;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 44px;
  z-index: 2001;
  border-bottom: none !important;
  right: calc(10vw / 2 - 19px);
  top: 22px;
}
body.active .gsa-nav-toggle {
  top: 12px;
}

#gsa-hero,
body.active #gsa-hero {
  margin-top: 0px;
}

/*body.active #gsa-hero{ margin-top:70px}*/

body.active .gsa-nav-toggle {
  top: 12px;
}

@media screen and (max-width: 767px) {
  .gsa-nav-toggle {
    display: block;
  }
}

.row-pb-md {
  padding-bottom: 4em !important;
}

.row-pb-sm {
  padding-bottom: 2em !important;
}

.gsa-loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/loader-black.svg) center no-repeat #efefef;
  background-size: 100px;
  opacity: 0.8;
}

.js .animate-box {
  opacity: 0;
}

.containerover {
  height: 100vh;
  position: absolute;
  top: 0px;
  width: 100%;
  left: 0px;
}
.containerover .gsa-container {
  height: 100%;
}
.containerover .gsa-container .row {
  height: 100%;
}

#gsa-hero {
  background: center center no-repeat #fff;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  height: auto;
  height: 50vw;
  height: 100vh;
}

#gsa-hero .btn {
  font-size: 24px;
}

#gsa-hero .flexslider {
  border: none;
  z-index: 1;
  margin-bottom: 0;
  height: 100%;
}
.flex-viewport {
  height: 100%;
  overflow: initial !important;
  overflow-x: clip !important;
}

#gsa-hero .flexslider .slides {
  position: relative;
  overflow: unset;
  background: #fff;
  height: 100%;
}

#gsa-hero .flexslider .slides li {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100%;
  position: relative;
}

#gsa-hero .flexslider .slides li:before {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(57, 134, 247, 0);
  content: "";
  z-index: 0;
  display: none;
}
#gsa-hero .flexslider .slides li:after {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  content: "";
  z-index: 1;
  display: none;
}

#gsa-hero .flexslider .slides li .overlay {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  z-index: 1;
  background: url(../images/patronblanco.svg) center center;
}

.containerover .flex-control-nav {
  bottom: 10vh;
  z-index: 1000;
  text-align: right;
}

.containerover .flex-control-nav li {
  margin: 0px 7px;
}
.containerover .flex-control-nav li a {
  background: rgba(255, 255, 255, 0);
  border: 1px solid rgba(255, 255, 255, 1);
  box-shadow: none;
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-bottom: 0px;
  float: left;
  font-size: 0px;
  color: transparent;
}

.containerover .flex-control-nav li a.flex-active {
  cursor: pointer;
  background: rgba(255, 255, 255, 1);
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  float: left;
  margin-bottom: 0px;
}
#controlnav {
  position: initial;
}

.containerover .flexslider .flex-direction-nav {
  position: relative;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 1001;
  bottom: 30%;
}

.main-slider span {
  position: absolute;
  left: 0px;
  bottom: 30%;
  color: #fff;
  height: 45px;
  padding-left: 110px;
  margin-bottom: -35px;
  font-size: 16px;
}

@media screen and (min-width: 768px) {
  #gsa-hero .flexslider .flex-direction-nav {
    width: 738px;
  }
  #gsa-hero.comunidad-slider .flexslider .flex-direction-nav {
    left: 50%;
    margin-left: -369px;
  }

  .main-slider span {
    width: 738px;
    left: 50%;
    margin-left: -369px;
  }
}
@media (min-width: 992px) {
  #gsa-hero .flexslider .flex-direction-nav {
    width: 962px;
  }
  #gsa-hero.comunidad-slider .flexslider .flex-direction-nav {
    left: 50%;
    margin-left: -481px;
  }
  .main-slider span {
    width: 962px;
    left: 50%;
    margin-left: -481px;
  }
}
@media (min-width: 1100px) {
  #gsa-hero .flexslider .flex-direction-nav {
    width: 1070px;
    max-width: 1070px;
  }
  #gsa-hero.comunidad-slider .flexslider .flex-direction-nav {
    left: 50%;
    margin-left: -535px;
  }
  .main-slider span {
    width: 1070px;
    left: 50%;
    margin-left: -535px;
  }
}
@media (min-width: 1130px) {
  #gsa-hero .flexslider .flex-direction-nav {
    width: 1100px;
    max-width: 1100px;
  }
  #gsa-hero.comunidad-slider .flexslider .flex-direction-nav {
    left: 50%;
    margin-left: -550px;
  }
  .main-slider span {
    width: 1100px;
    left: 50%;
    margin-left: -550px;
  }
}

@media screen and (max-width: 479px) {
  /*.nothome #gsa-hero.comunidad-slider .flexslider .display-cell{ width:80%!important; margin-right:10%!important}*/
  #gsa-hero.valores .flexslider .display-cell {
    min-height: 380px !important;
  }
}
@media screen and (max-width: 374px) {
}

#gsa-hero .flexslider .flex-direction-nav a {
  position: absolute;
  cursor: pointer;
  width: 45px;
  height: 45px;
}

#gsa-hero .flexslider .flex-direction-nav a:before {
  left: 0;
  top: 0;
  text-shadow: none !important;
  font-size: 40px;
  position: relative;
  z-index: 10;
}

#gsa-hero .flexslider .flex-direction-nav a.flex-prev {
  left: 0px;
}

#gsa-hero .flexslider .flex-direction-nav a.flex-prev:before {
  background: url(../images/flechablanca-left.svg) center -20px no-repeat;
  width: 45px;
  height: 45px;
  transition: 0.2s;
  border: 1px solid #fff;
}

#gsa-hero .flexslider .flex-direction-nav a.flex-next {
  right: 0px;
}

#gsa-hero .flexslider .flex-direction-nav a.flex-next,
#gsa-hero .flexslider .flex-direction-nav a.flex-prev {
  opacity: 1 !important;
}

#gsa-hero .flexslider .flex-direction-nav a.flex-next:before {
  background: url(../images/flechablanca.svg) center -20px no-repeat;
  width: 45px;
  height: 45px;
  transition: 0.2s;
  border: 1px solid #fff;
}
#gsa-hero .flexslider .flex-direction-nav a.flex-next:hover:before,
#gsa-hero .flexslider .flex-direction-nav a.flex-prev:hover:before {
  background-position: center 12px; /*background-color:#F45747; border-color:#F45747*/
}

#gsa-hero .flexslider .display-table {
  display: block;
  height: 100%;
  width: 100%;
  z-index: 2;
  position: relative;
  opacity: 0;
}
#gsa-hero .flexslider .display-cell {
  display: block;
  vertical-align: middle;
  text-align: left;
  position: relative;
}

#gsa-hero .flexslider .display-table {
  display: block;
  align-items: center;
  justify-content: center; /*min-height: 300px;*/
  padding-bottom: 0px;
}

#gsa-hero.comunidad-slider .flexslider .display-table {
  min-height: 300px;
}

#gsa-hero .flexslider .display-cell h1,
#gsa-hero .flexslider .display-cell h2,
#gsa-hero .flexslider .display-cell p {
  color: #fff;
}
#gsa-hero .flexslider .display-cell h1 {
  font-size: 82px;
  line-height: 72px;
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: 500;
  padding-top: 30px;
  float: right;
  padding-top: 0px;
  letter-spacing: -1.64px;
  background: #231f20;
  padding: 3vw;
  padding-right: 7vw;
  margin-top: -7.5%;
}

#gsa-hero .flexslider .display-cell h1 b {
  font-weight: 500;
  border-bottom: 10px solid #3986f7;
  line-height: 60px;
  float: left;
  margin-top: 5px;
  display: block;
}
#gsa-hero .flexslider .display-cell h1 k {
  width: 100%;
  float: left;
}
#gsa-hero .flexslider .display-cell h2 {
  font-size: 68px;
  max-width: 80%;
  margin: 0 auto;
  line-height: 66px;
  margin-bottom: 41px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.4pt;
}

#gsa-hero .flexslider .display-cell a {
  font-size: 15px;
  margin: 0 auto;
  margin-bottom: 140px;
  color: #fff;
  border: 2px solid #fff;
  padding: 14px 24px;
  text-transform: uppercase;
  font-weight: 600;
  display: table;
  letter-spacing: 0.8pt;
}

#gsa-hero .lightslide a {
  background: #068063;
  border: 2px solid #068063 !important;
}

#gsa-hero .flexslider .display-cell a:hover {
  background: #fff;
  color: #000;
  border: 2px solid #fff !important;
}

#gsa-hero .flexslider .flex-direction-nav a.flex-prev {
  left: 20px;
}
#gsa-hero .flexslider .flex-direction-nav a.flex-next {
  left: 200px;
}

@media screen and (max-width: 992px) {
  /*#gsa-hero { height: 420px}*/
  #gsa-hero .flexslider .display-cell h1 {
    padding-top: 40px;
  }
  #gsa-hero .flexslider .display-cell h1 {
    font-size: 90px;
    line-height: 84px;
  }
  #gsa-hero .flexslider .display-cell h1 b {
    line-height: 40px;
    border-bottom-width: 6px;
  }
  #gsa-hero .flexslider .display-cell h1 k {
    margin-top: -5px;
  }
}
@media screen and (max-width: 767px) {
  #gsa-hero .flexslider .display-table {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 730px) {
  /*#gsa-hero .flexslider .display-cell h1,.nothome #gsa-hero .flexslider .display-cell h1  { font-size: 40px}*/
  /*#gsa-hero { height: 508px}*/
  /*#gsa-hero { height: 400px}*/
  #gsa-hero .flexslider .display-cell h1 {
    padding-top: 40px;
  }
  #gsa-hero .flexslider .display-cell h1 {
    font-size: 80px;
    line-height: 74px;
  }
}

@media screen and (max-width: 374px) {
  /*#gsa-hero .flexslider .display-cell h1,.nothome #gsa-hero .flexslider .display-cell h1  { font-size: 32px; line-height:40px}*/
  /*#gsa-hero { height: 400px}*/
  #gsa-hero .flexslider .display-cell h1 {
    padding-top: 40px;
  }
  #gsa-hero .flexslider .display-cell h1 {
    font-size: 70px;
    line-height: 64px;
  }
}

.gsa-section-overflow {
  overflow: hidden;
  position: relative;
  margin-top: 80px; margin-top:0px
}
#contact .invocellhead .gsa-container,#faq .invocellhead .gsa-container,#entry .entrie .gsa-container{ margin-top:80px}

#gsa-services .feature-left .icon i {
  color: #ccc !important;
}

#gsa-services .feature-left h3 {
  color: #cf0c1e;
  font-size: 22px;
}

.w100 {
  background: #f5f5f5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  height: 50px;
}

.menu-1.main-nav {
  margin-top: 15px;
}

.main-ul {
  float: right;
}

#gsa-offcanvas .main-ul {
  margin-right: 0 !important;
  float: left;
}
#gsa-offcanvas .main-ul k {
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
#gsa-offcanvas .main-ul li ul {
  margin-top: 10px;
}

section {
  display: block;
}

#gsa-whoweare .gsa-heading {
  margin-bottom: 2em;
}

#gsa-whoweare {
  background: #fff url(../images/spray-filosofia.png);
  padding: 0em 0;
  background-size: 100% auto;
  background-position: bottom center;
  background-repeat: no-repeat;
}
@media (max-width: 1279px) {
  #gsa-whoweare {
    background-size: auto 48%;
  }
}
@media (max-width: 767px) {
  #gsa-whoweare {
    background-size: auto 38%;
  }
}

#gsa-whoweare h2 {
  color: #e17229;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 0px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-font-smoothing: auto;
  -moz-font-smoothing: auto;
  -o-font-smoothing: auto;
  margin-top: 3.5em;
  letter-spacing: 0.4pt;
}

#gsa-whoweare h3 {
  color: #065136;
  font-size: 36px;
  line-height: 43px;
  margin-bottom: 0px;
}

#gsa-whoweare .producto {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 30px;
  float: left;
  position: relative;
  transition: 0.2s;
}
#gsa-whoweare .producto img {
  margin-bottom: 29px;
  max-height: 350px;
}
#gsa-whoweare .producto img.bgproducto {
  position: absolute;
  z-index: -1;
  left: 7%;
  top: 0px;
  width: 86%;
  top: 0%;
}
#gsa-whoweare .noproducto img {
  margin-top: 15%;
}
@media (max-width: 767px) {
  #gsa-whoweare .noproducto img {
    margin-top: 65px;
  }
}
#gsa-whoweare .noproducto img.bgproducto {
  left: 0%;
  width: 100%;
  margin-top: 5%;
}
#gsa-whoweare .producto p {
  float: left;
  width: 100%;
  text-align: center;
  color: #065136;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 2px;
  letter-spacing: 0.2pt;
}
#gsa-whoweare .producto span {
  float: left;
  width: 100%;
  text-align: center;
  color: #4a4a4a;
  font-size: 20px;
  line-height: 24px;
}
#gsa-whoweare .noproducto h1 {
  color: #fff;
  font-weight: bold;
  font-size: 50px;
  line-height: 52px;
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 7%;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  #gsa-whoweare .noproducto h1 {
    margin-top: 30px;
  }
}

@media (max-width: 374px) {
  #gsa-whoweare .noproducto img {
    margin-top: 45px;
  }
  #gsa-whoweare .noproducto img.bgproducto {
    margin-top: 0%;
  }
  #gsa-whoweare .noproducto h1 {
    margin-top: 10px;
  }
  #gsa-whoweare .producto img.imgproducto {
    max-height: 300px;
    margin-top: -15px;
  }
}

.w-100 {
  float: left;
  width: 100%;
}
.masproductos {
  font-size: 16px;
  margin: 0 auto;
  margin-bottom: 30px;
  margin-top: 50px;
  color: #065136;
  border: 2px solid #065136;
  padding: 14px 24px;
  text-transform: uppercase;
  font-weight: 600;
  display: table;
  letter-spacing: 0.8pt;
}
.masproductos:hover {
  background: #065136;
  color: #fff;
}

#filosofia h2 {
  color: #da85a7;
}
#filosofia h4 {
  font-size: 50px;
  line-height: 52px;
  color: #e17229;
  text-transform: uppercase;
  margin-bottom: 66px;
  font-weight: bold;
  margin-top: 66px;
  letter-spacing: 0.8pt;
}
.filosofia {
  float: left;
  margin-top: 66px;
}
.filosofia img {
  max-height: 147px;
  margin-bottom: 30px;
}
.filosofia p {
  color: #065136;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  float: left;
  font-size: 40px;
  line-height: 52px;
  font-weight: bold;
  margin-bottom: 11px;
  letter-spacing: 0.8pt;
}
.filosofia span {
  color: #4a4a4a;
  font-size: 21px;
  line-height: 27px;

  margin-bottom: 0px;
  float: left;
  width: 100%;
  padding-left: 3%;
  padding-right: 3%;
}

@media (max-width: 1099px) {
  #filosofia h4 {
    font-size: 43px;
    line-height: 48px;
  }
}
@media (max-width: 599px) {
  #filosofia h4 {
    font-size: 33px;
    line-height: 40px;
  }
  #gsa-whoweare h3 {
    font-size: 33px;
    line-height: 40px;
  }
  .filosofia span {
    font-size: 19px;
    line-height: 23px;
  }
}
@media (max-width: 374px) {
  #filosofia h4 {
    font-size: 29px;
    line-height: 38px;
  }
}

#gsa-hero.comunidad-slider img {
  float: right;
  width: auto;
  margin-left: 15px;
  max-height: 50px;
  margin-top: -15px;
}
@media (max-width: 679px) {
  #gsa-hero.comunidad-slider img {
    display: none;
  }
}
#gsa-hero.comunidad-slider .flexslider .slides li {
  background-size: auto;
}
#gsa-hero.comunidad-slider {
  margin-top: 0px;
  background: #065136;
  height: auto;
}

#gsa-hero.comunidad-slider .flexslider .flex-direction-nav {
  bottom: auto;
  top: 50%;
  position: absolute;
}

@media (max-width: 767px) {
  #gsa-hero.comunidad-slider .flexslider .flex-direction-nav {
    width: 100%;
  }
}

#gsa-hero.comunidad-slider .flexslider .flex-direction-nav {
  bottom: auto;
  top: auto;
}
#gsa-hero.comunidad-slider .flexslider .flex-direction-nav a.flex-prev {
  left: calc(50% - 50px);
  top: auto;
  bottom: 20px;
}
#gsa-hero.comunidad-slider .flexslider .flex-direction-nav a.flex-next {
  right: calc(50% - 50px);
  left: auto;
  top: auto;
  bottom: 20px;
}

#gsa-hero .flexslider .flex-direction-nav a.flex-next:before {
  background: url(../images/flechablanca.svg) center 12px no-repeat;
  border: 0px none;
  height: 44px;
}
#gsa-hero .flexslider .flex-direction-nav a.flex-prev:before {
  background: url(../images/flechablanca-left.svg) center 12px no-repeat;
  border: 0px none;
  height: 44px;
}

#gsa-hero.comunidad-slider .flexslider .slides {
  background: #3d5266;
}
#gsa-hero.comunidad-slider .flexslider .display-cell {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#gsa-hero.comunidad-slider .flexslider .display-cell h1 {
  font-size: 28px;
  line-height: 50px;
}
#gsa-hero.comunidad-slider .flexslider .display-cell p {
  color: #fff;
  font-size: 34px;
  line-height: 41px;
  margin: 0 auto;
  max-width: 650px;
  margin-bottom: 32px;
  margin-top: 32px;
  font-weight: 500;
}
#gsa-hero.comunidad-slider .flexslider .display-cell span {
  color: #fff;
  font-size: 16px;
  line-height: 33px;
  margin-bottom: 124px;
  width: auto;
  margin: 0 auto;
  max-width: 500px;
  margin-bottom: 54px;
  display: block;
}
.gsa-section h2 {
  margin-top: 0px;
  font-weight: 500;
  float: left;
}

.gsa-section h2 b {
  display: block;
  width: auto;
  margin: 0 auto;
  display: inline;
  padding-bottom: 5px;
}

.gsa-section h2 b {
  font-weight: 500;
}
#gsa-hero.comunidad-slider .overlay {
  display: none;
}
@media (max-width: 991px) {
  #gsa-hero.comunidad-slider .flexslider .display-cell h1,
  #gsa-process h2,
  #gsa-blog h2,
  #gsa-about.industria h2 {
    font-size: 25px;
    white-space: nowrap;
  }
  #gsa-hero.comunidad-slider .flexslider .display-cell h2 {
    font-size: 40px;
  }
  #gsa-hero.comunidad-slider .flexslider .display-cell p {
    font-size: 24px;
    max-width: calc(100% - 50px);
    line-height: 1.5;
  }
}
@media (max-width: 599px) {
  #gsa-hero.comunidad-slider .flexslider .display-cell h1,
  #gsa-process h2,
  #gsa-blog h2 {
    font-size: 21px;
  }
  #gsa-hero.comunidad-slider .flexslider .display-cell h2 {
    font-size: 36px;
  }
  #gsa-hero.comunidad-slider .flexslider .display-cell p {
    font-size: 20px;
    line-height: 1.5;
  }
}
@media (max-width: 486px) {
  #gsa-hero.comunidad-slider .flexslider .flex-direction-nav a.flex-prev {
    left: 20px;
  }
  #gsa-hero.comunidad-slider .flexslider .flex-direction-nav a.flex-next {
    right: 20px;
    left: auto;
  }
}
#gsa-blog .gsa-heading a {
  color: rgba(61, 82, 102, 1);
  font-size: 15px;
  line-height: 50px;
  text-transform: uppercase;
  margin-top: 20px;
  float: left;
  width: 100%;
  font-weight: bold;
  white-space: nowrap;
}
#gsa-blog .gsa-heading a:hover {
  color: #3886f7;
}
#gsa-blog .gsa-heading a i {
  font-size: 10px;
}

#gsa-offcanvas ul li.language i {
  display: none !important;
}

#gsa-blog .proceso {
  position: relative;
  float: left;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
#gsa-blog .proceso h4 {
  color: #fff;
  position: absolute;
  left: 30px;
  top: 10px;
  font-size: 16px;
  line-height: 33px;
  width: calc(100% - 60px);
  text-align: left;
  z-index: 2;
}
#gsa-blog .proceso p {
  color: #fff;
  position: absolute;
  left: 30px;
  top: 45px;
  font-size: 22px;
  line-height: 27px;
  width: calc(100% - 60px);
  text-align: left;
  z-index: 2;
}
#gsa-blog .proceso m {
  color: #fff;
  position: absolute;
  left: 30px;
  bottom: 10px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 30px;
  width: calc(100% - 60px);
  text-align: left;
  z-index: 2;
}
#gsa-blog .proceso l {
  background: rgba(56, 134, 247, 1);
  position: absolute;
  left: 15px;
  width: calc(100% - 30px);
  height: 100%;
  z-index: 1;
  opacity: 0;
  transition: 0.2s;
}
#gsa-blog .proceso:hover l {
  opacity: 0.7;
}

#gsa-contactus .gsa-heading {
  margin-bottom: 0;
}

#gsa-contactus {
  background: #f5fbd7 url(../images/textura-contacto.svg);
  background-size: 100% auto;
  padding: 0;
}

#gsa-contactus .gsa-heading h2 {
  color: #e17229;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 0px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-font-smoothing: auto;
  -moz-font-smoothing: auto;
  -o-font-smoothing: auto;
  margin-top: 3.5em;
  letter-spacing: 0.4pt;
}

#gsa-contactus .gsa-heading h3 {
  color: #065136;
  font-size: 36px;
  line-height: 43px;
  margin-bottom: 0px;
}

@media (max-width: 599px) {
  #gsa-contactus .gsa-heading h3 {
    font-size: 33px;
    line-height: 40px;
  }
}

.divcontact {
  margin-top: 3.5em;
  margin-bottom: 3.5em;
  float: left;
}
.divcontact h2 {
  float: left;
  width: 100%;
  text-align: center;
  color: #065136;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 0px;

  margin-top: 0px;
  margin-bottom: 6px;
  letter-spacing: 0.4pt;
}
.divcontact h3 {
  float: left;
  width: 100%;
  text-align: center;
  color: #83bb47;
  font-size: 32px;
  line-height: 38px;

  margin-bottom: 0px;

  margin-top: 0px;
  margin-bottom: 6px;
}
.divcontact p {
  float: left;
  width: 100%;
  text-align: center;
  color: #4a4a4a;
  font-size: 20px;
  line-height: 24px;

  margin-bottom: 0px;

  margin-top: 0px;
  margin-bottom: 36px;
}
.divcontact span {
  float: left;
  width: 100%;
  text-align: center;
  color: #4a4a4a;
  font-size: 20px;
  line-height: 34px;

  margin-bottom: 0px;

  margin-top: 0px;
  margin-bottom: 0px;
}
.divcontact span b {
  color: #068063;
  font-weight: 500;
  text-transform: uppercase;
}
.divcontact form {
  float: left;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100%;
}
.divcontact form input.form-control {
  margin-bottom: 20px;
  border: 1px solid #065136;
  background: none;
  color: #068063;
  border-radius: 0px;
  font-size: 16px;
  text-transform: uppercase;
  height: 52px;
  outline: 0 !important;
}
.divcontact form input.form-control:focus {
  outline: 0 !important;
}
.divcontact form input.form-control::placeholder {
  color: #068063;
}
.divcontact form input.envio {
  background: #e17229;
  color: #fff;
  width: 100%;
  max-width: 270px;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  padding: 12px 24px;
  font-weight: 600;
  border: 0px none;
  letter-spacing: 0.8pt;
}
.divcontact form input.envio:hover {
  background: #065136;
}

body .boxes.col-md-12 {
  margin-left: -15px;
  margin-right: -15px;
  width: calc(100% + 30px);
  background: url(../images/mancha-productos.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding-top: 100px;
  padding-bottom: 100px;
  float: left;
  transition: 0.1s;
}
.boxes h1 {
  color: #065136;
  text-transform: uppercase;
  font-size: 50px;
  line-height: 52px;
  margin-bottom: 11px;
  float: left;
  width: 100%;
  font-weight: bold;
  letter-spacing: 0.4pt;
}
.boxes div {
  float: left;
}
.boxes p {
  color: #065136;
  font-size: 20px;
  line-height: 21px;
  margin-bottom: 0px;
  float: left;
  width: 100%;
}
.boxes img {
  float: left;
  width: 100%;
}
@media (max-width: 1099px) {
  .boxes h1 {
    font-size: 43px;
    line-height: 48px;
  }
  .boxes p {
    font-size: 17px;
  }
}
@media (max-width: 991px) {
  .jugospolvo {
    margin-bottom: 3em;
    padding-top: 1em;
  }
  .boxes h1 {
    text-align: center;
    padding-right: 10.33%;
  }
  .boxes p {
    padding-right: 10.33%;
    text-align: center;
  }
  body .boxes.col-md-12 {
    background-size: auto 100%;
    background-image: url(../images/mancha-verde.svg);
  }
}
@media (max-width: 600px) {
  .boxes h1 {
    text-align: right;
    padding-right: 5.33%;
    padding-left: 5.33%;
  }
  .boxes p {
    padding-right: 5.33%;
    text-align: right;
    padding-left: 5.33%;
  }
  body .boxes.col-md-12 {
    background-size: cover;
    background-position: left top;
  }
}

#gsa-whowearemore .gsa-heading {
  margin-bottom: 2em;
}
#gsa-whowearemore .gsa-heading h1 {
  color: #002b49;
  font-size: 20px;
  font-weight: bold;
  line-height: 23px;
  text-transform: uppercase;
}
#gsa-whowearemore .gsa-heading h2 {
  font-size: 36px;
  color: #000000;
  font-weight: bold;
  line-height: 37px;
  text-transform: uppercase;
}
#gsa-whowearemore .gsa-heading p {
  color: #696969;
  font-size: 23px;
  line-height: 29px;
  max-width: 500px;
  margin: 0 auto;
}

#gsa-whowearemore .boxes div span {
  background: #fff;
  border-radius: 0px;
  padding: 0px;
  float: left;
  width: 100%;
}
#gsa-whowearemore .boxes div span.beige {
  background-color: #fdf0d5;
}
#gsa-whowearemore .boxes div span.green {
  background-color: #cbf8d6;
}
#gsa-whowearemore .boxes div span.blue {
  background-color: #d6f2ff;
}

#gsa-whowearemore .boxes div span k {
  width: 100%;
  text-align: center;
  float: left;
  margin-bottom: 20px;
  background: #000;
  max-height: 180px;
  overflow: hidden;
}

@media (max-width: 1099px) {
  #gsa-ourwork img {
    width: 90%;
  }
  /*.boxes div a k img{ max-height:150px}*/
}
@media (max-width: 991px) {
  .boxes div a k img {
    max-height: 300px;
  }
  .boxes div a.bullet:hover k img {
    max-height: 320px;
  }
}

@media (max-width: 767px) {
  .boxes div a k img {
    max-height: 365px;
  }
  .boxes div a.bullet:hover k img {
    max-height: 385px;
  }
}

#gsa-whowearemore .boxes div span k img {
  width: 100%;
}
#gsa-whowearemore .boxes div span h1 {
  color: #002b49;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
#gsa-whowearemore .boxes div span p {
  color: #000;
  font-size: 17px;
  line-height: 25px;
  margin-top: 0px;
  padding: 0px 30px;
  text-align: center;
  width: 72%;
  margin: 0 auto;
  margin-bottom: 20px;
}
.wtg {
  border-top: 1px solid #cbf8d6;
  margin-top: 5em;
  padding-top: 5em;
}

.picsroom img {
  width: 100%;
}
.picsroom img.mt10 {
  margin-top: 30px;
}
a.google-black {
  color: #9e9e9e !important;
  font-size: 17px;
  line-height: 25px;
  vertical-align: middle;
  margin-bottom: 20px;
  float: left;
}
a.google-black img {
  height: 40px;
  margin-right: 7px;
}
a.google-black:hover {
  text-decoration: none !important;
  color: #000 !important;
}

.products {
  background: #f7f7f7 !important;
  border-top: 1px solid #e3e3e3;
  padding: 5em 0;
}
.products h2 {
  color: #157c40;
  font-size: 31px;
  line-height: 32px;
  margin-bottom: 27px;
  font-weight: bold;
  text-transform: uppercase;
}
.products .gsa-heading {
  margin-bottom: 0;
}

.mt3em {
  margin-top: 3em;
  float: left;
  text-align: center;
  width: 100%;
}
.boxes .col-md-4 {
  margin-bottom: 30px;
}

.special-products-grids {
  display: none;
  float: left;
  width: 100%;
}

.beneficios p {
  color: #000;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  float: left;
  margin-top: 40px;
  width: 83%;
  margin-left: 8.5%;
}
.beneficios h4 {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 34px;
  line-height: 34px;
  margin-top: 40px;
  color: #040404;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0px;
  -webkit-font-smoothing: auto;
  -moz-font-smoothing: auto;
  -o-font-smoothing: auto;
}
.ilustracion img {
  max-width: 80%;
}

@media (max-width: 991px) {
  .ilustracion img {
    margin-top: 50px;
  }
}

#gsa-history {
  background: #fff;
  position: relative;
  padding-top: 0em;
  padding-bottom: 0em;
}
.historia_izq {
  position: absolute;
  left: -2%;
  top: 20px;
  width: 30%;
  z-index: 1;
}
.historia_der {
  position: absolute;
  right: -2%;
  bottom: 20px;
  width: 30%;
  z-index: 1;
}
.derecho {
  background: #fff;
  padding: 50px;
  margin-left: 15px;
  margin-right: 15px;
}
.derecho h2 {
  color: #2f292b;
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 600;
  -webkit-font-smoothing: auto;
  -moz-font-smoothing: auto;
  -o-font-smoothing: auto;
}
.derecho p {
  font-size: 13px;
  line-height: 16px;
  color: #000;
  max-width: 80%;
  margin-bottom: 80px;
  margin-top: 40px;
}
.derecho b {
  color: #2f292b;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-font-smoothing: auto;
  -moz-font-smoothing: auto;
  -o-font-smoothing: auto;
}
.izquierdo img {
  width: 100%;
}

#gsa-history .gsa-heading {
  margin-bottom: 3em;
}
#gsa-history .gsa-heading h2 {
  color: #e17229;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 0px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-font-smoothing: auto;
  -moz-font-smoothing: auto;
  -o-font-smoothing: auto;
  margin-top: 3.5em;
  letter-spacing: 0.4pt;
}

#gsa-history .gsa-heading h3 {
  color: #065136;
  font-size: 36px;
  line-height: 43px;
  margin-bottom: 0px;
}
#gsa-history .gsa-heading p {
  color: #4a4a4a;
  max-width: 562px;
  text-align: center;
  margin: 0 auto;
  font-size: 21px;
  line-height: 27px;
  margin-top: 13px;
}
@media (max-width: 599px) {
  #gsa-history .gsa-heading h3 {
    font-size: 33px;
    line-height: 40px;
  }
}

.pinky {
  background: #f6dde7;
  border-radius: 322px;
  width: 322px;
  height: 322px;
  text-align: center;
  overflow: hidden;
  margin: 0 auto;
}
.greeny {
  background: #e9f4bc;
  border-radius: 322px;
  width: 322px;
  height: 322px;
  text-align: center;
  overflow: hidden;
  margin: 0 auto;
}
.pinky img,
.greeny img {
  height: 322px;
  margin-top: 0px;
}
.nombre {
  margin-top: 20px;
}
.nombre span {
  float: left;
  width: 100%;
  text-align: center;
  color: #065136;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 0px;

  margin-top: 30px;
  margin-bottom: 2.5em;
  letter-spacing: 0.4pt;
}

@media (max-width: 374px) {
  .pinky,
  .greeny {
    width: 259px;
    height: 259px;
  }
  .pinky img,
  .greeny img {
    height: 280px;
    margin-top: 22px;
  }
}

@media (max-width: 991px) {
  .picsroom {
    float: left;
  }
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: none;
  min-width: 220px;
  z-index: 1;
  top: 20px;
  left: 0px;
  padding-top: 0px;
  background: #f4f4f4;
  border-radius: 0px 0px 5px 5px;
  padding-bottom: 20px;
  padding-top: 30px;
}

#gsa-offcanvas {
  padding-top: 100px;
}
body.active #gsa-offcanvas {
  padding-top: 110px;
}
#gsa-offcanvas a {
  font-size: 17px;
}

#gsa-offcanvas .dropdown-content {
  position: relative;
  background: transparent;
  top: 0px;
  min-width: 200px;
  height: 100px;
}

.dropdown-content a {
  width: 100%;
  float: left;
  height: 30px;
  text-align: left;
  float: left;
  padding: 20px !important;
  text-transform: none !important;
  color: #2f292b !important;
}
.dropdown-content a:hover {
  color: #aaa !important;
}

#gsa-offcanvas .dropdown-content a {
  padding-left: 10px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  color: rgba(255, 255, 255, 0.5) !important;
}
#gsa-offcanvas .dropdown-content a:hover {
  color: #fff !important;
}
#gsa-offcanvas .pin {
  display: none;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content,
#gsa-offcanvas .dropdown-content {
  display: block;
}
#gsa-offcanvas .main-ul {
  width: 100%;
  text-align: left;
}
#gsa-offcanvas .dropdown-content {
  padding-top: 0px;
}
#gsa-offcanvas a,
#gsa-offcanvas .language k {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
  float: left;
  font-weight: 500;
  margin-right: 15px;
  font-size: 17px;
}

#gsa-offcanvas .dropdown-content a {
  text-align: left;
  text-transform: uppercase !important;
}

.crystal {
  width: 100%;
  position: fixed;
  top: 0px;
  height: 100%;
  background: rgba(200, 200, 200, 0.85);
  z-index: 9999;
  display: none;
  opacity: 0;
}
#microwindow {
  width:/*calc(70% - 80px)*/ 820px;
  background: #fffdeb;
  position: absolute;
  left: 50%;
  margin-left: -410px /*calc(-35% + 60px)*/;
  height: 500px;
  top: 50%;
  margin-top: -250px;
}
.closemodal {
  position: absolute;
  right: 40px;
  top: 40px;
  width: 25px;
  height: 25px;
  z-index: 1;
}
.closemodal i {
  font-size: 25px;
  color: #7c7c7c;
}

#microwindow k {
  width: 40%;
  text-align: center;
  float: left;
  padding: 20px;
  position: relative;
  height: 100%;
}
#microwindow.caramelo k {
  background: #f5426c;
}
#microwindow.original k {
  background: #5c57a5;
}
#microwindow.latte k {
  background: #76efff;
}

#microwindow k img {
  max-height: 100%;
  max-width: 100%;
  display: none;
}
#microwindow k img:first-child {
  display: inline;
}

.infoproduct {
  width: 60%;
  padding: 50px;
  text-align: left;
  float: left;
}
.infoproduct h1 {
  color: #231f20;
  font-size: 25px;
  line-height: 25px;
  margin-bottom: 0px;
}
.infoproduct h3 {
  font-size: 72px;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  margin-top: 10px;
  z-index: 1;
  width: auto;
  text-align: left;
  margin-left: -5px;
  margin-bottom: 60px;
  -webkit-font-smoothing: auto;
  -moz-font-smoothing: auto;
  -o-font-smoothing: auto;
}
.infoproduct h3:before {
  content: "";
  width: 100%;
  height: 30px;
  position: absolute;
  left: -5px;
  bottom: 5px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center top;
  z-index: -1;
}
.caramelo .infoproduct h3 {
  width: 226px;
}
.original .infoproduct h3 {
  width: 196px;
}
.latte .infoproduct h3 {
  width: 126px;
}
.caramelo .infoproduct h3:before {
  background-image: url(../images/l_amarilla.png);
}
.original .infoproduct h3:before {
  background-image: url(../images/l_verde.png);
}
.latte .infoproduct h3:before {
  background-image: url(../images/l_crema.png);
}

.infoproduct b {
  font-weight: 600;
  color: #231f20;
  font-size: 25px;
  line-height: 30px;
  float: left;
  width: 100%;
  text-transform: uppercase;
  margin-bottom: 10px;
  -webkit-font-smoothing: auto;
  -moz-font-smoothing: auto;
  -o-font-smoothing: auto;
}
.infoproduct span {
  font-size: 16px;
  color: #000;
  line-height: 24px;
  float: left;
  width: 100%;
  margin-bottom: 50px;
  letter-spacing: -1px;
}
.infoproduct span.description-2 {
  margin-bottom: 0px;
}

@media (max-width: 900px) {
  #microwindow {
    width: calc(100% - 80px);
    margin-left: calc(-50% + 40px);
  }
  .infoproduct b {
    font-size: 20px;
    line-height: 25px;
  }
  .infoproduct span {
    font-size: 13px;
    line-height: 21px;
  }
}
@media (max-width: 700px) {
  .infoproduct span {
    margin-bottom: 30px;
  }
  .infoproduct span.description-2 {
    margin-bottom: 0px;
  }
}
/*
			@media (max-width:620px){
				#microwindow{ width:100%; margin-left:0px; left:0px}
			}*/

@media (max-width: 620px) {
  #microwindow {
    width: 320px;
    margin-left: -160px;
    left: 50%;
    margin-top: -248px;
    height: 496px;
  }
  #microwindow k {
    width: 100%;
    height: 196px;
  }
  #microwindow .infoproduct {
    height: 300px;
    width: 100%;
    padding: 20px;
  }
  .infoproduct h1 {
    font-size: 15px;
    line-height: 15px;
  }
  .infoproduct h3 {
    margin-bottom: 20px;
    line-height: 1;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .infoproduct b {
    margin-bottom: 5px;
  }
  .infoproduct span {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 20px;
  }
  .infoproduct span.description-2 {
    margin-bottom: 0px;
  }
  .closemodal i {
    color: #fff;
  }
}

@media (max-height: 500px) {
  #microwindow {
    top: 0px;
    margin-top: 0px;
  }
}

.scrollable {
  overflow-y: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: 0px;
  height: 100%;
  width: 100%;
}

.backslide {
  position: absolute;
  left: -60px;
  top: 30%;
  color: #fff;
  width: 40px;
  height: 74px;
  background: url(../images/left-white.png);
  cursor: pointer;
}
.nextslide {
  position: absolute;
  right: -60px;
  top: 30%;
  color: #fff;
  width: 40px;
  height: 74px;
  background: url(../images/right-white.png);
  cursor: pointer;
}
@media (max-width: 767px) {
  .backslide {
    left: 10px;
  }
  .nextslide {
    right: 10px;
  }
}

.grip-nav,
.grip-nav.active {
  padding: 0px 0;
  top: 0;
}

.grip-nav {
  position: absolute;
  position: fixed; /*float: left;*/
  margin: 0;
  width: 100%;
  z-index: 1001;
  /*background-color: rgba(255,255,255,0.2);*/
  border-bottom: 0px none;
  transition: 0.5s;
  background: #fff; background:transparent
}

/*.grip-nav #grip-logo{ margin-top:20px!important; margin-bottom:20px!important; float:left}*/
.grip-nav #grip-logo {
  margin-top: 17.29px !important;
  margin-bottom: 17.29px !important;
  float: left;
}

/*.bgclear .grip-nav #grip-logo, .grip-nav:hover #grip-logo{margin-top:20px!important}*/

/*.grip-nav:hover{ padding-bottom: 10px }
    .bgclear .grip-nav:hover{ padding-bottom: 0px }*/
.grip-nav:hover:before {
  height: 10px;
  width: 100%;
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0px;
}

body .grip-nav .menu-1.main-nav {
  margin-top: 28.5px !important;
  margin-bottom: 28.5px !important;
}
.grip-nav ul li.language {
  margin-top: -25px !important;
}

body .grip-nav:hover .menu-1.main-nav,
body.bgclear .grip-nav .menu-1.main-nav {
  margin-top: 28.5px !important;
  margin-bottom: 28.5px !important;
}
.grip-nav:hover ul li.language,
.bgclear .grip-nav ul li.language {
  margin-top: -17px !important;
}

.grip-nav #grip-logo svg {
  float: left;
  width: 230px;
}
#logoslogan {
  height: 35px;
}
@media (max-width: 1299px) {
  .grip-nav ul li a,
  .grip-nav ul li k {
    font-size: 14px !important;
  }
}
@media (max-width: 991px) {
  .grip-nav #grip-logo svg#logoslogan {
    width: 161px;
  }
  .grip-nav ul li a,
  .grip-nav ul li k {
    font-size: 14px !important;
  }
  .logo-nav svg {
    height: 18px !important;
  }
}

#smalllogo {
  position: absolute;
  left: 15px;
  top: 20px;
}
.bgclear .grip-nav #smalllogo g {
  fill: #4f2e82;
}
.bgclear .grip-nav #grip-logo {
  margin-left: 0px;
}

.grip-nav #grip-logo span {
  font-size: 11px;
  color: #fff;
  float: left;
  margin-left: 5px;
  width: calc(100% - 5px);
  margin-top: 0px;
  font-weight: 300;
}

.grip-nav #grip-logo img {
  height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  float: left;
}

.logo-nav {
  padding-left: 0 !important;
  margin-left: 0 !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.logo-nav a {
  float: left;
}
.logo-nav svg {
  height: 40px !important;
  float: left;
}

.grip-nav .menu-1.main-nav {
  margin-top: 40px;
  margin-right: 0 !important;
  padding-right: 0 !important;
  -webkit-transition: 0s;
  transition: 0s;
}

.grip-container {
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

body .grip-nav .menu-1.main-nav {
  margin-top: 27px;
}
@media screen and (min-width: 768px) {
  .grip-container {
    width: 738px;
  }

  .pasosBig {
    display: block;
  }

  .pasosSmall {
    display: none;
  }
}

@media (min-width: 992px) {
  .grip-container {
    width: 962px;
  }
}

@media (min-width: 1100px) {
  .grip-container {
    width: 1070px;
    max-width: 1070px;
  }
}

@media (min-width: 1130px) {
  .grip-container {
    width: 1100px;
    max-width: 1100px;
  }
}

@media (min-width: 1300px) {
  .grip-container {
    width: 1270px;
    max-width: 1270px;
  }
}

.grip-container .row {
  margin-left: 0;
  margin-right: 0;
}

.grip-nav #grip-logo {
  font-size: 20px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: 700;
}

.grip-nav #grip-logo em {
  color: #cf0c1e;
}

@media screen and (max-width: 767px) {
  .grip-nav .menu-1,
  .grip-nav .menu-2 {
    display: none;
  }
}

.grip-nav ul {
  padding: 0;
  margin: 0;
}
.grip-nav ul li {
  padding: 35px 3px;
  margin: 0;
  list-style: none;
  display: inline;
  opacity: 1;
  position: relative;
}

.grip-nav ul li ul {
  padding: 0px;
  margin: 0px;
  position: absolute;
  left: 0px;
  top: 80px;
  display: none;
  z-index: 9999;
  width: 100px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.grip-nav ul li:hover ul {
  display: block;
}
.grip-nav ul li ul li {
  width: 100%;
  text-align: center;
  padding: 0px;
  margin: 0px;
  float: left;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #eee;
}
.grip-nav ul li ul li:last-child {
  border-bottom: 0px none;
}
.grip-nav ul li ul li a {
  color: #3d5266 !important;
  width: 100%;
  float: left;
  padding: 0px;
}
.grip-nav ul li ul li:hover {
  background: #fff;
}

.grip-nav ul li:last-child {
  padding-right: 0px;
}
/*.grip-nav ul li:last-child a{ padding-right: 0px }*/
pleca {
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #000;
  font-size: 1vw;
  font-size: "Suisse";
  background: #85dade;
  text-align: center;
  position: fixed;
  top: 0px;
  z-index: 1001;
}

/*.home .grip-nav {
  top: 50px;
}*/
.home.scrolled .grip-nav,
.home.notscrolled .grip-nav {
  top: 0px;
}
/*.home .gsa-section-overflow{ margin-top: 80px }*/
/*.home {
  padding-top: 50px;
}*/
.home.scrolled,
.home.notscrolled {
  padding-top: 0px;
}

.grip-nav ul li a,
.grip-nav ul li k {
  font-size: 16px;
  padding: 10px 15px;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  font-weight: 500;
  letter-spacing: 0px;
  color: #9BAEAB;
  font-size: 1vw;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0.75px;
}
.grip-nav ul li a:hover,.grip-nav ul li a.selected{ color: #000; }
.grip-nav ul li k {
  cursor: default;
}
.grip-nav ul li span {
  width: 100%;
  float: left;
  position: relative;
  margin-top: 10px;
}
.grip-nav ul li span i {
  color: #fff;
  cursor: pointer;
  position: absolute;
  left: 50%;
  font-size: 13px;
  width: 20px;
  text-align: center;
  margin-left: -10px;
}
.grip-nav ul li.social a {
  padding: 0px 5px;
}
.grip-nav ul li.dropdown a {
  cursor: default;
}
.grip-nav ul li.dropdown .dropdown-content a {
  cursor: pointer;
}

.grip-nav ul li a i {
  color: #6E6E6E;
  font-size: 10px;
}
.grip-nav ul li a i b {
  font-size: 15px;
  font-style: normal;
}

/*.grip-nav ul li a:active,
.grip-nav ul li a:hover,.grip-nav ul li k:hover,.grip-nav ul li:hover k,.grip-nav ul li a.selected,.grip-nav ul li k.selected {
    
    color: #fff!important; text-decoration: none;
}*/

/*.grip-nav ul li:hover a{color: #fff}
.grip-nav ul li:hover a i{color: #fff}*/

@media screen and (max-width: 991px) {
  .grip-nav ul li a {
    padding: 10px 15px;
  }
  pleca {
    font-size: 11px;
  }
}

.grip-nav ul li.has-dropdown {
  position: relative;
}

.grip-nav ul li.has-dropdown .dropdown {
  width: 130px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
  z-index: 1002;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 40px;
  left: 0;
  text-align: left;
  background: #fff;
  padding: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}

.grip-nav ul li.has-dropdown .dropdown:before {
  bottom: 100%;
  left: 40px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}

.grip-nav ul li.has-dropdown .dropdown li {
  display: block;
  margin-bottom: 7px;
}

.grip-nav ul li.has-dropdown .dropdown li:last-child {
  margin-bottom: 0;
}

.grip-nav ul li.has-dropdown .dropdown li a {
  padding: 2px 0;
  display: block;
  color: #999;
  line-height: 1.2;
  text-transform: none;
  font-size: 15px;
}

.grip-nav ul li.has-dropdown .dropdown li a:hover {
  color: #000;
}

.grip-nav ul li.has-dropdown .dropdown li.active > a {
  color: #000 !important;
}

.grip-nav ul li.btn-cta a,
.grip-nav ul li.has-dropdown:focus a,
.grip-nav ul li.has-dropdown:hover a {
  color: #fff;
}

.grip-nav ul li.btn-cta a span {
  border: none !important;
  background: #cf0c1e;
  padding: 4px 20px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.grip-nav ul li.btn-cta a:hover span {
  background: #ff6540;
  color: #fff;
}

.grip-nav ul li.language {
  margin-top: -15px;
  padding-top: 0px;
  float: right;
}
.grip-nav ul li.language a,
.grip-nav ul li.language k {
  font-size: 11px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.grip-nav ul li.language k:first-child {
  border-right: 1px solid #fff;
}

.grip-nav ul li.language i form {
  width: 0px;
  padding: 0px;
  margin: 0px;
  position: absolute;
  right: -27px;
  top: -10px;
  transition: 0.2s;
}
.grip-nav ul li.language.active i form {
  width: 570px;
}

.grip-nav ul li.language i i {
  display: none;
  color: #fff;
}
.grip-nav ul li.language.active i i {
  position: absolute;
  left: -20px;
  top: 0px;
  width: 40px;
  height: 40px;
  line-height: 30px;
  display: block;
  cursor: pointer;
}
.grip-nav ul li.language i input.textin {
  width: 0px;
  height: 30px;
  border: 0px none;
  margin-top: 0px;
  margin-left: 0px;
  color: #333;
  outline: none;
  padding: 0px;
  transition: 0.2s;
}

.grip-nav ul li.language i button.envin {
  color: #333;
  font-size: 13px;
  position: absolute;
  right: 31px;
  top: 7px;
  height: 20px;
  width: 20px;
  background: none;
  border: 0px none;
  display: none;
}
.grip-nav ul li.language.active i button.envin {
  display: block;
}
.envin svg {
  width: 13px;
  height: 15px;
}

.envin svg path {
  fill: #fff;
}
.fa-searchx {
  width: 20px;
  height: 13px;
  position: relative;
}
#searchi {
  position: absolute;
  left: 0px;
  width: 20px;
  height: 15px;
  top: 0px;
}
#searchi path,
#palito {
  stroke: #fff !important;
}

.grip-nav:hover #searchi path,
.grip-nav:hover #palito,
.bgclear .grip-nav #searchi path,
.bgclear .grip-nav #palito {
  stroke: #3d5266 !important;
}

.grip-nav:hover #searchi:hover path,
.grip-nav:hover #palito:hover,
.bgclear .grip-nav #searchi:hover path,
.bgclear .grip-nav #palito:hover {
  stroke: #3986f7 !important;
}

.grip-nav ul li.language.active i input.textin {
  width: calc(100% - 32px);
  padding-left: 10px;
}
@media screen and (max-width: 991px) {
  .grip-nav ul li.language.active i form {
    width: 445px;
  }
}
.grip-nav ul li.language.active i input.textin::placeholder {
  color: #ccc;
}

.bgclear .grip-nav,
.grip-nav:hover,
.offcanvas .grip-nav {
  background: #231f20;
  background: #fff;
}
.bgclear .grip-nav ul li a,
.bgclear .grip-nav ul li a i,
/*.grip-nav:hover ul li a,
.grip-nav:hover ul li a i,
.grip-nav:hover ul li span i,*/
.bgclear .grip-nav ul li span i,
/*.grip-nav:hover ul li k,*/
.bgclear .grip-nav ul li k {
  color: #000;
}

.venturespage .grip-nav ul li a,
.venturespage .grip-nav ul li a i,
.venturespage .grip-nav:hover ul li a,
.venturespage .grip-nav:hover ul li a i,
.venturespage .grip-nav:hover ul li span i,
.venturespage .grip-nav ul li span i,
.venturespage .grip-nav:hover ul li k,
.venturespage .grip-nav ul li k {
  color: #000 !important;
}

.grip-nav:hover ul li.language a:first-child,
.bgclear .grip-nav ul li.language a:first-child {
  border-color: #3d5266;
}
/*.grip-nav ul li a:hover, .grip-nav ul li a:hover i,.grip-nav ul li span i:hover{
    color: #fff!important; text-decoration: none;
}*/
/*.bgclear .grip-nav #grip-logo polygon,.bgclear .grip-nav #grip-logo path,
.grip-nav:hover #grip-logo polygon,.grip-nav:hover #grip-logo path{ fill:#3D5266!important}*/

.bgclear .grip-nav ul li.language k:first-child {
  border-color: #3d5266;
}

@media screen and (max-width: 991px) {
  body .grip-nav .menu-1.main-nav {
    padding-left: 0px;
  }
  .grip-nav ul li {
    padding: 35px 3px;
  }
  .logo-nav {
    padding-right: 0px;
  }
}

#gsaf-footer .gsaf-footer-links li a {
  text-decoration: none;
}
#gsaf-footer {
  padding: 7em 0;
  clear: both;
  position: relative;
}

@media screen and (max-width: 768px) {
  #gsaf-footer {
    padding: 3em 0;
  }
}
#gsaf-footer.border-bottom {
  border-bottom: 1px solid #e6e6e6;
}

#gsaf-footer .gsaf-footer-links {
  padding: 0;
  margin: 0 0 20px;
  float: left;
  width: 100%;
}

#gsaf-footer .gsaf-footer-links li {
  padding: 0;
  margin: 0 0 15px;
  list-style: none;
  line-height: 1;
}

#gsaf-footer .gsaf-footer-links li a:hover {
  text-decoration: underline;
}

#gsaf-footer .gsaf-widget {
  margin-bottom: 30px;
}

#gsaf-footer .gsaf-widget h3 {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#gsaf-footer .gsaf-widget .gsaf-quick-contact {
  padding: 0;
  margin: 0;
}

#gsaf-footer .gsaf-widget .gsaf-quick-contact li {
  padding: 0;
  margin: 0 0 10px;
  list-style: none;
}

#gsaf-footer .gsaf-widget .gsaf-quick-contact li i {
  width: 30px;
  float: left;
  font-size: 18px;
  position: relative;
  margin-top: 4px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
}

@media screen and (max-width: 768px) {
  #gsaf-footer .copyright .pull-left,
  #gsaf-footer .copyright .pull-right {
    float: none !important;
    text-align: center;
  }
}

#gsaf-footer {
  background: #203232;
  padding: 3.5em 0;
}
belowfooter {
  background: #000;
  padding: 2.5em 0;
  clear: both;
  position: relative;
  display: block;
}
belowfooter img {
  width: 100%;
  max-width: 270px;
}
belowfooter span {
  color: #fff;
  font-size: 1.5vw;
  line-height: 22px;
}

#gsaf-footer strong {
  font-weight: 400;
  color: #2f7de1;
}

#gsaf-footer .copyright .block {
  display: block;
}

#gsaf-footer small {
  font-size: 13px;
  line-height: 20px;
  color: #fff;
}

@media screen and (min-width: 1100px) {
  #gsaf-footer small {
    font-size: 13px;
    line-height: 20px;
  }
}

#gsaf-footer small i.fa-phone {
  font-size: 10px;
  transform: rotate(90deg);
  margin-left: 5px;
  margin-right: 5px;
}
#gsaf-footer small i.fa-google-plus-g {
  font-size: 25px !important;
  color: #fff !important;
}

#gsaf-footer small span {
  line-height: 1.5;
  color: #fff;
  font-size: 16px;
  margin-bottom: 0px;
  float: left;
  width: 100%;
}
#gsaf-footer small span a {
  color: #fff;
  text-decoration: none;
}
#gsaf-footer small span a:hover {
  color: #ef5a1b;
  text-decoration: none;
}

#gsaf-footer h1 {
  color: #fff;
  font-size: 1vw;
  line-height: 1;
  margin-bottom: 1.5vw;
  margin-top: 0px;
  font-weight: 500; font-weight: bold;
}

#gsaf-footer h1.reduced,
#gsaf-footer h1.reduced a {
  font-size: 0.85vw;
  line-height: 2;
  color: #fff;
  text-align: left;
  text-transform: none; font-weight: normal;
}

#gsaf-footer h1.reduced {
  margin-bottom: 0px;
}

#gsaf-footer h1.reduced a:hover {
  color: #fff;
}
#gsaf-footer .copyright .block.blockimg svg {
  width: 100%;
  max-width: 200px;
  float: left;
  margin-bottom: 2vw;
}

.blockimgsmall{ margin-top: 19px; }
#gsaf-footer .copyright .block.blockimgsmall svg {
  width: 100%;
  max-width: 50px;
  float: left;
  margin-bottom: 2vw;
}


#gsaf-footer .copyright .block.blockimg svg path {
}
#gsaf-footer .col-sm-6 {
  /*padding-left: 0;
    padding-right: 0*/
}

#gsaf-footer .col-sm-6.rights {
  padding-right: 0;
}
.blockimg img {
  width: 100%;
  max-width: 100px;
  float: left;
  margin-bottom: 10px;
}
p.nobreak {
  margin-bottom: 0px;
  font-size: 13px;
  line-height: 20px;
  margin-top: 50px;
  float: left;
  text-align: left;
  width: 100%;
  white-space: nowrap;
  color: #fff;
}

a.linked img {
  width: 100%;
  max-width: 33px;
  margin-top: 20px;
}

.redes {
  font-size: 27px;
  margin-left: 17px;
  color: #fff;
  float: right;
}
.redes:hover {
  color: #ef5a1b;
}
powering {
  color: #fff;
  float: left;
  font-size: 1.8vw;
  margin-left: 25px;
}
.blockimg {
  display: flex !important;
  align-items: center;
}
#gsaf-footer ul {
  padding: 0px;
  margin: 0px;
  float: left;
}
#gsaf-footer ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline;
}
#gsaf-footer ul li a {
  padding: 0px;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  color: #fff;
  float: left;
  width: 100%;
  font-size: 1vw;
  line-height: 1.5;
}
#gsaf-footer p{color: #fff; font-weight: bold; margin-bottom: calc(2vw + 19px); font-size: 1.5vw; margin-top: 0px; height: 35.98px; display: flex; align-items: flex-end;}
  #gsaf-footer p h{ line-height: 0.75; }
#gsaf-footer ul li.red {
  margin-right: 1.2vw;
  float: left;
  margin-top: 5px;
}
#gsaf-footer ul li.red:first-child{ margin-right: 0px; }
#gsaf-footer ul li.red a {
  width: auto;
}
#gsaf-footer ul li a img {
  width: 1.5vw;
}

#gsaf-footer ul li a:hover {
  color: #fff !important;
  text-decoration: underline !important;
}
#gsaf-footer ul li a svg {
  height: 0.55vw;
}
#gsaf-footer ul li a svg path,
#gsaf-footer ul li a svg polyline {
  stroke: #fff;
}

#gsaf-footer ul li a:hover {
  color: #fff;
  text-decoration: none;
}

#gsaf-footer ul li.social a i {
  color: #eee;
  font-size: 22px;
}

#gsaf-footer ul li a:hover i {
  color: #ffffff;
}
#gsaf-footer a.mediakit {
  margin-top: 85px;
  text-decoration: underline;
  color: #fff;
  float: right;
  font-size: 16px;
  white-space: nowrap;
}
#gsaf-footer a.mediakit i {
  margin-left: 8px;
}
#gsaf-footer a.mediakit:hover {
  color: #ef5a1b;
}
@media screen and (min-width: 1280px) {
  a.linked img {
    position: absolute;
    left: 160px;
    top: 25px;
  }
}

@media screen and (min-width: 992px) {
  .rights {
    margin-left: -15px;
  }
  

}

@media screen and (max-width: 991px) {
  #gsaf-footer .col-sm-6 {
    /*height: 210px*/
  }
  #gsaf-footer .copyright .block {
    text-align: left;
  }
  p.nobreak {
    margin-top: 50px;
  }
  .timeline {
    margin-top: 30px;
  }
  .redes {
    float: left;
    margin-left: 0px;
    margin-right: 17px;
  }
  #gsaf-footer a.mediakit {
    float: left;
    margin-top: 10px;
    margin-left: 20px;
  }
  #gsaf-footer ul li.red{ margin-right: 10px; }
  #gsaf-footer ul li.red:first-child{ margin-right: 0px; }
}
@media screen and (max-width: 767px) {
  #gsaf-footer {
    padding: 2em 0;
  }
  #gsaf-footer small {
    font-size: 14px;
  }
  p.nobreak {
    font-size: 11px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 499px) {
  a.linked img {
    position: inherit;
  }
  #gsaf-footer .col-sm-6.rights {
    margin-bottom: 0px;
  }
  .rights {
    padding-bottom: 30px;
  }
  .rights h1 {
  }
  p.nobreak {
    margin-top: 20px;
  }
  #gsaf-footer small {
    font-size: 14px;
  }
  .legalfooter,
  .menufooter {
    width: 50%;
    height: 130px;
  }
  .legalfooter:last-child {
    height: auto;
  }
  #gsaf-footer small span {
    margin-bottom: 0px;
  }
  .timeline {
    margin-top: 0px;
    margin-bottom: -20px !important;
  }
  #twitter-widget-0 {
    height: 350px !important;
  }
}
@media screen and (max-width: 386px) {
  #gsaf-footer a.mediakit {
    margin-left: 0px;
    margin-bottom: 20px;
  }
}

.gsaf-container {
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 768px) {
  .gsaf-container {
    width: 738px;
  }
}
@media (min-width: 992px) {
  .gsaf-container {
    width: 962px;
  }
}
@media (min-width: 1100px) {
  .gsaf-container {
    width: 1070px;
    max-width: 1070px;
  }
}
@media (min-width: 1130px) {
  .gsaf-container {
    width: 1100px;
    max-width: 1100px;
  }
}

@media (min-width: 1300px) {
  .gsaf-container {
    width: 1270px;
    max-width: 1270px;
  }
}

#gsa-ourwork {
  background: #f45747 url(../images/pattern-red.svg) center -250px;
  padding: 4.5em 0;
  color: #fff;
}
#gsa-ourwork h2,
#gsa-ourwork a {
  color: #fff;
}
/*#gsa-ourwork h2{ margin-bottom:25px;font-size:24px}*/
#gsa-ourwork a {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 50px;
  border: 1px solid #fff;
  padding: 12px 40px;
}
#gsa-ourwork a:hover {
  background: #fff;
  color: #f45747;
}
#gsa-ourwork .gsa-heading {
  margin-bottom: 0px;
}

#gsa-process {
  background: #efefef;
  padding: 5em 0;
  padding-bottom: 6.5em;
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
  .col-sm-offset-1-5 {
    margin-left: 0px !important;
  }
  #gsa-process .col-sm-3 {
    margin-bottom: 50px;
  }
  #gsa-process .col-sm-3:last-child {
    margin-bottom: 0px;
  }
  #gsa-blog h2,
  #gsa-blog .gsa-heading a {
    text-align: center;
  }
  #gsa-blog .col-sm-2 {
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }

  #gsa-blog .col-sm-10 {
    float: left;
    width: calc(100% - 60px);
    margin-left: 30px;
  }

  #gsa-blog .proceso {
    width: 100%;
    float: left;
    margin-bottom: 0px;
  }

  #gsa-blog .proceso p {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 399px) {
  #gsa-blog .proceso p {
    font-size: 14px;
    line-height: 17px;
    top: 10px;
  }
  #gsa-blog .proceso h4 {
    display: none;
  }
}

.col-sm-offset-1-5 {
  margin-left: 4.16%;
}

#gsa-blog {
  background: #f7f7f7;
}

/* Slider */
.slick-slider {
  position: relative;

  display: block;

  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;

  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;

  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;

  height: auto;

  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/* Dots */

.slick-slider {
  margin-bottom: 0px;
}

.slick-dots {
  position: absolute;
  /*bottom: -45px;*/
  bottom: -45px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  background: rgba(0, 0, 0, 0.5);
  font-size: 6px;
  line-height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  content: " ";
  text-align: center;
  opacity: 0.25;
  color: black;
  border-radius: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

.slick-prev,
.slick-next {
  font-size: 40px;
  line-height: 0;
  position: absolute;
  top: 45%;
  display: block;
  width: 45px;
  height: 45px;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
  text-indent: -9999px;
  cursor: pointer;
  z-index: 999;
}
/*.slick-prev {
    left: 5%; background:url(../images/arrow-left.png)
}
.slick-next {
    right:5%;background:url(../images/arrow-right.png)
}

.whitearrows .slick-prev {
    left: 5%; background:url(../images/arrow-left-white.png)
}
.whitearrows .slick-next {
    right:5%;background:url(../images/arrow-right-white.png)
}*/

.slick-prev:before,
.slick-next:before {
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev svg,
.slick-next svg {
  color: #000;
  font-size: 35px;
}

/*.slick-prev, .slick-next{ width:45px; height:45px; background-position:center -20px; text-indent:-9999999px; margin-top:0px;transition: 0.2s}
.slick-prev{ background: #fff url(../images/flechablanca-left.svg) center -20px no-repeat; left:-45px}	
.slick-next{ background:#fff  url(../images/flechablanca.svg) center -20px no-repeat; right:-45px}
	.slick-prev:hover, .slick-next:hover{ background-color:#F45747; background-position:center 12px}*/
.slicknotas,
.slicknotas2 {
  float: left;
  width: 100%;
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}

#gsa-about {
  background: #f7f7f7;
}

#gsa-about.profiles h1 {
  color: #3886f7;
  font-size: 20px;
  line-height: 50px;
}
#gsa-about.profiles ul {
  list-style-type: none;
  float: left;
  padding: 0px;
  padding-left: 40px;
}
#gsa-about.profiles ul li {
  font-size: 17px;
  line-height: 38px;
  font-weight: 500;
  color: #3d5266;
  position: relative;
}
#gsa-about.profiles ul li:before {
  position: absolute;
  left: -30px;
  width: 15px;
  height: 2px;
  background-color: #3d5266;
  content: "";
  top: 15px;
}
#gsa-about p {
  color: #3d5266;
  font-size: 24px;
  letter-spacing: 0.86px;
  line-height: 32px;
  margin-bottom: 20px;
}
#gsa-about.profiles p {
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  min-height: 64px;
}
#gsa-about.profiles span {
  color: #3886f7;
  font-size: 16px;
  line-height: 19px;
  margin-top: 8px;
  margin-bottom: 8px;
}
#gsa-about.profiles a {
  font-size: 13px;
  line-height: 19px;
  color: #808081;
}
#gsa-about.profiles a:hover {
  text-decoration: underline;
}
#gsa-about.profiles p {
  max-width: 80%;
}
#gsa-about.profiles .col-sm-8 .col-sm-4 span {
  color: #808081;
}
#gsa-about.profiles img {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.socio {
  min-height: 180px;
}
.sociopic {
  width: 100%;
  margin-bottom: 30px;
  float: left;
  background-size: cover;
  height: 320px;
  background-position: center center;
}

#gsa-about.profiles .col-sm-4 span {
  color: #3d5266;
}

#gsa-hero.valores .flexslider .flex-control-nav {
  width: 60%;
  position: relative;
  margin: 0 auto;
  left: auto;
  right: auto;
  bottom: 0px;
}
#gsa-hero.valores #controlnav.gsa-container {
  position: absolute;
  bottom: 140px;
  left: 0px;
  right: 0px;
}
#gsa-hero.valores .flexslider .flex-control-nav {
  text-align: right;
  padding-right: 20px;
}
#gsa-hero.valores .flexslider .flex-control-nav li a {
  font-size: 0px;
}
#gsa-hero.valores .flexslider .flex-control-nav li a,
#gsa-hero.valores .flexslider .flex-control-nav li a.flex-active {
  width: 10px;
  height: 10px;
}
#gsa-hero.valores .flexslider .flex-control-nav li {
  margin: 0px 3px;
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
  #gsa-about.profiles p {
    font-size: 18px;
  }
}
@media (max-width: 630px) {
  #gsa-about.profiles .col-xs-6 {
    width: 100%;
  }
}

#gsa-about {
  padding-bottom: calc(7em - 40px);
}

#gsa-about.industria .col-sm-3 {
  display: flex;
  align-items: center;
  justify-content: left;
  cursor: default;
  height: auto;
  text-align: left;
  flex-direction: column;
}
#gsa-about.industria .col-sm-3 h1 {
  border-bottom: 0px none;
  margin-bottom: 0px;
  font-size: 17px;
  line-height: 27px;
  text-transform: none;
  color: #000;
  margin-top: 15px;
  margin-bottom: 40px;
  text-align: center;
  min-height: 54px;
}
#gsa-about.industria .col-sm-3:hover h1 {
  color: #3886f7;
}
#gsa-about.industria .col-sm-3 img {
  height: 50px;
}

@media (max-width: 1199px) {
  #gsa-about.industria .col-sm-9 .col-sm-3 {
    width: 33.33%;
  }
}

@media (max-width: 991px) {
  #gsa-about.industria .col-sm-3 h1 {
    font-size: 14px;
    max-width: 138px;
  }
}

@media (max-width: 599px) {
  #gsa-about.industria .col-sm-9 .col-sm-3 {
    width: 50%;
  }
}

/*#gsa-about.industria .col-sm-4:nth-child(13),#gsa-about.industria .col-sm-4:nth-child(14){ border-bottom:none}*/
@media (max-width: 479px) {
  #gsa-about.industria .col-sm-3 {
    width: 100%;
  }
  #gsa-about.industria .col-sm-3 {
    padding-left: 0px;
    padding-right: 0px;
  }
  /*#gsa-about.industria .col-sm-4:nth-child(13){ border-bottom:1.5px solid rgba(155,155,155,0.29)}		*/
}

.gsa-containerwopadding {
  position: relative;
  margin: 0 auto;
  padding: 0;
}
.item-producto {
  position: relative;
  float: left;
  width: 100%;
}
.item-producto:hover .overlay {
  background: rgba(0, 0, 0, 0.2);
}
.item-producto {
  background: bottom center fixed #000;
  background-size: 100% 100%;
  padding: 0px;
  transition: background-size 0.2s ease-in;
  -moz-transition: background-size 0.2s ease-in;
  -ms-transition: background-size 0.2s ease-in;
  -o-transition: background-size 0.2s ease-in;
  -webkit-transition: background-size 0.2s ease-in;
}

.item-producto .overlay {
  background: rgba(0, 0, 0, 0.55);
  width: 100%;
  height: 100%;
  max-height: 270px;
  top: 0;
  left: 0;
  position: absolute;
  box-shadow: inset 2px 0 25px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.content .gsa-container {
  padding: 60px 0 20px;
}
.item-producto .gsa-container {
  padding-top: 0;
  padding-bottom: 0;
}
.item-producto .gsa-container .row {
  margin-left: 0;
  margin-right: 0;
}
.item-producto h2 {
  font-size: 3vw !important;
  line-height: 60px;
  margin-bottom: 0px;
  font-weight: 400;
  
}
.item-producto h3 {
  font-size: 38px;
  line-height: 40px;
  padding-left: 30px;
  position: relative;
  margin-bottom: 0px;
  color: #fff;
  text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
  margin-top: 170px;
  margin-bottom: 60px;
}
.item-producto h3:before {
  position: absolute;
  left: 0px;
  top: 18px;
  height: 2px;
  background: #fff;
  width: 20px;
  content: "";
}

.special-products-grids {
  margin: 0px;
}
.special-products-grids {
  display: none;
}
.values.gsa-section h1 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  margin-bottom: 0px;
  padding-bottom: 2vw;
}
.bgclear .values.gsa-section h1 {
  border-bottom: 1px solid #000;
}
.textoizquierda,
.textoderecha {
  float: left;
  width: 50%;
  padding-top: 40px;
  padding-bottom: 40px;
}
.textoizquierda {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 10px;
}
.textoizquierda {
  padding-right: 0px;
}
.textoderecha {
  padding-left: 50px;
}
.textoizquierda span,
.textoderecha span {
}
.textoizquierda b {
  color: #fff;
  font-weight: 500;
  font-size: 1.3vw;
  margin-top: 2vw;
  float: left;
  width: 100%;
  line-height: 1.4;
}
.bgclear .textoizquierda b {
  color: #000;
}
.textoizquierda span {
  width: 100%;
  color: #000;
  text-align: left;
  font-size: 15px;
  line-height: 24px;
  float: left;
  margin-bottom: 20px;
}
.textoizquierda span:last-child {
  margin-bottom: 0px;
}
.textoderecha span {
  width: 100%;
  color: #3d5266;
  text-align: left;
  font-size: 16px;
  line-height: 32px;
  float: left;
}
.textoderecha span b,
.textoizquierda span b {
  color: #3886f7;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 10px;
  width: 100%;
  float: left;
}
.special-products-grids ul {
  list-style-type: none;
  color: #3d5266;
  float: left;
  width: 100%;
  padding-left: 0px;
}
.special-products-grids ul li {
  font-size: 18px;
  line-height: 36px;
  position: relative;
  padding-left: 20px;
}
.special-products-grids ul li:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 15px;
  height: 2px;
  background-color: #3d5266;
  width: 10px;
}

@media (max-width: 1129px) {
  /*.textoizquierda span{ width:calc(100% - 80px); margin-left:40px; margin-right:40px}
				.textoderecha span{ width:calc(100% - 80px); margin-left:40px; margin-right:40px}*/
}
@media (max-width: 767px) {
  .textoizquierda,
  .textoderecha {
    width: 100%;
    padding: 0px;
    padding-top: 40px;
  }
  /*.textoizquierda span,.textoderecha span{ max-width:100%; min-height:auto}*/
  .nopaddingtop {
    padding-top: 0px !important;
  }
}

#impuestos-1 {
  background-image: url(../images/bg-impuestos1.jpg);
}
#impuestos-2 {
  background-image: url(../images/bg-impuestos2.jpg);
}
#impuestos-3 {
  background-image: url(../images/bg-impuestos3.jpg);
}

#legales-1 {
  background-image: url(../images/bg-legales1.jpg);
}
#legales-2 {
  background-image: url(../images/bg-legales2.jpg);
}
#legales-3 {
  background-image: url(../images/bg-legales3.jpg);
}
#legales-4 {
  background-image: url(../images/bg-legales4.jpg);
}
#legales-5 {
  background-image: url(../images/bg-legales5.jpg);
}
#legales-6 {
  background-image: url(../images/bg-legales6.jpg);
}
#legales-7 {
  background-image: url(../images/bg-legales7.jpg);
}

.servicios {
  width: 100%;
  float: left;
  margin-top: -30px;
}
.slickservicios {
  float: left;
  width: 50%;
}
.slickservicios span {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  height: 400px;
}
.slickservicios span img {
  width: 120%;
}
.listservicios {
  float: left;
  width: 50%;
  padding-top: 40px;
  padding-bottom: 40px;
}
.listservicios ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: calc(100% - 80px);
  max-width: 450px;
  margin-right: 40px;
  margin-left: 40px;
}
.listservicios ul li {
  float: left;
  width: 100%;
  color: #3d5266;
  font-size: 17px;
  line-height: 53px;
}
.listservicios ul li:hover {
  color: #3886f7;
}

@media (max-width: 1129px) {
  .listservicios ul li {
    font-size: 16px;
  }
  .slickservicios span img {
    width: auto;
    height: 100%;
  }
}
@media (max-width: 991px) {
  .listservicios ul li {
    font-size: 13.5px;
    letter-spacing: -0.3pt;
  }
}
@media (max-width: 810px) {
  .listservicios ul li {
    font-size: 13px;
    letter-spacing: -0.3pt;
  }
  .listservicios ul {
    width: calc(100% - 60px);
    margin-right: 30px;
    margin-left: 30px;
  }
}
.slickservicios .slick-next {
  right: 0px;
}
.slickservicios .slick-prev {
  left: 0px;
}

@media (max-width: 767px) {
  .slickservicios,
  .listservicios {
    width: 100%;
  }
  .slickservicios span img {
    width: 100%;
    height: auto;
  }
  .slickservicios span {
    height: auto;
  }
  #gsa-about .gsa-container {
    padding-bottom: 50px;
  }
  #gsa-about.industria .gsa-container {
    padding-top: 50px;
    padding-bottom: 0px;
  }
  /*.titleservices{ bottom:-35px!important}*/
}
.titleservices {
  /*position:absolute; left:30px; bottom:-85px;*/
  color: #3886f7;
  font-size: 28px;
  line-height: 50px;
  border-bottom: 2px solid #3886f7;
  float: left;
  margin-left: 15px;
  margin-top: 50px;
}

#gsa-blog.blog span {
  margin-bottom: 20px;
}
#gsa-blog.blog .proceso span {
  padding-bottom: 50px;
}
#gsa-blog.blog .proceso l {
  top: 200px;
  background: #fff;
  opacity: 1 !important;
}
#gsa-blog.blog .proceso h4 {
  color: #c6c6c6;
  top: 215px;
  transition: 0.1s;
  position: relative;
  top: auto !important;
  z-index: 2;
  left: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: block !important;
}
#gsa-blog.blog .proceso p {
  color: #3d5266;
  top: 245px;
  transition: 0.1s;
  position: relative;
  top: auto !important;
  z-index: 2;
  left: auto;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 120px;
  padding-top: 15px;
}
#gsa-blog.blog .proceso p:before {
  position: absolute;
  left: 20px;
  top: 2px;
  width: 20px;
  height: 2px;
  background-color: #3d5266;
  content: "";
}
#gsa-blog.blog .proceso:hover p:before {
  background-color: #3886f7;
}
#gsa-blog.blog .proceso m {
  color: #3886f7;
  position: relative;
  top: auto !important;
  z-index: 2;
  left: auto;
  padding-left: 20px;
  padding-right: 20px;
}
#gsa-blog.blog .proceso m i {
  font-size: 10px;
}
.titulo {
  margin-bottom: 35px;
  margin-top: 25px;
}
.titulo h2 b {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.98px;
}
#gsa-blog.blog .proceso:hover l {
}
#gsa-blog.blog .proceso:hover h4 {
  top: 185px;
}
#gsa-blog.blog .proceso:hover p {
  top: 215px;
}

#gsa-blog.blog .procesobig span {
  width: 65%;
  float: right;
  height: 100%;
  margin-bottom: 0px;
  padding-bottom: 0px;
  background-size: cover;
  background-position: top center;
}
#gsa-blog.blog .procesobig {
  background: #fff;
  height: 430px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(100% - 30px);
}
#gsa-blog.blog .procesobig h4,
#gsa-blog.blog .procesobig p,
#gsa-blog.blog .procesobig m {
  width: 35%;
}
#gsa-blog.blog .procesobig h4 {
  margin-top: 20px;
}
#gsa-blog.blog .procesobig l {
  display: none;
}
#gsa-blog.blog .procesobig h2 {
  width: 35%;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  float: left;
}
#gsa-blog.blog .procesobig h2 b {
  font-size: 16px;
}
#gsa-blog.blog .procesobig p {
  font-size: 30px;
  line-height: 35px;
}
#entrada {
  background-color: #f7f7f7;
  padding-bottom: 0px;
}
.entrada {
  background-color: #fff;
  padding-left: 0px;
  padding-right: 0px;
  width: calc(100% - 30px);
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 30px;
  float: left;
}
.entrada img {
  width: 100%;
  float: left;
}
.entrada h3 {
  color: #3886f7;
  padding-top: 5px;
  border-top: 2px solid #3886f7;
  float: left;
  font-size: 20px;
  line-height: 33px;
  margin-top: 50px;
  margin-left: 30px;
  margin-right: 30px;
  max-width: calc(100% - 60px);
  margin-bottom: 0px;
}
.entrada h1 {
  font-size: 50px;
  line-height: 50px;
  color: #000;
  float: left;
  width: 100%;
  margin-bottom: 40px;
  margin-top: 50px;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 500;
}
.entrada span {
  letter-spacing: -0.2px;
  color: #000;
  font-size: 20px;
  line-height: 31px;
  float: left;
  margin-bottom: 20px;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 300;
}
.entrada ul {
  list-style: none;
  float: left;
  width: 100%;
  margin-bottom: 20px;
  padding-left: 60px;
  padding-right: 30px;
}
.entrada ul li {
  letter-spacing: -0.2px;
  color: #000;
  font-size: 20px;
  line-height: 31px;
  position: relative;
}
.entrada ul li:before {
  width: 15px;
  height: 2px;
  background-color: #000;
  content: "";
  position: absolute;
  left: -25px;
  top: 12px;
}

@media (max-width: 767px) {
  #gsa-blog.blog h2 {
    text-align: left;
  }
  #gsa-blog.blog .proceso p {
    font-size: 20px !important;
    line-height: 25px !important;
  }
  #gsa-blog.blog .procesobig {
    height: 300px;
  }
  body #gsa-blog.blog {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .entrada h1 {
    font-size: 35px;
    list-style: 35px;
  }
  .entrada span,
  .entrada ul li {
    font-size: 16px;
    list-style: 25px;
  }
  /*#gsa-blog.blog .proceso{ height:307px}
				#gsa-blog.blog .proceso span{ padding-bottom:100px}*/
  /*#gsa-blog.blog .proceso l{ top:auto; bottom:0px; height:150px}
					#gsa-blog.blog .proceso:hover l{ top:auto; bottom:0px; height:150px}
				#gsa-blog.blog .proceso h4{ top:auto; top:170px!important; display:block!Important}
				#gsa-blog.blog .proceso p{ top:auto; top:200px!important}*/
}
@media (max-width: 599px) {
  #gsa-blog.blog .procesobig {
    height: auto;
  }
  #gsa-blog.blog .procesobig span {
    height: 200px;
    width: 100%;
  }
  #gsa-blog.blog .procesobig h4,
  #gsa-blog.blog .procesobig p,
  #gsa-blog.blog .procesobig m,
  #gsa-blog.blog .procesobig h2 {
    width: 100%;
  }
  #gsa-blog.blog .procesobig p {
    min-height: auto;
    margin-bottom: 20px;
  }
}
#gsa-about.noprofiles .gsa-container {
  padding-bottom: 0px !important;
}
#gsa-blog.blog {
  padding: 5em 0;
}
#gsa-about.noprofiles {
  padding: 5em 0;
  padding-bottom: 0px;
}
.noticiarightcontainer h1 {
  color: #3d5266 !important;
}
a.noticiaright {
  width: 100%;
  float: left;
  border-bottom: 1.5px solid rgba(155, 155, 155, 0.29);
  margin-bottom: 15px;
}
a.noticiaright:last-child {
  border-bottom: 0px none;
  margin-bottom: 0px;
}
a.noticiaright h4 {
  color: #c6c6c6;
  font-size: 16px !important;
  line-height: 33px !important;
  margin-bottom: 10px;
}
a.noticiaright p {
  color: #3d5266;
  font-size: 22px !important;
  line-height: 27px !important;
}
a.noticiaright span {
  color: #f45747 !important;
  text-transform: uppercase;
  font-size: 14px !important;
  letter-spacing: 0.86px;
  line-height: 50px;
}

#gsa-hero.comunidad-slider .flexslider .slides {
  background-color: transparent;
}
#gsa-hero.comunidad-slider {
  background: url(../images/pattern-blue.svg);
  padding-top: 7em;
  padding-bottom: 7em;
}
#gsa-hero.comunidad-slider.valores {
  background-image: url(../images/valores.jpg);
  padding-top: 0px;
  padding-bottom: 0px;
  background-position: center center;
}
#gsa-hero.comunidad-slider .flexslider {
  background-color: transparent;
}

@media (max-width: 991px) {
  a.noticiaright p {
    font-size: 16px !important;
    line-height: 22px !important;
  }
}

@media (max-width: 767px) {
  #gsa-hero.comunidad-slider {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

#gsa-blog.blog h5 {
  color: #3d5266;
  font-size: 14px;
  line-height: 30px;
  border-bottom: 1.5px solid #3d5266;
  width: auto;
  text-transform: uppercase;
  height: 30px;
  margin-bottom: 85px;
  margin-left: 25px;
  margin-top: 25px;
  width: auto;
  position: absolute;
  left: 25px;
  top: -85px;
}

@media (max-width: 991px) {
  #gsa-blog.blog h5 {
    top: -75px;
  }
}
@media (max-width: 479px) {
  a.noticiaright:last-child {
    border-bottom: 1.5px solid rgba(155, 155, 155, 0.29);
  }
}

#gsa-about.contacto {
  padding: 5em 0px;
}
.formcontact {
  padding: 0px;
  float: left;
  margin-top: 2vw;
  width: 100%;
}

#gsa-ourwork .formcontact {
  width: 100%;
}
#gsa-ourwork .gsa-container .row {
  margin-left: -15px;
  margin-right: -15px;
}

.formcontact input,
.formcontact textarea,
.formcontact select {
  width: 100%;
  float: left;
  margin-bottom: 2vw;
  border: 0px none;
  padding: 10px;
  color: #231f20;
  background: transparent;
  font-size: 1.3vw;
  outline: none !important;
  transition: 0.1s;
  border-bottom: 1px solid #818181;
}
.capitalize {
  text-transform: capitalize;
}
.formcontact textarea {
  border: 1px solid #818181;
}
.formcontact select {
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
  background-image: url(../images/down-arrow.svg);
  background-position: right + 13px top 13px;
  background-repeat: no-repeat;
  background-size: 20px;
  cursor: pointer;
}
.selectcontainer {
  float: left;
  width: 100%;
  position: relative;
}
.selectcontainer:before {
  width: 45px;
  height: 45px;
  content: "";
  border: 2px solid rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0px;
  right: 0px;
  pointer-events: none;
}
.formcontact textarea {
  height: 120px;
  margin-bottom: 20px;
}
.formcontact input:focus,.formcontact textarea:focus/*,.formcontact input:valid,.formcontact textarea:valid*/ {
  border-color: #000;
}
.formcontact input:placeholder,
.formcontact textarea:placeholder {
  color: #818181;
}
.formcontact label {
  color: #040404;
  font-size: 18px;
  line-height: 26px;
  float: left;
  width: 100%;
  letter-spacing: -0.07px;
  font-weight: 500;
}
.formcontact button {
  border: 0px none;
  color: #fff;
  padding: 10px 100px;
  font-size: 1.3vw;
  background: none;
  float: left;
  transition: 0.1s;
  font-weight: 500;
  background: #231f20;
}

.formcontact button:hover {
  background: #000;
  color: #fff;
}

.contacto .gsa-container .row {
  margin-left: -15px;
  margin-right: -15px;
}

.bgclear.offcanvas .gsa-nav-toggle i {
  background-color: #fff;
}
.bgclear.offcanvas .gsa-nav-toggle.active i,
.bgclear2.offcanvas .gsa-nav-toggle.active i {
  background: 0 0;
}

.bgclear.offcanvas .gsa-nav-toggle i::after,
.bgclear.offcanvas .gsa-nav-toggle i::before,
.bgclear2.offcanvas .gsa-nav-toggle i::after,
.bgclear2.offcanvas .gsa-nav-toggle i::before {
  background: #fff;
}

#gsa-process .proceso div {
  background-color: #3886f7;
  float: left;
  width: 100%;
}
#gsa-process .proceso div span {
  margin-bottom: 0px;
  padding-left: 15px;
}
#gsa-process .proceso div h4,
#gsa-process .proceso div p {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
}
#gsa-process .proceso div h4 {
  font-size: 30px;
  font-weight: bold;
}
#gsa-process .proceso div p {
  margin-bottom: 30px;
  font-weight: 300;
  font-size: 16px;
  min-height: 72px;
}
@media (max-width: 1099px) {
  #gsa-process .proceso div p {
    height: 96px;
  }
}
@media (max-width: 991px) {
  #gsa-process .proceso div p {
    height: 120px;
  }
}
@media (max-width: 767px) {
  #gsa-process .proceso div p {
    height: auto;
  }
  .proceso {
    width: 100%;
    float: left;
    margin-bottom: 40px;
  }
  .proceso:last-child {
    margin-bottom: 0px;
  }
  #gsa-process {
    padding-bottom: 40px;
  }
}
#gsa-process .proceso div a {
  padding-left: 15px;
  padding-right: 15px;
}
#gsa-process .proceso div a i,
#gsa-blog .proceso m i {
  font-size: 10px;
}
#gsa-process .proceso div a:hover {
  background-color: #3d5266;
}

#gsa-blog .slick-prev {
  left: -280px;
  background: url(../images/flechanegra-left.svg) center -20px no-repeat !important;
  height: 44px;
  top: 65%;
}
#gsa-blog.blog .slick-prev {
  left: auto;
  right: 50px;
  top: -65px;
}
#gsa-blog .slick-next {
  left: -230px;
  right: auto;
  background: url(../images/flechanegra.svg) center -20px no-repeat !important;
  height: 44px;
  top: 65%;
}
#gsa-blog.blog .slick-next {
  left: auto;
  right: 0px;
  top: -65px;
}
@media (max-width: 1099px) {
  #gsa-blog .slick-prev {
    left: -240px;
    top: 60%;
  }
  #gsa-blog .slick-next {
    left: -190px;
    top: 60%;
  }
}
@media (max-width: 991px) {
  #gsa-blog .slick-prev {
    left: -190px;
    top: 60%;
  }
  #gsa-blog .slick-next {
    left: -140px;
    top: 60%;
  }
}
@media (max-width: 767px) {
  #gsa-blog .slick-prev {
    left: -30px;
    top: 45%;
  }
  #gsa-blog .slick-next {
    left: auto;
    right: -30px;
    top: 45%;
  }
}
#gsa-blog .slick-prev:hover {
  background-position: center 12px !important;
}
#gsa-blog .slick-next:hover {
  background-position: center 12px !important;
}
#gsa-blog .slick-disabled {
  cursor: default;
  opacity: 0.3;
  pointer-events: none;
}

#gsa-blog .proceso h4 {
  position: static;
  float: left;
  width: 100%;
  color: #9b9b9b;
  margin-bottom: 10px;
  height: auto;
  line-height: 1;
}
#gsa-blog .proceso p {
  position: static;
  float: left;
  width: 100%;
  color: #000000;
  margin-bottom: 10px;
  font-weight: 500;
}
#gsa-blog .proceso m {
  position: static;
  float: left;
  width: 100%;
  color: #3886f7;
}
#gsa-blog .proceso:hover p {
  color: #3886f7;
}

#video-home {
  width: 100%;
  height: 650px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.videocontainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  z-index: 0;
  overflow: hidden;
}
video {
  width: 100%;
  background-size: cover;
}
.pleca-video {
  width: 40%;
  background-color: #f7f7f7;
  height: auto;
  padding: 30px;
  position: relative;
  z-index: 1;
  margin-right: 10%;
}
@media (max-width: 1199px) {
  video {
    height: 100%;
    width: auto;
  }
}
@media (max-width: 1099px) {
  .pleca-video {
    width: 50%;
  }
}
@media (max-width: 767px) {
  video {
    width: 100%;
    height: auto;
  }
  #video-home {
    height: auto;
  }
  #video-home {
    flex-direction: column;
  }
  .videocontainer,
  .pleca-video {
    width: 100%;
    float: left;
    margin: 0px;
    position: static;
  }
}
.pleca-video h1 {
  color: #3d5266;
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 25px;
  font-weight: 400;
}
.pleca-video h1:before {
  width: 35px;
  height: 3px;
  background-color: #3d5266;
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.pleca-video p {
  color: #777;
  font-size: 16px;
}

#gsa-ourwork p {
  color: #fff;
  font-size: 34px;
  line-height: 40px;
  text-align: left;
  font-weight: 500;
  margin-top: 100px;
  margin-bottom: 0px;
  float: left;
}

@media (max-width: 767px) {
  #gsa-ourwork p {
    margin-top: 0px;
    margin-bottom: 50px;
    width: 100%;
    text-align: center;
  }
  #gsa-ourwork .gsa-heading h2 {
    text-align: center !important;
    margin-bottom: 30px;
  }
  #gsa-ourwork {
    padding-bottom: 15px;
  }
}

@media (max-width: 991px) {
  .gsa-container .socioscontainer {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 767px) {
}
#gsa-servicios {
  padding-top: 0px;
  background: #f7f7f7;
  padding-bottom: 7em;
  float: left;
  width: 100%;
}
.item-producto {
  background: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-top: 2vw;
  padding-bottom: 2vw;
}
.bgclear .item-producto {
  border-bottom: 1px solid #000;
}
.main-selector {
  width: 100%;
  float: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  position: relative;
  padding-right: 80px;
}
.main-selector span {
  height: 115px;
  margin-right: 20px;
  width: 150px;
  background-position: center;
  background-size: cover;
}
.main-selector h1 {
  color: #000;
  margin-bottom: 0px;
  font-size: 30px;
}
.main-selector .arrow {
  position: absolute;
  width: 40px;
  top: -2px;
  right: 0px;
  transition: 0.15s;
}
@media (max-width: 767px) {
  .main-selector h1 {
    font-size: 25px;
    width: calc(100% - 150px);
  }
  .main-selector .arrow {
    width: 30px;
    top: 0px;
  }
  .textoizquierda {
    padding-top: 0px;
  }
}
@media (max-width: 499px) {
  .main-selector h1 {
    font-size: 19px;
  }
  .main-selector .arrow {
    width: 20px;
    top: 5px;
  }
  .main-selector {
    padding-right: 60px;
  }
}

.active .main-selector .arrow {
  transform: rotate(-180deg);
}

.enfocamos {
  width: 100%;
  border-bottom: 1px solid #000;
  padding-bottom: 20px;
  float: left;
}
.enfocamos h1 {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 0px;
  position: relative;
  padding-left: 30px;
}
.enfocamos h1:before {
  width: 20px;
  height: 2px;
  background-color: #000;
  position: absolute;
  content: "";
  left: 0px;
  top: 9px;
}

#gsa-about.somos h1 {
  text-transform: none !important;
  font-weight: 500;
  font-size: 28px !important;
  list-style: 50px !important;
  float: left;
  width: 100%;
}
#gsa-about.somos p {
  font-weight: 500;
  float: left;
  width: 100%;
}

.contacto .formcontact input,
.contacto .formcontact textarea {
  resize: none;
}

.alianzascontainer {
  background: #f7f7f7;
  float: left;
  width: 100%;
}
.alianzascontainer .textoizquierda {
  background: #f7f7f7;
}
.alianzascontainer .textoderecha {
  background: #ffffff;
}
.alianzascontainer .textoizquierda span {
  width: calc(100% - 50px);
  max-width: 485px;
  margin-right: 50px;
  color: #3d5266;
  text-align: left;
  font-size: 24px;
  line-height: 32px;
  float: right;
  font-weight: 500;
  margin-right: 0px;
}
.alianzascontainer .textoderecha span {
  width: calc(100% - 50px);
  max-width: 485px;
  margin-left: 50px;
  color: #3d5266;
  text-align: left;
  font-size: 17px;
  line-height: 32px;
  float: left;
  margin-left: 0px;
}
.alianzascontainer .textoderecha span p {
  width: 100%;
  float: left;
  margin-top: 20px;
}
.alianzascontainer .textoderecha span p h {
  float: left;
  width: calc(50% - 30px);
  margin-right: 30px;
}
.alianzascontainer .textoderecha span p h img,
.alianzascontainer .textoderecha span p h a {
  float: left;
  width: 100%;
}
.alianzascontainer .textoderecha span p k {
  float: right;
  width: 50%;
}
.alianzascontainer .textoderecha span p h a {
  color: #808081;
  font-size: 16px;
  line-height: 26px;
  margin-top: 10px;
}
.alianzascontainer .textoderecha span p h a:hover {
  text-decoration: underline;
}

@media (max-width: 1129px) {
  .alianzascontainer .textoizquierda span {
    width: calc(100% - 80px);
    margin-left: 40px;
    margin-right: 40px;
  }
  .alianzascontainer .textoderecha span {
    width: calc(100% - 80px);
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (max-width: 991px) {
  .alianzascontainer .textoizquierda {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 40px;
    padding-bottom: 0px;
  }
  .alianzascontainer .textoizquierda span {
    max-width: 100%;
    margin-bottom: 0px;
  }
  .alianzascontainer .textoderecha {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .alianzascontainer .textoderecha span {
    max-width: 100%;
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .alianzascontainer .textoderecha span p k {
    font-size: 14px;
    width: 60%;
    letter-spacing: -0.3pt;
  }
  .alianzascontainer .textoderecha span p h {
    width: calc(40% - 30px);
  }
}
.tabs {
  width: 100%;
  display: flex;
}
.nothome .tabs {
  justify-content: space-around;
  background-color: #012a4c;
}
.tabs .tab {
  text-align: center;
  background: #012a4c;
  padding-top: 15px;
}
.tabs .tab.tab-selected {
  background: #071931;
}
.nothome .tabs .tab.tab-selected {
  background: #012a4c;
}
.tabs.twochild .tab {
  width: 50%;
}
.nothome .tabs.twochild .tab {
  width: auto;
}
.tabs .tab span {
  color: #fff;
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  padding-bottom: 15px;
  display: inline-block;
  border-bottom: 3px solid #012a4c;
}
.tabs .tab.tab-selected span,
.tabs .tab:hover span {
  border-bottom: 3px solid #ef5a1b;
  font-weight: 700;
}

.producto {
  float: left;
}
.producto div {
  float: left;
  width: 100%;
}
.producto div h4 {
  float: left;
  width: 100%;
  text-align: center;
  color: #012a4c;
  font-size: 37px;
  line-height: 45px;
  font-weight: 500;
  letter-spacing: -0.13px;
  margin-bottom: 15px;
}
@media (max-width: 1129px) {
  .producto div h4 {
    font-size: 32px;
  }
}
.producto div em {
  float: left;
  width: 100%;
  text-align: center;
  color: #828282;
  letter-spacing: -0.04px;
  font-size: 11px;
  line-height: 13px;
  font-weight: 500;
  text-transform: uppercase;
  font-style: normal;
}
.producto div tags {
  float: left;
  width: 100%;
  display: flex;
  margin-top: 12px;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.producto div tags tag {
  color: #012a4c;
  font-size: 13px;
  line-height: 16px;
  color: -0.05px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 9px;
  padding-bottom: 10px;
  border-radius: 100px;
  background: #d4ecff;
  margin-right: 5px;
  margin-left: 5px;
}
.producto div a {
  float: left;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.producto div a span {
  float: left;
  width: 100%;
  background-size: cover;
  background-position: top center;
  height: 380px;
  border: 2px solid #ccc;
  border-bottom: 0px none;
  border-radius: 8px 8px 0px 0px;
  transition: 0.15s;
}
@media (max-width: 1299px) {
  .producto div a span {
    height: 300px;
  }
}
@media (max-width: 1129px) {
  .producto div a span {
    height: 250px;
  }
}
@media (max-width: 991px) {
  .producto div a span {
    height: 300px;
  }
  .producto {
    margin-bottom: 20px;
  }
  .productos .browselink {
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .producto {
    width: 100%;
  }
}
.producto div a:hover span {
  border-color: #012a4c;
}
.producto div a b {
  float: left;
  height: 59px;
  width: 100%;
  text-align: center;
  line-height: 59px;
  background: #012a4c;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.07px;
}
.browselink {
  margin-top: 70px;
  float: left;
  width: 100%;
}
.browselink a {
  color: #012a4c;
  font-size: 18px;
  line-height: 22px;
  text-decoration: underline;
  font-weight: 700;
}
.browselink a:hover {
  color: #ef5a1b;
}
#gsa-inside {
  background: #fff;
}
.nothome #gsa-inside,
#gsa-memberships {
  background: #efefef;
}
.inside {
  float: left;
}
#gsa-inside h4 {
  font-weight: 500;
  font-size: 25px;
  line-height: 29px;
  min-height: 58px;
  color: #000;
  letter-spacing: -0.09px;
  float: left;
  width: 100%;
  margin-bottom: 17px;
}
#gsa-inside p {
  color: #808080;
  font-size: 15px;
  line-height: 24px;
  float: left;
  width: 100%;
}
#gsa-inside img {
  float: left;
  height: 90px;
  margin-bottom: 28px;
}
@media (max-width: 991px) {
  .inside {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .inside {
    width: 100%;
  }
  #gsa-inside h4 {
    min-height: auto;
    text-align: center;
  }
  #gsa-inside .inside div {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  #gsa-inside p {
    text-align: center;
  }
}
#gsa-cta {
  padding-top: 110px;
  padding-bottom: 110px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#gsa-cta:after {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 0px;
  left: 0px;
  content: "";
}
#gsa-cta .row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 1;
  position: relative;
}
#gsa-cta h2 {
  color: #000;
  font-size: 22px;
  line-height: 26px;
  letter-spacing: -0.18px;
  margin-bottom: 9px;
  font-weight: 500;
  text-align: center;
}
#gsa-cta h5 {
  color: #000;
  font-size: 55px;
  line-height: 58px;
  letter-spacing: -1.25px;
  margin-bottom: 30px;
  text-align: center;
}
#gsa-cta a {
  background: #ef5a1b;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  line-height: 40px;
  height: 40px;
  padding-left: 70px;
  padding-right: 70px;
  border-radius: 4px;
}
#gsa-cta a:hover {
  background-color: #012a4c;
}
.subbelowfooter {
  width: 100%;
  height: 0px;
  float: left;
  background: #eceeec;
  overflow: hidden;
}
.subbelowfooter .row {
  display: flex;
  padding-top: 50px;
  padding-bottom: 50px;
  align-items: center;
}
.subbelowfooter span {
  color: #012a4c;
  font-size: 37px;
  line-height: 1.5;
  width: 50%;
  margin-right: 20%;
  font-weight: 500;
}
.subbelowfooter span b {
  color: #ef5a1b;
}
.subbelowfooter img {
  width: 30%;
}
.subbelowfooter.open {
  height: auto;
}
@media (max-width: 1130px) {
  .subbelowfooter span {
    font-size: 27px;
  }
}
@media (max-width: 991px) {
  .subbelowfooter span {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .subbelowfooter .row {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .subbelowfooter span {
    font-size: 20px;
    margin-right: 15%;
  }
  .subbelowfooter img {
    width: 35%;
  }
}
@media (max-width: 600px) {
  .subbelowfooter span {
    font-size: 16px;
    margin-right: 10%;
    width: 55%;
    line-height: 1.35;
  }
  .subbelowfooter img {
    width: 35%;
  }
}
.open .gototop a img {
  transform: rotate(180deg);
}

#gsa-blog {
  background: #012a4c;
}
#gsa-blog h6 {
  color: #fff;
  font-size: 100px;
  line-height: 94px;
  margin-bottom: 82px;
}
#gsa-blog h7 {
  color: #fff;
  font-size: 38px;
  line-height: 46px;
  margin-bottom: 0px;
  letter-spacing: -0.14px;
}

.blog a {
  width: 100%;
  float: left;
}
.blog a span {
  float: left;
  width: 100%;
  height: 240px;
  margin-bottom: 15px;
  background-size: cover;
  background-position: center top;
}
.blog a h8 {
  color: #e9e9e9;
  font-weight: 500;
  font-size: 25px;
  float: left;
  width: 100%;
  letter-spacing: -0.09px;
  margin-bottom: 10px;
}
.blog a h8 k {
  float: right;
}
.blog a symbol {
  color: #012a4c;
  font-weight: 500;
  font-size: 13.51px;
  line-height: 32px;
  letter-spacing: -0.05px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 100px;
  background: #d4ecff;
  float: left;
}
@media (max-width: 991px) {
  .blog {
    margin-bottom: 20px;
  }
  #gsa-blog h6 {
    margin-bottom: 60px;
  }
  #gsa-blog h7 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .blog {
    float: left;
    width: 100%;
  }
}
#gsa-sustain {
  background: #071931;
}
#gsa-sustain .gsa-heading {
  margin-bottom: 7em;
}
#gsa-sustain h3 {
  font-size: 38px;
  line-height: 46px;
  color: #fff;
  letter-spacing: -0.31px;
  margin-top: 13px;
  width: 100%;
  margin-bottom: 19px;
  display: block;
}
#gsa-sustain p {
  color: #e9e9e9;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.07px;
  width: 100%;
  margin-bottom: 25px;
  display: block;
}
#gsa-sustain a {
  color: #ef5a1b;
  font-size: 18px;
  line-height: 22px;
  display: block;
  letter-spacing: -0.07px;
}
#gsa-sustain a k {
  text-decoration: underline;
  font-weight: 700;
}
#gsa-sustain h1 {
  display: block;
  font-size: 74px;
  color: #fff;
  font-weight: 300;
  line-height: 72px;
  letter-spacing: -2.15px;
  margin-bottom: 0px;
}
#gsa-sustain .row {
  position: relative;
}
#gsa-sustain h1 b {
  font-weight: 300;
  color: #ef5a1b;
}
.sustain-svg {
  position: absolute;
  right: 0px;
  height: 100%;
  transition: 0.15s;
}
.sustain-svg .ball {
  width: 20%;
  padding-bottom: 20%;
  display: flex;
  white-space: nowrap;
  color: #fff;
  position: absolute;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 2;
}
.sustain-svg .ball:before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  background: #012a4c;
  top: 0px;
  left: 0px;
  border-radius: 100%;
  transition: 0.15s;
}
.sustain-svg .ball:hover:before {
  transform: scale(1.2);
}
.sustain-svg .ball:hover span {
  font-size: 1.25vw;
  font-weight: 500;
}
.sustain-svg .ball:hover span {
  color: #ef5a1b;
  cursor: default;
}
.sustain-svg .ball span,
.sustain-svg .ballcenter span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 1.1vw;
  transition: 0.15s;
}
@media screen and (min-width: 1600px) {
  .sustain-svg .ball span,
  .sustain-svg .ballcenter span {
    font-size: 16px;
  }
}
.sustain-svg .ball.ball1 {
  left: 20%;
}
.sustain-svg .ball.ball2 {
  left: 60%;
}
.sustain-svg .ball.ball3 {
  left: 0%;
  top: 40%;
}
.sustain-svg .ball.ball4 {
  left: 80%;
  top: 40%;
}
.sustain-svg .ball.ball5 {
  left: 20%;
  top: 80%;
}
.sustain-svg .ball.ball6 {
  left: 60%;
  top: 80%;
}
.sustain-svg .ballcenter {
  width: 20%;
  padding-bottom: 20%;
  border-radius: 100%;
  display: flex;
  white-space: nowrap;
  color: #fff;
  position: absolute;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: 0.15s;
  border: 1px solid #ef5a1b;
  top: 40%;
  left: 40%;
}
.sustain-svg .ballcenter:after {
  content: "";
  width: 120%;
  padding-bottom: 120%;
  border-radius: 100%;
  border: 1px solid #012a4c;
  position: absolute;
  left: calc(-10% - 1px);
  top: calc(-10% - 1px);
}
.sustain-svg .ballcenter:before {
  content: "";
  width: 140%;
  padding-bottom: 140%;
  border-radius: 100%;
  border: 1px solid #012a4c;
  position: absolute;
  left: calc(-20% - 1px);
  top: calc(-20% - 1px);
}
.sustain-svg .ballcenter span {
  font-size: 1.2vw;
}
.sustain-svg .ball img {
  width: 40%;
  position: absolute;
  transition: 0.15s;
  opacity: 0;
}
.sustain-svg .ball:hover img {
  display: block;
  width: 50%;
  opacity: 1;
}
.sustain-svg .ball.ball1 img {
  top: -25%;
  right: -50%;
}
.sustain-svg .ball.ball2 img {
  top: 65%;
  right: -75%;
}
.sustain-svg .ball.ball4 img {
  top: 120%;
  right: 5%;
}
.sustain-svg .ball.ball6 img {
  top: 75%;
  left: -65%;
}
.sustain-svg .ball.ball5 img {
  top: -25%;
  left: -75%;
}
.sustain-svg .ball.ball3 img {
  top: -55%;
  left: 20%;
}
.sustain-svg .flecha {
  position: absolute;
  width: 20%;
  z-index: 1;
}
.sustain-svg .flecha.flecha1 {
  top: 5%;
  left: 40%;
}
.sustain-svg .flecha.flecha2 {
  top: 26%;
  left: 72.5%;
  transform: rotate(60deg) !important;
}
.sustain-svg .flecha.flecha3 {
  top: 72.5%;
  left: 73%;
  transform: rotate(120deg) !important;
}
.sustain-svg .flecha.flecha4 {
  top: 95%;
  left: 40%;
  transform: rotate(180deg) !important;
}
.sustain-svg .flecha.flecha5 {
  top: 72.5%;
  left: 6%;
  transform: rotate(240deg) !important;
}
.sustain-svg .flecha.flecha6 {
  top: 26%;
  left: 6%;
  transform: rotate(300deg) !important;
}
@media (max-width: 1299px) {
  .gsa-sustain-text {
    width: 50%;
  }
  .sustain-svg {
    width: 55%;
  }
}
@media (max-width: 1099px) {
  #gsa-sustain h1 {
    font-size: 54px;
    line-height: 52px;
  }
  #gsa-sustain .gsa-heading {
    margin-bottom: 5em;
  }
}
@media (max-width: 991px) {
  .sustain-svg {
    width: 60%;
    right: 0%;
    height: 380px;
    top: 12.5%;
  }
  #gsa-sustain p {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .gsa-sustain-text {
    width: 100%;
  }
  .sustain-svg {
    width: 400px;
    position: relative;
    float: left;
    height: 350px;
    margin-left: calc(50% - 200px);
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .sustain-svg .ball span,
  .sustain-svg .ballcenter span {
    font-size: 10px;
  }
  .sustain-svg .ball:hover span {
    font-size: 12px;
  }
}
@media (max-width: 400px) {
  .sustain-svg {
    width: 349px;
    margin-left: calc(50% - 174.5px);
    height: 300px;
  }
}
.oncontacto .gsa-section-overflow {
  margin-top: 76.14px;
}

#gsa-about.contacto {
  background: #efefef;
}
#gsa-about.contacto h2 {
  font-size: 25px;
  line-height: 26px;
  letter-spacing: -0.09px;
  color: #012a4c;
  margin-bottom: 34px;
  border-bottom: 0px none;
  padding-bottom: 0px;
  font-weight: 500;
}
#gsa-about.contacto h1 {
  font-size: 100px;
  line-height: 94px;
  letter-spacing: 0.72px;
  color: #012a4c;
  margin-bottom: 117px;
  text-transform: uppercase;
  white-space: nowrap;
}
#gsa-about.contacto span {
  font-size: 22px;
  line-height: 29px;
  letter-spacing: -0.08px;
  color: #012a4c;
  font-weight: 500;
  margin-bottom: 40px;
  float: left;
  width: 100%;
}
#gsa-about.contacto a {
  width: 100%;
  color: #012a4c;
  font-size: 22px;
  line-height: 29px;
  letter-spacing: -0.08px;
  display: block;
}
#gsa-about.contacto a:hover {
  text-decoration: underline;
}

.encabezado {
  margin-bottom: 50px;
}
.encabezado h1 {
  font-size: 100px;
  line-height: 94px;
  letter-spacing: 0.72px;
  color: #012a4c;
  margin-bottom: 0px;
  text-transform: uppercase;
  white-space: nowrap;
}
.encabezado img {
  float: right;
  width: 70%;
}
.encabezado .row {
  display: flex;
  align-items: center;
  justify-content: center;
}
.articles {
  float: left;
  width: 100%;
  margin-top: -40px;
}
.article {
  margin-bottom: 30px;
}
.article span {
  float: left;
  background-size: cover;
  background-position: center top;
  height: 240px;
  width: 100%;
}
infoarticle {
  float: left;
  padding-left: 15px;
  border-left: 1px solid #ccc;
  margin-top: 17px;
}
titlearticle {
  color: #040404;
  font-size: 25px;
  line-height: 26px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  letter-spacing: -0.5px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
typearticle {
  color: #939393;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 15px;
  float: left;
  width: 100%;
}
textarticle {
  color: #000;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 15px;
  float: left;
  width: 100%;
  margin-bottom: 33px;
  min-height: 154px;
  transitionext-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.article a {
  color: #ef5a1b;
  font-size: 16px;
  line-height: 19px;
  display: block;
  letter-spacing: -0.07px;
  float: left;
}
.article a k {
  text-decoration: underline;
  font-weight: 700;
}
@media screen and (max-width: 992px) {
  #gsa-hero .flexslider .display-cell h1,
  #gsa-blog h6,
  #gsa-about.contacto h1,
  .encabezado h1 {
    font-size: 80px;
    line-height: 74px;
  }
  .encabezado .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media screen and (max-width: 991px) {
  .articles {
    margin-top: 0px;
  }
}
@media screen and (max-width: 730px) {
  #gsa-hero .flexslider .display-cell h1,
  #gsa-blog h6,
  #gsa-about.contacto h1,
  .encabezado h1 {
    font-size: 70px;
    line-height: 64px;
  }
  .encabezado img {
    width: 120%;
  }
}
@media screen and (max-width: 600px) {
  .encabezado .row {
    display: block;
  }
  .encabezado img {
    width: 50%;
    margin-top: 20px;
    margin-right: 25%;
  }
}
@media screen and (max-width: 374px) {
  #gsa-hero .flexslider .display-cell h1,
  #gsa-blog h6,
  #gsa-about.contacto h1,
  .encabezado h1 {
    font-size: 60px;
    line-height: 54px;
  }
}
.contact-leftside {
  background: url(../images/contact.svg) bottom right no-repeat;
  background-size: 50%;
}
@media screen and (max-width: 1299px) {
  .contact-leftside {
    width: calc(50% - 30px);
    float: left;
  }
}
@media screen and (max-width: 1099px) {
  .contact-leftside {
    width: calc(60% - 20px);
    background-size: 40%;
  }

  .formcontact button {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .contact-leftside {
    width: 100%;
  }

  .contacto .gsa-container .rowmain {
    margin-left: 0px;
    margin-right: 0px;
  }
  #gsa-about.contacto h1 {
    margin-bottom: 50px;
  }
  #gsa-about.contacto {
    padding-top: 3em;
    padding-bottom: 3em;
  }
}

.plates {
  padding-top: 0px !important;
}
.productoslist {
  padding-bottom: calc(5em - 20px) !important;
}
.productoslist h8 {
  font-size: 22px;
  line-height: 26px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #000;
  color: #000;
  font-weight: 500;
  letter-spacing: -0.18px;
  width: 100%;
  float: left;
}
.productoslist filters {
  width: 100%;
  float: left;
  margin-bottom: 117px;
}
.productoslist filter {
  float: left;
}
.productoslist filters label {
  float: left;
  color: #939393;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.13px;
  font-weight: 500;
  margin-right: 20px;
}
.productoslist filters .selectcontainerx {
  float: left;
  margin-right: 100px;
}
.productoslist filters .selectcontainerx select {
  background: transparent;
  border: 0px none;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: #000;
  outline: none;
}
.los-products {
  float: left;
  width: 100%;
  background-position: bottom + 30px left;
  background-repeat: no-repeat;
}
.los-products h2 {
  float: left;
  color: #012a4c;
  font-size: 68px !important;
  line-height: 60px;
  margin-bottom: 26px;
  width: 100%;
  letter-spacing: -1.97px;
  font-weight: 300;
}
.los-products p {
  color: #858585;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.07px;
  float: left;
  width: 100%;
}
.products-straws {
  background-image: url(../images/straws.svg);
  background-size: 55%;
}
.products-utensils {
  background-image: url(../images/utensils.svg);
  background-size: 30%;
}

.producto-item {
  float: right;
  margin-bottom: 30px;
}
.producto-item div {
  float: left;
  border-radius: 8px;
  border: 2px solid #ccc;
  width: 100%;
}
.producto-item div span {
  width: 70%;
  padding-bottom: 70%;
  border-radius: 100%;
  float: left;
  margin-left: 15%;
  background-size: cover;
  background-position: center center;
  margin-top: 24px;
  margin-bottom: 24px;
}
.producto-item div h4 {
  width: 60%;
  padding-left: 10%;
  font-size: 42px;
  line-height: 51px; /*min-height: 102px;*/
  color: #071931;
  float: left;
  font-weight: 500;
}
.products-straws div h4 {
  min-height: 51px;
}
.producto-item div em {
  width: 40%;
  padding-left: 0%;
  font-size: 8.86px;
  line-height: 11px;
  color: #828282;
  float: left;
  font-style: normal;
  text-transform: uppercase;
  font-weight: 500;
}
.producto-item div em tag {
  float: left;
  width: 100%;
  margin-top: 9px;
  color: #071931;
  font-size: 24px;
  line-height: 29px;
  text-transform: none;
  font-weight: 500;
}
.producto-item div a.spec {
  width: 50%;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  color: #ef5a1b;
  font-size: 14px;
  line-height: 40px;
  float: left;
  font-weight: 500;
  text-align: center;
}
.producto-item div a.info {
  width: 50%;
  border-top: 2px solid #ccc;
  color: #939393;
  font-size: 14px;
  line-height: 40px;
  float: left;
  font-weight: 500;
  text-align: center;
}
.producto-item div a:hover {
  text-decoration: underline;
}

.productoslistwhite {
  background: #fff !important;
}
.productoslistgrey {
  background: #e9e9e9 !important;
}
.products-straws .producto-item div {
  background: #fff;
}
.products-utensils .producto-item div {
  background: #e9e9e9;
}
@media screen and (max-width: 991px) {
  .productoslist filters {
    margin-bottom: 50px;
  }
  .los-products {
    background-position: top + 20px right + 20px;
    background-size: 15%;
  }
  .los-products p {
    padding-right: 20%;
  }
}
@media screen and (max-width: 767px) {
  .productoslist filters .selectcontainerx {
    margin-right: 50px;
  }
  .nothome .tabs .tab span {
    font-size: 17px;
  }
}
@media screen and (max-width: 600px) {
  .los-products h2 {
    font-size: 45px !important;
  }
  .nothome .tabs .tab span {
    font-size: 16px;
  }
}
@media screen and (max-width: 400px) {
  .los-products p {
    padding-right: 0%;
  }
  .nothome .tabs .tab span {
    font-size: 13px;
  }
}
.los-products .row {
  margin-left: -15px;
  margin-right: -15px;
}

frases {
  width: 120%;
  float: left;
  display: flex;
  margin-bottom: 20px;
}
frase {
  width: 50%;
  padding-right: 20px;
}
frase b {
  font-size: 15px;
  font-weight: 700;
  float: left;
  width: 100%;
  margin-bottom: 20px;
  color: #e9e9e9;
}
frase texto {
  float: left;
  width: 100%;
  color: #e9e9e9;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.1px;
}
@media screen and (max-width: 1299px) {
  frases {
    width: calc(100% - 10px);
  }
  frase texto {
    font-size: 12px;
    line-height: 18px;
  }
  .nothome .sustain-svg {
    height: 520px;
    right: -20px;
  }
}
@media screen and (max-width: 1099px) {
  .nothome .sustain-svg {
    height: 450px;
    right: 0px;
    top: 20px;
  }
}
@media screen and (max-width: 991px) {
  .nothome .sustain-svg {
    height: 380px;
    right: -30px;
    top: 120px;
  }
}
@media screen and (max-width: 767px) {
  .nothome .sustain-svg {
    height: 350px;
    right: auto;
    top: auto;
  }
}
.nothome .tabs {
  background: #071931;
}
.nothome .tabs .tab {
  background: #071931 !important;
}
.nothome .tabs .tab span {
  border-bottom: 3px solid #071931;
}
.nothome .tabs .tab-selected span,
.nothome .tabs .tab:hover span {
  border-bottom: 3px solid #ef5a1b;
}
.graficacontainer img {
  width: 100%;
  float: left;
  margin-bottom: 14px;
  margin-top: 21px;
}
titulografica {
  color: #fff;
  font-size: 14px;
  width: 100%;
  text-align: center;
  line-height: 20px;
  letter-spacing: -0.05px;
  float: left;
}
creditosgrafica {
  color: #afafaf;
  font-size: 10px;
  float: left;
  width: 100%;
  letter-spacing: -0.04px;
  text-align: center;
}
#gsa-strategy {
  background: #012a4c;
}
#gsa-strategy .gsa-heading {
  margin-bottom: 0px;
}
#gsa-strategy h2 {
  color: #fff;
  margin-bottom: 40px;
  float: left;
  width: 100%;
}
#gsa-strategy h3 {
  color: #ffffff;
  font-size: 55px;
  line-height: 60px;
  float: left;
  width: 100%;
  letter-spacing: -2.5px;
  margin-bottom: 10px;
}
#gsa-strategy h3 b {
  color: #ef5a1b;
  font-weight: 500;
}
#gsa-strategy p {
  color: #ffffff;
  font-size: 17px;
  line-height: 28px;
  letter-spacing: -0.06px;
  float: left;
  width: 100%;
}
#gsa-strategy .row {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1299px) {
  #gsa-strategy h3 {
    font-size: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 991px) {
  #gsa-strategy .row {
    display: block;
  }
  .graficacontainer {
    margin-top: 30px;
  }
}

.aboutuspage #gsa-hero {
  height: 660px;
}
.aboutuspage #gsa-hero .gsa-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.datos {
  float: right;
  width: 42%;
}
.datorow {
  width: 100%;
  float: left;
  margin-top: 70px;
}
.dato {
  width: calc(50% - 20px);
  float: left;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  padding-top: 10px;
  margin-right: 20px;
}
.dato titulo {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: #e9e9e9;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.dato numero {
  font-size: 100px;
  font-weight: 400;
  line-height: 94px;
  color: #e9e9e9;
  float: left;
  width: 100%;
  letter-spacing: -2.9px;
}
#gsa-cta.sugarcanned h2 {
  color: #fff !important;
}
#gsa-cta.sugarcanned h5 {
  color: #fff !important;
  margin-bottom: 0px !important;
}
#gsa-cta.sugarcanned h5 b {
  color: #ef5a1b !important;
  font-weight: 500;
}
#gsa-cta.sugarcanned:after {
  background: rgba(7, 25, 49, 0.4);
}

#gsa-quality {
  background: #071931;
  padding-top: 5em;
  padding-bottom: 5em;
}
#gsa-quality h2 {
  color: #fff;
  font-size: 17px;
  line-height: 24px;
  font-weight: 300;
}
.bolas {
  width: 100%;
  float: left;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
.bola {
  width: 17%;
  padding-bottom: 17%;
  border-radius: 100%;
  position: relative;
}
.bola:before {
  width: 100%;
  left: 100%;
  height: 1px;
  border-top: 1px dashed #fff;
  top: 50%;
  content: "";
  position: absolute;
  z-index: 0;
}
.bola:after {
  width: 100%;
  padding-bottom: 100%;
  border: 1px solid #fff;
  border-radius: 100%;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  transition: 0.15s;
  z-index: 1;
  background: #071931;
}
.bola:hover:after {
  transform: scale(1.2);
}
.bola:hover span {
  font-size: 1.7vw;
  color: #ef5a1b;
}
.bola:last-child:before {
  display: none;
}
.bola span {
  color: #fff;
  font-size: 1.5vw;
  line-height: 1.4;
  letter-spacing: -0.09px;
  font-weight: 500;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  z-index: 2;
  transition: 0.15s;
  cursor: default;
}

@media screen and (max-width: 1299px) {
  .dato titulo {
    font-size: 13px;
  }
  .dato numero {
    font-size: 90px;
    line-height: 84px;
  }
}
@media screen and (max-width: 1099px) {
  .dato numero {
    font-size: 80px;
    line-height: 74px;
  }
  .datos {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .aboutuspage #gsa-hero {
    height: auto;
  }
  .aboutuspage #gsa-hero .flexslider .display-cell h1 {
    margin-top: 76px;
  }
  .aboutuspage #gsa-hero .gsa-container {
    display: block;
  }
  .datos {
    width: 100%;
    margin-bottom: 70px;
  }
  .dato numero {
    font-size: 70px;
    line-height: 64px;
  }
  #gsa-cta.sugarcanned h5 {
    font-size: 35px;
    line-height: 40px;
    letter-spacing: -2px;
  }
  #gsa-quality h2 br {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .bolas {
    display: block;
  }
  .bola {
    width: 140px;
    padding-bottom: 0px;
    height: 140px;
    margin-left: calc(50% - 70px);
    margin-bottom: 60px;
  }
  .bola span {
    font-size: 14px;
  }
  .bola:hover span {
    font-size: 18px;
  }
  .bola:before {
    width: 1px;
    height: 60px;
    border-right: 1px dashed #fff;
    border-top: 0px none;
    top: 100%;
    left: 50%;
  }
}
#gsa-memberships h2 {
  color: #012a4c;
  font-size: 22px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: -0.18px;
  margin-bottom: 60px;
}
.memberships {
  float: left;
  width: 100%;
  padding-bottom: 40px;
}
.membership {
  width: 100%;
  float: left;
}
.membership span {
  width: 45%;
  padding-bottom: 45%;
  float: left;
  border-radius: 100%;
  background-position: center center;
  background-size: cover;
}
information {
  float: left;
  width: calc(50% - 30px);
  text-align: left;
  margin-left: 30px;
}
informationtitulo {
  float: left;
  width: 100%;
  color: #012a4c;
  font-size: 25px;
  line-height: 27px;
  font-weight: 500;
  margin-bottom: 5px;
}
tipomiembro {
  color: #ef5a1b;
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 10px;
}
informationdescripcion {
  font-size: 15px;
  line-height: 22px;
  color: #525050;
  font-weight: 300;
  letter-spacing: -0.05px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
information a {
  color: #000;
  font-size: 16px;
  line-height: 22px;
  display: block;
  letter-spacing: -0.07px;
}
information a k {
  text-decoration: underline;
  font-weight: 700;
}
information a:hover {
  color: #ef5a1b;
}
.slick-dots li button:before {
  background: transparent;
  opacity: 1;
  border: 1px solid #ccc;
  width: 12px;
  height: 12px;
}
.slick-dots li.slick-active button:before {
}

.slick-dots li button {
  width: 12px;
  height: 12px;
}
@media screen and (max-width: 1299px) {
  informationdescripcion {
    font-size: 14px;
    line-height: 19px;
  }
}
.slickarrows {
  position: absolute;
  bottom: -11px;
  width: 100%;
}
.slicknext {
  position: absolute;
  right: calc(50% - 100px);
  cursor: pointer;
  color: #939393;
  font-size: 15px;
  line-height: 18px;
  z-index: 2;
}
.slickprev {
  position: absolute;
  left: calc(50% - 130px);
  cursor: pointer;
  color: #939393;
  font-size: 15px;
  line-height: 18px;
  z-index: 2;
}
.slicknext:hover,
.slickprev:hover {
  color: #ef5a1b;
  text-decoration: underline;
}
@media screen and (max-width: 991px) {
  .slicknext {
    right: calc(50% - 115px);
  }
  .slickprev {
    left: calc(50% - 170px);
  }
  .slicknext,
  .slickprev {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  #gsa-memberships {
    padding-bottom: calc(3em + 50px);
  }
}
@media screen and (max-width: 475px) {
  .membership span {
    width: 80%;
    padding-bottom: 80%;
    margin-bottom: 30px;
    margin-left: 10%;
  }
  information {
    width: 100%;
    margin-left: 0px;
    text-align: center;
  }
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
			                                  supported by Chrome, Edge, Opera and Firefox */
}
.nothome .tabs .gsa-container {
  padding-left: 0px;
  padding-right: 0px;
}
.nothome .tabs .gsa-container .row {
  display: flex;
  justify-content: space-between;
}
.nothome .tabs .gsa-container .row a {
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 475px) {
  .nothome .tabs .gsa-container .row a {
    margin-left: 5px;
    margin-right: 5px;
  }
}
.mt76 {
  margin-top: 76px;
}

#latest-articles {
  background: #efefef;
  padding: 5em 0;
}
.pagination a {
  color: #939393;
}
.pagination a.prev,
.pagination a.next {
  display: inline-block;
  line-height: 14px;
  height: 14px;
  margin-left: 10px;
  margin-right: 10px;
}
.pagination a k {
  float: left;
}
.pagination a:hover {
  color: #ef5a1b;
  text-decoration: underline;
}
.pagination__number {
  margin-left: 5px;
  margin-right: 5px;
}
.pagination__number.active {
  width: 14px;
  height: 14px;
  border-radius: 14px;
  border: 1px solid #ef5a1b;
  background: #ef5a1b;
  display: inline-block;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
.pagination__number a {
  text-indent: 100%;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  border: 1px solid #ccc;
  background: #efefef;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
.pagination__number a:hover {
  border: 1px solid #ef5a1b;
  background: #ef5a1b;
}
.banstitle {
  color: #e9e9e9;
  font-size: 22px;
  line-height: 100px;
  letter-spacing: -0.18px;
  font-weight: 500;
  background: #071931;
  float: left;
  width: 100%;
  text-align: center;
}
#bans-mandates {
  width: 100%;
  display: block;
}
#bans-mandates .tabs {
  background: #012a4c !important;
  position: static;
  border-bottom: 3px solid #071931;
}
#bans-mandates .tabs a {
  background: transparent !important;
}
#bans-mandates .tabs span {
  border-color: #012a4c;
}
#bans-mandates .tabs .tab-selected span {
  border-color: #ef5a1b;
}
#faqs {
  margin-left: 50px;
  margin-right: 50px;
}
.ban {
  width: 100%;
  background: #012a4c;
  height: auto;
  padding: 5em 0;
  display: none;
}
.ban.active {
  display: block;
}
titleban {
  font-size: 25px;
  line-height: 30px;
  letter-spacing: -0.09px;
  color: #fff;
  font-weight: 500;
  float: left;
  width: 100%;
  margin-bottom: 25px;
}
city {
  color: #fff;
  float: left;
  width: 100%;
  font-size: 55px;
  line-height: 60px;
  letter-spacing: -1.59px;
}
titlelinks {
  margin-top: 55px;
  float: left;
  width: 100%;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.05px;
  margin-bottom: 10px;
}
.links {
  float: left;
  display: block;
  color: #eeded3;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.07px;
  font-weight: 700;
  width: 100%;
}
.links:hover {
  color: #ef5a1b;
}
.infofromban {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 70px;
}
.infofromban img {
  width: 100%;
  float: left;
}
.infofromban subtitle {
  font-weight: 500;
  float: left;
  color: #fff;
  letter-spacing: -0.09px;
  width: 100%;
  margin-bottom: 10px;
  line-height: 30px;
  font-size: 25px;
}
.infofromban subtext {
  font-weight: 300;
  float: left;
  color: #fff;
  letter-spacing: -0.05px;
  width: 100%;
  margin-bottom: 30px;
  line-height: 24px;
  font-size: 15px;
}
@media screen and (max-width: 991px) {
  #bans-mandates .tabs span {
    font-size: 13px;
  }
  .infofromban {
    margin-top: -80px;
  }
  .infofromban subtitle {
    font-size: 20px;
    line-height: 25px;
  }
  .infofromban subtext {
    font-size: 13px;
    line-height: 22px;
  }
}
@media screen and (max-width: 767px) {
  .infofromban {
    display: block;
    margin-top: 30px;
  }
  .infofromban img {
    position: absolute;
    right: 20px;
    height: 150px;
    top: -220px;
    width: auto;
  }
  .infofromban .col-md-6 {
    float: left;
    width: 50%;
  }
  .ban .infofromban .col-md-8 .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .item-producto h2 {
    font-size: 35px;
  }
  #faqs {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media screen and (max-width: 700px) {
  .infofromban .col-md-6 {
    float: left;
    width: 100%;
  }
  .infofromban .col-md-6:last-child subtext {
    margin-bottom: 0px;
  }
  #bans-mandates .tabs .row {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 499px) {
  /*#gsaf-footer h1{ font-weight: bold }
                .rights{ margin-top: 30px }
                .legalfooter,.rights{ width: 100% }
                .blockimg,p.nobreak,.legalfooter .block,.rights .block{ display: flex!important; text-align: center; justify-content: center; align-items: center; flex-direction: column}
                .timeline{ display: flex!important; text-align: center; justify-content: center; align-items: center; padding-bottom: 70px}
                #gsaf-footer ul li,#gsaf-footer small span{text-align: center;}
                #gsaf-footer a.mediakit{ position: absolute; bottom:35px; margin-left: 0px; margin-bottom: 0px}
                .blockimg img{ margin-top: 20px }*/
  .belowed p,
  .belowed a {
    float: left;
    width: 100%;
    text-align: left;
  }
}

html {
  scroll-behavior: smooth;
}
#grip-logo {
  position: fixed;
  top: 34px;
  left: calc(15vw / 2 - 0px);
  z-index: 9998;
}
#grip-logo svg {
  float: left;
  width: 20vw;
}
.gsa-section {
  padding: calc(10vw / 2) 0;
}
.gsa-section.featured-news {
  padding: calc(10vw / 2) 0;
}
.mainslider {
  padding-bottom: 5em;
}
.mainslider {
  padding-top: 14vw;
}
#gsa-hero .flexslider .display-cell h1 {
  font-size: 5.5vw;
  line-height: 1;
  padding: 2vw;
  padding-right: 7vw;
  padding-bottom: 1vw;
}

place {
  position: absolute;
  color: #fff;
  font-size: 1vw;
  bottom: -3vw;
  right: 0px;
  display: flex;
  align-items: center;
}
place img {
  float: left;
  margin-right: 10px;
  height: 0.9vw !important;
  width: auto !important;
}
.gsa-container,
.grip-container,
.gsaf-container {
  width: 85vw;
  max-width: 85vw;
  padding-left: 0px;
  padding-right: 0px;
  width: 90vw;
  max-width: 90vw;
}
.gsa-container .row {
  margin-left: -15px;
  margin-right: -15px;
}

svg.arrow path {
  fill: #fff;
}
.bgclear svg.arrow path {
  fill: #000;
}
.offcanvas #grip-logo svg path {
  fill: #fff !important;
}
.bgclear #grip-logo svg path,
.bgclear2 #grip-logo svg path {
  fill: #000;
}
.bgclear .gsa-nav-toggle i,
.bgclear .gsa-nav-toggle i::after,
.bgclear .gsa-nav-toggle i::before,
.bgclear2 .gsa-nav-toggle i,
.bgclear2 .gsa-nav-toggle i::after,
.bgclear2 .gsa-nav-toggle i::before {
  background: #000;
}

svg path.tochange {
  fill: #fff;
}
.bgclear svg path.tochange,
.bgclear2 svg path.tochange {
  fill: #000;
}

body {
  background: #fff;
  -webkit-transition: color 0.5s, background-color 0.5s, border-color 0.5s,
    opacity 0.5s;
  transition: color 0.5s, background-color 0.5s, border-color 0.5s, opacity 0.5s;
}
body.bgclear {
  background: #eeefef;
}
body.bgclear2 {
  background: #818181;
}
body.bgclear.aboutuspage {
  background: #c3ab9b;
}
body.bgclear2.aboutuspage {
  background: #eeefef;
}

body.bgclear.venturespage {
  background: #eeefef;
}
body.bgclear2.venturespage {
  background: #ffffff;
}

.mainslider {
  background: #000;
}
.venture {
  background: #fff;
}
.ourcompany {
  background: #efefef;
}

/*.slider,.venture,.ourcompany{ background: transparent!important}*/ /*descomentar este cuando se quiere el efecto scroll*/
.belowslider {
  margin-top: 7vw;
}

.recentwork {
  background: #f1f1f3;
}
.ourproperties {
  background: #f1f1f3;
}
.ventures {
  width: 100%;
  float: left;
  margin-top: 4vw;
}
.venture-in {
  float: left;
  width: 100%;
  position: relative;
}
.venture-in span {
  position: absolute;
  right: 0px;
  bottom: 0px;
  color: #818181;
  font-size: 1.2vw;
}
.venture-img {
  width: calc(66.68% - 1px);
  float: left;
  height: calc(100vh - 15vw - 20px - 1.5vw - 3.6vw);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 1px;
  min-height: 500px;
}
.venture-infocontainer {
  float: left;
  width: 33.32%;
  display: flex;
}
.venture-info {
  width: calc(50% - 15px);
  margin-left: 15px;
  float: left;
  background: #fff;
  padding: 10px;
  position: relative;
}
.venture-info nombre {
  font-size: 1.2vw;
  float: left;
  width: 100%;
  color: #818181;
}
.venture-info nombre b {
  width: 100%;
  float: left;
  color: #000;
  font-weight: 500;
}
.venture-info img {
  float: left;
  width: auto;
  max-width: 60%;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.venture-mosaic {
  width: calc(50% - 15px);
  margin-left: 15px;
  float: left;
  padding: 10px;
  background: #fff;
}
.venture-mosaic img {
  float: left;
  width: 100%;
}

.slick-dots li {
  width: auto;
  height: auto;
  margin-right: 7px;
  margin-left: 7px;
}
.slick-dots li button {
  width: 16px;
  height: 16px;
  padding: 0px;
}
.slick-dots li button:before {
  width: 100%;
  height: 100%;
  background: transparent;
  border: 0px none;
  border-radius: 20px;
  float: left;
  position: static;
  border: 1px solid #fff;
}
.slick-dots li.slick-active button:before {
  background: #fff;
  opacity: 1;
}
.bgclear .slick-dots li.slick-active button:before,
.bgclear2 .slick-dots li.slick-active button:before {
  background: #231f20;
  opacity: 1;
}
.slick-dots {
  width: calc(33.32% - 15px);
  text-align: left;
  bottom: 0px;
  right: 0px;
  margin-bottom: 0px;
}
.featured-news .slick-dots {
  text-align: right;
  top: -10px;
}
h2,
h4 {
  line-height: 1;
}
.gsa-section h2 {
  font-size: 3vw;
  max-width: 75%;
  line-height: 1;
}
.gsa-section h3 {
  max-width: 100%;
}

.box div {
  float: left;
  padding: 1.5vw;
  width: 100%;
}
.box.grey div {
  background: #818181;
}
.box.beige div {
  background: #c3ab9b;
}
.box.white div {
  background: #ffffff;
}
.box img {
  float: left;
  height: 2.5vw;
  margin-bottom: 2vw;
}
.box h4 {
  float: left;
  width: 100%;
  color: #000;
  margin-bottom: 1vw;
  font-size: 1.2vw;
  line-height: 1;
  font-weight: 500;
}
.box span {
  float: left;
  width: 100%;
  color: #000;
  padding-bottom: 1vw;
  margin-bottom: 1vw;
  border-bottom: 1px solid #000;
  font-size: 1vw;
  height: 6.5vw;
}
.box a {
  float: left;
  color: #000;
  font-size: 1vw;
}
.box a k {
  font-size: 0.8vw;
  margin-left: 0.5vw;
}

filters {
  float: left;
  width: 100%;
  margin-top: 3vw;
  margin-bottom: 1vw;
}
filter {
  color: #818181 !important;
  font-size: 1.5vw;
  margin-right: 3vw;
  cursor: pointer;
}
filter a {
  color: #818181 !important;
}
filter.active {
  color: #fff !important;
}
filter.active a {
  color: #fff !important;
}
.bgclear filter.active,
.bgclear filter.active a {
  color: #000 !important;
}
.gsa-section h1 {
  font-size: 1.3vw;
  color: #203232;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.gsa-section h3 {
  font-size: 2.1vw;
  margin-bottom: 2vw;
  color: #000;
}
.gsa-section h5 {
  font-size: 4.5vw;
  margin-bottom: 2vw;
  color: #000 !important;
}
.withanchor {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.withanchor a {
  font-size: 1.3vw;
  top: 2.5vw;
  color: #0082ca;
  font-weight: bold;
  width: auto !important;
}
.withanchor a k {
  font-weight: 100;
  margin-left: 5px;
  font-size: 1.5em; /*position: absolute; bottom: -0.4vw;*/
  margin-left: 0.6vw;
  float: right;
  line-height: 0.85;
}
/*.ourcompany h2,.venture h2{color: #000}*/ /*comentar este cuando se quiere el efecto scroll*/

.bgclear .gsa-section h1,
.bgclear .gsa-section h2,
.bgclear .gsa-section h3,
.bgclear2 .gsa-section h1,
.bgclear2 .gsa-section h2,
.bgclear2 .gsa-section h3,
.bgclear .withanchor a,
.bgclear2 .withanchor a {
  color: #000;
}
.gsa-section {
  float: left;
  width: 100%;
}
/*.gsa-section h1,.gsa-section h2,.gsa-section h3, .withanchor a,.gsa-section h5{color: #fff}*/ /*descomentar este cuando se quiere el efecto scroll*/
.belowed {
  border-top: 1px solid #4d4d4d;
  padding-top: 2vw;
  margin-top: 2vw;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 15px;
  margin-right: 15px;
  width: calc(100% - 30px);
}
.belowed p {
  float: left;
  font-size: 1.2vw;
  color: #818181;
  margin-bottom: 1vw;
}
.belowed a {
  float: right;
  font-size: 1.2vw;
  color: #818181;
}
.belowed a:hover {
  color: #fff;
}
.marquee {
  float: left;
  width: 100%;
  margin-top: 7vw;
  margin-bottom: 7vw;
}
.marquee img {
  height: 40vh;
  min-height: 300px;
  margin-left: 2.5vw;
  margin-right: 2.5vw;
}
.logo {
  height: 5vw;
  float: left;
  margin-top: 3vw;
  margin-right: 5vw;
}
.parallaxcontainer {
  height: calc(100vh - 15vw / 2);
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.noparallax {
  display: block;
  float: left;
  width: 100%;
}
.parallaxcontainer titleparallax {
  color: #fff;
  font-size: 5vw;
  text-align: center;
  line-height: 1;
  position: relative;
  z-index: 4;
}
.parallaxcontainer img {
  width: 40vw;
  position: absolute;
  filter: grayscale(100%);
}
.parallaxcontainer img.about1 {
  left: 25vw;
  top: 0vw;
  z-index: 3;
}
.parallaxcontainer img.about2 {
  left: 0vw;
  top: 25vw;
  z-index: 2;
}
.parallaxcontainer img.about3 {
  right: -40vw;
  top: 15vw;
  z-index: 1;
  width: 80vw;
}
.mtsuper {
  margin-top: 5em;
}

.history-container {
  width: calc(100% + 15vw);
  float: left;
  position: relative;
  margin-bottom: 0px;
  height: auto;
  margin-top: 2vw;
}
.history-container .slick-slider {
  height: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
}
.history-container .slick-list,
.history-container .slick-track {
  height: 100%;
}
.clip {
  bottom: 0;
  margin: 20px;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  margin-left: 0px;
  margin-right: 5px;
  height: auto;
  width: 40vw;
  padding-bottom: 0px !important;
}
.center .slick-slide {
  display: flex !important;
  align-items: flex-start;
  justify-content: center;
  transition: 0.25s;
  padding-bottom: 20px;
}
.featured-newimg {
  width: calc(100% - 2.6vw);
  padding-top: calc(100% - 2.6vw) !important;
  float: left;
  background-size: cover;
  margin-left: 0px;
  position: relative;
  background-position: center center;
}

.featured-newimg .line {
  height: 7px;
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  transition: 0.15s;
}
/*.featured-newimg:hover .line{ height: 14px }*/

info {
  width: calc(100% - 2.5vw);
  float: left;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.centerinfo {
  width: 100%;
  float: left; /*padding-left: calc(10vw/2)!important*/
  margin-left: calc(-81vw / 2) !important;
}

.center labeled {
  float: left;
  width: 100%;
  margin-top: 1vw;
  margin-bottom: 1vw;
}
.center fintype {
  font-size: 1vw;
  color: #000;
  float: left;
  width: 50%;
  letter-spacing: 1px;
}
.center anio {
  font-size: 1vw;
  color: #8c8c8c;
  float: left;
  width: 50%;
  letter-spacing: 1px;
  text-align: right;
}
.center img {
  float: left;
  height: 3vw;
  margin-bottom: 1.2vw;
  max-width: 100%;
}
.center texto {
  font-size: 1.1vw;
  color: #8c8c8c;
  float: left;
  width: 80%;
  margin-bottom: 10px;
}

.center .slick-slide div {
  padding: 0px;
}

.portfolio .center [data-slick-index="0"]:before {
  content: "";
  width: calc(10vw / 2 - 5px);
  height: 100%;
  background: #fff;
  position: absolute;
  left: 0px;
  left: calc(-50.5vw / 2) !important;
  transition: 0.15s;
}

/*.center .slick-track .clip:last-child .centerinfo{ padding-right: calc(15vw/2)!important; width: calc(100% + 15vw/2) }*/
.d-flex-center {
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}
.portfolio .headered {
  padding-top: 2vw;
  padding-bottom: 7vw;
}
.headered h2,
.headered h3 {
  max-width: 45%;
  color: #203232;
  font-size: 4vw;
  margin-bottom: 3vw;
}
.headered h3,
.headered h4{ color: #203232; }
.headered h3{ margin-bottom: 1vw; }
.headered h3 {
  font-size: 1.35vw; font-weight: bold; letter-spacing: 1pt;
}
/*.ourproperties .headered h2{ margin-bottom: 10px }*/
.headered a,.negocio a,#main-contact-form button {
  font-size: 0.9vw;
  color: #fff;
  letter-spacing: 0.78px;
  text-transform: none;
  display: flex;
  background: #203232;
  padding: 10px 25px;
  border-radius: 8px; font-weight: bold; align-items: center; justify-content: center; min-width: 268px; text-transform: uppercase;
}
.negocio a:hover,.headered a:hover,#main-contact-form button:hover{ background-color: #000!important; color: #fff!important; }
.headered a img {
  float: right;
  margin-left: 10px;
  transition: 0.15s;
  margin-right: 5px;
}
.headered a:hover img {
  margin-left: 15px;
  margin-right: 0px;
}
/*.portfolio .headered a:hover{ padding-left: 15px }
                        .portfolio .headered a{ transition: 0s } */
.headered a:hover {
  background: #85dade;
  color: #000;
}
.cta-button:hover {
  background: #000;
  color: #fff !important;
}
.display-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.display-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .centerinfo {
    margin-left: calc(-139vw / 2) !important;
    margin-left: 0px !important;
  }
  .featured-newimg {
    width: calc(100% - 1.5vw);
    padding-top: calc(100% - 1.5vw) !important;
    width: 100% !important;
  }
  .portfolio .center [data-slick-index="0"]:before {
    left: calc(-80.5vw / 2) !important;
    display: none;
  }
  info {
    width: calc(100% - 1.5vw) !important;
    width: 100% !important;
  }
  .center texto {
    width: 100%;
  }
  .portfolio .center {
    width: calc(90vw + 30px);
    margin: 0 auto;
  }
  .centerinfo {
    margin: 15px !important;
  }
  .portfolio .clip {
    margin-right: 0px;
  }
  .portfolio h1 {
    margin-bottom: 10px;
  }
  .center labeled {
    margin-bottom: 8px;
  }
  .center img {
    height: 35px;
    margin-bottom: 10px;
  }
  .portfolio .headered {
    padding-top: 60px;
    padding-bottom: 90px;
  }
  .negocio a,.headered a,#main-contact-form button {
    font-size: 14px;
  }
  .ourproperties .headered h2 {
    padding-right: 80px;
  }
}
@media screen and (max-width: 424px) {
  .headered h2 br {
    display: none;
  }
  .gsa-section h2 {
    font-size: 22px !important;
    font-size: 8.5vw !important;
  }
}

.history-container .slick-track {
  display: flex;
}
.history-container .slick-next {
  background: transparent url(../images/next.svg) center center no-repeat;
  background-size: 22px !important;
  right: calc(-15px + 15vw);
  background-position: center center !important;
  background-color: transparent !important;
  top: calc(-55px - 2vw);
}
.history-container .slick-prev {
  background: transparent url(../images/prev.svg) center center no-repeat;
  background-size: 22px !important;
  left: auto;
  right: calc(25px + 15vw);
  background-position: center center !important;
  background-color: transparent !important;
  top: calc(-55px - 2vw);
}
.ok {
  float: left;
  width: 100%;
  margin-top: 2vw;
}
.ok img {
  height: 3vw;
  float: left;
  margin-right: 1vw;
}
.ok span {
  float: left;
  font-size: 1.5vw;
  line-height: 3vw;
}
.brand {
  float: left;
  margin-bottom: 3vw;
  width: 30%;
  min-width: 150px;
}
mission {
  width: 50%;
  float: left;
  margin-top: 3vw;
}
vision {
  width: 50%;
  float: left;
  margin-top: 3vw;
}
mission p,
vision p {
  color: #fff;
  font-size: 1.3vw;
  width: 90%;
  margin-bottom: 0px;
  z-index: 1;
}
.bgclear mission p,
.bgclear vision p {
  color: #000;
}
.investments {
  position: relative;
}
.investments img.picture {
  float: left;
  margin-top: 0vw;
  width: 100%;
  margin-bottom: 0vw;
}
.investments img.emblema {
  position: absolute;
  width: 50vw;
  left: -5vw;
  top: 110vh;
  z-index: 0;
}

.dflex {
  display: flex;
}
.experts-selectors {
  float: left;
  width: 100%;
  border-top: 1px solid #000;
  margin-top: 50px;
}
.experts-selectors a {
  float: left;
  width: 100%;
  border-bottom: 1px solid #000;
  font-size: 1.8vw;
  color: #848484;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: 0.15s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.experts-selectors a.active {
  color: #000;
}
.experts-selectors a img {
  width: auto;
  height: calc(100% - 25px);
  opacity: 0;
  transition: 0.15s;
  position: absolute;
  right: 0px;
}
.experts-selectors a.active img {
  opacity: 1;
}
.experts {
  width: calc(100% - 30px);
  height: 100%;
  position: absolute;
  top: 0px;
  left: 15px;
}
.experts-in {
  width: 100%;
  height: 100%;
  background-size: cover;
  float: left;
  display: none;
}
.experts-in.active {
  display: block;
}

.twoboxes {
  float: left;
  width: calc(100% + 40px);
  margin-left: -20px;
  background: transparent;
}

.fourboxes {
  float: left;
  width: calc(100% + 40px);
  margin-left: -20px;
  background: transparent;
}

.boxed {
  width: 50%;
  margin: 20px;
  margin-top: 0px;
  float: left;
  margin-bottom: 0px;
}
.boxed span {
  float: left;
  width: 50%;
  color: #000;
  font-size: 1.6vw;
}
.boxed em {
  float: right;
  width: 50%;
  text-align: right;
  font-style: normal;
  color: #848484;
  line-height: 2;
  font-size: 1.2vw;
}
.box-picture {
  width: 100%;
  padding-top: 100%;
  background-size: cover;
  margin-bottom: 0px;
  float: left;
  background-color: #ccc;
  margin-left: calc(-32vw / 2) !important;
  border-radius: 5px;
  background-position: top center;
}
.ourproperties .box-picture {
  margin-left: 0px !important;
  padding-top: 70%;
  margin-bottom: 10px;
}
.arrows-container {
  position: absolute;
  right: -3.5vw;
  top: 180%;
  width: calc(100% + 7vw);
  z-index: 2;
}
.arrows-container .slick-prev {
  background: url(../images/arrow_left.svg);
  background-size: contain;
  width: 50px;
  height: 50px;
  position: static;
  float: left;
}
.arrows-container .slick-next {
  background: url(../images/arrow_left.svg);
  background-size: contain;
  width: 50px;
  height: 50px;
  transform: rotate(-180deg);
  position: static;
  float: right;
}
.arrows-container .slick-prev:hover {
  background-image: url(../images/arrow_right.svg);
  transform: rotate(-180deg);
}
.arrows-container .slick-next:hover {
  background-image: url(../images/arrow_right.svg);
  transform: rotate(0deg);
}
.bluetowhite {
  border: 1px solid #0082ca;
  float: left;
  border-radius: 20px;
  height: 30px;
  line-height: 30px;
  color: #0082ca;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13px;
  position: absolute;
  right: 120px;
  top: -10px;
}
.bluetowhite svg {
  float: right;
  height: 12px;
  margin-top: 9px;
  margin-left: 10px;
}
.bluetowhite:hover {
  background: #0082ca;
  color: #fff;
}
.bluetowhite:hover svg g {
  stroke: #fff;
}
span.bullet {
  border-radius: 100px;
  font-size: 1vw !important;
  text-transform: uppercase;
  padding: 3px 8px;
  font-weight: bold;
  width: auto;
  margin-right: 10px;
}
span.bullet.forlease {
  background: #f5a800;
  color: #000;
}
span.bullet.forrent {
  background: #007f6e;
  color: #fff;
}
span.bullet.forsale {
  background: #0082ca;
  color: #fff;
}
.fourboxes .boxed em {
  color: #6c6c6c;
  font-size: 1vw !important;
  text-transform: uppercase;
  float: left;
  width: auto;
}
propertytitle {
  color: #000;
  font-size: 1.5vw;
  line-height: 1.2;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px;
}
descriptiontitle {
  float: left;
  width: 100%;
  color: #878787;
}
readmore {
  margin-top: 20px;
  color: #000;
  float: left;
  width: auto;
  font-size: 0.8vw;
  letter-spacing: 0.53px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
readmore img {
  float: right;
  margin-left: 10px;
  height: 0.8vw;
}
newheader {
  margin-bottom: 10px;
  float: left;
  width: 100%;
  font-size: 1vw;
  letter-spacing: 0.53px;
  text-transform: uppercase;
  margin-top: 3vw;
}
newtype {
  color: #000000;
  float: left;
}
newdate {
  color: #8c8c8c;
  float: right;
}

.greybackground,
.greybackground .ourproperties {
  background: #efefef;
}
.greybackground .logo-nav svg path {
  fill: #000;
}

.greybackground .gsa-nav-toggle i,
.greybackground .gsa-nav-toggle i::after,
.greybackground .gsa-nav-toggle i::before {
  background: #000;
}
.greybackground .gsa-nav-toggle.active i {
  background: 0 0;
}
.greybackground .gsa-nav-toggle.active i::after,
.greybackground .gsa-nav-toggle.active i::before {
  background: #fff;
}
.greybackground .ourproperties {
  padding-bottom: 0px;
  padding-top: 0px;
  height: calc(100vh - 100px - 80px);
  height: auto;
  margin-top: 180px;
}
.greybackground.properties .grip-nav {
  position: fixed;
  background: #efefef;
  height: 100px;
}
.greybackground.properties .filters {
  position: fixed;
  top: 100px;
  margin-top: 0px;
  z-index: 1;
}

.greybackground .grip-nav ul li a,
.greybackground .grip-nav ul li k {
  color: #000;
}
.properties .fourboxes .boxed {
  margin: 20px;
  width: calc(100% - 40px);
}
.properties .fourboxes {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: calc(1.6vw + 50px);
}
.filters {
  margin-top: 100px;
  background: #fff;
  width: 100%;
  float: left;
  height: 80px;
  padding-top: 20px;
  padding-bottom: 20px;
  z-index: 99;
  position: relative;
}
square {
  position: relative;
  z-index: 999;
  float: left;
}
selectsquare {
  display: none;
  width: 300px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.23);
  position: absolute;
  left: -115px;
  top: 70px;
  padding: 20px;
}

selectsquare:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 25px 25px;
  border-color: transparent transparent #ffffff transparent;
  content: "";
  position: absolute;
  left: 125px;
  top: -25px;
  z-index: 1;
}
selectsquare:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 26px 25px 26px;
  border-color: transparent transparent rgba(0, 0, 0, 0.2) transparent;
  content: "";
  position: absolute;
  left: 124px;
  top: -25px;
  z-index: 0;
}

selectsquare min,
selectsquare max {
  width: 50%;
  float: left;
  position: relative;
}
selectsquare min label,
selectsquare max label {
  font-weight: 500 !important;
}
selectsquare min label,
selectsquare max label,
selectsquare min input,
selectsquare max input {
  float: left;
  width: 100%;
}
selectsquare min input,
selectsquare max input {
  width: calc(100% - 10px);
}
selectsquare min:before {
  content: "";
  width: 5px;
  height: 1px;
  background: #000;
  position: absolute;
  right: -3px;
  top: 45px;
}
selectsquare max input,
selectsquare max label {
  margin-left: 10px;
}
selectsquare button {
  background: #0082ca;
  color: #fff;
  height: 60px;
  width: 100%;
  float: left;
  border-radius: 4px;
  border-color: #001c71;
  margin-top: 20px;
}

square.active selectsquare {
  display: block;
}
.combobox,
square span,
selectsquare min input,
selectsquare max input {
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 5px;
  appearance: none;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-right: 20px;
  font-size: 14px;
  font-weight: normal;
  float: left;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
}
selectsquare min input,
selectsquare max input {
  cursor: text;
}
.city {
  border-color: #d3d3d3;
  background-image: url(../images/button-arrow.svg);
  background-position: center right + 10px;
  padding-right: 40px;
}
.blueselect,
square span {
  border-color: #d3d3d3;
  color: #0082ca;
}
.filters a {
  line-height: 40px;
  color: #6c6c6c;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 20px;
  float: left;
}

.mapcontainer,
.salescontainer {
  width: 50vw;
  float: left;
  height: 100%;
}
.mapcontainer {
  height: calc(100% - 180px);
  position: fixed;
  bottom: 0px;
  left: 0px;
}
.salescontainer {
  padding-left: 40px;
  padding-top: 20px;
  float: right;
}
.salescontainer h1 {
  position: fixed;
  width: 50%;
  z-index: 0;
  top: 180px;
  background: #efefef;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 0px;
  line-height: 1.6vw;
  width: 100%;
}
/*.salescontainer:before{ position: absolute; left: 0px; top: 0px; height: calc(1.6vw + 20px); background: #efefef; width: 100%; content: "" }*/
.properties belowfooter,
.properties footer {
  display: none;
}
.salescontainer h1 {
  width: calc(50vw - 80px);
}

.properties .box-picture {
  border-radius: 5px;
}
#map {
  width: 100%;
  height: 100%;
  background: #ccc url(../images/loader.svg) center center no-repeat;
}
results {
  width: 100%;
  float: left;
  margin-top: 10px;
}
results k {
  font-size: 1.1vw;
  color: #6c6c6c;
  float: left;
  line-height: 40px;
  float: left;
}
sort {
  float: right;
  font-size: 1.1vw;
  color: #6c6c6c;
}
sort .combobox {
  margin-right: 0px;
  margin-left: 20px;
}
.property #map {
  width: 100%;
  height: 333px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.property iframe.videotour {
  width: 100%;
  height: 333px;
  border-radius: 5px;
}
.mt10 {
  margin-top: 40px;
}
.infoproperty {
  padding-top: 100px;
}
.infoproperty span {
  font-size: 1.1vw;
}
.infoproperty.gsa-section h2 {
  max-width: 100%;
  width: 100%;
  margin-bottom: 0px;
}
encabezado {
  float: left;
  width: 100%;
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #d3d3d3;
}
encabezado span {
  line-height: 24px;
  margin-top: 5px;
  float: left;
  width: 100%;
}
.buttondownload {
  border: 1px solid #848484;
  border-radius: 4px;
  height: 58px;
  font-size: 18px;
  color: #6c6c6c;
  float: left;
  width: 100%;
  line-height: 58px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
.buttondownload:hover {
  background: #848484;
  color: #fff;
}
.infoproperty ul {
  margin-left: 0px;
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.infoproperty ul li {
  font-size: 1.1vw;
  margin-bottom: 10px;
}

.mb40 {
  margin-bottom: 40px;
  float: left;
  width: 100%;
}
.mbminus {
  margin-bottom: 10px;
}
.infoproperty ol {
  list-style-type: none;
  float: left;
  width: 100%;
  border-top: 1px solid #d3d3d3;
  margin: 0px;
  padding: 0px;
  margin-bottom: 40px;
}
.infoproperty ol li {
  border-bottom: 1px solid #d3d3d3;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.1vw;
  float: left;
  width: 100%;
}
.infoproperty ol li in {
  color: #000;
  width: 50%;
  float: left;
}
.infoproperty ol li out {
  color: #6c6c6c;
  width: 50%;
  float: left;
}
.infoproperty ol.olno50 li in {
  width: auto;
}
.infoproperty ol.olno50 li out {
  width: auto;
  text-align: right;
  float: right;
}
bulleton {
  float: left;
  width: 24px;
  height: 24px;
  border-radius: 100px;
  color: #fff;
  text-align: center;
  line-height: 24px;
  margin-right: 10px;
  font-size: 14px;
}
bulleton.rent {
  background: #007f6e;
}
bulleton.sale {
  background: #0082ca;
}
bulleton.lease {
  background: #f5a800;
  color: #000;
}
.slider-property {
  width: 100%;
  float: left;
  margin-top: 100px;
  height: 35vh;
  position: relative;
}
.work .slider-property {
  height: auto;
}
.inside-sliderproperty {
  float: left;
  width: 100%;
  height: 100%;
}
.slider-property img,
.slider-property .slick-list,
.slider-property .slick-track {
  height: 100%;
}
.slider-property img {
  margin-left: 10px;
  margin-right: 10px;
}
.work .slider-property img {
  height: auto;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}

contact,
.tel {
  height: 59px;
  border-width: 1px;
  border-style: solid;
  line-height: 59px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 20px;
}
contact {
  float: left;
  width: calc(50% - 10px);
  border-color: #001c71;
  color: #fff;
  background: #0082ca;
  transition: 0.35s;
}
.tel {
  width: calc(50% - 10px);
  float: right;
  border-color: #0082ca;
  color: #0082ca;
}
.tel:hover {
  color: #0082ca;
  background: #fff;
}
contact:hover {
  background: #000;
}
.fulano {
  margin-top: 20px;
  width: 100%;
  float: left;
  margin-bottom: 0px;
}
.property em {
  font-size: 12px;
  color: #6c6c6c;
  font-style: normal;
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.property span {
  float: left;
  width: 100%;
}
.infoproperty a.mail {
  text-decoration: underline;
  color: #000;
  float: left;
}
.infoproperty h1 {
  width: 100%;
  float: left;
}
divisor {
  margin-top: 40px;
  border-top: 1px solid #d3d3d3;
  padding-top: 40px;
  float: left;
  width: 100%;
  float: left;
}
ask {
  width: 100%;
  float: left;
  background: #d3d3d3;
  border: 1px solid #848484;
  border-radius: 4px;
  text-align: center;
  line-height: 58px;
  height: 58px;
  color: #6c6c6c;
  font-weight: bold;
  cursor: pointer;
  font-size: 16px;
  transition: 0.35s;
}
ask:hover {
  background: #848484;
  color: #fff;
}
.arrows-property {
  position: absolute;
  width: 100%;
  height: 100%;
}
.arrows-property .slick-prev {
  left: 45px;
  border-radius: 100px;
  background-image: url(../images/arrowblue.svg);
  background-size: 15px;
  background-position: center center;
  transform: rotate(-180deg);
  top: calc(50% - 27.5px);
}
.arrows-property .slick-next {
  right: 45px;
  border-radius: 100px;
  background-image: url(../images/arrowblue.svg);
  background-size: 15px;
  background-position: center center;
  top: calc(50% - 27.5px);
}
.arrows-property .slick-prev:hover,
.arrows-property .slick-next:hover {
  background-color: #efefef;
}

.modal-content {
  border-radius: 0px;
}
.modal-title {
  font-size: 25px;
  font-weight: bold;
}
.modal-header .close {
  margin-top: -40px;
  opacity: 1;
  font-size: 40px;
}
.modal-header {
  border-bottom: 0px none;
}
.modal-body fieldset {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.modal-body label {
  color: #000;
  font-size: 17px;
  margin-bottom: 10px;
  font-weight: bold;
}
.modal-body input,
.modal-body textarea {
  width: 100%;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  background: #f7fcff;
  font-size: 18px;
  color: #000;
  padding: 10px;
}
.modal-body textarea {
  height: 90px;
}
.modal-body input::placeholder,
.modal-body textarea::placeholder {
  color: #c5c5c5;
}
.property .modal-body span {
  color: #848484;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 20px;
}
.property .modal-body p {
  color: #848484;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
}
.modal-body button {
  border: 1px solid #001c71;
  background: #0082ca;
  color: #fff;
  height: 58px;
  line-height: 58px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 30px;
  width: 100%;
  border-radius: 4px;
  transition: 0.35s;
}
.modal-body button:hover {
  background: #000;
}
.modal {
  z-index: 9999;
}
@media (min-width: 768px) {
  .modal-dialog {
    max-width: 458px;
  }
}

.works .boxed {
  width: calc(100% - 40px);
}
.works .twoboxes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.infowork {
  padding-top: 140px !important;
  padding-bottom: calc(10vw / 2);
}
.infowork h2 {
  position: relative;
  margin-bottom: 0px;
}
withpipe {
  position: relative;
  padding-right: 20px;
  margin-right: 10px;
}
withpipe:before {
  width: 1px;
  height: 100%;
  background: #939393;
  position: absolute;
  content: "";
  right: 0px;
}
.filtersblack {
  width: 100%;
  background: #000;
  padding-top: 20px;
  padding-bottom: 0px;
  float: left;
}
.filtersblack a {
  font-size: 1.4vw;
  color: #939393;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.filtersblack a:hover {
  color: #fff;
}
.filtersblack a.active {
  color: #fff;
  text-decoration: underline;
}
.works .box-picture {
  position: relative;
}
layer {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0);
  top: 0px;
  left: 0px;
  padding: 0px;
  opacity: 0;
  transition: 0.15s;
}
layer type {
  float: left;
  color: #fff;
  border-radius: 100px;
  border-width: 1px;
  border-style: solid;
  padding: 4px 10px;
}
layer type.office {
  border-color: #fff;
}
layer type.single {
  border-color: #fff;
}
layer type.retail {
  border-color: #fff;
}
layer type.multi {
  border-color: #fff;
}
layer type.civic {
  border-color: #fff;
}
layer state {
  float: right;
  color: #fff;
  position: relative;
}
layer state:before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 10px;
  position: absolute;
  left: -18px;
  top: 2px;
}
layer state.finished:before {
  background: #fff;
}
layer state.started:before {
  background: #fff;
}
layer state.other:before {
  background: #fff;
}
.boxed:hover layer {
  background: rgba(0, 0, 0, 0.63);
  opacity: 1;
}
.work .infoproperty {
  padding-top: 40px;
}
.whitesection {
  background: #fff;
}
.ordenadas img {
  float: left;
  width: 100%;
  margin-top: 40px;
}
.work .derechos h3 {
  margin-bottom: 80px;
}
.derechos ul {
  float: left;
  width: 100%;
  margin-bottom: 40px;
  border-top: 1px solid #000;
  list-style-type: none;
  padding: 0px;
}
.derechos ul li {
  width: 25%;
  padding: 0px;
  padding-top: 15px;
  font-size: 15px;
  color: #6c6c6c;
  float: left;
  text-align: left;
}
.derechos ul li b {
  font-weight: normal;
  color: #000;
  margin-right: 5px;
}

.buttoners {
  float: left;
  width: 100%;
  margin-top: 80px;
}
.buttoners a {
  width: 100%;
  float: left;
  margin-top: 20px;
  border: 1px solid #0082ca;
  height: 58px;
  line-height: 58px;
  border-radius: 4px;
  color: #000;
  font-size: 1.5vw;
  text-align: left;
  padding-left: 15px;
}
.buttoners a bulleton {
  float: none;
  display: inline-block;
  float: left;
  margin-top: 16px;
}
.buttoners a:hover {
  background: #0082ca;
  color: #fff;
}
.work .derechos h3 {
  line-height: 1.4;
  font-size: 2vw;
}

.twoboxes.new .boxed {
  background: #fff;
}
typenews {
  color: #939393;
  font-size: 1.2vw;
  float: left;
  padding: 3px 10px;
  border-radius: 100px;
  border: 1px solid #939393;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 20px;
}
titlenews {
  float: left;
  width: calc(100% - 40px);
  color: #000;
  font-size: 1.6vw;
  margin-bottom: 10px;
  font-weight: bold;
  margin-left: 20px;
  margin-right: 20px;
}
subtitlenews {
  float: left;
  width: calc(100% - 40px);
  color: #424242;
  margin-bottom: 20px;
  font-size: 1.2vw;
  margin-left: 20px;
  margin-right: 20px;
}

.contacts .infowork {
  padding-bottom: calc(15vw / 2);
}
.contacts .infowork h2 {
  width: 100%;
  max-width: 100%;
  margin-bottom: 80px;
}
.contacts .infowork p {
  font-size: 1.6vw;
  margin-bottom: 0px;
  color: #000;
}
.alignbottom {
  align-items: flex-end;
}
.mb80 {
  margin-bottom: 80px;
}
.contacts iframe {
  height: 100%;
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
}
.contacts form {
  width: 100%;
  float: left;
  margin-top: 40px;
}
.contacts form fieldset {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
.contacts form fieldset label {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  color: #000;
  font-size: 1.3vw;
}
.contacts form fieldset input,
.contacts form fieldset textarea {
  border: 1px solid #d3d3d3;
  float: left;
  padding: 10px;
  height: 43px;
  color: #000;
  float: left;
  width: 100%;
  border-radius: 4px;
  font-size: 1.3vw;
}
.contacts form fieldset input::placeholder,
.contacts form fieldset textarea::placeholder {
  color: #d3d3d3;
}
.contacts form fieldset textarea {
  height: 90px;
}
.contacts form button {
  height: 59px;
  border-width: 1px;
  border-style: solid;
  line-height: 59px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  float: left;
  width: auto;
  border-color: #001c71;
  color: #fff;
  background: #0082ca;
  transition: 0.35s;
  padding-left: 35px;
  padding-right: 35px;
}
.contacts form button:hover {
  background: #000;
}
.services h2 {
  margin-bottom: 20px;
}
.anchorscontainer a {
  display: block;
  color: #424242;
  font-size: 2vw;
  margin-bottom: 5px;
}
.anchorscontainer a:hover {
  color: #000;
}
.big-section {
  width: 100%;
  float: left;
  position: relative;
}
.big-section .col-sm-6 {
  padding-top: calc(15vw / 2);
  padding-bottom: calc(15vw / 2);
}
.textinleft .col-sm-6 {
  float: left;
}
.textinright .col-sm-6 {
  float: right;
}
.big-section p,
.about .infowork p {
  font-size: 1.75vw;
  color: #000;
  margin-bottom: 0px;
}
.big-picture {
  width: 50%;
  height: 100%;
  position: absolute;
  background-size: cover;
  top: 0px;
}
.textinleft .big-picture {
  right: 0px;
}
.textinright .big-picture {
  left: 0px;
}
.big-section.textinright .col-sm-6 {
  padding-left: calc(15vw / 2);
}
.big-section.textinleft .col-sm-6 {
  padding-right: calc(15vw / 2);
}

.big-picture.dflex {
  align-items: center;
  justify-content: center;
}
circle {
  border: 4px solid #0082ca;
  width: 60%;
  padding-top: calc(60% - 8px);
  border-radius: 100%;
  float: left;
}

.white-section {
  background: #fff;
}
.blue-section {
  background: #0082ca;
}
.black-section {
  background: #000;
}
.blue-section *,
.black-section * {
  color: #fff !important;
}

.cta .withanchor {
  text-align: center;
  align-items: center;
}
.cta h3 {
  line-height: 1.5;
}
.cta a {
  border: 1px solid #0082ca;
  border-radius: 100px;
  padding-left: 15px;
  padding-right: 20px;
  padding-top: 3px;
  padding-bottom: 5px;
  width: auto !important;
}
.cta .withanchor a k {
  position: static;
  line-height: 0.85;
  float: right;
}
.cta a:hover {
  background: #0082ca;
  color: #fff;
}
.imgabsolute {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.about .flexslider {
  width: 100%;
  height: 70vh;
  border: 0px none;
  margin: 0px;
  float: left;
}
.about .flexslider .slides {
  height: 100%;
  float: left;
  list-style-type: none;
  width: 100%;
}
.about .flexslider .slides li {
  height: 100%;
  float: left;
  width: 100%;
  background-size: cover;
  background-position: center center;
}
.about .flexslider circle {
  width: 50vh;
  padding-top: 50vh;
  position: absolute;
  left: calc(50% - 25vh);
  top: calc(50% - 25vh);
  z-index: 3;
}
.blueribbon {
  width: 100%;
  float: left;
  background: #0082ca;
  padding-top: 25px;
  padding-bottom: 25px;
}
.blueribbon span {
  color: #fff;
  font-size: 1.5vw;
}

.statistics big {
  color: #0082ca;
  font-size: 5.5vw;
  float: left;
  width: 100%;
}
.statistics span {
  max-width: 75%;
  float: left;
}
.statistics {
  margin-bottom: 40px;
}
.bluesection {
  background: #0082ca;
}
.bluesection * {
  color: #fff !important;
}
.toshow {
  display: none;
  width: 100%;
  float: left;
  margin-top: 40px;
}
.toshow.active {
  display: block;
}
.buttonshow {
  opacity: 0.3;
  font-size: 1.6vw;
  margin-right: 10px;
  cursor: pointer;
}
.buttonshow:first-child {
  margin-left: 6vw;
}
.buttonshow.active {
  opacity: 1;
}
.about h2 {
  max-width: 100%;
}
ace {
  padding-left: 40px;
  color: #939393;
  position: relative;
}
ace:before {
  width: 1px;
  height: 100%;
  background: #939393;
  content: "";
  position: absolute;
  left: 20px;
  top: 0px;
}

value:first-of-type {
  margin-top: 40px;
  border-top: 1px solid #d3d3d3;
}
value {
  border-bottom: 1px solid #d3d3d3;
  float: left;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}
value h3 {
  color: #939393 !important;
  margin-bottom: 0px !important;
}
value h3.black {
  color: #000 !important;
  margin-bottom: 5px !important;
}
.whitesection {
  background: #fff;
}
h4 {
  font-size: 1.9vw;
}
.whitesection span {
  margin-bottom: 20px;
  float: left;
  width: 100%;
  font-weight: normal;
  font-size: 1.2vw;
}
divider {
  background: #939393;
  height: 1px;
  width: 100%;
  float: left;
  margin-top: 30px;
  margin-bottom: 30px;
}
.whitesection span.nobottom {
  margin-bottom: 0px;
  margin-top: 20px;
}
.whitesection span.grey {
  color: #939393;
}

hiddenmenu {
  display: none;
  opacity: 0;
  transition: 0.15s;
}

#grip-nav:before {
  content: "";
  height: 0px;
  transition: 0.15s;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

@media screen and (min-width: 768px) {
  .grip-nav ul {
    position: relative;
  }
  hiddenmenu {
    position: absolute;
    left: 12px;
    top: 40px;
    width: calc(100% - 24px);
    text-align: left;
  }
  hiddenmenu colum {
    width: 33%;
    float: left;
  }
  hiddenmenu colum span {
    color: #fff;
    float: left;
    width: 100%;
    margin-bottom: 10px;
  }
  hiddenmenu colum a {
    color: #fff;
    float: left;
    width: 100%;
    opacity: 0.7;
    margin-bottom: 10px;
  }
  hiddenmenu colum a:hover {
    opacity: 1;
    color: #fff;
  }
  #grip-nav.active hiddenmenu {
    display: block;
    opacity: 1;
  }
  #grip-nav.active:before {
    height: 220px;
    background: #0082ca;
  }

  #grip-nav.active ul li a {
    color: #fff;
  }
  .greybackground #grip-nav.active .logo-nav svg path {
    fill: #fff;
  }
}
@media screen and (min-width: 991px) {
  hiddenmenu {
    width: calc(100% - 40px);
    left: 20px;
  }
}

.mapcontainer h1 {
  font-size: 15px;
  color: #0082ca;
  margin-bottom: 3px;
  font-weight: bold;
}
.mapcontainer span {
  font-size: 13px;
  color: #000;
  margin-bottom: 10px;
  display: block;
}
.mapcontainer a {
  color: #0082ca;
  font-size: 13px;
  text-decoration: underline;
}
.new .slider-property {
  margin-top: 40px;
  margin-bottom: 40px;
  height: 40vh;
}
.new img.w1000 {
  width: 100%;
  float: left;
  margin-top: 40px;
  margin-bottom: 40px;
}

.scroller-status {
  text-align: center;
  padding-top: 20px;
  font-size: 1.1vw;
  float: left;
  width: 100%;
}
/* loader-ellips
                            ------------------------- */

.loader-ellips {
  font-size: 20px;
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #555;
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) {
  left: 1.5em;
}
.loader-ellips__dot:nth-child(4) {
  left: 3em;
}

@keyframes reveal {
  from {
    transform: scale(0.001);
  }
  to {
    transform: scale(1);
  }
}

@keyframes slide {
  to {
    transform: translateX(1.5em);
  }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

/* stylelint-disable-next-line no-duplicate-selectors */
.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}
.lazyload {
  /*opacity: 0;
                                transition: opacity .35s ease-in-out;*/
  opacity: 1;
}

.box-left {
  width: 50%;
  height: calc(100vh - 80px);
  background: #c7da00;
  float: left;
  padding: 5vw;
  position: relative;
}
.svgcontainer {
  position: absolute;
  letter-spacing: 5vw;
  bottom: 5vw;
  width: 16.67%;
}
.box-left svg {
  float: left;
  width: 100%;
}
.box-left svg path {
  fill: #002300;
}
/*.video_contain{ display:flex; align-items:center; justify-content:center; height: 100%; width: 100%; float: left; overflow: hidden;}
                            .video_contain video{ min-height: 110%; min-width: 100%; position:relative; width: auto; object-fit: cover}*/
.box-right {
  width: 50%;
  height: calc(100vh - 80px);
  background: #fff;
  float: right;
}
.box-right .frase {
  width: 100%;
  height: 50%;
  float: left;
  padding: 5%;
}
.box-right .frase h1,
.box-left h1 {
  color: #002300;
  font-size: 3.5vw;
  line-height: 4.3vw;
}
.box-left h1 {
  max-width: 70%;
}
.box-right .figura {
  width: 100%;
  height: 50%;
  float: left;
  background: #002300;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box-right .figura img {
  max-width: calc(100% - 80px);
  max-height: calc(100% - 80px);
}
.homeslider {
  width: 100%;
  height: 50%;
  float: left;
  background: #e8e7e7;
}
.homeslider .flexslider {
  height: 100%;
  float: left;
  width: 100%;
  border: 0px none;
  overflow: hidden;
}
.homeslider .flexslider .slides {
  width: 100%;
  float: left;
  height: 100%;
}
.homeslider .flexslider .slides li {
  width: 100%;
  float: left;
  height: 100%;
}
.slide-partone,
.slide-parttwo {
  width: 50%;
  height: 100%;
  float: left;
}
.slide-partone {
  background-size: cover;
  background-position: center center;
  padding: 5%;
}
.slide-parttwo {
  position: relative;
  background: #e8e7e7;
}
.flexslider .slides img.arrowslider {
  height: 50%;
  max-height: 20px;
  position: absolute;
  left: 10%;
  top: 10%;
  width: auto;
}
.flexslider .slides img.logoslider {
  max-height: 50%;
  max-width: 50%;
  position: absolute;
  left: 10%;
  bottom: 10%;
  width: auto;
  filter: grayscale(100%);
}

.slide-partone,
.slide-parttwo {
  width: 100%;
}
.homeslider .flexslider {
  width: 50%;
}
/*.box-bottom{ width: 100%; height: 80px; line-height: 80px; float: left; padding-left: 30px; padding-right: 30px; justify-content: space-between;
                        display: flex;}
                            .box-bottom span{ font-size: 14px; color: #000}
                                .box-bottom span em{color: #939393; font-style:normal}
                                .comingsoon .gsa-nav-toggle{ display: none }*/
/*.center{ overflow:hidden; float: left; width: 100%}*/
.testimoniales {
  width: 100%;
  float: left;
  display: flex;
}
.testimoniales-container {
  width: 60%;
  background: #c7da00;
  padding: 5vw;
  position: relative;
}
.testimoniales-container .arrows-container {
  right: 5vw !important;
  bottom: 5vw !important;
}
.figura-container {
  width: 40%;
  background: #002300;
  padding: 5vw;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.figura-container img {
  max-width: 100%;
}
.testimonials {
  height: 100%;
}
.testimonials .slick-track,
.testimonials .slick-list {
  height: 100%;
}
testimonial {
  height: 100%;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
}
testimonial h3 {
  color: #002300;
  float: left;
  width: 100%;
  font-size: 1.8vw;
  margin-bottom: 3vw;
}
testimonial who {
  float: left;
  width: 100%;
  color: #002300;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.3vw;
}
testimonial company {
  color: #616161;
  float: left;
  width: 100%;
  font-size: 1.2vw;
}
/*.gsa-section.featured-news{ overflow: hidden }                                
                            #page,.gsa-section-overflow{ height: auto; overflow: auto; float: left; width: 100% }*/
.plecadatos {
  width: 100%;
  float: left;
}
.plecaizquierda {
  background: #85dade;
  float: left;
  width: 50%;
  padding-top: 50%;
  position: relative;
}
.containered {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  padding: 5vw;
}
.plecaizquierda .headered h2 {
  color: #000;
  max-width: 100%;
  float: left;
}
.plecaizquierda .containered {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
.containered p {
  color: #000;
  font-size: 1.15vw;
  float: left;
  width: 100%;
  max-width: 80%;
}
.plecaizquierda svg {
  width: 50%;
  max-width: 120px;
  float: left;
  margin-bottom: 2vw;
}
.plecaizquierda svg path {
  fill: #c7da00;
}
mainformation img {
  height: 2.5vw;
}
mainformation h3 {
  max-width: 100% !important;
}
.plecaderecha {
  width: 50%;
  float: left;
  padding-top: 50%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.plecaderecha .boxp {
  width: 50%;
  float: left;
  padding-bottom: 50%;
  position: relative;
}
.plecaderecha .containered {
  padding: 3.5vw 2.5vw;
}
.plecaderecha .rotaters {
  float: left;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.rotaters .slick-list,
.rotaters .slick-track {
  height: 100%;
}
.plecaderecha .rotater {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100% !important;
  float: left;
  width: 100%;
}
.plecaderecha .boxp h3 {
  font-size: 4.3vw;
}
.plecaderecha .boxp span {
  letter-spacing: 1px;
  font-size: 1vw;
  text-transform: uppercase;
}
.plecaderecha .boxp:nth-child(1) {
  background: #8c8c8c;
}
.plecaderecha .boxp:nth-child(1) * {
  color: #002300;
}
.plecaderecha .boxp:nth-child(2) {
  background: #000000;
}
.plecaderecha .boxp:nth-child(2) * {
  color: #fff;
}
.plecaderecha .boxp:nth-child(3) {
  background: #c7da00;
}
.plecaderecha .boxp:nth-child(3) * {
  color: #002300;
}
.plecaderecha .boxp:nth-child(4) {
  background: #efeff0;
}
.plecaderecha .boxp:nth-child(4) * {
  color: #002300;
}
.recentwork .arrows-container {
  bottom: calc(-10vw / 4);
  right: 15px;
}
.home-bg .headered {
  margin-bottom: calc(16vw / 2); margin-top: calc(29vw / 2);
}
.home-bg{ z-index: 3; }
  .home-bg .display-column{ position: absolute; top: calc(35vw / 2 * -1); top: auto; bottom: calc(37.5vw / 2 * -1); width: calc(100% / 12 * 6.5); right: 0px;}
  .home-bg .display-column img{float: left; width: 100%;}

  .inicio-perfecto{ background: #BDB5A7!important }
    .inicio-perfecto *{color: #203232!important}
    .inicio-perfecto h2{font-family: "Basis"!important; font-weight: 500!important}
    .inicio-perfecto p{ margin-bottom: 0vw; }

    .inicio-perfecto .square{ position: relative;padding-top: 30px; padding-bottom: 30px;}
    .inicio-perfecto .square:before{ border-top:1px solid #203232; width: 70%; content: ""; position: absolute; top: 0px; left: 15px;}
    .inicio-perfecto .square:after{ border-top:1px solid #203232; width: 70%; content: ""; position: absolute; bottom: 0px; left: 15px;}
    .inicio-perfecto .square h3{font-size: 5vw; font-weight: 300; margin-bottom: 20px;}
    .inicio-perfecto .square span{ font-weight: normal; font-size: 1.5vw; width: 70%;}

  .espacio-exclusivo{ background: #EFEFEF!important}
    .espacio-exclusivo h2{ color: #203232!important; font-family: "Self"; font-size: 4.5vw; text-align: center; width: 100%; }
    .espacio-exclusivo .rectangle div{width: calc(100% - 40px); margin-left: 20px; padding: 20px;}
      .espacio-exclusivo .rectangle.light div{ background: #9BAEAB}
      .espacio-exclusivo .rectangle.medium div{ background: #BDB5A7}
      .espacio-exclusivo .rectangle.dark div{ background: #C8C8C8}
      .espacio-exclusivo .rectangle h3{color: #203232; font-family: "Self"; width: 100%; text-align: center; margin-bottom: 15px; font-size: 3vw; max-width: 100%!important; font-weight: normal;}
      .espacio-exclusivo .rectangle b{ width: 100%; text-align: center; font-weight: 500; color: #203232; font-size: 1.5vw; border-bottom: 1px solid #203232; padding-bottom: 20px; margin-bottom: 20px;
        margin-top: 0px!important;}
      .espacio-exclusivo .rectangle span{color: #203232; width: 100%; padding-left: 10%; padding-right: 10%; font-size: 1vw; text-align: center; margin-bottom: 20px; float: left;}
      .espacio-exclusivo .rectangle a{ text-transform: uppercase; color: #203232!important; letter-spacing: 1.1px; font-weight: normal; font-size: 1.2vw; background: none!important;}
        .espacio-exclusivo .rectangle a img{ margin-left:15px; height:1.2vw }
        .espacio-exclusivo picture{ width: 100%; padding-top:100%; background-size: cover; background-position: center center; background-repeat: no-repeat; float: left;margin-bottom: 20px; }

  .espacios{ padding: 0px; display: flex}
  #como .espacios{ padding-top: calc(8.5vw / 2); padding-bottom: 0px;}
    #como .espacios .headered{ padding-top: calc(25vw / 2); padding-bottom: calc(25vw / 2);}
    #como .notespacios .headered{ padding-top: calc(10vw / 2); padding-bottom: calc(10vw / 2) }
    #como .notespacios{ padding-top: 0px; }
    #como .notespacios .espacios-info{ background: #EFEFEF; }
    #como .espacios h1{ font-weight: bold; }

    .espacios.notespacios .espacios-img{ background: #EFEFEF; } 
      .espacios.notespacios .espacios-img div:before{ display: none; }

    .espacios h2{ font-family: "Self"; max-width: 100%; font-size: 3.5vw; }
    .espacios .espacios-info,.espacios .espacios-img{ flex: 1; width: 50%; padding: 5vw;}
    .espacios .espacios-info{ background: #9BAEAB; }
    .espacios .espacios-img{ background: #203232; }
    .espacios .espacios-img{ background-size: cover; background-position: center center; background-repeat: no-repeat; }
    .espacios-info *{color: #203232!important}
    .espacios-info item{ width: 100%; border-top: 1px solid #203232; padding-top: 50px; margin-top: 50px; float: left;}
      .espacios-info item numero{ float: left; width: 35%; font-size: 6vw; font-weight: 300; height: 100px; line-height: 1;}
      .espacios-info item elemento{ float: left; width: 65%; font-size: 2.1vw; font-weight: bold; text-transform: uppercase; letter-spacing: 1.56px; margin-bottom: 30px; }
      .espacios-info item descripcion{ float: right; width: 65%; font-size: 1.2vw; }

      .espacios .espacios-img div{ width: 100%; height: 100%; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; position: relative;}
        .espacios .espacios-img div:before{ width: 30%; padding-top: 30%; background-image:url(../images/sello.svg); background-size: contain; background-position: center center; position: absolute;
          right:0px; bottom: 0px; content: ""}
        .espacios h2{ margin-bottom: 0px; }

      @media (max-width: 991px){
        .espacio-exclusivo .rectangle div{ margin-bottom: 60px; }
        .espacio-exclusivo .rectangle span,.espacios-info item descripcion{ font-size: 12px; }
        .inicio-perfecto .square span,.espacio-exclusivo .rectangle a,.espacio-exclusivo .rectangle b{ font-size: 14px; }
        .espacio-exclusivo .rectangle h3,.espacios-info item elemento{ font-size: 20px; }
        .espacio-exclusivo .rectangle a img{ height: 14px; }
        .inicio-perfecto .square h3,.espacios-info item numero{ font-size: 50px!important }
        .counters{ padding-top: 30px!important; }
        #como .espacios{ padding-top: calc(10vw / 2); padding-bottom: 0px}
        #como .notespacios{ padding-top: 0px; }

      }
      @media (max-width: 767px){
        .inicio-perfecto .square:nth-child(3):before,.inicio-perfecto .square:nth-child(4):before{ display: none; }
        .home-bg .display-column{ width: calc(100% / 12 * 7); top: 30%; top: auto; bottom: -60%; }
        .home-bg .headered h2{ width: 100%; }
        .home-bg .headered p{ max-width: 45%; }
        .espacios{ display: block; }
        .espacios .espacios-info,.espacios .espacios-img{ width: 100%; float: left;}
        .espacios .espacios-img div{ height: auto; padding-top: 150%; }
        .espacios-info item{ padding-top: 20px; margin-top: 20px; }
        .espacios .espacios-info, .espacios .espacios-img{ padding: 40px; }
        .espacios-info item numero{ width: 30%; }
        .espacios-info item descripcion,.espacios-info item elemento{ width: 70%; }
        .ourproperties{ padding-top: 40px; padding-bottom: 40px; }
      }


.recentwork .headered p {
  font-size: 1.65vw; color: #fff;
}
.recentwork .headered .row {
  position: relative;
}
.recentwork .headered .row h2 {
  max-width: 100%;
}
.boxed {
  position: relative;
}
.recentwork .twoboxes [data-slick-index="0"]:before {
  content: "";
  width: calc(10vw / 2);
  height: 100%;
  background: #fff;
  position: absolute;
  left: 0px;
  left: calc(-43vw / 2) !important;
  transition: 0.15s;
}
.infoin {
  opacity: 0;
  transition: 0.15s;
  width: 100%;
  height: 100%;
  position: absolute;
  left: calc(-32vw / 2) !important;
  top: 0px;
  background: #002300;
  padding: 5vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.boxed:nth-child(even) .infoin {
  background: #c7da00;
}

.infoin h4 {
  color: #fff;
  font-size: 1.2vw;
}

.box-picture:hover .infoin {
  opacity: 1;
}
.infoin who {
  float: left;
  width: 100%;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.4vw;
  line-height: 1.2;
}
.infoin company {
  color: #c7da00;
  float: left;
  width: 100%;
  font-size: 1.2vw;
}
.infoin img {
  position: absolute;
  right: 5vw;
  bottom: 5vw;
  width: 12.5%;
}
.boxed:nth-child(even) .infoin * {
  color: #002300;
}
.companies .portfolio {
  background: #002300;
}
.companies .portfolio .headered {
  padding-top: 0px;
}
.companies .portfolio .headered h2 {
  color: #fff;
  font-size: 3.5vw;
  margin-bottom: 0px;
}
.contact .headered h2 {
  font-size: 3.5vw;
}
.companies .portfolio .headered img {
  float: right;
  width: 7.5%;
  min-width: 88px;
}
.companies .portfolio h1 {
  color: #fff;
}
.companies .arrows-container .slick-next {
  background-image: url(../images/arrow_left_white.svg);
}
.companies .arrows-container .slick-next:hover {
  transform: rotate(180deg);
}
.companies .arrows-container .slick-prev {
  background-image: url(../images/arrow_right_white.svg);
  transform: rotate(180deg);
}
.companies .arrows-container .slick-prev:hover {
  transform: rotate(-180deg);
}
.companies .centerinfo {
  margin-left: 0px !important;
  overflow: hidden;
  margin: 0px !important;
}
.companies .featured-newimg {
  width: 60% !important;
  padding-top: 0% !important;
  height: 100%;
  position: absolute;
  left: 1px;
  top: 0px;
  background-position: top center;
}
.companies .featured-newimg .line {
  height: 14px;
}
.companies info {
  width: 40% !important;
  padding-top: 40%;
  background: #efeff0;
  float: right;
  position: relative;
}
.companies infointerior {
  width: 100%;
  height: 100%;
  padding: 2.5vw;
  position: absolute;
  left: 0px;
  top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.companies .clip {
  margin-right: 0px;
}
.companies .center {
  margin: 0 auto;
  width: 90vw;
}
.companies .center texto {
  color: #616161;
  width: 100%;
}
.companies .center table tr td {
  padding-right: 30px;
  font-size: 0.9vw;
}
.companies .center table tr td:first-child {
  color: #002300;
}
.companies .center table tr td:last-child {
  color: #616161;
}
.companies .center:before {
  width: calc(100% + 10vw);
  height: calc(50% + 5vw);
  background: #fff;
  position: absolute;
  bottom: -6vw;
  left: -5vw;
  content: "";
}
.companies .portfolio h1 {
  margin-bottom: 20px;
}
.companieslist {
  padding-top: 0px;
}
.companyfilters {
  border-bottom: 1px solid #616161;
  float: left;
  width: 100%;
}
.company {
  float: left;
  border-bottom: 1px solid #c9c9c9;
  padding-top: 3vw;
  padding-bottom: 3vw;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.company typer {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.company span {
  color: #616161;
  font-size: 1.1vw;
  margin-right: 20px;
  text-transform: uppercase;
}
.company img.logocompany {
  height: 3vw;
  float: left;
}
.company img.arrowcontinue {
  height: 1.5vw;
  float: right;
  transform: rotate(90deg);
}
.companyfilters form {
  float: left;
  width: 100%;
}
.companyfilters form label,
.companyfilters form select {
  color: #8c8c8c;
  font-size: 1.1vw;
  margin-right: 35px;
  text-transform: uppercase;
  margin-bottom: 1.5vw;
}
.companyfilters form select {
  border: 0px none;
  background: url(../images/arrow_small.svg) center right no-repeat;
  background-size: 0.6vw;
  -webkit-appearance: none;
  padding-right: 0.5vw;
  cursor: pointer;
}
/*.companyfilters form select:focus,*/
.companyfilters form select:focus {
  outline: none;
}
.colored {
  color: #002300 !important;
  outline: none;
}

.companiesitems .col-sm-6 {
  opacity: 1;
  transition: 0.2s;
}
.companiesitems .col-sm-6.hiddened {
  opacity: 0;
  width: 0px;
  height: 0px;
  padding: 0px;
}
.companiesitems .introspective {
  position: relative;
  float: left;
  width: 100%;
}
.companiesitems .introspective:after {
  width: 100%;
  bottom: 0px;
  height: 1px;
  background: #fff;
  content: "";
  left: 0px;
  position: absolute;
}

.companiesitems .line {
  display: none;
  position: absolute;
  left: 0px;
  height: 14px;
  width: 100%;
  bottom: 0px;
}
.desplegadocompleto {
  display: none;
  width: 100%;
  float: left;
  margin-top: 5vw;
}
closer {
  position: absolute;
  right: 5vw;
  top: 5vw;
  cursor: pointer;
  text-transform: uppercase;
  background: url(../images/close.svg) center center no-repeat;
  background-size: contain;
  width: 2vw;
  height: 2vw;
}
.company {
  float: right;
}

@-webkit-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

@-moz-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

@-o-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

.company.expanded {
  background: #efeff0;
  width: 100vw;
  z-index: 3;
  position: relative;
  padding: 5vw;
  position: absolute;
  top: -1px;
  border-bottom: 0px none;
  display: block;
  cursor: default;
  opacity: 1;
  position: fixed;
  top: 25vh;
  min-height: 50vh;
  z-index: 9999; /*esto para una ventana tipo modal*/

  -webkit-animation: fadeInFromNone 0.5s ease-out;
  -moz-animation: fadeInFromNone 0.5s ease-out;
  -o-animation: fadeInFromNone 0.5s ease-out;
  animation: fadeInFromNone 0.5s ease-out;
}
body {
  transition: 0.15s;
}
body.expandeded:before {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0px;
  left: 0px;
  content: "";
  z-index: 9998;
  position: fixed;
}

.company.expanded .line,
.company.expanded .desplegadocompleto,
.company.expanded closer {
  display: block;
}
.company.expanded img.arrowcontinue {
  display: none;
}
.company.expanded typer {
  width: 50%;
  float: right;
  padding-left: 15px;
}
.company .desplegadocompleto span {
  text-transform: none;
  color: #616161;
}
.company .desplegadocompleto span b,
.company .desplegadocompleto .col-xs-6:first-child span {
  color: #000;
}
.company .desplegadocompleto span {
  max-width: 70%;
  float: left;
}
.desplegadocompleto .col-xs-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.desplegadocompleto a {
  color: #616161;
  float: left;
  font-size: 1.1vw;
  margin-top: 4vw;
  border-bottom: 1px dashed #000;
  padding-bottom: 5px;
  position: relative;
  width: auto;
  margin-bottom: 20px;
}
.desplegadocompleto a img {
  position: absolute;
  right: -2vw;
  height: 1vw;
  top: 0.5vw;
}
.company.expanded span,
closer,
.desplegadocompleto a {
  font-size: 1.3vw;
}

.companiesitems .col-sm-6:not(.hiddened):nth-child(odd) .company.expanded {
  margin-left: -5vw;
}
.companiesitems .col-sm-6:not(.hiddened):nth-child(even) .company.expanded {
  margin-left: calc(-50vw - 15px);
}
.company.expanded typer span {
  padding-top: 2px;
  padding-bottom: 2px;
}

.companiesitems .col-sm-6 .company.expanded {
  margin-left: 0px !important;
  left: auto !important;
  right: 0px !important;
}
.news .portfolio {
  background: #c7da00;
}
.news .portfolio .headered h2,
.news .portfolio h1 {
  color: #002300;
}
.news.companies info {
  float: left;
}
.news.companies .featured-newimg {
  left: auto;
  right: 1px;
}
.news .portfolio.gsa-section h3 {
  color: #002300;
}
.news.companies .center texto {
  font-size: 1.2vw;
}
inferior goto {
  font-size: 0.8vw;
  color: #000;
  text-transform: uppercase;
  float: left;
  display: flex;
  align-items: center;
  margin-top: 15px;
}
inferior goto img {
  margin-left: 10px;
  height: 0.8vw !important;
  margin-bottom: 0px !important;
}
.news newheader {
  margin-top: 0px;
  margin-bottom: 20px;
}
.news .boxed {
  width: calc(100% - 40px);
  float: left;
  margin-top: 3vw;
  margin-bottom: 3vw;
}
.news .fourboxes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.contact .recentwork .headered h2 {
  font-size: 1.5vw;
  max-width: 75%;
  margin-bottom: 20px;
}
.contact .headered a {
  float: left;
}
.contact .headered .col-sm-7 {
  display: flex;
  flex-direction: column;
}
.contact .recentwork .headered {
  margin-bottom: 0px;
}
.contact .recentwork .headered p {
  letter-spacing: 1px;
  color: #002300;
  font-size: 1.3vw;
}
.contact .plecaderecha {
  background: url(../images/wolf.jpg) center center;
  background-size: cover;
  padding-top: 50%;
}
secondaryinformation {
  display: flex;
  flex-direction: column;
  width: 100%;
  float: left;
}
.containered secondaryinformation p {
  color: #c9c9c9;
  font-size: 1.8vw;
  max-width: 70%;
  float: left;
}
.philosophy .containered secondaryinformation p {
  font-size: 1.3vw;
  color: #fff;
}
.containered secondaryinformation a {
  color: #fff;
  float: left;
  font-size: 1.8vw;
  text-transform: none;
}
.formulariocontacto {
  background: #EFEFEF; padding-top: calc(10vw / 2 + 80px) ;
}
.formulariocontacto fieldset {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.formulariocontacto fieldset label {
  color: #203232;
  text-transform: none;
  font-size: 1.1vw;
  margin-bottom: 10px;
}
.formulariocontacto fieldset input,
.formulariocontacto fieldset textarea {
  border: 0px none;
  background: #fff;
  border: 1px solid #d3d3d3;
  float: left;
  width: 100%;
  font-size: 1.1vw;
  color: #203232;
  padding: 10px;
  outline: none;
  border-radius: 4px;
}
.formulariocontacto fieldset input::placeholder,
.formulariocontacto fieldset textarea::placeholder {
  color: #a4a1a1;
}
.formulariocontacto fieldset textarea {
  height: 200px;
  padding: 10px;
}
.formulariocontacto button {
  width: auto;
  float: left;
  background: #000;
  color: #fff;
  font-size: 0.9vw;
  border: 0px none;
  text-align: left;
  padding: 13px 25px;
  border-radius: 3px;
  letter-spacing: 0.78px;
  transition: 0.5s;
}
.formulariocontacto button:hover {
  background-color: #85dade;
  color: #000;
}
.formulariocontacto label.upload {
  background: transparent;
  border: 1px solid #000;
  color: #000;
  font-family: sans-serif;
  cursor: pointer;
  width: 100%;
  text-transform: none;
  font-size: 1.4vw;
  height: 4vw;
  line-height: 4vw;
  padding-left: 20px;
  background: url(../images/outlink.svg) no-repeat;
  background-position: center right + 20px;
  background-size: 1.5vw;
}
.formulariocontacto input[type="file"] {
  display: none;
}
.hiddencontacto {
  display: none;
}

.philosophy .plecadatos {
  position: relative;
}
.philosophy .plecaderecha {
  background: #c7da00;
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  right: 0px;
  justify-content: center;
}
.philosophy .plecaderecha img {
  max-width: 80%;
  max-height: 80%;
}
.philosophy .headered h2 {
  font-size: 3.5vw;
}
.logos {
  margin-bottom: 3vw;
  display: flex;
  align-items: center;
  max-width: 60%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.logos img {
  width: 20%;
  margin-left: 2.5%;
  margin-right: 2.5%;
  filter: grayscale(100%);
  opacity: 0.6;
  margin-bottom: 1.5vw;
}
.philosophy .portfolio {
  background: #efeff0;
}
.duo {
  float: left;
  width: 100%;
  position: relative;
}
.duofoto {
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 75%;
  background-size: cover;
  background-position: top center;
}
.duoboxes {
  width: 25%;
  float: right;
}
.duobox {
  width: 100%;
  padding-top: 100%;
  position: relative;
}
.duobox:first-child {
  background: #c7da00;
}
.duobox:last-child {
  background: #ffffff;
}
.duobox:first-child img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  width: 20%;
}

.duobox:last-child img {
  height: 1vw;
  left: 2.5vw;
  position: absolute;
  top: 2.5vw;
}
.duobox:last-child b {
  color: #000;
  font-weight: normal;
}
.duobox:last-child span {
  color: #8c8c8c;
  font-size: 1.4vw;
  position: absolute;
  left: 2.5vw;
  top: 4.5vw;
  width: calc(100% - 5vw);
}
.approach {
  padding-top: 0px !important;
  background: #efeff0;
}
.approach h2 {
  font-size: 2.1vw !important;
}
.approach span {
  color: #002300;
  float: left;
  width: 100%;
  font-size: 1.7vw;
}
.approach.recentwork .headered {
  margin-bottom: 0px;
}
.columnas {
  display: flex;
  width: 100%;
}
.columna {
  width: 33.33%;
  padding: 3vw;
  float: left;
}
.columna img {
  height: 8vw;
  margin-bottom: 8vw;
  float: left;
}
.col1 {
  background: #fff;
}
.col2 {
  background: #c7da00;
}
.col3 {
  background: #002300;
}
.columna p {
  color: #616161;
  margin-bottom: 0px;
  float: left;
  width: 100%;
  margin-top: 20px;
}
.columna h1 {
  color: #002300;
  margin-bottom: 0px;
  font-size: 2vw;
  text-transform: none;
  float: left;
  width: 100%;
}
.col3 h1,
.col3 p {
  color: #fff !important;
}
.col2 p {
  color: #002300;
}
.journeys {
  width: 100%;
  float: left;
}
.singlejourney {
  border-right: 1px solid #c9c9c9;
  padding-right: 20px;
  margin-right: 20px;
}
.journey.recentwork .arrows-container {
  bottom: 5px !important;
  right: auto;
  left: 15px;
}
.singlejourney {
  height: 100%;
}
.singlejourney h1 {
  color: #002300;
  font-size: 2vw;
  float: left;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 0px;
}
.singlejourney p {
  color: #616161;
  float: left;
  width: 100%;
  font-size: 1.3vw;
  margin-top: 20px;
  margin-bottom: 0px;
}
.journey .slick-track {
  display: flex !important;
}
.journey .slick-slide {
  height: inherit !important;
}
.criterias {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.criteria {
  float: left;
  width: calc(25% - 30px);
  margin: 15px;
  background: #fff;
  height: inherit;
}
.criteria .imgcriteria {
  float: left;
  width: 100%;
  padding-bottom: 50%;
  background-size: cover;
  background-position: center center;
}
criteria {
  padding: 1.5vw;
  float: left;
  width: 100%;
  color: #000;
  font-size: 1.2vw;
  padding-bottom: 1vw;
}
descriptioncriteria {
  float: left;
  width: 100%;
  padding-left: 1.5vw;
  padding-right: 1.5vw;
  color: #616161;
  margin-bottom: 4vw;
  height: min(4.5vw, 100px);
}
.criteria img {
  padding-left: 1.5vw;
  height: 3.5vw;
  padding-bottom: 1.5vw;
}
.flexslider {
  border-radius: 0px !important;
}

.ctateam {
  float: left;
  width: 100%;
  background: #c7da00;
  padding-top: 5vw;
  padding-bottom: 5vw;
}
.ctateamcontainer {
  float: left;
  width: 100%;
}
.teamfoto {
  width: 50%;
  padding-top: 40%;
  background-size: cover;
  background-position: top center;
  float: left;
}
.teaminfo {
  width: 50%;
  padding-top: 40%;
  background: #fff;
  float: left;
  position: relative;
}
.teaminfoinside {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  padding: 2.5vw;
}
.ctateam h1 {
  color: #002300;
  font-size: 3.6vw;
  line-height: 4.3vw;
  float: left;
  max-width: 100%;
}
.ctateam a {
  width: 35%;
  padding-top: 35%;
  background: #002300;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.linkor {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  padding: 1.5vw;
}
.linkor p {
  color: #fff !important;
}
.linkor img {
  position: absolute;
  right: 1.5vw;
  bottom: 1.5vw;
  width: 35%;
}

#team .portfolio {
  background: #efeff0;
}
#team .portfolio h1 {
  text-transform: none;
  max-width: 42.5%;
  margin-top: 3vw;
}
#team.companies .portfolio .headered img {
  width: 40%;
  position: absolute;
  right: 5vw;
}

#team .companieslist:before {
  width: calc(100% + 10vw);
  height: 15vw;
  background: #efeff0;
  position: absolute;
  top: 0px;
  left: -5vw;
  content: "";
}
#team .companieslist {
  background: #fff;
}
.personajes {
  float: left;
  width: calc(100% + 30px);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-left: -15px;
  margin-bottom: -30px;
}
.personaje {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
  cursor: pointer;
}
.fotopersonaje {
  width: 100%;
  padding-top: 100%;
  background-size: cover;
  background-position: center top;
  position: relative;
}
.infopersonaje {
  margin-top: 20px;
  float: left;
  width: 100%;
}
nombre {
  color: #002300;
  font-size: 2vw;
  float: left;
  width: 100%;
  margin-bottom: 0px;
}
titulo {
  color: #8c8c8c;
  font-size: 1.2vw;
  float: left;
  width: 100%;
}
.fotopersonaje:before {
  background: #002300;
  opacity: 0;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  content: "";
  transition: 0.15s;
}
.personaje:hover .fotopersonaje:before {
  opacity: 0.4;
}
.ctaphilosophy {
  float: left;
  width: 100%;
  background: #c7da00;
  padding: 5vw;
}
.ctaphilosophy h2 {
  max-width: 50%;
  margin-bottom: 8vw;
}

.personaje.expanded .floatinginfo {
  right: 0px;
}
.leftside,
.rightside {
  float: left;
  width: 50%;
  height: 100%;
}
.rightside {
  background-position: center center;
  background-size: cover;
}
.leftside {
  padding: 3vw;
}
.leftside closer {
  display: block;
  float: left;
  position: static;
  margin-bottom: 20px;
}
.redex {
  margin-top: 10px;
  margin-bottom: 30px;
  float: left;
  width: 100%;
}
.redex a {
  float: left;
  margin-right: 10px;
}
.redex a img {
  height: 20px;
}
.scrollablecontent {
  float: left;
  background: #fff;
  width: calc(100% + 20px);
  float: left;
  height: calc(100% - 1.3vw - 20px - 2vw - 1.2vw - 10px - 30px - 20px - 3vw);
  overflow: auto;
  padding-right: 20px;
}
frase {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  color: #002300;
  font-size: 1.5vw;
}
bio {
  float: left;
  width: 100%;
  color: #616161;
  font-size: 1.2vw;
}
.invocell {
  background: #d6d1c5;
}
.invocell .plecaizquierda {
  background: #f3efa6;
}
.invocell .plecadatos {
  border-radius: 5px;
  overflow: hidden;
}

#invocell .plecadatos,
#faq .plecadatos {
  position: relative;
}
#invocell .plecaizquierda {
  background: #ff8d6d;
}
#faq .plecaizquierda {
  background: #f3efa6;
}
#invocell .plecaizquierda span {
  margin-bottom: 2vw;
  float: left;
  width: 100%;
}
#invocell .plecaizquierda,
#faq .plecaizquierda {
  padding-top: 0px;
  height: auto;
  float: left;
}
#invocell .plecaizquierda .containered,
#faq .plecaizquierda .containered {
  float: left;
  position: static;
}
#invocell .plecaderecha,
#faq .plecaderecha {
  position: absolute;
  height: 100%;
  right: 0px;
  padding-top: 0px;
}
#como .equipo {
  background-color: #fff;
}
#contactos h2 {
  max-width: 100%;
}
#contactos {
  /*background-image: url(../images/bg_contacto.jpg);
  background-position: bottom center;
  background-size: 100%;
  background-repeat: no-repeat;*/
  background-color: #EFEFEF
}

@media screen and (max-width: 1180px) {
  .criteria {
    width: calc(33.33% - 30px);
  }
  criteria {
    font-size: 15px;
  }
  descriptioncriteria {
    font-size: 13px;
  }
  .criteria img {
    height: 40px;
  }
}

@media screen and (max-width: 991px) {
  .box-left {
    width: 40%;
  }
  .box-right {
    width: 60%;
  }
  .box-left h1 {
    max-width: 100%;
  }
  testimonial h3 {
    font-size: 17px;
    margin-bottom: 20px;
  }
  testimonial who {
    font-size: 13px;
    padding-right: 80px;
  }
  testimonial company,
  .recentwork .headered p {
    font-size: 13px;
  }
  .recentwork .headered p,
  .linkor p {
    font-size: 13px !important;
  }
  .headered b {
    font-size: 14px !important;
  }
  .headered h3 {
    font-size: 20px !important;
  }
  mainformation img {
    height: 14px;
  }
  .containered p {
    font-size: 13px;
    max-width: 100%;
  }
  .plecaderecha .boxp span {
    font-size: 10px;
  }
  .plecaderecha .boxp h3 {
    font-size: 28px;
  }
  .plecaizquierda .headered h2 {
    font-size: 25px;
  }
  .companies .portfolio .headered h2 {
    font-size: 25px;
    max-width: calc(100% - 90px);
  }
  .companies .portfolio .headered img {
    min-width: 50px;
  }
  .companies .center table tr td {
    font-size: 12px;
    white-space: nowrap;
  }
  .companies .center table tr td:first-child {
    width: 40%;
  }
  .company span,
  closer,
  .desplegadocompleto a {
    font-size: 12px;
    margin-right: 10px;
  }
  .company img.arrowcontinue {
    height: 15px;
  }
  .company img.logocompany {
    height: 25px;
  }
  .companyfilters form label,
  .companyfilters form select {
    font-size: 11px;
  }
  .companyfilters form select {
    background-size: 6px;
    background-position: top + 5px right;
  }
  .news .portfolio.gsa-section h3 {
    font-size: 18px !important;
  }
  .news.companies .center texto {
    font-size: 13px;
  }
  inferior goto {
    font-size: 10px;
  }
  inferior goto img {
    height: 10px !important;
  }
  .news.companies .center texto {
    margin-bottom: 0px;
  }
  inferior goto {
    margin-top: 10px;
  }
  .news newheader {
    margin-bottom: 10px;
  }
  .news .fourboxes {
    grid-template-columns: repeat(2, 1fr);
  }
  .news .boxed {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .contact .recentwork .headered h2 {
    font-size: 18px !important;
  }
  .contact .plecaizquierda svg {
    margin-bottom: 20px;
  }
  .containered secondaryinformation p {
    font-size: 18px;
    max-width: 90%;
  }
  .containered secondaryinformation a {
    font-size: 18px;
  }
  .formulariocontacto fieldset label,
  .formulariocontacto fieldset input,
  .formulariocontacto fieldset textarea {
    font-size: 13px;
  }
  .formulariocontacto button,
  .formulariocontacto label.upload {
    font-size: 15px;
  }
  .formulariocontacto label.upload {
    background-size: 15px;
  }
  .philosophy .containered secondaryinformation p {
    font-size: 18px;
  }
  .logos {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .philosophy .headered h2 {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .duobox:last-child span {
    font-size: 13px;
  }
  .duobox:last-child img {
    height: 10px;
  }
  .approach h2 {
    font-size: 20px !important;
  }
  .approach span {
    font-size: 15px;
  }

  .criteria {
    width: calc(50% - 30px);
  }
  criteria {
    font-size: 15px;
  }
  descriptioncriteria {
    font-size: 13px;
  }
  .criteria img {
    height: 40px;
  }
  nombre {
    font-size: 20px;
  }
  titulo {
    font-size: 13px;
  }
  #team .portfolio h1 {
    max-width: 55%;
  }
  .ctaphilosophy h2 {
    font-size: 22px;
    max-width: 90%;
  }
  frase {
    font-size: 14px;
  }
  bio {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .box-left,
  .box-right {
    width: 100%;
  }
  .box-left {
    padding-bottom: 100%;
  }
  .box-left {
    width: 50%;
    height: calc(50vh - 40px);
  }
  .box-right {
    height: calc(100vh - 80px);
    width: 50%;
  }
  .box-right .figura {
    height: calc(50vh - 40px);
    float: right;
  }
  .homeslider {
    width: 100%;
    min-width: 100vw;
    float: right;
  }
  .box-left h1 {
    font-size: 8vw;
    line-height: 9vw;
    position: absolute;
    left: 5vw;
    top: 5vw;
    max-width: 75%;
  }
  .svgcontainer {
    width: 25%;
  }
  .box-right,
  .homeslider,
  .homeslider .flexslider,
  .homeslider .flexslider .slides,
  .homeslider .flexslider .slides li {
    height: auto;
  }
  .homeslider .flexslider {
    margin-bottom: 0px;
  }
  .slide-partone,
  .slide-parttwo {
    padding-top: 100%;
    height: auto;
  }
  .slide-partone {
    padding: 0px;
    padding-top: 100%;
  }
  /*option2*/
  .box-left,
  .box-right {
    width: 100%;
  }
  .box-right .figura {
    display: none;
  }
  .testimoniales-container {
    width: 70%;
  }
  .figura-container {
    width: 30%;
  }
  .plecaderecha,
  .plecaizquierda {
    width: 100%;
  }
  .plecaizquierda {
    padding-bottom: 50%;
  }
  .plecaizquierda .headered h2 br {
    display: none;
  }
  .containered p {
    font-size: 14px;
    max-width: 85%;
  }
  .plecaizquierda .headered h2 {
    margin-top: 10px;
    margin-top: 0px;
  }
  .plecaderecha .containered {
    padding: 5vw;
  }
  .plecaizquierda .headered h2 {
    font-size: 7vw; /*line-height: 12vw*/
  }
  .plecaizquierda svg {
    max-width: 25%;
  }
  .infoin h4 {
    font-size: 13px !important;
  }
  .infoin who {
    font-size: 11px;
  }
  .infoin company {
    font-size: 10px;
  }
  .company span,
  closer,
  .desplegadocompleto a {
    font-size: 10px;
  }
  .company img.logocompany {
    height: 25px;
  }
  .company {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .company .desplegadocompleto span {
    max-width: 100%;
  }
  .desplegadocompleto a img {
    height: 12px;
    right: -20px;
  }
  .companiesitems .col-sm-6:not(.hiddened):nth-child(even) .company.expanded {
    margin-left: -5vw;
  }
  .company.expanded img.logocompany {
    height: auto;
    max-width: 40%;
  }

  .news.companies .featured-newimg {
    width: 100% !important;
    position: relative;
    padding-top: 100% !important;
  }
  .news.companies info {
    width: 100% !important;
    padding-top: 100%;
  }
  .news.companies infointerior {
    padding: 10vw;
  }
  .news .portfolio.gsa-section h3 {
    font-size: 22px !important;
  }
  .news.companies .center texto {
    font-size: 15px;
  }
  .contact .plecaderecha {
    padding-top: 100%;
  }
  .philosophy .plecaderecha {
    float: left;
    position: relative;
    padding-top: 100%;
  }
  .philosophy .plecaderecha img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) !important;
    top: 50%;
  }
  .journeys {
    width: calc(100% - 45px);
  }
  .singlejourney p {
    max-width: 80%;
  }
  .criteria {
    width: calc(100% - 30px);
  }
  criteria {
    padding: 20px;
    padding-bottom: 10px;
  }
  descriptioncriteria {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 50px;
  }
  .criteria img {
    padding-left: 20px;
    padding-bottom: 20px;
    height: 60px;
  }

  .desplegadocompleto a,
  .company.expanded span {
    font-size: 13px;
  }
  .company.expanded {
    min-height: auto;
  }
  .company.expanded typer {
    width: 100%;
    padding-left: 0px;
    margin-top: 10px;
  }
  .company.expanded .desplegadocompleto span {
    margin-right: 0px;
  }
  .criteria:first-child {
    margin-top: 0px;
  }
  .personajes {
    grid-template-columns: repeat(2, 1fr);
  }
  #team .portfolio h1 {
    max-width: 80%;
  }

  .arrows-container {
    top: -5px;
    width: 100px;
    right: 0px;
  }
  .plecaderecha {
    padding-top: 50%;
  }
}
@media screen and (max-width: 600px) {
  .companies .featured-newimg {
    width: 100% !important;
    position: relative;
    padding-top: 100% !important;
  }
  .companies info {
    width: 100% !important;
    padding-top: 100%;
  }
  .companies infointerior {
    padding: 40px;
  }
  .companies .center:before {
    height: 70%;
  }

  .news .fourboxes {
    grid-template-columns: repeat(1, 1fr);
  }
  .duofoto {
    width: 65%;
  }
  .duoboxes {
    width: 35%;
  }
  .duobox:last-child span {
    top: 30px;
  }
  .logos img {
    width: 28%;
    margin-bottom: 20px;
  }
  .philosophy .headered h2 {
    margin-bottom: 30px;
  }
  .columnas {
    display: block;
  }
  .columna {
    width: 100%;
    padding: 30px;
  }
  .teamfoto,
  .teaminfo {
    width: 100%;
    padding-top: 80%;
  }
  .personajes {
    grid-template-columns: repeat(1, 1fr);
  }
  #team .companieslist:before {
    height: 50vw;
  }

  .rightside {
    display: none;
  }
  .leftside {
    width: 100%;
  }
  .scrollablecontent {
    height: calc(100% - 10px - 28px - 20px - 13px - 10px - 30px - 20px - 3vw);
  }
}
@media screen and (max-width: 424px) {
  .contact .headered h2 br {
    display: inline-block;
  }
  .contact .headered h2 {
    max-width: 100% !important;
  }
  .companies .portfolio .headered h2 {
    max-width: calc(100% - 70px);
  }
  .ourproperties .headered a {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 375px) {
  .box-left h1 {
    font-size: 33px;
    line-height: 43px;
  }
  #gsa-offcanvas .main-ul {
    height: calc(50vh - 50px); height: calc(100% - 180px);
    padding-top: 0px;
  }
  #gsa-offcanvas ul li {
    height: 33.33%;
  }
  #gsa-offcanvas .main-ul:last-child {
    padding-top: 0px;
  }

  #gsa-offcanvas a,
  #gsa-offcanvas .language k {
    width: 100%;
    text-align: center;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  testimonial h3 {
    font-size: 14px;
    margin-top: 5px;
  }
  testimonial who {
    font-size: 12px;
  }
  testimonial company {
    font-size: 12px;
  }
  .testimoniales-container {
    width: 75%;
  }
  .figura-container {
    width: 25%;
  }

  .news.companies infointerior {
    padding: 7.5vw;
  }
  .news .portfolio.gsa-section h3 {
    font-size: 18px !important;
  }
  .news.companies .center texto {
    font-size: 14px;
  }
}
p {
  color: #203232;
  font-size: 1.2vw;
  float: left;
  width: 100%;
}
.headered b {
  font-size: 1.5vw;
  color: #203232;
  margin-bottom: 1vw;
  font-weight: normal;
  float: left;
  width: 100%;
}

blockquote {
  padding: 10px 20px !important;
  margin: 0 0 20px !important;
  font-size: 25.5px !important;
  border-left: 5px solid #c4c4c4 !important;
  color: black !important;
}

.homeslidered img {
  width: 100%;
  border-radius: 5px;
}
.gsa-section h4 {
  font-size: 3vw; font-weight: 500; margin-bottom: 30px;
}
.invocell b {
  margin-bottom: 2vw !important;
}
.invocell mainformation img {
  height: auto;
  width: 55%;
}
.blogs {
  display: flex;
}
.entry {
  border: 2px solid #d0d0d0; border: 0px none;
  border-radius: 0px;
  padding: 0px;
  flex: 1;
  margin: 15px;
}
.entry em {
  font-style: normal;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  color: #203232;
  font-size: 1.2vw; font-weight: bold; text-transform: uppercase;
}
.entry b {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  font-size: 1.6vw;
  font-weight: 500;
  color: #203232;
}
.entry span {
  font-size: 1vw;
  color: #203232;
}
.entryimg {
  width: 100%;
  padding-top: 70%;
  margin-bottom: 20px;
  background-size: cover;
}
.no-cta {
  color: #000 !important;
  margin-top: 20px;
}
.no-cta img {
  height: 10px;
  margin-left: 10px;
}
.porqueslider {
  width: 100%;
  float: left;
  padding-bottom: 50px;
}
.porqueslider .slick-dots {
  width: 100%;
}
.porqueslider .slick-dots li {
  margin-left: 0px;
  margin-right: 30px;
}
.porquechild {
  width: 100%;
  float: left;
}
.porquechild h3 {
  float: left;
  width: 100%;
}
#invocell mainformation {
  width: 100%;
  float: left;
}
.porqueslider .slick-dots li {
  font-size: 1.4vw;
  color: rgba(0, 0, 0, 0.35);
}
.porqueslider .slick-dots li.slick-active {
  color: rgba(0, 0, 0, 1);
}
.invocellhead {
  background: #ff8d6d;
}
.invocellhead p {
  color: #000;
  margin-bottom: 6vw;
}
.invocellhead img {
  width: 35%;
  margin-bottom: 3vw;
  margin-top: 2vw;
}
.invocellhead a {
  margin-bottom: 2vw;
}
.invocell p {
  color: #595959;
}
#invocell .recentwork b {

}
#invocell .recentwork p {
  color: #000;
}
#invocell .recentwork b,
#invocell .recentwork p {
  max-width: 70%;
}
img.fittowidth {
  width: 100%;
  float: left;
}
#invocell .recentwork .headered {
  margin-bottom: 0px;
}
.caracteristicas {
  border-top: 1px solid #000;
  margin-bottom: 0px;
  padding-top: 2.5vw;
}
#invocell .caracteristicas b {
  width: 100%;
  float: left;
  max-width: 100%;
}
#invocell .caracteristicas span {
  color: rgba(0, 0, 0, 0.67);
  text-align: justify;
  float: left;
  margin-bottom: 20px;
}
.withbullet {
  padding-left: 60px;
  position: relative;
}
.withbullet:before {
  width: 17px;
  height: 17px;
  border-radius: 17px;
  position: absolute;
  top: 5px;
  left: 25px;
  content: "";
}
.bulletgreen:before {
  background-color: #3dd4b0;
}
.bulletorange:before {
  background-color: #ff8d6d;
}
.bulletpink:before {
  background-color: #f97597;
}
#invocell h2 {
  float: left;
  width: 100%;
}
#invocell .recentwork b,
#invocell .recentwork p {
  max-width: 100%;
}
.diagrama .headered b {
}
.diagrama .headered p {
  max-width: 90%;
}
.exito {
  background-color: #f1f1f3;
}
.exito .headered .row h2 {
  float: left;
  width: 100%;
  max-width: 100%;
}
.exito .topper {
  margin-bottom: 2.5vw;
}
.exito .infocaracteristica {
  margin-bottom: 20px;
  float: left;
}
.exito .infocaracteristica span {
  color: #878787;
}
.exito .infocaracteristica img {
  width: 17px;
  height: 17px;
}
.exito .infocaracteristica div {
  margin-bottom: 10px;
}
.topper img.fittowidth {
  margin-bottom: 20px;
}
.whatsappbutton {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 2;
}
.whatsappbutton img {
  width: 5vw;
  min-width: 60px;
}
#como .invocellhead {
  background-color: #3dd4b0;
}
#como .invocellhead h2 {
  max-width: 100%;
  margin-top: 2vw;
  text-align: center;
}
#como .invocellhead p {
  max-width: 45%;
}
#como .invocellhead h3 {
  font-size: 2vw;
}
#como span {
  float: left;
  width: 100%;
  margin-bottom: 0vw;
}
#como .invocell {
  background-color: #f1f1f3;
}
#como .invocell h2 {
  line-height: 1;
}
#como .invocell .containered p {
  max-width: 100%;
}
#como .invocell .plecaizquierda {
  background-color: transparent;
  float: right;
}
#como .invocell .containered {
  padding-top: 0px;
  padding-bottom: 0px;
}
#como .plecaderecha {
  padding-top: 0px;
  position: absolute;
  height: 100%;
  border-radius: 5px;
}
#como .plecaizquierda {
  padding-top: 0px;
}
#como .plecaizquierda .containered {
  float: left;
  width: 100%;
  position: static;
}
#como .invocellhead h4 {
  max-width: 77.5%;
  margin-top: 6vw;
}
#como .ourproperties h2 {
  width: 100%;
  float: left;
  max-width: 100%;
}
#como .ourproperties .fourboxes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
#como .ourproperties .boxed {
  width: calc(100% - 40px);
  cursor: pointer;
}
#como .ourproperties .boxed img {
  height: 10px;
  margin-left: 10px;
}
#como .ourproperties .boxed span {
  font-size: 1vw;
  line-height: 1;
  margin-bottom: 3vw;
}
#como .ourproperties propertytitle {
  width: 100%;
  font-size: 1.3vw;
  min-height: 2.8vw;
}
#como .ourproperties descriptiontitle {
  min-height: 40px;
  margin-bottom: 1vw;
}
#como .ourproperties .boxed * {
  text-align: center;
}
#como .ourproperties .box-picture {
  padding-top: 100%;
}
.equipo h4 {
  margin-bottom: 4vw;
}
.financiamiento .plecaizquierda .containered {
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  padding: 0px;
  margin-left: 5vw;
  width: calc(100% - 5vw) !important;
  overflow: hidden;
}
.financiamiento .plecaizquierda .containered h4 {
  background-color: #3dd4b0;
  padding: 2.5vw;
  margin-bottom: 0px;
}
.paddinged {
  padding: 2.5vw;
  float: left;
  width: 100%;
  background-color: #fff;
}
#como .paddinged a {
  font-size: 1vw;
  line-height: 1;
  color: #000;
  border-top: 2px dotted #d0d0d0;
  padding-top: 15px;
  margin-top: 15px;
  display: inline-block;
  margin-bottom: 0px;
  width: 60%;
}
#como .paddinged img.alivio {
  width: 25%;
  display: block;
  margin-top: 15px;
}
#como .paddinged a img {
  height: 10px;
  margin-left: 10px;
  width: auto;
}
.financiamiento .infocaracteristica {
  margin-top: 15px;
}
.financiamiento .infocaracteristica img {
  width: 17px;
  height: 17px;
  float: left;
  margin-right: 10px;
}
.financiamiento .infocaracteristica div {
  margin-bottom: 10px;
}
.financiamiento .infocaracteristica span {
  color: #878787;
  float: left;
  width: calc(100% - 27px) !important;
  text-align: left;
}
#como .financiamiento span {
  max-width: 70%;
  margin-bottom: calc(2.5vw - 15px);
}
#como .financiamiento .infocaracteristica span {
  margin-bottom: 15px;
  max-width: 100%;
}
#como .financiamiento .infocaracteristica {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
#como .financiamiento .infocaracteristica:before,
#como .financiamiento .infocaracteristica:after {
  display: none;
}
#como .financiamiento .infocaracteristica div {
  width: 100%;
}

layer {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0px;
  left: 0px;
  content: "";
  z-index: 9998;
  position: fixed;
  opacity: 0;
  transition: 0.45s;
  visibility: hidden;
  pointer-events: none;
  overflow-y: auto;
}

body.expandeded .expanded layer {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
body.expandeded {
  overflow: hidden;
}

.floatinginfo {
  height: auto;
  /*top: 7.5vw;*/
  width: 85vw;
  transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);
  /*right: 7.5vw;*/
  position: relative;
  background-color: #f3efa6;
  z-index: 9999;
  cursor: default;
  padding: 5vw;
  transform: translateY(150%);
  float: left;
  margin: 7.5vw;
}

.floatinginfo nombre {
  font-size: 3vw;
  color: #000;
  float: left;
  text-align: left !important;
  width: 100%;
  margin-bottom: 20px;
}
.floatinginfo titulo {
  font-size: 1.2vw;
  float: left;
  width: 100%;
  text-align: left !important;
  margin-bottom: 20px;
}
.floatinginfo contenido {
  color: #000;
  font-size: 1.2vw;
  float: left;
  width: 100%;
  text-align: left !important;
}

.expanded .floatinginfo {
  transform: translate(0px, 0px);
}
#equipo {
  position: absolute;
  top: -79px;
  left: 0px;
  width: 100%;
}
#appointment {
  position: absolute;
  top: -79px;
  left: 0px;
  width: 100%;
}
#como .exito {
  background: #fff;
}
#como .exito span {
  width: calc(100% - 27px);
  float: left;
}
#como .exito img {
  float: left;
  margin-right: 10px;
}
#como .exito .headered .row h2 {
  margin-bottom: 10px;
}
#como .exito .headered p {
  color: #000;
  max-width: 60%;
}
#como .infocaracteristica {
  margin-top: 20px;
}
.metodos {
  width: 100%;
  float: left;
  padding-left: 60px;
  padding-right: 60px;
}
#como .exito .headered p,
#como .infocaracteristica {
  margin-bottom: 0px;
}
#como .exito .infocaracteristica div:last-child {
  margin-bottom: 0px;
}
#como .exito .topper {
  margin-bottom: 0px;
}
.slick-prev {
  background: url(../images/arrow_left.svg) center center no-repeat;
  left: -20px;
  background-size: contain;
  width: 80px;
  height: 80px;
  top: calc(50% - 40px);
}
.slick-next {
  background: url(../images/arrow_right.svg) center center no-repeat;
  right: -20px;
  background-size: contain;
  width: 80px;
  height: 80px;
  top: calc(50% - 40px);
}

#blog .invocellhead {
  background-position: center top;
  background-size: cover;
  filter: grayscale(1);
}
#blog .invocellhead * {
  color: #fff;
}
#blog .invocellhead h2 {
  max-width: 41.5%;
}
#blog .invocellhead p {
  max-width: 40%;
  margin-bottom: 5px;
}
#blog .invocellhead a {
  background: none;
  padding: 0px;
  text-decoration: underline;
  font-size: 1.3vw;
}

#blog .grip-nav {
  background: transparent;
}
#blog .grip-nav li a {
  color: #fff;
}
#blog .grip-nav li a i {
    color: #fff;
}
#blog .grip-nav li a.cta-button {
  color: #000!important; background:#fff!important
}
	#blog .grip-nav:hover li a.cta-button,#blog.scrolled .grip-nav li a.cta-button{ background:#000!important; color:#fff!important}

#blog .logo-nav svg path,
#blog .logo-nav svg rect,
#blog .logo-nav svg polygon {
  fill: #fff;
}
#blog .grip-nav:hover,
#blog.scrolled .grip-nav {
  background: #fff;
}

#blog .grip-nav:hover li a,
#blog .grip-nav:hover li a i
#blog.scrolled .grip-nav li a,
#blog.scrolled .grip-nav li a i {
  color: #9BAEAB;
}

#blog .grip-nav:hover li a:hover,
#blog .grip-nav:hover li a:hover i,
#blog .grip-nav:hover li a.selected
{
  color: #203232;
}

#blog .grip-nav:hover svg path,
#blog .grip-nav:hover svg rect,
#blog .grip-nav:hover svg polygon,
#blog.scrolled .grip-nav .logo-nav svg path,
#blog.scrolled .grip-nav .logo-nav svg rect,
#blog.scrolled .logo-nav svg polygon {
  fill: #1F3232;
}

#blog pleca {
  display: none;
}
body:not(.home) pleca {
  display: none;
}
#blog .gsa-section-overflow {
  margin-top: 0px;
}
#blog .invocellhead {
  padding-top: calc(10vw / 2 + 80px);
}
#blog .invocellhead.ctaslider {
  filter: grayscale(0);
  padding-top: 10vw;
  padding-bottom: 10vw;
  background-color: #85dade;
}
#blog .invocellhead.ctaslider h4 {
  max-width: 50%;
}
#blog .invocellhead.ctaslider * {
  color: inherit;
}
.frases,
.frase {
  float: left;
  width: 100%;
}
.frases {
  width: calc(100% - 40px);
  margin-left: 20px;
}

#entry h2 {
  max-width: 100%;
}
.entrie {
  background-color: #f1f1f3;
}
#entry .fittowidth {
  margin-bottom: 3vw;
}
#entry .entrie p {
  margin-bottom: 3vw; color: #9BAEAB
}
#entry .entrie b {
  margin-bottom: 3vw;
}
entry .entrie b strong{ font-size: 1.8vw; }
#contact .ourproperties {
  background-color: #d6d1c5;
}
#contact .invocellhead {
  background: #85dade;
}
#contact .invocellhead p {
  margin-bottom: 4vw;
}
#contact .invocellhead a {
  font-size: inherit;
  color: inherit;
  background: none;
  padding: 0px;
  border-radius: 0px;
  letter-spacing: 0px;
  margin-bottom: 0px;
  display: inline-block;
}
#contact .equipo {
  background: #f1f1f3;
}
.equipo h3 {
}
#contact iframe {
  width: 100%;
  float: left;
  border-radius: 4px;
  overflow: hidden;
  height: 350px;
}
.withborderorange:before {
  position: absolute;
  bottom: -30px;
  width: 120px;
  height: 1px;
  background: #ffb731;
  content: "";
  left: 15px;
}

.moreinformation {
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4vw;
}
/*.moreinformation a {
  font-size: 1.3vw;
  border-bottom: 1.5px dashed #000;
  padding-bottom: 5px;
  color: #000;
}*/

.ourproperties .headered a {
  margin-bottom: 0px !important;
}

#faq .invocellhead {
  background: #f1f1f3;
}
#faq .invocellhead p {
  color: #878787;
}
#faq .equipo {
  padding-top: 0px;
}
.questions {
  float: left;
  width: 100%;
  border-top: 1.5px dashed #000;
}
.fullquestion {
  margin-top: 20px;
  border-bottom: 1.5px dashed #000;
  float: left;
  width: 100%;
  cursor: pointer;
}
.question {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
.question:before {
  width: 30px;
  height: 1px;
  background: #85dade;
  position: absolute;
  right: 0px;
  top: 15px;
  content: "";
}
.question:after {
  width: 1px;
  height: 30px;
  background: #85dade;
  position: absolute;
  right: 15px;
  top: 0px;
  content: "";
  transition: 0.15s;
}

.active .question:after {
  transform: rotate(90deg);
}

.question b {
  font-size: 1.5vw;
  font-weight: normal;
  margin-left: 50px;
  margin-right: 50px;
  width: calc(100% - 100px);
  float: left;
}
.answer {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.active .answer {
}
.answer p {
  max-width: 60%;
  float: none;
  margin: 0 auto;
  margin-bottom: 20px;
}

@media screen and (max-width: 1200px) {
  #gsaf-footer h1,
  #gsaf-footer ul li a {
    font-size: 12px;
  }
  #gsaf-footer h1.reduced,
  #gsaf-footer h1.reduced a {
    font-size: 10px;
  }
  #gsaf-footer ul li a svg {
    height: 10px;
  }
  .entry span {
    font-size: 12px;
  }
  .entry b {
    font-size: 14px !important;
  }
  .entry em {
    font-size: 10px !important;
  }
  .porqueslider .slick-dots li {
    font-size: 13px;
  }
  #blog .invocellhead h2 {
    max-width: 100%;
  }
  #blog .invocellhead p {
    max-width: 100%;
  }
  #blog .invocellhead a {
    font-size: 13px;
  }
  .moreinformation a {
    font-size: 14px;
  }
  .question b {
    font-size: 14px;
  }
}

@media screen and (max-width: 1200px) {
  contact,
  .tel {
    width: 100%;
  }
  contact {
    margin-bottom: 0px;
  }
  .whitesection span {
    font-size: 14px;
  }
  #gsaf-footer ul li a img {
    width: 20px;
  }
  #gsaf-footer p, p {
    font-size: 12px;
  }
  #como .ourproperties .boxed span,
  #como .paddinged a {
    font-size: 14px;
  }
  #como .ourproperties propertytitle {
    font-size: 14px;
  }
  .financiamiento .plecaizquierda .containered h4,
  .paddinged {
    padding: 20px;
  }
  closer {
    width: 25px;
    height: 25px;
  }
  .floatinginfo nombre {
    font-size: 25px;
  }
  .floatinginfo titulo {
    font-size: 13px;
  }
  .floatinginfo contenido {
    font-size: 12px;
  }
}
@media screen and (max-width: 1099px) {
  .venture-img {
    height: 400px;
    max-height: 400px;
    min-height: 400px;
  }
}
@media screen and (max-width: 991px) {
  place {
    font-size: 1.5vw;
    bottom: -3.5vw;
  }
  place img {
    height: 1vw !important;
  }
  .box h3 {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .box img {
    height: 40px;
    margin-bottom: 15px;
  }
  .box div {
    padding: 20px;
  }
  .box span {
    margin-bottom: 10px;
  }
  .box span,
  .box a {
    height: auto;
    font-size: 14px;
  }
  .gsa-section h1 {
    font-size: 16px;
    max-width: 100%;
  }
  .gsa-section h2 {
    font-size: 24px;
    max-width: 100%;
  }
  .gsa-section h3 {
    font-size: 26px;
    max-width: 100%;
  }
  .gsa-section h4,
  .buttonshow {
    font-size: 19px!important
  }
  .belowslider {
    margin-top: 50px;
  }
  .withanchor a {
    float: left;
    width: 100%;
    font-size: 16px;
  }
  .venture-img {
    width: 100%;
  }
  .venture-infocontainer {
    margin-top: 15px;
    margin-left: -15px;
    width: 60%;
  }
  .venture-img {
    height: 350px;
    max-height: 350px;
    min-height: 350px;
  }
  .venture-in span {
    font-size: 13px;
  }
  .slick-dots {
    width: calc(50% - 15px);
  }
  .venture-info nombre {
    font-size: 11px;
    line-height: 1;
  }
  .venture-info img {
    max-width: 70%;
  }
  #gsaf-footer h1 {
    font-size: 13px;
  }
  #gsaf-footer ul li a {
    font-size: 13px;
  }
  #gsaf-footer h1.reduced {
    font-size: 11px;
  }
  powering {
    font-size: 18px;
  }
  .belowed p,
  .belowed a {
    font-size: 13px;
  }
  .parallaxcontainer img.about1 {
    left: 25vw;
    top: 0vw;
  }
  .parallaxcontainer img.about2 {
    left: 0vw;
    top: 35vw;
  }
  .parallaxcontainer img.about3 {
    right: -40vw;
    top: 25vw;
    width: 80vw;
  }
  .parallaxcontainer titleparallax {
    font-size: 40px;
  }
  .clip {
    width: 35vw;
  }
  .center anio {
    font-size: 28px;
  }
  .center texto {
    font-size: 14px;
  }
  .item-producto h2 {
    font-size: 28px !important;
  }
  .textoizquierda b {
    font-size: 14px;
  }
  .ok img {
    height: 25px;
    margin-right: 10px;
  }
  .ok span {
    font-size: 14px;
    line-height: 25px;
  }
  .gsa-section h5 {
    font-size: 26px;
  }
  .brand {
    margin-bottom: 20px;
  }
  mission p,
  vision p {
    font-size: 13px;
  }
  filter {
    font-size: 12px;
    margin-right: 2vw;
  }
  filters {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  #gsaf-footer h1 {
    margin-bottom: 20px;
  }
  belowfooter span {
    font-size: 11px;
  }
  .mainslider .flex-control-nav li {
    margin: 0px 5px;
  }
  .mainslider .flex-control-nav li a,
  .mainslider .flex-control-nav li a.flex-active {
    width: 12px;
    height: 12px;
  }
  .experts-selectors a {
    font-size: 14px;
  }
  .center texto {
    font-size: 13px;
  }
  .center anio,
  .center fintype {
    font-size: 11px;
  }
  info {
    width: 55%;
  }
  .boxed span {
    font-size: 16px;
  }
  .boxed em {
    font-size: 12px;
  }
  .slick-dots li button {
    width: 12px;
    height: 12px;
  }
  .mainslider .flex-control-nav li {
    margin: 0px 5px;
  }
  propertytitle {
    font-size: 16px;
  }
  descriptiontitle {
    font-size: 13px;
  }
  newheader {
    font-size: 12px;
  }
  readmore {
    font-size: 10px;
  }
  readmore img {
    height: 10px;
  }
  .fourboxes .boxed em,
  span.bullet {
    font-size: 11px !important;
  }
  .salescontainer h1 {
    line-height: 18px;
  }
  .properties .fourboxes {
    margin-top: 68px;
  }
  results k,
  sort {
    font-size: 13px;
  }
  .infoproperty span,
  .infoproperty ol li,
  .infoproperty ul li {
    font-size: 14px;
  }
  .buttondownload,
  .filtersblack a,
  .big-section p,
  .about .infowork p {
    font-size: 14px;
  }

  .infoproperty {
    padding-top: calc(15vw / 2);
  }
  .works .twoboxes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .derechos ul li {
    width: 50%;
  }
  .work .derechos h3,
  .services h3 {
    line-height: 1.4;
    font-size: 18px;
  }
  .work .infoproperty h2 {
    font-size: 35px;
  }
  typenews {
    font-size: 12px;
  }
  titlenews {
    font-size: 16px;
  }
  subtitlenews,
  .contacts form fieldset label,
  .contacts form fieldset input,
  .contacts form fieldset textarea {
    font-size: 14px;
  }
  .modal-title {
    font-size: 18px;
  }
  .contacts .infowork p {
    font-size: 15px;
  }
  .anchorscontainer a,
  .blueribbon span {
    font-size: 18px;
  }
  .infowork {
    padding-top: 100px !important;
  }
  .contacts .infowork h2 {
    margin-bottom: 40px;
  }
  .toshow {
    margin-top: 20px;
  }
  .about h2 {
    line-height: 1.3;
  }
  .about h4 {
    font-size: 24px;
  }
  .legalfooter {
    margin-top: 2vw;
    margin-bottom: 2vw;
  }
  .invocell mainformation img {
    width: 45%;
  }
  .invocell h3 {
    margin-bottom: 15px;
  }
  .headered a {
    padding: 13px;
    line-height: 1;
  }

  .invocell .plecaizquierda {
    padding-top: 0px;
    float: right;
  }
  .invocell .plecaizquierda .containered {
    position: static;
    float: left;
  }
  .invocell .plecaderecha {
    position: absolute;
    height: 100%;
    border-radius: 5px 0px 0px 5px;
  }
  .infocaracteristica {
    width: 100%;
  }
  #como .ourproperties .fourboxes {
    grid-template-columns: repeat(3, 1fr);
  }
  #como .invocellhead p {
    max-width: 80%;
  }
  #como .financiamiento span {
    max-width: 90%;
  }
  #como .exito .headered p {
    margin-bottom: 30px;
    max-width: 100%;
  }
  #como .exito .headered .row h2 br {
    display: none;
  }
  .withborderorange {
    float: left;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .answer p {
    max-width: calc(100% - 80px);
  }
}
@media screen and (max-width: 767px) {
  .invocell .plecaderecha {
    position: static;
    height: auto;
    padding-top: 50%;
    border-radius: 0px;
  }
  .invocell .plecaizquierda .containered p {
    margin-bottom: 20px;
  }

  .experts-container {
    display: none;
  }
  #gsa-hero .flexslider .display-cell h1 {
    padding-right: 14vw;
  }
  place {
    font-size: 12px;
    bottom: -30px;
  }
  place img {
    height: 10px !important;
  }
  .mainslider {
    padding-top: 85px;
    padding-bottom: 50px;
  }
  /*#gsa-hero{ height: calc(100vh - 85px - 50px) }*/
  #grip-logo svg {
    width: 18vw;
  }
  .legalfooter {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .parallaxcontainer img.about1 {
    left: 25vw;
    top: 17vh;
    width: 60vw;
  }
  .parallaxcontainer img.about2 {
    left: 0vw;
    top: 39vh;
    width: 50vw;
  }
  .parallaxcontainer img.about3 {
    right: -40vw;
    top: 61vh;
    width: 100vw;
  }
  .clip {
    width: 50vw;
  }
  .logo {
    height: 8.5vw;
  }
  .formcontact input,
  .formcontact textarea,
  .formcontact select,
  .formcontact button {
    font-size: 14px;
  }
  .formcontact input,
  .formcontact textarea,
  .formcontact select {
    margin-bottom: 15px;
  }
  .formcontact {
    margin-top: 20px;
  }
  .item-producto {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  mission,
  vision {
    width: 100%;
  }

  .mainslider .flex-control-nav {
    bottom: 5vh;
  }
  .mapcontainer {
    display: none;
  }
  .salescontainer {
    width: 100%;
  }
  .greybackground.properties .grip-nav,
  .greybackground.properties .filters,
  .salescontainer h1 {
    position: static;
    height: auto;
  }
  .greybackground .ourproperties {
    margin-top: 0px;
  }
  .salescontainer h1 {
    padding-bottom: 0px;
  }
  .combobox,
  square {
    margin-bottom: 20px;
  }
  .greybackground.properties .filters {
    padding-bottom: 0px;
  }
  .salescontainer h1 {
    width: 100%;
    padding-right: 40px;
  }
  .properties .fourboxes {
    margin-top: 0px;
  }
  sort .combobox {
    margin-bottom: 0px;
  }
  .derechos {
    margin-top: 40px;
  }
  .arrows-property .slick-prev {
    left: 25px;
  }
  .arrows-property .slick-next {
    right: 25px;
  }
  .buttoners a {
    font-size: 13px;
  }
  .buttoners {
    margin-top: 40px;
  }
  .contacts .dflex {
    display: block;
  }
  .contacts .alignbottom img {
    margin-top: 40px;
  }
  .contacts iframe {
    margin-top: 40px;
    height: 400px;
    position: static;
  }
  .big-picture {
    position: static;
    width: 100%;
    float: left;
    padding-top: 50%;
  }

  .big-picture circle {
    margin-top: -45%;
    margin-bottom: 5%;
    width: 35%;
    padding-top: calc(35% - 8px);
  }
  .properties belowfooter,
  .properties footer {
    display: block;
  }
  pleca {
    font-size: 10px;
  }

  .home .gsa-nav-toggle {
    top: 72px;
  }
  .scrolled .gsa-nav-toggle {
    top: 22px;
  }

  .plecaizquierda {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .plecaizquierda .containered {
    float: left;
    position: static;
  }
  .plecaizquierda .containered p {
    margin-bottom: 0px;
    max-width: 100%;
    font-size: 13px !important;
  }
  #faq .plecaizquierda .containered p {
    margin-bottom: 20px;
  }
  .blogs {
    display: block;
  }
  .entry {
    float: left;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .bloge h4 {
    margin-bottom: 0px;
  }
  #invocell .plecaderecha,
  #faq .plecaderecha {
    float: left;
    position: static;
    padding-top: 50%;
  }
  #invocell .ourproperties h4 {
    margin-top: 20px;
  }
  .caracteristicas b br {
    display: none;
  }
  .caracteristicas .prime {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 20px;
  }
  #como .ourproperties .fourboxes {
    grid-template-columns: repeat(2, 1fr);
  }
  #como .ourproperties .boxed span {
    margin-bottom: 20px;
  }
  .financiamiento .plecaizquierda .containered {
    width: 100% !important;
    margin-left: 0px;
  }

  #como .plecaderecha {
    float: left;
    position: static;
    height: auto;
    padding-top: 50%;
    margin-bottom: 5vw;
  }
  #como .plecaizquierda .containered {
    padding-left: 0px;
    padding-right: 0px;
  }

  .metodos {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .slick-prev {
    left: -20px;
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
  }
  .slick-next {
    right: -20px;
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
  }
  #blog .invocellhead.ctaslider h4 {
    max-width: 80%;
  }
}
@media screen and (max-width: 600px) {
  info {
    border-right: 0px none;
  }
  .recentwork h1,
  .ourproperties h1 {
    margin-bottom: 0px;
  }
  .home .recentwork h1,
  .home .ourproperties h1 {
    margin-bottom: 68px;
  }
  #como .recentwork h1{ margin-bottom: 10px; }
  /*.arrows-container{ bottom: 15px; top: auto }*/
  .bluetowhite {
    right: auto;
    left: 15px;
    bottom: 15px;
    top: auto;
  }
  .works .twoboxes {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .imgabsolute {
    float: right;
    position: static;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .twoboxes .box-picture {
    margin-left: 5vw !important;
    margin: 5vw;
    width: calc(100% - 10vw);
    margin-bottom: 0vw;
    padding-top: calc(100% - 10vw);
  }
  .infoin {
    left: 5vw !important;
    width: calc(100% - 10vw);
    top: 5vw;
    height: calc(100% - 5vw);
  }
  .infoin h4 {
    font-size: 18px !important;
    line-height: 1.3;
  }
}
@media screen and (max-width: 425px) {
  .clip {
    width: 70vw;
  }
  #como .ourproperties .fourboxes {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* Celular */

@media screen and (max-width: 768px) {
  /*#gsa-hero .flexslider .display-cell h1,.nothome #gsa-hero .flexslider .display-cell h1 { font-size: 37px}
	#gsa-hero { height: 488px}*/
  .pasosBig {
    display: none;
  }
  .pasosSmall {
    display: block;
  }

  .answer ul {
    text-align: left;
    font-size: 12px;
    color: #6e6e6e;
  }

  div.b {
    font-size: 19px !important; margin-bottom: 0px;
  }
  div.b strong{ font-size: 22px!important; }

  blockquote {
    font-size: 20.5px !important;
  }

  .entry b {
    font-size: 21px !important;
  }

  .entry span {
    font-size: 15px;
  }

  #gsaf-footer p,p {
    font-size: 15px;
    padding-bottom: 20px;
  }
  #gsaf-footer p{ padding-bottom: 0px; }
}

@media screen and (max-width: 767px) {
.notlegal{ margin-top:20px}
.notlegal div{ padding-left: 0px; padding-right: 0px}
}
@media screen and (max-width: 500px) {
.notlegal{ width: 100% }
.tohide{ display: none; }
#gsaf-footer .copyright .block.blockimg svg{ margin-bottom: 10px; }
}

.bgtransparentblackletter .grip-nav{ background:transparent}
.home .gsa-section-overflow{ margin-top:0px; padding-top:0px; background:#fff}
	.home .gsa-section.recentwork .gsa-container{ padding-top:80px}
	.home .gsa-section.recentwork{ background:#203232}
	
	
.home .grip-nav:hover, .home.scrolled .grip-nav,.grip-nav {
    background: #fff;
}
@media (max-width: 991px){
.grip-nav ul li a.cta-button{ font-size:10px!important}
body .dropdown-menu{ left:0px!important}
body .grip-nav ul li a.dropdown-item{padding: 10px 10px!important}
}
			.icons {
			  display: inline-block;
			  height: 100%;
			  width:100%;
			  position: absolute;
			  vertical-align: top; top:0px; left:0px; z-index:1
			}
			.icon-container {
			  -webkit-box-align: center;
			  -webkit-align-items: center;
			  -ms-flex-align: center;
			  align-items: center;
			  -webkit-animation-direction: alternate;
			  animation-direction: alternate;
			  -webkit-animation-iteration-count: infinite;
			  animation-iteration-count: infinite;
			  -webkit-animation-name: floating;
			  animation-name: floating;
			  -webkit-animation-play-state: running;
			  animation-play-state: running;
			  -webkit-animation-timing-function: ease-in-out;
			  animation-timing-function: ease-in-out;
			  background-position: center;
			  background-repeat: no-repeat;
			  display: -webkit-box;
			  display: -webkit-flex;
			  display: -ms-flexbox;
			  display: flex;
			  -webkit-box-pack: center;
			  -webkit-justify-content: center;
			  -ms-flex-pack: center;
			  justify-content: center;
			  opacity: 1;
			  -webkit-transition: margin 1s cubic-bezier(0.2, 0.6, 0.3, 1), opacity 2s ease;
			  transition: margin 1s cubic-bezier(0.2, 0.6, 0.3, 1), opacity 2s ease;
			  animation-duration: 4s;
			  position: absolute;
			}
			@keyframes floating {
			  0% {
				-webkit-transform: translateY(8px) rotate3d(0, 0, 1, 3deg);
				transform: translateY(8px) rotate3d(0, 0, 1, 3deg);
			  }
			
			  100% {
				-webkit-transform: translateY(-8px) rotate3d(0, 0, 1, 0deg);
				transform: translateY(-8px) rotate3d(0, 0, 1, 0deg);
			  }
			}
			.icon-container img{ width:100%}
			 .womb1{-webkit-animation-duration: 4s;
			  animation-duration: 4s;
			  width: 12%; top:15%; left:-5%}
			 .womb2{-webkit-animation-delay: -.9s;
    			animation-delay: -.9s;
				-webkit-animation-duration: 4s;
				animation-duration: 4s;
			 	width: 15%;
			   -webkit-transition-delay: .7s;
    			transition-delay: .7s; top:50%; right:-5%}
			.womb3{-webkit-animation-delay: -2.9s;
				animation-delay: -2.9s;
				-webkit-animation-duration: 4s;
				animation-duration: 4s;
			  	width: 12%;
			   -webkit-transition-delay: .6s;
    			transition-delay: .6s; top:31%; right:20%}
			.womb4{-webkit-animation-delay: -2.2s;
				animation-delay: -2.2s;
				-webkit-animation-duration: 4s;
				animation-duration: 4s;
			  	width: 12%;
			   -webkit-transition-delay: .2s;
    			transition-delay: .2s; top:-1.5%; right:3%}
			.womb5{-webkit-animation-delay: -1.8s;
				animation-delay: -1.8s;
				-webkit-animation-duration: 4s;
				animation-duration: 4s;
			  	width: 15%;
			   -webkit-transition-delay: .1s;
    			transition-delay: .1s; top:42%; left:-3%}
				@media screen and (max-width: 767px){
					.womb2{ top:51%}
					.womb3{ top:37%}
					.womb4{ top:3%}
					.womb5{ top:45%}
				}
			.home .recentwork .headered b{ color:#203232; margin-top:10px}
			.home .recentwork .headered h2{ font-size:4.5vw; color: #fff; font-family: "Self"; margin-bottom: 20px;}
			.home .gsa-nav-toggle{top:12px!important}
			.home .homeslidered{ background:#D6D1C5; float:left; width:100%; height:40vw; border-radius:5px; overflow:hidden}
				.home .homeslidered svg{ width:80vw; height:80vw; margin-left:7.5vw}
				#see_saw{padding:0px}
				#testimonials{ background:#f3efa6}
					#testimonials .boxed img{ float:left; width:100%; margin-bottom:20px; border-radius:5px}
					
					.scrolled .grip-nav{ background:#fff}
					span.horario{color:#878787}
					.information a{ width:auto; float:left}
			#contact .ourproperties.cita h4{ font-size:1.5vw}
			#contact .ourproperties a{ border:1px solid #000; background:none; color:#000}
				#contact .ourproperties a:hover{ background:#000; color:#fff}
				#contact .equipo .moreinformation .horario{ font-size:18px}
				#contact .moreinformation a{ margin-left:25px}
					#contact .moreinformation a img{ width:28px}
					.plecon{ background:#EFEFEF; padding:calc(25vw / 2) 0; overflow:hidden}
						.plecon h2{max-width:100%; margin-bottom:0px}
						.plecon .gsa-container{ z-index:2}
						.plecon .womb3{ right:auto; top:-25%; left:2%; width:20%}
						.plecon .womb4{ width:20%; top:-35%; right:7%}
						.plecon .womb2{ width:20%; top:auto; bottom:-35%; right:auto; left:10%}
						.plecon .womb1{ width:25%; top:auto; bottom:-30%; right:3%; left:auto}
						.plecon .womb5{ display:none}
						
						#blog .invocellhead{ filter:grayscale(0); background-size: auto 100%;	background-position: right center;}
						#blog .bgsin{ filter:grayscale(1); width:50%; height:100%; position:absolute; z-index:1; right:0px; top:0px; background-size:cover; background-position:center center}
						#blog .invocellhead:before{ background:#00B4E3; content:""; width:50%; height:100%; position:absolute; left:0px; top:0px; z-index:1}
						#blog .invocellhead .gsa-container{ z-index:2}
						#blog .ourproperties{ background:#F3EFA6}
							#blog .ourproperties h4{ font-size:2.5vw}
							#blog .invocellhead p,#blog .invocellhead h2{
								max-width: 40%;
							}
							@media screen and (max-width: 767px){
								#blog .invocellhead p,#blog .invocellhead h2{
									max-width: 100%;
								}
								#blog .invocellhead:before{ width:100%}
								#blog .invocellhead{ padding-bottom:calc(10vw / 2 + 300px)}
								#blog .bgsin{bottom:0px; width:100%; height:300px; top:auto}
							}
							#entry .entrie:before{ width:100%; height:18%; background:#F3EFA6; content:""; position:absolute; left:0px; top:0px; display: none;}
							
							#gsa-offcanvas .dropdown-menu{ margin-left:15px}
							#gsa-offcanvas a.cta-button{ font-size:11px}
							.badges{ border-top:1px solid #D0D0D0; padding-top:calc(10vw / 2) 0; margin-top:0px}

      .notespacios.espacios .espacios-img div{ background-size: contain }
      .brown div{ background-color: #BDB5A7!important; }
      #como .espacio-exclusivo .headered h1{ width: 100%; text-align: center; font-weight: bold; }
      #como .espacios.notespacios h1,#como .espacios.notespacios h2{ margin-bottom: 50px; margin-bottom: 6vw; }
      #como .espacios.notespacios p{ margin-bottom: 0px; }
      .frase{ background: #9BAEAB url(../images/about-patron.svg) center center; background-size: cover; display: flex; align-items: center; justify-content: center;}
        .frase h2{ color: #203232!important; font-size: 5vw; max-width: 50%; text-align: center; font-family: "Self"; margin-bottom: 0px;}

      #como .espacio-exclusivo .rectangle div{ float: left; }
      #como .espacio-exclusivo .rectangle h3{ font-family: "Basis"; font-size: 1.5vw; font-weight: bold; text-transform: uppercase; text-align: justify; white-space: nowrap; float: left;}
      #como .espacio-exclusivo .rectangle span{ padding: 0px; text-align: left; font-size: 1.2vw; min-height: 3; }
      body#como .espacio-exclusivo .rectangle div{ padding: 0px; background: none!important; }
      #como .espacio-exclusivo picture{ padding-top: 120%; }
      #como .espacio-exclusivo .rectangle div{ position: relative; }
        #como .espacio-exclusivo .rectangle div:before{width: 1px; position: absolute; right: -35px; top: 0px; height: 100%; background: #203232; content: "";} 
        #como .espacio-exclusivo .rectangle.dark div:before{ display: none; }
        .call-contact{ background: #9BAEAB!important; }
        .call-contact *{color: #203232!important}
        .call-contact a{color: #fff!important; margin-top: 20px; float: left; }
        .call-contact h1{ font-weight: bold; }
        .call-contact h2{ font-family: "Basis"; font-weight: 500; }
        .call-contact iframe{ width: calc(100% - 30px); float: left; margin-top: 50px; }
        .call-contact .row,.textual{display: flex;}
        .textual{ justify-content: flex-end; align-items: flex-end; }
        .textual b{ font-weight: bold; }
        .textual div{ float: left; width: 100%; margin-top: 30px; }
        #contactos h1{ text-transform: uppercase; font-size: 18px; }
        #contactos h2{ font-size: 4.5vw;  float: left; width: 100%; font-weight: 300;}
        #contacto b{ font-weight: bold; }
        .formulariocontacto fieldset input, .formulariocontacto fieldset textarea{border-radius: 0px; border-color: #DBDBDB; background: #DBDBDB;}
          .formulariocontacto fieldset input:focus, .formulariocontacto fieldset textarea:focus{ background: #fff; }
          #business .notespacios.espacios .espacios-img div{ background-size: cover; }
          .mb100{ margin-bottom: 100px; }
          .mt100{ margin-top: 100px; }
          .full-section{ background: url(../images/business-slider.png); background-size: cover; background-position: top center; height: 100vh; display: flex; align-items: center; justify-content: center;
            min-height: 400px;}
          #bloge .full-section{ height: 70vh; }
            .full-section *{color: #fff}
            .full-section h1{ font-size: 20px; margin-bottom: 20px; font-weight: bold}
            .full-section h2{ font-size: 4.5vw; font-family: "Self"; }
            .negocios h1{ color: #203232; font-size: 4.5vw; font-family: "Basis"; text-transform: none; font-weight: 500; }
            .negocios h2{color: #203232; font-size: 4.5vw; font-family: "Self"; width: 100%; float: left; max-width: 100%;}
            .negocios p{color: #203232; font-size: 1.5vw; float: left; width: 100%; margin-bottom: 0px;}
            .negocios medidas{ float: left; width: 100%; display: flex; margin-bottom: 150px; margin-top: 50px;}          
              .negocios medidas img{ width:20%; float: left; }
              .negocios medidas medida{ width: 70%; float: left; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-left: 10%;}
              .negocios medidas span{ width: 100%; font-size: 1vw; float: left; text-align: left;}
              .negocios medidas strong{ width: 100%; font-size: 2.5vw; float: left; text-align: left;}
            .negocios-list{ float: left; width: 100%; margin-top: 0px; margin-bottom: 40px; display: flex;}
              .negocios-list a{ width: 33.33%; height: 50px; line-height: 50px; color: #9BAEAB; text-transform: uppercase; font-weight: bold; font-size: 20px;
                border-bottom: 1px solid #203232; text-align: center;}
                .negocios-list a.selected{ color: #203232; position: relative;}
                .negocios-list a:hover{ color: #203232; }
                  .negocios-list a.selected:before{ position: absolute; bottom: -2px; height: 3px; background: #203232; width: 100%; content: ""; left: 0px;}

                .negocio{ width: 100%; float: left; display: none; }
                  .negocio.selected{ display: block; }
                  .negocio .row{ display: flex; position: relative;}
                    .negocio .row .bg-negocio{ height: 100%; position: absolute; top: 0px; right: 0px; background-size: cover; background-position: center center; width: 65%; }
                    .negocio a{ margin-bottom: 50px; }

                    #bloge .full-section p{ font-size: 1.8vw; max-width: 45%; margin-bottom: 0px;}
                    #bloge .full-section h2{ max-width: 55%}
                    #bloge .full-section h1{ margin-top: 30px;}
                    #bloge .full-section { position: relative; }
                    #bloge .full-section:before{ position: absolute; width: 100%; height: 100%; background:rgba(0,0,0,0.4); content: ""; top: 0px; left: 0px; z-index: 1; }
                    #bloge .full-section .gsa-container{ z-index: 2; position: relative; }
                    .entry{ display: flex; flex-direction: column; }
                    container{ padding-left: 15px; border-left: 1px solid #203232; float: left; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
                    main{ float: left; width: 100%; }
                    vermas{text-transform: uppercase;
    color: #203232!important;
    letter-spacing: 1.1px;
    font-weight: normal;
    font-size: 13px;
    background: none!important; font-weight: bold; display: flex; align-items: center; justify-content: flex-start;  float: left; margin-top: 30px; width: 100%;}
                  vermas img{ margin-left: 15px; }
                  .entry span{ float: left; width: 100%; }
                  .headered h2{ font-family: "Self"; }

                  .dale{ position: relative; }
                  .regresar{ float: left; color: #203232; font-weight: 500; font-size: 17px; margin-bottom: 40px; margin-left: 15px;
                    position: absolute; left: 0px; top: 0px;}
                  .regresar img{ transform: rotate(180deg); margin-right: 10px }
                  #como.home .gsa-section.espacio-exclusivo{ padding-top: 10px;  }
                  #como.home .gsa-section.espacio-exclusivo h2{ margin-bottom: 0px; }
                  .full-section{ margin-top: 80px; height: calc(100vh - 80px); position: relative; }
                  .full-section:before{ position: absolute; top: 0px; width: 100%; height: 100%; left: 0px; background: rgba(0,0,0,0.15); content: ""; }

                  #business .brown h1{ margin-bottom: 5vw; }
                   #business .brown h2{ margin-bottom: 13vw; }
                   #business .brown h2.mt100{ margin-top: 10vw; }
                   #contact .headered b{ font-weight: 500; }
                  #contactos h2{ font-family: "Basis"; font-weight: 400; }
      @media (max-width: 991px){
        #como .espacio-exclusivo .rectangle span,.negocios medidas span {font-size: 12px}
        #como .espacio-exclusivo .rectangle.medium div:before{ display: none; }
        .call-contact .row{ display:block }
        .call-contact iframe{ width: 100%; }
        #contactos h1.text-right{ opacity: 0.5; font-size: 10px;}
         .mb100{ margin-bottom: 50px; }
          .mt100{ margin-top: 50px; }
          .negocios p,#bloge .full-section p{ font-size: 14px; }
          .negocios medidas strong{ font-size: 30px; }
          .negocios h2{ font-size: 24px; } 
          .negocios medidas{ margin-top: 20px; margin-bottom: 20px; }
          .full-section h2{ font-size: 35px; }
          .negocios-list a{ font-size: 15px; }
          #bloge .full-section h2,#bloge .full-section p{ max-width: 85%; }
          .regresar{ position: relative; }
          #como .espacio-exclusivo .rectangle h3{ font-size: 17px!important; }
      }
      @media (max-width: 767px){
        #como .espacio-exclusivo .rectangle.light div:before{ display: none; }
        #como .gsa-section.recentwork.aboutin h1 {margin-top: 50px; margin-bottom: 20px!important}
        #como .gsa-section.recentwork.aboutin p{ margin-bottom: 0px;padding-bottom: 0px; }
        #como .aboutin .espacios-img{ height: 250px; }
        #como .notespacios .espacios-img{ padding-bottom: 0px; }
        #como .notespacios .espacios-img div{ padding-top: 120%; }
        .frase{padding-top: 50px; padding-bottom: 50px; background-size: contain;}
        #como .espacios.notespacios.brown p{ padding-bottom: 0px; }
        #como .brown .espacios-info{ padding-bottom: 0px; }
        #contactos h1{ font-size: 14px; }
        #divMessage{ margin-top: 50px; }
         .mb100{ margin-bottom: 20px; }
          .mt100{ margin-top: 20px; }
          #business .espacios .espacios-img div{ padding-top: 100%; }
          .negocio .row .bg-negocio{ height: 250px; position: relative; float: left; margin-top: 30px; width: calc(100% - 30px); margin-left: 15px;}
          .negocio .row{ display: block; }
          .full-section{ max-height: 400px; }
          #como .notespacios.brown .espacios-info{ padding-top: 50px; }
          #como .espacio-exclusivo .gsa-container:last-child{ padding-top: 40px; }
          .call-contact iframe{ margin-top: 20px; }
          #como .espacio-exclusivo .rectangle h3{ font-size: 17px!important; }
          .full-section{ margin-top: 60px; height: calc(100vh - 60px); 
      }