@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

html {
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  font-family: "Ubuntu", helvetica, sans-serif;
  font-weight: 300;
  color: #5c5c5f;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.wrapper.fixed {
  margin-top: 80px; }

.container {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px; }

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s; }
a:after {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s; }

button {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  font-family: "Ubuntu", helvetica, sans-serif;
  cursor: pointer; }

.fa {
  color: #004d71; }

.btn, .btn-marca, .btn-marca-verde {
  color: inherit;
  text-decoration: none;
  font-size: 15px;
  font-size: 0.9375rem;
  display: inline-block;
  padding: 15px;
  border: #eaeaea 1px solid;
  background: white; }
.btn:hover, .btn-marca:hover, .btn-marca-verde:hover {
  color: white;
  border: #008544 1px solid;
  background: #008544; }
.btn:hover.next:after, .btn-marca:hover.next:after, .btn-marca-verde:hover.next:after {
  color: white; }
.btn.next:after, .next.btn-marca:after, .next.btn-marca-verde:after {
  content: "" !important;
  font-family: "FontAwesome";
  color: #008544;
  margin-left: 10px; }

.logoGuma {
    width: 150px;
    margin-left: 32px;
}

.link {
  color: #008544; }
.link:hover {
  color: #008544; }
.link.next:after {
  content: "" !important;
  font-family: "FontAwesome";
  color: #008544;
  margin-left: 10px; }

.btnCenter {
  text-align: center; }

.btn-marca {
  color: #fff;
  border: #004d71 1px solid;
  background: #004d71; border-radius: 25px;
  text-transform: uppercase;
  width:auto;
  padding-left:30px;
  padding-right:30px;}

.btn-marca:hover {
  color: #004d71;
  border: #004d71 2px solid;
  background: white; }
.btn-marca:hover.next:after {
  color: #008544; }
.btn-marca i.fa {
  color: #008544; }
.btn-marca.next:after {
  content: "" !important;
  font-family: "FontAwesome";
  color: #008544;
  margin-left: 10px; }

.btn-marca-verde {
  color: white;
  border: white 1px solid;
  background: #008544; }
.btn-marca-verde:hover {
  color: #008544;
  border: #008544 1px solid;
  background: white; }
.btn-marca-verde:hover i.fa {
  color: #008544; }
.btn-marca-verde i.fa {
  color: white; }
.btn-marca-verde.next:after {
  content: "" !important;
  font-family: "FontAwesome";
  color: white;
  margin-left: 10px; }
.btn-marca-verde.next:hover:after {
  color: #008544; }

p {
  line-height: 1.2; }
p.subHeaderCenter {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 300;
  text-align: center;
  color: #008544; }
p.headerBorder:after {
  content: "";
  width: 60px;
  height: 2px;
  background: #f5b519;
  display: block;
  margin: 15px auto 0; }

strong {
  color: #004d71;
  font-weight: 700; }

h1, h2, h3, h4, h5, h6 {
  color: #004d71;
  text-transform: uppercase;
  font-weight: 500; }
h1.headerCenter, h2.headerCenter, h3.headerCenter, h4.headerCenter, h5.headerCenter, h6.headerCenter {
  text-align: center; }
h1.headerBorder:after, h2.headerBorder:after, h3.headerBorder:after, h4.headerBorder:after, h5.headerBorder:after, h6.headerBorder:after {
  content: "";
  width: 60px;
  height: 2px;
  background: #3c3c3c;
  display: block;
  margin: 20px auto 0; }
h1.headerBorder.wMargin, h2.headerBorder.wMargin, h3.headerBorder.wMargin, h4.headerBorder.wMargin, h5.headerBorder.wMargin, h6.headerBorder.wMargin {
  padding: 0 15px 15px;
  margin-bottom: 15px; }

h1 {
  font-size: 40px;
  font-size: 2.5rem; }

h2 {
  font-size: 36px;
  font-size: 2.25rem; }

h3 {
  font-size: 32px;
  font-size: 2rem; }

h4 {
  font-size: 28px;
  font-size: 1.75rem; }

h5 {
  font-size: 24px;
  font-size: 1.5rem; }

h6 {
  font-size: 20px;
  font-size: 1.25rem; }

.headerSection {
  padding-bottom: 45px; }
.headerSection h1, .headerSection h2, .headerSection h3, .headerSection h4, .headerSection h5 {
  margin-bottom: 5px; }
.headerSection p {
  font-size: 20px;
  font-size: 1.25rem;
  text-align: center; }
.headerSection p.super {
  text-transform: uppercase; }
.headerSection p.duper {
  margin-top: 60px; }

.headerCorner {
  display: table;
  margin: 0 auto;
  padding-bottom: 45px; }
.headerCorner .headerCornerCont {
  position: relative;
  padding: 15px; }
.headerCorner .headerCornerCont .corner {
  border-color: #f5b519;
  width: 30px;
  height: 30px; }

.soloHeader {
  margin-bottom: 30px; }

.dottedList {
  margin-bottom: 15px; }
.dottedList li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 8px; }
.dottedList li:last-child {
  margin-bottom: 0; }
.dottedList li:before {
  content: "•";
  margin-right: 7.5px;
  color: #9dbf29;
  position: absolute;
  left: 0; }
.dottedList.double li:after {
  content: "•";
  margin-left: 7.5px;
  color: #9dbf29; }
.dottedList.nofloat li {
  padding-left: 0; }
.dottedList.nofloat li:before {
  position: relative;
  left: initial;
  content: "•";
  margin-left: 7.5px;
  color: #9dbf29; }

.dottedListLogo {
  margin-bottom: 15px; }
.dottedListLogo li {
  margin-bottom: 8px; }
.dottedListLogo li:last-child {
  margin-bottom: 0; }
.dottedListLogo li:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 12px;
  margin-right: 7.5px;
  background: url("vector/imagotipo-tresel.svg"); }

.dottedPar:before {
  content: "•";
  margin-right: 7.5px;
  color: #008544; }

.responsiveTable {
  font-size: 13px;
  font-size: 0.8125rem;
  width: 100%; }
.responsiveTable thead tr {
  background: #343434; }
.responsiveTable thead tr th {
  color: white !important;
  text-align: center;
  padding: 10px 5px; }
.responsiveTable tbody tr:nth-child(even) {
  background: #ededed; }
.responsiveTable tbody tr td {
  text-align: center;
  padding: 10px 5px;
  border: #eaeaea 1px solid; }

input[type="text"], input[type="password"], input[type="email"], textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  font-size: 0.8125rem;
  font-family: "Ubuntu", helvetica, sans-serif;
  width: 100%;
  padding: 8px 15px;
  border: #ccc 1px solid;
  background: white; }

textarea {
  min-height: 150px; }

fieldset {
  margin-bottom: 30px; }
fieldset .error {
  font-size: 12px;
  font-size: 0.75rem;
  display: inline-block;
  color: red;
  margin-top: 5px; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  font-size: 0.8125rem;
  font-family: "Ubuntu", helvetica, sans-serif;
  border-radius: initial;
  background: white;
  width: 100%;
  border: #ccc 1px solid;
  color: #5c5c5f;
  padding: 12px 15px;
  font-weight: 300; }
select:-ms-expand {
  display: none; }
select:disabled {
  background: #ededed;
  opacity: 0.4; }

.errorSpan, .errorSpan2 {
  display: none !important;
  font-size: 11px;
  font-size: 0.6875rem;
  width: 100%;
  display: block;
  color: red;
  margin-top: 5px; }
.errorSpan.visible, .errorSpan2.visible {
  display: block !important; }

span.select {
  position: relative; }
span.select > select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 50px !important; }
span.select > select:-ms-expand {
  display: none; }
span.select:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  right: 0px;
  font-size: 20px;
  border-left: 1px solid #ccc;
  padding: 9px 15px;
  pointer-events: none; }
span.select[class*="g-"]:after {
  margin-top: -3px;
  margin-right: 5px; }

section {
  padding: 60px 0; }
section.light {
  background: #eeeeee; }
section.light .headerCenter {
  color: #008544; }
section.light .subHeaderCenter {
  color: #5c5c5f; }
section.light.diagonal {
  padding-top: 0; }
section.light.diagonal:before {
  background: #eeeeee; }
section.onlyHeader {
  padding: 30px 0; }
section.onlyHeader h1, section.onlyHeader h2 {
  padding: 0 15px; }
section.onlyHeader p {
  font-size: 24px;
  font-size: 1.5rem;
  color: #008544;
  text-align: center;
  padding-top: 30px; }
section.lastSection {
  padding-bottom: 90px; }

.headerPad {
  text-align: center;
  padding: 0 15px; }

.modOneCol {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  flex-wrap: wrap;
  -webkit-box-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap; }
.modOneCol h1, .modOneCol h2, .modOneCol h3, .modOneCol h4 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 15px 15px;
  margin-bottom: 15px; }
.modOneCol .col {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 15px; }
.modOneCol .col p {
  margin-bottom: 15px; }
.modOneCol .col img {
  width: 100%;
  height: auto; }

.modTwoCol {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  flex-wrap: wrap;
  -webkit-box-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap; }
.modTwoCol h1, .modTwoCol h2, .modTwoCol h3, .modTwoCol h4 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 15px 15px;
  margin-bottom: 15px; }
.modTwoCol .col {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding: 15px; }
.modTwoCol .col p {
  margin-bottom: 15px; }
.modTwoCol .col img {
  width: 100%;
  height: auto; }

.modThreeCol {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  flex-wrap: wrap;
  -webkit-box-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap; }
.modThreeCol h1, .modThreeCol h2, .modThreeCol h3, .modThreeCol h4 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 15px 15px;
  margin-bottom: 15px; }
.modThreeCol .col {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.33%;
  padding: 15px; }
.modThreeCol .col p {
  margin-bottom: 15px; }
.modThreeCol .col img {
  width: 100%;
  height: auto; }

.modFourCol {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  flex-wrap: wrap;
  -webkit-box-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap; }
.modFourCol h1, .modFourCol h2, .modFourCol h3, .modFourCol h4 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 15px 15px;
  margin-bottom: 15px; }
.modFourCol .col {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  padding: 15px; }
.modFourCol .col p {
  margin-bottom: 15px; }
.modFourCol .col img {
  width: 100%;
  height: auto; }

.modFiveCol {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  flex-wrap: wrap;
  -webkit-box-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap; }
.modFiveCol h1, .modFiveCol h2, .modFiveCol h3, .modFiveCol h4 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 15px 15px;
  margin-bottom: 15px; }
.modFiveCol .col {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20%;
  padding: 15px; }
.modFiveCol .col p {
  margin-bottom: 15px; }
.modFiveCol .col img {
  width: 100%;
  height: auto; }

.tab {
  display: none; }
.tab.active {
  display: block; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }

.embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.corner {
  display: block;
  position: absolute;
  width: 60px;
  height: 60px; }
.corner.top {
  top: 0px;
  border-top-style: solid;
  border-top-width: 2px; }
.corner.bottom {
  bottom: 0px;
  border-bottom-style: solid;
  border-bottom-width: 2px; }
.corner.left {
  left: 0px;
  border-left-style: solid;
  border-left-width: 2px; }
.corner.right {
  right: 0px;
  border-right-style: solid;
  border-right-width: 2px; }

header {
  background: white; }
header .topBorder {
  height: 4px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ede708+0,e5c020+50,e3ac24+100 */
  background: #ede708;
  background: -moz-linear-gradient(left, #ede708 0%, #e5c020 50%, #e3ac24 100%);
  background: -webkit-linear-gradient(left, #ede708 0%, #e5c020 50%, #e3ac24 100%);
  background: linear-gradient(to right, #ede708 0%, #e5c020 50%, #e3ac24 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede708', endColorstr='#e3ac24',GradientType=1 ); }
header .headerMedio {
  padding: 15px 0; }
header .headerMedio .container .hmCont {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  flex-wrap: wrap;
  -webkit-box-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  -ms-flex-pack: justify;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  position: relative;
  padding: 0 15px;
  height: 100px; }
header .headerMedio .container .hmCont .contLogos {
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%; }
header .headerMedio .container .hmCont .contLogos .logo {
  color: inherit;
  text-decoration: none;
  padding: 15px 0; }
header .headerMedio .container .hmCont .contLogos .logo.logoTresel {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  transition: all 0s; }
header .headerMedio .container .hmCont .contLogos .logo.logoTresel:after {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  transition: all 0s;
  content: "";
  width: 195px;
  height: 100px;
  display: block;
  background: url("vector/logo-tresel.svg") no-repeat 0 0; }
header .headerMedio .container .hmCont ul.rs {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  padding-bottom: 15px; }
header .headerMedio .container .hmCont ul.rs li {
  margin-right: 15px; }
header .headerMedio .container .hmCont ul.rs li a {
  color: inherit;
  text-decoration: none;
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  background: white;
  border: #343434 1px solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }
header .headerMedio .container .hmCont ul.rs li a:before {
  font-size: 20px;
  font-size: 1.25rem;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%; }
header .headerMedio .container .hmCont ul.rs li a:hover {
  color: #008544;
  border: #008544 1px solid; }
header .headerMedio .container .hmCont ul.rs li a span {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  font-size: 12px;
  font-size: 0.75rem;
  color: white;
  padding: 3px;
  border: white 1px solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
header .headerMedio .container .hmCont ul.rs li:last-child {
  margin-right: 0; }
header .headerMedio .container .hmCont .hmRightColumn {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  padding-bottom: 15px; }
header .headerMedio .container .hmCont .hmRightColumn .ourBrand {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  flex-direction: column;
  -webkit-box-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  padding-right: 15px;
  border-right: #008544 1px solid; }
header .headerMedio .container .hmCont .hmRightColumn .ourBrand p {
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 2px; }
header .headerMedio .container .hmCont .hmRightColumn .ourBrand .logo {
  font-size: 24px;
  font-size: 1.5rem;
  color: #ed1a3a;
  margin-left: 7.5px; }
header .headerMedio .container .hmCont .hmRightColumn .hsLang {
  padding-left: 15px; }
header .headerMedio .container .hmCont .hmRightColumn .hsLang a {
  font-size: 14px;
  font-size: 0.875rem;
  color: #008544; }
header .headerMedio .container .hmCont .hmRightColumn .hsLang a:hover {
  text-decoration: underline; }
header .headerMedio .container .hmCont .hmRightColumn .hsLang a span {
  margin-right: 7.5px; }
header .headerMedio .container .hmCont .menu-mobile {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  display: none;
  position: relative;
  border: #008544 1px solid;
  padding: 8px 14px;
  background: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  top: 0; }
header .headerMedio .container .hmCont .menu-mobile span i {
  color: #008544; }
header .headerInferior {
  position: relative;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#91c73e+0,00aa4d+50,008544+100 */
  background: #91c73e;
  background: -moz-linear-gradient(left, #91c73e 0%, #00aa4d 50%, #008544 100%);
  background: -webkit-linear-gradient(left, #91c73e 0%, #00aa4d 50%, #008544 100%);
  background: linear-gradient(to right, #91c73e 0%, #00aa4d 50%, #008544 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91c73e', endColorstr='#008544',GradientType=1 ); }
header .headerInferior .container nav {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
  z-index: 35; }
header .headerInferior .container nav ul.menu {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  flex-wrap: wrap;
  -webkit-box-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center; }
header .headerInferior .container nav ul.menu li {
  position: relative; }
header .headerInferior .container nav ul.menu li a {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  text-decoration: none;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  color: white;
  display: block;
  padding: 15px;
  text-shadow: 0px 1px 2px black; }
header .headerInferior .container nav ul.menu li a span {
  padding-bottom: 5px;
  border-bottom: transparent 2px solid; }
header .headerInferior .container nav ul.menu li a:hover {
  color: #f5b519;
  background-color: #008544; }
header .headerInferior .container nav ul.menu li a:hover span {
  border-bottom: #f5b519 2px solid; }
header .headerInferior .container nav ul.menu li a.active {
  color: #f5b519;
  background-color: #008544; }
header .headerInferior .container nav ul.menu li a.active span {
  border-bottom: #f5b519 2px solid; }
header .headerInferior .container nav ul.menu li:hover .submenu {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100); }
header .headerInferior .container nav ul.menu li [class^=drop] {
  display: none; }
header .headerInferior .container nav ul.menu li .submenu {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  width: 280px;
  position: absolute;
  left: 0;
  background-color: white;
  z-index: 35;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0); }
header .headerInferior .container nav ul.menu li .submenu li {
  border-bottom: #eaeaea 1px solid; }
header .headerInferior .container nav ul.menu li .submenu li:last-child {
  border-bottom: none; }
header .headerInferior .container nav ul.menu li .submenu li a {
  font-size: 14px;
  font-size: 0.875rem;
  color: #5c5c5f;
  height: auto;
  border-top: none;
  border-bottom: none; }
header .headerInferior .container nav ul.menu li .submenu li a:hover {
  background-color: #ededed; }
header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000; }
header.fixed .headerMedio {
  padding: 15px 0;
  border-top: 0; }
header.fixed .headerMedio .container .hmCont {
  height: 70px; }
header.fixed .headerMedio .container .hmCont .contLogos .logo.logoTresel:after {
  width: 135px;
  height: 70px; }

footer {
  color: white;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#279849+0,006a43+50,004529+100 */
  background: #279849;
  background: -moz-linear-gradient(left, #279849 0%, #006a43 50%, #004529 100%);
  background: -webkit-linear-gradient(left, #279849 0%, #006a43 50%, #004529 100%);
  background: linear-gradient(to right, #279849 0%, #006a43 50%, #004529 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279849', endColorstr='#004529',GradientType=1 ); }
footer .footerCont .footerSuperior {
  position: relative;
  padding: 30px 0 0; }
footer .footerCont .footerSuperior .container {
  position: relative; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement {
  margin-bottom: 30px; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement h3 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  padding: 0 0 15px; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fBrand {
  text-align: center;
  position: relative; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fBrand .logo {
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: -55px;
  padding: 55px 15px 15px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f5f5f5+100 */
  background: white;
  background: -moz-linear-gradient(top, white 0%, #dddddd 100%);
  background: -webkit-linear-gradient(top, white 0%, #dddddd 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fBrand .logo:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: -10px;
  top: 0;
  border-style: solid;
  border-width: 10px 0 0 10px;
  border-color: transparent transparent transparent #666; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fBrand .logo.logoTresel {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  transition: all 0s; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fBrand .logo.logoTresel:after {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  transition: all 0s;
  content: "";
  width: 135px;
  height: 70px;
  display: block;
  background: url("vector/logo-tresel.svg") no-repeat 0 0; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fBrand .btn-marca {
  margin-top: 105px; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fBrand .btn-marca:hover {
  color: #008544;
  background: white; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fBrand .btn-marca:hover i.fa {
  color: #008544; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fMenu ul li {
  display: inline-block;
  width: 100%;
  max-width: 80%;
  margin-bottom: 15px; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fMenu ul li:last-child {
  margin-bottom: 0; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fMenu ul li a:hover {
  color: #f5b519; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fMenu ul li a.active {
  color: #f5b519; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fRedesSociales ul li {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fRedesSociales ul li a .fa {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 24px;
  font-size: 1.5rem;
  color: #f5b519; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fRedesSociales ul li a:hover {
  color: #f5b519; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fContactInfo p {
  margin-bottom: 15px; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fContactInfo p:last-child {
  margin-bottom: 0; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fContactInfo p .fa {
  color: #f5b519; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fForm form fieldset {
  margin-bottom: 15px; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fForm form fieldset .error {
  color: #f5b519; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fForm form fieldset input, footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fForm form fieldset textarea {
  color: white;
  background: #004529;
  border: #146645 2px solid; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fForm form fieldset input::-webkit-input-placeholder, footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fForm form fieldset input::-moz-placeholder, footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fForm form fieldset input:-ms-input-placeholder, footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fForm form fieldset input:-moz-placeholder, footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fForm form fieldset textarea::-webkit-input-placeholder, footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fForm form fieldset textarea::-moz-placeholder, footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fForm form fieldset textarea:-ms-input-placeholder, footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fForm form fieldset textarea:-moz-placeholder {
  color: pink; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fForm form fieldset textarea {
  min-height: 90px; }
footer .footerCont .footerSuperior .container .fSuperiorCont .fSuperiorElement .fForm form fieldset button {
  padding: 12px 15px;
  width: 100%; }
footer .footerCont .footerSuperior .container .fa {
  margin-right: 5px; }
footer .footerCont .footerInferior {
  border-top: #f5b519 2px solid; }
footer .footerCont .footerInferior .container {
  position: relative; }
footer .footerCont .footerInferior .container .fInferiorCont {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  -ms-flex-pack: justify;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 15px; }
footer .footerCont .footerInferior .container .fInferiorCont strong {
  color: white !important; }
footer .footerCont .footerInferior .container .fInferiorCont a {
  color: #f5b519; }
footer .footerCont .footerInferior .container .fInferiorCont a:hover {
  color: white; }
footer .fixedFloat {
  display: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  position: fixed;
  right: 0;
  top: 110px;
  width: 80px;
  padding: 10px;
  background: #ededed;
  border: #eaeaea 1px solid;
  border-left: none;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 1000000; }
footer .fixedFloat i.fa {
  color: #008544;
  margin-bottom: 5px; }
footer .fixedFloat p {
  font-size: 12px;
  font-size: 0.75rem; }

.mainSlider {
  display: block;
  padding: 0; }
.mainSlider .homeSlider {
  width: 100%; }
.mainSlider .homeSlider .slide {
  position: relative; }
.mainSlider .homeSlider .slide .slideText {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 900px; }
.mainSlider .homeSlider .slide .slideText .slideTextCont {
  position: relative;
  text-align: center;
  padding: 60px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); }
.mainSlider .homeSlider .slide .slideText .slideTextCont .corner {
  border-color: white; }
.mainSlider .homeSlider .slide .slideText .slideTextCont h2 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 500;
  color: white;
  margin-bottom: 15px; }
.mainSlider .homeSlider .slide .slideText .slideTextCont p {
  font-weight: 500;
  color: white; }
.mainSlider .homeSlider .slide .slideText .slideTextCont p.p1 {
  font-size: 60px;
  font-size: 3.75rem;
  text-transform: uppercase; }
.mainSlider .homeSlider .slide .slideText .slideTextCont p.p2 {
  font-size: 16px;
  font-size: 1rem; }
.mainSlider .homeSlider .slide .slideImg img {
  width: 100%; }
.mainSlider .homeSlider .slide .slideImg img.imgM {
  display: none; }
.mainSlider .bx-wrapper {
  margin-bottom: 0; }
.mainSlider .bx-wrapper .bx-viewport {
  left: initial;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
.mainSlider .bx-wrapper .bx-pager, .mainSlider .bx-wrapper .bx-controls-auto {
  bottom: 10px; }
.mainSlider .bx-wrapper .bx-controls-direction {
  display: none; }

.homeCalcula {
  padding: 30px 0;
  background: #f5b519; }
.homeCalcula .container .homeCalculaCont {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  padding: 0 15px; }
.homeCalcula .container .homeCalculaCont p {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 24px;
  font-size: 1.5rem;
  color: white;
  font-style: italic;
  width: 70%;
  text-align: center;
  padding-right: 60px; }
.homeCalcula .container .homeCalculaCont .btnCalc {
  width: 30%; }
.homeCalcula .container .homeCalculaCont .btnCalc .btn-marca-verde {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 24px;
  font-size: 1.5rem;
  text-align: center;
  width: 100%; }

.homeNosotros .container .homeNosotrosCont .homeNosotrosElement .nosotrosBox {
  padding: 20px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.3); }
.homeNosotros .container .homeNosotrosCont .homeNosotrosElement .nosotrosBox .nosotrosBoxCont {
  text-align: center;
  position: relative;
  padding: 20px; }
.homeNosotros .container .homeNosotrosCont .homeNosotrosElement .nosotrosBox .nosotrosBoxCont .corner {
  width: 40px;
  height: 40px;
  border-color: #3c3c3c; }
.homeNosotros .container .homeNosotrosCont .homeNosotrosElement .nosotrosBox .nosotrosBoxCont i.fa {
  font-size: 52px;
  font-size: 3.25rem;
  color: #5c5c5f;
  margin-bottom: 15px; }
.homeNosotros .container .homeNosotrosCont .homeNosotrosElement .nosotrosBox .nosotrosBoxCont h2 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #1d4835; }
.homeNosotros .container .homeNosotrosCont .homeNosotrosElement .nosotrosBox .nosotrosBoxCont p {
  margin-bottom: 30px; }
.homeNosotros .container .homeNosotrosCont .homeNosotrosElement .nosotrosBox .nosotrosBoxCont p strong {
  width: 100%;
  display: inline-block; }

.homeSoluciones .container .homeSolucionesCont .homeSolucionesElement .solucionesBox {
  background: white;
  border-bottom: #f5b519 4px solid;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.3); }
.homeSoluciones .container .homeSolucionesCont .homeSolucionesElement .solucionesBox .solucionesBoxText {
  padding: 20px; }
.homeSoluciones .container .homeSolucionesCont .homeSolucionesElement .solucionesBox .solucionesBoxText h2 {
  font-size: 20px;
  font-size: 1.25rem;
  color: #1d4835;
  padding: 0; }

.homeActivacion .container .homeActivacionCont .homeActivacionElement .activacionBox {
  text-align: center; }
.homeActivacion .container .homeActivacionCont .homeActivacionElement .activacionBox i.fa {
  font-size: 52px;
  font-size: 3.25rem;
  color: #f5b519;
  margin-bottom: 30px; }
.homeActivacion .container .homeActivacionCont .homeActivacionElement .activacionBox h2 {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 700;
  color: #1d4835; }
.homeActivacion .container .homeActivacionCont .homeActivacionElement .activacionBox h2 span {
  color: #008544; }
.homeActivacion .container .homeActivacionCont .homeActivacionElement .activacionBox p {
  margin-bottom: 30px; }

.homeCalcula2 {
  background: #f5b519; }
.homeCalcula2 .container h1 {
  color: white; }
.homeCalcula2 .container .homeCalcula2Cont p {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  font-size: 1.25rem;
  color: white;
  text-align: center; }
.homeCalcula2 .container .homeCalcula2Cont .homeCalcula2Btns {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  -ms-flex-pack: justify;
  max-width: 540px;
  margin: 30px auto 0; }
.homeCalcula2 .container .homeCalcula2Cont .homeCalcula2Btns .btn-marca {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: uppercase;
  text-align: center;
  color: white;
  padding: 15px 0;
  width: 160px;
  border-color: white; }
.homeCalcula2 .container .homeCalcula2Cont .homeCalcula2Btns .btn-marca .fa {
  font-size: 52px;
  font-size: 3.25rem;
  color: white; }
.homeCalcula2 .container .homeCalcula2Cont .homeCalcula2Btns .btn-marca span {
  width: 100%;
  margin-top: 10px;
  display: inline-block; }
.homeCalcula2 .container .homeCalcula2Cont .homeCalcula2Btns .btn-marca:hover {
  color: #008544;
  border-color: #008544; }
.homeCalcula2 .container .homeCalcula2Cont .homeCalcula2Btns .btn-marca:hover .fa {
  color: #008544; }

.homeCasos.bgCasos {
  background: url("img/bg-casos.jpg") no-repeat center center;
  background-size: cover; }
.homeCasos.bgCasos .container h1 {
  color: white; }
.homeCasos.bgCasos .container p.lineText {
  color: white; }
.homeCasos .container p.lineText {
  font-size: 20px;
  font-size: 1.25rem;
  text-align: center; }
.homeCasos .container .homeCasosCont {
  padding-top: 60px; }
.homeCasos .container .homeCasosCont .homeCasosElement .homeCasossBox {
  text-align: center;
  position: relative;
  min-height: 200px;
  padding: 20px;
  background: white;
  border-bottom: #f5b519 4px solid;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.3); }
.homeCasos .container .homeCasosCont .homeCasosElement .homeCasossBox .circleImg {
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  top: -35px;
  width: 70px;
  height: 70px;
  border: #f5b519 2px solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }
.homeCasos .container .homeCasosCont .homeCasosElement .homeCasossBox .headerBorder {
  padding-top: 45px;
  font-style: italic; }
.homeCasos .container .homeCasosCont .homeCasosElement .homeCasossBox h2 {
  font-size: 20px;
  font-size: 1.25rem;
  color: #1d4835;
  padding: 0;
  margin-bottom: 5px; }

.homeContacto .container {
  padding: 0 30px; }
.homeContacto .container .homeContactoWrapper {
  -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.3); }
.homeContacto .container .homeContactoWrapper .homeContactoCont {
  max-width: 900px;
  margin: 0 auto; }
.homeContacto .container .homeContactoWrapper .homeContactoCont .homeContactoElement .contactoBox {
  position: relative;
  padding-left: 40px; }
.homeContacto .container .homeContactoWrapper .homeContactoCont .homeContactoElement .contactoBox:before {
  font-size: 24px;
  font-size: 1.5rem;
  position: absolute;
  left: 0;
  width: 40px;
  text-align: center; }
.homeContacto .container .homeContactoWrapper .homeContactoCont .homeContactoElement .contactoBox.address:before {
  content: "";
  font-family: "FontAwesome"; }
.homeContacto .container .homeContactoWrapper .homeContactoCont .homeContactoElement .contactoBox.phone:before {
  content: "";
  font-family: "FontAwesome"; }
.homeContacto .container .homeContactoWrapper .homeContactoCont .homeContactoElement .contactoBox.email:before {
  content: "";
  font-family: "FontAwesome"; }
.homeContacto .container .homeContactoWrapper .homeContactoCont .homeContactoElement .contactoBox h2 {
  font-size: 18px;
  font-size: 1.125rem;
  color: #1d4835;
  padding: 0;
  margin-bottom: 10px; }
.homeContacto .container .homeContactoWrapper .homeContactoCont .homeContactoElement .contactoBox .correo {
  color: #008544; }

.homeContactoForm {
  padding-bottom: 0; }
.homeContactoForm .container .headerOtherTitle {
  text-align: center;
  margin-bottom: 30px; }
.homeContactoForm .container .headerOtherTitle p {
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: uppercase;
  margin-bottom: 10px; }
.homeContactoForm .container .homeContactoForm {
  max-width: 900px;
  position: relative;
  margin: 0 auto; }
.homeContactoForm .container .homeContactoForm .fieldset fieldset {
  text-align: center;
  padding: 0 15px; }
.homeContactoForm .container .homeContactoForm .fieldset fieldset input, .homeContactoForm .container .homeContactoForm .fieldset fieldset textarea {
  padding: 12px 15px; }
.homeContactoForm .container .homeContactoForm .fieldset fieldset.tooltip {
  position: relative; }
.homeContactoForm .container .homeContactoForm .fieldset fieldset.tooltip span.fa {
  font-size: 20px;
  font-size: 1.25rem;
  position: absolute;
  top: 10px;
  right: 25px;
  cursor: pointer; }
.homeContactoForm .container .homeContactoForm .fieldset fieldset.tooltip span.fa:hover > strong {
  display: block; }
.homeContactoForm .container .homeContactoForm .fieldset fieldset.tooltip span.fa strong {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  position: absolute;
  right: -10px;
  top: 35px;
  padding: 5px;
  background: white;
  border: #008544 1px solid;
  z-index: 20; }
.homeContactoForm .container .homeContactoForm .fieldset fieldset.tooltip span.fa strong img {
  width: 250px;
  height: auto; }
.homeContactoForm .container .homeContactoForm .fieldset fieldset.tooltip span.fa strong:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: -5px;
  right: 13px;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #008544 transparent; }
.homeContactoForm .container .homeContactoForm .fieldset fieldset.tooltip span.fa.double {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important; }
.homeContactoForm .container .homeContactoForm .fieldset fieldset.tooltip span.fa.double fieldset {
  width: 50%; }
.homeContactoForm .container .homeContactoForm .fieldset fieldset.tooltip span.fa.triple {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important; }
.homeContactoForm .container .homeContactoForm .fieldset fieldset.tooltip span.fa.triple fieldset {
  width: 33.33%; }
.homeContactoForm.calculadora {
  padding-bottom: 30px; }
.homeContactoForm.calculadora form .titleForm {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 15px; }
.homeContactoForm.calculadora form .fieldset fieldset {
  text-align: center;
  padding: 0 15px; }
.homeContactoForm.calculadora form .fieldset fieldset input, .homeContactoForm.calculadora form .fieldset fieldset textarea {
  padding: 12px 15px; }
.homeContactoForm.calculadora form .fieldset fieldset input.consumo, .homeContactoForm.calculadora form .fieldset fieldset textarea.consumo {
  max-width: 100px;
  margin: 0 auto; }
.homeContactoForm.calculadora form .fieldset.double {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important; }
.homeContactoForm.calculadora form .fieldset.double fieldset {
  width: 50%; }
.homeContactoForm.calculadora form .fieldset.triple {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important; }
.homeContactoForm.calculadora form .fieldset.triple fieldset {
  width: 33.33%; }
.homeContactoForm.second {
  padding-bottom: 60px;
  background-color: #ededed; }
.homeContactoForm.second.visible {
  display: block; }

.boxedForm {
  padding: 30px;
  background: white;
  max-width: 900px;
  margin: 0 auto; }

.ahorroText {
  padding: 60px 0 30px;
  background-color: #ededed; }
.ahorroText .container .ahorroRecibo {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin-bottom: 30px; }
.ahorroText .container .ahorroRecibo .ahorroReciboCont {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  max-width: 510px;
  padding: 0 15px; }
.ahorroText .container .ahorroRecibo .ahorroReciboCont h3 {
  text-align: center;
  font-weight: 300;
  margin-bottom: 15px; }
.ahorroText .container .ahorroRecibo .ahorroReciboCont h3.tresel {
  font-weight: 500; }
.ahorroText .container .ahorroRecibo .ahorroReciboCont .ahorroImage {
  text-align: center;
  position: relative; }
.ahorroText .container .ahorroRecibo .ahorroReciboCont .ahorroImage img {
  width: 100%;
  height: auto; }
.ahorroText .container .ahorroRecibo .ahorroReciboCont .ahorroImage .ahorroImageText {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
  color: black;
  position: absolute;
  right: 16px;
  top: 111px;
  width: 163px;
  text-align: left; }
.ahorroText .container .ahorroRecibo .ahorroReciboCont .ahorroImage .ahorroImageText span {
  display: inline-block;
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: -5px;
  color: #004d71; }
.ahorroText .container .ahorroRecibo .ahorroReciboCont .ahorroImage .ahorroImageText.tresel {
  color: #004d71; }
.ahorroText .container .ahorroRecibo .ahorroReciboCont .ahorroImage .ahorroImageText.tresel span {
  color: #00bcb4; }
.ahorroText .container .ahorroTextCont {
  text-align: center;
  max-width: 900px;
  margin: 0 auto; }
.ahorroText .container .ahorroTextCont p {
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: uppercase;
  margin-bottom: 10px; }
.ahorroText .container .ahorroTextCont p.percentage {
  font-size: 120px;
  font-size: 7.5rem;
  font-weight: 700;
  color: #004d71; }
.ahorroText .container .ahorroTextCont p.percentage strong {
  border-bottom: #00bcb4 5px solid; }
.ahorroText .container .ahorroTextCont p.percentage span {
  font-size: 20px;
  font-size: 1.25rem;
  display: block;
  width: 100%;
  margin: 5px 0 20px; }

.mensajeCalc {
  display: none; }
.mensajeCalc.visible {
  display: block; }

.lineSelector {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  width: 100%;
  max-width: 900px;
  min-height: 60px;
  margin: 0 auto 30px;
  position: relative; }
.lineSelector:after {
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  content: "";
  width: 100%;
  height: 3px;
  left: 0;
  top: 20px;
  position: absolute;
  background-color: #004d71; }
.lineSelector fieldset {
  width: 25%;
  padding: 0 !important;
  margin: 0;
  position: relative; }
.lineSelector fieldset label {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-size: 0.875rem;
  width: 100%;
  display: inline-block;
  font-weight: 700;
  position: absolute;
  left: 0;
  padding: 40px 10px 0;
  cursor: pointer;
  z-index: 1; }
.lineSelector fieldset label span {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  content: "";
  width: 18px;
  height: 18px;
  top: 10px;
  background-color: #00bcb4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: transparent 2px solid; }
.lineSelector fieldset input {
  visibility: hidden; }
.lineSelector fieldset input:checked + label span {
  width: 30px;
  height: 30px;
  top: 3px;
  background-color: white;
  border: #004d71 2px solid; }
.lineSelector fieldset input:checked + label span:after {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  content: "";
  font-family: "FontAwesome";
  font-size: 20px;
  font-size: 1.25rem;
  color: #004d71; }

.checkStyle {
  visibility: hidden; }
.checkStyle input {
  visibility: hidden; }
.checkStyle input:checked + label span {
  background-color: #008544;
  border: #008544 1px solid; }
.checkStyle input:checked + label span:after {
  border: #008544 1px solid;
  left: 30px; }
.checkStyle label {
  font-size: 14px;
  font-size: 0.875rem;
  display: block;
  position: relative;
  padding-left: 70px;
  padding-top: 6px;
  text-align: left;
  margin-top: -14px; }
.checkStyle label span {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  display: block;
  position: absolute;
  width: 60px;
  height: 30px;
  left: 0;
  top: 0;
  background-color: white;
  border: #eaeaea 1px solid;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  cursor: pointer; }
.checkStyle label span:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: -1px;
  top: -1px;
  background-color: white;
  border: #eaeaea 1px solid;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }
.checkStyle.enabled {
  visibility: visible !important; }

.breadCrumbs {
  padding: 15px 0; }
.breadCrumbs .container {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
.breadCrumbs .container .bgCont {
  padding: 0 15px; }
.breadCrumbs .container .bgCont ul li {
  font-size: 12px;
  font-size: 0.75rem;
  display: inline-block; }
.breadCrumbs .container .bgCont ul li.link {
  color: #008544; }
.breadCrumbs .container .bgCont ul li.link:after {
  content: "/";
  color: #6fc5e7;
  margin-left: 5px; }

.nosotrosImageHeader {
  background: url("img/bg-header.jpg") no-repeat center center;
  background-size: cover; }
.nosotrosImageHeader .container .headerCorner {
  margin: initial;
  padding: 0; }
.nosotrosImageHeader .container .headerCorner .headerCornerCont h1 {
  color: white;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); }

.nosotrosIntro .container .nosotrosIntroWrap {
  padding: 0 15px; }
.nosotrosIntro .container .nosotrosIntroWrap .nosotrosIntroCont {
  background: white;
  border-bottom: #f5b519 4px solid;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.3);
  padding: 0 5px; }
.nosotrosIntro .container .nosotrosIntroWrap .nosotrosIntroCont .nosotrosIntroElement .introText {
  text-align: justify; }
.nosotrosIntro .container .nosotrosIntroWrap .nosotrosIntroCont .nosotrosIntroElement .introText h2 {
  font-size: 24px;
  font-size: 1.5rem;
  color: #1d4835;
  padding: 0; }

/* GRACIAS */
.graciasIntro {
  text-align:center;}
.graciasIntro .container {
  position: relative; }
.graciasIntro .container .graciasIntroCont {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: black;
  width: 100%;
  max-width: 900px;
  display: inline-block;
  padding: 60px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }
.graciasIntro .container .graciasIntroCont h1 {
  margin-bottom: 40px;
  font-size:3em;
}
.graciasIntro .container .graciasIntroCont p {
  margin-bottom: 40px;
  font-size:1.5em;
}
.graciasIntro .container .graciasIntroCont p:last-child {
  margin-bottom: 0;

}

.solucionesAhorra {
  background: #f5b519; }
.solucionesAhorra .container p {
  text-align: center;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 400;
  color: white;
  font-style: italic;
  padding: 0 15px; }

.solucionesIntro {
  padding-bottom: 0; }
.solucionesIntro .container .solucionesIntroWrap {
  padding: 0 15px; }
.solucionesIntro .container .solucionesIntroWrap .solucionesIntroCont {
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  background: white;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.3);
  padding: 0 5px; }
.solucionesIntro .container .solucionesIntroWrap .solucionesIntroCont .nosotrosIntroElement .introText {
  font-size: 20px;
  font-size: 1.25rem; }
.solucionesIntro .container .solucionesIntroWrap .solucionesIntroCont .nosotrosIntroElement .introText .dottedList li {
  margin-bottom: 15px; }
.solucionesIntro .container .solucionesIntroWrap .solucionesIntroCont .nosotrosIntroElement .imgCont {
  text-align: right; }
.solucionesIntro .container .solucionesIntroWrap .solucionesIntroCont .nosotrosIntroElement .imgCont img {
  max-width: 480px; }

.comoIntro {
  background: #666; }
.comoIntro .container .comoIntroCont {
  padding: 0 15px; }
.comoIntro .container .comoIntroCont .comoIntroElement .comoBox h2 {
  font-size: 20px;
  font-size: 1.25rem;
  color: white;
  text-align: center; }

.homeVideo .container h2 {
  font-size: 20px;
  font-size: 1.25rem;
  color: #1d4835;
  margin-bottom: 30px; }
.homeVideo .container .homeVideoCont {
  padding: 0 15px; }
.homeVideo .container .homeVideoCont .homeVideoIframe {
  max-width: 560px;
  margin: 0 auto; }

.finIntro .container .finIntroCont .finIntroElement .finBox {
  text-align: center; }
.finIntro .container .finIntroCont .finIntroElement .finBox i.fa {
  font-size: 52px;
  font-size: 3.25rem;
  color: #f5b519;
  margin-bottom: 30px; }
.finIntro .container .finIntroCont .finIntroElement .finBox h2 {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 700;
  color: #1d4835; }
.finIntro .container .finIntroCont .finIntroElement .finBox h2 span {
  color: #008544; }
.finIntro .container .finIntroCont .finIntroElement .finBox p {
  margin-bottom: 30px; }
.finIntro .container .finIntroCont .finIntroElement .finBox .contactLinks {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center; }
.finIntro .container .finIntroCont .finIntroElement .finBox .contactLinks li {
  font-size: 12px;
  font-size: 0.75rem;
  padding: 0 15px;
  cursor: pointer;
  position: relative; }
.finIntro .container .finIntroCont .finIntroElement .finBox .contactLinks li i.fa {
  font-size: 24px;
  font-size: 1.5rem;
  color: #008544; }
.finIntro .container .finIntroCont .finIntroElement .finBox .contactLinks li span {
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  bottom: -10px;
  min-width: 150px;
  padding: 5px 10px;
  background: #f5b519;
  display: none; }
.finIntro .container .finIntroCont .finIntroElement .finBox .contactLinks li:hover span {
  display: block; }

.productosHeader {
  padding-top: 60px !important; }

.productBoxes.productSection {
  padding-top: 0; }
.productBoxes.productSection h2 {
  font-size: 28px;
  font-size: 1.75rem;
  color: #008544;
  font-weight: 400;
  text-transform: none; }
.productBoxes.productSection .container {
  max-width: 1100px; }
.productBoxes.productSection .container .productBoxesCont .productBoxesElement.col h2 {
  margin-bottom: 0; }

.productoDetalle {
  padding-top: 0; }
.productoDetalle .container .productoDetalleCont.modTwoCol .productoDetalleElement.col .productoDetalleGal .imgCont {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: #eaeaea 1px solid; }
.productoDetalle .container .productoDetalleCont.modTwoCol .productoDetalleElement.col .productoDetalleGal .imgCont img {
  width: 100%;
  height: auto; }
.productoDetalle .container .productoDetalleCont.modTwoCol .productoDetalleElement.col .productoDetalleGal .bx-wrapper {
  border: #eaeaea 1px solid;
  margin-bottom: 0;
  box-shadow: none; }
.productoDetalle .container .productoDetalleCont.modTwoCol .productoDetalleElement.col .productoDetalleGal .bx-wrapper .bx-viewport {
  position: static !important;
  background: transparent;
  border: none;
  -moz-box-shadow: 0 0 0 #ccc;
  -webkit-box-shadow: 0 0 0 #ccc;
  box-shadow: 0 0 0 #ccc; }
.productoDetalle .container .productoDetalleCont.modTwoCol .productoDetalleElement.col .productoDetalleGal .bx-wrapper .bx-controls-direction a {
  font-size: 0px;
  font-size: 0rem;
  width: 30px;
  height: 30px;
  background: #008544; }
.productoDetalle .container .productoDetalleCont.modTwoCol .productoDetalleElement.col .productoDetalleGal .bx-wrapper .bx-controls-direction a:hover {
  background: #343434; }
.productoDetalle .container .productoDetalleCont.modTwoCol .productoDetalleElement.col .productoDetalleGal .bx-wrapper .bx-prev {
  left: 10px; }
.productoDetalle .container .productoDetalleCont.modTwoCol .productoDetalleElement.col .productoDetalleGal .bx-wrapper .bx-prev:before {
  content: "";
  font-family: "FontAwesome";
  font-size: 22px;
  font-size: 1.375rem;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  color: white;
  text-indent: 0; }
.productoDetalle .container .productoDetalleCont.modTwoCol .productoDetalleElement.col .productoDetalleGal .bx-wrapper .bx-next {
  right: 10px; }
.productoDetalle .container .productoDetalleCont.modTwoCol .productoDetalleElement.col .productoDetalleGal .bx-wrapper .bx-next:before {
  content: "";
  font-family: "FontAwesome";
  font-size: 22px;
  font-size: 1.375rem;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  color: white;
  text-indent: 0; }
.productoDetalle .container .productoDetalleCont.modTwoCol .productoDetalleElement.col .productoDetalleGal .bx-wrapper .bx-caption {
  text-align: center;
  background: rgba(255, 255, 255, 0.75); }
.productoDetalle .container .productoDetalleCont.modTwoCol .productoDetalleElement.col .productoDetalleGal .bx-wrapper .bx-caption span {
  font-size: 22px;
  font-size: 1.375rem;
  color: #5c5c5f;
  font-weight: 700; }
.productoDetalle .container .productoDetalleCont.modTwoCol .productoDetalleElement.col .productoDetalleGal #bx-pager {
  display: -webkit-box;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  webkit-display: -webkit-flex !important;
  display: -webkit-flex !important;
  display: flex !important;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin-top: 15px; }
.productoDetalle .container .productoDetalleCont.modTwoCol .productoDetalleElement.col .productoDetalleGal #bx-pager a {
  width: 100px;
  border: #eaeaea 1px solid;
  margin: 0 5px; }
.productoDetalle .container .productoDetalleCont.modTwoCol .productoDetalleElement.col .productoDetalleText .btn-marca {
  margin-top: 15px; }
.productoDetalle .container .productoDetalleCarac {
  padding: 0 15px;
  margin-top: 15px; }
.productoDetalle .container .productoDetalleCarac h2 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom: 30px;
  padding: 0 0 15px;
  border-bottom: #eaeaea 1px solid; }
.productoDetalle .container .productoDetalleCarac .notes {
  margin-top: 15px;
  font-size: 12px;
  font-size: 0.75rem;
  width: 100%;
  display: inline-block; }
.productoDetalle .container .productoDetalleCarac .notes span {
  color: #008544;
  text-transform: super; }

.contactoMap {
  padding: 0; }
.contactoMap .embed-container {
  padding-bottom: 360px;
  border-top: #008544 1px solid;
  border-bottom: #008544 1px solid; }
.contactoMap .embed-container iframe {
  pointer-events: none;
  max-height: 360px !important;
  border-top: #008544 1px solid;
  border-top: #008544 1px solid; }
.contactoMap .embed-container iframe.clicked {
  pointer-events: auto; }

.contactoIntro {
  padding-top: 0; }
.contactoIntro .container .contactoIntroCont h2 {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 400;
  color: #008544;
  text-align: center;
  text-transform: none;
  margin-bottom: 60px; }
.contactoIntro .container .contactoIntroCont .contactoIntroForm {
  max-width: 580px;
  padding: 0 15px;
  margin: 0 auto; }
.contactoIntro .container .contactoIntroCont .contactoIntroForm form fieldset input {
  font-size: 16px;
  font-size: 1rem; }
.contactoIntro .container .contactoIntroCont .contactoIntroForm form fieldset .btn-marca {
  width: 100%; }

.form-loader-w {
  text-align: center;
  display: none; }
.form-loader-w img {
  width: auto !important; }

.msg {
  text-align: center; }

@font-face {
  font-family: "icoIngusa";
  src: url("fonts/icoIngusa-y679ss.eot");
  src: url("fonts/icoIngusa-y679ss.eot#iefix") format("embedded-opentype"), url("fonts/icoIngusa-y679ss.ttf") format("truetype"), url("fonts/icoIngusa-y679ss.woff") format("woff"), url("fonts/icoIngusa-y679ss.svg#icoIngusa") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icoIng-"], [class*="icoIng-"] {
  font-family: "icoIngusa";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icoIng-logo-grupo-ingusa:before {
  content: ""; }

.icoIng-logo-cytsa:before {
  content: ""; }

.icoIng-logo-depsa:before {
  content: ""; }

.icoIng-logo-kalotron:before {
  content: ""; }

.icoIng-logo-guardian:before {
  content: ""; }

.icoIng-logo-ingusa:before {
  content: ""; }

.icoIng-logo-tresel:before {
  content: ""; }

.icoIng-grafico-guardian:before {
  content: ""; }

.icoIng-grafico-flama:before {
  content: ""; }

.icoIng-logo-grupo-factory:before {
  content: ""; }

.icoIng-logo-flamineta:before {
  content: ""; }

.icoIng-ico-tanque-comercial:before {
  content: ""; }

.icoIng-ico-tanque-domestico:before {
  content: ""; }

.icoIng-ico-autotanque:before {
  content: ""; }

.icoIng-ico-tanque-vertical:before {
  content: ""; }

@media only screen and (max-width: 1100px) {
  .ahorroText .container .ahorroRecibo {
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center; }
  .ahorroText .container .ahorroRecibo .ahorroReciboCont {
    width: 100%;
    margin-bottom: 15px; }
  .ahorroText .container .ahorroRecibo .ahorroReciboCont:last-child {
    margin-bottom: 0; } }
@media only screen and (max-width: 960px) {
  .modTwoCol .col {
    width: 100%; }

  .modThreeCol .col {
    width: 100%; }

  .modFourCol .col {
    width: 50%; }

  .modFiveCol .col {
    width: 50%; }

  .responsiveTable {
    display: block; }
  .responsiveTable tbody, .responsiveTable th, .responsiveTable td, .responsiveTable tr {
    display: block; }
  .responsiveTable thead {
    display: none; }
  .responsiveTable tbody tr td {
    text-align: left;
    border: none !important;
    border-bottom: #eaeaea 1px solid !important; }
  .responsiveTable tbody tr td:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: attr(data-th) ": ";
    width: 50%;
    padding-right: 10px;
    display: inline-block; }

  header .headerMedio .container .hmCont .contLogos .logo.logoGuardian:after {
    width: 160px;
    height: 50px; }
  header .headerMedio .container .hmCont .hmRightColumn .ourBrand {
    padding-right: 15px; }
  header .headerMedio .container .hmCont .hmRightColumn ul.rs {
    padding: 0 7.5px; }
  header .headerMedio .container .hmCont .hmRightColumn ul.rs li {
    margin: 0 7.5px; }
  header .headerMedio .container .hmCont .hmRightColumn ul.rs li a {
    width: 20px;
    height: 20px; }
  header .headerMedio .container .hmCont .hmRightColumn ul.rs li a:before {
    font-size: 12px;
    font-size: 0.75rem; }
  header .headerMedio .container .hmCont .hmRightColumn .hsLang {
    padding-left: 15px; }
  header .headerMedio .container .hmCont .menu-mobile {
    display: table;
    background: 0;
    position: absolute;
    right: 15px; }
  header .headerMedio .container .hmCont .menu-mobile:hover {
    background: #008544; }
  header .headerMedio .container .hmCont .menu-mobile:hover span i {
    color: white; }
  header .headerMedio .container .hmCont .menu-mobile.show {
    background: #008544; }
  header .headerMedio .container .hmCont .menu-mobile.show span i {
    color: white; }
  header .headerInferior .container nav {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    padding: 0;
    background: #008544; }
  header .headerInferior .container nav ul.menu {
    padding: 0; }
  header .headerInferior .container nav ul.menu li {
    width: 100%; }
  header .headerInferior .container nav ul.menu li a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-size: 1rem;
    width: 100%;
    height: auto;
    padding: 10px 30px;
    border: none !important;
    text-shadow: 0px 1px 2px transparent; }
  header .headerInferior .container nav ul.menu li a span {
    padding: 0;
    border: none; }
  header .headerInferior .container nav ul.menu li a:hover, header .headerInferior .container nav ul.menu li a.active {
    background: white;
    color: #008544; }
  header .headerInferior .container nav ul.menu li a:hover span, header .headerInferior .container nav ul.menu li a.active span {
    padding: 0;
    border: none; }
  header .headerInferior .container nav.show {
    left: 0; }
  header.fixed .headerMedio .container .hmCont .hmRightColumn {
    padding-bottom: 30px;
    padding-right: 60px; }
  header.fixed .headerMedio .container .hmCont .hmRightColumn .ourBrand {
    display: none !important; }
  header.fixed .headerMedio .container .hmCont .menu-mobile {
    top: 15px; }

  .mainSlider .homeSlider .slide .slideText .slideTextCont {
    padding: 30px; }
  .mainSlider .homeSlider .slide .slideText .slideTextCont p.p1 {
    font-size: 40px;
    font-size: 2.5rem; }

  .homeCalcula .container .homeCalculaCont p {
    width: 60%; }
  .homeCalcula .container .homeCalculaCont .btnCalc {
    width: 40%; }

  .homeCasos .container .homeCasosCont .homeCasosElement {
    margin-bottom: 60px; }
  .homeCasos .container .homeCasosCont .homeCasosElement:last-child {
    margin-bottom: 0; }

  .solucionesIntro .container .solucionesIntroWrap .solucionesIntroCont .nosotrosIntroElement .imgCont {
    text-align: center; }

  .finIntro .container .finIntroCont .finIntroElement .finBox .contactLinks {
    flex-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap; }
  .finIntro .container .finIntroCont .finIntroElement .finBox .contactLinks li {
    width: 100%;
    position: relative; }
  .finIntro .container .finIntroCont .finIntroElement .finBox .contactLinks li i.fa {
    font-size: 24px;
    font-size: 1.5rem;
    color: #008544; }
  .finIntro .container .finIntroCont .finIntroElement .finBox .contactLinks li span {
    position: relative;
    left: initial;
    bottom: initial;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    display: inline-block;
    background: transparent;
    padding: 0; }
  .finIntro .container .finIntroCont .finIntroElement .finBox .contactLinks li:hover span {
    display: block; } }
@media only screen and (max-width: 640px) {
  .modFourCol .col {
    width: 100%; }

  .modFiveCol .col {
    width: 100%; }

  h1 {
    font-size: 32px;
    font-size: 2rem; }

  h2 {
    font-size: 28px;
    font-size: 1.75rem; }

  h3 {
    font-size: 24px;
    font-size: 1.5rem; }

  h4 {
    font-size: 20px;
    font-size: 1.25rem; }

  h5 {
    font-size: 18px;
    font-size: 1.125rem; }

  h6 {
    font-size: 16px;
    font-size: 1rem; }

  header .headerMedio {
    padding: 15px 0; }
  header .headerMedio .container .hmCont {
    height: auto; }
  header .headerMedio .container .hmCont .contLogos {
    position: relative;
    left: initial;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; }
  header .headerMedio .container .hmCont .contLogos .logo.logoTresel:after {
    width: 97px;
    height: 50px; }
  header .headerMedio .container .hmCont ul.rs {
    display: none !important; }
  header .headerMedio .container .hmCont .hmRightColumn {
    flex-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-flex-pack: start;
    width: 100%;
    padding: 15px 0 0;
    order: 1; }
  header .headerMedio .container .hmCont .hmRightColumn .ourBrand {
    flex-direction: row;
    -webkit-box-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    padding-right: 10px;
    margin-top: 2px; }
  header .headerMedio .container .hmCont .hmRightColumn .ourBrand p {
    font-size: 11px;
    font-size: 0.6875rem; }
  header .headerMedio .container .hmCont .hmRightColumn .ourBrand .logo {
    font-size: 16px;
    font-size: 1rem; }
  header .headerMedio .container .hmCont .hmRightColumn .hsLang {
    padding-left: 10px; }
  header .headerMedio .container .hmCont .hmRightColumn .hsLang a {
    font-size: 12px;
    font-size: 0.75rem;
    color: #008544; }
  header .headerMedio .container .hmCont .hmRightColumn .hsLang a:hover {
    text-decoration: underline; }
  header .headerMedio .container .hmCont .hmRightColumn .hsLang a span {
    margin-right: 7.5px; }
  header .headerMedio .container .hmCont .menu-mobile {
    position: relative;
    right: initial; }
  header.fixed .headerMedio .container .hmCont {
    height: initial; }
  header.fixed .headerMedio .container .hmCont .contLogos .logo.logoTresel:after {
    width: 97px;
    height: 50px; }
  header.fixed .headerMedio .container .hmCont .hmRightColumn {
    padding-bottom: 0 !important;
    padding-right: 0 !important; }
  header.fixed .headerMedio .container .hmCont .hmRightColumn .ourBrand {
    display: flex !important; }
  header.fixed .headerMedio .container .hmCont .menu-mobile {
    top: initial; }

  footer .footerSuperior .container .fSuperiorCont .fSuperiorElement {
    margin-bottom: 0 !important; }
  footer .footerSuperior .container .fSuperiorCont .fSuperiorElement .fBrand {
    margin-bottom: 85px; }
  footer .footerSuperior .container .fSuperiorCont .fSuperiorElement .fMenu ul li {
    max-width: 100%; }
  footer .footerInferior .container .fInferiorCont {
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column; }
  footer .footerInferior .container .fInferiorCont p {
    margin-bottom: 15px; }

  .mainSlider .homeSlider .slide .slideText .slideTextCont {
    padding: 30px; }
  .mainSlider .homeSlider .slide .slideText .slideTextCont .corner {
    display: none; }
  .mainSlider .homeSlider .slide .slideText .slideTextCont p.p1 {
    font-size: 30px;
    font-size: 1.875rem; }
  .mainSlider .homeSlider .slide .slideImg .imgD {
    display: none; }
  .mainSlider .homeSlider .slide .slideImg .imgM {
    width: 100%;
    display: block !important; }
  .mainSlider .bx-wrapper .bx-viewport {
    max-height: 600px; }

  .homeCalcula .container .homeCalculaCont {
    flex-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap; }
  .homeCalcula .container .homeCalculaCont p {
    font-size: 20px;
    font-size: 1.25rem;
    width: 100%;
    padding-right: 0;
    margin-bottom: 15px; }
  .homeCalcula .container .homeCalculaCont .btnCalc {
    width: 100%; }
  .homeCalcula .container .homeCalculaCont .btnCalc .btn-marca-verde {
    font-size: 20px;
    font-size: 1.25rem; }

  .homeContactoForm .container .homeContactoForm .fieldset {
    flex-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap; }
  .homeContactoForm .container .homeContactoForm .fieldset.double fieldset {
    width: 100% !important; }
  .homeContactoForm .container .homeContactoForm .fieldset.triple fieldset {
    width: 100% !important; }

  .breadCrumbs .container {
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column; }
  .breadCrumbs .container ul {
    margin-bottom: 7.5px; }

  .contactoMap .embed-container {
    padding-bottom: 56.25%; }
  .contactoMap .embed-container iframe {
    max-height: initial !important; }

  .homeContactoForm .container .homeContactoForm form .fieldset.double {
    display: -webkit-box;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    webkit-display: -webkit-flex !important;
    display: -webkit-flex !important;
    display: flex !important; }
  .homeContactoForm .container .homeContactoForm form .fieldset.double fieldset {
    width: 100%; }
  .homeContactoForm .container .homeContactoForm form .fieldset.triple {
    display: -webkit-box;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    webkit-display: -webkit-flex !important;
    display: -webkit-flex !important;
    display: flex !important; }
  .homeContactoForm .container .homeContactoForm form .fieldset.triple fieldset {
    width: 100%; }

  .lineSelector fieldset label {
    font-size: 12px;
    font-size: 0.75rem; } }
@media only screen and (max-width: 540px) {
  .ahorroText .container .ahorroRecibo .ahorroReciboCont .ahorroImage .ahorroImageText {
    font-size: 20px;
    font-size: 1.25rem;
    top: 44.5%;
    right: 0;
    width: 37%; }
  .ahorroText .container .ahorroRecibo .ahorroReciboCont .ahorroImage .ahorroImageText span {
    font-size: 12px;
    font-size: 0.75rem;
    display: block;
    margin-top: 0; } }