/** v1**/

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

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

#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;
}

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

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

body {
  font-family: "Graphik";
  font-weight: normal;
}

#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: #000;
  outline: 0;
  text-decoration: none;
}

p {
  margin-bottom: 20px;
}

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

::-webkit-selection {
  color: rgb(0, 0, 0);
  background: #ffea2e;
}

::-moz-selection {
  color: rgb(0, 0, 0);
  background: #ffea2e;
}

::selection {
  color: rgb(0, 0, 0);
  background: #ffea2e;
}

.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.05s;
transition: transform 0.05s ease-out, top 0.05s ease-out;
}

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;
}

.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;
  }
}

.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;
}

.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: 400 !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;
}

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

#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;
  font-weight: normal;
  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;
  font-weight: normal;
  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;
  }
}

.slider {
  background: #231f20;
  padding-top: 14vw;
}
#gsa-offcanvas {
  position: absolute;
  position: fixed;
  z-index: 1901;
  width: 100%;
  background: rgba(56, 134, 247, 0.95);
  background: #000;
  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(15vw / 2);
  padding-top: 100px !important;
}

@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 a:hover {
  color: rgba(255, 255, 255, 1);
}

#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: #fff !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: #fff;
  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: #fff;
  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: 12px;
  top: 20px;
  padding: 6px 0 0;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 44px;
  z-index: 2001;
  border-bottom: none !important;
  right: calc(15vw / 2 - 19px);
  top: 25px;
}
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.gif) center no-repeat #000;
  background-size: 150px;
  background-image: none;
}
.nothome .gsa-loader {
  background-image: none;
  background-color: #eeefef;
}
#contacto .gsa-loader {
  background-color: #000;
}

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

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

#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;
}

#gsa-hero .flexslider .flex-control-nav {
  bottom: 80px;
  z-index: 1000;
  text-align: left;
}

#gsa-hero .flexslider .flex-control-nav li {
  margin: 0px 7px;
}
#gsa-hero .flexslider .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;
}

#gsa-hero .flexslider .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.gsa-container {
  position: initial;
}

#gsa-hero .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;
  font-family: "Agipo";
  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: 550px) {
  /*#gsa-hero .flexslider .display-cell h1,.nothome #gsa-hero .flexslider .display-cell h1 { font-size: 37px}
	#gsa-hero { height: 488px}*/
}
@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;
}

#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;
  font-weight: normal;
  letter-spacing: 0.2pt;
}
#gsa-whoweare .producto span {
  float: left;
  width: 100%;
  text-align: center;
  color: #4a4a4a;
  font-size: 20px;
  line-height: 24px;
  font-weight: normal;
}
#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%;
  font-weight: normal;
  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;
  font-weight: normal;
  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;
  font-weight: normal;
  margin-bottom: 124px;
  width: auto;
  margin: 0 auto;
  max-width: 500px;
  margin-bottom: 54px;
  display: block;
}
.gsa-section h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #ef5a1b;
  font-weight: 500;
  font-size: 22px;
  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;
  font-weight: normal;
  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;
  font-weight: normal;
  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;
  font-weight: normal;
  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;
  font-weight: normal;
  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%;
  font-weight: normal;
}
.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;
  font-weight: normal;
}

#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;
  font-weight: normal;
  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;
  font-weight: normal;
  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;
  font-weight: normal;
  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: 5vh;
  float: left;
  font-weight: 500;
  margin-right: 15px;
  font-size: 5vw;
  width: 100%;
  text-align: center;
}
#gsa-offcanvas {
  display: flex;
  align-items: center;
}
#gsa-offcanvas .dropdown-content a {
  text-align: left;
  text-transform: uppercase !important;
  font-weight: normal;
}

.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: fixed;
  margin: 0;
  width: 100%;
  z-index: 1001;
  /*background-color: rgba(255,255,255,0.2);*/
  border-bottom: 0px none;
  transition: 0.15s;
  background: #000;
}

/*.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: 30px !important;
  margin-bottom: 30px !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: 30px !important;
  margin-bottom: 30px !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: 17px !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: 15px !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;
}

.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;
  }
}

@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 12px;
  padding: 0px;
  margin: 0;
  list-style: none;
  display: inline;
  opacity: 1;
  position: relative;
  padding-right: 10vw;
}

.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 a,
.grip-nav ul li k {
  font-size: 16px;
  padding: 8px;
  padding: 0px;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  font-weight: normal;
  letter-spacing: 0px;
  color: #fff;
  font-size: 1.152222222222222vw;
  line-height: 1;
}
.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: #fff;
  font-size: 12px;
}
.grip-nav ul li a i b {
  font-weight: normal;
  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 2px;
  }
}

.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;
  font-weight: normal;
}

.bgclear .grip-nav,
.offcanvas .grip-nav {
  background: #231f20;
  background: #efefef !important;
}
.grip-nav:hover {
  background: #000;
}

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

.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 10px;
  }
  .logo-nav {
    padding-right: 0px;
  }
}

.logo-nav k {
  color: #000;
  font-weight: normal;
  font-size: 1.152222222222222vw;
  letter-spacing: 0px;
  margin-top: 30px;
  line-height: 1;
  float: left;
  transition: 0.8s;
}
@media screen and (max-width: 1299px) {
  .logo-nav k {
    font-size: 17px;
  }
}
@media screen and (max-width: 991px) {
  .logo-nav k {
    font-size: 15px;
  }
}
.scrolled .logo-nav k {
  font-size: 0;
}

#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;
  }
}

.belowfooter {
  background: #071931;
  float: left;
  width: 100%;
  padding-top: 21px;
  padding-bottom: 21px;
}
.belowfooter span {
  color: #fff;
  font-size: 22px;
  line-height: 42px;
}
.belowfooter span k {
  font-size: 16px;
}
#gsaf-footer {
  background: #000;
  padding: 3.5em 0;
  padding-top: 0px;
}

#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;
  font-weight: normal;
}

@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: 1.2vw;
  line-height: 1;
  text-transform: none;
  margin-bottom: 1vw;
  margin-top: 0px;
  font-weight: 500;
}

#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: 77px;
  float: left;
}
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 {
  font-family: "Agipo";
  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: #818181;
  float: left;
  width: 100%;
  font-size: 1.2vw;
  line-height: 1.5;
}
#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: #dd1419;
}
#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;
  }
}
@media screen and (max-width: 767px) {
  #gsaf-footer {
    padding: 2em 0;
    padding-top: 0px;
  }
  #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%;
  }
  #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;
}
#centertop .slick-list {
  overflow: initial;
}

.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: 1000;
}
.slick-prev {
  left: 5%;
  background: url(../images/left-arrow.svg);
}
.slick-next {
  right: 5%;
  background: url(../images/right-arrow.svg);
}

.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-size: cover;
  text-indent: -9999999px;
  margin-top: 0px;
  transition: 0.35s;
  opacity: 0;
}
#centertop .slick-prev,
#centertop .slick-next {
  width: calc(7.5vw + 45px);
  background-size: 45px 45px;
  background-repeat: no-repeat;
  height: 100%;
  top: 0px;
}
#centertop .slick-prev {
  left: 0px;
  background-position: right + 2.5vw center;
  padding-left: 15vw;
}
#centertop .slick-next {
  right: 0px;
  background-position: left + 2.5vw center;
  padding-right: 15vw;
}
#centertop .slick-prev:hover,
#centertop .slick-next:hover {
  opacity: 1;
}
.slick-prev {
  left: calc(15vw / 2);
}
.slick-next {
  right: calc(15vw / 2);
}
.slick-prev:hover,
.slick-next:hover {
}
.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;
  font-family: "Agipo";
}
.item-producto h3 {
  font-size: 38px;
  line-height: 40px;
  padding-left: 30px;
  position: relative;
  font-weight: normal;
  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 {
  font-weight: normal;
}
.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-weight: normal;
  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-family: "Screamer";
  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;
}

#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-family: "Screamer";
  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-family: "Screamer";
  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 {
  background: #ef5a1b;
  border-color: #ef5a1b;
}

.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;
  }
  #faq h1 {
    margin-bottom: 35px !important;
  }
}
@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;
  }
}
#faq {
  padding: 5em 0;
  background: #efefef;
  float: left;
  width: 100%;
}
#faq h1 {
  font-size: 22px;
  float: left;
  width: 100%;
  letter-spacing: -0.18px;
  color: #000;
  line-height: 26px;
  margin-bottom: 75px;
}

@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 {
    width: 100%;
    text-align: left;
  }
}

html {
  scroll-behavior: smooth;
}
#grip-logo {
  position: fixed;
  top: 34px;
  margin-top: 40px;
  top: calc(30px + 30px + 1.152222222222222vw + 1px);
  left: calc(15vw / 2 - 15px / 2);
  z-index: 9998;
  transition: 0.8s;
}
#grip-logo svg {
  float: left;
  width: 85vw;
  transition: 0.8s;
  height: 100%;
}

.scrolled #grip-logo {
  top: 25px;
  margin-top: 0px !important;
}
.scrolled #grip-logo svg {
  width: 6.5vw;
  height: 1.42222222222222vw;
}
@media screen and (max-width: 1499px) {
  .scrolled #grip-logo {
    top: 28px;
  }
  .scrolled #grip-logo svg {
    width: 6.5vw;
  }
}
@media screen and (max-width: 991px) {
  .scrolled #grip-logo {
    top: 30px;
  }
  .scrolled #grip-logo svg {
    width: 6.5vw;
    height: 2vw;
  }
}
.slider {
  transition: 0.8s;
}
.scrolled .slider {
  padding-top: 6.5vw !important;
}

.gsa-section {
  padding: calc(15vw / 2) 0;
  padding: 4vw 0;
}
.slider {
  padding-bottom: 5em;
  padding-bottom: 4vw;
}
.slider {
  padding-top: 14vw;
}
#gsa-hero .flexslider .display-cell h1 {
  font-size: 5.5vw;
  line-height: 1;
  padding: 2vw;
  padding-right: 7vw;
  padding-bottom: 1vw;
}
.grip-nav ul li {
  padding-right: 5vw;
}
place {
  position: absolute;
  color: #fff;
  font-size: 1vw;
  bottom: -3vw;
  right: 0px;
  display: flex;
  align-items: center;
}
.bgclear place {
  color: #000;
}
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;
}
.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;
}

#grip-logo svg path {
  fill: #fff;
  transition: 0.15s;
}

.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: #000;
  -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;
}

#contact iframe {
  margin-top: 2vw;
  float: left;
  width: 100%;
  height: 40vh;
}
#contact h2 {
  width: 50%;
  max-width: 50%;
  float: left;
}
.slider {
  background: #231f20;
}
.venture {
  background: #eeefef;
}
.ourcompany {
  background: #818181;
}

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

.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: 3px;
  margin-left: 3px;
}
.slick-dots li button {
  width: 3.5vw;
  height: 4px;
  padding: 0px;
}
.slick-dots li button:before {
  width: 100%;
  height: 100%;
  background: #b9b9b9;
  border: 0px none;
  border-radius: 0px;
  float: left;
  position: static;
}
.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;
}

.gsa-section h2 {
  color: #fff;
  font-size: 4vw;
  max-width: 95%;
  line-height: 1.1;
  font-weight: 500;
  margin-bottom: 2vw;
  letter-spacing: -0.09vw;
  float: left;
  width: 100%;
}
.gsa-section h3 {
  max-width: 90%;
}
.box {
  margin-top: 3vw;
}
.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 {
  font-family: "Agipo";
  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-family: "Graphik";
  font-size: 2.3vw;
  color: #000;
  font-weight: 500;
  letter-spacing: -0.02vw;
}
.gsa-section h3 {
  font-family: "Graphik";
  font-size: 1.8vw;
  margin-bottom: 2vw;
  color: #000;
  font-weight: 500;
}
.gsa-section h5 {
  font-family: "Agipo";
  font-size: 4.5vw;
  margin-bottom: 2vw;
  color: #000 !important;
}
.gsa-section p {
  font-size: 1.1vw;
  color: #000;
  float: left;
  width: 100%;
}
.withanchor a {
}
/*.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 #808080;
  padding-top: 2vw;
  margin-top: 0vw;
  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: #f6f6f6;
  margin-bottom: 1vw;
}

.belowed a:hover {
  color: #fff;
}
.marquee {
  float: left;
  width: 100%;
  margin-top: 5vw;
  margin-bottom: 2vw;
}
.marquee img {
  height: 5vh;
  min-height: 60px;
  margin-left: 2.5vw;
  margin-right: 2.5vw;
  max-width: 180px;
}
.nothome .marquee img {
  height: 40vh;
  min-height: 300px;
  margin-left: 15px;
  margin-right: 15px;
  max-width: 1000px;
}
.nothome .marquee {
  margin-top: 0px;
  margin-bottom: 0px;
}
.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;
  font-family: "Agipo";
  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%;
}

.clip2 {
  /*min-height: 630px;*/
  height: calc(100vh - 30px - 30px - 1.152222222222222vw - (15vh / 2));
  outline: none;
}
.clip2 a {
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-color: #dcdcdc;
  position: relative;
  width: 100%;
  float: left;
}
.clip2 a:before {
  width: 100%;
  height: 3.2vw;
  content: "";
  position: absolute;
  bottom: -3.2vw;
}
.clip2 a span {
  position: absolute;
  bottom: -3.2vw;
  font-size: 1.1vw;
  color: #808080;
  line-height: 1;
  opacity: 0;
  transition: 0.15s;
}
.clip2.slick-current.slick-active a span {
  opacity: 1;
}
.clip2 a span b {
  color: #000;
  font-weight: normal;
  float: left;
  width: 100%;
}
anchored,
.anchored {
  position: absolute;
  bottom: -2.7vw;
  font-size: 1.1vw;
  color: #000;
  line-height: 1;
  opacity: 0;
  transition: 0.15s;
  left: 40vw;
  font-weight: normal;
  height: 1.5vw;
  border-bottom: 1px solid #000;
}
.anchored {
  float: left;
  width: auto;
  position: static;
}
anchored k,
.anchored k {
  float: left;
}
anchored img,
.anchored img {
  height: 70%;
  float: right;
  margin-left: 10px;
  margin-bottom: 0px;
}
.clip2 a p {
  position: absolute;
  bottom: -2.1vw;
  font-size: 1.2vw;
  color: #000;
  line-height: 1;
  opacity: 0;
  transition: 0.15s;
  right: 0px;
  margin-bottom: 0px;
  width: auto;
}
.clip2.slick-current.slick-active a p,
.clip2:hover a anchored,
.anchored {
  opacity: 1;
}
.clip2.slick-current.slick-active a {
  cursor: pointer;
}

.clip {
  bottom: 0;
  margin: 20px;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  margin-left: 0px;
  margin-right: 20px;
  height: auto;
  width: 25vw;
}
.centered .slick-slide {
  margin: 0 10px;
}
.center .slick-slide {
  display: flex !important;
  align-items: flex-start;
  justify-content: center;
  transition: 0.25s;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  padding-bottom: 20px;
}
.center anio {
  font-family: "Agipo";
  font-size: 4vw;
  color: #fff;
  float: left;
  width: 100%;
}
.center texto {
  font-size: 1.2vw;
  color: #fff;
  float: left;
  width: 100%;
  padding-right: 20px;
}
.bgclear .center anio,
.bgclear .center texto {
  color: #000;
}
.center .slick-slide div {
  padding: 0px;
}
.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;
}

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;
}
.display-flex-center {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.rotartexto {
  display: inline-block;
}
.ciudades {
  position: relative;
  white-space: nowrap;
  display: inline;
  top: -0.15vw;
  left: 0.5vw;
}
.rotartexto span {
  position: absolute;
  top: 0px;
  overflow: hidden;
  animation: animate 12s linear infinite;
  opacity: 0;
}
@keyframes animate {
  0% {
    opacity: 0;
    transform: translateY(-2vw);
  }
  2% {
    opacity: 1;
    transform: translateY(0vw);
  }
  15% {
    opacity: 1;
    transform: translateY(0vw);
  }
  18% {
    opacity: 0;
    transform: translateY(2vw);
  }
  100% {
    opacity: 0;
    transform: translateY(2vw);
  }
}
.rotartexto span:nth-child(1) {
  animation-delay: 0s;
}
.rotartexto span:nth-child(2) {
  animation-delay: 2s;
}
.rotartexto span:nth-child(3) {
  animation-delay: 4s;
}
.rotartexto span:nth-child(4) {
  animation-delay: 6s;
}
.rotartexto span:nth-child(5) {
  animation-delay: 8s;
}
.rotartexto span:nth-child(6) {
  animation-delay: 10s;
}

.rotartexto4content {
  display: inline-block;
}
.rotartexto4content span {
  position: absolute;
  top: 0px;
  overflow: hidden;
  animation: rotartexto4content 40s linear infinite;
  opacity: 0;
}
.rotartexto4content span h9 {
  margin-top: 20px;
  float: left;
  width: 100%;
}
.rotartexto4content span p {
  float: left;
  width: 100%;
  font-weight: 400 !important;
  letter-spacing: 0px;
  line-height: 1.45;
}
@keyframes rotartexto4content {
  0% {
    opacity: 0;
    transform: translateY(-2vw);
  }
  /*15%{
                                opacity: 1;
                                transform: translateY(0vw);
                            }*/
  2% {
    opacity: 1;
    transform: translateY(0vw);
  }
  25% {
    opacity: 1;
    transform: translateY(0vw);
  }
  26% {
    opacity: 0;
    transform: translateY(2vw);
  }
  100% {
    opacity: 0;
    transform: translateY(2vw);
  }
}
.rotartexto4content span:nth-child(1) {
  animation-delay: 0s;
}
.rotartexto4content span:nth-child(2) {
  animation-delay: 10s;
}
.rotartexto4content span:nth-child(3) {
  animation-delay: 20s;
}
.rotartexto4content span:nth-child(4) {
  animation-delay: 30s;
}

.testimonial h2 {
  width: 100%;
}
.testimonial span {
  font-size: 1.1vw;
  color: #808080;
  line-height: 1.2;
  float: left;
  width: 100%;
}
.testimonial span b {
  float: left;
  width: 100%;
  color: #000;
  font-weight: normal;
}
.gsa-section.cta {
  background: #000;
  z-index: 1;

}
.gsa-section h9 {
  font-size: 6vw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.09vw;
  width: 100%;
  float: left;
  color: #000;
  padding: 50px 0;
}
.gsa-section h9 tooltiper {
}
.gsa-section h9 sup {
  font-size: 1.5vw;
  top: -2.5vw;
  font-weight: bold;
}
.gsa-section.cta h9,
.gsa-section.cta .anchored {
  color: #fff;
}
.gsa-section.cta .anchored {
  border-color: #fff;
  margin-top: 2vw;
}

.projects {
  padding-top: 2vw;
}
.project .linker {
  width: 100%;
  float: left;
  margin-top: 1.5vw;
  margin-bottom: 1vw;
}
.linker span {
  font-size: 1.1vw;
  color: #808080;
  line-height: 1;
}
.linker span b {
  color: #000;
  font-weight: normal;
  float: left;
  width: 100%;
}
.imgproject {
  width: 100%;
  float: left;
  padding-bottom: 70%;
  background-position: center center;
  background-size: cover;
  position: relative;
  margin-top: 2vw;
  background-color: #e0e0e0;
}
.imgcontainer {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  float: left;
  position: absolute;
  align-items: center;
  justify-content: center;
}
.imgproject img {
  height: 100%;
  width: auto;
  opacity: 0;
  transition: transform 0.35s ease, opacity 0.15s ease;
  transform: scale(1);
}
.project:hover img {
  opacity: 1;
  transform: scale(1.1);
}
tags {
  float: left;
  width: 100%;
  opacity: 0;
  transition: 0.15s;
}
.project:hover tags {
  opacity: 1;
}
tags a {
  float: left;
  width: auto;
  padding: 7px 7px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  margin-right: 7px;
  color: #808080;
  line-height: 1;
  font-size: 0.9vw;
}
tags a:hover {
  color: #000;
  border-color: #000;
}
tooltiper {
  cursor: default;
  z-index: 1;
}
.tooltip img {
  width: 40vw;
}
.tooltip-inner {
  max-width: 100%;
  padding: 0px;
  background: none;
  border-radius: 0px;
}
.tooltip.top .tooltip-arrow {
  display: none;
}
tooltiper img {
  position: absolute;
  width: 40vw;
  pointer-events: none;
  display: none;
  z-index: -1;
}
tooltiper description {
  position: absolute;
  width: 30vw;
  pointer-events: none;
  display: none;
  z-index: 1;
  background: #fff;
  color: #000;
  font-size: 1.1vw;
  padding: 25px;
  border-radius: 4px;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0px;
}
.helper {
  margin-top: 2vw;
}
.helper img.helperimg {
  margin-bottom: 2vw;
  height: 5vw;
}
.helper h3 {
  min-height: 3.8vw;
}
.help,
.nothome .gsa-section.cta {
  animation: backgroundchange 12s infinite;
}

@keyframes backgroundchange {
  0% {
    background-color: #5f93ff;
  }
  33% {
    background-color: #ec4d37;
  }
  66% {
    background-color: #00c089;
  }
  100% {
    background-color: #5f93ff;
  }
}
.homecontact {
  background: #000;
}
.homecontact * {
  color: #fff !important;
}
.cities {
  margin-top: 3vw;
}
.cities h1 {
  margin-bottom: 0px;
  font-size: 2vw;
}
.cities a {
  color: #808080 !important;
  font-size: 2vw;
  font-weight: 500;
}
.city {
  margin-top: 1.5vw;
}
.display-flex-row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.redes a {
  font-size: 2vw;
  font-weight: 500;
}
.talk {
  border: 2px solid #808080;
  border-radius: 2vw;
  padding: 5vw;
  font-size: 6vw;
  float: left;
  margin-top: 4vw;
  color: #808080 !important;
  width: 100%;
}
.talk:hover {
  background: #fff;
  color: #000 !important;
  border-color: #fff;
}
.talktwo {
  background: #000;
  color: #fff !important;
  border-radius: 0.5vw;
  padding: 1vw 2vw;
  font-size: 1.1vw;
  float: left;
  margin-top: 1.5vw;
  float: left;
}
.feed {
  position: relative;
}
.feed:before {
  width: 1px;
  height: 100%;
  position: absolute;
  left: -15px;
  content: "";
  background: #808080;
}
.gsa-section.instafeed h3 {
  max-width: calc(100% - 15px);
}
.float-right {
  float: right;
}
.feedcontainer {
  float: left;
  width: calc(100vw - 100vw * 0.3);
}
.feedinfo {
  background-size: cover;
  background-position: center center;
  height: 17vw;
  margin-right: 15px;
}
.scroller-status {
  text-align: center;
  padding-top: 20px;
  font-size: 1.1vw;
}
/* 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;
}
fieldset {
  min-width: auto;
}
filters {
  padding-bottom: 1vw;
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  margin-bottom: 0px;
}
filters label,
filters a {
  color: #808080;
  font-size: 1.2vw;
  font-weight: normal;
}
filters fieldset {
  margin-right: 2vw;
}
filters fieldset select {
  background-color: transparent;
  border: 0px none;
  color: #000;
  font-weight: 500;
  font-size: 1.2vw;
  margin-left: -0.3vw;
}
filters a {
  font-weight: 500;
  margin-right: 2vw;
  margin-top: 1px;
  margin-bottom: 1px;
}
filters a.selected {
  color: #000;
  border-bottom: 1px dashed #000;
}
typeofwork,
industry {
  display: none;
}
typeofwork.selected,
industry.selected {
  display: block;
}

select:focus {
  outline: none;
}
.lazyload {
  /*opacity: 0;
                                transition: opacity .35s ease-in-out;*/
  opacity: 1;
}
.inproject h1 {
  margin-bottom: 0px;
}
.project-full {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
img.full {
  width: 100%;
  margin-bottom: 30px;
}
.project-full video {
  margin-bottom: 30px;
}
.titulares {
  float: left;
  width: 100%;
  margin-top: calc(3vw - 30px);
  margin-bottom: 3vw;
}
.titulares p {
  max-width: 50%;
  color: #5e5e5e;
}
.pictures {
  margin-bottom: calc(6vw - 30px);
  float: left;
  width: 100%;
}
.morecontent {
  border-bottom: 1px solid #d9d9d9;
  float: left;
  width: 100%;
  padding-bottom: 4vw;
  margin-top: 6vw;
}
.morecontent span {
  font-size: 1.1vw;
  color: #808080;
}
.morecontent span b {
  font-weight: normal;
  color: #000;
  margin-left: 5px;
}
tagsfooter {
  float: right;
  margin-right: 5px;
}
tagsfooter span {
  margin-right: 5px;
}
tagsfooter a {
  width: auto;
  padding: 9px 9px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  margin-right: 9px;
  color: #808080;
  line-height: 1;
  font-size: 1.1vw;
}
tagsfooter a:hover {
  border-color: #000;
  color: #000;
}
.hiddeninfo {
  float: left;
  width: 100%;
  margin-bottom: 0px;
  display: none;
}
.hiddeninfo.active {
  margin-bottom: 3vw;
}
.hiddeninfo span {
  font-size: 1.1vw;
  color: #000;
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.hiddeninfo b {
  font-weight: 500;
  font-size: 1.1vw;
  width: 100%;
  margin-bottom: 20px;
  float: left;
  color: #000;
}
.hiddeninfo strong {
  font-size: 2vw;
  color: #000;
  float: left;
  width: 100%;
  margin-bottom: 30px;
  font-weight: 500;
}
.darkie span {
  color: #5e5e5e;
  margin-bottom: 30px;
}
less {
  font-size: 1.5vw;
  font-weight: 500;
  color: #000;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 30px;
  width: 100%;
  float: left;
  margin-top: 30px;
  cursor: pointer;
  margin-bottom: 3vw;
}
less img {
  height: 1.5vw;
  transform: rotate(45deg);
}
.moreinformation {
  display: none;
}
.moreinformation.active {
  display: block;
}
.blog .project span {
  font-size: 1.1vw;
  color: #000;
  line-height: 1.2;
}
.blog .project span b {
  font-weight: 500;
  margin-bottom: 1vw;
  font-size: 2.1vw;
}
.blog .project time {
  font-size: 1.1vw;
  float: left;
  width: 100%;
  color: #808080;
  margin-top: 1vw;
}

.projects .row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.projects .row .project {
  width: 100%;
}
.projects .row:before,
.projects .row:after {
  display: none;
}
.display-flex-center-distributed {
  display: flex;
  justify-content: space-between;
  max-width: 100% !important;
}
.entry .titulares img {
  width: 100%;
}
.titulares span {
  font-size: 1.1vw;
}
.entry .titulares {
  display: flex;
  margin-bottom: 4vw;
}
.entry .titulares div:first-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.entry .titulares div p {
  margin-bottom: 0px;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 10px;
}
.parrafos b {
  color: #000;
  font-size: 2.1vw;
  width: 100%;
  float: left;
  margin-bottom: 3vw;
  line-height: 1.3;
  font-weight: 500;
}
.parrafos span {
  margin-bottom: 30px;
}
.parrafos {
}
.parrafos,
.parrafos span,
.parrafos p {
  color: #000;
  font-size: 1.3vw;
  width: 100%;
  float: left;
}
.parrafos a {
  text-decoration: none;
  border-bottom: 1px dashed #000;
  color: #000;
}
.parrafos img {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.addthis-smartlayers.addthis-smartlayers-desktop {
  display: none;
}
a.dashed {
  color: #000;
  text-decoration: none;
  border-bottom: 1px dashed #000;
}
.blockfaq {
  width: 100%;
  float: left;
}
.blockfaq:last-child {
  border-bottom: 1px solid #000;
}
.blockfaq * {
  color: #000;
}
.faqsection {
  width: 100%;
  float: left;
  border-top: 1px solid #d9d9d9;
  padding-top: 25px;
  padding-bottom: 25px;
}
.faqtitle,
questionholder {
  display: flex;
  align-items: center;
}
.faqsection.faqtitle {
  border-top-color: #000;
}
.faqquestion {
  border-bottom: 1px solid #d9d9d9;
  border-top: 0px none;
}
.faqquestion:first-child {
  border-top: 1px solid #d9d9d9;
}
.faqquestions {
  width: 100%;
  float: left;
}
.faqsection img {
  width: 35px;
  float: right;
  cursor: pointer;
}
.faqsection img.active {
  transform: rotate(-180deg);
}
question {
  width: calc(100% - 85px);
  float: left;
  padding-right: 20px;
}
number {
  width: 50px;
  float: left;
}
bullet {
  width: 60px;
  float: left;
}
.faqtitle h1 {
  width: calc(100% - 95px);
  float: left;
  margin-bottom: 0px;
  padding-left: 20px;
}
.faqquestion {
  font-weight: 500;
  font-size: 1.5vw;
}
answer {
  width: auto;
  padding-left: 50px;
  padding-right: 55px;
  float: left;
  margin-top: 20px;
  display: none;
  font-weight: normal;
}
.faqquestions {
  display: none;
}
bullet {
  height: 60px;
  border-radius: 60px;
  background: #000;
}
gray {
  color: #5e5e5e;
}
.ourclients .gsa-container > .row {
  display: flex;
  align-items: center;
}
.ourclients .testimonials {
  margin-top: 50px;
  margin-bottom: 0px;
}
.studio {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  float: left;
  width: 100%;
}
.studio div {
  width: 100%;
}
.studio h9 {
  margin-bottom: 20px;
}
.logo-company {
  width: 100%;
  padding-bottom: 70%;
  background-size: 45%;
  background-position: center center;
  margin-top: 3vw;
  background-repeat: no-repeat;
  margin-bottom: 2vw;
}
.logo-company.yellow {
  background-color: #ffbd5a;
}
.logo-company.green {
  background-color: #befab0;
}
.gsa-section.cta h9 m {
  position: relative;
  z-index: 100;
}

@media screen and (max-width: 1099px) {
  .venture-img {
    height: 400px;
    max-height: 400px;
    min-height: 400px;
  }
}
@media screen and (max-width: 1024px) {
  tooltiper description {
    font-size: 13px;
  }
  .logo-company {
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .studio {
    grid-template-columns: repeat(2, 1fr);
  }
  .ourclients .gsa-container > .row {
    display: block;
  }
  .questionszone {
    padding-top: 30px !important;
  }
  bullet {
    height: 30px;
    width: 30px;
  }
  .faqtitle h1 {
    width: calc(100% - 95px + 30px);
  }
  .faqquestion {
    font-size: 14px;
  }
  .parrafos b {
    font-size: 22px;
  }
  .titulares span {
    font-size: 14px;
  }
  .gsa-section h3 {
    margin-bottom: 20px;
  }
  .parrafos,
  .parrafos span,
  .parrafos p {
    font-size: 14px;
  }
  .blog .project span b {
    margin-bottom: 10px;
  }
  .blog .project time {
    margin-top: 10px;
  }
  .blog .project span,
  .blog .project time {
    font-size: 14px;
  }
  .blog .project span b {
    font-size: 20px;
  }
  .morecontent {
    padding-bottom: 30px;
    margin-top: 60px;
  }
  .pictures {
    margin-bottom: 30px;
  }
  .titulares {
    margin-bottom: 30px;
  }
  .titulares p {
    max-width: 80%;
  }
  filters label,
  filters a,
  filters fieldset select {
    font-size: 13px;
  }
  .feedinfo {
    height: 220px;
  }
  .morecontent span,
  tagsfooter {
    float: left;
    width: 100%;
  }
  tagsfooter {
    margin-top: 30px;
  }
  .morecontent span {
    line-height: 31px;
  }
  .morecontent tagsfooter span {
    width: auto;
  }
  tagsfooter a {
    float: left;
    margin-bottom: 9px;
  }
  .gsa-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .parrafoscontainer {
    padding-top: 0px;
  }
  .homecontact {
    padding-bottom: 30px;
  }
  .portfolio {
    padding-top: 100px;
  }
  .nothome .portfolio {
    padding-top: 30px;
  }
  .nothome .portfolio h9 {
    margin-bottom: 0px;
  }
  .projects {
    padding-top: 30px;
  }
  .nothome .projects {
    padding-top: 10px;
  }
  .imgproject {
    margin-top: 20px;
  }
  .cities {
    margin-top: 0px;
  }
  .city {
    margin-top: 20px;
  }
  .talk {
    margin-top: 20px;
  }
  .helper img.helperimg {
    height: 50px;
  }
  .imgproject {
    margin-top: 20px;
  }
  .helper,
  .marquee {
    margin-top: 40px;
  }
  .project .linker {
    margin-top: 20px;
    margin-bottom: 15px;
  }
  .grip-nav ul li {
    padding-right: 3.5vw;
  }
  .gsa-section h9 {
    font-size: 35px;
    line-height: 1.1;
  }
  .gsa-section h9 sup {
    font-size: 13px;
  }
  .clip2 a span,
  .clip2 a p,
  anchored,
  .anchored,
  .testimonial span,
  .project span {
    font-size: 14px;
    bottom: -38px;
    height: 28px;
  }
  .gsa-section p,
  .morecontent span,
  .hiddeninfo span,
  .hiddeninfo b,
  less {
    font-size: 14px;
  }
  .project tags a,
  tagsfooter a {
    font-size: 11px;
  }
  anchored,
  .anchored {
    height: 20px;
  }
  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,
  .redes a,
  .cities a {
    font-size: 22px;
    max-width: 100%;
  }
  .gsa-section h1 {
    font-size: 24px;
  }
  .gsa-section h2 {
    font-size: 27px;
    max-width: 100%;
  }
  .entry .titulares h2 {
    font-size: 33px;
  }
  .gsa-section h3 {
    font-size: 22px;
    max-width: 100%;
  }
  .gsa-section h4 {
    font-size: 16px;
  }
  .hiddeninfo strong {
    font-size: 20px;
  }
  .talktwo {
    font-size: 13px;
    padding: 5px 8px;
    border-radius: 4px;
  }

  .belowslider {
    margin-top: 50px;
  }
  .withanchor a {
    float: left;
    width: 100%;
    position: static;
    font-size: 16px;
    margin-top: 25px;
  }
  .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(40% - 15px);
  }
  .venture-info nombre {
    font-size: 11px;
    line-height: 1;
  }
  .venture-info img {
    max-width: 70%;
  }
  #gsaf-footer ul li a,
  #gsaf-footer h1 {
    font-size: 13px;
  }
  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;
  }

  mission p,
  vision p {
    font-size: 13px;
  }
  filter {
    font-size: 12px;
    margin-right: 2vw;
  }
  filters {
    margin-top: 30px;
    margin-bottom: -15px;
  }

  #centertop .slick-next {
    padding-right: 18vw;
  }
  #centertop .slick-prev {
    padding-left: 18vw;
  }
}
@media screen and (max-width: 991px) {
  .projects .row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .entry .titulares {
    display: block;
  }
  .entry .titulares div {
    width: 100%;
  }
  .entry .titulares div p {
    margin-bottom: 20px;
    text-align: center;
  }
  .entry .titulares div h2 {
    max-width: 450px;
  }

  .projects .row {
    grid-template-columns: repeat(1, 1fr);
  }
  .nothome .gsa-section-overflow {
    padding-top: 60px !important;
  }
  .clip2 {
    height: calc(100vh - 120px);
    height: calc(var(--vh, 1vh) * 100 - 120px);
  }
  .feed:before {
    display: none;
  }
  .feed {
    margin-top: 30px;
  }
  .feedcontainer {
    width: 100vw;
  }
  tooltiper img {
    width: 50vw;
  }
  tooltiper description {
    width: 50vw;
  }
  .gsa-section h2,
  .gsa-section h9 {
    margin-bottom: 20px;
  }
  .gsa-section.cta .anchored {
    margin-top: 0px;
  }
  .grip-nav {
    display: block;
  }
  body .grip-nav .menu-1.main-nav,
  body .logo-nav k {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .logo-nav k {
    display: none;
  }
  body .grip-nav {
    height: 60px;
  }
  .gsa-nav-toggle {
    top: 12px;
    right: calc(15vw / 2 - 27px);
  }
  .slider {
    padding-top: 60px !important;
  }
  .slider anchored {
    display: none;
  }

  #gsa-hero .flexslider .display-cell h1 {
    padding-right: 14vw;
  }
  place {
    font-size: 12px;
    bottom: -30px;
  }
  place img {
    height: 10px !important;
  }
  .slider {
    padding-top: 85px;
    padding-bottom: 50px;
  }
  #gsa-hero {
    height: calc(100vh - 85px - 50px);
  }
  #grip-logo {
    top: 22px !important;
  }
  #grip-logo svg {
    width: auto !important;
    height: 18px !important;
  }
  .legalfooter {
    margin-top: 5vw;
  }
  .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;
  }
  #contact h2 {
    font-size: 14px;
  }
  #contact h2.first {
    width: 60%;
    max-width: 60%;
  }
  #contact h2.second {
    width: 40%;
    max-width: 40%;
  }
  .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%;
  }
  #centertop .slick-next {
    padding-right: 22.5vw;
  }
  #centertop .slick-prev {
    padding-left: 22.5vw;
  }
  .marquee img {
    height: 4vh;
    min-height: 35px;
  }
  .nothome .marquee img {
    height: 10vh;
    min-height: 200px;
  }
  .ciudades {
    display: inline-block;
    top: -23px;
    left: 0px;
    white-space: normal;
    width: 190px;
  }
}
@media screen and (max-width: 499px) {
  .city {
    width: 100%;
  }
  .studio {
    grid-template-columns: repeat(1, 1fr);
  }
  .studio div {
    margin-top: 30px;
  }
  .rotatecontainer {
    min-height: 12em;
  }
}
@media screen and (max-width: 425px) {
  .clip {
    width: 70vw;
  }
  #contact h2.first {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
  #contact h2.second {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
}

@media only screen and (hover: none) and (pointer: coarse) {
  #grip-logo {
    left: calc(15vw / 2) !important;
  }
  .centered .slick-slide {
    margin: 0 17.5px;
  }
  .gsa-nav-toggle {
    top: 12px;
    right: calc(15vw / 2 - 20px);
  }
  .project tags {
    opacity: 1;
  }
  #grip-logo {
  }
}

body #page #grip-nav.grip-nav {
  background: transparent !important;
}

@media screen and (min-width: 1024px) {

body:not(.scrolled) .gsa-section.portfolio {
  margin-top: 60vh;     
}}

.gsa-section.portfolio {
  position: relative;
  z-index: 10;
  margin-top: 80px;
  transition: margin-top 1s ease-out;
}

.bold-text {
    font-weight: 900!important;
    font-size: 1.1em !important;
}

.gsa-section.portfolio .display-flex-center {
  will-change: transform;
  transition: transform 0.15s ease-out;